@charset "utf-8";

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

/* ==============================================================

Skin - OHM

Index.html
1Column.html
2Columns.html
megamenu.html

============================================================== */

/* ===========================================================
	common
=========================================================== */
a,
a img{transition-property:all;transition-duration:0.2s;}
a:hover img{opacity:0.7;}

/* ===========================================================
	skin
=========================================================== */
#skin {position: relative;}

/* ====== burgerMotion ====== */
.burgerMotion p{margin:0;padding:0;}

/* ====== floatMenuList ====== */
.floatMenuList {position: fixed;bottom:30px;right: 0;;z-index: 200;}
.previewMode .floatMenuList,
.adminMode .floatMenuList {right: 50px;}
.floatMenuList ul {display: flex;flex-direction: column;gap: 10px 0;list-style: none;margin: 0;padding: 0;}
.floatMenuList ul li {margin: 0;padding: 0;}
.floatMenuList ul li a {display: flex;gap: 0 8px;align-items:center;justify-content: center;width:60px;padding:15px;margin-left: auto;margin-right: auto;border-radius: 5px 0 0 5px;writing-mode: vertical-lr;text-decoration: none;}
.floatMenuList ul li a:hover {opacity: 0.8;}
.floatMenuList ul li a:before {transform:scale(0.7);}
.floatMenuList ul li a.search {background-color: #0074BE;color: #fff;}
.floatMenuList ul li a.search:before {content: url(/Portals/0/images/common/ico_floatMenu_search.png);display: inline-block;}
.floatMenuList ul li a.faq {background-color: #99CF16;color: #fff;}
.floatMenuList ul li a.faq:before {content: url(/Portals/0/images/common/ico_floatMenu_faq.png);display: inline-block;}

/* ====== footerNav ====== */
.footerNav ul {list-style: none;margin: 0;padding: 0;}
.footerNav li {margin: 0;padding: 0;}
.footerNav a {display: block;color: #fff;}
.footerNav a[target="_blank"]:after {content: url(/Portals/0/images/common/ico_external_white.png);display: inline-block;width: auto;height: auto;padding-left: 5px;line-height: 1;vertical-align: middle;}
.footerNav > ul {display: flex;flex-wrap: wrap;gap: 48px 80px;padding: 90px 0;}
.footerNav > ul > li {width: 280px;}
.footerNav > ul > li > a {position: relative;padding: 0 0 9px;border-bottom: 3px solid #7dafce;pointer-events: none;}
.footerNav > ul > li > a:before {content: "";position: absolute;bottom: -3px;left: 0;width: 180px;height: 3px;background: #fff;}
.footerNav > ul > li > a:after {content: "";position: absolute;bottom: -3px;left: 180px;width: 0;height: 0;border-width: 3px 3px 0 0;border-color: #fff transparent transparent transparent;border-style: solid;}
.footerNav > ul > li > ul {margin: 14px 0 0;}

/* ====== footerNavSp ====== */
.footerNavSp {display:none;}

/* ====== footerlink ====== */
ul.footerLink{display: flex;flex-wrap:wrap;justify-content:center;gap:1em 0;margin:0;padding:20px 0;list-style:none;}
ul.footerLink li{margin:0 20px 0 0;padding:0 20px 0 0;border-right:1px solid #4d9ed2;}
ul.footerLink li:last-child{margin-right:0;padding-right:0;border-right:none;}
ul.footerLink li a{display:block;padding:0;color:#333;font-size:0.857rem;letter-spacing: 0.1rem;}
ul.footerLink li a:hover{text-decoration:underline;}

/* ===========================================================
	gNav - pc
=========================================================== */
.tokenMenu{margin:0 auto;width:1000px;}
.tokenMenu ul{margin:0;padding:0;list-style:none;}
.tokenMenu ul li{margin:0;padding:0;}
.tokenMenu ul li a{transition-property:none;transition-duration:0s;}

/* 第1階層 */
.tokenMenu > ul{display:flex;justify-content:space-between;align-items:center;align-content: center;}
.tokenMenu > ul > li{display:none;text-align:center;width:calc(20% - 40px);position: relative;z-index: 3;}
.tokenMenu > ul > li.Tab101,
.tokenMenu > ul > li.Tab108,
.tokenMenu > ul > li.Tab160,
.tokenMenu > ul > li.Tab173,
.tokenMenu > ul > li.Tab207,
.tokenMenu > ul > li.Tab211{display: block;}
.tokenMenu > ul > li.Tab211{width:200px;}
.tokenMenu > ul > li > a{display:block;position:relative;padding: 18px 0;font-size:1.071rem;line-height:15px;color:#fff;letter-spacing:0.1rem; border-right:1px solid #3390cb;}
.tokenMenu > ul > li:first-child > a{border-left:1px solid #3390cb;}
.tokenMenu > ul > li > a:hover{background-color:#0093d6;text-decoration:none;}
.tokenMenu > ul > li > a:hover::before{content:'';display:block;position:absolute;bottom:-12px;left:0;right:0;margin:auto;width:0;height:0;border-style:solid;border-width:12px 11px 0 11px;border-color:#019ad7 transparent transparent transparent;transition-property:none;}
.tokenMenu > ul > li > a:hover::after{content:'';display:block;position:absolute;bottom: 0px;left: 0;right:0;margin:auto;width: 100px;height: 10px;border-radius: 40px;box-shadow: 0 0 50px 3px #00253e;z-index:-1;}

/* 第2階層以降(メガメニュー使用の為PCでは非表示) */
.tokenMenu > ul > li > ul{display:none;}