@charset "utf-8";

.page-contents { width:100%; max-width:660px; margin:0 auto; overflow:hidden; }
.page-contents #appWrap { color:#333; max-width:660px; margin:0 auto; font-size:100%; }
.page-contents #appWrap p { padding:0; font-size:100%; line-height:1.6; }
#appWrap div img { vertical-align:bottom; }
/*#appWrap dt { float:left; margin:0 0 30px 10px; width:25%; max-width:160px; }*/
/*#appWrap dd { float:left; margin:0 0 30px 10px; width:67%; font-size:12px; line-height:1.5; }*/
.page-contents #appWrap .app-coupon { margin:20px 0 0; }
.page-contents #appWrap .app-coupon dl { margin:4% 0 0; }
.page-contents #appWrap .app-coupon dt { float:left; margin:0 0 4% 4%; width:25%; max-width:158px; }
.page-contents #appWrap .app-coupon dd { float:left; margin:0.3em 0 4% 2%; width:65%; font-size:95%; line-height:1.5; }
.page-contents #appWrap .app-hosukei { position:relative; }
.page-contents #appWrap .app-hosukei p { position:absolute; font-size:80%; }
.page-contents #appWrap .app-hosukei p.tx_app-hosukei-01 { width:60%; left:37%; top:20%; }
.page-contents #appWrap .app-hosukei p.tx_app-hosukei-02 { width:30%; left:36%; top:50%; font-size:70%; }
.page-contents #appWrap .app-hosukei p.tx_app-hosukei-03 { width:30%; left:38%; top:65%; font-size:70%; }
.page-contents #appWrap .app-hosukei p.tx_app-hosukei-04 { width:60%; left:5%; bottom:2%; font-size:70%; }
.page-contents #appWrap .app-download { clear:both; position:relative; }
.page-contents #appWrap .app-download p.tx_attention { position:absolute; width:86%; left:8%; bottom:9.5%; font-size:75%; }


.page-contents .app-dl { clear:both; position:relative; max-width: 690px; width: 92%; margin: 0 auto;border: 1px solid #b9b9b9; box-sizing: border-box; padding: 3%; border-radius: 10px}
.page-contents .app-dl h3 { text-align: center; }
.page-contents .app-dl h3 img { max-width: 690px; width: 98%; }
.page-contents .app-dl ul {margin-top: 3%; }
.page-contents .app-dl ul li { text-align: center; float: left; overflow: hidden; width: 48.5%; margin-right:1.5% }
.page-contents .app-dl ul li img { max-width: 267px; width: 100%;}
.page-contents .app-dl ul li:nth-child(2) { float: right; margin-right:0; margin-left:1.5% }
.page-contents .app-dl ul li:nth-child(3) { clear: both; float: left; margin-top: 3%}
.page-contents .app-dl ul+p {margin-top: 2%; }


.supportOS {
	padding:0 4%;
	border-bottom: solid 1px #b1b1b1;
}

.supportOS h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3%;
}

.supportOS p {
	margin-bottom: 5%;
}

.supportOS h4 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
	padding-bottom: 2%;
	margin-bottom: 2%;
}

.supportOS dl {
	margin-bottom: 3%;
}

.supportOS dd {
	margin-bottom: 3%;
}

.supportOS span {
	color: #FF0000;
}

.supportOS .attention {
	margin-bottom: 3%;
}

.supportOS .attention li {
	text-indent: -0.6em;
	padding-left: 1em;
}




.page-contents .app_link1214 {
	width:90%;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
}

.page-contents .app_link1214 dl:first-child {
	margin-right: 10px;
}

.page-contents .app_link1214 img {
	width:100%;
}