/* ==================================================================
CSS information
style info :共通（汎用クラス）
================================================================== */

html,body { background-color:#000; -webkit-text-size-adjust: none; }

html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }

/*img { max-width:100%; height:auto; }*/

div, h1, h2, h3, h4, h5, p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

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


/*テンプレート内にある記述*/
/* ------------------------
　▼contents　コンテンツ
--------------------------*/

#contents {
	margin: 0 auto;
	background: #fff;
	color:#000;
}

@media screen and (max-width: 640px) {
	#contents {
		width:100%;
	}
}
/* ------------------------
　▲contents　コンテンツ
--------------------------*/



/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { padding:0px; overflow:hidden; background:#000; }
#contents:after { content: ""; display: block; clear: both; }
#contents { zoom:1; }





/* --------------------------------------------------------
#gnavBlock
-------------------------------------------------------- */
#gnavBlock { position:relative; background:url(../../_img/common/gnav_bg.jpg); background-size:cover; min-height:4px; margin-top:50px; padding:0.7% 0 2%; }
#gnavBlock h1 { width:14%; max-width:200px; position:absolute; top:-25%; left:10px; }

#gnavBlock ul { letter-spacing:-.45em; position:relative; text-align:center; }/*1150*/
#gnavBlock ul li { letter-spacing:normal; display:inline-block; width:13.971%; margin:0 0%; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#gnavBlock ul li span { display:block; margin:0 2%;}

#spmenu { display:none;}

@media screen and (min-width: 641px) {
#gnavBlock { display: block !important; }
#gnavBlock ul { max-width:1158px; margin:0 10px 0 13.4%; }
}
@media screen and (min-width: 1540px) {
#gnavBlock ul { width:1158px; margin:0 auto; }
}
@media screen and (max-width: 640px) {	/*SP*/
header { z-index:2000; position:relative;}
#spmenu { position: absolute; top:10px; right:10px; width:14.375%; height:auto; z-index:1900; display:block; }
#spmenu.fixed { position:fixed; }
#spmenu span { display:block; width:100%; height:auto; }

#gnavBlock { display:none;}
#gnavBlock { position:fixed; top:0; left:0; background:#000 url(../../_img/common/bacground.jpg) no-repeat center top; width:100%; height:auto; margin-top:0px; padding:0.5% 0 20px; padding-top:13%; z-index: 1800; }
#gnavBlock.scl { padding-top:0%;}
#gnavBlock h1 { width:60%; max-width:340px; position: relative; top:0%; left:0px; margin:0 auto; }

#gnavBlock ul { letter-spacing:normal; position:relative; text-align:center; max-width:640px; margin:10px auto; }
#gnavBlock ul li { display:block; width:100%; margin:0 0 10px; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#gnavBlock ul li span { display:block; margin:0 2%;}


}




/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
/*Link Style (Base)
----------------------------------------------------*/
a:link { text-decoration:none; color:#ffffff; }
a:visited { text-decoration:none; color:#ffffff; }
a:hover { text-decoration:underline; color:#ffffff; }
a:active { text-decoration:none; color:#ffffff; }
a:focus { outline:none; }

/*clearfix　NN未対応版
----------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom:1; }

.cr { clear:both; }


/*pagetop
----------------------------------------------------*/
#pageTop { width:100%; text-align:center; padding-bottom:1px; background: url(../../_img/common/underline_pagetop.png) center bottom no-repeat; margin-top: 30px;}
#pageTop a { display: block; text-align: center;}
#pageTop img { width:38.333%; height:auto; margin: 0 auto; }
@media screen and (min-width: 641px) {
#pageTop { text-align:right; padding-bottom:0px; background: none; margin-top: 30px; margin-bottom: -50px;}
#pageTop a { display: inline-block; text-align: right; margin-right: 30px;}
#pageTop img { width:100%; max-width: 130px; height:auto; }
}



/*Float Style
----------------------------------------------------*/
.float_l { float:left; }
.float_r { float:right; }

/*Text align Style
----------------------------------------------------*/
.text_c { text-align:center; }
.text_l { text-align:left; }
.text_r { text-align:right; }

/*Margin Style
----------------------------------------------------*/
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }
.mr55 { margin-right:55px; }
.mr60 { margin-right:60px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml55 { margin-left:55px; }
.ml60 { margin-left:60px; }


/*Padding Style
----------------------------------------------------*/
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt55 { padding-top:55px; }
.pt60 { padding-top:60px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }
.pr55 { padding-right:55px; }
.pr60 { padding-right:60px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }
.pb55 { padding-bottom:55px; }
.pb60 { padding-bottom:60px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pl55 { padding-left:55px; }
.pl60 { padding-left:60px; }



/*Light-Height Style
----------------------------------------------------*/
.golden-ratio { line-height:1.61; /* 黄金比 */}
.yamato-ratio { line-height:1.41; /* 大和比 */}
.platinum-ratio { line-height:1.73; /* 白金比 */}