@charset "UTF-8";


:root{--MainWidth:86%;--MainPadding: 30px 0 40px 0;}
br.pc{
	display: none;
}
br.smp{display:block;}


html.modal-is-locked{overflow:hidden;touch-action:none}
.modal-is-locked .overlay:before{background-color:rgba(0,0,0,0.8)!important}
.commonHeader{position:relative}
.disp-overlay .commonHeader{ position: fixed;}
.wrapper{padding-top:0}
.header_change{display:none}
.commonHeader .hamburger{
    z-index: 999;
}
article .btn{}
article .btn a{
	font-size: 14px;
	padding: 12px 20px;
}
article .btn a:after{
	font-size: 140%;
}
article .btn a:hover{}
article .commonTtl{
	margin-bottom: 30px;
}
article .commonTtl .sub{
	font-size: 50px;
}
article .commonTtl .main{
	font-size: 13px;
}
/*------------------------------------------menuArea*/
.menuArea{position:relative;padding: 0;border: none;z-index: 99;}
.menuArea.fixed{position:fixed;width:100%;top:0;z-index:999}
.menuArea .Inner{display:none}
.menuArea .humb{display:block;position:absolute;right:10px;top:10px;padding:0 10px;font-size:10px;text-align:center;width:45px;height:45px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:3px;padding-top:6px;box-shadow:0 0 3px rgba(0,0,0,0.5);background-color:#fff}
.menuArea.header_change .humb{display:none}
.menuArea .humb span{border-top:1px solid #000;display:block;padding-top:5px;letter-spacing:.5px;position:relative;margin-top:5px;font-weight:700}
.menuArea .humb span:before,.menuArea .humb span:after{content:"";border-top:1px solid #000;display:block;width:100%;height:1px}
.menuArea .humb span:before{margin-bottom:3px}
.menuArea .humb span:after{content:"";position:absolute;left:0;top:-6px}
.menuArea.open{display:block;width:100%;height:100%;position:fixed;overflow-y:scroll;top:0;right:-100%;z-index:9999;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;-webkit-overflow-scrolling:touch;right:0;background-color:#000}
.menuArea.open .humb{right:auto;left:15px;top:20px;padding:0;display:block;box-shadow:none;z-index:999999;background-color:initial;position:fixed}
.menuArea.open .humb span{display:none}
.menuArea.open .humb:before,.menuArea.open .humb:after{content:"";width:2px;height:47px;background:#fff;top:20px;display:block;left:20px;position:absolute}
.menuArea.open .humb:before{transform:translate(-50%,-50%) rotate(45deg)}
.menuArea.open .humb:after{transform:translate(-50%,-50%) rotate(-45deg)}
.menuArea.open .Inner{margin-left:20%;background-color:#fff;min-height:100%;text-align:left}


.menuArea .Inner{}
.menuArea .Inner ul{
	display: block;
	padding-top: 20px;
}
.menuArea .Inner li{}
.menuArea .Inner li a{}
.menuArea .Inner li a:hover,.menuArea .Inner li a.active{}
.menuArea .Inner li + li{}
.menuArea .Inner li + li{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
}
.menuArea .Inner li + li:before{
	content: none;
}