@charset "utf-8";
/* CSS Document */
img{
	width:100%;
	line-height:0;
}
h1{
	display:none;
}
ul{
	margin:0;
}
.ln{
	line-height:0;
}

body{
	font-size:14px;
	color:#581F23;
	line-height:1.72;
	letter-spacing:-0.01em;
}
p{
	margin:0;
}
h1,h2,h3,h4,h5{
	margin:0;
}
button,a{
	cursor:pointer;
}
.link_inline{
	display:inline;
}
@media screen and (max-width: 767px){
  .sp-only{
	display:none;
}
}

@media screen and (max-width: 767px){
   body{
	font-size:3.73vw;
    }
}
/*ボタン*/
.btn_arrow{
	width:287px;
	height:52px;
	border:3px solid #00659B;
	border-radius:9999px;
	display:flex;
	justify-content: center;
	align-items:center;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	box-sizing: border-box;
	font-family: "Zen Maru Gothic", sans-serif;
}
.btn_more{
	width:150px;
	height:32px;
	border:3px solid #00659B;
	border-radius:9999px;
	display:flex;
	justify-content: center;
	align-items:center;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	box-sizing: border-box;
}
.btn_arrow:hover{
	background-color:#00659B!important;
	color:#fff;
}
.btn_arrow:hover::after{
	background-image: url("../img/arrow_white.png")!important;
}
.btn_arrow::after {
    content: '';
    width: 10.02px;
    height: 18.77px;
    display: block;
    position: absolute;
    right: 15px;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.btn_more.btn_green{
	background-color:#9CCB1D;
	color:#fff;
}
.btn_more.btn_blue{
	background-color:#8EB4F8;
	color:#fff;
}
.btn_more.btn_orange{
	background-color:#FFA388;
	color:#fff;
}
.btn_more.btn_pnk{
	background-color:#EA8AEF;
	color:#fff;
}
.btn_more.btn_lightblue{
	background-color:#96DBEA;
	color:#00659B;
}
.btn_arrow.btn_lightblue{
	background-color:#96DBEA;
	color:#00659B;
}
.btn_under.btn_whiteblue{
	background-color:#AAEAF5;
	color:#00659B;
}
.btn_under.btn_whitegreen{
	background-color:#C2E65C;
	color:#00659B;
}
.btn_more.btn_yellow{
	background-color:#F8CD71;
	color:#00659B;
}
.btn_more::after {
    content: '';
    width: 10.02px;
    height: 18.77px;
    display: block;
    position: absolute;
    right: 15px;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.btn_more:hover{
	background-color:#00659B!important;
	color:#fff;
}
.btn_more:hover::after{
	background-image: url("../img/arrow_white.png")!important;
}
@media screen and (max-width: 767px){
   .btn_arrow::after,
   .btn_more::after{
    width:calc(100vw * 10.02/375);
	height:calc(100vw * 18.77/375);
    right:calc(100vw * 15/375);
}
}
@media screen and (max-width: 767px){
   .btn_arrow{
	font-size:calc(3.73vw * 16/14);
	width:calc(100vw * 287/375);
	height:calc(100vw * 52/375);
    }
	.btn_more{
	font-size:calc(3.73vw * 16/14);
	width:calc(100vw * 150/375);
	height:calc(100vw * 32/375);
    }
}
.btn_arrow.btn_pnk{
	background-color:#F25DAA;
	color:#fff;
}

.btn_arrow.btn_pnk::after{
	background-image: url("../img/arrow_blue.png");
}
.btn_more::after{
	background-image: url("../img/arrow_blue.png");
}
.btn_ja{
	width:calc(1em * 240/14);
	height:calc(1em * 56/14);
	border:3px solid #00659B;
	border-radius:9999px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:1.1em;
	display:flex;
	justify-content: center;
	align-items:center;
	margin:0 auto;
	text-decoration:none;
	position:relative;
	box-sizing: border-box;
	font-weight:800;
}
.btn_ja.btn_lightblue{
	background-color:#DBF1F7;
	color:#016481;
}
.btn_ja.btn_lightpurple{
	background-color:#F1C9F4;
	color:#016481;
}
.btn_ja.btn_lightgreen{
	background-color:#C2E65C;
	color:#016481;
}
.btn_ja.btn_yellow{
	background-color:#FDF5B4;
	color:#016481;
}
.btn_ja:hover{
	background-color:#00659B!important;
	color:#fff!important;
}
.btn_ja.btn_yellow{
	background-color:#FDF5B4;
	color:#016481;
}
.btn_ja.btn_pink{
	background-color:#F25DAA;
	color:#fff;
}
.btn_ja.btn_orangeorange{
	background-color:#FFC97B;
	color:#016481;
}
button:disabled {
  filter: grayscale(0.9);
	opacity:0.7;
}
.btn_apply:disabled {
  filter: grayscale(1);
  opacity:0.92;
}
.btn_simple {
    width: 287px;
    height: 64px;
	color:#fff;
    border: 3px solid #00659B;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    font-family: "Zen Maru Gothic", sans-serif;
}

.btn_simple.btn_pink{
	background-color:#F25DAA;
}
.btn_ja.btn_orange{
	background-color:#FDB4BC;
	color:#00659B;
}
.btn_ja.btn_orange2{
	background-color:#FFBBA7;
	color:#00659B;
}
.btn_simple.btn_apply:hover{
    background-color:#00659B;
	color:#fff;
}
@media screen and (max-width: 767px){
  .btn_simple.btn_apply{
   width:calc(100vw * 287/375);
  height:calc(100vw * 64/375);
	  font-size:calc(100vw * 16/375);
}
}
/*/ボタン*/
/*フォント*/
.font_12{
	font-size:12px;	
}
@media screen and (max-width: 767px){
   .font_12{
	font-size:calc(3.73vw * 12/14);
    }
}
.fw_normal{
	font-weight:600;
}
.fw_b{
	font-weight:bold;
}
.fw_bold{
	font-weight:900;
}
/*フォント*/
/*コンテナー*/
.container {
    width: 375px;
    position:absolute;
				right: calc((100% - 900px) / 2);
	   z-index:3;
				height:100vh;
				flex-shrink:0;
				background-repeat:no-repeat;
				background-size:cover;
}
.stage_wrap {
    margin-right: 12px;
    margin-left: 12px;
	line-height:0;
}
	@media screen and (min-width: 769px) {
    .container {
        margin-top: 60px;
		}
}
	@media screen and (max-width: 768px) {
    .container {
        width: inherit;
        margin-left: 0;
		}
}
.content_inner{
	position:relative;
}
.content_txt{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	padding-right:20px;
	padding-left:20px;
	padding-top: 114px;
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	padding-bottom:2em;
}
.content_txt p {
    margin-right: 15px;
    margin-left: 15px;
}
@media screen and (max-width: 900px){
.container{
right:0;
}
  .content_txt{
	padding-right:calc(100vw * 20/375);
	padding-left:calc(100vw * 20/375);
	padding-top: calc(100vw * 108/375);
}
.content_txt p{
	margin-right:calc(100vw * 10/375);
	margin-left:calc(100vw * 10/375);
}
}
/*コンテナー*/
/*マージン*/
/*アニメーション*/
@keyframes popup {
0% {
transform: translateY(40px) scale(0.8);
opacity: 0;
}
100% {
transform: translateY(0) scale(1.0);
opacity: 1;
}
80%, 100% {
opacity: 1;
}
}
@keyframes zoomIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.title img{
  animation: bounceUp 0.92s 0.6s cubic-bezier(0.25, 1, 0.5, 1) both;
}
	.lights{
		position:relative;
		z-index:2;
		width:100%;
		height:100%;
	}
	.lights>div{
		position:absolute;z-index:2;
	}
	.lights>div>div{
		position:relative;
		width:100%;
		height:100%;
	}
	.lights>div>div>div{
		position:absolute;
	}
	.lights_1_wrap{
    width:320px;
	height:320px;
    background-color:transparent;
    display:block;
	animation: rotateBig 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	top:0;
	left:0;
	}
	.lights_2_wrap{
    width:320px;
	height:320px;
    background-color:transparent;
    display:block;
	bottom:0;
	right:0;
	animation: rotateBig 0.8s cubic-bezier(0.25, 1, 0.5, 1) backwards;
		animation-delay:0.15s;
	}
	.lights_3_wrap{
   width:100%;
   height:100%;
   animation: rotateBig_2 0.8s cubic-bezier(0.25, 1, 0.5, 1) both;
   animation-delay:0.2s;
	}
@keyframes bounce {
  0% {
    transform: translateY(0) scale(1); /* 通常の位置とサイズ */
  }
  30% {
    transform: translateY(0) scale(1.1); /* 少し上にジャンプして大きくなる */
  }
  50% {
    transform: translateY(0) scale(0.9); /* 元の位置に戻りつつ縮む */
  }
  70% {
    transform: translateY(0) scale(1.1); /* 小さくジャンプして大きくなる */
  }
  100% {
    transform: translateY(0) scale(1); /* 元のサイズと位置に戻る */
  }
}
@keyframes rotateAnimation {
  0%{
    transform: rotate(270deg) scale(1);
  }
   50%{
    transform: rotate(135deg) scale(2);
  }
  100%{
    transform: rotate(0deg) scale(1);
  }

}
@keyframes rotateAnimation_2 {
  0%{
    transform: rotate(270deg) scale(1);
  }
   50%{
    transform: rotate(135deg) scale(2.4);
  }
  100%{
    transform: rotate(0deg) scale(1);
  }

}
@keyframes rotateBig {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes rotateBig_2 {
  from {
    transform: rotate(30deg);
  }
  to {
    transform: rotate(0);
  }
}	
@keyframes blink-simple {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
	@keyframes scale-blink {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.5; }
}
 @keyframes bounceIn {
  0% {
    transform: scale(0) translateY(200px); /* 下から */
    opacity: 0;
  }
  50% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
  70% {
    transform: scale(0.92) translateY(4px); /* 少し沈む */
  }
  85% {
    transform: scale(1.05) translateY(-2px); /* ちょい跳ね */
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes bounceUp {
  0% {
    transform: translateY(80px) scale(0.8);
    opacity: 0;
  }

  /* 一気に落ちてくる */
  30% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }

  /* 1回目バウンド（高め） */
  45% {
    transform: translateY(-16px) scaleX(0.8) scaleY(1.08);
  }

  /* 1回目着地（少しタメ） */
  58% {
    transform: translateY(0) scaleX(1.06) scaleY(0.92);
  }

  /* 2回目バウンド（しっかり低く） */
  70% {
    transform: translateY(-7px) scaleX(0.84) scaleY(1.07);
  }

  /* 2回目着地 */
  82% {
    transform: translateY(0) scaleX(1.03) scaleY(0.95);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}
@keyframes rotateBig_2 {
  from {
    transform: rotate(30deg);
  }
  to {
    transform: rotate(0);
  }
}	
@keyframes pyon{
  0%{
   transform:translateY(0);
  }
   50%{
   transform:translateY(-16px);
  }
  100%{
   transform:translateY(0);
  }
}
@keyframes wave-right{
  0%{
   transform:rotate(0);
  }
   50%{
   transform:rotate(10deg);
  }
  100%{
   transform:translateY(0);
  }
}
@keyframes wave-left{
  0%{
   transform:rotate(0);
  }
   50%{
   transform:rotate(-10deg);
  }
  100%{
   transform:translateY(0);
  }
}
@keyframes pyon_2{
  0%{
   transform:translateY(0);
  }
   50%{
   transform:translateY(-22px);
  }
  100%{
   transform:translateY(0);
  }
}
@keyframes side_shake{
  0% {transform: translate(0px, 0);}
  33%{transform: translate(12px, 0);}
  66%{transform: translate(-6px, 0);}
  100% {transform: translate(0px, 0);}
}
.pyon{
	animation:pyon 0.5s cubic-bezier(0.3, 0.8, 0.3, 2.3) both;
}
.pyon_2{
	animation:pyon 0.8s cubic-bezier(0.3, 0.8, 0.3, 2.3) both;
}
.wave-right{
	animation:wave-right 0.5s cubic-bezier(0.3, 0.8, 0.3, 2.3) both;
	transform-origin:60% 50%;
}
.wave-left{
	animation:wave-left 0.5s cubic-bezier(0.3, 0.8, 0.3, 2.3) both;
	transform-origin:bottom;
}
.side_shake{
	animation:side_shake 1.6s both;
}
.pyon_2.kikilala{
	animation-delay:1s;
}
.hang.pyon{
	animation-delay:1.1s;
}
.mymelo.pyon{
	animation-iteration-count:2;
	animation-delay:1.3s;
}
.pec.wave-right{
	animation-delay:1.1s;
}
.pulin.wave-left{
	animation-delay:1.3s;
}
.kuromi.pyon{
	animation-iteration-count:2;
	animation-delay:1.1s;
}
.side_shake.kitty{
	animation-delay:0.5s;
}
.side_shake.sam{
	animation-delay:0.5s;
}
.side_shake.synamon{
	animation-delay:0.8s;
}
.pocha.pyon{
	animation-delay:1.4s;
	animation-timing-function: cubic-bezier(0.3, 0.8, 0.3, 2.3);
}
.hang.pyon{
	animation-duration:0.28s;
	}

/*アニメーション*/
.pc-bg {
    max-width:1920px;
    width: 100%;
    height:100vh;
    position: fixed;
    top: 0;
    left: 50%;
				transform:translateX(-50%);
				background-color:#24FFFF;
    background-image: url("../img/common/bg.png");
    background-position: top center;
    background-repeat: no-repeat;
}
.pc-bg .pc-bg-block-wrap {
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}
.pc-bg .pc-bg-block-wrap .pc-bg-block {
   width: calc(calc((100% - 900px) / 2) + 500px + 25px);
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
				max-height:100vh;
}

@media screen and (max-width: 900px) {
   .pc-bg .pc-bg-block-wrap .pc-bg-block {
   width:calc(100% - 375px);
}
}
@media screen and (max-width: 768px) {
    .pc-bg{
				max-width:100%;
				background-size:100%;
				}
    .pc-bg .pc-bg-block-wrap .pc-bg-block {
        display:none;
    }
				.pc-bg{
				background-image: url("../img/common/bg_sp.png");
				}
}
.pc-bg .pc-bg-block-wrap .pc-bg-block .kv {
max-width: 500px;
aspect-ratio: 0.55617352614 / 1;
position: relative;
display: flex;
flex-direction: column;
max-height: 100vh;
margin-right: 25px;
}
main{display:block;position:relative}
body{margin:0;}
.container_inner{
	margin-right:calc(100% * 22/375);
	margin-left:calc(100% * 22/375);
}
/*キービジュアル*/
.kv_frame{
	width:100%;
	height:100%;
}
/*ネオン*/
.neon-box {
    position: relative;
	z-index:100;
    border-radius: 12px;
    box-shadow: 0 0 7px #1DBDE5, 0 0 8px #08839A, 0 0 3px #BEF0FF;
    border: 2px solid #D2F0F7;
    box-sizing: border-box;
}
.neon-box::before {
  content: "";
  position: absolute;
	inset:0;
  border-radius: 8px;
  pointer-events: none;
  box-shadow:
    inset 0 0 3px #1DBDE5,
    inset 0 0 7px #1DBDE5,
    inset 0 0 7px #1DBDE5,
    inset 0 0 7px #1DBDE5;
}
.kv_inner{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}
@media screen and (max-width: 768px) {
  .kv_inner{
	border-radius:0px;
} 
}
.kv_inner .kv_bgs{
	position:relative;
	width:100%;
	height:100%;
}
.kv_inner .kv_bgs .kv_bg_1,
.kv_inner .kv_bgs .kv_bg_2,
.kv_inner .kv_bgs .kv_bg_3,
.kv_inner .kv_bgs .kv_charas{
position:absolute;
}
.kv_inner .kv_bgs .kv_charas{
	width:100%;
	height:100%;
	z-index:7;
}
.kv_inner .kv_bgs .kv_charas_inner{
	width:100%;
	height:100%;
	position:relative;
}
.kv_inner .kv_bgs .kv_charas_inner>div{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.kv_before{
	width:500px;
	margin: -8px 40px -8px auto;
}
@media screen and (max-width: 1264px) and (min-width: 769px) {
   .kv_before{
        width: 100%;
    }
}
.kv_bg_1{
	width:100%;
	height:100%;
}
.kv_bg_2 {
    animation:bounce 1 1s both;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kv_bg_2 img{
    width: 108.3444%; 
}
.kv_bg_3{
	animation: blink-simple 2 0.5s step-start;
	animation-delay:1.15s;
}
.kv_bg_1_inner{
	position:relative;
	width:100%;
	height:100%;
}
.kv_bg_1_inner>div{
	position:absolute;
	right:0;
	bottom:0;
}
.container main .kv {
    max-width: 100%;
    aspect-ratio: 0.55617352614 / 1;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}
/*sp-pnly*/
.sp-only{
	display: none!important;
}
@media screen and (max-width: 768px) {
    .sp-only{
        display:block!important;
    }
}
/*ハンバーガーメニュー*/
/*=============================
.btn-trigger
=============================*/
.btn-trigger {
    position: relative;
    width: 21px;
    height: 17px;
    cursor: pointer;
    margin-right: 15px;
	z-index:2;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border:1px solid #ED449B;
  box-shadow: 0 0 7px #FF93CB, 0 0 7px #ED449B, 0 0 3px #FFA7DE;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 6.5px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
.btn-kids {
    position: relative;
    width: 21px;
    height: 17px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
	z-index:2;
}
.btn-kids span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border:1px solid #ED449B;
  box-shadow: 0 0 7px #FF93CB, 0 0 7px #ED449B, 0 0 3px #FFA7DE;
  border-radius: 4px;
}
.btn-kids, .btn-kids span {
  display: inline-block;
  box-sizing: border-box;
}
#btn02 span {
    background-color: #ED449B;
    box-shadow: none;
    height: 2px;
	display:block;
}
#btn02 span:nth-of-type(1) {
    -webkit-transform: translateY(6.5px) rotate(-45deg);
    transform: translateY(6.5px) rotate(-45deg);
}
#btn02 span:nth-of-type(2) {
   display:none;
}
#btn02 span:nth-of-type(3) {
    -webkit-transform: translateY(-8.5px) rotate(45deg);
    transform: translateY(-8.5px) rotate(45deg);
}
header {
    z-index: 8000;
    position: fixed;
    width: 375px;
    right:calc((100% - 900px)/2);
    background-color: #fff;
				top:0;
}
@media screen and (max-width: 900px) {
 header{
	right:0;
	}
}
.header{
	display: flex;
	height:60px;
	justify-content: center;
	position:relative;
	z-index:1000;
	overflow-x:hidden;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:17px;
	padding-left:17px;
	background-color:#fff;
}
.header_1 img{
height:100%;
}
.header_2 img{
height:100%;
}
.header_3 img{
height:100%;
}
.header_3{
height:100%;
margin-left:auto;
margin-right:0;
width:37.5px;
}
.header_1 {
    margin-left:0;
    margin-right:auto;
    cursor: pointer;
    width:37.5px;
    display: flex;
    align-items: center;
}

.header_3{

cursor: pointer;
}
.header_1:hover{
opacity:0.7;
}
.header_2:hover{
opacity:0.7;
}
.header_3:hover{
opacity:0.7;
}
@media screen and (max-width: 1264px) and (min-width: 769px) {
    header{
        margin-left: 50%;
    }
}
@media screen and (max-width: 768px) {
     header{
        width:100%;
        margin-left: 0;
		
    }
	.top .header{
		transform: translateY(-200%);
        transition: transform 0.2s ease;
}
	/* 表示状態 */
.top .is-show .header {
  transform: translateY(0);
}
	main{
		padding-top:0;
	}
}
@media (min-width: 769px) {
  #header {
    transform: translateY(0);
  }
}
/*=============================
#btn01
=============================*/
.btn_under{
	width:287px;
	height:64px;
	border:3px solid #00659B;
	border-radius:9999px;
	display:flex;
	justify-content: center;
	align-items:center;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	box-sizing: border-box;
	font-family: "Zen Maru Gothic", sans-serif;
	line-height:1.4;
	text-align:center;
}
.btn_under::after {
    content: '';
    width: 10.02px;
    height: 18.77px;
    display: block;
    position: absolute;
    right: 15px;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
}
.btn_under::after {
    background-image: url(../img/arrow_blue.png);
	transform:translateY(-50%) rotate(90deg);
}

@media screen and (max-width: 767px) {
    .btn_under{
        font-size: calc(3.73vw * 16 / 14);
        width: calc(100vw * 287 / 375);
        height: calc(100vw * 64 / 375);
    }
}
@media screen and (max-width: 767px) {
	.btn_under::after{
        right: calc(100vw * 20 / 375);
    }
}
#btn01.active span{
  background-color:#ED449B;
  box-shadow: none;
  height:2px;
}
#btn01.active span:nth-of-type(1) {
  -webkit-transform: translateY(6.5px) rotate(-45deg);
  transform: translateY(6.5px) rotate(-45deg);
}
#btn01.active span:nth-of-type(2) {
  opacity: 0;
}
#btn01.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8.5px) rotate(45deg);
  transform: translateY(-8.5px) rotate(45deg);
}
/* メニュー */
  nav {
    background: #444;
    overflow: hidden;
    max-height: 0; /* 初期は非表示 */
    transition: max-height 0.4s ease;
  }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  nav li {
    border-bottom: 1px solid #555;
  }
  #menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 375px;
  height:100%;
  margin-left: calc(50% + 3.0208%);
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  background:#FDE3E6;
  z-index:1;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
}
@media screen and (max-width: 1264px) and (min-width: 769px) {
    #menu{
        margin-left: 50%;
    }
}
@media screen and (max-width: 768px) {
     #menu{
        max-width: inherit;
        margin-left: 0;
		 width:100%;
    }
}
/* 表示状態 */
  #menu.show {
  transform: translateY(0);
}
  /* PC表示用 */
    .hamburger { display: none;}
    nav {
      max-height: none;
    }
    nav li {
      border: none;
    }
