/* globalMenu */
.gm_wide {width: 100%;padding-left:50%;}
.gm_widebox {width: 100vw;left:-50vw;position:relative;background-color:rgba(0, 164, 233, 1);}
div.globalMenu{width:100%;text-align:center;margin:0 auto;}

.globalMenu ul.nav{display: -webkit-flex;display: -moz-flex;display: flex;}
.globalMenu ul.nav li{-webkit-flex: auto;-moz-flex: auto;flex: auto;}

.globalMenu ul.nav li:hover{background:#00A4E9;}

.globalMenu ul.nav li a{padding:0;color:#FFF;display:flex;justify-content:center;align-items:center;height:38px;}
.globalMenu ul.nav li:hover a div{color:#00F;}

.globalMenu ul.nav li a div{font-size:16px;font-family:Kefa-Regular,sailregular, Arial, sans-serif;}
.globalMenu ul.nav li a div span{font-size:10px;}

.globalMenu ul.nav li.selectpage a{text-decoration:underline;}
.globalMenu ul.nav li.mobile_hide{display:none;}

/* globalMenuSp */
.modal-overlay{z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}

div.globalMenuSp {position: fixed;z-index: 2;top:0;height:100vh;overflow-y:scroll;right: 0;background-color:#fff;color:#888;transform: translateX(100%);transition: all 0.6s;width:300px;}
div.globalMenuSp ul{margin:0;padding:0;}
div.globalMenuSp ul li {font-size:16px;list-style-type:none;padding:0;width: auto;text-decoration: none;position:relative;border-bottom:solid 1px #ccc;}
div.globalMenuSp ul li::before {display:block;content:'';position:absolute;top:15px;left:7px;width:7px;height:7px;border-left: 1px solid #bbb;border-bottom: 1px solid #bbb;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

div.globalMenuSp ul li a {display:block;color:#888;padding:10px 0 8px 24px;line-height:20px;text-decoration: none;}
div.globalMenuSp ul li a span{font-size:12px;}

.globalMenuSp table{width:100%;table-layout:fixed;line-height:2.5em;}
.globalMenuSp tr{border-bottom: 1px solid #ccc;border-collapse:separate;border-spacing: 0;}
.globalMenuSp th,td{text-align:center;}
.globalMenuSp th{background-color:#eee;font-weight:500;}
.globalMenuSp th:not(:last-child),
.globalMenuSp td:not(:last-child){border-right: 1px solid #ccc;}
.globalMenuSp td a{display:block;width:100%;height:100%;color:#888;}

/* このクラスを、jQueryで付与・削除する */
div.globalMenuSp.active {transform: translateX(0%);}

/* linebt telbt humberger 背景 */
.telTogglebox{display:none;position: fixed;z-index: 2;left:0;bottom: 0;width:100%;height:58px;background-color:rgba(0,0,0,0.7);}

.telTogglebox a,
.telTogglebox div{display:block;float:left;margin:4px 2% 4px 0;text-align:center;line-height:50px;font-size:16px;color:#fff;text-decoration: none;}

.telTogglebox a:first-child{margin:4px 2% 4px 2%;}

.navLinebt{width:47%;height:50px;background:#00B300;border: solid 1px #11c411;border-radius: 4px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);text-shadow: 0 1px 0 rgba(0,0,0,0.2);}
.navMailbt{width:47%;height:50px;background:#79c;border: solid 1px #7d6f4f;border-radius: 4px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);text-shadow: 0 1px 0 rgba(0,0,0,0.2);}
.navTelbt{width:97%;height:50px;background:rgba(122, 189, 68, 1);border: solid 1px #7d6f4f;border-radius: 4px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);text-shadow: 0 1px 0 rgba(0,0,0,0.2);}

div.navToggle {display: none;position:fixed;top:0;right:0;margin:18px;width:44px;height:48px;cursor: pointer;z-index: 3;text-align: center;background:#fff;border:solid 1px rgba(0, 164, 233, 1);border-radius: 4px;}
.navToggle span {display: block;position: absolute;width: 30px;border-bottom: solid 3px rgba(0, 164, 233, 1);color:rgba(0, 164, 233, 1);-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;left: 6px;}
.navToggle span:nth-child(1) {top: 9px;}
.navToggle span:nth-child(2) {top: 18px;}
.navToggle span:nth-child(3) {top: 27px;}
.navToggle span:nth-child(4) {border: none;line-height:10px;font-size: 10px;font-weight: bold;top: 34px;}

.navToggle.active span:nth-child(1) {top: 18px;left: 6px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {top: 18px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

/* ログイン表示 */
.login_area{position: absolute;top: 0px;right: 50px;width: 270px;}

@media screen and (max-width: 768px) {
	.globalMenu ul.nav li a div{font-size:12px;}
	.mobile_line::before{content: '';display: block;position:absolute;width:1px;height:38px;background:linear-gradient(to bottom, rgba(0, 164, 233, 1) 10%, #CCC 50%,rgba(0, 164, 233, 1) 90%);}
}
@media screen and (min-width: 768px) {
	div.globalMenu{width:720px;}
	.globalMenu ul.nav li.mobile_hide{display:block;}
	.globalMenu ul.nav li:not(:first-child)::before{content: '';display: block;position:absolute;width:1px;height:38px;background:linear-gradient(to bottom, rgba(0, 164, 233, 1) 10%, #CCC 50%,rgba(0, 164, 233, 1) 90%);}
}
@media screen and (min-width: 992px) {
	div.globalMenu{width:940px;}
	.globalMenu ul.nav li:not(:first-child)::before{content: '';display: block;position:absolute;width:1px;height:38px;background:linear-gradient(to bottom, rgba(0, 164, 233, 1) 10%, #CCC 50%,rgba(0, 164, 233, 1) 90%);}
}