@charset "utf-8";

/* ===================================================================
css information

File Name  : common.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

Browser Default Initialization

****************************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html,body { height:100%; }
html{ overflow-y:scroll; }
body { line-height:1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
dl,ol,ul { list-style:none; }
table{ border-collapse:collapse; border-spacing:0; }
caption, th{ text-align:left; }
a:focus { overflow:hidden; outline:none; }
img { vertical-align:bottom; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
a { -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
img, x:-moz-any-link, x:default { box-shadow:#000 0 0 0; }

html,body { height:100%; }
body { color:#333; background:#fff; font-size:75%; line-height:200%; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Arial","Verdana","sans-serif"; letter-spacing:normal; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;    background-color: #232325; }
html>/**/body { font-size:13px; }
* + html body { font-family:"メイリオ","Meiryo"; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; outline:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
*:before,
*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

h1,h2,h3,h4,h5,h6 { 
line-height:140%;
}
p { line-height:165%; }

input,
select,
textarea,
button { font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','Arial','Verdana','sans-serif'; color:#333; font-weight:normal; font-size:100%; }

@media screen and (max-width:700px) {

body { background:#000; }

}

/****************************************************************************

common

****************************************************************************/

a { color:#252525; text-decoration:none; }
/*img { width:100%; }*/
#gFooter img { width:126px; height:auto; float:left; }
#gFooter p span { display:block; margin-left:146px; fon-size:11px; color:#FFF; min-height:108px; }

/* selection */
::selection { background:#1c3788; color:#fff; }
::-moz-selection { background:#1c3788; color:#fff; }

/* clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .clearfix { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .clearfix { zoom:1; }

/* clear */
.clear { clear:both; }

/* float */
.fL { float:left; }
.fR { float:right; }

/* indent */
.idt_01 { text-indent:-1em; margin:0 0 0 1em; }

/* font-weight */
.fW_b { font-weight:bold !important; }
.fW_n { font-weight:normal !important; }

/* text-align */
.tA_c { text-align:center !important; }
.tA_l { text-align:left !important; }
.tA_r { text-align:right !important; }

/* font-size */
.fS_s03 { font-size:76.9% !important; }
.fS_s02 { font-size:84.6% !important; }
.fS_s01 { font-size:92.3% !important; }
.fS_l01 { font-size:107.7% !important; }
.fS_l02 { font-size:115.4% !important; }
.fS_l03 { font-size:123.1% !important; }

/* color */
.co_dgry { color:#333; }
.co_lgry { color:#aaa; }
.co_red { color:#ec5548; }

/* word-break */
.wB_all { word-break:break-all; word-wrap:break-word; overflow-wrap:break-word; }

/* form */
input,
textarea,
button { -webkit-appearance:none; }

input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="number"],
input[type="range"],
input[type="color"],
input[type="tel"] { width:100%; height:40px; line-height:38px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; background:#fff; border:#aaa 1px solid; padding:0 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color:#aaa; font-weight:normal; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color:#aaa; font-weight:normal; }
input::-moz-placeholder,
textarea::-moz-placeholder { color:#aaa; font-weight:normal; }

textarea { width:100%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; line-height:150%; padding:9px 6px 9px 6px; background:#fff; border:#aaa 1px solid; resize:none; overflow:hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

/* display */
.no-mediaqueries .spOnly { display:none !important; }

/* bgAdjust */
.bgAdj { width:100%; height:100%; position:relative; overflow:hidden; }
.bgAdj img { display:block; position:absolute; top:50%; left:50%; }



#gFooter .seriesNav { background:#222023; padding:10px 0;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow:    inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow:         inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1); 
}
#gFooter .seriesNav ul { max-width:1230px; margin:0 auto; padding:0 15px; }
#gFooter .seriesNav ul li { width:20%; float:left; padding:5px; }
#gFooter .seriesNav ul li a { display:block; width:100%; height:52px; background:#e4e4e4; text-align:center; border:#fff 1px solid; outline:#aeaeae 1px solid; overflow:hidden; position:relative; }
#gFooter .seriesNav ul li a img { width:222px; height:52px; position:absolute; top:0; left:50%; margin:0 0 0 -111px; }

.snsWrap { text-align:center; padding:15px 0; }
.tw,.fb { display:inline-block; }
.tw { margin-right:15px; }

.subMenu { position:relative;
background-image: url(/wanganmaxi6/jp/img/cmn/bg2.png);
border-top: 1px solid #3C3C3E;
    border-bottom: 1px solid #3C3C3E;
    position: relative;
    background-size: 8px 7px;
 }
.fbButton { position:absolute; top:15px; right:15px; }
.fbButton img { width:auto!important; height:auto!important; }

#snsArea { position:absolute; top:10px; right:0px; z-index:9; }
#snsArea .twitter,#snsArea .facebook_like { display:inline-block; vertical-align:top; }
#snsArea .twitter { margin-right:10px; }

@media screen and (min-width:1701px){
#gFooter .seriesNav ul { max-width:2100px; }
#gFooter .seriesNav ul li { width:11.11111111111111%; }	
}

@media screen and (min-width:481px) and (max-width:700px) {
#gFooter .seriesNav { background:#222023; padding:10px 0;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow:    inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow:         inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1); 
}
#gFooter .seriesNav ul { margin:0 auto; padding:0 7px; }
#gFooter .seriesNav ul li { width:50%; float:left; padding:5px; }
#gFooter .seriesNav ul li a { display:block; width:100%; height:44px; background:#e4e4e4; text-align:center; border:#fff 1px solid; outline:#aeaeae 1px solid; overflow:hidden; position:relative; }
#gFooter .seriesNav ul li a img { width:188px; height:44px; position:absolute; top:0; left:50%; margin:0 0 0 -94px; }
}

@media screen and (min-width:481px) and (max-width:700px) and (orientation:portrait) {
#gFooter .seriesNav { background:#222023; padding:10px 0;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow:    inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow:         inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1); 
}
#gFooter .seriesNav ul { margin:0 auto; padding:0 7px; }
#gFooter .seriesNav ul li { width:50%; float:left; padding:5px; }
#gFooter .seriesNav ul li a { display:block; width:100%; height:44px; background:#e4e4e4; text-align:center; border:#fff 1px solid; outline:#aeaeae 1px solid; overflow:hidden; position:relative; }
#gFooter .seriesNav ul li a img { width:188px; height:44px; position:absolute; top:0; left:50%; margin:0 0 0 -94px; }
}


@media screen and (max-width:480px) {
	#gFooter .seriesNav { background:#222023; padding:10px 0;
-webkit-box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow:    inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow:         inset 0px -5px 0px 0px rgba(0, 0, 0, 0.2),inset 0px 5px 0px 0px rgba(255, 255, 255, 0.1); 
}
#gFooter .seriesNav ul { margin:0 auto; padding:0 7px; }
#gFooter .seriesNav ul li { width:50%; float:left; padding:5px; }
#gFooter .seriesNav ul li a { display:block; width:100%; height:44px; background:#e4e4e4; text-align:center; border:#fff 1px solid; outline:#aeaeae 1px solid; overflow:hidden; position:relative; }
#gFooter .seriesNav ul li a img { width:188px; height:44px; position:absolute; top:0; left:50%; margin:0 0 0 -94px; }
}

@media print,screen and (min-width:801px){ 
.spOnly { display:none !important; } 

}



@media screen and (max-width:800px){ 
.pcOnly { display:none !important; } 

#snsArea { position:absolute; top:auto; bottom:0px; right:0px; z-index:9; width:100%; text-align:center; }
#snsArea .twitter,#snsArea .facebook_like { display:inline-block; vertical-align:top; width:85px; overflow:hidden; }
#snsArea .twitter { margin-right:10px; }



.snsWrap { text-align:center; padding:15px 0; }
.tw,.fb { display:inline-block; }
.tw { margin-right:15px; }

.subMenu { position:relative; }
.fbButton { position:static; text-align:center; padding: 11px 15px;}
.fbButton img { width:auto!important; height:auto!important; float:none!important; }
}

/* bgHack */

#bgHack { width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1; }

/****************************************************************************

#top_main

****************************************************************************/

#top_main { width:100%; min-width:1000px; position:relative; }
#top_main_frame01 { position:relative; z-index:100; }
#top_main_frame02 { position:absolute; width:100%; height:100%; top:0; left:0; z-index:99; overflow:hidden; }
#top_main_frame02 > section { width:100%; height:100%; position:relative; }
#top_main_frame02 > section .cs { width:52%; height:auto; position:absolute; top:50%; left:50%; margin:-4% 0 0 -26%; }

@media screen and (max-width:800px){
#top_main { min-width:0; }
#top_main_frame02 > section { width:100%; height:100%; position:relative; }
#top_main_frame02 > section .cs { width:90%; /*padding:14.5% 0 0 0;*/ margin:-6.9% 0 0 -45%; }
}

/****************************************************************************

#top_main_video

****************************************************************************/

#top_main_video { width:100%; min-width:1000px; overflow:hidden; z-index:1; }
#top_main_video > .videoWrap { width:100%; position:relative; height:0; padding-bottom:56.25%; background:#000; }
#top_main_video > .videoWrap h1,
#top_main_video > .videoWrap video { width:100%; position:absolute; top:0; left:0; }

/* リピートボタン */
#top_main_video > .videoWrap .repeatBtn { width:90px; height:90px; position:absolute; top:50%; left:50%; margin:-45px 0 0 -45px; cursor:pointer; padding:22px; /*background-color:rgba(0, 0, 0, 0.4);*/ background-color:rgba(255, 255, 255, 0.4); display:none; z-index:99;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#top_main_video > .videoWrap .repeatBtn:hover { /*background-color:rgba(0, 0, 0, 0.8);*/ background-color:rgba(255, 255, 255, 0.2); }

/* ミュート切り替えボタン */
#top_main_video > .videoWrap .muteBtn { padding:8px 12px 8px 52px; background:rgba(0, 0, 0, 0.5); font-size:10px; position:absolute; top:10px; right:10px; color:#fff; z-index:98; line-height:140%; cursor:pointer; display:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#top_main_video > .videoWrap .muteBtn:before { content:''; width:30px; height:30px; position:absolute; background:URL(../img/mute_true.png) no-repeat center center; background-size:100% 100%; left:12px; top:50%; margin:-15px 0 0 0; }
#top_main_video > .videoWrap .muteBtn.false:before { background-image:URL(../img/mute_false.png); }

/* スキップボタン */
#top_main_video > .videoWrap .skipBtn { padding:12px 44px 12px 12px; background:rgba(0, 0, 0, 0.5); font-size:14px; position:fixed; top:15px; right:15px; color:#fff; z-index:98; line-height:140%; cursor:pointer; display:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#top_main_video > .videoWrap .skipBtn:before { content:''; width:22px; height:18px; position:absolute; background:URL(../img/allow_01.png) no-repeat center center; background-size:100% 100%; right:12px; top:50%; margin:-9px 0 0 0; }

/* 動画対応、非対応の振り分け */
html.video #top_main_video > .videoWrap h1 { display:none; }
html.no-video #top_main_video > .videoWrap video { display:none; }

@media screen and (max-width:800px){
#top_main_video { min-width:0; }

/* リピートボタン */
#top_main_video > .videoWrap .repeatBtn { width:60px; height:60px; margin:-30px 0 0 -30px; padding:16px; 
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* スキップボタン */
#top_main_video > .videoWrap .skipBtn { padding:8px 34px 8px 8px; font-size:12px; top:8px; right:8px; }
#top_main_video > .videoWrap .skipBtn:before { width:18px; height:14px; right:8px; margin:-7px 0 0 0; }
}

/****************************************************************************

#top_contentWrap

****************************************************************************/

#top_contentWrap { width:100%; min-width:540px;/** max-width:540px;**/ position:relative; z-index:0; overflow:hidden; margin:0 auto;}

#top_contentWrap > p { padding:80px; }

@media screen and (max-width:800px){
#top_contentWrap { min-width:0; }
}

/****************************************************************************

#top_content_main

****************************************************************************/

#top_content_main { width:100%; /**height:420px;**/ position:relative; overflow:hidden; border-bottom:#fbfbfb 0px solid; height:-webkit-calc( 100% - 196px ); height:calc( 100% - 196px ); }
#top_content_main > h1 {/** width:2169px; height:420px; position:absolute; left:50%; top:0; margin:0 0 0 -1085px;**/ height:100%; text-align:center; background-color:#000000; position:relative;
 }
#top_content_main > h1 img { width:auto; height:100%; position:absolute; top:0; left:50%; 
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%); }

@media screen and (min-width:1261px){
#top_content_main { /**height:529px;**/ }
#top_content_main > h1 { /*width:2732px; height:529px; margin-left:-1366px;**/ }
}

@media screen and (max-width:800px){


#top_content_main { width:100%; /**height:420px;**/ position:relative; overflow:hidden; border-bottom:#fbfbfb 0px solid; height:80%; }
#top_content_main > h1 {/** width:2169px; height:420px; position:absolute; left:50%; top:0; margin:0 0 0 -1085px;**/ height:100%; text-align:center; background-color:#000000; position:relative;
 }
#top_content_main > h1 img { width:auto; height:calc( 100% - 50px ); position:absolute; top:0; left:50%; 
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%); }
}

/****************************************************************************

#top_content_nav01

****************************************************************************/

#top_content_nav01 { width:100%; /**background:URL(../img/bg_01.jpg) no-repeat center top;**/ background-color:#29292C; padding:42px 30px; border-top:#282828 1px solid; border-bottom:#555 1px solid;

}
#top_content_nav01 ul { max-width:1300px; margin:0 auto; text-align:center; }
#top_content_nav01 ul li { width:33.333%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 8px; }
#top_content_nav01 ul li a { display: block; text-shadow:none;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    background: #2b2c33;
    background: -moz-linear-gradient(top, #2b2c33 0%, #2b2c33 50%, #19191e 51%, #19191e 100%);
    background: -webkit-linear-gradient(top, #2b2c33 0%,#2b2c33 50%,#19191e 51%,#19191e 100%);
    background: linear-gradient(to bottom, #2b2c33 0%,#2b2c33 50%,#19191e 51%,#19191e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2c33', endColorstr='#19191e',GradientType=0 );
    border: 1px solid rgba(15,15,16,.6);
    border-radius: .3em;
    color: #FFF;
    text-decoration: none;
    padding: 0 10px;
    font-weight: bold;
    overflow: hidden;
}

#top_content_nav01 ul li a:before {
    width: -webkit-calc( 100% - 2px );
    width: calc( 100% - 2px );
    height: -webkit-calc( 100% - 2px );
    height: calc( 100% - 2px );
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px #323338 solid;
    border-top: 1px solid #60626A;
    border-bottom: 1px solid #2D3035;
    border-radius: .2em;
}


#top_content_nav01 ul li a:after {
    width: -webkit-calc( 100% - 1px );
    width: calc( 100% - 1px );
    height: -webkit-calc( 100% - 1px );
    height: calc( 100% - 1px );
    content: "";
    display: block;
    position: absolute;
    top: 0.5px;
    left: 0.5px;
    border: 1px #19191E solid;
    border-radius: .2em;
    box-sizing: border-box;
    z-index: 1;
}