.nav_flex{
	display:flex;
}
.link_op{
	display:block;
	line-height:0;
}
.link_op img{
	display:block;
}
.link_op:hover{
	opacity:0.5;
}
.nav_main_flex{
	display:flex;
	flex-flow:row wrap;
	margin-right:40px;
	margin-left:40px;
}
.nav_main_flex>div{
	width:50%;
}

.menu_inner>div{
	line-height:0;
}
.zoom{
	line-height:0;
	position:relative;
}
.zoom_btn{
	width:49px;
	height:49px;
	position:absolute;
	bottom:-15px;
	right:-15px;
	cursor:pointer;
}
.zoom_btn:hover{
	opacity:0.7;
}
/*モーダル*/
/*=========================================
#modal
=========================================*/
.modal {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index:9000;
    width: 100%;
    height: 100vh;
    transition: opacity .3s, visibility .3s;
}

.modal.is-active {
    visibility: visible;
    opacity: 1;
}

/* オーバーレイ */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    cursor: pointer;
}

/* モーダルコンテンツ */
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
	width:70%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 8px;
}
@media screen and (min-width: 1024px) {
    .modal-content {
	width:700px;
}
}
@media screen and (max-width: 1023px) {
    .modal-content {
	width:70%;
}
}
@media screen and (max-width: 800px) {
    .modal-content {
	width:90%;
}
}
.modal-content__inner {
    padding: 30px;
    position: relative;
}

