@charset "utf-8";

/*===================================================================
	feature_x.htm
===================================================================*/
#contents .detailSection .main .detailGroup .ttlMod01.ttlMod01-ex h2{*display:inline; *zoom:1; *height:33px;}/*ie7*/
#contents .detailSection .main .detailGroup .ttlMod01.ttlMod01-ex span{height:33px; padding:0 20px; display:table-cell; vertical-align:middle;}
#contents .detailSection .main .detailGroup .ttlMod01.ttlMod01-ex span{*display:block; *height:19px; *padding:6px 20px 8px;}/*ie7*/

body.feature_3 dl>dd>ul>li{margin-top:5px;}
body.feature_4 .ancNav .current04 a, body.feature_4 .ancNav .current05 a, body.feature_4 .ancNav .current06 a, body.feature_4 .ancNav .current07 a, body.feature_4 .ancNav .current08 a{color:#333; cursor:default; text-decoration:none;}

.spContent {
	display: none!important;
}

.pcContent {
	display: block!important;
}


@media screen and (max-width:767px) {
	.spContent {
		display: block!important;
	}

	.pcContent {
		display: none!important;
	}

	.spContent .imgBox {
		text-align: center;
		margin-top: 30px;
	}

	.spContent .imgBox img {
		max-width: 100%!important;
		width: 50%!important;
	}

	.detailGroup .flR,
	.detailGroup .flL{
		float: none;
		width: 100%;
		margin: 10px 0;
	}
	.oneCol{
		word-break: break-all;
	}
	.feature_3 .appLinkSection{
		padding: 20px;
	}
	.feature_3 .appLinkSection .flR,
	.feature_3 .appLinkSection .flL{
		float: none;
		width: 100%;
	}
	.feature_3 .appLinkSectionTtl{
		margin: 5px 0 0 70px;
	}
	.feature_3 .appLinkSectionDetail{
		margin: 0;
	}
	.feature_3 #contents .detailSection .main .detailGroup .fsM img{
		width: 15px;
	}
	.feature_3 #contents .detailSection .main .detailGroup .taL img{
		width: 100%;
	}
	.feature_3 #contents .detailSection .main .detailGroup .appLinkSectionIcon img{
		width: 50px;
	}
	.feature_3 #contents .detailSection .main .detailGroup .flL.w57 {
		float: none;
		width: 100%;
	}
	.feature_3 #contents .detailSection .main .detailGroup .flR.w41.taR {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.feature_3 #contents .iLink02{
		margin-top: 0 !important;
	}
	.purchase .tbl-cell:nth-of-type(1){
		display: block;
		width: 100%;
		padding-right: 0;
		margin: 0 0 15px;
	}
	.purchase .tbl-cell:nth-of-type(2){
		display: block;
		width: 100%;
		padding-left: 0;
	}

	.imgWrap {
		width: 138px;
		height: 31px;
		text-align: center;
		margin: 0 auto;
	}
}