@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; }

body { color:#111; background:#2B2B2B; 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%; text-shadow: none; min-width:1100px;  }
.IE8 { font-size:12px; }
* + 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; }

h1,h2,h3,h4,h5,h6 {
line-height:100%;
}

p {
text-shadow: none; 	
}

/****************************************************************************

common

****************************************************************************/
html { overflow-x:hidden; }
body {   padding-bottom:20px; background-attachment:fixed;}
body.fixed { position:fixed; left:0; width:100%; }

a { color:#E7373A; text-decoration:underline;  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);word-wrap: break-word;}
a:hover { text-decoration:none; }
a:hover.mo01 img { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

/* 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 */
.idt01 { text-indent:-1em; margin:0 0 0 1em; }

/* display */
/**@media print,screen and (min-width:701px){ .spOnly { display:none; } }**/
/**@media screen and (max-width:700px){ **/
body { min-width: initial; min-width:auto; background-attachment:scroll; }

.pcOnly { display:none; } /**}**/
.IE8 .spOnly { display:none; }

/* font-weight */
.fW_b { font-weight:bold !important; }
.fW_n { font-weight:normal !important; }

/* color */
.co_red { color:#e10214 !important; }
.co_yel { color:#D92023 !important; }

/* text-align */
/**@media print,screen and (min-width:701px){ .taC_pc { text-align:center !important; } }**/
/**@media screen and (max-width:700px){ **/ .taC_sp { text-align:center !important; } /**}**/
.IE8 .taC_pc { text-align:center !important; }

/**@media print,screen and (min-width:701px){ .taL_pc { text-align:left !important; } }**/
/**@media screen and (max-width:700px){ **/ .taL_sp { text-align:left !important; } /**}**/
.IE8 .taL_pc { text-align:left !important; }

/**@media print,screen and (min-width:701px){ .taR_pc { text-align:right !important; } }**/
/**@media screen and (max-width:700px){ **/ .taR_sp { text-align:right !important; } /**}**/
.IE8 .taR_pc { text-align:right !important; }

/* font-size */
/**@media print,screen and (min-width:701px){ .sml { font-size:12px !important; } }**/
/**@media screen and (max-width:700px){ **/ .sml { font-size:11px !important; } /**}**/
.IE8 .sml { font-size:12px !important; }
/**@media print,screen and (min-width:701px){ .lrg { font-size:18px !important; } }**/
/**@media screen and (max-width:700px){ **/ .lrg { font-size:14px !important; } /**}**/
.IE8 .lrg { font-size:18px !important; }

/* bgAdjust */
.bgAdj { width:100%; height:100%; position:relative; overflow:hidden; display:block; opacity:0; visibility:hidden; }
.bgAdj img { display:block; position:absolute; top:50%; left:50%; }

/* bgHack */
#bgHack { width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1; display:none; }

/****************************************************************************

header

****************************************************************************/

#gHeader { width:100%; /*background:URL(../img/cmn/alBg000_15p.png) repeat;*/ background-color:rgba(0,0,0,1); position:fixed; top:0; left:0; border-bottom:#2f2c39 0px 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; background-color:#2B2C33; }
#lights:before { content:''; width:350px; height:350px; position:absolute; display:none;

/* 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,.IE9 #lights { display:none; }
.IE8 #gHeader,.IE9 #gHeader { background-image:url(../img/cmn/flare.png); background-repeat:no-repeat; background-position:center; }
#gHeader #gHeaderTop_L { height:65px; padding:0 20px 0 25px; z-index:1; position:relative;  }
#gHeader #gHeaderTop_L .headLogo { width:117px; padding:8px 0; float:left; 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:0px solid #FFF;
-webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.46);
-moz-box-shadow:    0px 2px 6px 0px rgba(0, 0, 0, 0.46);
box-shadow:         0px 2px 6px 0px rgba(0, 0, 0, 0.46);
}
#gHeader:before { content:'';display:block; width:100%; height:3px; position:absolute; bottom:2px; left:0%; background-color:#FFCD00;}
#gHeader.active #overlay2 { content:''; width:100%; height:100%; position:fixed; top:0; left:0; background:#000; z-index:100; opacity:0.7; cursor:pointer;
-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; background-size:auto 3px; display:block; }
#gHeader #gHeaderTop_S .headLogo { height:85%; text-align:center; /*padding:12px 0;*/ }
#gHeader #gHeaderTop_S .headLogo a img { height:100%; }
#gHeader #gHeaderTop_S div { width:57px; height:57px; 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;*/ right:0px; top:0px; cursor:pointer;  background-color: #000000;}
#gHeader #gHeaderTop_S #gNavBtn a { display:block; height:100%; text-align:center; line-height:100%; padding:0px 0 0 0;  color:#fff!important; text-shadow:none; display: flex;justify-content: center;align-items: center;}
#gHeader #gHeaderTop_S #gNavBtn a p { position:absolute; top:50%; left:50%; text-align:center; width:100%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
#gHeader #gHeaderTop_S #gNavBtn a p span { display:block; width:100%; height:29px; margin:0 auto 0px auto; background:URL(../img/cmn/icon03.png) no-repeat center; background-size:contain; }

#gHeader #gHeaderTop_S #gHeaderShare { right:0; display:none; }
#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;**/ height:0px!important; }
/**}**/

/****************************************************************************

header > gNav（グローバルナビ）

****************************************************************************/

/*base*/
#gNav { height:55px; padding:0 0 5px 0; border-top:#777 1px solid;text-shadow:0px 1px 2px #101521; position:relative; }
#gNav #gNavLogo { display:none; }
#gNav .lang { display:none; }
#gMenu { position:relative; width:100%; height:50px; margin:0 auto; text-align:center; background-image:URL(../img/cmn/gradBg_01.png); border-top:1px solid #FFF; }
#gMenu li { width:16.666%; 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:13px; font-weight:normal; 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 {  }
#gMenu > li.active { }

/*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;**/ background-color:#333;
-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 { 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 { 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 > a.init_bottom:after { content:''; display:block; width:17px; height:17px; margin:0 0 0 10px; position:absolute; top:16px; right:10px; background:URL(../img/cmn/navIcon_off.png) no-repeat center center; background-size:17px;}
#gMenu .menu_mega.active > a.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 a.init_bottom:after { content:''; display:block; width:17px; height:17px; margin:0 0 0 10px;  position:absolute; top:16px; right:10px; background:URL(../img/cmn/navIcon_off.png) no-repeat center center; background-size:17px;}
#gMenu .menu_mega .menu_level01 .active a.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;*/ right:-260px; padding:0; border-top:none; background:#000; z-index:101; overflow:auto; text-shadow:none; border:none; color:#FFF; border-left:1px solid #000;
/**-webkit-box-shadow: -2px 0px 16px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    -2px 0px 16px 0px rgba(0, 0, 0, 1);
box-shadow:         -2px 0px 16px 0px rgba(0, 0, 0, 1); **/
/*-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;*/

-webkit-transition: right 0.3s ease;
-moz-transition: right 0.3s ease;
-ms-transition: right 0.3s ease;
-o-transition: right 0.3s ease;
transition: right 0.3s ease;
}
#gHeader.active #gNav { /**left:0;**/ right: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:0px 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:37px; line-height:37px; padding:0 10px; cursor:pointer; background-size:auto 20px; text-align:center; background-color:rgba(255,255,255,.08); margin:0 10px; }
#gNav .lang p img { vertical-align:middle; margin-right:10px; }
#gNav .lang ul li { overflow: hidden; height:0; margin:0 10px;
-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:37px !important; border-top:#25232e 0px solid; margin-top:1px;}
#gNav .lang ul li a { display:block; height:37px; line-height:37px; color:#fff; text-decoration:none; font-size:12px; padding:0 10px; background-color:rgba(255,255,255,.08); }
#gNav .lang.active ul li img { margin-right:10px; vertical-align:middle; }
#gNav:before { position:fixed; top:0;  right:-260px; width:2px; height:100%; background-color:#000;  display:block; z-index:4;
-webkit-transition: right 0.3s ease;
-moz-transition: right 0.3s ease;
-ms-transition: right 0.3s ease;
-o-transition: right 0.3s ease;
transition: right 0.3s ease;
 }
.active #gNav:before { right:237px; } 

#gMenu { height:auto; text-align:left; background:none; padding:50px 0 0 0; border-top:none; }
#gMenu li { width:100% !important; display:block; background-color:rgba(0,0,0,.48); }
#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-repeat:no-repeat !important; background-position:left top; background-size:auto 50px; background-color:#FFCD00; color:#000; }
#footerNav #gMenu li.current,
#footerNav #gMenu li.active { background-color:transparent; }
#gMenu li.current a,#gMenu li.active a { color:#000; }
#gMenu li:hover { background-image:none; }
#gMenu li.current:hover {   }

/*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:#29292C 1px solid; background-color:#4B4B52; }
#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; }
#gMenu .menu_mega.active .menu_level01 > li a { padding:0 10px 0 2em; }

/*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:1; background:#3d3747 !important; }
#gMenu li.cs a span { opacity:0.4; }
/**}**/

/****************************************************************************

footer（フッタ）

****************************************************************************/

#gFooter { width:100%; min-width:1000px; /*border-top:#E0BF24 4px solid;*/ padding:0px 0 0 0; overflow:hidden; /*background-image: url("../img/cmn/footer.png"); background-repeat: no-repeat; background-position: center bottom -5vw; background-size: contain;*/}
#gFooter .subMenu { height:50px;padding:15px 0px 0 0px; position:relative; position:relative; background-size:8px 7px;  position:relative;
min-width: 300px; margin-top: 0px;
    
    margin-left: auto;
    margin-right: auto;
	  }
#gFooter .subMenu div.clearfix {
     background-color: #FFEF00; padding: 0 20px;
}
.subMenu:before {
    display: block;
    content: "";
    aspect-ratio: 1366 / 432;
    background-image: url(../img/cmn/footer.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

#gFooter .subMenu .snsWrap { height:20px; overflow:hidden; text-align:left; }
#gFooter .subMenu .snsWrap div { height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 12px 0 0; }
#gFooter .subMenu #footContactBtn { height:50px; position:absolute; right:0; top:0; }
#gFooter .subMenu #footContactBtn > div { width:148px; height:50px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
#gFooter .subMenu #footContactBtn > div a { display:block; width:100%; height:100%; color:#000; font-size:14px; line-height:50px; text-decoration:none; text-align:center; overflow:hidden; text-indent:-6px; text-shadow:none; }
#gFooter .subMenu #footContactBtn > div a:before { content:''; width:22px; height:22px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 5px 0 0; }
#gFooter .subMenu #footContactBtn > div.col01 a:before { background:URL(../img/cmn/icon_07.png) no-repeat center center; }
#gFooter .subMenu #footContactBtn > div.col01 { width:123px; }
#gFooter .subMenu #footContactBtn > div.col02 a:before { background:URL(../img/cmn/icon_02.png) no-repeat center center; }
#gFooter .subMenu #footContactBtn > div.col03 a:before { background:URL(../img/cmn/icon_09.png) no-repeat center center; }
#gFooter .subMenu #footContactBtn > div.col04 { width:123px; }
#gFooter .subMenu #footContactBtn > div.col04 a:before { background:URL(../img/cmn/icon_11.png) no-repeat center center; }




#gFooter .copyright { font-size:10px; letter-spacing:0.03em; line-height:120%; padding:20px 20px 35px 20px;  text-align:center; color:#000; background-color: #FFEF00;}

#gFooter .serviceWrap { text-align:center; padding:23px 0 10px 0; border-top:1px solid #707070; }

#gFooter .serviceWrap .serviceInner,
#gFooter .serviceWrap .eco { display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
#gFooter .serviceWrap .serviceInner > div { width:240px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 5px; }
#gFooter .serviceWrap .serviceInner > div a { width:100%; height:46px; display:block; padding:10px 0; text-align:center; background:URL(../img/cmn/footBtnBg.jpg) repeat-x center center; overflow:hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
#gFooter .serviceWrap .serviceInner > div a img { width:auto; height:100%; }
#gFooter .serviceWrap .eco { width:382px; padding:0 5px 0 15px; }
#gFooter .serviceWrap .eco img { width:100%; }

/**@media screen and (max-width:700px){ **/
#gFooter { min-width:0; padding:0px 0 0 0; }
#gFooter .subMenu { height:auto; padding:0; padding:0px 0px 0 0px;  }
#gFooter .subMenu .snsWrap { height:auto; text-align:center; padding:5px 5px 15px 5px; }
#gFooter .subMenu .snsWrap div { margin:10px 5px 0 5px; }
#gFooter .subMenu #footContactBtn { height:auto; position:relative; border-top:0px solid #707070; /*max-width:540px;*/ margin-left:auto; margin-right:auto; }
#gFooter .subMenu #footContactBtn > div { height:50px; float:left; display:block; border-left:none; }
#gFooter .subMenu #footContactBtn > div a { font-size:12px; text-indent:-4px; }
#gFooter .subMenu #footContactBtn > div.col01 a:before { background:URL(../img/cmn/icon_08.png) no-repeat center center; background-size:20px auto; }
#gFooter .subMenu #footContactBtn > div.col02 a:before { background:URL(../img/cmn/icon_05.png) no-repeat center center; background-size:20px auto; }
#gFooter .subMenu #footContactBtn > div.col03 a:before { background:URL(../img/cmn/icon_10.png) no-repeat center center; background-size:22px auto; }
#gFooter .subMenu #footContactBtn > div.col04 a:before { background:URL(../img/cmn/icon_12.png) no-repeat center center; background-size:22px auto; }
#gFooter .subMenu #footContactBtn > div.col05 a:before { background:URL(../img/cmn/allow_14.png) no-repeat center center; background-size:14px auto; margin: 0;background-position: left center;
    margin-right: -5px; }
#gFooter .subMenu .contactBtn img { height:100%; }
#gFooter .copyright { font-size:65%; padding:10px; padding-bottom: 88px;  }
#footShopLink { width:100%; min-width:0; padding:15px 10px; }
#footShopLink:before { display:none; }
#footShopLink a { width:100%; height:50px; font-size:18px; line-height:50px; padding:0 10px; background:URL(../img/cmn/shopBtn_bg2.png) no-repeat center center; background-size:100% 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#footShopLink a:after { left:-99px; top:-109px; }

#gFooter .serviceWrap { padding:15px 0 10px 0; background-size:auto 100%; border-top:0px solid #707070; }
#gFooter .serviceWrap .serviceInner,
#gFooter .serviceWrap .eco { display:block; }
#gFooter .serviceWrap .serviceInner { width:100%; max-width:540px; margin:0 auto; padding:0 10px; }
#gFooter .serviceWrap .serviceInner > div { width:100%; padding:0 0 6px 0; }
#gFooter .serviceWrap .serviceInner > div a { width:100%; height:46px; display:block; padding:11px 0; background-size:auto 90px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
#gFooter .serviceWrap .serviceInner > div a img { width:auto !important; height:100%  !important; vertical-align:top; }
#gFooter .serviceWrap .eco { width:100%; max-width:540px; padding:0; margin:4px auto 0 auto; padding:0 10px; }
/**}**/

@media screen and (max-width:700px) {
    #gFooter {    background-position: left bottom;
    background-size: auto 610px;
}
}

@media screen and (min-width:514px) and (max-width:700px) {
#gFooter .subMenu #footContactBtn > div { width:25% !important; }
#gFooter .subMenu #footContactBtn > div.col01,
#gFooter .subMenu #footContactBtn > div.col02,
#gFooter .subMenu #footContactBtn > div.col03 {  }

#gFooter .serviceWrap .serviceInner { padding:0 7px 6px 7px; }
#gFooter .serviceWrap .serviceInner > div { width:50%; padding:0 3px; }
#gFooter .serviceWrap .eco { width:100%; max-width:540px; padding:0; margin:4px auto 0 auto; padding:0 10px; }	
}

@media screen and (max-width:513px) {
#gFooter .subMenu #footContactBtn > div { width:50% !important; }
#gFooter .subMenu #footContactBtn > div:nth-child(1),
#gFooter .subMenu #footContactBtn > div:nth-child(3) {  }
}

/****************************************************************************

container

****************************************************************************/

#container { width:100%; min-width:1000px; padding:121px 0 0 0;  background-image:url(../img/cmn/bg.png); background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; }
#container.lower,#container.system,#container.terminal { position:relative; }
#container.lower:before,#container.system:before,#container.terminal:before {background-color:rgba(0,0,0,0.48); content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0;transform: translate(0%,0);}
#container.top { padding-bottom:0; }
#container:before {
width:100%; height:900px; position:absolute;background-repeat:no-repeat,no-repeat; background-position:center top; 


position:absolute; top:-200px; left:50%;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0); display:none;
  }