/* 閉じるボタン */
.modal-close {
    position: absolute;
    top: -20px;
    right:0;
    width: 33px;
    height: 33px;
    border: none;
    background: transparent;
    cursor: pointer;
	display: flex;
	justify-content: center;
	align-items:center;
	padding:0;
	z-index:100;
}
/*モーダルウィンドウ*/
/*モーダルウィンドウ　お子様*/
/* モーダルの基本非表示 */
.modal-kids {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
}

/* アクティブ時に表示 */
.modal-kids.is-active {
  display: block;
}

/* オーバーレイ */
.modal-overlay-kids {
  position: absolute;
  top: 0;
  right: calc((100% - 900px) / 2);
  height: 100%;
  width:375px;
  background-color: rgba(0,0,0,0.5);
}
@media screen and (max-width:900px){
     .modal-overlay-kids {
  right:0;
}
}
/* モーダルの中身 */
.modal-content-kids {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-49.9999%,-50%);
  width: 330px;
  max-height:calc(100vh - 60px);
}
.modal-decoration-2{
	transform:rotate(180deg) translateY(1px);
}
.modal-decoration{
	transform:translateY(1px);
}
@media screen and (max-width: 768px) {
   .modal-overlay-kids {
  top: 0;
  left:0;
  right:0;
  bottom:0;
  height: 100%;
  width:100%;
}
.modal-content-kids {
    width:92%;
}
}
.modal-container{
	max-width: 376px;
    margin-left: calc(50% + 3.0208%);
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
}
.modal-content__inner__kids {
	position:relative;
	height:100%;
 padding:calc(1em * 26/14);
	background: #fff;
	max-height: calc(100vh - 108px);
	overflow-y:auto;
	border-radius:calc(1em * 10/14);
}
@media screen and (max-width: 768px) {
	.modal-content__inner__kids {
	max-height: calc(100vh - calc(100vw * 108/375));
}

}
.modal-content__inner__kids p{

	padding-bottom: 20px;
	font-weight:600;
}
.btn_kids {
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.list_gizagiza {
    position: relative;
    background:#FEEFF1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-top: 32px;
    margin-bottom: 32px;
	font-weight:600;
}
.list_gizagiza::before{
	width:100%;
	height:20px;
	content:'';
	position:absolute;
	top:-19px;
	background-image: url("../img/edge.png");
	background-size:cover;
	left:0;
}
.list_gizagiza::after{
	width:100%;
	height:20px;
	content:'';
	position:absolute;
	bottom:-19px;
	transform:rotate(180deg);
	background-image: url("../img/edge.png");
	background-size:cover;
	right:0;
}
.list_gizagiza ul{
   padding-left:0;
}
.list_blueline{
	background-color:#fff;
	border:3px solid #0CA4C7;
	border-radius:16px;
}
.bg_yellow{
	background-color:#FFEA76;
}
.tkt_1_txt{
	font-size:16px;
	padding-left:2em;
}
@media screen and (max-width: 768px) {
.tkt_1_txt{
	font-size:calc(100vw * 16/375);
}
}
.attention li{
  list-style: none;
  text-indent:-1em;
  margin-bottom:5px;
}
.attention li::before{
  content: "※"; 
}
.tkt_inner{
	margin-right:20px;
	margin-left:20px;
}
.attention{
padding-left:1em;
font-size:13px;
font-weight:500;
}
@media screen and (max-width: 768px) {
  .attention{
font-size:calc(100vw * 13/375);
}
	.attention li{
  margin-bottom:calc(100vw * 5/375);
}
}
.attention li{
  list-style: none;
  text-indent:-1em;
}
.attention li::before{
  content: "※"; 
}
.attention li:last-child{
	margin-bottom:0;
}
#day1 .attention li{
	margin-bottom:5px;
}
#day2 .attention li{
	margin-bottom:5px;
}
.tkt_inner{
	margin-right:20px;
	margin-left:20px;
}
@media screen and (max-width: 768px) {
	.tkt_inner{
	margin-right:calc(100% * 20/375);
	margin-left:calc(100% * 20/375);
}
}

