@charset "utf-8";


#slickSlyder{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7881d+0,f1ad66+100 */
	background: #f7881d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7881d 0%, #f1ad66 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7881d 0%,#f1ad66 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7881d 0%,#f1ad66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7881d', endColorstr='#f1ad66',GradientType=0 ); /* IE6-9 */
}

#cardElm_sp{
	display:none;
}


@media screen and ( max-width:750px) {

	#cardElm{
		display:none;
	}

	#cardElm_sp{
		display:block;
	}

	#articleBox {
	    padding: 0 15px;
	}

	#cardElm_sp h2{
		display:block;
		overflow: hidden;
		padding:15px;
		text-align:center;
	    font-size: 2.4rem;
	    line-height: 155%;
	    font-weight:bold;
		border-bottom: 5px dotted #ff9d05;
    	margin-bottom: 15px;
    }

	#cardElm_sp h3{
		display:block;
		overflow: hidden;
	    padding:0.5em;
	    margin-bottom:2px;
	    color:#333333;
	    text-align:center;
	    font-size: 1.8rem;
	    line-height: 125%;
	    font-weight:bold;

		background-color:#ffcb99;
		border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
	}

	.innerBox{
		display:block;
		overflow:hidden;
		clear:both;
		margin-bottom:15px;
		padding:15px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		background-color:#ffa648;
		/*border:4px solid #fccb95;*/
	}

	#cardElm_sp img{
		width:100%;
		height:auto;
		max-width: 720px;
	}

	#cardElm_sp dl{
		display:block;
		overflow:hidden;
		padding:15px 15px 0;
		margin-bottom:15px;
		background-color:#ffffff;
	}

	#cardElm_sp dl > dt{
		display:block;
		overflow:hidden;
		font-size:1.6rem;
		line-height:125%;
		font-weight:bold;
	    padding:5px 0px 5px 10px;
	    margin-bottom:0.5em;
	    border-left: 5px solid #ffc800;
	    border-bottom: 1px solid #ffc800;
	}

	#cardElm_sp dl > dt span{
		font-size:1.4rem;
		margin-left:1em;
	}

	#cardElm_sp dl > dt > p{
		display:block;
		padding:0;
		margin:0;
		text-align:right;
	}

	#cardElm_sp dl > dt:nth-child(3){
		border-color:#ff8200;
	}

	#cardElm_sp dl > dt:nth-child(5){
		border-color:#76cb07;
	}

	#cardElm_sp dl > dd{
		display:block;
		overflow:hidden;
		font-size:1.4rem;
		line-height:155%;
		margin-left:1em;
		margin-bottom:15px;
	}

	#cardElm_sp p{
		display:block;
		overflow:hidden;
		font-size:1.4rem;
		line-height:155%;
		padding:15px 15px;
		margin-bottom:15px;
		background-color:#ffffff;
	}


}