@charset "utf-8";
#g-nav{
    position:fixed;
	z-index: -1;
	opacity: 0;
	top:0;
	width:100%;
    height: 100vh;
	background: url(/wp-content/uploads/2022/03/6f53902537d48c10267e9ec540023b6e.png);
	background-size: 100% 100%;
	transition: all 0.3s;
}
#g-nav.panelactive{
	opacity: 1;
	z-index:999;
}
#g-nav span  {
    width: 10%;
    height: 90%;
    display: block;
    background: url(/wp-content/uploads/2022/03/feccf9f67a610226b63b51c64096ddc2.png);
    background-size: 100% 100%;
    position: absolute;
    left: .6%;
    top: .5%;
}
#g-nav img  {
	display: none;
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
#g-nav.panelactive img{
	    display: block;
}
#g-nav img {
	height:80%;
}

.openbtn{
	position:fixed;
    z-index: 9999;
	top:60px;
	top:.60rem;
	right: 200px;
	right: 2.00rem;
	cursor: pointer;
}

.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    width: 181px;
    height:181px;
    width: 1.81rem;
    height:1.81rem;
	background: url(/wp-content/uploads/2022/03/b0c76a2971ee7cf4d724a67288f85d35.png);
    background-size: 1.81rem 1.81rem;
  }
.openbtn.active span:nth-of-type(1) {
	background: url(/wp-content/uploads/2022/03/bf35f6beda9f7e8b418127f0d553715d.png);
    background-size: 1.81rem 1.81rem;
}
.top_wrap {
	background-size: 100% 100%;
	height: 8712px;
	height: 87.12rem;
	text-align: center;
	margin: auto;
}

.top_btn{
	position: absolute;
	top: 1550px;
	top: 15.50rem;
	width:1190px;
	width:11.90rem;
	margin: auto;
}
.top_btn img{
	width: 1030px;
	width: 10.30rem;
	height: 530px;
	height: 5.30rem;
	margin: auto;
}
.shindai_title{
	position: absolute;
	top: 2214px;
	top: 22.14rem;
	text-align: center;
	width: 1190px;
	width: 11.90rem;
	display:flex;
	justify-content:space-between;
}
.shindai_title img {
opacity: 0;
}
.shindai_title .st_img1.active {
	margin-left:40px;
	margin-left:.4rem;
}
.shindai_title .st_img1.active img{
	width: 356px;
	width: 3.56rem;
	height: 357px;
	height: 3.57rem;
	animation: rotate-anime2 0.5s forwards;
}
@keyframes rotate-anime2 {
	0%  {transform: rotate(0);}
	100%  {transform: rotate(360deg);}
    0%{opacity: 0;}
	100%{opacity: 1;}
}


.shindai_title .st_img2.active {
	position: absolute;
	top: 34px;
	top: .34rem;
	left: 330px;
	left: 3.30rem;
	animation: move-anime 1s forwards;
}
.shindai_title .st_img2.active img {
	width: 263px;
	width: 2.63rem;
	height: 263px;
	height: 2.63rem;
	animation: rotate-anime 0.5s forwards;
}
@keyframes rotate-anime {
	0%  {transform: rotate(0);}
	100%  {transform: rotate(360deg);}
    0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes move-anime {
	0% {
		transform: translateX(-3rem);}
	100% {transform: translateX(0);}
}
.shindai_title .st_img3.active {
	position: absolute;
	top: 34px;
	top: .34rem;
	left: 540px;
	left: 5.40rem;
	animation: move-anime1 1s forwards;
}
.shindai_title .st_img3.active img {
	width: 204px;
	width: 2.04rem;
	height: 204px;
	height: 2.04rem;
	animation: rotate-anime 0.5s forwards;
}
@keyframes move-anime1 {
	0% {
		transform: translateX(-4rem);}
	100% {transform: translateX(0);}
}
.shindai_title .st_img4.active {
	position: absolute;
	top: 50px;
	top: .50rem;
	left: 685px;
	left: 6.85rem;
	animation: move-anime2 1s forwards;
}
.shindai_title .st_img4.active img {
	width: 263px;
	width: 2.63rem;
	height: 263px;
	height: 2.63rem;
	animation: rotate-anime 0.5s forwards;
}
@keyframes move-anime2 {
	0% {
		transform: translateX(-5rem);}
	100% {transform: translateX(0);}
}
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.blur{
	animation-name:blurAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
  }

  to {
	filter: blur(0);
	transform: scale(1);
  }
}
.saishin_obi{
	position: absolute;
	top: 2570px;
	top: 25.70rem;
	text-align: center;
}
.saishin_obi img{
display:none;
opacity: 0;
}
.saishin_obi.active img{
	display:block;
	width: 939px;
	width: 9.39rem;
	height: 195px;
	height: 1.95rem;
	margin: auto;
	padding-left:50px;
	padding-left:.5rem;
	transform-origin:left bottom;
	animation: rotate-anime_half .5s forwards;
	animation-delay:.3s;
}
@keyframes rotate-anime_half {
	0%  {transform: rotate(-20deg);}
	100%  {transform: rotate(0deg);}
    0%{opacity: 0;}
	100%{opacity: 1;}
}