.list_blueline_list{
	padding:0;
}
.list_blueline_list>li{
	list-style:none;
	position:relative;
	padding-bottom: 1.6em;
}
.list_blueline_list li h4{
	line-height:0;
}
.list_blueline_list>li::before{
	content:'';
	position:absolute;
	width:90%;
	height:1px;
	background-color:#0CA4C7;
	left:50%;
	transform:translateX(-50%);
}
/*アクセス*/
#access .align-center{
	max-width:257px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#access .align-center span{
	display:block;
}
@media screen and (max-width: 768px) {
    #access .align-center{
	max-width:calc(100% * 257/375);
}
}
.align-center{
	text-align: center;
}
/*前半*/
.modal_kids_1{
	color:#0CA4C7;
	text-decoration: underline;
	font-size:1.142em;
	cursor: pointer;
	text-align:center;
	display:block;
}
.list_gizagiza.news li{
	list-style: none;
	padding-bottom:30px;
}
.list_gizagiza.news li div:nth-of-type(1){
	border-bottom:2px solid #fff;
	color:#F25DAA;
    font-weight: bolder;
}
.list_gizagiza.news li div:nth-of-type(2){
    font-weight: 500;
}
.more_news {
    color: #0CA4C7;
    text-align: center;
    position: relative;
    padding-right: 11px;
    text-decoration: none;
    display:flex;
	justify-content: center;
}
.more_news span{
   width:16px;
   margin-left:6px;
}
#kids_stage_program{
	padding-bottom:60px;
}
#main_venue{
	 padding-bottom:32px; 
}
#stage_program{
	 padding-bottom:32px; 
}

#contents{
	padding:0;
}
h2 img,
h3 img{
	line-height:0;
}
/*ページトップへ戻る*/
footer{
	position: relative;
}
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: absolute;
    left:50%;
    top:0;
	transform:translate(-50%, -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
/*追従チケット*/
.ticket_follow {
    width: 158.35px;
    height: 160.28px;
    position: fixed;
    bottom: -2vh;
    left: calc(50% + 3.0208% + 375px);
    transform: translateX(-88%);
	z-index:1000;
}
@media screen and (max-width: 1264px) and (min-width: 769px) {
   .ticket_follow {
        left:calc(50% + 375px);
    }
}

.ticket_follow>a{
}
@media screen and (max-width: 768px) {
	.ticket_follow{
    position: fixed;
    bottom: -3vh;
    right: -3vh;
	transform:translateX(0);
	left: auto;
}
    .ticket_follow>a{
        bottom:-4vh;
    }
}
.color_balls {
    position: absolute;
    top: 20px;
    width: 88%;
    left: 1%;
}
@media screen and (max-width: 768px) {
	.color_balls {
   display:none;
}
}
@media screen and (max-width: 1280px) and (min-width: 500px){
	.menu_inner{
		padding:9%;
	}
}
#ticket .list_gizagiza ul li{
	list-style:  none; 
	padding-left:1.5em;
	text-indent: -0.7em;
}
#ticket .list_gizagiza ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    left: -4px;
}
#ticket .gizagiza li:before {
   background-color:#FDAFD8;
}
.ticket_u {
    background-color: #fff;
    padding: 5% 5% 5% 3%;
    border-radius: 4px;
}
.ticket_wrap{
	margin-right:20px;
	margin-left:20px;
}
#ticket .gizagiza {
    padding-top: 20px;
    font-weight: 500;
}
.list_blueline {
	position:relative;
}
.list_blueline h3{
	position:absolute;
	top:-13px;
	left:50%;
	transform:translateX(-50%);
	width:375px;
}
#ticket .list_blueline{
	padding-top:154px;
}
#ticket #ticket_1.list_blueline{
	padding-top:150px;
}
@media screen and (max-width:768px){
	.list_blueline h3{
	width:100vw
}
	#ticket .list_blueline{
	padding-top:calc(100vw * 154/375)
}
	#ticket #ticket_1.list_blueline{
	padding-top:calc(100vw * 150/375)
}
	.list_blueline h3{
	top:calc(-100vw * 13/375);
}
}
.ball_pnk::before{
	background-color:#F25DAA;
}
.ball_bl::before{
	background-color:#166BBF;
}
.ball_ltbl::before{
	background-color:#64D0DC;
}
.box-shadow{
	box-shadow:1px 1px 3px #ccc;
}
.link_line{
	text-decoration:underline;
	display: inline;
	color:#484848;
}
#ticket_1, #ticket_2{
	position:relative;
}
.obj{
	position:absolute;
	bottom:0;
	right:0;
	width:calc(100% * 120/375);
	margin-bottom:-12%;
}
#link .btn_yellow{
	width:300px;
}
@media screen and (max-width:768px){
#link .btn_yellow{
	width:100%;
	height:calc(100% * 60/375);
	display:flex;
	justify-content: center;
	align-items:center;
}
}
@media screen and (max-width:768px){
	#access .btn_ja.btn_lightblue{
	width:calc(100% * 285/375);
}
}

