@charset "utf-8";
@import "/Portals/0/css/english/contentssmart.css";

/* ===========================================================
 html
=========================================================== */
/* size settings */
html,
body{width:100% !important;min-width:1%;}
/* font settings */
body{font-size:14px;}
body{font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Roboto", "Droid Sans", "Meiryo", "sans-serif";font-weight:normal;}
/* pc/sp settings */
.pcArea{display:none !important;}
.spArea{display:block !important;}
table.spArea{display:table !important;}
img{max-width:100%;height:auto !important;}
/* ===========================================================
 skin
=========================================================== */
#skin{min-width:inherit;}
.inner{width:auto;padding:0 5%;}
/* ===========================================================
 header
=========================================================== */
.skinIndex #header,
#header{z-index:1001;min-width:inherit;height:auto;min-height:77px;}
.skinIndex #header.active{background:/*#5b7a13*/#9c3;}
.headTop{min-width:inherit;max-width:inherit;padding:0 4%;}
.headTop .logo{width:80%;}
.headBottom,
.headRight{display:none;}
.contentFixed{display:none;position:static;transform:inherit;padding:0 4%;}
.headTop .headRight .right{float:none;}
.headTop .headRight{float:none;max-width:inherit;}
.headTop .headLeft{float:none;max-width:inherit;padding-bottom:20px;}
/* ===========================================================
 gNav
=========================================================== */
#gNav{min-width:inherit;max-width:inherit;height:auto;margin:10px auto 50px;padding:0 4%;}
/* toggleSwitch */
#gNav .tokenMenu ul li a.toggleSwitch:before,
#gNav .tokenMenu ul li a.toggleSwitch:after{content:"";display:block;position:absolute;top:50%;background-color:#739900;}
#gNav .tokenMenu ul li a.toggleSwitch:before{right:10px;width:16px;height:2px;margin-top:-1px;}
#gNav .tokenMenu ul li a.toggleSwitch:after{right:17px;left:inherit;width:2px;height:16px;margin-top:-8px;-webkit-transition:all 0.2s;transition:all 0.2s;}
#gNav .tokenMenu ul li a.toggleSwitch.open:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
/* tokenMenu */
.tokenMenu li{list-style:none;}
.tokenMenu li a{display:block;position:relative;color:#666;}
/**/
.tokenMenu > ul > li.Tab258 > a{display:none;}
/**/
.tokenMenu > ul > li > ul{margin:0;}
.tokenMenu > ul > li > ul > li{display:none;float:none;width:100%;border-bottom:1px solid #dbdbdb;}
.tokenMenu > ul > li > ul > li.Tab259,
.tokenMenu > ul > li > ul > li.Tab265,
.tokenMenu > ul > li > ul > li.Tab269,
.tokenMenu > ul > li > ul > li.Tab272{display:block;}
.tokenMenu > ul > li > ul > li.Tab269,
.tokenMenu > ul > li > ul > li.Tab272{width:100%;margin-left:0;}
.tokenMenu > ul > li > ul > li:before{display:none;}
.tokenMenu > ul > li > ul > li.Tab259 > a,
.tokenMenu > ul > li > ul > li.Tab265 > a,
.tokenMenu > ul > li > ul > li.Tab269 > a,
.tokenMenu > ul > li > ul > li.Tab272 > a,
.tokenMenu > ul > li > ul > li > a{display:block;overflow:visible;height:auto;padding:15px 30px 15px 35px;background:#fff !important;color:#333;font-size:13px;text-decoration:none;text-align:left;white-space:normal;text-indent:0;}
.tokenMenu > ul > li > ul > li > a:after{content:"";}
.tokenMenu > ul > li > ul > li.parentItem > a,
.tokenMenu > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li:hover > a{color:#739900;}
/**/
.tokenMenu > ul > li > ul > li > ul{position:static;width:100%;padding:0 0 15px;border-radius:0;box-shadow:inherit;background-color:#e1f0c2;}
.tokenMenu > ul > li > ul > li:hover > ul{display:none;}
.tokenMenu > ul > li > ul > li > ul > li{position:relative;border-bottom:none;}
.tokenMenu > ul > li > ul > li > ul > li:before{content:"";position:absolute;top:13px;left:33px;z-index:1;transform:rotate(45deg);width:7px;height:7px;border-top:2px solid #739900;border-right:2px solid #739900;}
.tokenMenu > ul > li > ul > li > ul > li > a{position:relative;padding:10px 10px 10px 50px;background-color:#e1f0c2;font-size:12px;text-decoration:none;}
.tokenMenu > ul > li > ul > li > ul > li.Tab261 > a{height:34.39px;}

/**/
.tokenMenu > ul > li > ul > li > ul > li > ul{padding-left:60px;}
.tokenMenu > ul > li > ul > li > ul > li > ul li{padding:5px 0;border-top:1px dotted #ccc;font-size:12px;}
.tokenMenu > ul > li > ul > li > ul > li > ul li:first-child{border:none;}
.tokenMenu > ul > li > ul > li > ul > li > ul > li.parentItem > a,
.tokenMenu > ul > li > ul > li > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li > ul > li > ul > li > a:hover{color:#739900;}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > ul > li > a.currentLink{background-color:rgba(165, 199, 4, 0.3);}
/* ===========================================================
 main
=========================================================== */
.contentMiddle .inner .mainArea,
.contentMiddle .inner .sideArea{float:none;width:100%;}
div:not(.skinIndex) #main{padding:1.5em 0 2.5em;}
/* ===========================================================
 breadcrumb
=========================================================== */
#breadcrumb{padding:0 0 2em;font-size:0.85em;}
/* ===========================================================
 footer
=========================================================== */
#footer{}
#footer .inner{padding:0;}
/**/
/*.footBottom{padding:25px 0;border-top:10px solid #78932f;}*/
.footBottom .pagetop{right:50px;bottom:46px !important;left:inherit;min-width:inherit;max-width:inherit;margin-left:0;}
.footBottom .pagetop.in{bottom:46px !important;}
.footBottom .pagetop a{width:34px;height:34px;background-size:12px;}
/**/
.copyright p{width:27em;margin:0 auto;}
.pagetop{display:none !important;}

/* ===========================================================
 css for each skin
=========================================================== */
/**/
.skinIndex .contentTop .inner{padding:0;}
.skinIndex .contentTop .ContentTopPane:after{display:none;}