.lower p { font-size:14px; color:#ddd; line-height:160%; text-align:left; text-shadow:none;
/**text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6); **/
}

/**@media screen and (max-width:700px){ **/
#container { min-width:0; padding:0px 0 0 0;}
#container { min-width:0; padding:76px 0 0 0; padding-bottom:10px; }
#topPage script+#container { min-width:0; padding:0px 0 0 0; padding-bottom:0px; margin-bottom:0px;  border-bottom:0px solid #474951;}
.lower p { font-size:13px; }

#container:before {
content:''; width:80%; height:350px; position:absolute; background-repeat:no-repeat,no-repeat; background-position:center top; background-size:contain; 


position:absolute; top:100px; left:50%;

-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
transform:translate(-50%,0);
  }
/**}**/

/**日本語版用追加:*/
#container { min-width:300px; max-width:800px; margin-left:auto; margin-right:auto; }
#topPage #container { min-width:300px; max-width: initial;max-width:auto; margin-left:auto; margin-right:auto; }
.IE11 #topPage #container { max-width: 100%;  }

/****************************************************************************

▼gp_slick_Sp（SP用slick汎用）

****************************************************************************/

/**@media screen and (max-width:700px){ **/
.gp_slick_Sp { position:relative; }
.gp_slick_Sp .gp_slick_prev,
.gp_slick_Sp .gp_slick_next { width:40px; height:40px; background:URL(../img/cmn/alBg000_60p.png) repeat; overflow:hidden; position:absolute; top:50%; margin:-20px 0 0 0; cursor:pointer; }
.gp_slick_Sp .gp_slick_prev { left:0; }
.gp_slick_Sp .gp_slick_next { right:0; }
/**}**/