.bl_box {
    background-color: #E4F1F2;
    border-radius: 6px;
    padding-bottom: 12px;
    margin-bottom: 28px;
}
#ticket_1 .tkt_1_txt.txt_price{
	border-top: 1.5px dashed #0CA4C7;
	padding-top:12px;
	line-height:1.32;
}
#ticket_1 .tkt_1_txt.txt_price small{
	font-size:12px;
}
@media screen and (max-width: 768px) and (min-width: 500px){
	#ticket_1 .tkt_1_txt.txt_price smallx{
		font-size:calc(100vw * 12/375);
	}
}
#ticket_1 .fw_normal.txt_price {
    padding-bottom: 12px;
    font-weight: 500;
	font-size:12px;
}
@media screen and (max-width: 768px) and (min-width: 500px){
	#ticket_1 .fw_normal.txt_price {
		font-size:calc(100vw * 12/375);
	}
}
.txt_price{
	padding:0;
}
.pdt_10{
	padding-top:20px;
}
.list_blueline_list>li:last-child{
	padding-bottom:0;
}
button:disabled {
  pointer-events: none;
}
.link_pink{
	color:#F25DAA;
}

.modal-close.btn_kids_close_d {
    bottom: -14%;
    top: auto;
    width: 60px;
    height: 60px;
    right: 50%;
    transform: translateX(50%);
}
#news h3 {
    position: absolute;
    top: -30px;
}
@media screen and (max-width: 768px){
#news h3 {
    top:-7%;
}
}

.list_gizagiza.news{
	margin-top:32px;
}
.news_wrap{
padding-right:calc(1em * 15/14);
padding-left:calc(1em * 15/14);
}
#ticket .btn_ja.btn_lightblue{
	white-space: nowrap;
}
@media screen and (max-width: 768px){
	#ticket .btn_ja.btn_lightblue{
	width:100%;
}
}
@media screen and (max-width: 768px){
	#ticket .btn_ja.btn_pink{
	width:calc(100% * 300/375);
}
}
@media screen and (max-width: 768px){
	#inquiry .btn_ja.btn_lightsblue{
	width:calc(100% * 300/375);
}
}
.inq_title {
    background-color: #fff;
    color: #00659B;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px){
	#inquiry .btn_ja.btn_lightsblue{
	width:calc(100% * 300/375);
}
}
.inq_box {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 3%;
    position: relative;
    padding-top: 80px;
}
.inq_wrap{
	display:flex;
}
#ticket .list_blueball li{
	list-style: none;
}
#ticket .list_blueball li:before{
	content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    left: -4px;
	background-color: #FDAFD8;
}
.icon{
	width:34px;
	height:34px;
	margin-right:26px;
}
.icon_flex{
	display:flex;
	justify-content: center;
	align-items: center;
	white-space: nowrap
}
.icn_x,
.icn_tt{
	line-height:1.2s;
}

.inq_wrap {
    display: flex;
    max-width: 285px;
    gap: 5%;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 13px;
}
#inquiry .attention{
   font-size:13px;
}
.inq_event.btn_ja{
	height:80px;
	width:325px;
}
@media screen and (max-width: 768px){
 .inq_event.btn_ja{
	width:calc(100vw * 325/375);
	height:calc(100vw * 80/375);
	}
	.inq_wrap {
    font-size:calc(100vw * 13/375);
}
	#inquiry .attention{
   font-size:calc(100vw * 13/375);
}
	.inq_box .btn_ja.btn_lightblue{
	width:calc(100vw * 240/375);
	height:calc(100vw * 56/375);
}
}

@media screen and (min-width: 1023px) and (max-width: 1100px){
.modal-content__inner__kids p {
    font-size: 11px;
}
}  
@media screen and (max-width: 540px) {
    .modal-content__inner__kids p {
        font-size: 3vw;
    }
}
#ticket #ticket_1 .list_blueball li:before{
	background-color:#0CA4C7;
}
#ticket #ticket_1 .list_blueball.tkt_inner{
	padding-inline-start: 20px;
}
#ticket #ticket_2 .list_blueball li:before {
    background-color: #0CA4C7;
}
#contents{
	padding-bottom:32px;
}
.fw_500{
	font-weight:500!important;
}
.fw_400{
	font-weight:400!important;
}
.inq_box {
    padding-top: 66px;
}
.inq_box h3{
	position: absolute;
    top: -4%;
    left: 50%;
    transform: translateX(-50%);
    width: 375px;
}
@media screen and (max-width: 768px) {
    .inq_box h3 {
        width: 100vw;
    }
	.inq_box {
    padding-top: calc(100vw * 66/375);
}
}
#contents .btn_more{
	margin-bottom:auto;
	margin-top:auto;
}
.txt_price>span{
	display: block;
}
#ticket #ticket_2 .list_blueball.tkt_inner {
    padding-inline-start: 20px;
}
#kids_prohibit{
	padding-top: 45px;
	margin-top:-45px;
}
/*パララックス*/
.bg{
  position:fixed;
  top:0;
  right: calc((100% - 900px) / 2);
  height:100vh;
		background-repeat:no-repeat;
  background-size:cover;
  background-position:top center;
		background-image:url("../img/common/bg_sp.png");
  transition:0.3s;
  z-index:-1;
  width:375px;
}
@media screen and (max-width: 900px) {
    .bg{
								right:0;
    }
}
@media screen and (max-width: 768px) {
    .bg{
        width:100%;
        margin-left: 0;
    }
}
.align-right{
	text-align:right;
}
.content_txt_inner{
	width:100%;
	height:100%;
	padding-top: 70px;
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	padding-bottom:2em;
}
@media screen and (max-width: 768px) {
   .content_txt_inner{
	padding-top: calc(100% * 70/375);
}
}
.content_txt_inner p {
    margin-right: 18px;
    margin-left: 18px;
	letter-spacing:-0.06em;
}
@media screen and (max-width: 768px) {
   .content_txt_inner p{
	margin-right: calc(100% * 22/375);
	margin-left: calc(100% * 22/375);  
}
}

