/* CSS Document */
:root {
  --f-over: 'Overpass', sans-serif;
  --f-pop: 'Poppins', sans-serif;
  --f-jp: YakuHanJP,'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --f-jp-m: YakuHanJP,'M PLUS 1p', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

  --c-blue:#006ce8;
  --bg--001:linear-gradient(90deg, #58c6ff 0%, #006ce8 40%, #1fbeff 80%);
}




.body {
  /* background: url("../img/bg_loop.jpg"); */
  /* padding-bottom: 40px; */
  overflow: hidden;
  /* background-position: 50%;
  background-repeat: repeat-y;
  background-size: 100%; */
  
}
a{
  color: #fff;  
  text-decoration: none;
  }

  img{
    width: 100%;  
    }


  .pcdis {display:block!important;}@media (max-width: 768px){.pcdis {display:none!important;}}
  .pcdis2 {display:fixed!important;}@media (max-width: 768px){.pcdis {display:none!important;}}
  .spdis {display:none!important;}@media (max-width: 768px){.spdis {display:block!important; }}


.lity-iframe-container iframe{
   background:#0000 !important ; 
   box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  }

.lity-content:after{
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);  
}  


.pop-bg-w{
background: #fff;
padding: 1vw 0;
  }

.pop-bg-w ul.btn {
padding: 0;
}
  
  
@media (min-width: 768px){
  .pop-bg-w{
    padding: 30px 0;
      }  
}



@keyframes my-fade-in {
  0% {
    opacity: 0;
    filter: grayscale(100%)  blur(5px);
  }

  100% {
    opacity: 1;
    filter: grayscale(0%)  blur(0px);
  }
}
.myfadein{  
  /* .boxが「my-fade-in」で状態変化するように指定 */
  animation-name:     my-fade-in;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}



@keyframes my-fade-in2 {
  from {
    opacity: 0;
    filter: blur(0px) ;
  }
  to {
    opacity: 1;
    filter: blur(0px) ;
  }
}
.myfadein2 {  
  opacity: 0;
  animation-name:     my-fade-in2;
  animation-delay: 4s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
/*  */
@keyframes my-fade-in3 {
  from {
    opacity: 0;
    filter: blur(10px) ;

  }
  to {
    opacity: 1;
    filter: blur(0px) ;
  }
}
.myfadein3 {  
  opacity: 0;
  animation-name:     my-fade-in3;
  animation-delay: 0.5s;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}

/**/
#sec00{
  background-repeat: repeat;
  background: url(../img/stars.png) repeat top center,radial-gradient(70% 60% at 28% 66%,rgba(0,0,0,.63) 12.61%,rgba(0,5,59,.39) 62.61%),radial-gradient(rgba(0,84,161,1),rgba(0,0,0,.46) 95.8%),repeating-linear-gradient(rgba(11,0,33,.68),rgba(3,0,13,.87) 95.8%),linear-gradient(253deg,#000,rgba(1,7,56,1) 95.8%);
  position: relative;
  padding: 0 0 10rem;
}

.night-bk{
  background-repeat: repeat;
  background: url(../img/stars.png) repeat top center,radial-gradient(70% 60% at 28% 66%,rgba(0,0,0,.63) 12.61%,rgba(0,5,59,.39) 62.61%),radial-gradient(rgba(0,84,161,1),rgba(0,0,0,.46) 95.8%),repeating-linear-gradient(rgba(11,0,33,.68),rgba(3,0,13,.87) 95.8%),linear-gradient(253deg,#000,rgba(1,7,56,1) 95.8%);
}

/**/
#loves{
  background: url("../img/bg_loves.jpg");
  background-size: cover; 
  }

.container.wide {
    width: 1040px;
    margin: 0 auto;
}
.container.wide100 {
  width: 100vw;
  margin: 0;
  padding: 0;
}



@media (max-width: 768px){

#sec00{
  padding: 0 0 3rem;
}



  .container.wide {
    width: 100%;
} 
}

/* detail
*********************************************************************/

#loves #sec01 .read01 {
  margin-bottom: 0%;
  }


#sec01, #sec03{
  padding-top: 48px;  
 padding-bottom: 48px; 
}
@media (max-width: 768px){
  #sec01, #sec03{
    padding-top: 0px;  
  padding-bottom: 0.5rem; 
  }  
}



#sec03{
  padding-top: 0px;  
  padding-bottom: 0px; 
}
#sec04{
  padding-top: 0px;  
  padding-bottom: 0px; 
  margin: 0 auto;
}


#sec01 .title, #sec03 .title, #sec04 .title {
  margin-bottom: 3%;
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.05rem;
  color: #f39800;
  font-weight: 800;
}
@media (max-width: 768px) {
  #sec01 .title, #sec03 .title, #sec04 .title {
    font-size: 20px;
    padding-top: 0px;
  }
}
#sec01 .title{
  font-size: 28px;  
}


#sec03 .title {
  color: #fff; 
  font-size: 36px;
  letter-spacing: 0.25rem;
}
#sec03 .cnt {
  color: #fff;
  font-family:var(--f-jp);
}

#sec03 .cnt .tit-txt-e{
font-family: var(--f-pop);  
font-style: italic;
font-size: 20px;
font-weight: 900;
letter-spacing: 0.05rem;
line-height: 1;
}
#sec03 .cnt .tit-txt-jp{
  font-family:var(--f-jp);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05rem;
}
#sec03 .cnt .tit-txt-jp span{
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0rem;
}
#sec03 .cnt .pickup{
  font-family:var(--f-jp);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05rem;
  color: #5b3910;
  background: #fff;
  border-radius: 4px;
  margin: 0.5rem auto;
  padding: 0.1rem 1rem;
  width: 52vw;
}
#sec03 .cnt .line{
  width: 10vw;
  height: 2px;
  margin: 3vw auto;
  background-color: #fff;
  text-align: center;
}
#sec03 .cnt .main-txt{
text-align: justify;
line-height: 2;
font-family: var(--f-jp);
font-size: 13px;
font-weight: 500;
padding: 1rem 0 1rem;
}
#sec03 .cnt .info-txt{
  line-height: 1.6;
  font-family: var(--f-jp);
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 1rem ;
  color: #fff;
  margin: 0;
  text-align: left;
  }
  #sec03 .cnt .info-txt span{
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    margin: 1rem 0.5rem 1rem 0;
    padding: 0.3rem 0.6rem;
    font-size: 12px;
    font-weight: 300;
  }
  #sec03 .cnt .sub-txt{
    text-align: justify;
    line-height: 1.6;
    font-family: var(--f-jp);
    font-size: 14px;
    font-weight: 300;
    padding: 1rem 0 0.75rem;
    }
@media (min-width: 768px){
#sec03 .cnt .tit-txt-e{
font-size: 25px; 
  }
  #sec03 .cnt .tit-txt-jp{
  font-size: 12px;  
  }  
#sec03 .cnt .line{
  width: 40px;
  margin: 1rem auto 1.25rem;
}
#sec03 .cnt .main-txt{
font-size: 16px;  
}
}



/* table01 */
#table01 {
width: 100%;
}



#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
  font-size: 14px;
}

#table01 th {
  width: 100px;

}

#table01 th div {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 4px;
}
#table01 td {
  text-align: justify;
      width: 75%;
      line-height: 1;
    }



@media (max-width: 768px){
  #table01 th,
  #table01 td {
    padding: 0px;
    font-weight: 600;
    line-height: 1.5;
  }

  #table01 tr{
    vertical-align: initial;
  }


  #table01 th{
    width: 25%;
    margin: 1rem 0rem 1rem 0;
    padding: 0.3rem 0.6rem 0.3rem 0rem;
    font-size: 12px;
  }

#table01 td {
text-align: justify;
    width: 75%;
}


#table01 td span{
    background: linear-gradient(transparent 80%, rgba(255, 255, 55, 0.4) 20%);
}

