@charset "UTF-8";
* {box-sizing: border-box;}
html {font-size: 62.5%;}
body {
	line-height: 1.3;
	display: block;
	font-family: "M PLUS 1p", sans-serif;
	background: #E61612;
	min-width: 320px;
	font-weight: 400;
}
body * {
	color: #383838;
	font-weight: 400;
}
main{
	overflow: hidden;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
img{
	width: 100%;
	font-size: 0;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.w-1100{
	max-width: 1140px;
	padding: 0 20px;
	margin-inline: auto;
}
.box{
	padding: 8% 4% 4% 4%;
	border-radius: 20px;
}
.bg-white{
	background: #fff;
}
.bg-blue{
	background: #004097;
}
.txt-center{
	text-align: center;
}
section{
	padding-top: 5%;
}

/* ハンバーガー */
.menu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
  }
  
  /* メニューボタン */
  .menu-btn {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1100;
	cursor: pointer;
	transition: transform 0.3s ease;
  }
  
  .menu-btn img {
	width: 60px;
	height: 60px;
  }
  
  .menu-btn .close {
	display: none;
  }
  
  .menu.active .menu-btn .open {
	display: none;
  }
  
  .menu.active .menu-btn .close {
	display: inline;
  }
  
  /* メニューリスト */
  .menu ul {
	position: fixed;
	top: 0;
	right: -350px; /* 非表示状態（画面外） */
	width: 350px;
	height: 100%;
	background: rgba(255, 255, 255, .9);
	box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
	transition: right 0.4s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2rem 1rem;
	box-sizing: border-box;
  }
  
  .menu.active ul {
	right: 0; /* スライドイン表示 */
	padding: 80px 20px 20px 20px;
  }
  
  .menu ul li {
	width: 90%;
	margin: 5px 0;
	list-style: none;
  }
  
  .menu ul li a img {
	transition: transform 0.2s ease;
  }
  
  .menu ul li a img:hover {
	transform: scale(1.05);
  }


/* ボタン */
.link-list .flex{
	justify-content: space-between;
	margin-bottom: 5%;
}
.link-list li{
	width: 32%;
	margin-bottom: 10px;
}
.link-list li a img{
	transition: .3s;
}

.c-ttl{
	left: 50%;
	font-size: 4rem;
	transform: translateX(-50%);
	font-weight: 700;
	color: #fff;
	padding: 2% 1%;
	border-radius: 110px;
}
.c-ttl .sp-block{
	display: none;
}
.about .c-ttl{
	top: -4.3vw;
	background: #e60012;
	width: 65%;
}
.c-ttl-blue{
	background: #004097;
	width: 75%;
}
.c-ttl-blue span{
	display: block;
	width: 90%;
	margin-inline: auto;
	font-size: 0;
}
.c-ttl-blue .sp{
	display: none;
}

.btn.btn-large{
	width: 60%;
	margin-inline: auto;
	margin-top: 5%;
	transition: .3s;
}
.btn.btn-middle{
	width: 100%;
	margin-top: 20px;
	transition: .3s;
}
.btn.btn-small{
	width: 40%;
	margin-inline: auto;
	margin-bottom: 4%;
	transition: .3s;
}

/* fv */
.fv .logo{
	width: 5.5%;
	background: #e60012;
	top: 0;
	left: 0;
	overflow: hidden;
	border-radius: 0 0 40px 0;
}
.fv .sp{
	display: none;
}
.fv .ttl{
	width: 48%;
	top: -1%;
	left: 3%;
}


/* about */
.about .row {
	display: flex;
	margin-bottom: 15px;
  }
  
.about .row .day .sp-block {
	display: none;
  }
  
.about .row {
	display: flex;
	margin-bottom: 15px;
  }
  
.about .label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	background-color: #004c97;
	padding: 10px 0;
	border-radius: 8px;
  }
.about .label h3{
font-size: 2rem;
font-weight: 700;
color: #fff;
text-align: center;
}
  
.about .content {
	width: 80%;
	padding: 8px 16px;
	flex-grow: 1;
	border-radius: 4px;
}