#top_content_nav01 h2 { text-align:center; margin-bottom:30px; text-shadow:none; color:#FFF; font-size:200%; font-weight:bold; }

/* newIcon */
#top_content_nav01 ul li.new a:before { content:''; width:63px; height:36px; position:absolute; left:10px; top:50%; margin:-18px 0 0 0; background:URL(../img/newIcon_01.png) no-repeat center center; }

/* comingSoon */
#top_content_nav01 ul li.cs a { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
#top_content_nav01 ul li.cs a:hover {
-webkit-box-shadow: none;
-moz-box-shadow:    none;
box-shadow:         none;
}

@media screen and (max-width:800px){
#top_content_nav01 { padding:11px 15px; }
#top_content_nav01 ul { max-width:none; }
#top_content_nav01 ul li { width:100%; display:block; padding:4px 0; }
#top_content_nav01 ul li a { } 

/* newIcon */
#top_content_nav01 ul li.new a:before { content:''; width:53px; height:30px; left:6px; margin:-15px 0 0 0; background-image:URL(../img/newIcon_01_sp.png); background-size:100% 100%; }

#top_content_nav01 h2 { text-align:center; margin-bottom:10px; margin-top:10px; }
#top_content_nav01 h2 img { height:20px; }
}

/****************************************************************************

header

****************************************************************************/