#table01 td span.csoon{
  background: linear-gradient(transparent 0%, rgba(255, 255, 55, 0) 20%);
  opacity: 0.75;
  letter-spacing: 0.05rem;
}


}



/* #sec03 .cnt .main-txt.tour{
  font-size: 12px;
  } */

@media (max-width: 768px){
#sec01 .title, #sec03 .title {
      font-size: 20px;
    }
  } 


  @media (max-width: 768px){
      #sec01 .title, #sec03 .title {
        font-size: 18px;
      }
    } 



#sec03 .title_sub {
  font-family: var(--f-jp);
  padding-top: 2rem;
  margin-bottom: 3%;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.05rem;
  color: #ffffff;
line-height: 1.8;
}
@media (max-width: 768px) {
#sec03 .title_sub {
    font-size: 16px;
    padding-top: 40px;
    margin-bottom: 40px;
    text-align: justify;
    line-height: 1.5;
  }
}

.title_sub span{
  background:linear-gradient(transparent 80%, rgba(255, 255, 55, 0.7) 20%);
}



#sec01 .info{
  margin:0 auto;
  width:400px;
  padding:0px;
  border:2px solid rgb(255, 255, 255);
border-radius: 10px;
}


@media (max-width: 768px){
  #sec01 .info{
    width: 80%;
    padding: 0.5rem 0.75rem;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
    margin: 30px auto 20px;
  } 

}


#sec01 .info .area{
  margin: auto;
  color: #fff;
}




.area.areatext {
  height:50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.area.areatext .time{
font-size: 24px;
font-weight: 900;
}
.area.areatext .time_more{
  font-size: 14px;
  font-weight: 200;
  }
@media (max-width: 768px){
  .area.areatext {
    height:auto;
  }   
  .area.areatext .time{
    font-size: 16px;
}
.area.areatext .time_more{
font-size: 14px;
font-weight: 200;
}
}


.area .ber, .area .ber2{
width: 920px; 
border-bottom: dotted 1px #ffffff;
display: block;
margin: 0.5rem;
}
.area .ber2{
  width: 420px; 
  }
@media (max-width: 768px){
  .area .ber, .area .ber2{
    width: 100%; 
    } 
}


.main_visual .mv {
  position: relative;
  overflow: hidden;
  background: url("../img/home/mv-bg.jpg") no-repeat center center/cover;
  width: 100vw;
  height: 48.7vw;
  min-width: 860px;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
}

.main_visual .mv .img01 {
  position: absolute;
  left: 50%;
top: 50%;
  transform: translate(-50%, -50%);

width: 100vw;
height: auto;
  /* min-width: 840px; */
}

.main_visual .mv .img02 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0vh;
  width: 100vw;
  /* min-width: 690px; */
}

.main_txt{
  font-size: 34px;
font-family: var(--f-jp-m);
font-weight: 800;
font-style: normal;
color: #fff;
width: 100%;
text-align: center;
line-height: 1;
bottom: 0px;
padding-top: 1rem;
padding-bottom: 1rem;
z-index: 50;
background: linear-gradient(80deg, rgba(115,58,0,1) 0%, rgba(160,144,60,1) 39%, rgba(2,41,77,1) 100%);
}
.main_txt me{
  font-size: 18px; 
}
.main_txt me.slim{
  font-family: var(--f-pop);
  font-weight: 300; 
  /* font-size: 29px; */
  font-size: 67%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
}



.main_txt me.youbi{
  font-size: 16px; 
  font-weight: 300; 
 }


.main_txt span{
  font-size: 70%;
  font-weight: 600;
 }
 .main_txt span.close{
  font-size: 75%;
  color: #ffe30c;
 }



@media (max-width: 768px){
  .main_txt{
   font-size: 24px;
  line-height: 1;
  padding-top: 1.0rem;
  bottom: auto;
  top: calc(100vh - 100px );
  }
  .main_txt me {
    font-size: 13px;
}

   .main_txt me.slim{
    font-size: 14px;
  }
  .main_txt me.youbi {
    font-size: 12px;
}


  .main_txt span{
    font-size: 17px;
   }
}


@media (max-width: 768px) {
  /* header h1 {
    top: 3%;
    left: 25%;
    transform: translateX(-50%);
  } */
  .main_visual .mv {
    min-width: auto;
    height:130vw
  }
  .main_visual .mv .img01 {
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    width: 100%;
    min-width: auto;
    height: auto;
  }
  .main_visual .mv .img02 {
    position: absolute;
    left: 50%;
    top: 94%;
    transform: translate(-50%, -50%);
    width: 50%;
    min-width: auto;
  }

  .main_visual .mv .img03 {
    position: absolute;
    left: 50%;
    top: 21%;
    transform: translate(-50%, -50%);
    width: 70%;
    min-width: auto;
  }


}

.view_content + .view_content {
  margin-top: 30px;
}
.view_content + .view_content.box05 {
  margin-top: 60px;
}
.view_content + .view_content.box01 {
  margin-top: 60px;
}
.horizonal-box .view_content + .view_content {
  margin-top: 0;
}
@media (max-width: 768px) {
  .view_content + .view_content {
    margin-top: 1.5rem;
  }
  .view_content + .view_content.box05 {
    margin-top: 2rem;
  }
  .view_content + .view_content.box01 {
    margin-top: 2rem;
  }
  .horizonal-box .view_content + .view_content {
    margin-top: 0;
  }
}

/* detail
*********************************************************************/
/*box01&02*/
.box01 .img01,
.box02 .img01 {
  margin-top: 20px;
  margin-bottom: 0px;
}
@media (max-width: 768px){
.box01 .img01,
.box02 .img01 {
  margin-top: 1rem;
  margin-bottom: 0.5rem; 
}  
}

.box01 .text01 {
  margin-top: 30px;
}

.box01 .content02 {
  margin-top: 30px;
  padding-top: 0px;
  background: none;
  /*  background: url(../img/img_sparator02.png) center top no-repeat;*/
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .box01 .content02 {
    margin-top: 1rem;
    padding-top: 0px;
    background: none;
    margin-bottom: 1rem;
  }
}

/*box02*/
.box02 .btn {
  margin: 32px auto;
  width: 436px;
}
@media (max-width: 768px){
  .box02 .btn {
    margin: 32px auto 16px;
    width: 100%;
  }
}
.box02 .btn.solo {
  margin: 32px auto 48px;
  width: 436px;
}
@media (max-width: 768px){
.box02 .btn.solo{
    margin: 32px auto 16px;
    width: 100%;
  }
}

#sec03 .btn.solo {
  /* border-top: 1px solid #fff; */
  padding-top: 36px; 
  width: 860px;
  margin: 0 auto;
  text-align: center;
}
#sec03 .btn.solo img{
width: 436px;
}

@media (max-width: 768px){
#sec03 .btn.solo {
  margin: 16px auto 16px; 
  width:75%;
  /* border-top: 1px solid #fff; */

  margin: 0 auto 32px;
  }
}






/*box03 &04*/
.box03 .img01,
.box04 .img01 {
  margin-top: 20px;
}

.box03 .content02,
.box04 .content02 {
  margin-top: 40px;
  padding-top: 30px;
  background: url(../img/img_sparator02.png) center top no-repeat;
}
@media (max-width: 768px) {
  .box03 .title,
  .box04 .title {
    width: 70%;
    margin: auto;
  }
  .box03 .img01,
  .box04 .img01 {
    margin-top: 10px;
  }
  .box03 .content02,
  .box04 .content02 {
    margin-top: 1.5rem;
    padding-top: 20px;
    background: url(../img/img_sparator02.png) center top no-repeat;
  }
}

/*box05*/
.box05 .text01 {

  font-size: 18px;
  color: #fff;
  margin-top: 1.5rem;
  margin-bottom: 20px;
}

