/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#conts .pageTitle h1 {
	width: 355px;
	height: 33px;
	background: url('/img/trial/h1_img.png') no-repeat;
}

#conts .trialBox {
	padding: 21px 44px 0;
}

#conts .trialBox p {
	margin: 0 0 28px 4px;
	line-height: 1.7;
}

#conts .trialBox .topImg {
	margin: 0 0 35px;
	padding-top: 42px;
	text-align: center;
	background: url(/img/trial/line.png) no-repeat left top;
}

#conts .trialBox .topImg01 {
	margin: 0 0 37px;
	padding-top: 36px;
}

#conts .trialBox .inner {
	margin: 0 0 26px 20px;
}

#conts .trialBox .inner .photoBox {
	padding-top: 8px;
	float: left;
}

#conts .trialBox .inner .textBox {
	width: 500px;
	float: right;
}

#conts .trialBox .inner .textBox img {
	padding: 3px 2px 10px;
}

#conts .trialBox .inner .textBox ul li {
	padding: 0 0 7px 29px;
	font-size: 180%;
	background: url(/img/trial/icon.png) no-repeat left 5px;
}

#conts .trialBox .imgBox {
	margin-bottom: 13px;
	text-align: center;
}

#conts .trialBox .textP {
	margin: 0 5px 32px 15px;
}

#conts .trialBox .linkList {
	margin: 0 0 39px 26px;
}

/* クーポン2件以上ある場合 */
#conts .trialBox .linkList li {
	padding: 0 25px 21px 0;
	float: left;
}
/* クーポン1件のみの場合 */
#conts .trialBox .linkList li.single {
	float: none;
	text-align: center;
}

#conts .trialBox .linkList li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .trialBox .link {
	padding-left: 11px;
	text-align: center;
}

#conts .trialBox .link a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* Media Queries
************************************************************ */
@media (max-width: 599px){

#conts .trialBox {
	padding: 30px 15px 0;
}

#conts .trialBox .topImg {
	margin: 0 auto 20px auto;
	padding-top: 25px;
	max-width: 384px;
}


#conts .trialBox .imgBox {
	max-width: 445px;
	margin: 0 auto 15px auto;
}

#conts .trialBox .inner .photoBox {
	max-width: 178px;
	margin: 0 auto 15px;
	padding-top: 0;
	float: none;
}
#conts .trialBox .inner .textBox {
	width: 100%;
	max-width: 454px;
	float: none;
}
#conts .trialBox .inner .textBox img {
	padding: 3px 0 10px;
}

#conts .trialBox .topImg01 {
	max-width: 452px;
	margin: 0 auto 20px;
}
#conts .trialBox .inner {
	margin: 0 0 15px 5px;
}

#conts .trialBox .linkList {
	margin: 0 auto 20px auto;
}
#conts .trialBox .linkList li {
	max-width: 325px;
	margin: 0 auto;
	padding: 10px 10px;
	float: none;
}
#conts .trialBox .link {
	padding-left: 0;
}

}