.about h3{
	font-size: 3rem;
	/* font-size: 2.6vw; */
	font-weight: 700;
}
.about .content h3 a{
	display: inline-block;
	font-weight: 700;
}
.about .content h3 a::after{
	content: "";
	width: 90%;
	height: 2px;
	background: #e60012;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.about .content h3.ttl-mb{
	margin-bottom: 10px;
}
.about .content.day h3 span{
	font-size: 2rem;
	font-weight: 700;
}
.about .content .large{
	font-size: 4.5rem;
}

.about .hosoku{
	display: block;
	/* font-size: 1vw; */
	font-size: 1.4rem;
	padding-left: 12px;
	text-indent: -12px;
	color: #737373;
}
.about .red {
	color: #e60012;
	font-weight: 700;
}

.about .noriho-area{
	padding: 3%;
	background: #FFE761;
	border-radius: 20px;
}
.about .noriho-area h3{
	color: #FF7700;
	font-weight: 800;
}
.about .noriho-area p{
	/* font-size: 1.8vw; */
	font-size: 2.5rem;
	font-weight: 800;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #383838;
}
.about .noriho-area p .sp-block{
	display: none;
}
.about .noriho-area p span{
	display: inline-block;
	font-size: 1.2rem;
	vertical-align: top;
	font-weight: 800;
}
.about .noriho-area .hosoku{
	display: block;
	font-size: 1.6rem;
	color: #383838;
}
.about .noriho-area .hosoku.red{
	color: #e60012;
	font-size: 2rem;
}
.about .noriho-area .hosoku a{
	color: #e60012;
}
.about .noriho-area .hosoku .sp-block{
	display: none;
}
.about .noriho-area .hosoku a::after{
	content: "";
	position: absolute;
	width: 95%;
	height: 1px;
	background: #e60012;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
}
.about .map-kyushu{
	width: 35%;
	top: 5%;
	right: 2%;
	z-index: 0;
}

/* mario */
.mario .box{
	padding-top: 4%;
}
.mario .flex{
	align-items: center;
}
.mario .img{
	width: 30%;
}
.mario .txt{
	width: 70%;
}
.mario h3{
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
}
.mario .day{
	margin: 20px 0;
}
.mario .day .sp{
	display: none;
}
.mario .red-box{
	padding: 3%;
	border-radius: 10px;
	background: #e60012;
	margin-bottom: 20px;
}
.mario .red-box:last-of-type{
	margin-bottom: 0px;
}
.mario .red-box h4{
	font-size: 3.6rem;
	color: #fff;
	margin-bottom: 5px;
	font-weight: 800;
}
.mario .red-box h4 .sp-block{
	display: none;
}
.mario .red-box p{
	font-size: 2.2rem;
	color: #fff;
}
.mario .credit.txt-end{
	color: #fff;
	font-size: 1.6rem;
	text-align: end;
	font-weight: 700;
	margin-bottom: 10px;
}

/* お得 */
.otoku .bg-white{
	overflow: hidden;
	border-radius: 20px;
}
.otoku .visual{
	font-size: 0;
}
.otoku .otoku-area{
	padding:0 3% 3% 3%;
}
.otoku .bg-blue{
	padding: 3% 6%;
	border-radius: 20px;
}
.otoku h3{
	font-size: 3rem;
	font-weight: 800;
	color: #FFF453;
	margin-bottom: 10px;
}
.otoku h3 .sp-block{
	display: none;
}
.otoku p{
	font-size: 2rem;
	color: #fff;
	font-weight: 500;
}
.otoku p span{
	display: inline-block;
	padding: 10px 15px;
	margin:0 10px;
	background: #FFE761;
	font-weight: 600;
	border-radius: 8px;
	color: #004097;
}
.otoku .flex{
	margin-top: 20px;
	justify-content: space-between;
}
.otoku .flex .img{
	width: 49%;
}
.otoku .flex .absolute{
	width: 13%;
	right: -3%;
	top: -15%;
}

/* 大人 */
.otona .bg-white{
	padding: 4%;
	border-radius: 20px;
}
.otona .ttl{
	width: 80%;
	margin-inline: auto;
}
.otona .flex{
	justify-content: space-between;
}
.otona .flex .item{
	width: 49%;
}
.otona .flex .item img{
	transition: .3s;
}