.cont{
	margin-right:calc(100% * 20/375);
	margin-left:calc(100% * 20/375);
}
.h2_stage {
    position: absolute;
    top: 0;
	left:50%;
    transform: translate(-50%, -50%);
	width:375px;
}
@media screen and (max-width: 768px) {
   .h2_stage {
	width:100vw;
}
}
.neon-box-inner {
    position: relative;
	z-index:100;
    border-radius: 20px;
    box-sizing: border-box;
	background:rgba(255,255,255,0.4);
}
.neon-box-inner::before {
  content: "";
  position: absolute;
  inset:0;
  border-radius: 20px;
  pointer-events: none;
}
.neon-box-inner.pink{
    box-shadow: 0 0 6px #FFB9DD, 0 0 8px #F75CA4, 0 0 3px #fff7fc;
    border: 2px solid #fff7fb;
}
.neon-box-inner.pink::before {
   box-shadow:
    inset 0 0 7px #FF7EB5,
    inset 0 0 7px #FFB9DD,
    inset 0 0 7px #FFB9DD,
    inset 0 0 7px #FFB9DD;
}
.neon-box-inner.blue{
    box-shadow: 0 0 6px #8AE0F5, 0 0 8px #55BED6, 0 0 3px #BEF0FF;
    border: 2px solid #D2F0F7;
}
.neon-box-inner.orange{
    box-shadow: 0 0 6px #FFAA2C, 0 0 8px #FF9901, 0 0 3px #FFAA2C;
    border: 2px solid #FFF1B4;
}
.neon-box-inner.orange::before {
    box-shadow: inset 0 0 7px #FF9901, inset 0 0 7px #FFAA2C, inset 0 0 7px #FFAA2C, inset 0 0 7px #FFAA2C;
}
.neon-box-inner.blue::before {
   box-shadow:
    inset 0 0 7px #55BED6,
    inset 0 0 4px #8AE0F5,
    inset 0 0 4px #8AE0F5,
    inset 0 0 4px #1DBDE5;
}
.shutsuen{
	margin-bottom:16px;
}
.inner .stage-none{
	display:none;
}
 .menu_inner{
	padding-top:38px;
	 padding-bottom:60px;
}
 .inner .menu_inner{
	padding-top:80px;
}
.inner_logo{
	width:111px;
	height:38px;
	margin-left:8px;
}
.inner .header{
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
   .inner .menu_inner{
	padding-top:calc(100vw * 80/375);
}
}
#news .link_inline{
	color:#484848;
}
.inner .header{
	background-color:#fff;
	padding-bottom:12px;
}
.inner .header::after {
    position: absolute;
    left: -20px;
    bottom: 4px;
    content: '';
    width: 108%;
    height: 4px;
    background-color: #fff;
    border: 1px solid #ED449B;
    box-shadow: 0 0 7px #FF93CB, 0 0 7px #ED449B, 0 0 3px #FFA7DE;
}
.anker{
	padding-top:200px;
	margin-top:-200px;
}
/*マージン*/
.mgb_8{
	margin-bottom:8px;
}
.mgb_20{
	margin-bottom:22px;
}
.mgb_28{
	margin-bottom:28px;
}
.mgb_30{
	margin-bottom:30px;
}
.mgt_36{
	margin-top:36px;
}
.mgb_36{
	margin-bottom:36px;
}
.mgt_20{
	margin-top:20px;
}
.mgt_22{
	margin-top:22px;
}
.mgb_22{
	margin-bottom:22px;
}
.mgt_45{
	margin-top:45px;
}
.mgb_42{
	margin-bottom:42px;
}
.mgb_45{
	margin-bottom:45px;
}
.mgb_12{
	margin-bottom:12px;
}
.mgt_12{
	margin-top:12px;
}
.mgt_20{
	margin-top:20px;
}
.mgb_26{
	margin-bottom:26px;
}
.mgt_26{
	margin-top:26px;
}
.mgt_31{
	margin-top:31px;
}
.mgt_60{
	margin-top:60px;
}
.mgt_64{
	margin-top:64px;
}
.mgt_40{
	margin-top:40px;
}
.mgb_40{
	margin-bottom:40px;
}
@media screen and (max-width: 767px){
	.mgb_8{
	margin-bottom:calc(100% * 8/375);
}
	.mgb_20{
	margin-bottom:calc(100% * 20/375);
}
.mgt_36{
margin-top:calc(100% * 36/375);
}
.mgb_36{
margin-bottom:calc(100% * 36/375);
}
	.mgt_20{
	margin-top:calc(100% * 20/375);
}
.mgb_28{
	margin-bottom:calc(100% * 28/375);
}
.mgb_42{
	margin-bottom:calc(100% * 42/375);
}
.mgb_45{
	margin-bottom:calc(100% * 45/375);
}
  .mgt_22{
	margin-top:calc(100% * 22/375);
}
	 .mgt_30{
	margin-top:calc(100% * 30/375);
}
	.mgb_12{
	margin-bottom:calc(100% * 12/375);
}
.mgt_12{
	margin-top:calc(100% * 12/375);
}
.mgt_20{
	margin-top:calc(100% * 20/375);
}
	.mgt_40{
	margin-top:calc(100% * 40/375);
}
	.mgb_22{
	margin-bottom:calc(100% * 22/375);
}
.mgb_26{
	margin-bottom:calc(100% * 26/375);
}
.mgt_26{
	margin-top:calc(100% * 26/375);
}
	.mgt_31{
	margin-top:calc(100% * 31/375);
}
	.mgt_60{
	margin-top:calc(100% * 60/375);
}
	.mgt_64{
	margin-top:calc(100% * 64/375);
}
		.mgb_40{
	margin-bottom:calc(100% * 40/375);
}
}
.more_news_arrow {
  transition: transform 0.3s ease;
}

.more_news_arrow.is-open {
  transform: rotate(-180deg);
}
.txt_price {
    margin-left: 25px;
    margin-right: 25px;
    padding: 0;
}
.txt_price_wrap{
   border-top:1px solid #A07C7B;
}
@media screen and (max-width: 767px){
.txt_price {
    margin-left: calc(100vw * 25/375);
    margin-right: calc(100vw * 25/375);
}	
}
.font-22{
	font-size:22px;
}
@media screen and (max-width: 768px) {
.font-22{
	font-size:calc(100vw * 22/375);
}
}
.font-16{
	font-size:16px;
}
@media screen and (max-width: 768px) {
.font-16{
	font-size:calc(100vw * 16/375);
}
}
.font-19{
	font-size:19px;
}
@media screen and (max-width: 768px) {
.font-19{
	font-size:calc(100vw * 19/375);
}
}
.h3_1 {
    background-color: #fff;
    min-height: 70px;
    width: 100%;
    font-size: 18px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex-direction: column;
    color: #00659B;
    font-weight: 900;
    position: relative;
    line-height: 1.32;
	margin-bottom:26px;
}
@media screen and (max-width: 767px){
.h3_1 {
	margin-bottom:calc(100vw * 26/375);
}
}
.h3_1 span{
	display:block;
}
.h3_1.green{
	border:3px solid #89B511;
	
}
.h3_1.orange{
	border:3px solid #FFA388;
	
}
.h3_1.lightblue{
	border:3px solid #4FB7D2;
	
}
.h3_1_s1{
	width:30px;
	height:30px;
	position:absolute;
	top:2px;
	left:4px;
}
.h3_1_s2{
	width:30px;
	height:30px;
	position:absolute;
	bottom:2px;
	right:4px;
}
@media screen and (max-width: 767px){
.h3_1{
	min-height:calc(100vw * 70/375);
	font-size:calc(100vw * 18/375);
	
}
.h3_1_s1{
	width:calc(100vw * 30/375);
	height:calc(10vw * 30/375);
}
.h3_1_s2{
	width:calc(100vw * 30/375);
	height:calc(100vw * 30/375);
}
}
.pink_title {
    background-color: #F25DAA;
    color: #fff;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    border-radius: 9999px;
    min-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight:800;
	font-size:16px;
	border:1px solid #fff;
}
@media screen and (max-width: 767px){
.pink_title{
	width:calc(100vw * 200/375);
	font-size:calc(100vw * 16/375);
}
}
.pink_title.lightgreen{
    background-color: #AECF01;
}
.pink_title.green{
    background-color: #63CBD9;
}
.pink_title.blue{
    background-color: #84A9EA;
}
.pink_title.orange{
    background-color: #FFA117;
}
.pink_title.purple{
    background-color:#AB90DE;
}
.list_greenline {
    background-color: #fff;
    border: 3px solid #D1EFA2;
    border-radius: 16px;
}
.inner_solid_box{
	position:relative;
}
.inner_solid_box.up_pdg{
	padding-top:103px;
	position:relative;
}
.inner_solid_box h3{
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 375px;
}
.star-link{
	color:#F25DAA;
	word-break: break-all;
}
.star-link>span {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: flex-start;
}
.star-link{
	display:flex;
	align-items:center;
	justify-content: flex-start;
}