#gHeader { width:100%; /*background:URL(../img/cmn/alBg000_15p.png) repeat;*/ background-color:#D0D0D0; position:fixed; top:0; left:0; border-bottom:#2f2c39 1px solid; z-index:100; box-shadow:0px 2px 2px rgba(0,0,0,0.46); min-width:1100px; }
#lights { width:100%; height:120px; position:absolute; top:0; left:0; z-index:-1; overflow:hidden; }
#lights:before { content:''; width:350px; height:350px; position:absolute; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+19,d0d0d0+69,d0d0d0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 19%, rgba(208,208,208,1) 69%, rgba(208,208,208,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 19%,rgba(208,208,208,1) 69%,rgba(208,208,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 19%,rgba(208,208,208,1) 69%,rgba(208,208,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

position:absolute; top:50%; left:50%;

-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
 }
.IE8 #lights { display:none; }
#gHeader #gHeaderTop_L { height:83px; padding:0 20px 0 25px; z-index:1; position:relative;  }
#gHeader #gHeaderTop_L .headLogo { width:165px; padding:8px 0; margin: 0 auto; line-height:100%; }
#gHeader #gHeaderTop_L .headLogo img { width:100%; }
#gHeader #gHeaderTop_L .subMenu { float:right; text-align:right; padding:18px 0 0 0; }
#gHeader #gHeaderTop_L .subMenu div { height:30px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
#gHeader #gHeaderTop_L .subMenu div a { display:block; }
#gHeader #gHeaderTop_L .subMenu .fb,
#gHeader #gHeaderTop_L .subMenu .tw { width:30px; margin:0 10px 0 0; }
#gHeader #gHeaderTop_L .subMenu .lang { width:200px; position:relative; text-align:left; background-color:#FFF; text-shadow:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#gHeader #gHeaderTop_L .subMenu .lang:after { content:''; width:10px; height:8px; position:absolute; right:10px; top:11px; background:URL(../img/cmn/allow_01.png) no-repeat; }
#gHeader #gHeaderTop_L .subMenu .lang p{ height:30px; line-height:30px; text-decoration:none; color:#1A1817; overflow:hidden; cursor:pointer; text-indent:10px; text-shadow:none; }
#gHeader #gHeaderTop_L .subMenu .lang a { height:30px; line-height:30px; text-decoration:none; color:#fff; overflow:hidden; cursor:pointer; text-indent:10px; }
#gHeader #gHeaderTop_L .subMenu .lang ul { width:100%; position:absolute; top:20px; visibility:hidden; opacity:0; z-index:1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#gHeader #gHeaderTop_L .subMenu .lang.active ul { top:30px; visibility:visible; opacity:1; }
#gHeader #gHeaderTop_L .subMenu .lang ul li { background:URL(../img/cmn/alBg717479_90p.png) repeat; margin:1px 0 0 0; }
#gHeader #gHeaderTop_S { display:none; }

#gHeader #gHeaderTop_L .subMenu .lang ul li img {
    height: 20px;
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}

@media screen and (max-width:700px) {
#gHeader { height:76px; min-width:0; /*background:URL(../img/cmn/alBg000_60p.png) repeat;*/  background-color:#D0D0D0; border-bottom:none;  border-bottom:1px solid #FFF;
-webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.46);
-moz-box-shadow:    0px 6px 6px 0px rgba(0, 0, 0, 0.46);
box-shadow:         0px 6px 6px 0px rgba(0, 0, 0, 0.46);
}
#gHeader:before { display:none; }
#gHeader:after { content:''; visibility:hidden; width:100%; height:100%; position:fixed; top:0; left:0; background:#000; z-index:1; opacity:0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
#gHeader.active:after { visibility:visible; opacity:0.7; }
#gHeader #gHeaderTop_L { display:none; }
#gHeader #gHeaderTop_S { width:100%; height:76px; z-index:1; position:relative; no-repeat center bottom; background-size:auto 3px; display:block; }
#gHeader #gHeaderTop_S .headLogo { height:73px; text-align:center; padding:12px 0; }
#gHeader #gHeaderTop_S .headLogo a img { height:100%; width:auto; }
#gHeader #gHeaderTop_S div { width:73px; height:73px; position:absolute; top:0; }
#gHeader #gHeaderTop_S a { color:#fff; font-size:10px; text-decoration:none; letter-spacing:0.05em; }
#gHeader #gHeaderTop_S #gNavBtn { left:0; }
#gHeader #gHeaderTop_S #gNavBtn a { display:block; height:100%; text-align:center; line-height:100%; background:URL(../img/cmn/icon03.png) no-repeat center 18px; background-size:24px; padding:48px 0 0 0;  color:#333!important; text-shadow:none;}
#gHeader #gHeaderTop_S #gHeaderShare { right:0;}
#gHeader #gHeaderTop_S #gHeaderShare p { height:73px; line-height:100%; }
#gHeader #gHeaderTop_S #gHeaderShare p a { display:block; height:100%; text-align:center; line-height:100%; background:URL(../img/cmn/icon04.png) no-repeat center 18px; background-size:24px; padding:48px 0 0 0;  color:#333!important; text-shadow:none;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease; 
}
#gHeader #gHeaderTop_S #gHeaderShare.active p a { background-color:rgba(255,255,255,0.3); }
#gHeader #gHeaderTop_S #gHeaderShare ul { }
#gHeader #gHeaderTop_S #gHeaderShare ul li { height:0; overflow:hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
#gHeader #gHeaderTop_S #gHeaderShare.active ul li { height:73px; overflow:visible; }
#gHeader #gHeaderTop_S #gHeaderShare ul li a { display:block; height:100%; text-align:center; padding:20px 0; }
#gHeader #gHeaderTop_S #gHeaderShare ul li.tw a { background:#6cadde; }
#gHeader #gHeaderTop_S #gHeaderShare ul li.fb a { background:#3b5998; }
#gHeader #gHeaderTop_S #gHeaderShare ul li a img { width:33px; }