.top__ss_out {
	padding-top:2786px;
	padding-top:27.86rem;
}
.top__ss {
	margin: auto;
	width: 805px;
	width: 8.05rem;
	font-size: 0;
	left: -5px;
	left: -0.05rem;
}

.top__ss-pic {
	width: 805px;
	width: 8.05rem;
	text-align: center;
}
.top__ss-pic img {
	width: 805px;
	width: 8.05rem;
	height: 1138px;
	height: 11.38rem;
	margin: auto;
}
#time{
	position: absolute;
	top: 4058px;
	top: 40.58rem;
}
.day_time{
	position: absolute;
	top: 4398px;
	top: 43.98rem;
	text-align: center;
	width:1190px;
	width:11.90rem;
	font-size:1rem;
	font-weight:bold;
	color:#FFF;
}
.day_in{
	display: flex; 
	justify-content: space-between;
	width: 84%;
	margin: auto;
}
.day_time .today , .day_time .tomorrow{

}
.day_time .day_in .tomorrow{
	left: -30px;
	left: -.3rem;
	position: relative;

}
.day_time .day , .day_time .time{

}
.day_time .today .day , .day_time .tomorrow .day{
	margin-bottom:30px;
	margin-bottom:.30rem;
}
.sns{
	position: absolute;
	top: 4702px;
	top: 47.02rem;
}

.line_area ,.twitter_area{
	display: flex; 
	justify-content: center;
	width:1190px;
	width:11.90rem;
	margin: auto;
	padding-bottom:40px;
	padding-bottom:.4rem;
}
.twitter_area .snsimg{
	display: flex; 
	align-items: center;

}
.snsicon{
	width:350px;
	width:3.50rem;
	margin-right:60px;
	margin-right:.6rem;
	display : flex;
	align-items: flex-end;
}
.snsimg{
	width:630px;
	width:6.30rem;
}
.snsicon img{
	width:340px;
	width:3.40rem;
	animation: animebs 0.5s ease 0s infinite alternate;
	transform-origin:center;
}
@keyframes animebs {
	from {
		transform: scale(0.9,0.9);
	}
	to {
		transform: scale(1,1);
	}
}

.snsimg .sns1{
	width:630px;
	width:6.30rem;
	z-index: 100;
	position: relative;
}

.snsimg .sns2{
	position: relative;
	top: 50px;
	top: .50rem;
	left: -50px;
	left: -.50rem;
	z-index:10;

}
.snsimg .sns2 img{
	opacity: 0;
}
.snsimg .sns2.active img{
	display:block;
	width:503px;
	width:5.03rem;
	transform-origin:left bottom;
	animation: rotate-anime_half2 0.5s forwards;
	animation-delay:.3s;
}
@keyframes rotate-anime_half2 {
	0%  {transform: rotate(-30deg);}
	100%  {transform: rotate(0deg);}
    0%{opacity: 0;}
	100%{opacity: 1;}
}


.twitterlog{
	width:1004px;
	width:10.04rem;
	height:820px;
	height:8.20rem;
	margin:auto;
	overflow: hidden;
}

.twitterlog iframe{
	height:100% !important;
}

.movie{
	position: absolute;
	top: 6400px;
	top: 64.00rem;
	text-align: center;
}
.movie_title{
	display:block;
	position: relative;
	top: 50px;
	top: .50rem;
	left: -90px;
	left: -.90rem;
	padding-left: 40px;
	padding-left: .4rem;
	z-index:0;
	position:absolute;
}
.movie_title img{
display:none;
opacity: 0;
}
.movie_title.active img{
	display:block;
	width:607px;
	width:6.07rem;
	transform-origin:left bottom;
	animation: rotate-anime_half2 0.5s forwards;
	animation-delay:.3s;
}

.movie_area{
	position:relative;
	top:280px;
	top: 2.8rem;	
	width: 1190px;
	width: 11.90rem;
	height: 522px;
	height: 5.22rem;
}

.movie iframe{
	width: 944px;
	width: 9.44rem;
	height: 522px;
	height: 5.22rem;
	margin: auto;
	z-index:10;
}