@media screen and (max-width: 767px){
.h3_1{
	margin-top:calc(100vw * 20/375);
	margin-bottom:calc(100vw * 20/375);
	
}
	.pink_title{
	margin-bottom:calc(100vw * 22/375);
}
	.inner_solid_box h3{
    width:100vw;
	top:calc(-100vw * 12/375);
}
	.inner_solid_box.up_pdg{
	padding-top:calc(100vw * 103/375);
}
}
.inner #contents{
	padding-top:30px;
}
@media screen and (max-width: 768px) {
.inner #contents{
	padding-top:calc(100vw * 30/375);
}
}
.pink_title.w_100{
	width:100%;
}
@media screen and (max-width: 768px) {
.font-19{
	font-size:calc(100vw * 19/375);
}
}
.font-13{
	font-size:13px;	
}
@media screen and (max-width: 767px){
   .font-13{
	font-size:calc(3.73vw * 13/14);
    }
}
.lightblue_title {
    background-color: #36B4D1;
    color: #fff;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    border-radius: 9999px;
    min-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
	border:1px solid #fff;
}
.lightblue_title.w_100 {
    width: 100%;
}
@media screen and (max-width: 767px){
.lightblue_title{
	width:calc(100vw * 200/375);
	height:calc(100vw * 32/375);
}
}
.h4_1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 8px;
    padding: 7px;
    line-height: 1.5;
	color:#00659B;
	font-weight:900;
	font-size:calc(1em * 16/14);
	margin-bottom:14px;
}
@media screen and (max-width: 767px){
.h4_1 {
	font-size:calc(3.73vw* 16/14);
}
}
.h4_1 span {
    width: 30px;
    height: 30px;
	display: block;
}
.h4_1>div:nth-of-type(1){
display:flex;
	align-items:center;
}
.h4_1>div:nth-of-type(2){
padding-left:30px;
}
.h4_1.blue{
background-color:#B3E7F5;
}
.h4_5{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 8px;
    line-height: 1.5;
	color:#00659B;
	font-weight:900;
	font-size:calc(1em * 16/14);
	margin-bottom:14px;
}
@media screen and (max-width: 767px){
.h4_5 {
	font-size:calc(3.73vw* 16/14);
}
}
.h4_5 span {
    width: 30px;
    height: 30px;
	display: block;
	flex-shrink: 0;
	    align-self: flex-start;
}
.h4_3_2{
display:flex;
	align-items:center;
}
.h4_3_1{
background-color:#00659B;
color:#fff;
	padding:0px 4px 0px 4px;
	border-radius:4px;
}
#contents .content_txt p{
	font-weight:900!important;
}
.chara>p {
    font-weight:900!important;
}
.yellow_box{
	position:relative;
}
.pt_article{
	padding-bottom:60px;
}
@media screen and (max-width: 767px){
.pt_article{
	padding-bottom:calc(100vw * 60/375);
}
}
.h4_2{
    display: flex;
    align-items: center;
    justify-content: flex-start;
	padding:6px;
	border-radius:8px;
	color:#00659B;
	margin-bottom:18px;
	font-weight:900;
	font-size:16px;
}
@media screen and (max-width: 767px){
.h4_2{
	border-radius:calc(100vw * 8/375);
	padding:calc(100vw * 6/375);
	margin-bottom:calc(100vw * 18/375);
	font-size:calc(100vw * 16/375);
}
}
.h4_2>span {
    width: 30px;
    height: 30px;
}
@media screen and (max-width: 767px){
.h4_2>span {
    width: calc(100vw * 30/375);
    height: calc(100vw * 30/375);
}
}
.h4_2.blue{
    background-color:#DCEAFF;
}
.h4_3{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.info_bold{
	font-weight:900;
	padding-bottom:0.8em;
}
.h4_2.orange{
    background-color:#fff;
}
.h4_2.green{
    background-color:#EBF8D9;
}
.dammy{
	background-color:#ccc;
	width:100%;
	height:200px;
	display: flex;
	justify-content: center;
	align-items:center;
}
.h2_modal{
	border:1px solid #497FDE;
	background-color:#EAF1FF;
	color:#497FDE;
	font-size:14px;
	font-weight:900;
	display:inline-block;
	padding:1px 5px 1px 5px;
}
.h3_modal{
	border:1px solid #000;
	color:#000;
	font-size:14px;
	font-weight:900;
	display:inline-block;
	padding:1px;
	padding:1px 5px 1px 5px;
}
.h2_wrap{
	display:block;
}
@media screen and (max-width: 767px){
.h2_modal{
	font-size:1em;
}
	.h3_modal{
	font-size:1em;
}
}
.list_whiteball li {
    list-style: none;
    text-indent: -1em;
}
@media screen and (max-width: 768px) {
    .list_whiteball li {
        margin-bottom: calc(100vw * 5 / 375);
    }
}
.list_whiteball li::before {
    content: "〇";
	padding-right:4px;
	color:#000!important;
}
.list_whiteball {
    padding-left: 1em;
    font-size: 13px;
    font-weight: 600;
}
.color-red{
	color:red;
}
.radius{
	border-radius:calc(1em * 10/14);
}
@media screen and (max-width: 768px) {
   .radius{
	border-radius:calc(100vw * 12/375);
}
}
.modal-kids p,
.modal-kids ul{
	font-size:calc(1em * 14/14);
	font-weight:400;
}
.dam_box{
	height:200px;
	background-color:#ccc;
}
@media screen and (max-width: 768px) {
	.dam_box{
	height: calc(100vw * 200 / 375);
	background-color:#323232;
}
}
.h4_6{
	border:3px solid #FFA116;
	background-color:#fff;
	border-radius:9999px;
	display:flex;
	justify-content: center;
	align-items:center;
	color:#FFA116;
	font-size:16px;
	max-width:250px;
	margin:0 auto;
	position:relative;
}
@media screen and (max-width: 768px) {
	.h4_6{
	font-size:calc(1em * 16/14);
		max-width:calc(100vw * 250/375);
}
}
.h4_wrap{
	position:relative;
}
.h4_wrap::before{
	content:'';
	width:100%;
	height:50px;
	background-image:url("../img/aroundthevenue/double_line.png");
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.green_inetermission_line{
	width:100%;
	height:1px;
	background-color:#AECF01;
	margin-bottom:20px;
}
.list_normal{
	padding-left: 1em;
	font-weight:600;
}
.sch_graph table{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: rgba(255, 255, 255, 0.7);
	border:none;
}
.sch_graph.graph_1 table tr td:nth-of-type(1) {
  text-align:center;
	font-size:18px;
	border-right:3px dotted #FCD7DB;
}
.sch_graph.graph_2 table tr td:nth-of-type(1) {
  text-align:center;
	font-size:18px;
	border-right:3px dotted #CAEBF0;
}
.sch_graph table tr td:nth-of-type(2) {
	font-size:15px;
	lines-hwight:1.2;
}
@media screen and (max-width: 768px) {
	.sch_graph table tr td:nth-of-type(2) {
	font-size:calc(1em * 15/14);
}
}
.list_list_whiteball{
	padding-inline-start:1em;
}
.list_list_whiteball li::before{
	content:none;
}
.list_list_whiteball.blackball li::before{
	content:'●';
}
.list_list_whiteball.kome li::before{
	content:'※';
}
.navy{
	color:#00659B;
	margin-top:5px;
	font-size:calc(1em * 13/14);
	line-height:calc(1em * 22/14);
}
.top .h2_modal {
    border: 1px solid #F25DAA;
    background-color:#FFF0F6;
    color:#F25DAA;
}
/*ポムポム*/
#news{
background-color:#fff;
padding-top:calc(1em * 35/14);
padding-bottom:calc(1em * 46/14);
}
.txt_price_new li,
.txt_prices_slidedown li{
padding-top:calc(1em * 13/14);
padding-bottom:calc(1em * 13/14);
border-bottom:1px solid #A07C7B;
}
.news_title{
margin-bottom:calc(1em * 16/14);
}
#about{
background-color:#FFED8D;
padding-bottom:calc(1em * 70/14)
}
.about_wrap{
padding-right:calc(1em * 12/14);
padding-left:calc(1em * 12/14);
line-height:calc(1em * 32/14);
font-weight:800;
}
.about_txt{
font-size:calc(1em * 13.5/14);
}
.about_table{
background-color:#fff;
padding-top:calc(1em * 26/14);
padding-bottom:calc(1em * 26/14);
padding-right:calc(1em * 20/14);
padding-left:calc(1em * 20/14);
}
.about_table table{
 width: 100%;
  table-layout: fixed;
		 border-collapse: collapse;
}
.about_table table td{
 padding-top:calc(1em * 10/14);
	padding-bottom:calc(1em * 10/14);
}
.about_table tr td:nth-of-type(1){
 vertical-align: top;
}
.about_table tr:nth-of-type(1){
 border-bottom:1px solid #ED85A7;
}
.about_table tr:nth-of-type(2){
 border-bottom:1px solid #FCEA02;
}
.about_table tr:nth-of-type(3){
 border-bottom:1px solid #8DC21F;
}
.about_1{
height:calc(1em * 780/14);
}
.traffic_col_title{
font-weight:900;
}
.traffic_col{
display:flex;
}
.traffic_col .icn{
width:calc(1em * 27/14);
flex-shrink:0;
}
.map iframe{
width:100%;
height:calc(1em * 200/14);
}
.button{
cursor:pointer;
}
#artist{
background-color:#fff;
margin-bottom:calc(1em * 44/14);
padding-bottom:calc(1em * 60/14);
}
.artist_img{
width:100%;
}
.artist_img_col p{
font-weight:800;
margin-top:calc(1em * 8/14);
}
#ticket{
background-color:#D6ECEF;
padding-bottom:calc(1em * 28/14);
}
.about_table_2 tr{
display:flex;
flex-direction:column;
}
.about_table tr td:nth-of-type(1){
font-weight:800;
}
.about_table.about_table_2 tr:nth-of-type(1){
 border-bottom:1px solid #49B7EE;
}
.about_table.about_table_2 tr:nth-of-type(2){
 border-bottom:1px solid #ED85A7;
}
.about_table.about_table_2 tr:nth-of-type(3){
 border-bottom:1px solid #FCEA02;
}
.about_table.about_table_2 tr:nth-of-type(4){
 border-bottom:1px solid #FCEA02;
}
#goods{
background-color:#F7CDC9;
padding-bottom:calc(1em * 50/14);
}
#food{
background-color:#FDED8D;
padding-bottom:calc(1em * 50/14);
}
.comming_soon{
margin:0 auto;
width:calc(1em * 124/14);
}
.link_box{
border-top:2px dotted #581F23;
border-bottom:2px dotted #581F23;
padding-top:calc(1em * 40/14);
padding-bottom:calc(1em * 40/14);
}
#inquiry {
    background-image: url(../img/top/blue_gradation.png);
    background-size: cover;
    min-height: calc(1em * 367 / 14);
    padding-bottom: calc(1em * 65 / 14);
}
.about_about_table{
position:absolute;
top:calc(1em * 140/14);
}
.about_image{
position:relative;

}
.about_image img{
margin-right: calc(100% * 22 / 375);
margin-left: calc(100% * 22 / 375);
width:calc(100% - calc(100% * 44 / 375));

}
#news{
margin-bottom:calc(1em * 82/14);
}
#ticket{
margin-bottom:calc(1em * 58/14);
}
#goods{
margin-bottom:calc(1em * 60/14);
}
#food{
margin-bottom:calc(1em * 58/14);
}
.button a{
display:block;
}
.fw_800{
font-weight:800;
}
#artist .align-center.fw_800{
line-height:calc(1em * 32/14);
letter-spacing:-0.07em;
}
.red{
display:inline;
}
.red a{
color:#EF781B;
}
#ticket .align-center.font-16.fw_800.mgb_45{
line-height:calc(1em * 35/14);
}
.about_table.about_table_2 tr td:nth-of-type(1){
padding-bottom:0;
}
.attention_kuromaru li{
  list-style: none;
  text-indent:-1em;
  margin-bottom:5px;
}
.attention_kuromaru li::before{
  content: "・"; 
}
.attention_kuromaru{
padding-left:1em;
font-size:13px;
font-weight:500;
}
@media screen and (max-width: 768px) {
  .attention_kuromaru{
font-size:calc(100vw * 13/375);
}
	.attention_kuromaru li{
  margin-bottom:calc(100vw * 5/375);
}
}
.button:hover{
opacity: 0.7;
}
.mail a{
color:#000;
text-decoration:underline;
}
footer{
background-color:#581F23;
width:100%;
min-height:calc(1em * 224.72/14);
padding:calc(1em * 30/14);
}
.footer_up{
margin-top:calc(-1em * 72/14);
}
footer a{
display:block;
color:#fff;
line-height:calc(1em * 22/14);
}
footer a:hover{
opacity:0.7;
}
.list_footer{
display:flex;
flex-flow:row wrap;
justify-content: center;
}
.list_footer div{
letter-spacing: -0.05em;
}
.list_footer_slash{
position:relative;
margin-right:calc(1em * 40/14);
}
.list_footer_slash::before{
content:'/';
position:absolute;
right:calc(-1em * 26/14);
top:50%;
transform:translateY(-50%);
width:1em;
height:1em;
color:#fff;
display:flex;
justify-content: center;
align-items:center;
}
.font-10{
font-size:calc(1em * 10/14);
}
.copyright{
color:#fff;
}
.page_top_btn {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 110px;
    bottom: calc(1em * 196 / 14);
}
.page_top_btn:hover{
opacity:0.7;
}
.date{
color:#823A27;
}
.popup2{
position:fixed;
z-index:1000;
width:calc(calc(1em * 375/14) - calc(1em * 44/14));
bottom:calc(1em * 22/14);
right: calc(((100% - 900px) / 2) + calc(1em * 22/14));
}
.popup2 a{
display:block;
}
@media screen and (max-width: 900px) {
.popup2{
right:calc(1em * 22/14);
}
}
@media screen and (max-width: 768px) {
.popup2{
right:50%;
transform:translateX(50%);	
bottom:60px;
}
}
.popup_inner{
position:relative;
width:100%;
height:100%;
}
.batsu{
width:calc(1em * 25/14);
height:calc(1em * 25/14);
position:absolute;
right:0;
top:-10px;
cursor: pointer;
}
.batsu2{
width:calc(1em * 25/14);
height:calc(1em * 25/14);
position:absolute;
right:0;
top:-10px;
cursor: pointer;
}
.navmenu {
    width: calc(1em * 375 / 14);
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
				padding-bottom:calc(1em * 66/14);
}
@media screen and (max-width: 768px) {
.navmenu {
				width:100%;
}
}
.navmenu {
  transform: translateY(-100%);
  visibility: hidden;
  transition:
    transform 0.4s ease,
    visibility 0s linear 0.4s;
				padding-left:calc(1em * 25 / 14);
				padding-right:calc(1em * 25 / 14);
				padding-top:calc(1em * 88 / 14);
		  overflow-y:auto;
}