/****************************************************************************

▼newCont（汎用）

****************************************************************************/

.newCont { }
.newCont:before { content:'NEW'; display:inline-block; *display:inline; *zoom:1; width:60px; height:22px; line-height:22px; text-align:center; background:URL(../img/cmn/newIcon_bg.png) no-repeat center center; overflow:hidden; vertical-align:middle; font-size:11px !important; font-weight:normal !important; margin:0 5px 0 0; letter-spacing:0.1em; 
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}

/**@media screen and (max-width:700px){ **/
.newCont { }
.newCont:before { background:URL(../img/cmn/newIcon_bg_sp.png) no-repeat center center; background-size:100% 100%; font-size:10px !important; margin:0 3px 0 0; }
/**}**/


/****************************************************************************

▼pageTtl（ページ名）

****************************************************************************/

#pageTtl { /*color:#e7c300;*/ color:#fff; font-size:23px; font-weight:bold; text-align:center;  overflow:hidden; position:relative; padding:24px 30px 14px 30px; letter-spacing:0.03em; background-color: #2B2B2B;  box-shadow:0px 2px 4px rgba(0,0,0,0.46); position:relative; border-bottom:1px solid #565656; background-image: url(../img/cmn/lines.png);border-bottom: 2px solid #000;
    background-size: 4px auto; }

#pageTtl:after {  width:100%; height:2px; position:absolute; left:0; bottom:0; background:URL(../img/cmn/line.png) repeat-x bottom; display:block; }
#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; }

#pageTtl span.imp { background:#e10214; font-size:16px; width:58px; height:23px; color:#fff; line-height:23px; overflow:hidden; background:#e10214; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 10px 0 0; text-align:center; font-weight:normal; position:relative; top:-2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

/**@media screen and (max-width:700px){ **/
#pageTtl { font-size:20px; padding:14px 10px; letter-spacing:normal; z-index:1; }

#pageTtl:after { height:2px; background-size:auto 2px; }
#pageTtl > * { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }

#pageTtl span.imp { font-size:14px; width:48px; height:20px; line-height:20px; margin:0 5px 0 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; 
}
/**}**/

/****************************************************************************

▼pageTtl_sub（ページ名_サブ）

****************************************************************************/

#pageTtl_sub { position:relative; overflow:hidden; /**box-shadow:0px 2px 4px rgba(0,0,0,.4);**/}
#pageTtl_sub:before {  }
#pageTtl_sub h2 { font-weight:bold; font-size:23px; line-height:140%; text-align:center; padding:20px 30px;  position:relative; overflow:hidden;
/**text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);**/

color:  #fff;
background-color: rgba(255,255,255,0.1);
border-bottom: 2px solid #000;

}


#pageTtl_sub h2:before {  width:100%; height:1px; position:absolute; bottom:0px; left:0; background-color:#FFCD00; content:""; }

.IE8 #pageTtl_sub h2{ background-color:#888; }

#pageTtl_sub h2 > * { font-weight:bold; }
#pageTtl_sub p { color:#ccc; font-size:14px; line-height:160%; text-align:center; padding:12px 30px 14px 30px; background:URL(../img/cmn/patBg_03.png) repeat center center;
-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);
}

/**@media screen and (max-width:700px){ **/
#pageTtl_sub:before { left:-80px; top:-80px; }
#pageTtl_sub h2 { font-size:15px; padding:10px 10px 12px 10px;
/**text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);**/ z-index:1; 
}
#pageTtl_sub h2:after { background-size:120% 3px; }
#pageTtl_sub p { font-size:11px; padding:10px 10px;
-webkit-box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.25),inset 0px 4px 0px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow:    inset 0px -4px 0px 0px rgba(0, 0, 0, 0.25),inset 0px 4px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow:         inset 0px -4px 0px 0px rgba(0, 0, 0, 0.25),inset 0px 4px 0px 0px rgba(255, 255, 255, 0.1);
}
/**}**/

/****************************************************************************

▼parts_column_01（2カラム）

****************************************************************************/

.parts_column_01 { width:1000px; padding:0 0; margin:10px auto 0 auto; position:relative; }

.parts_column_01 > .Lcolumn { width:240px; float:left; }
.parts_column_01 > .Rcolumn { width:730px; float:right; }

/* clearfix element */
.parts_column_01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_column_01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_column_01 { zoom:1; }

/**@media screen and (max-width:700px){ **/
.parts_column_01 { width:100%; padding:0; }
.parts_column_01 > .Lcolumn { width:100%; float:none; }
.parts_column_01 > .Rcolumn { width:100%; float:none; margin:0; padding:0; }
/**}**/