.access_btn{
	position: absolute;
	top: 7450px;
	top: 74.50rem;
	width:1190px;
	width:11.90rem;
	margin: auto;
}
.access_btn img{
	width: 848px;
	width: 8.48rem;
	height: 302px;
	height: 3.02rem;
	margin: auto;
}

.foot_btn{
	position: absolute;
	top: 7950px;
	top: 79.50rem;
	width:1190px;
	width:11.90rem;
	margin: auto;
}
.foot_btn img{
	width: 1190px;
	width: 11.90rem;
	height: 191px;
	height: 1.91rem;
	margin: auto;
}


.copyright{
	position: absolute;
	top: 8477px;
	top: 84.77rem;
	width: 1190px;
	width: 11.90rem;
	color:#fff;
	text-align:right;
	padding-right: 50px;
	padding-right: .5rem;
}





































.access_wrap {
	background-size: 100% 100%;
	height: 6910px;
	height: 69.10rem;
	text-align: center;
	margin: auto;
}

.ac_img1{
	position: absolute;
	top: 490px;
	top: 4.90rem;
	width:1190px;
	width:11.90rem;
	margin: auto;
}
.ac_img1 img{
	width: 806px;
	width: 8.06rem;
	height: 1139px;
	height: 11.39rem;
	margin-left:30px;
	margin-left:.3rem;

}

.ac_img2{
	position: absolute;
	top: 2295px;
	top: 22.95rem;
	width:1190px;
	width:11.90rem;
	margin: auto;
}
.ac_img2 img{
	width: 1013px;
	width: 10.13rem;
	height: 775px;
	height: 7.75rem;
	margin: auto;
}

.ac_map {
	position: absolute;
	top: 4090px;
	top: 40.90rem;
	width:1190px;
	width:11.90rem;
	margin: auto;
}
.ac_map iframe{
	width: 915px;
	width: 9.15rem;
	height: 915px;
	height: 9.15rem;
}

.copyright2{
	position: absolute;
	top: 6786px;
	top: 67.86rem;
	width: 1190px;
	width: 11.90rem;
	color:#fff;
	text-align:right;
	padding-right: 30px;
	padding-right: .3rem;
}




.ac_title1{
	position: absolute;
	top: 80px;
	top: .80rem;
	text-align: center;
	width: 1190px;
	width: 11.90rem;
	display:flex;
	justify-content:space-between;
}
.ac_title1 img {
opacity: 0;
}
.ac_title1 .at1_img1.active {
	margin-left:40px;
	margin-left:.4rem;
}
.ac_title1 .at1_img1.active img{
	width: 383px;
	width: 3.83rem;
	height: 383px;
	height: 3.83rem;
	animation: rotate-anime2 0.5s forwards;
}
.ac_title1 .at1_img2.active {
	position: absolute;
	top: 54px;
	top: .54rem;
	left: 350px;
	left: 3.50rem;
	animation: move-anime 1s forwards;
}
.ac_title1 .at1_img2.active img {
	width: 262px;
	width: 2.62rem;
	height: 263px;
	height: 2.63rem;
	animation: rotate-anime 0.5s  forwards;
}

.ac_title1 .at1_img3.active {
	position: absolute;
	top: 54px;
	top: .54rem;
	left: 560px;
	left: 5.60rem;
	animation: move-anime1 1s forwards;
}
.ac_title1 .at1_img3.active img {
	width: 257px;
	width: 2.57rem;
	height: 258px;
	height: 2.58rem;
	animation: rotate-anime 0.5s  forwards;
}

.ac_title1 .at1_img4.active {
	position: absolute;
	top: 10px;
	top: .10rem;
	left: 760px;
	left: 7.60rem;
	animation: move-anime2 1s forwards;
}
.ac_title1 .at1_img4.active img {
	width: 263px;
	width: 2.63rem;
	height: 263px;
	height: 2.63rem;
	animation: rotate-anime 0.5s forwards;
}






.ac_title2{
	position: absolute;
	top: 1942px;
	top: 19.42rem;
	text-align: center;
	width: 1190px;
	width: 11.90rem;
	display:flex;
	justify-content:space-between;
}
.ac_title2 img {
opacity: 0;
}
.ac_title2 .at2_img1.active {
	margin-left:40px;
	margin-left:.4rem;
}
.ac_title2 .at2_img1.active img{
	width: 329px;
	width: 3.29rem;
	height: 329px;
	height: 3.29rem;
	animation: rotate-anime2 0.5s forwards;
}
.ac_title2 .at2_img2.active {
	position: absolute;
	top: 34px;
	top: .34rem;
	left: 300px;
	left: 3.00rem;
	animation: move-anime 1s forwards;
}
.ac_title2 .at2_img2.active img {
	width: 227px;
	width: 2.27rem;
	height: 227px;
	height: 2.27rem;
	animation: rotate-anime 0.5s forwards;
}

