@charset "shift_jis";
/* CSS Document */
:root {
--main-color: #f0f2f5;
--base-color: #0f0f0f;
--transition : all 0.5s ease 0s;
	--en: 'Montserrat', sans-serif;
}

html{font-size:100%;box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;scroll-behavior:smooth}
body{overflow-x:hidden;background-color:#0f0f0f;color:#f0f2f5;font-family:"Noto Sans JP",sans-serif;font-weight:400;font-size:16px;line-height: 1.6;}
section.enter{position: relative;width: 100%; min-height: 100vh;background: url("../img/bg_enter_sp.jpg")center / cover;}
@media screen and (min-width: 768px) {
section.enter{background: url("../img/bg_enter.jpg")center / cover;}	
}
section.enter .container{display: flex;flex-direction: column; justify-content: center;min-height: 100vh;width: 100%;}
h1{margin: 0 auto 70px;text-align: center; }
h1 img{max-width: 240px;}
@media screen and (min-width: 768px) {
h1 img{max-width: 640px;}	
}
.enter_btn{background:rgba(8,8,8,0.8);color: #fff; text-shadow: #000 0 0 10px;padding:0px 1.25em;font-size:clamp(2.5rem, 2.045rem + 2.27vw, 3.75rem);font-family: 'Libre Baskerville', serif; display: block;margin: 0 auto .5em;transition : all 0.5s;}
.enter_btn:hover,.hiru_enter_btn:hover{background: #000;}
.hiru_enter_btn{background:rgba(8,8,8,0.8);color: #fff; text-shadow: #000 0 0 10px;padding:0px 1.25em;font-size:clamp(1.875rem, 1.693rem + 0.91vw, 2.375rem);font-family: 'Libre Baskerville', serif; display: block;margin: 0 auto;transition : all 0.5s;}
.leave_btn{color: #fff; text-shadow:#000 0 0 5px, #000 0 0 10px;padding: 20px;font-size:clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);letter-spacing: 0.05em;font-family: 'Libre Baskerville', serif;display:  block;margin: 0 auto;text-decoration: underline}
.footer{color: var(--main-color);font-family: var(--en);padding: 10px;position: fixed; bottom: 0; left: 0; width: 100%;background: rgba(8,8,8,0.5)}
.footer .copyright,.footer .address{padding:5px 0 0 0;font-size:14px;text-align: center;font-weight: 100;letter-spacing: 0.025em}
.footer .address{font-family:"Noto Sans JP",sans-serif;font-weight:400; }
.footer a{color: inherit}
@media screen and (min-width:767px){
.footer .copyright,.footer .address{padding:10px 0 0 15px;font-size:14px}
}

@media screen and (min-width:768px){.sp_only{display:none!important}}