/****************************************************************************

▼parts_column_02（1カラム）

****************************************************************************/

.parts_column_02 { width:1000px; margin:36px auto 40px auto; position:relative; border:#eee 2px solid; box-shadow:6px 6px 6px rgba(0,0,0,0.26),-6px -6px 6px rgba(0,0,0,0.26),6px -6px 6px rgba(0,0,0,0.26),-6px 6px 6px rgba(0,0,0,0.26); background-color:rgba(255,255,255,0);}

.IE8 .parts_column_02 { background-color:#CECECE; }

/**@media screen and (max-width:700px){ **/
.parts_column_02 { width:100%; margin:0; border:none;box-shadow:none; }
/**}**/

/****************************************************************************

▼parts_section_01（見出し中 + 下にテキスト）

****************************************************************************/

.parts_section_01 { text-align:left; padding:0 0 24px 0; }
.parts_section_01 h2 { font-size:22px; font-weight:bold; color:#FFCD00; line-height:140%;  padding:13px 30px 15px 30px; position:relative; position:relative; text-align: center; text-shadow: 0 0 6px #FFCD00;
/**text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);**/  /**border-top:1px solid #0D0D14;**/ /**box-shadow:0px 2px 0px #000;**/
border-top:2px solid #FFCD00;
}

/**.parts_section_01 h2:after {  width:100%; height:1px; position:absolute; bottom:0px; left:0; background-color:#000000; content:""; }
.parts_section_01 h2:before {  width:100%; height:1px; position:absolute; top:0px; left:0; background-color:#515252; content:""; }**/

.parts_section_01 h2 > * { font-weight:bold; }
.parts_section_01 p { font-size:14px; line-height:160%; padding:20px 30px 0 30px; }

/**@media screen and (max-width:700px){ **/
.parts_section_01 { padding:0 0 15px 0; }
.parts_section_01 h2 {  padding:7px 10px 8px 10px; }
/**.parts_section_01 h2:after { background-size:auto 3px; background-repeat:repeat-x; bottom:0px; left:0; background:URL(../img/cmn/line.png) repeat-x left bottom; }**/
.parts_section_01 p { font-size:13px; padding:10px 10px 0 10px; }
.parts_section_01 p br { display:none; }
/**}**/

/****************************************************************************

▼parts_section_02（見出し小 + 下にテキスト + グレー背景）

****************************************************************************/

.parts_section_02 { background:rgba(255,255,255,0.1); padding:15px; }
.parts_section_02 > h2,
.parts_section_02 > h3,
.parts_section_02 > h4,
.parts_section_02 > h5,
.parts_section_02 > h6 { border-left:#B8984D 5px solid; font-size:18px; color:#fff; line-height:140%; padding:0 0 0 15px; margin:2px 0 10px 0; font-weight:bold; }
.parts_section_02 p { font-size:14px; text-align:left; line-height:160%; }

/**@media screen and (max-width:700px){ **/
.parts_section_02 { padding:10px; }
.parts_section_02 > h2,
.parts_section_02 > h3,
.parts_section_02 > h4,
.parts_section_02 > h5,
.parts_section_02 > h6 { border-left:#FFCD00 4px solid; font-size:14px; line-height:140%; padding:0 0 0 10px; margin:4px 0 8px 0; font-weight:bold; }
.parts_section_02 p { font-size:13px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }	
/**}**/

/****************************************************************************

▼parts_wrap_01（横に3個並び）

****************************************************************************/

.parts_wrap_01 { width:100%; margin:0 auto; }
.parts_wrap_01 > * { width:33.333%; float:left; padding:5px; }
.parts_wrap_01 > * img { width:100%; }
.parts_wrap_01 figure figcaption { display:block; font-size:16px; font-weight:bold; text-align:center; line-height:160%; color:#fff; background:#42444F; padding:10px 15px;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;
}

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

/**@media screen and (max-width:700px){ **/
.parts_wrap_01 { max-width:540px; }
.parts_wrap_01 > * { width:100%; margin:8px 0 0 0; float:none; padding:0; }
.parts_wrap_01 > :first-child { margin-top:0 !important; }
.parts_wrap_01 figure figcaption { font-size:14px; padding:10px; }
/**}**/

/****************************************************************************

▼parts_wrap_02（横に2個並び）

****************************************************************************/

.parts_wrap_02 { width:100%; margin:0 auto; }
.parts_wrap_02 > * { width:50%; float:left; padding:5px; }
.parts_wrap_02 > * img { width:100%; }
.parts_wrap_02 figure figcaption { display:block; font-size:16px; font-weight:bold; text-align:center; line-height:160%; color:#fff; background:#42444F; padding:10px 15px;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;
}

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

/**@media screen and (max-width:700px){ **/
.parts_wrap_02 { max-width:540px; }
.parts_wrap_02 > * { width:100%; margin:8px 0 0 0; float:none; padding:0; }
.parts_wrap_02 > :first-child { margin-top:0 !important; }
.parts_wrap_02 figure figcaption { font-size:14px; padding:10px; }
/**}**/

/****************************************************************************

▼parts_wrap_03（中央揃え）

****************************************************************************/

.parts_wrap_03 { width:100%; margin:0 auto; text-align:center; }
.parts_wrap_03 > * { width:100%; margin:0 auto; }
.parts_wrap_03 img { width:100%; }

/**@media screen and (max-width:700px){ **/
.parts_wrap_03 { padding:0; }
.parts_wrap_03 > * { max-width:520px !important; }
.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%; margin:0 auto; }
.parts_wrap_04 img { width:100%; }
.parts_wrap_04 .Lcont { float:left; }
.parts_wrap_04 .Rcont { float:right; }
.parts_wrap_04.imgR .Lcont { width:100%; margin:0 -459px 0 0; padding:0 489px 0 0; }
.parts_wrap_04.imgR .Rcont { width:459px; }
.parts_wrap_04.imgL .Lcont { width:459px; }
.parts_wrap_04.imgL .Rcont { width:100%; margin:0 0 0 -459px; padding:0 0 0 489px; }

/* clearfix element */
.parts_wrap_04:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .parts_wrap_04 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .parts_wrap_04 { zoom:1; }

/**@media screen and (max-width:700px){ **/
.parts_wrap_04 .Lcont { float:none; }
.parts_wrap_04 .Rcont { float:none; }
.parts_wrap_04.imgR .Lcont { width:100%; margin:10px 0 0 0; padding:0; }
.parts_wrap_04.imgR .Rcont { width:100%; max-width:540px; margin:0 auto; }
.parts_wrap_04.imgL .Lcont { width:100%; max-width:540px; margin:0 auto; }
.parts_wrap_04.imgL .Rcont { width:100%; margin:10px 0 0 0; padding:0; }
/**}**/

/****************************************************************************

▼parts_inner_01（汎用：左右padding）

****************************************************************************/

.parts_inner_01 { width:100%; margin:0 auto; padding:0 30px; text-align:left; }

/**@media screen and (max-width:700px){ **/
.parts_inner_01 { padding:0 10px; }
/**}**/

/****************************************************************************

▼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); 
}

/**@media screen and (max-width:700px){ **/
.parts_ttl_01 { font-size:15px; padding:8px 10px;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); 
}
/**}**/

/****************************************************************************

▼parts_ttl_02

****************************************************************************/

.parts_ttl_02 { font-size:20px; line-height:140%; color:#ABAAAD; font-weight:bold; text-align:center; padding:14px 30px; overflow:hidden; position:relative;

}
.parts_ttl_02 * { font-weight:bold; }
.IE8 .parts_ttl_02 { background-color:#525252; }

/**@media screen and (max-width:700px){ **/
.parts_ttl_02 { font-size:15px; padding:14px 10px; }

/**}**/

/****************************************************************************

▼parts_ttl_03

****************************************************************************/

.parts_ttl_03 { color:#ddd; font-weight:bold; line-height:140%; font-size:20px; border-left:#FFCD00 5px solid; padding:0 0 0 15px; margin:20px 0 15px 0; text-shadow:none; }
.parts_ttl_03 > * { font-weight:bold; }
.parts_ttl_03.firstCont { margin-top:0; }

/**@media screen and (max-width:700px){ **/
.parts_ttl_03 { font-size:14px; border-left:#FFCD00 4px solid; padding:0 0 0 10px; margin:15px 0 10px 0; }
/**}**/

/****************************************************************************

▼parts_bg_01

****************************************************************************/

.parts_bg_01 { position:relative; overflow:hidden; padding:30px 0 34px 0; }
.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;**/ opacity:0.4; }
.parts_bg_01:after { content:''; width:100%; height:3px; position:absolute; left:0; top:0; /**background:URL(../img/cmn/bdr_02.png) no-repeat 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 {}
.parts_bg_01.in01 { padding:20px 0; }
.parts_bg_01.in01:after { display:none; }

/**@media screen and (max-width:700px){ **/
.parts_bg_01 { padding:15px 0; }
.parts_bg_01:before { width:100%; height:204px; background-size:auto 100%; opacity:0.5; }
.parts_bg_01:after { background-size:120% 3px; }
.parts_bg_01.in01 { padding:10px 0; }
/**}**/

/****************************************************************************

▼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; }

/**@media screen and (max-width:700px){ **/
.parts_icon_01.type01:before { display:none; }
.parts_icon_01.type02:before { display:none; }
.parts_icon_01.type03:before { display:none; }
/**}**/

/****************************************************************************

▼parts_txt_01（改行位置を調整）

****************************************************************************/

.parts_txt_01 { }
.parts_txt_01 span { white-space:nowrap; display:inline-block; *display:inline; *zoom:1; }

/****************************************************************************

▼parts_nav_01(左ナビfixed)

****************************************************************************/

.parts_nav_01 { width:240px; position:relative; top:0; bottom:auto; }
.parts_nav_01 nav { height:100%; overflow:auto; }

/**@media screen and (max-width:700px){ **/
.parts_nav_01 { display:none; }
.parts_txt_01 span { white-space:normal;word-wrap: break-word; }
/**}**/

/****************************************************************************

▼parts_table_01

****************************************************************************/

.parts_table_01 { position:relative; overflow:hidden; }
.parts_table_01 table { width:100%; }
.parts_table_01 table p { text-align:left; line-height:160%; }
.parts_table_01 table th { font-size:14px; font-weight:bold; color:#fff; padding:15px; border:#9da1a7 1px solid; text-align:left; vertical-align:middle; border:1px solid #06090A; background-color:rgba(255,255,255,.1); }
.parts_table_01 table th.th01 { font-size:16px; text-align:center; 

}
.parts_table_01 table th > * { font-weight:bold; line-height:140%; }
.parts_table_01 table td { font-size:14px; padding:15px; border:#9da1a7 1px solid; background-color:rgba(255,255,255,.2); text-align:left; vertical-align:top; color:#FFF;  border:1px solid #06090A;}
.IE8 .parts_table_01 table td { background-color:#525252; }

/**@media screen and (max-width:700px){ **/
.parts_table_01 table p { text-align:left; line-height:160%; }
.parts_table_01 table th { font-size:13px; padding:10px; }
.parts_table_01 table th > * { font-size:13px; font-weight:bold; line-height:140%; text-align:left; }
.parts_table_01 table th.th01 { font-size:14px; }
.parts_table_01 table th.th01 > * { font-size:14px; }
.parts_table_01 table td { padding:10px; font-size:13px; }
/**}**/

/****************************************************************************

▼parts_inlineBlock_01

****************************************************************************/

.parts_inlineBlock_01 { width:100%; margin:0 auto; text-align:center; }
.parts_inlineBlock_01 > * { display:inline-block; *display:inline; *zoom:1; padding:5px; vertical-align:top; }

/**@media screen and (max-width:700px){ **/
.parts_inlineBlock_01 { max-width:none; text-align:center; }
.parts_inlineBlock_01 > * { padding:3px; }
/**}**/

/****************************************************************************

▼parts_box_01

****************************************************************************/

.parts_box_01 { width:100%; padding:15px 30px; margin:20px auto 0 auto; text-align:left; background:URL(../img/cmn/alBgFFF_12p.png) repeat; overflow:hidden; position:relative; }
.parts_box_01:after { width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; z-index:-1; opacity:0.3; }
.parts_box_01 > * { display:inline-block; *display:inline; *zoom:1; }
.parts_box_01 p { text-align:left; font-size:14px; line-height:160%; }

/**@media screen and (max-width:700px){ **/
.parts_box_01 { padding:10px 10px; margin:10px auto 0 auto; }
.parts_box_01:after { top:-50px; left:-50px; opacity:0.4; }
.parts_box_01 p { font-size:12px; }
/**}**/

/****************************************************************************

▼parts_border_01（汎用：下にボーダー）

****************************************************************************/

.parts_border_01 { border-bottom:#454549 1px dotted; padding-bottom:24px; }

/**@media screen and (max-width:700px){ **/
.parts_border_01 { padding-bottom:15px; }
/**}**/

/****************************************************************************

▼parts_arrow_01

****************************************************************************/

.parts_arrow_01 { position:relative; }
.parts_arrow_01:before { content:''; width:115px; height:100px; position:absolute; top:50%; left:-57px; background:URL(../img/cmn/allow_09.png) no-repeat center center; z-index:1; margin:-50px 0 0 0; }
.parts_arrow_01.firstCont:before { display:none; }

/**@media screen and (max-width:700px){ **/
.parts_arrow_01 { margin:30px 0 0 0; }
.parts_arrow_01:before { content:''; width:60px; height:69px; position:absolute; top:-50px; left:50%; background:URL(../img/cmn/allow_10.png) no-repeat center center; background-size:100% 100%; margin:0 0 0 -30px; }
.parts_arrow_01.firstCont { margin-top:0; }
/**}**/

/****************************************************************************

▼parts_anime_01

****************************************************************************/

.parts_anime_01 { width:100%; height:100%; position:relative; display:block; overflow:hidden; }
.parts_anime_01 > * { width:100%; height:100%; position:absolute; top:0; left:0; }
.parts_anime_01 img { width:100%; font-size:12px; }
.parts_anime_01 .sI01 { opacity:1; 
-webkit-animation:arrowAnimete01 3.5s linear 0s infinite normal none;
-moz-animation:arrowAnimete01 3.5s linear 0s infinite normal none;
-o-animation:arrowAnimete01 3.5s linear 0s infinite normal none;
-ms-animation:arrowAnimete01 3.5s linear 0s infinite normal none;
animation:arrowAnimete01 3.5s linear 0s infinite normal none;
}
.parts_anime_01 .sI02 { opacity:0; 
-webkit-animation:arrowAnimete02 3.5s linear 0s infinite normal none;
-moz-animation:arrowAnimete02 3.5s linear 0s infinite normal none;
-o-animation:arrowAnimete02 3.5s linear 0s infinite normal none;
-ms-animation:arrowAnimete02 3.5s linear 0s infinite normal none;
animation:arrowAnimete02 3.5s linear 0s infinite normal none;
}

.slick-disabled .parts_anime_01 .sI01 { opacity:1 !important; }
.slick-disabled .parts_anime_01 .sI02 { opacity:0 !important; }

@-webkit-keyframes arrowAnimete01 {
0% { opacity:1; } 35% { opacity:1; } 48% { opacity:1; } 52% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; }
}
@-moz-keyframes arrowAnimete01 { 
0% { opacity:1; } 35% { opacity:1; } 48% { opacity:1; } 52% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; }
}
@-o-keyframes arrowAnimete01 { 
0% { opacity:1; } 35% { opacity:1; } 48% { opacity:1; } 52% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; }
}
@-ms-keyframes arrowAnimete01 { 
0% { opacity:1; } 35% { opacity:1; } 48% { opacity:1; } 52% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; }
}
@keyframes arrowAnimete01 { 
0% { opacity:1; } 35% { opacity:1; } 48% { opacity:1; } 52% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; }
}

@-webkit-keyframes arrowAnimete02 { 	
0% { opacity:0; } 35% { opacity:0; } 48% { opacity:0; } 52% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }
}
@-moz-keyframes arrowAnimete02 { 
0% { opacity:0; } 35% { opacity:0; } 48% { opacity:0; } 52% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }
}
@-o-keyframes arrowAnimete02 { 
0% { opacity:0; } 35% { opacity:0; } 48% { opacity:0; } 52% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }
}
@-ms-keyframes arrowAnimete02 { 
0% { opacity:0; } 35% { opacity:0; } 48% { opacity:0; } 52% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }
}
@keyframes arrowAnimete02 { 
0% { opacity:0; } 35% { opacity:0; } 48% { opacity:0; } 52% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }
}