.ac_title2 .at2_img3.active {
	position: absolute;
	top: 34px;
	top: .34rem;
	left: 480px;
	left: 4.80rem;
	animation: move-anime1 1s forwards;
}
.ac_title2 .at2_img3.active img {
	width: 222px;
	width: 2.22rem;
	height: 222px;
	height: 2.22rem;
	animation: rotate-anime 0.5s forwards;
}

.ac_title2 .at2_img4.active {
	position: absolute;
	top: -10px;
	top: -.10rem;
	left: 645px;
	left: 6.45rem;
	animation: move-anime2 1s forwards;
}
.ac_title2 .at2_img4.active img {
	width: 227px;
	width: 2.27rem;
	height: 227px;
	height: 2.27rem;
	animation: rotate-anime 0.5s forwards;
}













.new_wrap {
	background-size: 100% 100%;
	height: 3877px;
	height: 38.77rem;
	text-align: center;
	margin: auto;
}
.new_title{
	position: absolute;
	top: 60px;
	top: .60rem;
}
.new_title img{
display:none;
opacity: 0;
}
.new_title.active img{
	display:block;
	width:736px;
	width:7.36rem;
	transform-origin:left bottom;
	animation: rotate-anime_half2 0.5s forwards;
	animation-delay:.3s;
}

.new_day1{
	position: absolute;
	top: 700px;
	top: 7rem;
	text-align: center;
	width:1190px;
	width:11.90rem;
	font-size:.9rem;
	font-weight:bold;
	color:#FEEE41;
	letter-spacing: -0.05rem;
	margin-left: -10px;
	margin-left: -.10rem;
}
.new_day2{
    position: absolute;
    top: 2182px;
    top: 21.62rem;
    text-align: center;
    width: 1190px;
    width: 11.9rem;
    font-size: .9rem;
    font-weight: bold;
    color: #FEEE41;
    letter-spacing: -0.05rem;
	margin-left: -10px;
	margin-left: -.10rem;
}
.new_title img{
	width:736px;
	width:7.36rem;
}

.new__ss1_out {
	padding-top: 892px;
	padding-top: 8.92rem;
}

.new__ss2_out {
	padding-top: 320px;
	padding-top: 3.20rem;
}
.new__ss1 {
	margin: auto;
	width: 805px;
	width: 8.05rem;
	font-size: 0;
}
.new__ss1-pic {
	width: 805px;
	width: 8.05rem;
	text-align: center;
}
.new__ss1-pic img {
	width: 805px;
	width: 8.05rem;
	height: 1138px;
	height: 11.38rem;
	margin: auto;
}

.new__ss2 {
	margin: auto;
	width: 805px;
	width: 8.05rem;
	font-size: 0;
}
.new__ss2-pic {
	width: 805px;
	width: 8.05rem;
	text-align: center;
}
.new__ss2-pic img {
	width: 805px;
	width: 8.05rem;
	height: 1138px;
	height: 11.38rem;
	margin: auto;
}





.copyright3{
	position: absolute;
	top: 3760px;
	top: 37.60rem;
	width: 1190px;
	width: 11.90rem;
	color:#fff;
	text-align:right;
	padding-right: 30px;
	padding-right: .3rem;
}









.head_img img{
	width: 911px;
	width: 9.11rem;
	height: 1295px;
	height: 12.95rem;
	margin-bottom: 144px;
	margin-bottom: 1.44rem;
	box-shadow:5px 6px 10px -2px #dedede;
}
.copy p{
	font-size:150%;
	text-align:left;
	color:#fff;
	padding-left:32px;
	padding-left:0.30rem;
}


.bottom_btn{
	margin-bottom: 20px;
	margin-bottom: .20rem;
}
.bottom_btn img{
	width: 276px;
	width: 2.76rem;
	margin: auto 25px auto 25px;
	margin: auto .25rem auto .25rem;
}


.top__ss02 {
	margin: auto;
	width: 890px;
	width: 8.90rem;
	font-size: 0;
	margin-bottom: 370px;
	margin-bottom: 3.7rem;
}

.top__ss02-pic {
	width: 890px;
	width: 8.90rem;
	text-align: center;
}

.top__ss02-pic img {
	width: 890px;
	width: 8.90rem;
	margin: auto;

}



/*-------------------------------------------------------------------------*/