/* 買い方 */
.ticket{
	padding-top: 5%;
}
.ticket .bg-blue{
	padding: 5% 4% 4% 4%;
	border-radius: 20px;
}
.buy-kodomo .c-ttl{
	top: -4.5vw;
}
.buy .box{
	background: #fff;
	padding-top: 6% 4% 4% 4%;
}
.buy .flex.ttl-area{
	align-items: center;
	padding-bottom: 2%;
}
.buy .station .flex:last-of-type{
	margin-bottom: 0;
}
.buy .flex .icon{
	width: 20%;
	margin-right: 2%;
}
.buy .flex .txt{
	width: 78%;
}
.buy .flex .txt .mini-ttl{
	width: 45%;
}
.buy .station .flex .txt .mini-ttl{
	width: 31%;
}
.buy .flex .txt h3{
	font-size: 3.2rem;
	font-weight: 600;
	margin-bottom: 5px;
}
.buy .flex .txt h3 .sp-block{
	display: none;
}
.buy .web{
	margin-bottom: 5%;
	padding-bottom: 5%;
	border-bottom: solid 2px #004097;
}
.buy .web .flex .txt h3{
	color: #FBA407;
}
.buy .flex .txt h3 span{
	font-weight: 600;
}
.buy .flex .txt h3 span.green{
	color: #00AC53;
}
.buy .flex .txt p{
	font-size: 2.6rem;
	font-weight: 500;
}
.buy .yellow-line{
	padding: 1% 2%;
	margin-bottom: 2%;
	background: #FFF453;
	color: #ED2429;
	font-size: 2.5rem;
	font-weight: 700;
	border-radius: 5px;
}
.buy .yellow-line .sp-block{
	display: none;
}
.buy .fukidashi{
	width: 85%;
	margin-inline: auto;
	margin-bottom: 3%;
}
.buy .flow ul{
	justify-content: space-between;
}
.buy .flow ul li{
	width: 32%;
}
.buy .txt-area .txt{
	width: 55%;
}
.buy .txt-area .img{
	width: 45%;
}
.buy .station .absolute.boy{
	width: 18%;
	bottom: -1%;
	right: 5%;
	font-size: 0;
}
.buy .station .absolute.girl{
	width: 25%;
	bottom: -1%;
	right: -2%;
	font-size: 0;
}

.buy-rakuraku{
	padding-top: 15%;
}
.buy-rakuraku .c-ttl-blue{
	top: -5vw;
}
.buy-rakuraku .c-ttl-blue span{
	width: 60%;
}
.touroku{
	padding-top: 10%;
}
.touroku .c-ttl-blue{
	top: -3.5vw;
}
.touroku .flow{
	margin-bottom: 3%;
}
.touroku .hosoku{
	font-size: 2rem;
}
.touroku .hosoku .sp-block{
	display: none;
}
.kaitori-uketori {
	padding-top: 10%;
}
.kaitori-uketori .c-ttl-blue{
	top: -3.5vw;
}
.kaitori-uketori .flex{
	width: 80%;
	margin-inline: auto;
	justify-content: space-between;
	align-items: center;
}
.kaitori-uketori .flex .txt{
	width: 60%;
}
.kaitori-uketori .flex .img{
	width: 30%;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 40px;
	background: #fff;
	border: solid 2px #e60012;
}
#page-top a {
    position: relative;
    text-align: center;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: .5s;
    transition: .5s;
    height: 100%;
    background: #fff;
}
#page-top a::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #e60012;
	line-height: 1;
	width: 10px;
	height: 10px;
	border: 2px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

footer{
	margin-top: 5%;
}
footer .copy{
	padding: 10px 0;
	font-size: 10px;
	background: #fff;
}

/* アニメーション */
.scale-anm {
	opacity: 0;
	transform: scale(0);
  }
  
  /* body.after_load が付いたらアニメーションを再生 */
  body.after_load .scale-anm {
	animation: scaleIn 0.8s ease-out forwards;
  }
  
  /* keyframes定義 */
  @keyframes scaleIn {
	0% {
	  opacity: 0;
	  transform: scale(0);
	}
	50% {
	  opacity: 1;
	  transform: scale(1.2); /* 少し大きくして弾む感じ */
	}
	100% {
	  opacity: 1;
	  transform: scale(1);
	}
  }