.IE8 .parts_anime_01 .sI02 { visibility:hidden; }

/****************************************************************************

▼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:#111; font-weight:bold;position:relative; overflow:hidden; line-height:140%;
text-shadow: none;
-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;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#FFCD00+0,00f600+50,00f600+50,00d700+51,00d700+100 */
background-color: #FFCD00;
}


.parts_btn_01 a:after { content:''; width:40px; height:34px; position:absolute; background:URL(../img/top_allow.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, 0.6);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 0.6);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 14px 3px rgba(255, 255, 255, 0.6);**/
}
.parts_btn_01 a > * { font-weight:bold; position:relative; z-index:1; }

.parts_btn_01.type01 a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c30000+0,c30000+50,b70000+51,b70000+100 */
background: #c30000; /* Old browsers */
background: -moz-linear-gradient(top,  #c30000 0%, #c30000 50%, #b70000 51%, #b70000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c30000 0%,#c30000 50%,#b70000 51%,#b70000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c30000 0%,#c30000 50%,#b70000 51%,#b70000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30000', endColorstr='#b70000',GradientType=0 ); /* IE6-9 */

}


/**@media screen and (max-width:700px){ **/
.parts_btn_01 { width:auto; padding:0 15px; margin-left:auto; margin-right:auto; }
.parts_btn_01 a { padding:14px 40px 14px 10px; text-align:center; font-size:13px; background-size:100% 100%; text-align:left;
text-shadow: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.parts_btn_01.b2 a {
	width: 100%;
    height: 46px;
    display: block;
    padding: 11px 0;
    background-size: auto 90px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	
	text-align: center;
    background: URL(../img/cmn/footBtnBg.jpg) repeat-x center center;
    overflow: hidden;
}
.parts_btn_01.b2 a img{
    width: auto !important;
    height: 100% !important;
    vertical-align: top;
}

/*.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/top_allow.png) no-repeat center center; background-size:auto 10px; top:50%; right:8px; margin:-13px 0 0 0; }
.parts_btn_01.b2 a:after,.parts_btn_01.b2 a:before { display:none; }
.parts_btn_01 a:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
/**}**/

/****************************************************************************

▼parts_btn_02（アーカイブ用）

****************************************************************************/

.archive_btn_01 { width:100%; padding:25px 30px; margin:30px auto 0 auto; text-align:left; overflow:hidden; position:relative; }
.archive_btn_01.appBt {width:100%; padding:25px 15px; margin:30px auto 0 auto; text-align:left; overflow:hidden; position:relative; z-index:4; box-sizing:border-box; }
.archive_btn_01:after {  width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; z-index:-1; opacity:0.3; }
.archive_btn_01.appBt:after { display:none; }
.archive_btn_01 > div { width:640px; margin:0 auto; margin-bottom: 10px; }
.archive_btn_01 > div a { width:auto; padding:15px 20px 15px 20px; display:block; text-decoration:none; text-align:center; font-size:24px; color:#000; font-weight:bold; position:relative; overflow:hidden; line-height:140%;
text-shadow: none;
-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-color: #FFCD00;



}
.archive_btn_01.appBt > div a { text-align:center; }
.archive_btn_01 > div a:after { content:''; width:40px; height:34px; position:absolute; background:URL(../img/cmn/btnArrow_04.png) no-repeat center center; top:50%; right:15px; margin:-17px 0 0 0; }
.archive_btn_01.appBt > div a:after { display:none; }

.archive_btn_01 > div a:hover {

}
.archive_btn_01 div a > * { font-weight:bold; position:relative; z-index:1; }

/**@media screen and (max-width:700px){ **/
.archive_btn_01 { padding:15px 15px; margin:15px auto 0 auto; }
.archive_btn_01:after { top:-50px; left:-50px; opacity:0.4; }
.archive_btn_01 > div { width:100%; padding:0; }
.archive_btn_01 > div a { padding:14px 40px 14px 10px; text-align:center; font-size:13px; background-size:100% 100%; text-align:left;
text-shadow: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.archive_btn_01 > div a:after { content:''; width:30px; height:26px; position:absolute; background:URL(../img/cmn/btnArrow_04.png) no-repeat center center; background-size:50% 50%; top:50%; right:8px; margin:-13px 0 0 0; }
.archive_btn_01 > div a:hover {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;

}

#PageTop { width:44px; height:44px; /*background-color:#19191E; border-radius:22px;*/ position:fixed; bottom:-100px; right:10px; cursor:pointer; z-index:999; opacity:0; overflow:hidden; box-sizing:border-box; /**box-shadow:0px 2px 12px #000;**/ /*border:1px solid #000000;*/
-webkit-transform:scaleY(2);
	-moz-transform:scaleY(2);
	-o-transform:scaleY(2);
	-ms-transform:scaleY(2);
	transform:scaleY(2);
	
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-o-transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	transform-origin:50% 0;
	
	-moz-transition: -moz-transform 0.6s ease 0s,opacity 0.6s ease 0s,bottom 0.3s ease 0s,background-color 0.3s ease 0s;
-webkit-transition: -webkit-transform 0.6s ease 0s,opacity 0.6s ease 0s,bottom 0.3s ease 0s,background-color 0.3s ease 0s;
-o-transition: -o-transform 0.6s ease 0s,opacity 0.6s ease 0s,bottom 0.3s ease 0s,background-color 0.3s ease 0s;
-ms-transition: -ms-transform 0.6s ease 0s,opacity 0.6s ease 0s,bottom 0.3s ease 0s,background-color 0.3s ease 0s;
transition: transform 0.6s ease 0s,opacity 0.6s ease 0s,bottom 0.3s ease 0s,background-color 0.3s ease 0s; }

/*#PageTop:before { width:88px; height:44px; border-radius:50%; position:absolute; top:-22px; left:50%; margin-left:-44px; background-color:#1E1E23; content:""; display:block; }
#PageTop:after {width:-webkit-calc( 44px - 2px ); width:calc( 44px - 2px ); height:-webkit-calc( 44px - 2px ); height:calc( 44px - 2px ); border-radius:50%; position:absolute; top:0px; left:0px; content:""; display:block; border:1px solid #1F1F23; border-top:1px solid #343436; border-bottom:1px solid #222226; box-sizing:border-box; }
#PageTop span { display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-image:url(../img/cmn/navIcon_on.png); background-repeat:no-repeat; background-size:70%; background-position:center; }*/
#PageTop img { width:44px; height:auto; }
#PageTop.shows { height:44px; opacity:1; bottom:10px; 
	
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
	-o-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
	
	-moz-transition: -moz-transform 0.6s ease .2s,opacity 0.6s ease .2s,bottom 0.3s ease .2s,background-color 0.3s ease 0s;
-webkit-transition: -webkit-transform 0.6s ease .2s,opacity 0.6s ease .2s,bottom 0.3s ease .2s,background-color 0.3s ease 0s;
-o-transition: -o-transform 0.6s ease .2s,opacity 0.6s ease .2s,bottom 0.3s ease .2s,background-color 0.3s ease 0s;
-ms-transition: -ms-transform 0.6s ease .2s,opacity 0.6s ease .2s,bottom 0.3s ease .2s,background-color 0.3s ease 0s;
transition: transform 0.6s ease .2s,opacity 0.6s ease .2s,bottom 0.3s ease .2s,background-color 0.3s ease 0s;
}
/**}**/