.box05 {
  margin-top: 80px;
}
/*box06*/
.box06 .img02 {
  margin-top: 20px;
}

.box06 .text01 {
width: 780px;    
border-top: 1px dotted rgba(255,255,255,0.35)  ;    
 display: block;
  font-size: 18px;
  color: #fff;
    padding: 1.5rem 0 0;
    margin:  0 auto;

}

/*detail*/
.detail {
  text-align: center;
  margin-top: 4%;
}
/*box07*/

.box07 {
  margin-bottom: 30px;
}

.box07_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box07_inner img + img {
  margin-left: 30px;
}

.box07 .content_box {
  padding-top: 4%;
  padding-bottom: 4%;
  margin-top: 5%;
}

.link_wrap {
  display: flex;
  justify-content: center;
}

.link_wrap a + a {
  margin-left: 20px;
  margin-bottom: 30px;
}

#sec06 .img01 img {
  max-width: 360px;
}
@media (max-width: 800px) {
  #sec06 .img01 img {
    max-width: 100%;
  }
}

/*--
アニメーション関連
---------------------------*/

.view_content {
  position: relative;
  z-index: 2;
  opacity: 0.2;
  transition:  0.6s ease-in-out 0.2s;
  -webkit-transform-style: preserve-3d;
}

.view_content .content_box {
  box-shadow: 0px 0px 14px 1px rgba(199, 159, 98, 0);
  transition: 0.5s ease-in-out 0.1s;
/*  transition: 0.4s ease-in-out 1s;*/    
}

.view_content.is-active {
  opacity: 1;
}

/* .view_content.is-active .content_box {
  box-shadow: 0px 0px 250px 1px rgba(255,219,126,1.00);
}
@media (max-width: 768px){
.view_content.is-active .content_box {    
  box-shadow: 0px 0px 10px 1px rgba(231, 203, 128, 1);
}} */

.view_content.is-active .content_box.no_illuminate {
  box-shadow: none;
}

.img_lights_box img {
/*  transition: 0.4s ease-in-out 0.6s;*/
  transition: 0.6s ease-in-out 0.6s;    
}

@media (max-width: 768px) {
  .view_content {
    opacity: 0.1;
    -webkit-filter: brightness(30%);
    -moz-filter: brightness(30%);
    -ms-filter: brightness(30%);
    filter: brightness(30%);
  }
  .view_content.is-active {
    opacity: 1;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -ms-filter: brightness(100%);
    filter: brightness(100%);
  }
}

/**/
/*
イルミネーション画像処理
---------------------*/




.ornament_box {
  position: relative;
}
.ornament_box .ornament01 {
  position: absolute;
  top: -27px;
  width: 100%;
}

.ornament_box .ornament02 {
  position: absolute;
  right: 25px;
  top: 35px;
}

.ornament_box .ornament03 {
  position: absolute;
  left: 25px;
  top: 35px;
}

.ornament_box .ornament04 {
  position: absolute;
  bottom: -27px;
  width: 100%;
}

.ornament_box .ornament05 {
  position: absolute;
  right: 25px;
  bottom: 35px;
  transform: rotate(-180deg);
}

.ornament_box .ornament06 {
  position: absolute;
  left: 25px;
  bottom: 35px;
  transform: rotate(-180deg);
}

#sec02_top {
  padding: 0px 0 0px;
  height: 8.6vw;
  margin-top: 50px;
}
@media (max-width: 768px){
  #sec02_top {
    margin-top: 0.5rem;
  } 
}


#sec02 {
  padding: 1rem 0;
}
#sec02.scnd_bg {
 margin-top: 70px;
}

#voves #sec02 {
  padding: 0px 0 0px;
  padding: 1rem 0;
}



/* Horizonal box
*/
.hori-line, .hori-line.black, .hori-line.linewide{
border-top: #fff solid 1px ;
margin: 0 auto;
width: 1000px;
}
.hori-line.black{
  border-top: #000 solid 1px ;
}
@media (max-width: 768px){
.hori-line, .hori-line.black{
  width: 90%;
}
}
.hori-line.black2{
  margin-top: 80px ;
}
@media (max-width: 768px){
.hori-line, .hori-line.black2{
  margin-top: 2rem ;
}
}
.hori-line.linewide{
 width: 100%;
margin: 1rem auto 2rem; 
}


/* #box08, #box10{
border-right: #fff solid 1px;
}
@media (max-width: 768px){
#box08, #box10{
  border-right: #fff solid 0px;
}} */


#box08{
padding: 3rem 0 0;  
}

#box09{
  padding: 4rem 0 0px;  
}
@media (min-width: 768px){
#box08{
padding: 90px 0 0;  
}
#box09{
  padding: 120px 0 120px;  
  }  
}



/* .hori-line_btm{ */
  #box08::after,  #box09::after {
  /* border-top: #fff solid 1px ; */
  margin: 0px auto;
  content: "";
  display: block;
  }


.btn_img img{
padding-bottom: 40px;  
}
.btn_img.calplus img{
padding-bottom: 20px;  
}
@media (max-width: 768px){
.btn_img img{
padding-bottom: 1rem;  
}
}
@media (max-width: 768px){
  #loves .btn_img img{
  padding-bottom: 0srem;  
  }
  }


.horizonal-box{
  margin: 0 auto;
  width: 1000px;
  justify-content: space-between;
}
.horizonal-box.sub{
  display: flex;
  margin: 60px auto;
}
.horizonal-box.part2{
  width: 870px;
  margin: 0 auto;
  padding: 2rem 0;
}

.horizonal-box .contents-txt{
  color: #fff;
  width: 960px;
  margin: 0 auto;
  font-weight: 600;
  font-size: 18px;
}



@media (max-width: 768px){
  .horizonal-box.sub{
    display: block;
    margin: 0rem auto 3rem;
  }  
  .horizonal-box.part2{
    width: 80%;
    margin: 0px auto;
    padding: 2rem 0;
  }

.horizonal-box .contents-txt{
  color: #fff;
  width: 82%;
      margin: 5px auto 0;
  font-size: 13.5px;
  text-indent: -1em;
padding-left: 1em;
line-height: 1.4;
font-weight: 500;
}


}



.horizonal-box .view_content {
  width: 100%;
  padding: 0 0px;
}

.horizonal-box .view_content.sub {
  width: 500px;
  padding: 0 20px;
}


.horizonal-box > .box {
  width: 50%;
}

.container.full_width {
  width: 100%;
}
.view_content.sub .container.full_width {
  width: 90%;
}

@media (max-width: 768px){
.container.full_width {
width: 100%;
} 
.container.full_width2 {
  padding: 0px;
  } 
  .horizonal-box .view_content.sub {
    width: 100%;
  }


.view_content.sub .container.full_width {
    width: 100%;
}  
}



.sub_box .content_box {
  /*background: #241a20;*/
  /* background: url(../img/bg_gradation_second.png) #150100 center center repeat-y; */
  /* margin-top: 40px; */
}
.sub_box .content_box.box2{
  margin-top: 70px;
}
@media (max-width: 768px){
  .sub_box .content_box.box2{
    margin-top: 2.5rem;
  }
}



