@charset "UTF-8";
/* CSS Document */

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

  #global_navi

-----------------------------------------------*/
@media(min-width: 769px){
nav ul li a{color:#000 !important;}
.fix-header{background: rgba(255,255,255,0.9) !important;}
.language li a{color:#000 !important;}
}
@media(max-width: 768px){
nav ul li a{color:#fff !important;}
}


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

  #color指定

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

.color-dia{color:#81B09A;}
.bg-color-dia{background:#81B09A;}
.color-sky{color:#79A8C1;}
.bg-color-sky{background:#79A8C1;}
table.color-dia th,table.color-dia td{color:#81B09A;}
table.color-sky th,table.color-sky td{color:#79A8C1;}

h2 img{width: 300px;margin: 0 auto;}
h4{font-size: 1.8rem;padding: 5px 0;border-top:1px solid #4c585c;border-bottom:1px solid #4c585c;}

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

  #intro

-----------------------------------------------*/
section#intro{padding: 180px 0 120px;}
section#intro.dia{background:url(../images/bg_diamond.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}
section#intro.sky{background:url(../images/bg_sky.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}

#intro p{line-height: 3.2rem;}

#intro .date{width: 80%;max-width: 300px;margin:0 auto;}
#intro h1{width: 100%;max-width: 640px;margin:20px auto 0;}
#intro .line{width: 100%;height: 1px;margin-top: -3px;}

#intro table{font-size: 1.8rem;margin: 25px auto 40px;}
#intro table th{width: 5em;}

.movie{aspect-ratio:16/ 9;max-width: 560px;margin: 0 auto;}
.movie iframe{width: 100%;height: 100%; }

.showa100{width: 160px;margin: 60px auto 10px;}
a.showa_link{font-size: 1.3rem;text-decoration:underline; }

@media(max-width: 768px){
  section#intro{padding: 100px 0 20px;}
  #intro h1{width: 78%;max-width: 640px;margin:20px auto 0;}
  #intro .line{margin-top: -2px;}
  #intro table{font-size: 1.6rem;margin: 25px auto 40px;}
  #intro table th,#intro table td{display: block;width: 100%;text-align: center;}
}

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

  #event

-----------------------------------------------*/
.ctn{}
.ctn .left{width:70%; }

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

  #jurassic world

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

section#j_world{width: 100%;background:url(../images/bg_jworld.jpg) 0 0 no-repeat;background-size: cover;background-attachment: fixed;padding: 0 0 100px;}
section#j_world p{color: #fff;}
section#j_world h2{margin: 100px auto 30px;}
section#j_world h2 img{width: 360px;}

#j_world .ttl{width: 100%;margin: 0 auto 80px;}

#j_world .txt{margin-bottom: 60px;}
#j_world .culumn2 div{width: 48%;margin-top: 40px;}
#j_world .culumn3 div{width: 31%;margin-top: 40px;}
#j_world .img{margin-bottom: 120px;}
#j_world .img p{margin-top: 5px;}
#j_world .j_copy{margin-top: 30px;font-size: 1.2rem;}

.cafetime{font-size: 1.6rem;margin: 40px auto 0;}

@media(max-width: 768px){
  #j_world .ttl{margin: 0 auto 40px;}
  #j_world .txt{margin-bottom: 40px;}
  #j_world .txt p{text-align: left;}
  #j_world .culumn1 p{text-indent: -1.5em;margin-left: 1.5em;}
  #j_world .culumn2 div{width: 100%;margin-top: 20px;}
  #j_world .culumn3 div{width: 100%;margin-top: 20px;}
  #j_world .img{margin-bottom: 80px;}
  section#j_world h2{margin: 70px auto 30px;}
  section#j_world h2 img{width: 85%;}
  .cafetime{font-size: 1.6rem;margin: 20px auto 0;text-align: center !important;}

}


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

  #pool

-----------------------------------------------*/
section#pool,section#event{padding: 100px 0;}
section#dia_event{padding: 0 0 100px;}
section#pool,section#dia_event{background:url(../images/bg_diamond.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}
section#event{background:url(../images/bg_sky.jpg)0 center no-repeat;background-attachment:fixed;background-size: cover;}

#dia_event h2{margin: 0 auto 50px;width:90%;max-width: 420px;}
#dia_event h2 img{width: 100%;}

.event_ctn{width: 100%;max-width: 1100px;margin:0 auto 180px;position: relative;}
.event_ctn .img{width: 80%;}
.event_ctn .img.right{width: 80%;margin-left: 20%;}

.event_ctn .txt{width: 95%;max-width: 500px;background:rgba(255,255,255,0.9);padding: 40px;position: absolute;}
.event_ctn .txt.right{bottom:-120px;right:0;}
.event_ctn .txt.left{bottom:-120px;left:0;}
.event_ctn h3{width:90%;max-width: 320px;}
.event_ctn .date{font-size: 1.4rem;margin: 10px 0;}

.chara_ctn{margin-top: 20px;}
.chara_ctn p{width: 100%;font-size: 1.4rem;}
.chara_ctn p.narrow{width: 65%;}
.chara_ctn div{width: 30%;}

.event_ctn .inner{position: relative;}
.event_ctn .icon{position: absolute;top:-25px;right:-20px;width: 110px;}

.pool_inner,.event_inner{display: flex;align-items: center;}

@media(max-width: 768px){
  section#pool,section#event{padding: 60px 0;}
  section#dia_event{padding: 0 0 60px;} 
  .event_ctn{margin:0 auto 40px;}
  .event_ctn .img{width: 90%;}
  .event_ctn .img.right{width: 90%;margin-left: 10%;}
  .event_ctn .txt{padding: 30px;position: relative;margin-top: -20px;}
  .event_ctn .txt.right{bottom:0;left:5%;right:0;}
  .event_ctn .txt.left{bottom:0;left:0%;right:5%;}
  .chara_ctn p{font-size: 1.2rem}
  .chara_ctn p.narrow{width: 100%;}
  .chara_ctn div{width: 50%;margin-bottom: 10px;}
  .event_ctn .icon{position: absolute;top:-115px;left:10px;right:auto;width: 100px;}
}

section#event .link{}
.mb-add{margin-bottom: 140px;}
#sky_rental{padding-top: 140px;}

/*#pool .main,#pool .kids,#event .daytime,#event .night{width: 1100px;height: 380px;margin:0 auto;position: relative;}*/
#pool .main,#pool .kids,#event .daytime,#event .night{width:100%;min-width: 1100px;height: 420px;margin:0 auto;position: relative;}

#event .night{margin-bottom:160px;}
#dia_rental{padding-top: 140px;}

.wide_ctn_bg{width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 0;overflow: hidden;}

/*.pool_inner{box-sizing: border-box;padding: 30px;height: 100%;width: 320px;background:rgba(129,176,154,0.9);}*/
.pool_inner{box-sizing: border-box;padding: 30px;height: 100%;width: 35%;min-width: 320px;background:rgba(129,176,154,0.9);}
/*.event_inner{box-sizing: border-box;padding: 25px;height: 100%;width: 320px;background:rgba(121,168,193,0.9);}*/
.event_inner{box-sizing: border-box;padding: 25px;height: 100%;width:35%;min-width: 320px;background:rgba(121,168,193,0.9);}
#pool .kids .pool_inner,#event .daytime .event_inner{position: absolute;right: 0;z-index: 2;}

#pool .main .pool_inner,#event .night .event_inner{position: absolute;left:0;z-index: 2;top:0;}


@media(min-width: 1101px){
.pool_inner .box,.event_inner .box{width: 320px;position: absolute;}
.pos_left{left:30px;}
.pos_right{right:30px;}
}

.pool_inner h3,.pool_inner p,.event_inner h3,.event_inner p{color:#fff;}
.pool_inner h3,.event_inner h3{width: 230px;}
.pool_inner p.h3_jn{padding: 10px 0 25px;}
.event_inner p.h3_jn{padding: 10px 0 15px;}

#pool .culumn2,#event .culumn2{margin-bottom: 60px;}
#pool .culumn2 div,#event .culumn2 div{width: 48%;margin-top: 40px;}
#pool .culumn2 div p,#event .culumn2 div p{margin-top: 5px;}

.event_inner .time{font-size: 1.4rem;margin-top: 10px;}
#dia_rental h2 img,#sky_rental h2 img,#sky_food h2 img{width: 370px;margin-bottom: 20px;}
#sky_food{padding-top: 80px;}
.single_img div{width: 100% !important;max-width: 500px;margin: 0 auto;}
p.sky_food_time{text-align:left;max-width: 450px;width: 100%;margin: -30px auto 0;}
.caution{margin-top: 10px;font-size: 1.4rem;}
ul.attention.center li{text-align: center !important;}

@media(max-width: 768px){
  .mb-add{margin-bottom: 80px;}
  #pool .main{min-width: auto;background:url(../images/wide_main_sp.jpg) center center no-repeat;background-size: cover;}
  #pool .kids{min-width: auto;background:url(../images/wide_kids_sp.jpg) center center no-repeat;background-size: cover;}
  #event .daytime{min-width: auto;background:url(../images/wide_daytime_sp.jpg) center center no-repeat;background-size: cover;}
  #event .night{min-width: auto;background:url(../images/wide_night_sp.jpg) center center no-repeat;background-size: cover;}

  #pool .main,#pool .kids,#event .daytime,#event .night{width: 100%;max-width: 1100px;height: 460px;margin:0 auto;position: relative;}
  #pool .culumn2 div,#event .culumn2 div{width: 100%;margin-top: 20px;}
  .pool_inner,.event_inner{width: 100%;height: auto;}
  #pool .kids,#event .night{margin-bottom: 0px;}

  #event .night{margin-bottom:100px;}
  #dia_rental{padding-top: 100px;}
  #sky_rental{padding-top: 100px;}
  #sky_food{padding-top: 100px;}
  .caution{margin-top: 10px;font-size: 1.2rem;}
  p.sky_food_time{text-align:center;}
}

.mov_area{width: 90%;max-width: 860px;padding:50px;margin: -10px auto 70px;background:rgba(255,255,255,0.9);}
.mov_box{width: 48%;}
.mov_img p{font-size:1.0rem;text-align: right;margin-top: 5px;}
.mov_area h3{text-align: center;font-size: 2.2rem;margin-bottom: 20px;}
.mov_area h4{text-align:left;border: none;margin: 5px 0;}
.mov_area h3,.mov_area h4{color:#79A8C1;font-weight: normal;}
@media(max-width: 768px){
  .mov_area h3{font-size: 2.2rem;margin-bottom: 0px;}
  .mov_box{width: 100%;margin-top: 20px;}
  .mov_area{padding:30px;margin: -10px auto 40px;}
  .mov_area h4{margin: 5px 0 0;}
}

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

  #information

-----------------------------------------------*/
section#information{padding: 120px 0 80px;}
section#information h2 img{width: 95%;max-width: 360px;}

@media(max-width: 768px){
  section#information{padding:80px 0 10px;}
  #sky_food h2 img{width: 85%;}
}

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

  #swiper

-----------------------------------------------*/
.swiper-container{
    width: 90%;
    max-width: 1100px;
    height: 290px;
    padding-top: 70px;
}
.swiper-slide{text-align: center;text-align: left;position: relative;}
.swiper-slide p{font-size: 1.6rem;}
.swiper-dia a p{color:#81B09A;}
.swiper-sky a p{color:#79A8C1;}

.swiper-slide {
  transform: scale(.9);
}

.swiper-slide-active {
  opacity: 1; 
  transform: scale(1.1); 
  z-index: 1; 
  margin-top: -12px;
  margin-left: 20px;
  margin-right: 30px;
}
.swiper-slide-active p{
  font-size: 1.6rem !important;
  margin-top: 0 !important;
}

.swiper-button-prev{
  display: none;
}

.swiper-slide-active div:before{position: absolute;top:0;left:0;display: block;content: '';background: rgba(0,0,0,0) !important;width: 100%;height: 93%;}

.swiper-slide div:before{height: 0;padding-top: 55.6%;position: absolute;top:0;left:0;display: block;content: '';background: rgba(0,0,0,0.5);width: 100%;}
.swiper-slide p{font-size:2rem;margin-top: 3px;}

.swiper-container .swiper-button-next{
  background-image:url(../images/btn_prev.png) !important;background-size: contain;width:45px;
}
.swiper-container .swiper-button-next{
  right:auto;left:0;top:0;margin-top: 0;
}

@media (max-width: 768px) {
  .swiper-slide-active {
  margin-right: 20px;
}


/* レスポンシブの設定 */
/* モバイル */
@media (max-width: 768px) {}