@charset "UTF-8";

body{ word-wrap:break-word; overflow-wrap:break-word;}
.red{ color:red;}

@media screen and (min-width: 0px){
	.glnv-sp .lang select{ z-index:99;}
	.glnv-sp .ci{ margin-bottom:15px}
	.glnv-sp .glnv-sp-inner{ top:42%;}
	.glnv-sp .glnv a{ padding: 12px 30px;}
	.glnv-sp p.store{ margin-top:15px;}
	.glnv-sp p.store a{ background-size:16px 15px; padding:10px 16px; font-size: 17px;}
	.glnv-sp .social { bottom:78px;}
/*
	.glnv-sp p.store a{ background-size:16px 15px; padding:13px 16px; font-size: 17px;}
*/
}
@media screen and (min-width: 768px) {
	/* layout.css */
	.shoplink p{ width:auto;}
	.shoplink p .store{ color:#fff; display:block; background-position:17px center; padding: 11px 13px 11px 41px; letter-spacing:0.1em; font-size:15px;}
	header.global .guide p{ width:auto;}
	header.global .guide p .store{ background-position:17px center; padding:10px 13px 10px 41px; letter-spacing:0.1em; font-size:15px;}
}


/******************************************************************/
/* SP MENU */
/* 2023.08.10 */
/* 2023.06.05 */
/******************************************************************/
.drawer{ background: #A5AFD3; width:45px; height:45px; text-align:center;}
.drawer p{ border-top: 1px solid #15161a;}
.drawer p::before,.drawer p::after{ background: #15161a;}
.drawer small{ position:relative; bottom:-47px; font-weight:bold; letter-spacing:-1px; font-size:0.85em;}
.shoplink-mobile{ left:75px;}
.shoplink-mobile p{ height:auto; background-size:16px 15px; background-position:29px center; letter-spacing:0.2em; font-size:17px; }
.shoplink-mobile p a{ padding-left:20px; padding:0 11px 0 40px; line-height:1.5; color:#FFF;}



/******************************************************************/
/* TANEGASHIMA MOVIE */
/* 2023.09.13 */
/******************************************************************/
video.tanegashima_mv{ width:100%; max-width:600px; height:auto;}
@media screen and (min-width: 1200px){
	video.tanegashima_mv{ max-width:400px;}
}



/******************************************************************/
/* TOUR RESERVE */
/* 2023.11.01 */
/******************************************************************/
br.pcbr{ display:none;}
br.spbr{ display:inline;}
ul.normallist{ font-size:14px; line-height:1.8; margin-left:2em; list-style-type:disc;}
dl.responsivetbl{}
dl.responsivetbl dt,dl.responsivetbl dd{ font-size:14px; line-height:1.8;}
dl.responsivetbl dt{ padding:0.5em 1em; background:#EFEFEF; text-align:center; font-weight:bold;}
dl.responsivetbl dd{ padding:1em 1.5em 3em;}
dl.responsivetbl dd p{ margin:1em 0;}
a.btn_tourreserve{ display:inline-block; padding:0.5em 1em; color:#FFF; background:#df6125; letter-spacing:0.1em; font-size:1.2em;}
a.btn_tourreserve i{ margin-right:0.5em;}
div.mrg_topbtm{ margin:3em 0;}
@media screen and (min-width: 768px) {
	br.pcbr{ display:inline;}
	br.spbr{ display:none;}
	ul.normallist li{ font-size:16px; line-height:1.7;}
	dl.responsivetbl{ display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc;}
	dl.responsivetbl dt,dl.responsivetbl dd{ font-size:16px; line-height:1.7; border-top:1px solid #ccc;}
	dl.responsivetbl dt{ padding:1em 1.5em; width:20%;}
	dl.responsivetbl dd{ width:80%; padding-bottom:1em;}
}


.acbox{ width:auto; font-size:0px; margin:0 10px;}
.acbox input[type="checkbox"]{ display:none;}
.acbox input[type="checkbox"] + label{ width:auto; font-size:16px; text-align:center; background:#df6125; position:relative; display:inline-block; margin-top:1em; padding:0.5em 1em; cursor:pointer; color:#fff;}
.acbox input[type="checkbox"] + label::before{ border:none; content:"▼"; color:#FFF; height:auto; width:auto; background:none; margin-left:0.7em; font-size:0.7em; top:60%;}
.acbox input[type="checkbox"]:checked ~ label::before{ content:"▲";}
.acbox input[type="checkbox"] ~ label::after{ display:none;}
.acbox input[type="checkbox"]:checked ~ div{ height:auto; padding:0 1em 1em 1em; background:#EFEFEF; opacity:1;}
.acbox div{ height:0px; overflow:hidden; opacity:0; transition:0.15s;}
.acbox-under{ font-size:15px; color: #555555;}
.acbox-under p{ margin-top:1em;}
div.reservabox{ display:block; position:relative; width:100%; height:0; padding-top:140%;}
div.reservabox iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
@media screen and (min-width: 768px) {
	div.reservabox{ padding-top:76%;}
}



/******************************************************************/
/* MERUMAGA */
/* 2024.03.15 */
/******************************************************************/
form.magumagumail{}
form.magumagumail input.rdemail{ padding:10px 20px; width:96.5%; margin:0.3rem 0 1rem 0;}
form.magumagumail input.rdemail::placeholder{ color:#c4c4c4;}
form.magumagumail input.submit{ box-sizing: border-box; text-align:center; display:block;padding:15px;background-color:rgb(33, 41, 45); border: rgba(0, 0, 0, 0) solid 0px; border-radius: 2px;font-family :Helvetica, Arial, sans-serif; font-size: 14px;color: rgb(255, 255, 255); line-height: 1; letter-spacing:1px;}



/******************************************************************/
/* TEMA BANNER */
/* 2024.04.02 */
/******************************************************************/
.shop-news .area-shop .tema > a{ border:1px solid #dfdfdf; display:block; margin-bottom:1em;}
.shop-news .area-shop .tema > a img{ width:100%; image-rendering:-webkit-optimize-contrast;}



/******************************************************************/
/* AGE CHECK */
/* 2024.05.20 */
/******************************************************************/
.agemodal{ display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4);}
.agemodal-content{ background:#FFF; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); margin:auto; padding:40px 20px; border:1px solid #888; width:80%; text-align:center; font-family:'Noto Serif JP';}
.agemodal-content h2{ margin-bottom:2rem;}
.agemodal-content button{ background:#000; color:#FFF; border:#000; padding:8px 20px; text-decoration:none; margin:20px 15px 0px 15px; cursor:pointer; font-size:1.1rem; font-family:'Noto Serif JP';}
@media screen and (min-width: 768px) {
	.agemodal-content{ width:50%;}
	.agemodal-content button{ padding:8px 30px; margin:20px 20px 0px 20px;}
}




/******************************************************************/
/* CMP */
/* 2025.02.27 */
/******************************************************************/
@media (max-width: 767px) {
	[id^="datasign_cmp"]::part(floating-container) {
		bottom: 70px;
	}
}