.sub_box .title {
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .box02 .btn {
    margin-top: 0rem;
    margin-bottom: 1rem;
    padding-top: 2rem; 
  }
  .box06 .img02 {
    margin-top: 4px;
  }
  #sec02 {
    margin-top: 0rem;
    padding: 0px;
  }
  #sec02.scnd_bg {
    margin-top: 40px;
   }


  .body {
    padding-top: 0%;
  }
  .container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 auto;
  }
  .content_box {
     background: none; 
    border-radius: 10px;
    text-align: center;
padding: 0px;
  }

  .box07 .content_box {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .horizonal-box {
    width: 100%;
    display: block;
  }
  .horizonal-box .view_content {
    width: 100%;
  }
  .box05 {
    margin-top: 9%;
  }
  .box05 .text01 {
    font-size: 2vw;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 2%;
  }
  .box06 .text01 {
    width: 100%;
    font-size: 2vw;
    color: #fff;
    text-align: center;
    padding: 1.0rem 0 0
  }
  .link_wrap {
    display: block;
    margin-bottom: 1.0rem;
  }
  .link_wrap a + a {
    margin-top: 0.75rem;
    margin-left: 0;
    margin-bottom: 0rem;
  }
  .link_wrap a + a.sp-only {
    display: inline-block;
  }
  .box07 {
    margin-bottom: 1rem;
  }
  .box07 img + img {
    margin-top: 3%;
  }
  .ornament_box .ornament01 {
    top: -0.5rem;/*    top: -1.8%;*/
    width: 90%;
  }

  #sec01 .ornament_box .ornament01 {
    position: absolute;
    top: -2%;/*top: -2%;*/
    left: 50%;
    transform: translateX(-50%);
    width: auto;
  }

  #sec02 .ornament_box .ornament01 {
    position: absolute;
    top: -3%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
  }
  .ornament_box .ornament02 {
    right: -6%;
    top: 3%;
    width: 30%;
  }
  .ornament_box .ornament03 {
    left: -6%;
    top: 3%;
    width: 30%;
  }
  .ornament_box .ornament04 {
    bottom: -1.8%;
    width: 90%;
  }
  #sec01 .ornament_box .ornament04 {
    position: absolute;
    bottom: -2%;
    left: 30%;
    transform: translateX(-22%);
    width: auto;
  }

  #sec02 .ornament_box .ornament04 {
    position: absolute;
    bottom: -3.5%;
    left: 30%;
    transform: translateX(-20%);
    width: auto;
  }
  .ornament_box .ornament05 {
    right: -6%;
    bottom: 1%;
    width: 30%;
  }
  .ornament_box .ornament06 {
    left: -6%;
    bottom: 1%;
    width: 30%;
  }
  .sub_box .content_box {
    padding-bottom: 0rem;
    margin-top: 0rem;
  }
  .sub_box .title {
    margin-bottom: 10px;
  }
  .sub_box .title img {
    transform: scale(0.7);
    text-align: center;
    margin: 0 auto 10px;
  }
}

#colorbox {
  z-index: 99999;
  min-height: 1000px;
}

#cboxContent img {
  max-width: 100%;
}

.map_contents {
  max-width: 1000px;
  margin: 0% auto;
  width: 100%;
  text-align: center;
}

.popup_contents {
  max-width: 1100px;
  width: 84%;
  margin: 2% auto;
}

.map_contents {
  max-width: 1000px;
  margin: 0% auto;
  width: 100%;
  text-align: center;
}

.map_contents2 {
  max-width: 1400px;
  margin: 0% auto;
  width: 97%;
  text-align: center;
}

.map_contents2 img {
  width: 100%;
}

.parck_contents {
  max-width: 900px;
  width: 84%;
  margin: 2% auto;
}

.web_contents {
  max-width: 900px;
  width: 55%;
  margin: 2% auto;
}

.start_img {
  max-width: 815px;
  margin: 0 auto;
}

.start_img img {
  width: 100%;
}

.map_contents img {
  width: 95%;
}

.popup_contents img {
  width: 100%;
}

.web01_img01,
.web01_img02,
.parck_img,
.today_img {
  max-width: 841px;
  width: 100%;
}

#cboxContent {
  width: 100% !important;
  height: auto !important;
  max-width: 1000px;
}

#colorbox {
  /* min-height: 1000px; */
  min-height: auto;
}

#cboxWrapper {
  width: 100% !important;
  margin: 0 auto;
}

#cboxWrapper #cboxLoadedContent {
  width: 100% !important;
  margin: 0 auto;
  border: 0px solid #fff;
  background: none;
  max-width: 1000px;
}

#cboxCurrent,
#cboxPrevious,
#cboxNext {
  display: none !important;
}

#cboxClose {
  right: 100px !important;
  top:450px;
  background: url("") no-repeat center center !important;
  width: 100%;
  height: 300px;
}
@media (max-width: 768px){
  #cboxClose {
    top:20vh;
    width: 100%;
    height: 35vh;
  }
}



.webpopup,
.parckpop,
.todaypop {
  /*		max-height:850px!important;*/
}

.webpopup #cboxWrapper #cboxLoadedContent,
.parckpopup #cboxWrapper #cboxLoadedContent,
.todaypopup #cboxWrapper #cboxLoadedContent {
}

@media screen and (max-width: 1000px) {
  .web_contents,
  .parck_contents,
  .popup_contents {
    width: 100%;
    max-width: 842px;
  }
  .parck_contents {
    margin: 8% auto;
  }
  .web_contents {
    margin: 8% auto;
  }
  .popup_contents {
    margin: 8% auto;
  }
}

@media screen and (max-width: 400px) {
  #cboxWrapper #cboxLoadedContent {
    width: 99% !important;
  }
  #cboxContent #cboxClose {
    right: 0 !important;
  }
  .map_contents {
    margin: 20px auto;
  }
  .popup_contents,
  .web_contents,
  .parck_contents {
    margin: 20px auto;
    width: 98%;
  }
}

/**/
.sns_text{
font-family: var(--f-pop);  
margin: 0.825rem auto 0;
font-weight: 600;
}

.f_logo {
    margin: 0 auto;
/*    width: 270px; */
}
.f_logo img {
    width: 300px;
margin-bottom: 0.5rem;
}

.sns_icons{
font-size: 1.6rem;
}
.sns_icons a {
margin-right: 0.4rem;
/* color: rgba(255,255,255,0.5);     */
color: #ffffff;
}
.sns_icons a:last-child {
margin-right: 0rem;    
}
@media (max-width: 768px){
.sns_icons{
font-size: 1.3rem;
}  
}

.tbl{
 margin: 0 auto ;
text-align: center;    
width: 760px;       
}
@media (max-width: 768px){
.tbl{
width: 100%;       
}
}


.msg-mov{ 
padding: 1rem 0 2rem;    
width: 240px;
height: 3rem;    
border: 1px solid rgba(255,255,255,1);
background-color: rgba(0,0,89,0.35);
border-radius: 5px;     
margin:  1.5rem auto 2rem;   
color: rgba(255,255,255,0.85);
vertical-align: middle;    
text-align: center;    
}
@media (max-width: 768px){
.msg-mov{
margin-bottom: 1rem;   
}
}
.msg-mov:hover { 
color: #fff;
}


.movie_btn{
width: 780px;
margin: 1.0rem auto 2rem;
padding-top: 0.5rem;
display: block;border-bottom: 2px dotted rgba(244,137,15,0.3);padding-bottom: 2rem;    
}
@media (max-width: 768px){
.movie_btn{
width: 100%;    
padding-bottom: 0.7rem;
margin: 1.0rem auto 0.75rem;
}}



.nml_txt{
color: #fff;
text-align: center; 
font-size: 16px;
text-decoration:underline;
padding-top: 1rem;
}
@media (max-width: 768px){
  .nml_txt{
    text-align: justify; 
    font-size: 12px;
    padding-top: 0rem;   
}
}


#footer {
  text-align: center;
  /* background: rgba(0, 0, 0, 1); */
  background-color: #231815;
  color: rgba(255, 255, 255, 1);
  font-size: 13px;
  padding-bottom: 2rem;
}

#footer a{
  color:#fff;
}

.footer_item{
  width: 400px;
 text-align: center;
 margin: 1rem auto; 
 display: inline-flex;
 }


 .footer_left, .footer_right{ 
  width: 200px;
  }

  .footer_left h5 {
    margin: 0.3rem auto 0;
    width: 132px;
    padding: 2px 0px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 6px;
    }


