@charset "UTF-8";

#header #gNavi ul li a.useful_active{
	color:#de775b;
}

/* main
-----------------------------------------------*/
#main .pointLink{
	margin-top:40px;
}
#main .img{
	max-width:1280px;
	margin:60px auto 0 auto;
}
#main .img img{
	width:100%;
	height:auto;
}



.modal .modalInner {
    display: block;
    max-width: 900px;
    margin: 0 auto;
}


@media screen and (max-width: 767px) {
  #main .pointLink{
  	margin-top:25px;
  }
  #main .img{
  	margin-top:30px;
  }
}


/* section
-----------------------------------------------*/
.section .inner{
	max-width:980px;
	margin:0 auto;
}
.section .box{
	max-width:980px;
	border-top:1px solid #d8d8d8;
	padding-top:60px;
	margin:60px auto 0 auto;
	text-align:center;
}
.section .box:first-child{
	border-top:none;
	padding-top:0;
	margin-top:0;
}
.section h2{
	font-size:38px;
	font-weight:normal;
}
.section p{
	font-size:138.5%;
	line-height:1.8;
	margin-top:30px;
}
.section h3{
	font-size:167%;
	font-weight:normal;
	margin-top:46px;
}
.section h3:first-child{
	margin-top:0;
}
.section ul.notes{
	display:inline-block;
}
.section ul.notes li{
	font-size: 14px;
	color: #333333;
	margin-left: 1em;
	text-indent: -1em;
	text-align: left;
}
.section .winLink{
	margin-top:50px;
	text-decoration: underline;
}
.section .anchorLink{
	margin-top:40px;
}
.section a.popup{
	display:inline-block;
	font-size:108%;
	color:#4eb9dc;
	text-decoration:underline;
}
.section a.popup:hover{
	opacity:0.8;
}
.section a.popup:hover{
	text-decoration:none;
}
/* shop */
#shop{
	margin-top:90px;
}
#shop ul.notes{
	margin-top:40px;
}
/* net */
#net .inner{
	padding-top:100px;
}
#net ul.notes{
	margin-top:8px;
}
@media screen and (max-width: 767px) {
.section{
	padding:0 20px;
}
.section .box{
	padding-top:25px;
	margin:25px auto 0 auto;
}
.section h2{
	font-size:27px;
}
.section p{
	font-size:17px;
	line-height:1.6;
	margin-top:20px;
	text-align:left;
}
.section h3{
	font-size:17px;
	margin-top:20px;
}
.section ul.notes li{
	font-size:10px;
}
.section .winLink{
	margin-top:40px;
}
.section .anchorLink{
	margin-top:25px;
}
.section a.anchor span{
	font-size:12px;
	padding-right:12px;
}
.section a.popup{
	margin-top:20px;
	font-size:12px;
}
/* shop */
#shop{
	margin-top:40px;
}
#shop ul.notes{
	margin-top:15px;
}
/* net */
#net .inner{
	padding-top:40px;
}
}


/* logoList
-----------------------------------------------*/
.section .logoList{
	font-size:0;
	margin-left:auto;
	margin-right:auto;
}
.section #logoMark{
	margin-top:40px;
}
.section #logoShop{
	margin-top:34px;
	max-width:890px;
}
.section #logoNet{
	margin-top:10px;
	max-width:656px;
}
.section .logoList li{
	display:inline-block;
}
.section #logoMark li{
	margin: 0 25px;
}
.section #logoShop li{
	margin:15px 28px;
}
.section #logoNet li{
	margin:22px;
}
.section .logoList li img{
	width:auto;
}
.section #logoMark li img{
	height:64px;
}
.section #logoShop li img{
	height:75px;
}
.section #logoNet li img{
	height:120px;
}
.section .logoList li.br{
	display:block;
	margin:0 !important;
	font-size:0;
}
@media screen and (max-width: 1040px) {
.section #logoShop li{
	margin:15px 13px;
}
.section .logoList li.br{
	display:none;
}
}
@media screen and (max-width: 767px) {
.section #logoMark li{
	margin: 0 12px;
}
.section #logoMark{
	margin-top:20px;
}
.section #logoShop{
	margin-top:10px;
}
.section #logoNet{
	margin-top:0;
}
.section #logoShop li{
	margin:9px 14px;
}
.section #logoShop br{
	display:none;
}
.section #logoNet li{
	margin:10px;
}
.section #logoMark li img{
	height:47px;
}
.section #logoShop li img{
	height:45px;
}
.section #logoNet li img{
	height:63px;
}

  .min135{
  	width:135px!important;
  	height:auto!important;
  }

}


/* 対応機種
-----------------------------------------------*/
#models table.data{
	width: 100%;
}
#models table.data th{
	font-weight: bold;
	font-size: 138.5%;
	line-height: 1.8;
}
#models table.data td{
	text-align: left;
}
#models table.data td li{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 138.5%;
}