@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.Tab402{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
=========================================================== */