.copy_right {
  font-family: var(--f-pop);
  text-align: center;
  font-size: 12px;
  /* margin-top: 8px; */
}




@media (max-width: 768px){
  #footer {
    font-size: 12px;
  } 
  .footer_item{
    width: 90%;
 text-align: center;
  margin: 0.5rem auto; 
  }
  .footer_left, .footer_right{ 
    width: 50%;
    }

}





#loves{
color: #ffffff;
padding-bottom: 0rem;
}


#loves .container{
  padding-bottom: 40px;  
}
@media (max-width: 768px){
  #loves .container{
    padding-bottom: 1.5rem;  
  } 
}


  .container.loves1 {
    width: 870px;
    margin: 0 auto;
    }
@media (max-width: 768px){
  .container.loves1 {
    width: 100%;
    margin: 0 auto;
    } 
}

#loves #sec01 {
  padding-top: 48px;
  padding-bottom: 0px;
  }    

    #loves #sec01 .title {
      margin-bottom: 3%;
      text-align: center;
      font-size: 48px;
      letter-spacing: 0.05rem;
      color: #fff;
      font-weight: 800;
      font-family: YakuHanJP,m-plus-1c,sans-serif;
      }
@media (max-width: 768px){
  #loves #sec01 .title { 
    font-size: 24px; 
}}



    #loves  #sec01 .title_sub {
        padding-top: 2rem;
        margin-bottom: 3%;
        text-align: center;
        font-size: 16px;
        letter-spacing: 0.05rem;
        color: #ffffff;
        font-weight: 300;
        }
@media (max-width: 768px){
  #loves  #sec01 .title_sub {
    font-size: 14px;
    text-align: justify;
    } 
}



#loves .btn span {
        margin-bottom: 1rem;  
        display: block;
        }       

#loves #sec02 {
          padding: 0px;
          }
@media (max-width: 768px){
          #loves #sec02 {
padding: 0;
margin-top: 0;
            }
        }


@media (max-width: 768px){
.content_box.gradation_first {
  background : none;
            }}



#loves .content_box{
padding: 0px;
}


#loves .box02 .btn {
  margin-top: 1rem;
  margin-bottom: 0rem;
  }

@media (max-width: 768px){
  .horizonal-box.box2 .view_content {
    width: 100%;
    padding: 0px;
    } 
  }


  #sec07{
  padding:  0 0 4rem;
  }

  .lity {
    background: rgba(0, 0, 0, 0.3);
    }

  .lity-image img {
    max-width: 80%;
    max-height: 60%;
    display: block;
    line-height: 0;
    border: 0;
margin: 0 auto; 
}
@media (max-width: 768px){
  .lity-image img {
    max-width: 92%;
} 
}

.faq_box{
 width: 960px;
 margin: 0 auto 3rem; 
 background-color: #fff;
}
@media (max-width: 768px){
  .faq_box{
    width: 90%;
    margin: 0 auto 3rem; 
   } 
}


.faq-list {
  border-bottom: 0;
}

.faq-list dt {
  color: #450452;
  font-weight: 500;
  background: #bbc3e74f;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  }

.faq-list dl {
  margin: 0;
  border-top: 1px solid #cbb9d4;
} 
  

  .faq-list dt, .faq-list dd {
    padding: 24px 48px;
    padding-left: 84px;
    }

    .faq-list dt {
      font-size: 1.1rem;
      }
@media (max-width: 768px){
  .faq-list dt {
    font-size: 0.875rem;
    }
}     



/* .inner{
font-size: 1.1rem; 
}
@media (max-width: 768px){
.inner{
font-size: 0.875rem; 
}
} */


.faq-list dt .en, .faq-list dd .en {
 position: absolute; 
font-size: 1.1rem;
font-weight: 900;
margin-left: -3.0rem;
}
@media (max-width: 768px){
 .faq-list dt .en, .faq-list dd .en {
    position: absolute; 
  font-size: 0.875rem;
  font-weight: 700;
margin-left: -2.2rem;
   }
}


.faq-list dt, .faq-list dd {
      padding: 24px 48px;
      padding-left: 104px;
}
@media (max-width: 768px){
.faq-list dt, .faq-list dd {
padding: 0.6rem;
padding-left: 3rem;
}
}

          .belt-title {
            margin: 0 0 24px;
            padding: .3em 24px;
            color: #5e686e;
            font-size: 1.6rem;
            font-weight: 400;
            background: #fdfaff;
            }


.close_btn {
              margin: 0 auto;
              width: 320px;
              padding: 16px 0px;
              border: 2px solid rgb(255, 255, 255);
              border-radius: 32px;
              color: #fff;
              font-size: 16px;
              font-weight: 700;
              height: 32px;
              line-height: 16px;
              margin-bottom: 5rem;
}

              .area.closetext {
                height: 6px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
}             
.close_btn  a{
 color: #fff; 
}


.to_top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 45px;
  margin: 0 0 0 auto;
  z-index: 1000;
  }


  .to_top a {
    text-align: center;
    background: #ffffff;
    color: rgb(100, 100, 100);
    padding: 20px 10px 27px;
    position: fixed;
    /* border: 6px solid #EEE; */
    right: 0px;
    bottom: 120px;
    /* border-radius: 3px;
    font-weight: bold; */
    z-index: 999;
    width: 400px;
    height: 99.2px;
    background-image:url(../img/campaign_bnr.jpg); 
    background-position:center center;
    background-size:cover;
    opacity: 0.925;
    }
@media (max-width: 768px){
    .to_top a {
width: 100vw;
height: 24.8vw;
bottom: 10vw;

    }}

    .to_top a i {
      margin-left: 10px;
      font-size: 27px;
      position: relative;
      top: 4px;
      }



.to_top a i {
  margin-left: 10px;
  position: relative;
  top: 38px;
  }
@media (max-width: 768px){
  .to_top a i {
    margin-left: 10px;
    }
}


.close a {
  padding: 0;
  position: fixed;
  bottom: 120px;
  border: none;
  right: 5px;
  background: none;
  z-index: 10000;
  width: 40px;
  height: 99.2px;
  }
@media (max-width: 768px){
  .close a {
    bottom: 10vw;
    height: 24.8vw;
    }
}


  .close a i {
    color: #fff;
    font-size: 14px;
    position: relative;
    background: rgb(105, 58, 114);
    padding: 6px 8px;
    border-radius: 50%;
    }
@media (max-width: 768px){
  .close a i {
    font-size: 10px;
  } 
}



    .to_top.is-hidden {
      opacity: 0;
    }

    .tit_wtxt{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.1rem;
    }

    .tit_wtxt span{
      font-size: 40px;
      font-weight: 600;
      font-family: var(--f-pop);
    }

    .tit_wtxt span.ppnf{
      font-size: 36px;
      font-weight: 600;
      font-family: var(--f-pop);
      margin-bottom: 40px;
    }
    .tit_wtxt span.ppnf me{
      font-size: 80%;
    }



    .tit_wtxt span.thin{
      font-weight: 100;
      font-family: var(--f-jp);

    }