#lights { height:75px; }
}

/****************************************************************************

header > gNav（グローバルナビ）

****************************************************************************/

/*base*/
#gNav { height:60px; padding:0 0 5px 0; border-top:#777 1px solid; background:URL(../img/cmn/headBdr_01.gif) repeat center bottom; text-shadow:0px 1px 2px #101521; position:relative; }
#gNav #gNavLogo { display:none; }
#gNav .lang { display:none; }
#gMenu { position:relative; width:100%; height:55px; margin:0 auto; text-align:center; background-image:URL(../img/cmn/gradBg_01.png); border-top:1px solid #FFF; }
#gMenu li { width:25%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
#gMenu li a { display:block; padding:15px 10px; color:#fff; text-decoration:none; text-align:center; font-size:15px; font-weight:bold; text-align:center; position:relative; overflow:hidden; }
#gMenu li a span.imp { width:40px; height:18px; font-size:11px; color:#fff; line-height:18px; overflow:hidden; background:#e10214; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 5px 0 0; text-align:center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#gMenu > li:hover,
#gMenu > li.current { background:URL(../img/cmn/flare_05.png) no-repeat center top; }
#gMenu > li.active { background:transparent URL(../img/cmn/flare_05.png) no-repeat center top; }

/*LV01*/
#gMenu .menu_level01 { width:100%; height:51px; visibility:hidden; opacity:0; z-index:1; border-bottom:#767779 1px solid; position:absolute; top:40px; left:0; background:#25232E URL(../img/cmn/flare_01.png) no-repeat -119px -119px;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 3px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 3px 6px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; 
}
#gMenu .menu_mega.active .menu_level01 { top:50px; visibility:visible; opacity:1; box-shadow:0px 12px 12px rgba(0,0,0,0.46); }
#gMenu .menu_level01 > li { width:14.2857%; padding:0 0 0 0; position:relative; }
#gMenu .menu_level01 > li a { font-weight:normal; font-size:12px; }
#gMenu .menu_level01 > li a:hover,
#gMenu .menu_level01 li.current > a { /*color:#e7c300;*/ background-image:URL(../img/cmn/flare_06.png); background-repeat:no-repeat; background-position:center bottom; }
#gMenu .menu_level01 li.active > a { background-image:URL(../img/cmn/flare_06.png); background-repeat:no-repeat; background-position:center bottom; }
#gMenu .menu_level01 > li .newIcon { width:40px; height:18px; font-size:11px; color:#fff; line-height:18px; overflow:hidden; position:absolute; top:0; left:0; background:#e10214; text-align:center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
}
#gMenu .menu_level01 > li .newIcon:before { content:'NEW'; }


#gMenu .init_bottom .newIcon, #top_content_nav01 .newIcon { width:40px; height:18px; font-size:11px; color:#fff; line-height:18px; overflow:hidden; position:absolute; top:0; left:0; background:#e10214; text-align:center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
}
#gMenu .init_bottom .newIcon:before,#top_content_nav01 .newIcon:before { content:'NEW'; }

/*LV02*/
#gMenu .menu_level02 { position:relative; overflow:hidden; max-height:0; opacity:0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; 
 box-shadow:12px 12px 12px rgba(0,0,0,0.46); 
}
#gMenu .menu_level02:after { content:''; width:13px; height:8px; position:absolute; top:-6px; left:50%; margin:0 0 0 -6px; background:URL(../img/cmn/allow_06.png) no-repeat top center; }
#gMenu .menu_level02 > li { width:100%; display:block; background:#514c52; border-bottom:#39363a 1px solid; position:relative; }
#gMenu .menu_level02 > li:last-child { border-bottom:none; }
#gMenu .menu_mega.active .menu_level01 li.active .menu_level02 { overflow:visible; max-height:1000px; opacity:1; }
#gMenu .menu_level02.wide > li { width:125%; left:-12.5%; }

/*init_bottom*/
#gMenu .menu_mega > .init_bottom:after { content:''; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:17px; height:17px; margin:0 0 0 10px; position:relative; top:-2px; background:URL(../img/cmn/navIcon_off.png) no-repeat center center; }
#gMenu .menu_mega.active > .init_bottom:after { background-image:URL(../img/cmn/navIcon_on.png); }
#gMenu .menu_mega .menu_level01 .init_bottom { /*cursor:default;*/ color:#fff; /*background-image:none;*/ }
#gMenu .menu_mega .menu_level01 .init_bottom:after { content:''; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:17px; height:17px; margin:0 0 0 10px; position:relative; top:-2px; background:URL(../img/cmn/navIcon_off.png) no-repeat center center; }
#gMenu .menu_mega .menu_level01 .active .init_bottom:after { background-image:URL(../img/cmn/navIcon_on.png); }

/*cs*/
#gMenu li.cs a { cursor:default !important; opacity:0.4; background:none !important; }

/*clearfix element*/
#gMenu:before, #gMenu:after { content:''; display:table; }
#gMenu:after { clear:both; }
#gMenu { *zoom:1; }

@media screen and (min-width:1101px) {
#gMenu .menu_level01 > li a { font-size:13px; }	
}

#gNav strong { display:none; }

@media screen and (max-width:700px) {
/*base*/
#gNav { width:240px; height:100%; position:fixed; top:0; left:-240px; padding:0; border-top:none; background:#333; z-index:100; overflow:auto; text-shadow:none; border:none;
-webkit-box-shadow: 2px 0px 6px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    2px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow:         2px 0px 6px 0px rgba(0, 0, 0, 0.25); 
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease;
}
#gHeader.active #gNav { left:0; }
#gNav #gNavLogo { display:block; width:100%; text-align:center; background:#312d41 URL(../img/cmn/flare_04.png) no-repeat center center; background-size:80%; }
#gNav #gNavLogo a { display:block; padding:20px 0; }
#gNav #gNavLogo img { width:220px; }
#gNav strong { display:block; border-bottom:1px solid #666; padding:5px; margin:10px 10px 10px 10px; font-size:120%!important; font-weight:bold!important; }
#gNav .lang { display:block; }
#gNav .lang p { height:50px; line-height:50px; padding:0 10px; cursor:pointer; background-size:auto 20px; text-align:center; }
#gNav .lang p img { vertical-align:middle; margin-right:10px; }
#gNav .lang ul li { overflow: hidden; height:0;
-webkit-transition: height 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
#gNav .lang.active ul li { overflow:visible; height:51px !important; border-top:#25232e 1px solid; }
#gNav .lang ul li a { display:block; height:50px; line-height:50px; color:#fff; text-decoration:none; font-size:13px; padding:0 10px; background:#525252; }
#gNav .lang.active ul li img { margin-right:10px; vertical-align:middle; }