.scroll_fadeup{
    transform: translateY(80px);
    opacity: 0;
    filter: blur(6px);
  }
  .fadeUp{
    transition: 1s;
    transform: translateY(0);
    opacity: 1;
    filter: blur(0px);
}

.scroll_slideIn{
    transform: translateX(80px);
    opacity: 0;
  }
  .slideIn{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


/* 下層 */
.low-fv .sp{
	display: none;
}
.low-otoku{
padding-top: 4%;
}
.low-otoku .box{
	padding-top: 4%;
}
.low-otoku .bg-white{
	overflow: hidden;
	border-radius: 20px;
}

.low-otoku .sub-ttl-area.box{
	padding-bottom: 0;
}
.low-otoku .sub-ttl-area .flex{
	justify-content: center;
	align-items: center;
}
.low-otoku .sub-ttl-area .img{
	width: 30%;
	margin-right: 2%;
}
.low-otoku .sub-ttl-area .txt{
	width: 65%;
}
.low-otoku .sub-ttl-area .txt p{
	font-size: 3.2rem;
	font-weight: 700;
}
.low-otoku .train-box{
	margin-bottom: 8%;
}
.low-otoku h2{
	font-size: 4rem;
	font-weight: 700;
	color: #16AD8E;
	margin-bottom: 20px;
}
.low-otoku .sub-ttl-area h2 span{
	display: inline-block;
	font-weight: 700;
	color: #16AD8E;
}
.low-otoku .sub-ttl-area h2 .sp-block{
	display: none;
}
.low-otoku h3{
	font-size: 2.5rem;
	font-weight: 700;
	background: #16AD8E;
	padding: 12px 10px;
	border-radius: 10px;
	color: #fff;
	margin-bottom: 10px;
}
.low-otoku h3 .sp-block{
	display: none;
}
.low-otoku h4{
	font-size: 2.2rem;
	color: #16AD8E;
	font-weight: 600;
	margin-bottom: 10px;
}
.low-otoku p.txt-area{
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 20px;
}
.low-otoku .hosoku{
	font-size: 1.4rem;
	font-weight: 500;
	color: #737373;
}
.low-otoku .hosoku .sp-block{
	display: none;
}
.low-otoku .flex.picture{
	justify-content: space-between;
	margin-bottom: 3%;
}
.low-otoku .flex.picture .item{
	width: 49%;
}
.low-otoku .hosoku-box{
	padding: 4%;
	background: #FFE761;
	border-radius: 20px;
}
.low-otoku .hosoku-box span{
	display: block;
	font-size: 1.4rem;
	margin-bottom: 3px;
	padding-left: 14px;
	text-indent: -14px;
}
.low-otoku .hosoku-box span a{
	color: #e60012;
}
.low-otoku .hosoku-box span a::after{
	content: "";
	width: 95%;
	height: 1px;
	background: #e60012;
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
}
.low-otoku .ticket-area{
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.low-otoku .ticket-area .img{
	width: 54%;
}
.low-otoku .ticket-area .img span{
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
}
.low-otoku .ticket-area .txt{
	width: 40%;
}


/* --------------------- */
@media screen and (min-width: 751px) {
	.link-list li a:hover img{transform: translateX(-10px);}
	.btn.btn-large:hover{transform: translateX(-10px);}
	.btn.btn-small:hover{transform: translateX(-10px);}
	.btn.btn-middle:hover{transform: translateX(-10px);}
	.otona .flex .item a:hover img{transform: scale(1.05);}
}
@media screen and (max-width: 1100px) {
	.c-ttl{font-size: 3.5vw;}

	.about .map-kyushu{width: 28vw;}
	.about .label h3{font-size: 2.5vw;}
	.about h3{font-size: 3vw;}
	.about .content .large{font-size: 3.5vw;}
	.about .noriho-area p{font-size: 2.5vw;}
	.about .hosoku{font-size: 1.6vw;}
	.about .content.day h3 span{font-size: 2vw;}
	.about .noriho-area .hosoku{font-size: 1.2vw;}
	.about .noriho-area p span{font-size: 1.2rem;}
	.about .noriho-area .hosoku.red{font-size: 1.8vw;}

	.mario h3{font-size: 2.8vw;}
	.mario .red-box h4{font-size: 4vw;}
	.mario .red-box p{font-size: 2vw;}

	.otoku h3{font-size: 2.9vw;}
	.otoku p{font-size: 2vw;}

	.buy .flex .txt h3{font-size: 2.8vw;}
	.buy .flex .txt p{font-size: 2.4vw;}
	.buy .yellow-line{font-size: 2.6vw;}

	.touroku .hosoku{font-size: 1.8vw;}
	
	.low-otoku .sub-ttl-area .txt p{ font-size: 2.8vw;}
}
@media screen and (max-width: 768px) {
	section{padding-top: 10%;}
	.menu-btn{top: 10px; right: 10px;}
	.menu-btn img{width: 50px; height: 50px;}
	.w-1100{padding: 0 10px;}
	.link-list .flex{margin-bottom: 5%;}
	.link-list li{width: 50%;}
	.c-ttl .sp-block{display: block;}
	.about .c-ttl{width: 90%;}
	.c-ttl-blue{width: 92%;}
	.buy-kodomo .c-ttl-blue{top: -14vw;}
	.c-ttl{font-size: 6.2vw; padding: 3% 0; line-height: 1.2;}
	.ticket .buy-kodomo .box{padding-top: 20%;}
	.ticket .buy-rakuraku .box{padding-top: 20%; margin-top: 8%;}
	.c-ttl-blue .pc{display: none;}
	.c-ttl-blue .sp{display: block;}
	.c-ttl-blue span{margin-bottom: 5px;}
	.ticket .bg-blue{padding-top: 10%; margin-top: 10%;}
	.box{border-radius: 10px;}
	.btn.btn-large{width: 100%;}
	.btn.btn-middle{width: 85%; margin-inline: auto;}
	.btn.btn-small{width: 60%;}

	.fv{margin-bottom: 3%;}
	.fv .sp{display: block;}
	.fv .pc{display: none;}
	.fv .logo{width: 55px; border-radius: 0 0 30px 0;}
	.fv .ttl{width: 90%; top: 3%; left: 52%; transform: translateX(-50%);}

	.about .c-ttl{top: -9.2vw;}
	.about .box{padding-top: 20%;}
	.about .label{padding: 5px 0; border-radius: 4px;}
	.about .row{flex-wrap: wrap;}
	.about .row .day .sp-block {display: block;}
	.about .label{width: 100%;}

	.mario .train{overflow-x: scroll;}
	.mario .train img{width: 900px;}
	.mario .day .sp{display: block;}
	.mario .day .pc{display: none;}
	.mario .credit.txt-end{font-size: 1.4rem;}
	.mario .red-box{margin-bottom: 10px;}

	.touroku .flow{overflow-x: scroll;}
	.touroku .flow img{width: 550px;}
	.touroku .box{padding-top: 20%; margin-top: 10%;}
	.touroku .c-ttl-blue{top: -10vw;}

	.otoku .bg-blue{padding: 4%;}
	.otoku h3 .sp-block{display: block;}
	.otoku .otoku-area p span{display: block; width: 90%; margin-inline: auto; margin-top: 1%; margin-bottom: 1%;}
	.otoku .flex{margin-top: 10px;}
	.otoku .bg-white{border-radius: 10px;}

	.otona .ttl{width: 100%;}
	.otona .flex .item{width: 100%;}
	.otona .flex .item:first-of-type{margin-bottom: 10px;}
	.otona .bg-white{border-radius: 10px;}

	.buy .flex .icon{width: 30%; margin-inline: auto; margin-bottom:5%;}
	.buy .flex .txt{width: 100%;}
	.buy .flex .txt .mini-ttl{width: 60%; margin-bottom: 5px;}
	.buy .station .flex .txt .mini-ttl{width: 40%;}
	.buy .yellow-line{margin-bottom: 5%;}
	.buy .yellow-line .sp-block{display: block;}
	.buy .flex.ttl-area{padding-bottom: 5%;}
	.buy .fukidashi{width: 100%;}
	.buy .flow{overflow-x: scroll;}
	.buy .flow ul{width: 650px;}
	.buy .txt-area .img{width: 100%;}
	.buy .flex .txt h3 .sp-block{display: block;}
	.buy .web{padding-bottom: 12%; margin-bottom: 12%;}
	.buy .station .absolute.boy{width: 32%; bottom: 5%; right: 1%;}
	.buy .station .absolute.girl{width: 42%; bottom: 7%; right: -6%;}
	.buy-rakuraku .c-ttl-blue{top: -12vw;}

	.touroku .flow{margin-bottom: 8%;}
	.touroku .hosoku .sp-block{display: block;}

	.kaitori-uketori .flex{width: 100%; flex-direction: column-reverse;}
	.kaitori-uketori .flex .txt{width: 100%;}
	.kaitori-uketori .flex .img{width: 40%; margin-inline: auto; margin-bottom: 5%;}
	.kaitori-uketori .box{padding-top: 20%; margin-top: 10%;}
	.kaitori-uketori .c-ttl-blue{top: -9.5vw;}

	.about .content{padding: 10px 0;}
	.about .map-kyushu{position: relative; width: 40%; margin-inline: auto;}
	.about .label h3{font-size: 4vw;}
	.about h3{font-size: 6vw;}
	.about .day h3{font-size: 8vw;}
	.about h3 br{display: none;}
	.about .noriho-area p{font-size: 5vw;}
	.about .noriho-area p .sp-block{display: block;}
	.about .noriho-area .hosoku.red {font-size: 1.4rem;}
	.about .noriho-area .hosoku{font-size: 1.2rem;}
	.about .content.day h3 span{font-size: 5.5vw;}
	.about .content .large {font-size: 7.5vw; line-height: 1;}
	.about .hosoku{font-size: 1.2rem;}
	.low-otoku .hosoku .sp-block{display: block;}
	.about .noriho-area .hosoku .sp-block{display: block;}
	.about .map-kyushu{width: 55%;}

	.mario .red-box h4{font-size: 5vw;}
	.mario .red-box h4 .sp-block{display: block;}
	.mario .red-box p{font-size: 3vw;}

	.otoku h3{font-size: 4.75vw;}
	.otoku p{font-size: 4vw;}

	.buy .flex .txt h3{font-size: 4.8vw;}
	.buy .flex .txt p{font-size: 3.9vw;}
	.buy .yellow-line{font-size: 4vw;}

	.touroku .hosoku {font-size: 3.5vw;}
	footer{margin-top: 10%;}

	.low-otoku{padding-top: 10px;}
	.low-fv .pc{display: none;}
	.low-fv .sp{display: block;}
	.low-otoku h2{font-size: 3rem; margin-bottom: 10px; margin-top: 50px;}
	.low-otoku h2.first{margin-top: 20px;}
	.sub-ttl-area h2{margin-top: 10px;}
	.low-otoku .sub-ttl-area h2 .sp-block{display: block;}
	.low-otoku h3{font-size: 1.8rem; padding: 8px 10px;}
	.low-otoku h3 .sp-block{display: block;}
	.low-otoku h4{font-size: 1.8rem;}
	.low-otoku .flex.picture .item{width: 100%;}
	.low-otoku .flex.picture .item:first-of-type{margin-bottom: 10px;}
	.low-otoku p.txt-area{font-size: 1.4rem; text-align: start;}
	.low-otoku .sub-ttl-area .img{width: 80%; margin-inline: auto; margin-bottom: 2%;}
	.low-otoku .sub-ttl-area .txt{width: 100%;}
	.low-otoku .sub-ttl-area .txt p{font-size: 4.5vw;}
	.low-otoku .ticket-area{margin-bottom: 10px;}
	.low-otoku .ticket-area .img{width: 100%; margin-bottom: 10px;}
	.low-otoku .ticket-area .txt{width: 100%;}
	.low-otoku .sub-ttl-area h2{line-height: .8; margin-bottom: 20px;}
	.low-otoku .sub-ttl-area h2 span{font-size: 1.8rem;}


}
@media screen and (max-width: 550px) {
	.menu.active ul{padding: 0 20px;}
	.menu ul{width: 100%; right: -100%;}
	.menu ul li{width: 250px;}
	.mario .img{width: 100%;}
	.mario .txt{width: 100%;}
	.mario h3 {font-size: 5vw;}
	.mario h3 .sp-none{display: none;}

	.otoku .flex .img{width: 100%;}
	.otoku .flex .img:first-of-type{margin-bottom: 10px;}
	.otoku .flex .absolute{width: 22%; right: -3%; top: inherit; bottom: 30%;}
}