@media (max-width: 768px){
.tit_wtxt{
font-size: 14px;
}

.tit_wtxt span{
  font-size: 30px;
}

.tit_wtxt span.ppnf{
  font-size: 28px;
}
.tit_wtxt span.ppnf me{
  font-size: 80%;
}

}



    .nightbk_gb{
      margin: -40px auto 0;
      text-align: center;
      position: inherit;
      /* background-image:url(../img/nightbk_gb_b.png);  */
      background: url(../img/nightbk_gb_b.png)repeat top center, linear-gradient(180deg, rgba(0, 0, 0, 0) 41%, #1a1128 57%);
      background-position:center;
      background-repeat: no-repeat;
     height: 34vw;
     position: relative;  
     background-size: cover;
}
@media (max-width: 768px){
  .nightbk_gb{
    margin: 70px auto 40px;
  }  
}





.nightbk_txt{
        color: #fff;
        font-size: 25px;
        font-weight: 900;
        line-height: 1.2;
        letter-spacing: 0.1rem;
        position: absolute;
        top: 40%; 
        left: 50%; 
        transform: translateY(-50%) translateX(-50%); 
        width: 80%;
        font-family: var(--f-jp);
}
.nightbk-gb-txt{
width: 100%;
font-size: 14px;
margin: 1rem auto;
text-align: justify;
line-height: 1.7;
}

@media (min-width: 768px){
.nightbk_txt{
  font-size: 38px;
  top: 40%;
  padding-top: 130px;
}
.nightbk-gb-txt{
/* width: 960px; */
font-size: 18px;
margin: 2rem auto 0;
text-align: center;
}
}      


    .wide_set-img {
      margin-top: -25vw;
      z-index: -10;
  }


.scnd_bg {
/* background:url() repeat top center,radial-gradient(70% 60% at 28% 66%,rgb(77 44 12 / 63%) 12.61%,rgb(1 1 31 / 39%) 62.61%),radial-gradient(rgb(23 11 59),rgb(80 51 19 / 46%) 95.8%),repeating-linear-gradient(rgba(11,0,33,.68),rgb(10 8 19 / 87%) 95.8%),linear-gradient(253deg,#000,rgba(1,7,56,1) 95.8%); */
  padding: 0 0 2rem;
}
@media (max-width: 768px){
  #sec02.scnd_bg {  
    padding: 40px 0 20px;
}
}


/*  */

.btn_area {
  width: 710px;
  margin: 0 auto;
  padding-bottom: 2rem;
}

@media screen and (max-width: 991px) {
  .btn_area {
    width: 94%;
  }
}
@media screen and (max-width: 767px) {
  .btn_area {
    width: 90%;
  }
}


ul.btn_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