body.nav_open .navmenu {
  transform: translateY(0);
  visibility: visible;
  transition:
    transform 0.4s ease,
    visibility 0s;
}
.header_wrap{
position:relative;
}
.header_2 {
height:100%;
}
.header_2 a{
display:block;
height:100%;
width:100%;
}
.nav_link{
padding-top:calc(1em * 19 / 14);
padding-bottom:calc(1em * 19 / 14);
display: block;
}
.bl{border-bottom:2px solid #49B7EE;}
.rd{border-bottom:2px solid #ED85A7;}
.ylw{border-bottom:2px solid #FCEA02;}
.gr{border-bottom:2px solid #8DC21F;}

.navmenu a{
display:block;
}
.navmenu a:hover{
opacity:0.7;
}
.op03{
opacity:0.3;
}
#news_anker{
padding-top:72px;
margin-top:-72px;
}
#about_anker{
padding-top:72px;
margin-top:-72px;
}
#ticket_anker{
padding-top:72px;
margin-top:-72px;
}
#goods_anker{
padding-top:72px;
margin-top:-72px;
}
#food_anker{
padding-top:72px;
margin-top:-72px;
}
#artist_anker{
padding-top:72px;
margin-top:-72px;
}
@media screen and (max-width: 768px) {
  header{
		transform:translateY(-100%);
		transition:
    transform 0.4s ease,
    visibility 0s linear 0.4s;
		}
		.kv .popup{
		position:fixed;
		}
}
body.nav_open .header_1{
  cursor: default;
}
body.nav_open #sound_onoff{
  display: none;
}
#change_modal_title{
font-size:calc(1em * 18/14);
font-weight:800;
margin-top:calc(1em * 11/14);
margin-bottom:calc(1em * 9/14);
}
.popup a{
display:block;
}
#change_modal_text{
white-space: pre-line;
}
.thumbnail{
cursor: pointer;
}
.header{
width:calc(1em * 375/14);
}
.header img{
width:auto;
}
.header_1 img{
width:25.14px;
}
.traffic .button{
height:calc(1em * 40/14);
}
#ticket .align-center.fw_800 {
    line-height: calc(1em * 32 / 14);
    letter-spacing: -0.07em;
}
#mv{
margin-top:26px;
margin-bottom:30px;
}
@media screen and (max-width: 768px) {
 #mv{
margin-top:calc(1em * 36/14);
margin-bottom:calc(1em * 36/14);
}
}
.movwrap{cursor:pointer;}