/****************************************************************************

▼parts_ytWrap_01（縦横比16：9）

****************************************************************************/

.parts_ytWrap_01 { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.parts_ytWrap_01 iframe, .parts_ytWrap_01 object, .parts_ytWrap_01 embed { position: absolute; top:0; left:0; width:100%; height:100%; }

#youtube { width:100%; max-width:560px; max-height:315px; position:fixed; top:50%; left:50%; background-color:#000; z-index:9999; box-shadow:0px 2px 20px #000;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);

-webkit-animation: youtube .5s cubic-bezier(.07,.91,.14,.84) 0s both;
animation: youtube .5s cubic-bezier(.07,.91,.14,.84) 0s both;

padding-top: 56.25%;
 }
 
 
 .youtubeWrap{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtubeWrap iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

 @-webkit-keyframes youtube { from { opacity: 0; -webkit-transform:translate(-50%,-30% ); }}
@keyframes youtube { from { opacity: 0; transform:translate(-50%,-30% );}}

#videoClose { height:60px; width:60px; color:#FFF; text-align:center; line-height:60px; cursor:pointer; position:fixed; top:0; right:0; z-index: 9998; font-size:200%;}
#videoClose:before { content:"×"; }
 
#overlay { width:100%; height:100%; background-color:rgba(0,0,0,1); position:fixed; top:0; left:0; z-index:9998;  }

/**@media screen and (max-width:700px){ **/
	/**#youtube,**/#youtube iframe { width:100%; height:auto; position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;}
/**}**/



@media screen and (max-width:700px){ 
	.sp {  display:inline!important; }
	.pc { display:none!important; }
}

@media screen and (min-width:701px){ 
	.sp { display:none!important; }
	.pc { display:inline!important; }
	
	#youtube { 
width:560px; height:auto;
padding-top: 0%;
 }
	
	#youtube iframe { position: static;
  top: 0;
  right: 0;
  width: 560px !important;
  height: 315px !important;}
  
  body { background-image: url(../img/cmn/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
  #container,.oneBanner { }
  #gFooter {  margin:0 auto; background-color:transparent;}
  #daily_title { padding-bottom:15px; }
  #apli { }
  #topPage script+#container {   max-width:initial;max-width:auto; overflow:visible; background-color:transparent;}
  #topSlideWrap { /**height:70%!important; **/}
  #topSlide,#topSlide .spOnly {  }
  #topPage #navi,.top #mainCont02,#daily_title { max-width:800px; margin-left:auto; margin-right:auto; }
  #gFooter .subMenu #footContactBtn { text-align:center; }
  #gFooter .subMenu #footContactBtn > div { float:none; display:inline-block; vertical-align:middle; }
  #container { background-image:none; }
  
}

.clm2 { padding:10px 10px 10px 10px; overflow:hidden; }
.clm2 li { width:49%; float:left; }

.clm2 li:nth-child(2) { float:right; } 
.clm2.sns li { width:auto; float:none; display:inline-block; vertical-align:top; margin:0 10px; }
.clm2.sns { text-align:center; }

.clm2 li a { display:block; height:35px; color:#FFF; text-decoration:none; border-radius:.2em; font-weight:bold; text-shadow:none; padding:0 10px; text-align:center; }
.clm2 li a div { display:inline-block; height:100%; vertical-align:middle; margin-top:0; line-height:35px; }
.clm2 li a.twit { background-color:#1DA1F2; }
.clm2 li a.twit div:before { content:""; display:block; width:35px; height:35px; display:inline-block; vertical-align:top; margin-right:3px; background-image:url(../img/cmn/sns_01.png); background-repeat:no-repeat; background-size:contain; } 
.clm2 li a.faceb div:before { content:""; display:block; width:24px; height:35px; display:inline-block; vertical-align:top; margin-right:7px; background-image:url(../img/cmn/sns_04.png); background-repeat:no-repeat; background-size:contain; background-position:center 4.5px; } 
.clm2 li a.faceb { background-color:#4267B2; }
.clm2.gNavExclusion li a { height:auto; }
.clm2.gNavExclusion  { text-align:center; border-top:1px solid #434347; border-bottom:1px solid #434347; }
.clm2.gNavExclusion li { width:auto; }
.clm2.gNavExclusion li { float:none; display:inline-block; vertical-align:top; }


.apliys h3 { font-size:24px; color:#FFF; text-align:center; font-weight:bold; padding:13px 10px; }
.apliys .clm2 li a { height:auto; width:100%; padding:0 0px;}
.apliys .clm2 li a img { width:100%; height:auto; }

.clm2_2 { position:absolute; top:0; left:0; height:100%; padding-left:10px; padding-top:21.5px; box-sizing:border-box; z-index:2; }
.clm2_2 li { width:30px; height:30px; display:inline-block; margin-right:10px; vertical-align:middle; }
.clm2_2 li:nth-child(1) a { display:block; background-color:#1DA1F2; text-indent:-9999px; background-image:url(../img/cmn/sns_01.png); background-repeat:no-repeat; background-position:center; background-size:contain; height:100%; } 
.clm2_2 li:nth-child(2) a { display:block; background-color:#4267B2; text-indent:-9999px; background-image:url(../img/cmn/sns_04.png); background-repeat:no-repeat; background-position:center; background-size:contain; height:100%;  } 

#apli { width:auto;background-color: rgba(0,0,0,0.48); overflow:hidden; box-sizing:border-box; padding-top:30px;  position:relative;
    max-width: 800px;
	margin:0px;
    margin-left: auto;
    margin-right: auto; margin-top:0;}



#apli ul { overflow:hidden; position:relative; z-index:44; }
#apli ul li:nth-child(1) { width:55%; float:left; text-align:center; }
#apli ul li:nth-child(2) { width:45%; float:left; padding-left:10px; box-sizing:border-box; text-align:center;}
#apli ul li:nth-child(1) a { margin-bottom:15px; display:inline-block; }
#apli ul li:nth-child(1) figure {  color:#FFF; margin-bottom:25px; }

#apli figure img { width:100%; height:auto; }


.underNav,#footerNav {  border-radius:.3em; overflow:hidden; padding:3px 1.5px;
	    
    max-width: 800px;
	margin:7px;
    margin-left: auto;
    margin-right: auto;
	 
}
.underNav { border:none;box-shadow:none; padding:0;margin:10px;
    margin-left: auto;
    margin-right: auto; }

#footerNav { text-align:left; padding:0; padding: 10px; background-color: rgba(0,0,0,.48); }
#footerNav #gMenu { padding:0; border-radius:.3em; }
#footerNav li.current a { /**background:#FF9B00;
	color:#333; border-bottom:none;**/ font-weight:bold; /**color:#FF9B00; **/ color:#FFF;



}


.underNav:empty { display:none; }
.underNav li { display:inline-block; height:44px; line-height:44px; vertical-align:middle; width:-webkit-calc( 50% - 3px ); width:calc( 50% - 3px );
 margin:3px 1.5px;
    
	}
.underNav li a {  padding:0 7px; display:block; color:#FFF; text-decoration:none; border-radius:.4em; font-size:90%; box-sizing:border-box; position:relative; text-align:center;
background: -moz-linear-gradient(top, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.16) 51%, rgba(255,255,255,0.16) 71%, rgba(255,255,255,0.16) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ffffff', endColorstr='#29ffffff',GradientType=0 );
	}
.underNav li.current a { font-weight:bold; /**color:#FF9B00;**/
	/**background:#FF9B00;
	color:#333;	
	border: 2px solid #050909;**/
background: -moz-linear-gradient(top, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.16) 51%, rgba(255,255,255,0.16) 71%, rgba(255,255,255,0.16) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.22) 50%,rgba(255,255,255,0.16) 51%,rgba(255,255,255,0.16) 71%,rgba(255,255,255,0.16) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ffffff', endColorstr='#29ffffff',GradientType=0 );
}

.underNav li a:before { content:""; display:block;width:-webkit-calc( 100% - 0px ); width:calc( 100% - 0px ); height:-webkit-calc( 100% - 0px ); height:calc( 100% - 0px ); position:absolute; top:0px; left:0px; border:2px solid rgba(0,0,0,0);  border-radius:.3em; box-sizing:border-box; }
.underNav li.current a:before {border:2px solid #FFCD00;  }


#footerNav li { margin-bottom: 4px; }
#footerNav li:nth-child(1) { border-top-left-radius:.2em;border-top-right-radius:.2em; }
#footerNav li:nth-child(1) a { border-top-left-radius:.1em;border-top-right-radius:.1em; }
#footerNav li:nth-last-child(1) { border-bottom-left-radius:.2em;border-bottom-right-radius:.2em; }
#footerNav li:nth-last-child(1) a {border-bottom-left-radius:.1em;border-bottom-right-radius:.1em; }
#footerNav a {
background-color: rgba(255,255,255,.17)!important;
	
}
#footerNav li style~a { display:none; }

#footerNav .current a { border:2px solid #FFCD00; }
#topPage #footerNav { display:none; }
/**.underNav a:after {
    width: 26px;
    height: 100%;
    right: 8px;
    top: 0;
    margin: 0px 0 0 0;
    background-size: auto 12px;
    background-image: url(../img/top_allow.png);
	background-repeat:no-repeat;
	content:"";
	display:block;
	position:absolute;
	background-position:center;
}**/

.mobileLan {
 background-color:rgba(255,255,255,.17); border:0px solid #494A52; border-top:0px solid #9A9DAA; border-bottom:0px solid #9A9DAA; box-shadow:0px 0px 0px #000; margin:15px 10px 0 10px; border-radius:.2em; padding-bottom:10px;	
}

.pt0 { padding-top:0!important; }

.copyright p { text-align:center;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
}

#pageTtl~a.gNavExclusion { 
	 }
	 
#footerNav .mobileLan { display:none; }

@media screen and (max-width:700px){
.underNav,#footerNav {    

}



}

h2.appTitle { color:#FFF; text-align:center;background-color: rgba(0,0,0,0.48); }
h2.appTitle span { display:block; }

.appLink { padding:0 15px; margin-top:0vw;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: center;
    }
 #footerWrap a { display:block;
margin: 0 5px;
			    }
.appLink a img { width:100%; height:auto;
width: auto;
    height: 50px;}

#close { width:37px; height:37px; line-height:37px; text-align:center; position:absolute; top:0; right:0; color:#FFF; cursor:pointer; font-size:15px; font-weight:normal; }
#close:before { content:"×"; }

a.more { display:block; height:44px; line-height:44px; text-align:center; color:#FFCD00; text-decoration:none; }
a.more:before { display:inline-block; content:""; height:12px; width:12px; background-image:url(../img/cmn/plus.png); background-size:contain; background-repeat:no-repeat; margin-right:7px; vertical-align:middle; background-position:center; }


#topPage #gHeader { background-color:transparent; box-shadow:none; } 
#topPage #gHeader:before { display:none; }
#topPage #lights { display:none; }
#topPage #gHeader #gHeaderTop_S .headLogo{ display:none; }
#topPage #gHeader #gHeaderTop_S #gNavBtn a { /**background-color:#19191E; border-radius:.3em; border:1px solid #000000; position:relative;**/ }
#gHeader #gHeaderTop_S #gNavBtn a img { width:27px; height:auto; }
#topPage #gHeader #gHeaderTop_S #gNavBtn a:after { /*display:block; content:"";*/ border-radius:.2em; border:1px solid #1F1F23; border-top:1px solid #4A4A4B; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; }
#topPage #gHeader #gHeaderTop_S #gNavBtn a:before { /*display:block; content:"";*/ border-top-left-radius:.2em;border-top-right-radius:.2em;  position:absolute; top:0; left:0; width:100%; height:50%; box-sizing:border-box; background-color:#1E1E23; border:2px solid #19191E; border-bottom:none; box-sizing:border-box; }


@media screen and (min-width:1320px){ 
	#apli { 
	margin-left: auto;
    margin-right: auto;
	}
	#gHeader #gNav { right:0!important; box-shadow:-1px 0px 6px rgba(0,0,0,1); }
	#close { display:none; }
    #container,#footerNav {/* margin-left: calc( ( ( 100% - 800px ) / 2 ) - 120px )!important; margin-right: 0;*/}
    #topPage #container, #gFooter,#gHeader { /*padding-right: 240px!important;*/ margin-left: 0!important;}
    #topPage #footerNav { margin: 0 auto;}
    #gNavBtn { display: none;}
}

#footerNav .clm2 { display:none; }

#footerWrap { background-color:transparent; }


 @media screen and (min-width:701px){ 
 #apli ul li figure img { width:80%; margin-top:20px; margin-bottom:20px; }
  #footerWrap { width:800px; margin:0 auto; padding-bottom:0px; /*margin-bottom: 25vw;*/}
  #apli { margin:0 0px 0px 0px; text-align:center;}
  #footerWrap .parts_section_01 { margin-top:0!important; padding-bottom:0!important; }
  #gFooter { padding:0; }
  #footerNav { margin:0 auto; }
  .underNav { margin-bottom:0; padding-bottom:7px; }
  .parts_wrap_02.clm2a { max-width:100%; }
  .parts_wrap_02.clm2a { overflow:hidden; max-width: initial; max-width: auto; }
  .parts_wrap_02.clm2a li { width:50%; float:left; margin:0; padding: 3px; box-sizing: border-box; }
  
  #commonPageFooter .wrapper>* { max-width: 800px!important; }
  
  script+#container {  padding-bottom:0px; margin-bottom:0px; border-bottom:0px solid #474951; }
  
  #topPage #container { box-shadow:none; }
  
  #apli figure img { width:60%; }
  .appLink {
    padding: 0 240px;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#gFooter .copyright { /*margin-bottom: 6vw;*/  }
 } 
 
 

  .appBt > div a { padding: 14px 10px 14px 10px; }
  
  
  @media screen and (min-width:701px) {
.youtube {  position: relative;border:2px solid #FFCD00; box-sizing:border-box;
  width: 100%;
  padding-top: 56.25%;  }
.youtube iframe { position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }


}

@media screen and (max-width:700px) {
.youtube {border:2px solid #FFCD00; box-sizing:border-box;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
    #footerWrap { /*margin-bottom: 140px;*/}
    #gHeader #gHeaderTop_S div { width: 76px; height: 76px;}
    #gHeader #gHeaderTop_S #gNavBtn { background-color: transparent;}
}
.underNav .imp {
    background-color: #e10214;
    padding: .3em .6em;
    border-radius: .3em;
    font-size: 10px;
    margin-right: .5em;
 }