@charset "utf-8";

@import "/Portals/0/Skins/skincmn.css";

/* ===========================================================
 html
=========================================================== */
body{font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-size:100%;}

/* ===========================================================
 skin
=========================================================== */
._1Column form[action="/ja/financial_info/"] .contentMiddle{overflow:hidden;}
._Index .siteName{overflow:hidden;height:0;margin:0;padding:0;}
._SFH:not(._Index) #main,
._1Column_daily #dailySkinWrap{padding-bottom:80px;}
._SFH._index_group:not(._Index) #main{padding-bottom:0;}
._SFH._1Column_group:not(._Index) #main{padding-bottom:60px;}
._SFH._1Column_daily #main{padding-bottom:0;}


/* ===========================================================
 headBody
=========================================================== */

.breadcrumb a[href="/ja/"]{display:none;}
.breadcrumb a[href="/ja/"] + span{display:none;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{float:none;clear:both;height:auto;margin:0 auto;padding:0;}
#gNav:after{content:"";display:block;clear:both;}
.tokenMenu{clear:both;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
.tokenMenu ul li.Tab100,
.tokenMenu ul li.Tab101{display:block;}
.tokenMenu ul ul{display:none;}
.tokenMenu a{position:relative;text-decoration:none;}
/*初期値*/
.tokenMenu ul li.Tab100 > a,
.tokenMenu ul li.Tab101 > a{display:none;}
/* 1階層(2階層から表示) */
.tokenMenu ul li.Tab100 > ul,
.tokenMenu ul li.Tab101 > ul,
.tokenMenu ul li.Tab102,
.tokenMenu ul li.Tab136,
.tokenMenu ul li.Tab175,
.tokenMenu ul li.Tab199,
.tokenMenu ul li.Tab214,
.tokenMenu ul li.Tab146{display:block;}
.tokenMenu ul li.Tab101 > ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;width:100%;margin:0;padding:0;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
/* 3階層目 */
.tokenMenu > ul > li > ul > li > ul{position:relative;}
.tokenMenu > ul > li > ul > li > ul:before{content:"";display:block;position:absolute;top:0;right:inherit;bottom:0;left:0;width:1px;height:18px;margin:auto;background-color:#ddd;}
.tokenMenu > ul > li > ul > li > ul > li{position:relative;z-index:1;width:16%;padding:0;text-align:center;vertical-align:middle;}
.tokenMenu > ul > li > ul > li > ul > li.Tab402{width:20%;}
.tokenMenu > ul > li > ul > li > ul > li.active:before{content:"";display:block;position:absolute;top:inherit;right:0;bottom:-15px;left:0;width:0;height:0;margin:auto;border-width:0 8px 8px 8px;border-color:transparent transparent #fff transparent;border-style:solid;}
.adminMode .tokenMenu > ul > li > ul > li > ul > li.active:before{display:none;}
.tokenMenu > ul > li > ul > li > ul > li:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:inherit;width:1px;height:18px;margin:auto;background-color:#ddd;}
.tokenMenu > ul > li > ul > li > ul > li > a{display:inline-block;position:relative;width:auto;height:48px;padding:0.5em 0;color:#222;font-weight:bold;font-size:100%;text-align:center;vertical-align:middle;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
.tokenMenu > ul > li > ul > li > ul > li:hover > a:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0;width:100%;height:3px;margin:auto;background-color:#30a289;　top:inherit;}

/* ===========================================================
 css for each skin
=========================================================== */


/* ===========================================================
 sideNav
=========================================================== */
.sideNav ul{list-style:none;padding:0;}
.sideNav ul{list-style: none;margin: 0;padding:0;}
.sideNav a{display: block;position: relative;color:#333;line-height: 1.4;text-decoration: none;}
.sideNav a.currentLink{font-weight: 700;}
.sideNav .toggleSwitch:before,
.sideNav .toggleSwitch:after{content: "";position: absolute;top: 50%;right: 10px;width: 12px;height: 2px;background-color: #003366;transition-delay: 0s;transition-timing-function: ease-in-out;transition-duration: 0.3s;transition-property: transform;}
.sideNav .toggleSwitch:before{transform: translateY(-50%);}
.sideNav .toggleSwitch:after{transform: translateY(-50%) rotate(90deg);}
.sideNav .toggleSwitch.open:before, .sideNav .toggleSwitch.open:after {background-color: #999;}
.sideNav .toggleSwitch.open:after{transform:translateY(-50%);}
/* 1 */
.sideNav > ul > li:not(.parentItem){display:none;}
.sideNav > ul > li > a{font-size: 120%;font-weight: 700;padding: 15px 20px;display: block;background: #003366;color: #fff;}
/* 2 */
.sideNav > ul > li ul{background: #fff;}
.sideNav > ul > li ul li {padding-bottom: 0;}
.sideNav > ul > li ul li a {padding: 14px 10px;display: block;border-bottom: 1px solid #ccc;transition: all 0.3s ease-in-out;}
.sideNav > ul > li ul li a.toggleSwitch{position: relative;}
.sideNav > ul > li ul li a:hover{opacity:1;text-decoration:underline;}
/* 3 */
.sideNav > ul > li > ul ul{display: none;}
.sideNav > ul > li > ul > li > ul{display:none;margin: 0;background: #eef7fe;}
.sideNav > ul > li > ul > li > ul > li > a{font-size: 87.5%;}
/* 4 */
.sideNav > ul > li > ul > li > ul > li > ul{padding-left: 15px;background: #EEF7FE;}
.sideNav > ul > li > ul > li > ul > li > ul > li{background: #fff;}
.sideNav > ul > li > ul > li > ul > li > ul > li > a{padding: 10px 39px 10px 0;font-size: 0.875rem;}
.sideNav > ul > li ul li .toggleSwitch.open + ul li ul li a{padding-left:10px;}
.sideNav > ul > li ul li .toggleSwitch.open + ul li ul li:first-child a{padding-top: 15px;}