#gMenu { height:auto; text-align:left; background:none; padding:15px 0 0 0; border-top:none; }
#gMenu li { width:100% !important; display:block; background-color:#333; }
#gMenu > li.active { background:none; }
#gMenu li a { display:block; height:50px; line-height:50px; padding:0 10px; font-size:13px; font-weight:normal; background-color:transparent; text-align:left; }
#gMenu li.current,
#gMenu li.active { background-image:URL(../img/cmn/flare_07.png) !important; background-repeat:no-repeat !important; background-position:left top; background-size:auto 50px; }
#gMenu li:hover { background-image:none; }
#gMenu li.current:hover { background-image:URL(../img/cmn/flare_07.png); background-repeat:no-repeat; background-position:left top; background-size:auto 50px; }

/*LV01*/
#gMenu .menu_level01 { height:auto; visibility:visible; opacity:1; border-bottom:none; position:relative; top:0; background:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;
}
#gMenu .menu_mega.active .menu_level01 { top:0; border-bottom:#2c2934 1px solid; }
#gMenu .menu_level01 > li { overflow:hidden; max-height:0; padding:0;
-webkit-transition: max-height 0.2s ease;
-moz-transition: max-height 0.2s ease;
-ms-transition: max-height 0.2s ease;
-o-transition: max-height 0.2s ease;
transition: max-height 0.2s ease; 	
}
#gMenu .menu_mega.active .menu_level01 > li { width:100%; overflow:hidden; max-height:51px; border-top:#2c2934 1px solid; background-color:#3d3747; }
#gMenu .menu_level01 > li a { font-size:13px; }
#gMenu .menu_level01 > li a, 
#gMenu .menu_level01 > li a:hover,
#gMenu .menu_level01 > li.current a { color:#fff; background:none; }
#gMenu .menu_mega.active .menu_level01 > li.active { max-height:1000px !important; }
#gMenu .menu_level01 > li .newIcon { position:relative; top:-1px; margin:0 5px 0 0; background:#e10214; text-align:center; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }

/*LV02*/
#gMenu .menu_level02 { overflow:visible; max-height:none; opacity:1;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none; 
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none; 
}
#gMenu .menu_level02:after { display:none; }
#gMenu .menu_level02 > li { width:100% !important; overflow:hidden; max-height:0; background-color:#5c595d !important; border-bottom:none; left:0 !important;
-webkit-transition: max-height 0.2s ease;
-moz-transition: max-height 0.2s ease;
-ms-transition: max-height 0.2s ease;
-o-transition: max-height 0.2s ease;
transition: max-height 0.2s ease; 
}
#gMenu .menu_level02 > li a,
#gMenu .menu_level02 > li a:hover { background-color:transparent; }
#gMenu .menu_mega.active .menu_level01 li.active .menu_level02 li { overflow:visible; max-height:51px; border-top:#4f4d50 1px solid; }

/*init_bottom*/
#gMenu .menu_mega > .init_bottom:after { display:none; }
#gMenu .menu_mega > .init_bottom { background-image:URL(../img/cmn/navIcon2_off.png); background-repeat:no-repeat; background-position: right 14px center; background-size:16px; }
#gMenu .menu_mega.active > .init_bottom { background-image:URL(../img/cmn/navIcon2_on.png); }
#gMenu .menu_mega .menu_level01 .init_bottom { background-image:URL(../img/cmn/navIcon2_off.png); background-repeat:no-repeat; background-position: right 14px center; background-size:16px; cursor:pointer; }
#gMenu .menu_mega .menu_level01 .init_bottom:after { display:none; }
#gMenu .menu_mega .menu_level01 li.active .init_bottom { background-image:URL(../img/cmn/navIcon2_on.png); }


/*cs*/
#gMenu li.cs a { cursor:default !important; opacity:0.5; background:#25232e !important; }
#gMenu li.cs a span { opacity:0.4; }
}

/****************************************************************************

#gFooter

****************************************************************************/

#gFooter { width:100%; min-width:1000px; overflow:hidden; }
#gFooter .copy { padding:24px 30px 20px 30px; background:#000 ; }
#gFooter .copy p { width:100%; max-width:1800px; margin:0 auto;
	 }
#gFooter .copy p span { color: #9C9C9C; text-shadow:none;
-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
	 }

@media screen and (max-width:800px){
#gFooter { min-width:0; }
#gFooter .copy { padding:14px 10px 9px 10px; background-size:100% 3px; }
#gFooter .copy p { width:100%; max-width:420px; margin:0 auto; }
#gFooter img { width:44px; height:auto; }
#gFooter p span { display:block;  font-size:10px; line-height:120%; }
}

a.facebo {

    display: block;
    height: 35px;
    color: #FFF;
    text-decoration: none;
    border-radius: .2em;
    font-weight: bold;
    text-shadow: none;
    padding: 0 10px;
    text-align: center;
	background-color: #4267B2;
}

a.facebo div {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-top: 0;
    line-height: 35px;
}

a.facebo div:before{
    content: "";
    display: block;
    width: 24px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    background-image: url(/wanganmaxi6/jp/img/cmn/sns_04.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 4.5px;
}

/****************************************************************************

#container

****************************************************************************/

@media print,screen and (min-width:701px){

#container { width:100%; min-width:1000px; padding:144px 0 0 0; }
#container.lower p { font-size:20px; color:#fff; line-height:160%; text-align:center;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); 
}

/* parts
-----------------------------------------------*/

/* ▼pageTtl */

#pageTtl { color:#DFBF24; font-size:23px; font-weight:bold; text-align:center; background:URL(../img/cmn/alBg131824_52p.png) repeat; overflow:hidden; position:relative; padding:24px 30px 14px 30px; letter-spacing:0.03em; }
#pageTtl:before { content:''; width:100%; height:340px; position:absolute; left:0; top:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; }
#pageTtl:after { content:''; width:100%; height:3px; position:absolute; left:0; bottom:0; background:URL(../img/cmn/bdr_01.png) no-repeat center bottom; }
#pageTtl > * { position:relative; z-index:1; font-weight:bold; line-height:140%; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
#pageTtl span { font-weight:bold; }

/*▼parts_section_01（見出し中 + 下にテキスト）*/

.parts_section_01 { text-align:center; padding:0 30px 22px 30px; }
.parts_section_01 h2 { font-size:36px; font-weight:bold; color:#333; line-height:130%; 
text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.8); 
}
.parts_section_01 h2 span { font-weight:bold; }
.parts_section_01 p { font-size:20px; color:#333; line-height:160%; padding:6px 0 0 0;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); 
}

/*▼parts_wrap_01（画像横に3個並び）*/

.parts_wrap_01 { width:100%; max-width:1400px; margin:0 auto; padding:0 25px; }
.parts_wrap_01 li { width:33.33%; float:left; padding:5px; }
.parts_wrap_01 li img { width:100%; }
.parts_wrap_01 li figure figcaption { display:block; font-size:16px; font-weight:bold; text-align:center; line-height:160%; color:#fff; background:#343943; padding:10px 15px;
text-shadow: 1px 1px 4px rgba(255, 201, 38, 0.8),-1px -1px 4px rgba(255, 201, 38, 0.8);
}