ul.btn_list li {
  display: table;
  line-height: 110%;
  margin: 15px 30px 15px;
  padding: 15px;
  text-align: center;
  font-weight: 700;
  width: calc(330px / 1);
  border-radius: 8px;
  position: relative;
  background: -moz-linear-gradient(-45deg, #E36500 0%, #A09079 58%, #02152C 100%);
  background: -webkit-linear-gradient(-45deg, #E36500 0%, #A09079 58%, #02152C 100%);
  background: linear-gradient(135deg, #E36500 0%, #A09079 58%, #02152C 100%);
}

/* pop */
/*  */
.pop_page{
text-align: center;
margin: 3rem auto;
/* background: #fff; */
}

.pop_page .pop_btm{
  display: block;
  height: 0.25rem;
  padding: 1.5rem;
}

.pop_page .pop_tit{
font-family: var(--f-jp);
font-size: 22px;
font-weight: 800;
line-height: 1.2;
margin-bottom: 0.4rem;
}
.pop_page .pop_tit span{
  font-size: 16px;
  }

.pop_page .pop_txt{
  font-family: var(--f-jp);
  font-size: 17px;
  margin-bottom: 1rem;
}
.pop_page .pop_txt span{
  background: linear-gradient(transparent 70%, #fff200e4 10%);
}
.pop_page .pop-img{
width: 800px;
height: auto;
margin: 0 auto;
}

.pop_page .btn li {
  display: table;
  line-height: 110%;
  margin: 1rem auto 3rem;
  padding: 20px;
  text-align: center;
  font-weight: 700;
  width: 700px;
  border-radius: 27px;
  position: relative;
  background: #006CE8;
}
.pop_page .btn li:before{
  content: '';
  width: 15px;
  height: 16px;
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  background: url(../img/link_icon.png) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 768px){
.pop_page .pop_tit{
    font-size: 18px;
}

.pop_page .pop_txt{
    font-size: 15px;
 }

.pop_page .pop-img{
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.pop_page .btn li {
    font-size: 14px;
      padding: 13px 0;
      margin: 15px auto 3rem;
      width: 60vw
    } 
}  





/* tckt-area */
.tckt-area{
  width: 96%;
  max-width: 820px;
  margin: 80px auto 40px;
  padding: 40px;
  background: #fffffff9;
  border-radius: 8px;
  border: 2px #949495 solid;
  text-align: center;
  font-family: var(--f-jp);
  backdrop-filter: blur(20px);
}
.tckt-area .tit1{
  font-family: var(--f-jp);
font-size: 19px;
font-weight: 600;
background: var(--bg--001);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 1;
}
.tckt-area .tit2{
  font-family: var(--f-jp);
  font-size: 34px;
  font-weight: 900;
  background: var(--bg--001);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.3;
  }
  .tckt-area .tit3{
    font-family: var(--f-jp);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 10px auto 20px;
  }
  .tckt-area .tit3 .t1{
    font-family: var(--f-jp);
    font-size: 25px;
    font-weight: 700;
  }

  .tckt-area .txt1{
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
    line-height: 2;
  }

  .tckt-area .txt1 .t2{
    font-weight: 700;
  }
@media (max-width: 768px){
  .tckt-area{
    width: 100%;
    margin: 40px auto 0px;
    padding: 20px;
    border-radius: 8px;
    border: 1px #949495 solid;
    text-align: center;
  }
  .tckt-area .tit1{
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  }
  .tckt-area .tit2{
    font-size: 24px;
    line-height: 1.3;
    }
    .tckt-area .tit3{
      font-size: 16px;
      line-height: 1.5;
      margin: 10px auto 20px;
    }
    .tckt-area .tit3 .t1{
      font-size: 20px;
    }
  
    .tckt-area .txt1{
      font-size: 13px;
      line-height: 1.7;
    }
    .tckt-area .txt1 .t2{
      font-weight: 700;
    }  
}





.cnt-btn_area nav{
  width: 420px;
  margin:  1rem auto;
  border: 1px solid #ffffff3c;
  border-radius: 8px;
  background-color:#1919193d ;
}
.cnt-btn_area.one nav{
  width: 400px;
}
.cnt-btn_area.top nav{
  width: 100%;
}




.cnt-btn_area.no-bg nav{
  width: 760px;
  margin: 0rem auto 1rem;
  border: 0px solid #fff;
  border-radius: 8px;
  background-color: transparent
}
.cnt-btn_area.top nav{
  margin:  20px auto 10px;
  padding: 0.5rem;
  /* border: 3px solid #1962a5;
  border-image: linear-gradient(to right, #c3c3ea, #6947034a);
  border-image-slice: 1;
  background-color: transparent; */
  background: radial-gradient(73.4% 100% at 95% 95%, rgb(255 156 65 / 26%) 0%, rgba(255, 168, 88, 0) 100%), linear-gradient(197deg, #FFF0A4 0%, rgba(255, 240, 164, 0) 100%), radial-gradient(58% 73% at 10% 3%, rgba(49, 132, 255, 0.8) 0%, rgba(56, 75, 247, 0.208) 52%, rgba(62, 246, 246, 0) 100%), linear-gradient(115deg, #b3dbff 4%, rgba(238, 43, 183, 0.33) 37%, rgba(246, 62, 106, 0) 75%), linear-gradient(306deg, #ffaadd69 20%, rgba(255, 170, 221, 0) 97%);
}


.cnt-btn_area ul{
  text-align: center;
}
.cnt-btn_area li{
  display: inline-block;
  list-style: none;
}
.cnt-btn_area li:not(.list1){
  margin-left: 0px;
}

.cnt-btn_area .atc{
font-family: var(--f-jp);
color: #fff;
text-align: center;
margin: 1rem auto;
font-size: 14px;
}


.c-btn {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  transition: all 0.3s linear;
  padding: 0.75rem 1rem;
  margin: 1rem;
  border-radius: 24px;
    font-size: 15.5px;
  width: 390px ;
}
.c-btn.one {
  border-radius: 8px;
  width: 480px ;
  margin: 3rem auto 1rem;
}




.c-btn.one-t {
  width: 550px ;
  margin: 1rem auto 0.5rem;
  background: var(--bg--001);
  border-radius: 12px;
  padding: 1.3rem 1rem;
}


.c-btn.one-wide {
  border-radius: 8px;
  width: 540px ;
  margin: 1rem auto 1rem;
  padding: 1.25rem 1rem;
}

.c-btn--orange {
background: radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse at 70% 60%, #c3e060 0%, rgba(195, 224, 96, 0) 90%), radial-gradient(ellipse at 30% 30%, #c3e060 0%, rgba(195, 224, 96, 0) 60%), radial-gradient(ellipse at bottom left, #00a3cb 0%, rgba(0, 163, 203, 0) 70%), linear-gradient(135deg, rgba(18, 46, 119, 0) 0%, rgba(18, 46, 119, 0) 75%, #122e77 100%), linear-gradient(to right, #625793 0%, #d55d64 35%, #e49129 65%, #c0671c 100%);
 background-blend-mode: multiply, luminosity, darken, screen, saturation, lighten;
}

.c-btn:after {
    content: '';
    width: 15px;
    height: 16px;
    border: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    background: url(../img/link_icon.png) no-repeat 50% 50%;
    background-size: cover;
}
.c-btn.pop:after {
  background: url(../img/pop_icon.png) no-repeat 50% 50%;
  background-size: cover;
}


.c-btn.csoon {
opacity: 0.6;
}

.c-btn.csoon:after {
  background: none;
  background-size: cover;
}
.atn{
font-size: 13px;
}

@media (max-width: 768px){
  .c-btn{
    font-size: 12.4px;
  border-radius: 18px; 
  width: 70vw; 
  }

  .c-btn.one-t{
    width: 65vw;
    margin: 0.5rem auto 0.5rem;
  }

  .cnt-btn_area.no-bg nav{
    width: 100%;
    margin: 0rem auto 1rem;
    border-radius: 8px;
    background-color: transparent
  }

  .c-btn.one-wide {
    width: 100%;
    margin: 1.5rem auto 1rem;
    padding: 1rem 6rem;
  } 

.cnt-btn_area nav,  .cnt-btn_area.one nav{
    width: 85%;
    margin:  0.5rem auto 0.5rem;
    padding: 0.25rem 0.25rem;
  }
  .cnt-btn_area.top nav{
    width: 100%;
    margin:  0.5rem auto 0.5rem;
    padding: 0.5rem;
  }

  .cnt-btn_area .atc{
    font-size: 13px;
    }
    

.c-btn{
  margin: 0.5rem;
}  

.atn{
  font-size: 12px;
  text-align: justify;
  text-indent: -1em;
  padding-left: 1em;
  }

}



.gradient-marker-001 {
  background-image: linear-gradient(90deg, #75007fba, #fcd66dba);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 40%;
}
.gradient-marker-001.m20 {
  background-size: 100% 20%;
}



/* cnt3 */
.horizonal-box{
  /* display: flex; */
  margin: 0 auto;
  width: 1040px;
  justify-content: space-between;
}
.horizonal-box.cnt3{
  width: 870px;
  margin: 0 auto;
  padding: 2rem 0;
}
@media (max-width: 768px){
  .horizonal-box{
    width: 100%;
    margin: 0px auto;
    padding: 0rem 0;
  }
}

/*  */



/*  */
.pop_page .pop-txtbox{
  width: 90%;
  height: auto;
  margin: 0 auto;
  font-family: var(--f-jp);
  font-size: 12px;
  letter-spacing: 0;
  color: #555;
}
.pop_page .pop-txt{
text-align: justify;
padding:0 0.5rem;
line-height: 1.8;
padding-left: 1em;
  text-indent: -1em;
}
@media (min-width: 768px){
  .pop_page .pop-txtbox{
    width: 800px;
    font-size: 15px;
    
  } 
}

/*  */
.exc-btn {
  font-family: var(--f-jp);
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  position: relative;
  display: block;
  padding: 1rem 0;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.05em;
  margin: 30px auto;
  color: #000;
  background: #ffffffe1;
  width: 100%;
  /* border-radius: 5rem; */
}

.btn--contact i.fa-position-left {
  font-size: 3rem;
  left: 2rem;
}

.btn--tel i {
  font-size: 2rem;
  background: linear-gradient(80deg, rgb(115, 58, 0) 0%, rgb(160, 144, 60) 39%, rgb(2, 41, 77) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn--tel i.fa-position-left {
  font-size: 1.8rem;
  left: calc(50% - 8em);
}
.btn--tel .txt-sub {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 200;
}
.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}
@media (max-width: 768px){
.exc-btn {
width: 100%;
font-size: 13px;
line-height: 1.2;
padding: 0.5rem 0;
}
.btn--tel .txt-sub {
font-size: 11px;  
}
.btn--tel i.fa-position-left{
  font-size: 16px;
  left: 1rem;  
}
}

.text-grad {
  background: linear-gradient(70deg, rgb(115, 58, 0) 0%, rgb(160, 144, 60) 39%, rgb(2, 41, 77) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



#box11{
  margin-top: 4rem;
}
@media (min-width: 768px){
#box11{
margin-top: 0;
} 
}


/*  */

.masthead {
  position: relative;
  width: 100vw !important;
  height: 66.7vw !important;
}

@media screen and (max-width: 767px) {
  .masthead {
    position: relative;
    min-width: 100vw;
    height: 120vw !important;
  }
}

.masthead-video {
  z-index: 0;
}

.masthead-overlay {
  background-color: #000;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vw;
}

.aw_logo {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  /* opacity: 0.6; */
  padding-left: 2rem;
  padding-top: 2rem;
  text-decoration: none;
  text-align: right;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

@media screen and (max-width: 767px) {
  .aw_logo {
    text-align: center;
    padding-left: 1.2rem;
    padding-top: 1.2rem;
  }
}

.aw_logo:hover {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .aw_logo img {
    width: 35vw;
  }
}

.aw_logo span {
  display: block;
}

.masthead-arrow {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 30px;
  height: 30px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0.4;
}

.masthead h1,
.masthead h2 {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 20%;
  line-height: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.masthead h1.day_flag {
  display: none;
  width: 100%;
  text-align: center;
  height: 35%;
  line-height: 1;
  top: 0;
  bottom: 0;
  margin: auto 0px auto 120px ;
  padding-top: 220px;
}



.masthead h2 {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 60%;
  line-height: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}



.masthead img.logo{
  position: absolute;
  width: 560px;
  text-align: center;
  height: auto;
  margin: auto;
  top: 30%;
  left: 30%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}


@media screen and (max-width: 767px) {
  .masthead h1,
  .masthead h2 {
    top: 1vw;
    width: 100%;
  }

  .masthead img.logo{
    position: absolute;
    width: 70%;
    text-align: center;
    height: auto;
    margin: auto;
    top: 30%;
    left: 15%;
    transform: translate(-50%, -50%);
  }


}

.masthead h1 span {
  display: block;
  font-size: 18px;
  letter-spacing: 0.43em;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 7px;
  opacity: 0.5;
}


.masthead h1.day_flag img {
  width: 214px;
}
.masthead h1.day_flag #day_flag {
  opacity: 0;
}



@media screen and (max-width: 767px) {
  .masthead h1.day_flag img {
    width: 214px;
  }
}

.masthead h1 img{
  width: 680px;
  opacity: 0.9;
  }
  @media (max-width: 768px){
  .masthead h1 img{
  width: 80vw;	
  }
  }


.line-y{
  background: linear-gradient(transparent 85%, #fff200e4 15%);
}
/*  */

.sub-area{
width: 960px;
margin: 0 auto 40px;
}

.sub-area.brd{
 border-bottom: 1px solid #ffffff7e;
 margin-bottom: 15px;
 padding-bottom: 15px;
}


.sub-area.brd img{
 width: 75%;
 margin: 0 auto;
}


.sub-area .txt01{
  color: #fff;
  font-family: var(--f-jp);
  text-align: justify;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.8;
}
.sub-area .txt02{
  color: #fff;
  font-family: var(--f-jp);
  text-align: justify;
  font-size: 15px;
  font-weight: 500;
}
.sub-area .txt02 .act{
text-indent: -1em;
  padding-left: 1em;
}

.sub-area .img02{
  width: 100%;
  padding-top: 20px;
}

.sub-area .mov-txt {
  text-align: center;
  margin: 60px auto 20px;
  width: 180px;
  color: #fff;
  font-size: 36px;
  font-style: italic;
  font-family: var(--f-over);
  letter-spacing: 0.25rem;
}

.sub-area .mov-img {
  text-align: center;
  margin: 0 auto;
  width: 520px;
}

.main-box{
color:#fff;
width: 100%;
max-width: 1040px;
text-align: center;
padding: 40px 0 0;
margin: 0 auto;
}

.main-box.t2 {
  padding: 0px 0 0;
}

.main-box .tit-txt-e {
  font-family: var(--f-pop);
  font-style: italic;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.main-box .tit-txt-jp {
  font-family: var(--f-jp);
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.05rem;
  margin-bottom: 20px;
}


.spl-line{
border-top: 6px #ffffff7e solid;
margin: 60px auto 0;
padding-top: 60px;
max-width: 960px;
width: 20%;
}
@media (max-width: 768px){
  .sub-area{
    margin: 20px auto 0;
    width: 92%;
}

.sub-area .img02{
  width: 100%;
  padding-top: 0px;
}

.sub-area.inner .img02{
  width: 90%;
  padding-top: 0px;
  margin: 0 auto;
}

.sub-area .txt02{
  font-size: 13px;
  margin-bottom: 10px;

}

.sub-area .mov-txt {
  margin: 40px auto 20px;
  font-size: 28px;
}

.sub-area .mov-img {
  width: 70%;
  margin: 0 auto 20px;
}

.main-box{
  width: 100%;
  padding: 0px 0;
  margin: 0 auto;
  }
  .main-box.inner{
    width: 90%;
    margin: 0 auto;
    }
  


  .main-box.t2 {
    padding: 30px 0 0;
  }



.main-box .tit-txt-e {
  font-size: 24px;
}

.main-box .tit-txt-jp {
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}



.spl-line{
border-top: 4px #ffffff7e solid;
margin: 20px auto 0;
padding-top: 20px;
width: 40%;
}

.spl-line.t2{

  margin: 50px auto 0;
  padding-top: 20px;
  width: 40%;
  }

}


.cnt .main-txt{
color: #fff;
width: 90%;
margin: 0 auto;
padding: 3% 5%;
text-align: justify;
line-height: 1.7;
font-size: 14px;
/* background-color: #000;
margin-top: -5rem;
z-index: 3; */
}


.lity-close{
 position: absolute; 
}

.spl-img{
width: 120px;
margin: 50px auto;
}
@media (max-width: 768px){
  .spl-img{
    width: 20%;
    margin: 20px auto;
    }
}

.spl-2{
  display: block;
  height: 40px;
  }
@media (max-width: 768px){
.spl-2{
display: block;
height: 40px;
}
}

/*  */

.bnr-area{
background: url(../img/bnr-bg.webp);
background-repeat: no-repeat, no-repeat;
background-size: cover;
padding: 40px 0;
}

.bnr-area .tit{
font-family: var(--f-jp);
font-size: 18px;
text-align: center;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 10px;
  }

.bnr-space{
width: 80%;
max-width: 720px;
margin: 0 auto;
}

.bnr-space .bnr-txt{
text-align: center;
font-weight: 900;
margin: 10px auto 0;
color: #031a8e;
font-family: var(--f-pop);
letter-spacing: 1px;
font-size: 20px;
/* display: inline-block; */
background: linear-gradient(to right, #f3992d 37.82%, #48c0d1 47.9%, #01baee 66.81%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.bnr-img img{
  border-radius: 10px;
}
@media (max-width: 768px){
  .bnr-area{
    padding: 25px 0;
    }
    



  .bnr-area .tit{
    font-size: 14px;
  }
  .bnr-space .bnr-txt{
    font-size: 18px;
  }


}

.pop_page {
  text-align: center;
  margin: 2rem auto;
}


/* pop */

    .pop-btn { margin: 0.5rem; }

    .pop-modal__overlay {
      position: fixed; top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.6);
      display: flex; align-items: center; justify-content: center;
      z-index: 1000;
    }
    .pop-modal__container {
      background: #ffffff5a;
      border-radius: 10px;
      padding: 1rem;
      max-width: 1040px;
      width: 90vw;
      max-height: 80vh;
      overflow: hidden;
      display: flex; flex-direction: column;
    backdrop-filter: blur(30px);
    }
    .pop-modal__header {
      display: flex; justify-content: space-between; align-items: center;
      background-color: #fff;
    }
    .pop-modal__title { margin: 0; font-size: 1.25rem; }
    .pop-modal__close {
      background: none; border: none;
      font-size: 1.5rem; cursor: pointer;
    }


    .pop-modal__content {
padding: 0 5% 5%;
      overflow-y: auto;
      flex: 1;
      background-color: #fff;
    }
    .pop-modal { display: none; }
    .pop-modal.is-open { display: block; }



.pop-modal__content .btn li {
  display: table;
  line-height: 110%;
  margin: 1rem auto 3rem;
  padding: 20px;
  text-align: center;
  font-weight: 700;
  width: 700px;
  border-radius: 27px;
  position: relative;
  background: #006CE8;
}


.pop-bg-w .btn li {
    display: table;
    color: #fff;
    line-height: 110%;
    margin: 1rem auto 0rem;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    width: 60%;
    max-width: 480px;
    border-radius: 27px;
    position: relative;
    background: #006CE8;
}

.pop-modal__content .btn li:before{
  content: '';
  width: 15px;
  height: 16px;
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  background: url(../img/link_icon.png) no-repeat 50% 50%;
  background-size: cover;
}
@media (max-width: 768px){
    .pop-modal__container {
      border-radius: 8px;
      padding: 0.75rem;
    }  

.pop-modal__content .pop_tit{
    font-size: 18px;
}

.pop-modal__content .pop_txt{
    font-size: 15px;
 }

.pop-modal__content .pop-img{
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.pop-modal__content .btn li {
    font-size: 14px;
      padding: 13px 0;
      margin: 15px auto 0rem;
      width: 60vw
    } 
    
}  






.pop-bg-w{
}
.pop-bg-w .pop_tit{
    font-family: var(--f-jp);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0.4rem;
    text-align: center;
}
.pop-bg-w .pop_tit span{
  font-size: 16px;
  }

.pop-bg-w .pop_txt {
    font-family: var(--f-jp);
    font-size: 17px;
    margin-bottom: 1rem;
}
.pop-bg-w .pop_txt span{
  background: linear-gradient(transparent 70%, #fff200e4 10%);
}
.pop-bg-w .pop-img{
    width: 100%;
    max-width: 760px;
    height: auto;
    margin: 0 auto;
}



.pop-bg-w .pop-txtbox {
    width: 100%;
    height: auto;
    margin: 20px auto 0;
    font-family: var(--f-jp);
    font-size: 12px;
    letter-spacing: 0;
    color: #555;
}

.pop-bg-w .pop-txt {
    text-align: justify;
    padding: 0 0.5rem;
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em;
}



@media (min-width:820px) {
.pop-bg-w .pop-txtbox {
        width: 90%;
        max-width: 760px;
        font-size: 15px;
       margin: 20px auto 0;
    }
}