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

html,body { background-color:#0b1431; height:100%; -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: 768px) { /* 768px以下の記述 */
}

@media screen and (min-width: 769px) and (max-width: 960px) { /* 769px以上の記述 960px以下の記述*/
}

@media screen and (min-width: 961px) { /* 961px以上の記述 */
}

@media screen and (min-width: 1280px) { /* 1280px以上の記述 */
}


/* --------------------------------------------------------
#wrapper
-------------------------------------------------------- */
#wrapper{
text-align:left;
/*min-height:100%;*/
/*height: auto !important;*/
/*height: 100%;*/
min-height: calc(100vh - 40px);
height: calc(100vh - 40px);
min-width:960px;
width: auto !important;
width: 100%;
position:relative;
/*overflow:hidden;*/
}



/* --------------------------------------------------------
#header
-------------------------------------------------------- */
#header_wrap{ z-index:110; position:absolute; top:0; left:0; width:100%; min-width:960px; }

#header #logo_nintendo { width:98px; padding-left:15px; }
#header #logo_wiiu{ position:absolute; top:0px; right:15px;}



/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container { background:#0b1431; position:relative; min-width:960px; height:100%;}




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


#loading { background:#000 url(../img/loading.gif) no-repeat center center; width:100%; min-height:600px; height:100%; z-index:100; position:absolute; top:0; right:0; bottom:0; left:0;}



/* --------------------------------------------------------
IFRAME
-------------------------------------------------------- */
#content{
width:100%; height:100%;
min-width:100%; min-height:100%;
position:absolute;
top:0; left:0;
border:none;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
background:transparent;
}





/* --------------------------------------------------------
#footer_wrap
-------------------------------------------------------- */
#footer_wrap { clear:both; position:relative; width:100%; background:#000; opacity:1;}

#footer_wrap { position:fixed; bottom:0; left:0; z-index:2000; }/**/




/* --------------------------------------------------------
#gNavi_wrap
-------------------------------------------------------- */
#gNavi_wrap { background:#011341 url(../img/gbg.png) no-repeat top center; min-width:960px; width:100%; z-index:110; border-top:1px solid #1e1f24; }
#gNavi_wrap:after { content: ""; display: block; clear: both; }
#gNavi_wrap { zoom:1; position:relative; }

/*#gNavi_wrap { position:fixed; bottom:0; left:0; }*/
#gNavi_wrap.static { position:relative; }


/* #mainlogo
-------------------------------------------------------- */
#mainlogo { position:absolute; bottom:-70%; left:10px; display:none; }
@media screen and (max-width: 1280px) { /* 1280px以下の記述 */
#mainlogo { width:21.25%; height:auto; left:0;}
#mainlogo img { width:100%; height:auto;}
}


/* #gnav
-------------------------------------------------------- */
#gNavi { }

#gNavi ul:after { content: ""; display: block; clear: both; }
#gNavi ul { zoom:1; text-align:center; width:100%; min-height:30px; max-height:45px; letter-spacing:-.45em; }

#gNavi li { display:inline-block; *display:inline; zoom:1; letter-spacing:normal; vertical-align:top; position:relative; margin:0 5px;}
#gNavi li img { max-width:100%; height:auto;}
#gNavi li img.ov { position:absolute; left:0;}

#gNavi li.gbtn1 { width:110px; }
#gNavi li.gbtn2 { width:94px; }
#gNavi li.gbtn3 { width:85px; }
#gNavi li.gbtn4 { width:128px; }
#gNavi li.gbtn5 { width:96px; }
#gNavi li.gbtn6 { width:134px; }
#gNavi li.gbtn7 { width:99px; }

@media screen and (max-width: 1280px) { /* 1280px以下の記述 */
#gNavi li.gbtn1 { margin-left:9.625%; }
}
@media screen and (max-width: 1130px) { /* 1130px以下の記述 */
#gNavi li.gbtn1 { max-width:9.73%; }
#gNavi li.gbtn2 { max-width:8.31%; }
#gNavi li.gbtn3 { max-width:7.52%; }
#gNavi li.gbtn4 { max-width:11.327%; }
#gNavi li.gbtn5 { max-width:8.49%; }
#gNavi li.gbtn6 { max-width:11.85%; }
#gNavi li.gbtn7 { max-width:8.76%; }

}
@media screen and (max-width: 960px) { /* 960px以下の記述 */
#gNavi ul { zoom:1; text-align:center; width:960px; letter-spacing:-.45em; }
}





/* #soundBlock
-------------------------------------------------------- */
#soundBlock { position:absolute; top:6px; right:10px;}
@media screen and (max-width: 1130px) { /* 1130px以下の記述 */
#soundBlock { right:5px;}
}



/* --------------------------------------------------------
#footer
-------------------------------------------------------- */
#footer { padding:0px 10px; min-height:40px; position:relative; border-top:1px solid #000; background:#172045 url(../img/footer_bg.png) repeat-x 0 0; }
#footer:after {content: ""; display: block; clear: both;}
#footer {zoom:1;}


#footer .rightBox { float:right; padding-top:13px; }

/* #copyrightSet
-------------------------------------------------------- */
#copyrightSet { position:relative; margin-bottom:5px; float:left; }
#copyrightSet ul:after {content: ""; display: block; clear: both;}
#copyrightSet ul {zoom:1; margin-left:0px;}
#copyrightSet li { display:inline-block; margin-right:5px; }


/* #footer #menu
-------------------------------------------------------- */
#footer #fmenu { float:left; text-align:right; border-right: 1px solid #224077; margin-right:15px; }
#footer #fmenu:after {content: ""; display: block; clear: both;}
#footer #fmenu {zoom:1;}
#footer #fmenu li { display:block; float:left; margin-bottom:0px; margin-right:10px; color:#868686; }
#footer #fmenu li a { margin:0px 5px; color:#868686; white-space:nowrap; }
#footer #fmenu li:first-child a { margin-left:0;}

@media screen and (max-width: 768px) { /* 768px以下の記述 */
}


/*copylight
----------------------------------------------------*/
#copyright{ text-align:right; float:right; padding-top:3px; margin-right:4px;}

@media screen and (max-width: 768px) { /* 768px以下の記述 */
}





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


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

.cr { clear:both; }


/*pagetop
----------------------------------------------------*/
.pagetop { clear:both; padding-right:20px; position:relative; z-index:10; }
.pagetop  a { display:block; overflow:hidden; padding:10px 20px; position:absolute; bottom:0px; right:20px; background:#232323; color:#c8c8c8; font-size:1.1rem; cursor:pointer; }
/*.pagetop a span { display:none; }
.pagetop a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }*/


/*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; /* 白金比 */}