/* clearfix element */
.parts_wrap_01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_01 { zoom:1; }

/*▼parts_wrap_02（画像横に2個並び）*/

.parts_wrap_02 { width:100%; max-width:1400px; margin:0 auto; padding:0 25px; }
.parts_wrap_02 > * { width:50%; float:left; padding:5px; }
.parts_wrap_02 li img { width:100%; }
.parts_wrap_02 li figure figcaption { display:block; font-size:20px; font-weight:bold; text-align:center; line-height:160%; color:#fff; background:#4d4d4d; padding:10px 15px;
text-shadow: 1px 1px 4px rgba(255, 201, 38, 0.8),-1px -1px 4px rgba(255, 201, 38, 0.8);
}

/* clearfix element */
.parts_wrap_02:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_02 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_02 { zoom:1; }

/*▼parts_wrap_03（中央揃え）*/

.parts_wrap_03 { width:100%; max-width:1400px; margin:0 auto; padding:0 30px; text-align:center; }
.parts_wrap_03 img { width:100%; }

/*▼parts_wrap_04（画像横にテキスト - 登場車種）*/

.parts_wrap_04 { width:100%; max-width:1400px; margin:0 auto; padding:0 30px; }
.parts_wrap_04 > li { width:100%; display:table; margin:30px 0 0 0; }
.parts_wrap_04 li h4 { display:none; }
.parts_wrap_04 li .Lcol,
.parts_wrap_04 li .Rcol { display:table-cell; vertical-align:top; }
.parts_wrap_04 li .Lcol { width:37%; max-width:540px; background:#fff; }
.parts_wrap_04 li .Lcol > figure img { width:100%; }
.parts_wrap_04 li .Lcol section { width:100%; display:table; border-top:#ccc 1px solid; text-align:left; }
.parts_wrap_04 li .Lcol section > * { display:table-cell; vertical-align:middle; padding:7px 10px; }
.parts_wrap_04 li .Lcol section h5 { width:120px; color:#444; line-height:140%; font-weight:bold;
background: #eee;
background: -moz-linear-gradient(left,  #dfdfdf 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dfdfdf), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(left,  #dfdfdf 0%,#f5f5f5 100%);
background: -o-linear-gradient(left,  #dfdfdf 0%,#f5f5f5 100%);
background: -ms-linear-gradient(left,  #dfdfdf 0%,#f5f5f5 100%);
background: linear-gradient(to right,  #dfdfdf 0%,#f5f5f5 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f5f5f5',GradientType=1 );*/
}
.parts_wrap_04 li .Lcol section p { color:#333; line-height:140%; }
.parts_wrap_04 li .Lcol section figure { line-height:100%; overflow:hidden; }
.parts_wrap_04 li .Lcol section figure img { height:18px; }
.parts_wrap_04 li .Rcol { padding:10px 0 0 30px; }
.parts_wrap_04 li .Rcol h4 { display:block; border-left:#DFBF24 5px solid; font-size:22px; color:#333; line-height:130%; line-height:140%; padding:0 0 0 15px; font-weight:bold;
text-shadow: 0px 1px 3px rgba(255, 255, 255, 0.8); }
.parts_wrap_04 li .Rcol p { font-size:18px; line-height:160%; margin:14px 0 0 0;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }

/* clearfix element */
.parts_wrap_04 > li:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_04 > li { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_04 > li { zoom:1; }

/*▼parts_ttl_01 */

.parts_ttl_01 { font-size:20px; line-height:140%; color:#fff; font-weight:bold; background:URL(../img/cmn/alBg4a4d57_70p.png) repeat; text-align:center; padding:8px 30px; overflow:hidden; position:relative;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); 
}

/*▼parts_ttl_02 */

.parts_ttl_02 { font-size:26px; line-height:140%; color:#fff; font-weight:bold; background:URL(../img/cmn/alBg4a4d57_70p.png) repeat; text-align:center; padding:14px 30px; overflow:hidden; position:relative;
/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); */
text-shadow: 1px 1px 8px rgba(255, 201, 38, 0.9),-1px -1px 8px rgba(255, 201, 38, 0.9),0px 2px 2px rgba(0, 0, 0, 0.7);
}
.parts_ttl_02:before { content:''; width:309px; height:340px; position:absolute; left:-50px; top:-50px; background:URL(../img/cmn/slideBg_03.png) no-repeat center top; z-index:-1; }

/*▼parts_bg_01 */

.parts_bg_01 { position:relative; overflow:hidden; padding:26px 0 40px 0; box-shadow:0px 4px 16px -4px rgba(0,0,0,0.86) inset;}
.parts_bg_01:before { content:''; width:100%; height:340px; position:absolute; left:0; top:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; }
.parts_bg_01:after { content:''; width:100%; height:2px; position:absolute; left:0; top:0; background:URL(../img/cmn/line.png) repeat-x center top; }
.parts_bg_01.firstCont:after { display:none !important; }
.parts_bg_01 > * { position:relative; z-index:1; }
.parts_bg_01.type01 { }
.parts_bg_01.type02 { background:URL(../img/cmn/alBg1f2e50_90p.png) repeat; }
.parts_bg_01.type03 { background:URL(../img/cmn/alBg131824_35p.png) repeat; }

/*▼parts_icon_01 */

.parts_icon_01 { position:relative; }
.parts_icon_01:before,
.parts_icon_01:after { content:''; }
.parts_icon_01.type01:before { width:190px; height:58px; position:absolute; left:-20px; top:-15px; background:URL(../about/img/icon_01.png) no-repeat center top; }
.parts_icon_01.type02:before { width:190px; height:58px; position:absolute; left:-20px; top:-15px; background:URL(../about/img/icon_02.png) no-repeat center top; }
.parts_icon_01.type03:before { width:190px; height:58px; position:absolute; left:-20px; top:-15px; background:URL(../about/img/icon_03.png) no-repeat center top; }

/*▼parts_txt_01（改行位置を調整）*/

.parts_txt_01 { }
.parts_txt_01 span { white-space:nowrap; display:inline-block; *display:inline; *zoom:1; }

/*▼parts_col_01（テキストのみ）*/

.parts_col_01 { width:100%; max-width:1400px; padding:0 30px; margin:16px auto 0 auto; font-size:18px; line-height:160%; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }

/*▼parts_cmnt_01（人物画像＋人物名）*/

.parts_cmnt_01 { width:100%; padding:20px 0; background:transparent url("../img/cmn/alBg4a4d57_70p.png") repeat scroll 0% 0%; }
.parts_cmnt_01 div { display:table; max-width:1400px; margin:0 auto; padding:0 30px; }
.parts_cmnt_01 figure { display:table-cell; padding-right:30px; }
.parts_cmnt_01 figure,
.parts_cmnt_01 figure img { width:110px; }
.parts_cmnt_01 p { color:#fff; display:table-cell; vertical-align:middle; font-size:23px; font-weight:bold; line-height:160%; text-shadow: 1px 1px 8px rgba(255, 201, 38, 0.9), -1px -1px 8px rgba(255, 201, 38, 0.9), 0px 2px 2px rgba(0, 0, 0, 0.7); }

/*▼parts_table_01（テーブル）*/

.parts_table_01 { position:relative; overflow:hidden; }
.parts_table_01 table { width:100%; }
.parts_table_01 table p { text-align:left; font-size:18px; line-height:160%; }
.parts_table_01 table th { font-size:22px; font-weight:bold; color:#fff; padding:15px; border:#9da1a7 1px solid; background:URL("../img/cmn/alBg4a4d57_70p.png") repeat scroll 0% 0%; text-align:center; vertical-align:middle; 
text-shadow: 1px 1px 8px rgba(255, 201, 38, 0.9),-1px -1px 8px rgba(255, 201, 38, 0.9),0px 2px 2px rgba(0, 0, 0, 0.7); 
}
.parts_table_01 table th > * { font-weight:bold; line-height:140%; }
.parts_table_01 table td { padding:15px; border:#9da1a7 1px solid; background:#e5e5e5; text-align:left; vertical-align:top;}

}



/****************************************************************************

SP

****************************************************************************/

@media screen and (max-width:700px) {

/* container
-----------------------------------------------*/

#container { width:100%; padding:76px 0 0 0; }
#container.lower p { font-size:13px; color:#fff; line-height:160%; text-align:center;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); 
}

/* parts
-----------------------------------------------*/

/* ▼pageTtl */

#pageTtl { color:#DFBF24; font-size:20px; font-weight:bold; text-align:center; background:URL(../img/cmn/alBg131824_52p.png) repeat; overflow:hidden; position:relative; padding:14px 10px; }
#pageTtl:before { content:''; width:100%; height:204px; position:absolute; left:0; top:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; background-size:auto 100%; }
#pageTtl:after { content:''; width:100%; height:2px; position:absolute; left:0; bottom:0; background:URL(../img/cmn/bdr_01.png) no-repeat center bottom; background-size:auto 2px; }
#pageTtl > * { position:relative; z-index:1; font-weight:bold; line-height:140%; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
#pageTtl span { font-weight:bold; }

/*▼parts_section_01（見出し中 + 下にテキスト）*/

.parts_section_01 { text-align:center; padding:0 10px 12px 10px; }
.parts_section_01 h2 { font-size:18px; font-weight:bold; color:#333; line-height:130%; 
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5); 
}
.parts_section_01 h2 span { font-weight:bold; }
.parts_section_01 p { font-size:13px; color:#333; line-height:160%; padding:6px 0 0 0;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); 
}
.parts_section_01 p br { display:none; }

/*▼parts_wrap_01（画像横に3個並び）*/

.parts_wrap_01 { width:100%; max-width:540px; margin:0 auto; padding:0 10px; }
.parts_wrap_01 li { width:100%; margin:8px 0 0 0; }
.parts_wrap_01 li:first-child { margin-top:0 !important; }
.parts_wrap_01 li img { width:100%; }
.parts_wrap_01 li figure figcaption { display:block; font-size:14px; font-weight:bold; text-align:center; line-height:160%; color:#fff; background:#343943; padding:10px;
text-shadow: 1px 1px 4px rgba(255, 201, 38, 0.8),-1px -1px 4px rgba(255, 201, 38, 0.8);
}

/* clearfix element */
.parts_wrap_01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_01 { zoom:1; }

/*▼parts_wrap_02（画像横に2個並び）*/

.parts_wrap_02 { width:100%; max-width:540px; margin:0 auto; padding:0 10px; }
.parts_wrap_02 > * { width:100%; margin:8px 0 0 0; }
.parts_wrap_02 li:first-child { margin-top:0 !important; }
.parts_wrap_02 li img { width:100%; }
.parts_wrap_02 li figure figcaption { display:block; font-size:14px; font-weight:bold; text-align:center; line-height:160%; color:#fff; background:#4d4d4d; padding:10px;
text-shadow: 1px 1px 4px rgba(255, 201, 38, 0.8),-1px -1px 4px rgba(255, 201, 38, 0.8);
}

/* clearfix element */
.parts_wrap_02:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_02 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_02 { zoom:1; }

/*▼parts_wrap_03（中央揃え）*/

.parts_wrap_03 { width:100%; margin:0 auto; padding:0 10px; text-align:center; }
.parts_wrap_03 img { width:100%; }
.parts_wrap_03 img.spOnly { display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 0 10px 0; }
.parts_wrap_03 img:last-child { margin-bottom:0 !important; }

/*▼parts_wrap_04（画像横にテキスト - 登場車種）*/

.parts_wrap_04 { width:100%; padding:0 10px; }
.parts_wrap_04 > li { width:100%; margin:20px 0 0 0; }
.parts_wrap_04 li h4 { border-left:#DFBF24 4px solid; font-size:14px; color:#333; line-height:130%; line-height:140%; padding:0 0 0 10px; font-weight:bold;
text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5); }
.parts_wrap_04 li .Lcol,
.parts_wrap_04 li .Rcol { }
.parts_wrap_04 li .Lcol { width:100%; max-width:600px; margin:10px auto 0; background:#fff; }
.parts_wrap_04 li .Lcol > figure img { width:100%; }
.parts_wrap_04 li .Lcol section { width:100%; display:table; border-top:#ccc 1px solid; text-align:left; }
.parts_wrap_04 li .Lcol section > * { display:table-cell; font-size:11px; vertical-align:middle; padding:6px 10px; }
.parts_wrap_04 li .Lcol section h5 { width:110px; color:#444; line-height:140%; font-weight:bold;
background: #eee;
background: -moz-linear-gradient(left,  #dfdfdf 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dfdfdf), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(left,  #dfdfdf 0%,#f5f5f5 100%);
background: -o-linear-gradient(left,  #dfdfdf 0%,#f5f5f5 100%);
background: -ms-linear-gradient(left,  #dfdfdf 0%,#f5f5f5 100%);
background: linear-gradient(to right,  #dfdfdf 0%,#f5f5f5 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f5f5f5',GradientType=1 );*/
}
.parts_wrap_04 li .Lcol section p { color:#333; line-height:140%; }
.parts_wrap_04 li .Lcol section figure { line-height:100%; overflow:hidden; }
.parts_wrap_04 li .Lcol section figure img { height:14px; }
.parts_wrap_04 li .Rcol { padding:8px 0 0 0; }
.parts_wrap_04 li .Rcol h4 { display:none; }
.parts_wrap_04 li .Rcol p { font-size:12px; line-height:160%;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5); }

/* clearfix element */
.parts_wrap_04 > li:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_04 > li { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_04 > li { zoom:1; }

/*▼parts_ttl_01 */

.parts_ttl_01 { font-size:15px; line-height:140%; color:#fff; font-weight:bold; background:URL(../img/cmn/alBg4a4d57_70p.png) repeat; text-align:center; padding:8px 10px; overflow:hidden; position:relative;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); 
}

/*▼parts_ttl_02 */

.parts_ttl_02 { font-size:16px; line-height:140%; color:#fff; font-weight:bold; background:URL(../img/cmn/alBg4a4d57_70p.png) repeat; text-align:center; padding:12px 10px; overflow:hidden; position:relative;
/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); */
text-shadow: 1px 1px 4px rgba(255, 201, 38, 0.8),-1px -1px 4px rgba(255, 201, 38, 0.8),0px 2px 1px rgba(0, 0, 0, 0.6);
}
.parts_ttl_02:before { content:''; width:154px; height:170px; position:absolute; left:0; top:0; background:URL(../img/cmn/slideBg_03.png) no-repeat center top; background-size:100% 100%; z-index:-1; }

/*▼parts_bg_01 */

.parts_bg_01 { position:relative; overflow:hidden; padding:15px 0; box-shadow: 0px 4px 16px -4px rgba(0,0,0,0.86) inset; }
.parts_bg_01:before { content:''; width:100%; height:204px; position:absolute; left:0; top:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; background-size:auto 100%; opacity:0.8; }
.parts_bg_01:after { content:''; width:100%; height:2px; position:absolute; left:0; top:0; background:URL(../img/cmn/line.png) repeat-x center top; }
.parts_bg_01.firstCont:after { display:none !important; }
.parts_bg_01 > * { position:relative; z-index:1; }
.parts_bg_01.type01 { background:URL(../img/cmn/alBg000_15p.png) repeat; }
.parts_bg_01.type02 { background:URL(../img/cmn/alBg1f2e50_90p.png) repeat; }
.parts_bg_01.type03 { background:URL(../img/cmn/alBg131824_35p.png) repeat; }

/*▼parts_icon_01 */

.parts_icon_01 { position:relative; }
.parts_icon_01:before,
.parts_icon_01:after { content:''; }
.parts_icon_01.type01:before { width:190px; height:58px; position:absolute; left:-20px; top:-15px; background:URL(../about/img/icon_01.png) no-repeat center top; display:none; }
.parts_icon_01.type02:before { width:190px; height:58px; position:absolute; left:-20px; top:-15px; background:URL(../about/img/icon_02.png) no-repeat center top; display:none; }
.parts_icon_01.type03:before { width:190px; height:58px; position:absolute; left:-20px; top:-15px; background:URL(../about/img/icon_03.png) no-repeat center top; display:none; }

/*▼parts_txt_01（改行位置を調整）*/

.parts_txt_01 { }
.parts_txt_01 span { white-space:nowrap; display:inline-block; *display:inline; *zoom:1; }

/*▼parts_col_01（テキストのみ）*/

.parts_col_01 { padding:0 10px; margin:14px 0 0 0; font-size:13px; line-height:160%; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);  }

/*▼parts_cmnt_01（人物画像＋人物名）*/

.parts_cmnt_01 { width:100%; padding:10px 0; background:transparent url("../img/cmn/alBg4a4d57_70p.png") repeat scroll 0% 0%; }
.parts_cmnt_01 div { display:table; margin:0 auto; padding:0 10px; }
.parts_cmnt_01 figure { display:table-cell; padding-right:20px; }
.parts_cmnt_01 figure,
.parts_cmnt_01 figure img { width:70px; }
.parts_cmnt_01 p { color:#fff; display:table-cell; vertical-align:middle; font-size:14px; font-weight:bold; line-height:160%; text-shadow: 1px 1px 8px rgba(255, 201, 38, 0.9), -1px -1px 8px rgba(255, 201, 38, 0.9), 0px 2px 2px rgba(0, 0, 0, 0.7); }
.parts_cmnt_01 p span { display:block; }

/*▼parts_table_01（テーブル）*/

.parts_table_01 { position:relative; overflow:hidden; }
.parts_table_01 table { width:100%; }
.parts_table_01 table p { text-align:left; font-size:13px; line-height:160%; }
.parts_table_01 table th { font-size:14px; font-weight:bold; color:#fff; padding:10px; border:#9da1a7 1px solid; background:URL("../img/cmn/alBg4a4d57_70p.png") repeat; text-align:center; vertical-align:middle; 
text-shadow: 1px 1px 4px rgba(255, 201, 38, 0.8), -1px -1px 4px rgba(255, 201, 38, 0.8), 0px 2px 1px rgba(0, 0, 0, 0.6);
}
.parts_table_01 table th > * { font-weight:bold; line-height:140%; text-align:left; }
.parts_table_01 table td { padding:10px; border:#9da1a7 1px solid; background:#e5e5e5; text-align:left; vertical-align:top;}

}

/****************************************************************************

▼parts_btn_01

****************************************************************************/

.parts_btn_01 { width:640px; margin:0 auto; }
.parts_btn_01 a { width:100%; padding:15px 20px 15px 20px; display:block; text-decoration:none; text-align:center; font-size:24px; color:#f4f0f0; font-weight:bold; border:#964642 2px solid; position:relative; overflow:hidden; line-height:140%;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: -webkit-box-shadow 0.5s ease;
-moz-transition: -moz-box-shadow 0.5s ease;
-ms-transition: -ms-box-shadow 0.5s ease;
-o-transition: -o-box-shadow 0.5s ease;
transition: box-shadow 0.5s ease;
background: rgb(236,184,184); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(236,184,184,1) 0%, rgba(183,40,41,1) 50%, rgba(169,4,6,1) 50%, rgba(174,4,6,1) 75%, rgba(105,2,3,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,184,184,1)), color-stop(50%,rgba(183,40,41,1)), color-stop(50%,rgba(169,4,6,1)), color-stop(75%,rgba(174,4,6,1)), color-stop(99%,rgba(105,2,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(236,184,184,1) 0%,rgba(183,40,41,1) 50%,rgba(169,4,6,1) 50%,rgba(174,4,6,1) 75%,rgba(105,2,3,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(236,184,184,1) 0%,rgba(183,40,41,1) 50%,rgba(169,4,6,1) 50%,rgba(174,4,6,1) 75%,rgba(105,2,3,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(236,184,184,1) 0%,rgba(183,40,41,1) 50%,rgba(169,4,6,1) 50%,rgba(174,4,6,1) 75%,rgba(105,2,3,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(236,184,184,1) 0%,rgba(183,40,41,1) 50%,rgba(169,4,6,1) 50%,rgba(174,4,6,1) 75%,rgba(105,2,3,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb8b8', endColorstr='#690203',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
}
/*.parts_btn_01 a:before { content:''; width:346px; height:216px; position:absolute; background:URL(../img/cmn/flare_04.png) no-repeat center center; top:-128px; left:50%; opacity:0.4; margin:0 0 0 -173px; }*/
.parts_btn_01 a:after { content:''; width:40px; height:34px; position:absolute; background:URL(../img/cmn/btnArrow_02.png) no-repeat center center; top:50%; right:15px; margin:-17px 0 0 0; }
.parts_btn_01 a:hover {
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 1);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 1);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 1);
}
.parts_btn_01 a > * { font-weight:bold; position:relative; z-index:1; }
.parts_btn_01 * { font-weight:bold; }

@media screen and (max-width:700px) {
.parts_btn_01 { width:100%; padding:0 10px; }
.parts_btn_01 a { padding:14px 35px 14px 10px; text-align:center; font-size:15px; background-size:100% 100%; text-align:left;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/*.parts_btn_01 a:before { width:173px; height:108px; position:absolute; background-size:100% 100%; top:-80px; left:-80px; opacity:0.9; }*/
.parts_btn_01 a:after { content:''; width:30px; height:26px; position:absolute; background:URL(../img/cmn/btnArrow_02.png) no-repeat center center; background-size:100% 100%; top:50%; right:8px; margin:-13px 0 0 0; }
.parts_btn_01 a:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

.parts_btn_01 em { white-space:nowrap; display:inline-block; *display:inline; *zoom:1; font-weight:bold; }
}

.pr-footer { display:none!important; }

.copy img { display:none; }
.copy p span { margin-left:0px!important; }