@charset "utf-8";

@import "/Portals/0/css/basesmart.css";
@import "/Portals/0/css/contentsmart.css";


/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{width:100%;min-width:1%;}

/* font settings */
body{font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Roboto","Droid Sans","Meiryo","sans-serif";}

.ic-controlpanel{display:none;}
img{max-width:100%;height:auto !important;}

/* ===========================================================
 skin
=========================================================== */
.inner{width:auto;padding:0 4%;}



/* ===========================================================
 module
=========================================================== */
.-device-pc > section{display:none;}
.-device-sp > section{display:block;}

/* ===========================================================
 header
=========================================================== */
#header{min-width:auto;}
#header .headTop{display:block;height:auto;padding:0;border-bottom:0;}
#header .logo{position:static;width:180px;height:60px;margin:0 auto 0 4%;padding:0;}
@media (max-width: 1200px){
#header .logo{width:180px;}
}

#header .headTopWrap .left{width:100%;}
#header .headTop .right{display:block; min-width:inherit;}
#header .headTop .right .accessibilityWrap{display:none;}
#header .head_cont{display:flex;opacity:0;position:static; width:100%;height:70px;margin:0;padding:0 15px;background:#454545;justify-content:center;}
#header .head_cont a{color:#fff;}

#header .headTop .searchWrap{width:100%; height:auto;}
#header .headTop .searchWrap label{display:none; height:auto;}
#header .headTop .searchWrap #searchPopUp{display:none;}
#header .headTop .searchWrap .search_popup{visibility:inherit; position:static; width:100%;background:#eee;}
#header .headTop .searchWrap .txtSearch{width:100%;height:34px;}
.burger-open #header .headTop .searchWrap .search_popup{/*visibility:visible;*/opacity:1; }
#header .headTop .searchWrap .searchBtn{right:15px;height:34px;background-color:transparent;background-image:url(/Portals/0/images/index/ico_searchSp.png);color:transparent;font-size:0; position:absolute;}
.burger-open #header .head_cont{opacity:1;top:60px;}
#header .headWrap{ overflow-y:auto; width:100%; height:calc(100% - 60px); position:fixed;}
#header .headBottom{width:100%;background:#fff;}
.megamenu.mega_item{display:none;}

/* ===========================================================
 gNav
=========================================================== */
#gNav .tokenMenu{overflow-y:scroll;height:auto;}
#header #gNav .tokenMenu li.Tab36 > ul{display:block;width:100%;margin:auto;}
#header #gNav .tokenMenu li.Tab36 > ul > li ul{display:none;margin-left:20px;background:#fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul{display:none;margin:0 0 0 20px;background:#fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > a{border-bottom:solid 1px #fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > a.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul{background:#fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > a{border-bottom:solid 1px #fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > a.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul{background:#fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > a{border-bottom:solid 1px #fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > a.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul{background:#fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{border-bottom:solid 1px #fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul{background:#fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{border-bottom:solid 1px #fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul{background:#fff3de;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{border-bottom:solid 1px #fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul{background:#fff;}
#header #gNav .tokenMenu li.Tab36 > ul > li{width:100%;}
#header #gNav .tokenMenu li.Tab36 > ul > li > a{padding:12px 45px 12px 20px;border-bottom:solid 1px #d3d3d3;font-weight:400;text-align:left;}
#header #gNav .tokenMenu li.Tab36 > ul > li > a.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > a:before{content:none;}
#header #gNav .tokenMenu li.Tab36 a.toggleSwitch{position:relative;}
#header #gNav .tokenMenu li.Tab36 a.toggleSwitch.open{border-bottom:0;}
#header #gNav .tokenMenu li.Tab36 a.toggleSwitch span{position:absolute;top:0;right:20px;bottom:0;width:20px;height:20px;margin:auto;background:url(/Portals/0/images/common/ico_open.png) center/contain no-repeat;}
#header #gNav .tokenMenu li.Tab36 a.toggleSwitch.open span{background:url(/Portals/0/images/common/ico_close.png) center/contain no-repeat;}
#header #gNav .tokenMenu li.Tab36 li{display:block;}
#header #gNav .tokenMenu li.Tab36 a{display:block;padding:12px 20px;border-bottom:solid 1px #fff;font-weight:400;font-size:14px;text-decoration:none;text-align:left;}
#header #gNav .tokenMenu li.Tab36 > a{display:none;}
#header .burgerMotion p{background:#454545;}
#header .burgerMotion p:before{content:"MENU";display:block;position:absolute;right:0;bottom:1px;left:0;color:#fff;font-size:11px;text-align:center;}
#header .burgerMotion p span{height:2px;background:#fff;}
#header .burgerMotion p span:before,
#header .burgerMotion p span:after{height:2px;border-radius:0;}
#header .burgerMotion p span:after{margin-top:-14px;background-color:#fff;}
#header .burgerMotion p span:before{margin-top:-7px;background-color:#fff;}
#header .burgerMotion.open p span{background:transparent;}
#header .burgerMotion.open p span:before,
#header .burgerMotion.open p span:after{margin-top:-8px;}




/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:17px auto 20px;}
._Index .contentMiddle:before{content:"";position:absolute;top:-137px;left:-224px;z-index:-1;width:330px;height:330px;background:url(/Portals/0/images/index/topBg.png) center/contain no-repeat;}


/* ===========================================================
 footer
=========================================================== */
#footer{overflow-y:hidden;margin:0;padding:0;}
#footer:before{content:"";position:absolute;right:-152px;bottom:-57px;z-index:-1;width:260px;height:260px;background:url(/Portals/0/images/index/topBg.png) center/contain no-repeat;}
#pagetop{right:16px;bottom:20px;width:40px;height:40px;background:url(/Portals/0/images/common/pagetop.png) center/contain no-repeat;font-size:0;}
.copyright{padding:26px 0 0 0;font-size:77.78%;}

/* ===========================================================
 contents
=========================================================== */