@charset "UTF-8";
/*2025.07:summerentertainment*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
html,body{margin:0;padding:0;width:100%;}section,footer,header{margin:0;padding:0}ul{list-style:none}ul li{vertical-align:top}label{display:inline-block;margin-bottom:0.5rem;}button,input{overflow:visible;}button,select{text-transform: none;}table,tbody,tr,th,td{margin:0;padding:0;}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}textarea{overflow:auto;resize:vertical;}input[type="radio"], input[type="checkbox"]{box-sizing:border-box;padding:0;}input:-internal-autofill-selected{background-color:transparent;}button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer;}*,*::before,*::after{box-sizing:border-box;}em{font-style:normal;}
/*a {outline: none;}a img {outline:none;}a:focus, *:focus {outline:none;}*/
a:link{text-decoration:none;}a:visited{text-decoration:none;}a:active{text-decoration:none;}a:hover{text-decoration:none;}
html,body{height:100%;}html{font-size:62.5%;}
:root{
  --main-blue-color: #0b74d7;
  --main-blue2-color: #005dd1;
  --main-lightblue-color: #23acff;
}
body{
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
	font-size: 62.5%;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	color: var(--main-blue2-color);
	background-color: #fff;
}
/*support_iOS*/
html{height:-webkit-fill-available;}
body{min-height:100vh;min-height:-webkit-fill-available;}
img,svg{width:100%;height:auto;vertical-align:top;}
.is_pc{display: block !important;}
.is_sp{display: none !important;}
@media screen and (max-width:599px){
.is_pc{display: none !important;}
.is_sp{display: block !important;}
}
/*--------------------------------------------------------
animation
--------------------------------------------------------*/
.animation{opacity:0;}
.fadeInDown {
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1.2s;
animation-duration:1.2s;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
visibility:visible!important;
}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(50px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
.anime-delay1{
-webkit-animation-delay:.3s;
animation-delay:.3s;
}
.anime-delay2{
-webkit-animation-delay:.6s;
animation-delay:.6s;
}
.anime-delay3{
-webkit-animation-delay:.9s;
animation-delay:.9s;
}
/*-----------------------
modal
-----------------------*/
.modalbg{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
  display:none;
}
.modalbg-btn{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  z-index:-1;
}
.modalContent{
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  z-index:1000;
}
.modal-wrapper{
  position: absolute;
  margin: auto;
  padding: 0;
  width: 620px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.modal-contents{
  position:relative;
  margin:0 auto;
  padding:0;
  width:100%;
  border-radius: 15px;
  box-sizing: border-box;
  border: 5px solid var(--main-blue2-color);
  background-color: #fff;
}
.modal-contents-innr{
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
.modal-contents-list{
  position: relative;
  margin-bottom: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-contents-list.nolink{
  margin-bottom: 0!important;
}
.modal-contents-img{
  position: relative;
  margin: 0 auto;
  margin-right: 35px;
  width: 210px;
  text-align: center;
}
.modal-contents-detail{
  position: relative;
  width: calc( 100% - 245px );
}
.mdlimg-illust{
  margin: 0 auto;
  width: 208px;
  display: inline-block;
  animation: fuwafuwa 3s ease-in-out infinite;
}
@keyframes fuwafuwa {
0%  {transform: scale(1);}
50% {transform: scale(1.14);}
100%{transform: scale(1);}
}
.mdlttl-illust1{
  position: relative;
  margin-bottom: 20px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.8rem;
  line-height: 1.3;
  text-align: left;
  color: var(--main-blue2-color);
  letter-spacing: -1px;
}
.mdlttl-illust1-note{
  display: block;
  padding-top: 5px;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-align: left;
  color: #666;
}
.mdltxt-illust{
  position: relative;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: left;
  color: var(--main-blue2-color);
}
/*mdl-btn-link*/
.mdl-btn-link{
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 8px 60px;
  width: auto;
  border-radius: 100vh;
  background: linear-gradient(to bottom, var(--main-blue-color), var(--main-lightblue-color));
  box-sizing: border-box;
  outline: 3px solid var(--main-blue-color);
  outline-offset: 0px;
  border: 3px solid #fff;
  transition: all .3s ease;
}
.mdl-btn-link img{
  width: 90px;
}
.mdl-btn-link::after{
  content: '';
  position: absolute;
  width: 7px;
  height: 11px;
  top: 50%;
  right: 10px;
  transform: translate(0,-50%);
  background-image: url(../image/modal/ico_mdl_arrw.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px 11px;
}
.mdl-btn-link:hover{
  background: linear-gradient(to bottom, var(--main-lightblue-color), var(--main-blue-color));
  transform: scale(1.1);
}
@media screen and (max-width:599px){
  .modal-wrapper{
    width: 90vw;
  }
  .modal-contents-innr{
    padding-top: 8vw;
    padding-bottom: 8vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .modal-contents-list{
    margin-bottom: 7vw;
    display: block;
  }
  .modal-contents-img{
    margin: 0 auto;
    margin-bottom: 7vw;
    width: 62vw;
  }
  .modal-contents-detail{
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  .mdlimg-illust{
    width: 100%;
  }
  .mdlttl-illust1{
    margin: 0 auto;
    margin-bottom: 5vw;
    text-align: center;
    font-size: 2.8rem;
  }
  .mdlttl-illust1-note{
    text-align: center;
    font-size: 1.3rem;
  }
  .mdltxt-illust{
    text-align: center;
    font-size: 1.5rem;
  }
  .mdl-btn-link{
    padding: 2.2vw 17vw;
    outline: 3px solid var(--main-blue-color);
    border: 3px solid #fff;
    text-align: center;
  }
  .mdl-btn-link img{
    width: 24vw;
  }
  .mdl-btn-link::after{
    width: 7px;
    height: 11px;
    right: 2.6vw;
    background-size: 7px 11px;
  }
}
/*modal-close*/
.modal-close{
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  top: -17px;
  right: -17px;
  transition: all .3s ease;
  cursor: pointer;
  z-index: 4;
}
.modal-close:hover{
  transform: rotate(180deg);
}
@media screen and (max-width:599px){
  .modal-close{
    width: 8vw;
    height: 8vw;
    top: -4vw;
    right: -4vw;
  }
}
/*wrapper*/
#wrapper{
  position: relative;
  width: 100%;
}
/*-----------------------
main-contents
-----------------------*/
.main-contents{
  position: relative;
  width: 100%;
  overflow: hidden;
  background-image: url(../image/bg_gradimg_pc.jpg);
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100% auto;
  z-index: 1;
}
.main-contents a:hover img {
  opacity: 1!important;
}
@media screen and (max-width:599px){
  .main-contents{
    background-image: url(../image/bg_gradimg_sp.jpg);
  }
}
/*-----------------------
main-kv
-----------------------*/
.main-kv{
  position: relative;
  width: 100%;
}
.logo-lions{
  position: absolute;
  width: 150px;
  top: 40px;
  right: 40px;
  z-index: 5;
}
.main-kvimg{
  position: relative;
  margin-bottom: 312px;
  width: 100%;
}
.logo-nekkyousoukai{
  position: absolute;
  width: 500px;/*714px;*/
  bottom: -220px;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 1;
  transition: all .3s ease;
  opacity: 0;
}
.main-kvimg-img{
  position: relative;
  width: 100%;
  transition: all .5s ease;
  opacity: 0;
}
.logo-nekkyousoukai.logo-active{
  width: 714px;
  opacity: 1;
}
.main-kvimg.op-active .main-kvimg-img{
  opacity: 1;
}
@media screen and (max-width:599px){
  .logo-lions{
    width: 20vw;
    top: 2.5vw;
    right: 2.5vw;
  }
  .main-kvimg{
    margin-bottom: 34vw;
  }
  .logo-nekkyousoukai{
    width: 73vw;
    bottom: -24vw;
  }
  .logo-nekkyousoukai.logo-active{
    width: 83vw;
  }
}
/*-----------------------
soukaimap
-----------------------*/
.soukaimap{
  position: relative;
  width: 100%;
}
.ttl-soukaiarea-map{
  position: relative;
  margin: 0 auto;
  margin-bottom: 50px;
  width: 368px;
}
.ttl-soukaiarea-map::before{
  content: '';
  position: absolute;
  width: 62px;
  height: 96px;
  top: -22px;
  left: -70px;
  background-image: url(../image/ico_soukaimap_circle1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 62px 96px;
  pointer-events: none;
}
.ttl-soukaiarea-map::after{
  content: '';
  position: absolute;
  width: 59px;
  height: 68px;
  top: -2px;
  right: -80px;
  background-image: url(../image/ico_soukaimap_circle2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 59px 68px;
  pointer-events: none;
}
@media screen and (max-width:599px){
  .ttl-soukaiarea-map{
    margin-bottom: 8vw;
    width: 50vw;
  }
  .ttl-soukaiarea-map::before{
    width: 8.27vw;
    height: 12.8vw;
    top: -2.9vw;
    left: -9vw;
    background-size: 8.27vw 12.8vw;
  }
  .ttl-soukaiarea-map::after{
    width: 7.87vw;
    height: 9.1vw;
    top: -0.5vw;
    right: -10.7vw;
    background-size: 7.87vw 9.1vw;
  }
}
/*soukaimap-out*/
.soukaimap-out{
  position: relative;
  width: 100%;
  background-image: url(../image/bg_map_area_pc.png);
  background-repeat: no-repeat;
  background-position: top 0 center;
  background-size: 100% auto;
}
.map-outfield{
  position: relative;
  margin: 0 auto;
  padding-top: 66px;
  width: 1010px;
  height: 740px;
}
.map-outfield-img{
  position: absolute;
  width: 1010px;
  top: 65px;
  left: 50%;
  transform: translate(-50%,0);
}
.map-outpoint{
  position: absolute;
  width: 77px;
  transition: all .3s ease;
  z-index: 2;
  transform: scale(0);
}
.map-outpoint a{
  position: relative;
  display: block;
  transition: all .3s ease;
}
.map-outpoint a:hover{
  transform: scale(1.15);
}
.outpoint1{
  top: 230px;
  left: 150px;
 }
.outpoint2{
  top: 308px;
  left: 190px;
}
.outpoint3{
  top: 416px;
  left: 274px;
}
.outpoint4{
  top: 302px;
  left: 362px;
}
.outpoint5{
  top: 375px;
  left: 446px;
}
.outpoint6{
  top: 424px;
  left: 545px;
}
.outpoint1.point-active{transition-delay: 0s;}
.outpoint2.point-active{transition-delay: .2s;}
.outpoint3.point-active{transition-delay: .4s;}
.outpoint4.point-active{transition-delay: .6s;}
.outpoint5.point-active{transition-delay: .8s;}
.outpoint6.point-active{transition-delay: 1s;}
.map-outpoint.point-active{
  transform: scale(1);
}
@media screen and (max-width:599px){
  .soukaimap-out{
    background-image: url(../image/bg_map_area_sp.png);
  }
  .map-outfield{
    padding-top: 5vw;
    width: 150vw;
    height: 110vw;
  }
  .map-outfield-img{
    margin-left: -10vw;
    width: 150vw;
    top: 8vw;
    left: 50%;
    transform: translate(-50%,0);
  }
  .map-outpoint{
    width: 11.5vw;
  }
  .outpoint1{
    top: 34vw;
    left: 21vw;
  }
  .outpoint2{
    top: 45vw;
    left: 28vw;
  }
  .outpoint3{
    top: 63vw;
    left: 40vw;
  }
  .outpoint4{
    top: 45vw;
    left: 55vw;
  }
  .outpoint5{
    top: 55vw;
    left: 67vw;
  }
  .outpoint6{
    top: 63vw;
    left: 81vw;
  }
}
/*soukaimap-in*/
.soukaimap-in{
  position: relative;
  margin-top: -36px;
  padding-top: 36px;
  width: 100%;
  background-image: url(../image/bg_map_area_pc.png);
  background-repeat: no-repeat;
  background-position: top 0 center;
  background-size: 100% auto;
}
.map-infield{
  position: relative;
  margin: 0 auto;
  padding-top: 44px;
  width: 724px;
  height: 765px;
}
.map-infield-img{
  position: absolute;
  width: 724px;
  top: 42px;
  left: 50%;
  transform: translate(-50%,0);
}
.map-inpoint{
  position: absolute;
  width: 88px;
  transition: all .3s ease;
  z-index: 2;
  transform: scale(0);
}
.map-inpoint a{
  position: relative;
  display: block;
  transition: all .3s ease;
}
.map-inpoint a:hover{
  transform: scale(1.15);
}
.inpoint1{
  top: -4px;
  left: 160px;
}
.inpoint2{
  top: -4px;
  left: 486px;
}
.inpoint3{
  top: 527px;
  left: 186px;
}
.inpoint4{
  top: 450px;
  left: 407px;
}
.inpoint5{
  top: 527px;
  left: 462px;
}
.inpoint1.point-active{transition-delay: 0s;}
.inpoint2.point-active{transition-delay: .2s;}
.inpoint3.point-active{transition-delay: .4s;}
.inpoint4.point-active{transition-delay: .6s;}
.inpoint5.point-active{transition-delay: .8s;}
.map-inpoint.point-active{
  transform: scale(1);
}
.img_mistmark{
  position: absolute;
  width: 236px;
  bottom: 65px;
  left: -112px;
  pointer-events: none;
}
@media screen and (max-width:599px){
  .soukaimap-in{
    margin-top: -5vw;
    padding-top: 5vw;
    background-image: url(../image/bg_map_area_sp.png);
  }
  .map-infield{
    padding-top: 4vw;
    width: 97vw;
    height: 110vw;
  }
  .map-infield-img{
    width: 97vw;
    top: 5.8vw;
    left: 50%;
    transform: translate(-50%,0);
  }
  .map-inpoint{
    width: 11.5vw;
  }
  .inpoint1{
    top: 0;
    left: 21vw;
  }
  .inpoint2{
    top: 0;
    left: 66vw;
  }
  .inpoint3{
    top: 72vw;
    left: 26vw;
  }
  .inpoint4{
    top: 61vw;
    left: 55vw;
  }
  .inpoint5{
    top: 72vw;
    left: 62vw;
  }
  .img_mistmark{
    width: 17.4vw;
    bottom: auto;
    top: 2vw;
    left: 1vw;
  }
}
/*-----------------------
soukaimap-detail
-----------------------*/
.soukaimap-detail{
  position: relative;
  margin-top: -36px;
  padding-top: 36px;
  width: 100%;
}
.bg-wave-elems{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.maincopy-area{
  position: relative;
  margin: 0 auto;
  width: 100%;/*776px;*/
  z-index: 1;
}
.maincopy{
  position: relative;
  margin: 0 auto;
  padding-top: 324px;
  padding-bottom: 300px;
  width: 100%;/*776px;*/
  z-index: 1;

  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.8rem;
  line-height: 1.8;
  text-align: center;
  color: var(--main-blue2-color);
}
.txt-spcg{
  letter-spacing: -1rem;
}
.maincopy-elems{
  position: absolute;
  pointer-events: none;
  z-index: -1;
  transition: all .3s ease;
}
.img-family{
  width: 536px;
  top: -36px;
  left: 50%;
  margin-left: -720px;
  transform: scale(0);
  transition-delay: 0s;
}
.img-couple{
  width: 488px;
  bottom: 125px;
  left: 50%;
  margin-left: 270px;
  transform: scale(0);
  transition-delay: .4s;
}
.img-ghosttrain{
  width: 260px;
  top: 80px;
  left: 50%;
  margin-left: 370px;
  transform: scale(0);
  transition-delay: .2s;
}
.img-ghost{
  position: absolute;
  width: 156px;
  top: -135px;
  right: -12px;
  pointer-events: none;
  transition: all .3s ease;
  transform: scale(0);
  transition-delay: .6s;
}
.img-icepack{
  width: 248px;
  bottom: 180px;
  left: 50%;
  margin-left: -600px;
  transform: scale(0);
  transition-delay: .6s;
}
.img-towel{
  width: 224px;
  bottom: 20px;
  left: 50%;
  margin-left: -370px;
  transform: scale(0);
  transition-delay: .8s;
}
.maincopy-area.elems-active .img-family{transform: scale(1);}
.maincopy-area.elems-active .img-couple{transform: scale(1);}
.maincopy-area.elems-active .img-ghosttrain{transform: scale(1);}
.maincopy-area.elems-active .img-ghost{transform: scale(1);}
.maincopy-area.elems-active .img-icepack{transform: scale(1);}
.maincopy-area.elems-active .img-towel{transform: scale(1);}
.img-circle1{
  width: 104px;
  top: 60px;
  left: 50%;
  margin-left: -140px;
}
.img-circle2{
  width: 60px;
  top: 458px;
  left: 50%;
  margin-left: -650px;
}
.img-circle3{
  width: 100px;
  top: 550px;
  left: 50%;
  margin-left: -570px;
}
.img-circle4{
  width: 56px;
  bottom: 52px;
  left: 50%;
  margin-left: -455px;
}
.img-circle5{
  width: 26px;
  top: 190px;
  left: 50%;
  margin-left: 270px;
}
.img-circle6{
  width: 70px;
  top: 425px;
  left: 50%;
  margin-left: 520px;
}
.img-circle7{
  width: 44px;
  bottom: 115px;
  left: 50%;
  margin-left: 170px;
}
.img-circle8{
  width: 64px;
  bottom: 40px;
  left: 50%;
  margin-left: 255px;
}
@media screen and (max-width:599px){
  .soukaimap-detail{
    margin-top: -10vw;
    padding-top: 10vw;
  }
  .maincopy-area{
    width: 90vw;
  }
  .maincopy{
    padding-top: 48vw;
    padding-bottom: 77vw;
    width: 90vw;
    font-size: 4vw;
    line-height: 2;
  }
  .img-family{
    width: 70vw;
    top: -11vw;
    margin-left: -60vw;
  }
  .img-couple{
    width: 65vw;
    bottom: 14vw;
    margin-left: -10vw;
  }
  .img-ghosttrain{
    width: 35vw;
    top: 12vw;
    margin-left: 12vw;
  }
  .img-ghost{
    width: 21vw;
    top: -18vw;
    right: -2vw;
  }
  .img-icepack{
    width: 30vw;
    bottom: 42vw;
    margin-left: -46vw;
  }
  .img-towel{
    width: 22vw;
    bottom: 4vw;
    margin-left: -35vw;
  }
  .img-circle1{
    width: 9vw;
    top: 47vw;
    margin-left: -44vw;
  }
  .img-circle2{
    width: 8vw;
    top: 120vw;
    margin-left: -46vw;
  }
  .img-circle3{
    width: 6.5vw;
    top: 176vw;
    margin-left: -43vw;
  }
  .img-circle4{
    display: none;
  }
  .img-circle5{
    width: 6vw;
    top: 53vw;
    margin-left: 38vw;
  }
  .img-circle6{
    display: none;
  }
  .img-circle7{
    display: none;
  }
  .img-circle8{
    width: 3.8vw;
    bottom: 84vw;
    margin-left: 36vw;
  }
}
/*bnr-area*/
.bnr-area{
  position: relative;
  padding-top: 66px;
  padding-bottom: 100px;
  width: 100%;
}
.ttl-eventinfo{
  position: relative;
  display: block;
  margin: 0 auto;
  margin-bottom: 58px;
  width: 230px;
}
.ttl-eventinfo::before{
  content: '';
  position: absolute;
  width: 50px;
  height: 102px;
  top: -40px;
  left: -55px;
  background-image: url(../image/ico_eventinfo_circle1.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 102px;
  pointer-events: none;
}
.ttl-eventinfo::after{
  content: '';
  position: absolute;
  width: 50px;
  height: 76px;
  top: -22px;
  right: -60px;
  background-image: url(../image/ico_eventinfo_circle2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 76px;
  pointer-events: none;
}
.bnr-area-link{
  position: relative;
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
  width: 630px;
  height: auto;/*354px;*/
  overflow: hidden;
  background-color: var(--main-blue2-color);
}
.btn-detaillink{
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  width: 442px;
  border-radius: 100vh;
  background: linear-gradient(to bottom, var(--main-blue-color), var(--main-lightblue-color));
  box-sizing: border-box;
  outline: 5px solid var(--main-blue-color);
  outline-offset: 0px;
  border: 5px solid #fff;
  transition: all .3s ease;
}
.btn-detaillink img{
  width: 158px;
}
.btn-detaillink::after{
  content: '';
  position: absolute;
  width: 16px;
  height: 27px;
  top: 50%;
  right: 30px;
  transform: translate(0,-50%);
  background-image: url(../image/ico_arrw.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 27px;
}
.btn-detaillink:hover{
  background: linear-gradient(to bottom, var(--main-lightblue-color), var(--main-blue-color));
  transform: scale(1.1);
}
.btn-officialtop{
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 100px;
  width: 265px;
  transition: all .4s ease;
}
.btn-officialtop:hover{
  opacity: 0.7;
}
@media screen and (max-width:599px){
  .bnr-area{
    padding-top: 9vw;
    padding-bottom: 13vw;
  }
  .ttl-eventinfo{
    margin-bottom: 10vw;
    width: 32vw;
  }
  .ttl-eventinfo::before{
    width: 6vw;
    height: 12.3vw;
    top: -5.3vw;
    left: -7.5vw;
    background-size: 6vw 12.3vw;
  }
  .ttl-eventinfo::after{
    width: 6vw;
    height: 9.2vw;
    top: -2vw;
    right: -7.5vw;
    background-size: 6vw 9.2vw;
  }
  .bnr-area-link{
    margin-bottom: 10vw;
    width: 85vw;
  }
  .bnr-area-link:hover{
    opacity: 1;
  }
  .btn-detaillink{
    padding: 2.6vw 0;
    outline: 0.7vw solid var(--main-blue-color);
    border: 0.7vw solid #fff;
    width: 85vw;
  }
  .btn-detaillink img{
    width: 30vw;
  }
  .btn-detaillink::after{
    width: 1.6vw;
    height: 3.2vw;
    right: 3.2vw;
    background-size: 1.6vw 3.2vw;
  }
  .btn-officialtop{
    margin-top: 13vw;
    width: 43vw;
  }
  .btn-officialtop:hover{
    opacity: 1;
  }
}
/*-----------------------
footer
-----------------------*/
.footer{
  position: relative;
  width: 100%;
  background-image: url(../image/bg_footer_pc.png);
  background-repeat: no-repeat;
  background-position: top 0 center;
  background-size: 100% auto;
}
.footer-copyright{
  padding-top: 70px;
  padding-bottom: 35px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width:599px){
  .footer{
    background-image: url(../image/bg_footer_sp.png);
  }
  .footer-copyright{
    padding-top: 8vw;
    padding-bottom: 9.4vw;
    font-size: 1rem;
  }
}