.anniversary_wrap {
	padding-top:3362px;
	padding-top:33.62rem;
	background-size: 100% 100%;
	height: 3948px;
	height: 39.48rem;
}

.top_btn-group{
	width: 1190px;
	width: 11.90rem;
}
.top_btn-01  {
	text-align: center;
	width: 988px;
	width: 9.88rem;
	margin: auto;
}
.top_btn-01 a img {
	width: 988px;
	width: 9.88rem;
}
.top_btn-02  {

}
.top_btn-02 a img {
	margin-top: 129px;
	margin-top: 1.29rem;
	margin-left:650px;
	margin-left:6.50rem;
	width: 434px;
	width: 4.34rem;
}

/*-------------------------------------------------------------------------*/
.access_wrap .copy p{
	margin-top: 200px;
	margin-top: 2.00rem;
	font-size:150%;
	text-align:left;
	color:#fff;
	padding-left:32px;
	padding-left:0.30rem;
}



.access_wrap.black {
	background: url(../../img/access/ac_bgblack.jpg);
	background-size: 100% 100%;
	height: 6657px;
	height: 66.57rem;
	text-align: center;
	margin: auto;
}
.access_wrap.red {
	background: url(../../img/access/ac_bgred.jpg);
	background-size: 100% 100%;
	height: 6657px;
	height: 66.57rem;
	text-align: center;
	margin: auto;
}




.access_pic1 img{
	width: 789px;
	width: 7.89rem;
	box-shadow:6px 9px 9px -2px #9e9e9e;
	position: absolute;
	margin-top: -1250px;
	margin-top: -12.50rem;
	text-align: center;
	left: 50%;
	transform: translate(-50%, 0%);
	overflow: hidden;
}


.access_head img{
	width: 1190px;
	width: 11.90rem;
	text-align: center;

}
.access_body img{
	width: 1190px;
	width: 11.90rem;
	text-align: center;
	margin-bottom: 50px;
	margin-bottom: .50rem;
}
.access_info {
	width: 1190px;
	width: 11.90rem;
	text-align: center;
	margin-bottom:1720px;
	margin-bottom: 17.20rem;

}
.access_info_map {
	width: 800px;
	width: 8.00rem;
	margin: auto;
	overflow:hidden;
}
.access_info_map iframe{
	width: 800px;
	width: 8.00rem;
	height: 800px;
	height: 8.00rem;
}
.map_btn{
	margin-top:-100px;
	margin-top:-1rem;
	width: 1190px;
	width: 11.90rem;
	position:relative;
}
.map_btn img{
	width: 346px;
	width: 3.46rem;
	height:73px;
	height: .73rem;
	margin-left:-410px;
	margin-left:-4.10rem;

}


.ac__ss1out {
	padding-top:762px;
	padding-top:7.62rem;
}
.ac__ss1 {
	margin: auto;
	width: 980px;
	width: 9.80rem;
	font-size: 0;
	margin-bottom: 900px;
	margin-bottom: 9.00rem;
}

.ac__ss1 .flickity-prev-next-button.previous {
	height: 143px;
	height: 1.43rem;
	left: -60px;
	left: -0.60rem;
	background: url(../../img/access/button_l.png);
	background-size: cover;
}

.ac__ss1 .flickity-prev-next-button.next {
	height: 143px;
	height: 1.43rem;
	right: -60px;
	right: -0.60rem;
	background: url(../../img/access/button_r.png);
	background-size: cover;
}

.ac__ss1-pic {
	width: 980px;
	width: 9.80rem;
	height: 688px;
	height: 6.88rem;
	text-align: center;

}

.ac__ss1-pic img {
	width: 940px;
	width: 9.40rem;
	-webkit-box-shadow: 7px 30px 15px 0px #111;
	-moz-box-shadow: 7px 30px 15px 0px #111;
	box-shadow: 7px 30px 15px 0px #111;
	margin-top: 10px;
	margin-top: 0.1rem;
}

.ac__ss2 {
	margin: auto;
	width: 891px;
	width: 8.91rem;
	font-size: 0;
	margin-bottom: 25px;
	margin-bottom: .25rem;
}


.ac__ss2-pic {
	width: 891px;
	width: 8.91rem;
	height: 1259px;
	height: 12.59rem;
	text-align: center;

}

.ac__ss2-pic img {
	width: 891px;
	width: 8.91rem;

}

#footc #wpfront-scroll-top-container{
	left:20px !important;
	left:0.2rem !important;
	bottom:20px !important;
	bottom:0.2rem !important;
}
#wpfront-scroll-top-container img{
	width: 532px !important;
	width: 5.32rem !important;
	height: 532px !important;
	height: 5.32rem !important;
}