@charset "utf-8";
/* CSS Document */
/* 背景関係 */
.sample {
line-height: 0;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);
position: relative;
z-index: 1;

}

.teaser_sen {
line-height: 0;
background: #FF539D;
width: 100%;
height: 30px;
z-index: 1;
}

.ws_sen {
line-height: 0;
background: #a95dff;
width: 100%;
height: 30px;
z-index: 1;
}


.food_sen {
line-height: 0;
background: #19aefc;
width: 100%;
height: 30px;
z-index: 1;
}


.goods_sen {
line-height: 0;
background: #00b1c6;
width: 100%;
height: 30px;
z-index: 1;
}


.ticket_sen {
line-height: 0;
background: #00bddf;
width: 100%;
height: 30px;
z-index: 1;
}


.stay_sen {
line-height: 0;
background: #ff62b1;
width: 100%;
height: 30px;
z-index: 1;
}


.bg_teaser_01 {
  background-image:url("../img/teaser/p_precure_teaser_bg.png");
  width: 100%;
}


.bg_teaser_02 {
width: 100%;
background-size: 100%;
background-blend-mode: screen;	
background: linear-gradient(0deg, rgba(172,231,255,1) 0%, rgba(211,180,237,1) 50%, rgba(255,212,237,1) 100%),url("../img/teaser/p_precure_hotel_bg.png");
background-position: top;
background-attachment: fixed; 
}



.bg_ws {
  background-image:url("../img/ws/bg_wanpuri_ws.png");
  width: 100%;
}


.bg_food {
  background-image:url("../img/gm/bg_wanpuri_food.png");
  width: 100%;
}


.bg_goods {
  background-image:url("../img/god/bg_wanpuri_goods.png");
  width: 100%;
}


.bg_ticket {
  background-image:url("../img/ticket/bg_wanpuri_ticket.png");
  width: 100%;
}



.bg_stay {
  background-image:url("../img/stay/bg_wanpuri_stay.png");
  width: 100%;
}





/* 虹色グラデ*/

.rainbow{
  border-bottom: 0.6em solid #c21500;
  border-image: linear-gradient(90deg, rgba(241, 158, 194, 1), rgba(198, 174, 210, 1) 10%, rgba(126, 206, 244, 1) 20%, rgba(217, 228, 116, 1) 30%, rgba(255, 230, 123, 1) 40%,rgba(241, 158, 194, 1) 50%, rgba(198, 174, 210, 1) 60%, rgba(126, 206, 244, 1) 70%, rgba(217, 228, 116, 1) 80%, rgba(255, 230, 123, 1) 90%, rgba(241, 158, 194, 1) );
  border-image-slice: 1;  
}

.bg_bl {
  background: #000000;
}
.bg_red {
  background: #C30D23;
}
.bg_pink {
  background: #ff5aaa;
}
.bg_ly {
  background: #ffff5f;
}
.bg_blue {
  background: #0070E5;
}

.bg_precure {
  background: #FF539D;
}


.bg_wan_ws {
  background: #a95dff;
}

.bg_wan_food {
  background: #19aefc;
}

.bg_wan_goods {
  background: #00b1c6;
}

.bg_wan_ticket {
  background: #00bddf;
}


.bg_wan_stay {
  background: #ff62b1;
}

.kira {
  position: fixed;
  bottom: -3;
  z-index: -1;
  width: 100%;
}
.news-wrapper {

  width: 100%;

  margin: 0 auto;
 border-bottom: 0.6em solid #FF92E2;
 border-top: 0.6em solid #FF92E2;
  background: linear-gradient(45deg, rgba(110, 213, 235, 1) 10%,  rgba(214, 239, 244, 1) 50%, rgba(110, 213, 235, 1) 90%);
    
}

.news-container{
    max-width: 1100px;
    margin: 0 auto;
   
}

.htl-wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto;
 padding:3% 5% 5% 5%;
  background-image:url("../img/htl/p_precure_htl_2.jpg")
    
}

.headline{
    padding: 3% 5% 0% 5%;
    display: inline-block;

}

.htl_copy{
   
    display: inline-block;

}



@media screen and (max-width: 768px) {
	

.pink_sen {
line-height: 0;
background: #f55f98;
width: 100%;
height: 20px;
z-index: 1;
}
	

.ws_sen {
line-height: 0;
background: #a95dff;
width: 100%;
height: 20px;
z-index: 1;
}	
	

.food_sen {
line-height: 0;
background: #19aefc;
width: 100%;
height: 20px;
z-index: 1;
}	

	
.goods_sen {
line-height: 0;
background: #00b1c6;
width: 100%;
height: 20px;
z-index: 1;
}	
	
}


.ticket_sen {
line-height: 0;
background: #00bddf;
width: 100%;
height: 20px;
z-index: 1;
}


.stay_sen {
line-height: 0;
background: #ff62b1;
width: 100%;
height: 20px;
z-index: 1;
}


@media screen and (min-width: 768px) {
  .kira {
    position: fixed;
    bottom: 0;
    z-index: -1;
    width: 100%;
  }
.at_p span{
    font-size:120%;
} 	
	
}

/* カラー*/

.hiropri-gradient2 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 193, 250, 1) 10%, rgba(255, 87, 186, 1) 90%);
  background-repeat: no-repeat;
  background-position: bottom;
}

.hiropri-gradient3 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(155, 222, 255, 1) 10%, rgba(0, 184, 241, 1) 90%);
  background-repeat: no-repeat;
  background-position: bottom;
}

.hiropri-gradient4 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 184, 255, 1) 10%, rgba(255, 255, 128, 1) 90%);
  background-repeat: no-repeat;
  background-position: bottom;
}


.hiropri-gradient5 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 225, 83, 1) 10%, rgba(255, 176, 0, 1) 90%);
  background-repeat: no-repeat;
  background-position: bottom;
}

.hiropri-gradient6 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(232, 203, 255, 1) 10%, rgba(197, 154, 255, 1) 90%);
  background-repeat: no-repeat;
  background-position: bottom;
}


.hiropri-gradient7 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 203, 221, 1) 10%, rgba(212, 175, 255, 1) 90%);
  background-repeat: no-repeat;
  background-position: bottom;
}


.hiropri-gradient8 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 255, 155, 1) 0%, rgba(255, 190, 255, 1) 50%,rgba(81, 234, 255, 1) 100%);
  background-repeat: no-repeat;
  background-position: bottom;
}

.ppl{
    color:#8762FF;
}

.pink{
    color:#ff7eb5;
      text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.ppl-border{
    border: 0.1em solid #8762FF;
    
}

/*文字*/

.txt_big {
  font-size: 180%;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2em;
 
}



.txt_underline {
  padding: 0.5%;
    margin: 0% 8% 0% 8%;
  border-bottom: 0.1em solid;
}

.txt_big span{
   
    font-size: 70%;
   margin-botom: 1em;
    display: inline-block;
}


.front-row {
  position: relative;
  z-index: 1.5;
}
.bg_gourmet {
  background-image: url("../img/gm/p_precure_gr_01.jpg");
  z-index: -3;
}
.bg_workshop {
  background-image: url("../img/ws/p_precure_ws_02.jpg");
  z-index: -3;
}


.txt_gr {
  font-size: 95%;
    letter-spacing: 0.1em;
    line-height: 2em;
 
}


.txt_news {
  font-size: 120%;
	font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2em;
 
}


.txt_wan_yoyaku {
  font-size: 25px;
}


@media screen and (max-width: 768px) {
  .txt_gr {
    font-size: 80%;
    line-height: 1.5;
  }
  .txt_news {
    font-size: 75%;
    line-height: 1.5;
  }
	
	.txt_wan_yoyaku {
  	font-size: 10px;
	}

}


/* 背景枠関係 */

.bg_padding {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.bg_padding02 {
  padding-left: 45px;
  padding-right: 45px;
  margin-bottom: 30px;
}

.bg_box {
	background-color:#FFFFFF;
    border-radius: 25px;
	padding:3%;
}

.btn_pink {
 
margin: 0 auto;
  width: 100%;
  max-width:800px;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 140%;
  border-radius: 60px;
   padding: 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #ff7eb5;
}

.btn_pink a{
   text-decoration: none!important;
    color: #ffffff;
    display: block;
}


.btn_pink:hover {
  opacity: 0.7;
  
}



/* 599px以下に適用 */
@media screen and (max-width: 599px) {
  .bg_kadomaru {
    border-radius: 1rem;
    padding: 10px;
  }
  .contents {
    display: block;
    flex-wrap: wrap;
  }
    
.at_p span{
    font-size:110%;
}  
    
 .at_p{
     
margin: 0% 8%;
word-break: keep-all;
font-size: 1.6rem;
line-height: 1.4;

    }
    

.g_contents {
    display: block;
    flex-wrap: wrap;
  }
.g_contents_2 {
    width: 100%;
  }
.gd_img {
    width: 100%;
    padding: 3%;
  }
.contents p {
    padding: 5%;
  }
.at_img {
    width: 100%;
    height: auto;
  }
.headline{
     padding: 2% 2% 0% 2%;
    }
.htl-wrapper {
      background-image:url("../img/htl/p_precure_htl_9.jpg")
}
    
.txt_big {
  font-size: 120%;
  font-weight: normal;
  
}    

.kadomaru_txt{
       
 border-radius: 50px;
 text-align: center;
 padding: 1%;
  margin:8% 20% 5% 20%;
    }
    
 .txt_big_2 {
  font-size: 125%;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 2em;
}
    
.btn_pink {
     width: 100%;
    max-width: 700px;
  display: block;
    text-align: center;
  line-height: 1;
  font-size: 110%;
  border-radius: 40px;
    padding: 4%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #ff7eb5;
}   
    
    
}

/* あれルギースマホ表示*/
@media only screen and (max-width: 599px) {
  .alg_pc {
    display: none !important;
    padding: 0% 5%;
  }
  .alg_sp {
    display: block !important;
    padding: 0% 5%;
  }

.bg_box {
	padding:2%;
}
}
/* 600px以上に適用 */
@media screen and (min-width: 600px) {
  .at_img {
    width: 55%;
    height: auto;
    align-self: flex-start;
  }
  .gd_img {
    width: 50%;
    height: auto;
    text-align: center;
    padding: 3%;
    align-self: flex-start;
  }
  .contents {
    align-items: center;
  }
  .g_contents {
    align-items: center;
  }
  .g_contents_2 {
    max-width: 50%;
  }
  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .alg_pc {
    display: block !important;
      padding: 0% 10%;
  }
  .alg_sp {
    display: none !important;
  }
    
    
  .txt_box{
      display: flex;
      justify-content: center;

}

  .at_p{
    font-size: 1.6rem;
    line-height: 1.4;
    word-break: keep-all;

    }
    
.kadomaru_txt{

 border-radius: 100px;
 padding: 2%;
 text-align: center;
 margin:8% 30% 5% 30%;
}
    
.txt_big_2 {
  font-size: 220%;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 2em;
}        
}

/* 768px以上に適用 */
@media screen and (min-width: 768px) {
  .at_img {
    width: 60%;
    height: auto;
    align-self: flex-start;
  }
  .gd_img {
    width: 55%;
    height: auto;
    padding: 2%;
    text-align: center;
    align-self: flex-start;
  }
  .g_contents {
    align-items: center;
    padding-right: 5%;
    padding-left: 5%;
  }

}
/* 1000px以上に適用 */

/* 背景枠 角をベベル */
.bg_beberu {
  background: #FFFFFF; /* fallback */
  background:
    linear-gradient(135deg, transparent 20px, #FFFFFF 0) top left, linear-gradient(225deg, transparent 20px, #FFFFFF 0) top right, linear-gradient(315deg, transparent 20px, #FFFFFF 0) bottom right, linear-gradient(45deg, transparent 20px, #FFFFFF 0) bottom left;
  background-size: 60% 60%;
  background-repeat: no-repeat;
}
.bg_kadomaru {
  border-radius: 10px;
  padding: 2%;
}


.kadomaru_box{
    width: min(100% - 2rem, 640px);
    margin-inline: auto;
    border: #8ca1ff;
    border-radius: 3%;
        
}
.info_box {
  background: #A5A5A5;
  padding: 15px 15px 15px 15px;
  margin: 15px 15px 15px 15px;
}
.info_box02 {
  background: #A5A5A5;
  padding: 15px 15px 15px 15px;
}
.shadow {
  box-shadow: 5px 5px 5px #000000;
}
.naka {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.wakusen {
  border: 0.1em solid #f55f98;
   
}
.wakusen2 {
  border-style: solid;
  border-width: 2px;
  border-color: #D40000
}
/* 画像位置をずらす */
.sennsei {
  position: relative;
  top: -350px;
}
.sennsei02 {
  position: relative;
  top: -150px;
}
/* スペシャルイベントのオブジェクトをセンター配置 */
.spevent_object {
  text-align: center;
}
/* 文字 */
a {
  color: #9A2822;
  text-decoration: underline;
}

/* AT説明文 */

.at_p{
    font-size:1rem;
    line-height: 2;
    word-break: keep-all;
    
}

.p_layout {
  padding: 0 10%;
}
/* タイトル */
.title {
  position: relative;
  width: 100%;
  height: auto;
}
.title_ {
  position: absolute;
  left: 40%;
  top: 50px;
}
/* youtube 縦横比率固定 */
.movie {
  width: 100%; /* 横幅変更 */
  padding: 0;
  box-sizing: border-box;
}
.movie-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ゆらゆら */
.yurayura {
  animation: wobbling_x 0.8s ease-in-out infinite alternate, wobbling_y 1.1s ease-in-out infinite alternate;
}
.dokidoki {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin: center;
}


/* キラッとひかる*/
.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:40px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 1.5s ease-in-out 1;
}


 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* 下からふわり*/
.under_fuwa{
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.txt_box{
    word-break: keep-all;
}
@keyframes anime1 {
  from {
    transform: scale(0.95, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
.bound {
  animation: bound .8s linear infinite;
}
@keyframes bound {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0px) scaleY(0.5);
  }
}
/*ボタン*/
.box {
  position: relative;
  text-align: center
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 65%;
  left: 58%;
}
.top_copy {
  position: absolute;
  top: 2%;
  left: 24%;
  animation: poyoyon2 1s ease-in-out 1 forwards;
}
@keyframes poyoyon2 {
  0% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {
    transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.top_copy2 {
  position: absolute;
  bottom: -4%;
  right: 4%;
  animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;

}
@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
    
}
.bg_ryori {
  background-image: url("../img/top/p_precure_top_27.png");
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
}
.content-wrapper_gr {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 32px;
  background-color: #9de6c8;
  border-radius: 30px;
  position: relative;
}
.hotel_plan_tit {
  text-align: center;
  position: absolute;
  top: -5%;
}
.hotel_plan_btn:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.sirofuchi {
  color: #000;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.hotel_txt {
  padding-top: 20%;
}
.race {
  position: relative;
}
.food3 {
  background-image: url("../img/top/p_precure_top_27.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}


.star {
  background-image: url("../img/spe/p_precure_spe_15.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}
.contents {
  display: flex;

}


.g_contents {
  display: flex;
  justify-content: center;
}
.map_area {
  max-width: 100%;
  padding: 3% 0%;
  box-sizing: border-box;
}
.map_area img {}
.obi {
  padding: 5%;
}
.top_img {
  position: relative;
  overflow: hidden;
   vertical-align: bottom;
   

}    
.top_img_spe {
  width: 30%;
  position: absolute;
  top: 17%;
  right: 15%;
  animation: poyoyon2 1s ease-in-out 1 forwards;
}
.top_img_spe {
  width: 30%;
  position: absolute;
  top: 10%;
  right: 9%;
  animation: poyoyon2 1s ease-in-out 1 forwards;
}
@keyframes poyoyon2 {
  0% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {
    transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}


.fuwa_comeout {

  animation: fadeIn 0.5s ease 1s 1 normal backwards;
}
 
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.poyon {
  animation: poyon 1.1s linear 0s 1;
}

@keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.fuwafuwa {
  animation: fuwafuwa 2s infinite ease-in-out;
}

@media screen and (max-width: 768px) {
    .fuwafuwa{
        margin-top: 7%;
    }
}

@keyframes fuwafuwa {
  0% {transform: translate(0, 0);}
  50% {transform: translate(0, -7px);}
  100% {transform: translate(0, 0);}
}

.korokoro {
  animation: korokoro 2.5s linear 0s 1;
}

@keyframes korokoro {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}

.slidein {
   transform: translate(0, 0)!important;
    opacity: 1!important;
    transition: all 1.0s;
}
Resources
.goods_box {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.top_img_a {
  width: 47%;
  position: absolute;
  top: 22%;
  right: 7%;

}
.product_name {
  position: absolute;
  bottom: 18%;
  left: 16%;
}
.p_box {
  max-width: 930px;
  padding: 2%;
}
.heart_race {
  background-color: #FFA3C4;
  padding: 3%;
  text-align: center;
}
.heart1 {
  background-image: url("../img/spe/p_precure_spe_09.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}
.top_img_g {
  width: 32%;
  position: absolute;
  top: 15%;
  right: 13%;
  animation: poyoyon2 1s ease-in-out 1 forwards;
}



/* ホテルボタン　*/

.precure_hotel_btn{
	position:relative;
	top:0;
}
.precure_hotel_btn:hover{
	top:-10px;
	transition:0.3s;
}

.btn_wan_w {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 200%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #ff579d;
}

.btn_wan_w a{
   text-decoration: none!important;
    color: #ffffff;
    display: block;
}


.btn_wan_w:hover {
  opacity: 0.7;
  
}

@media screen and (max-width: 700px) {
	.btn_wan_w {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 90%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #ff579d;
}
}


.btn_wan_f {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 200%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #a997ff;
}

.btn_wan_f a{
   text-decoration: none!important;
    color: #ffffff;
    display: block;
}


.btn_wan_f:hover {
  opacity: 0.7;
  
}

@media screen and (max-width: 700px) {
	.btn_wan_f {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 90%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #a997ff;
}
}


.btn_wan_n {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 200%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #6ad8ff;
}

.btn_wan_n a{
   text-decoration: none!important;
    color: #ffffff;
    display: block;
}


.btn_wan_n:hover {
  opacity: 0.7;
  
}

@media screen and (max-width: 700px) {
	.btn_wan_n {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 90%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #6ad8ff;
}
}


.btn_wan_l {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 200%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #34cfcf;
}

.btn_wan_l a{
   text-decoration: none!important;
    color: #ffffff;
    display: block;
}


.btn_wan_l:hover {
  opacity: 0.7;
  
}

@media screen and (max-width: 700px) {
	.btn_wan_l {
 
margin: 0 auto;
  width: 100%;
  max-width:80%;
  display: block;
text-align: center;
  line-height: 1;
  font-size: 90%;
  border-radius: 90px;
   padding: 5% 2%;
  font-weight: bold;
  transition: 0.3s;
  background-color: #34cfcf;
}
}



/*--------------------------------------
ヘッダー ws
---------------------------------------*/
.header_ws {
    width: 100%;
    height: auto;
	background-color: #a95dff;
    color: #ffffff;
    padding: 5px 0px 5px 32px;
    position: relative;
    z-index: 99;
}
.header_ws:after {
  /*content: "";*/
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  border-bottom: 6px double #FFF;
  transition: all 1s;
}
.header_ws h1 {
  display: none; /*要素も取得されず、完全にその場にない扱い*/
}

.header_ws li{
    margin-right: 1%;
    font-size:18px;
}

.header_ws .global-nav {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 32px;
  position: relative;
}
.header_ws .global-nav .menu-btn {
  display: none;
}

.header_ws .global-nav ul {
  overflow: hidden; /*はみ出た部分を表示しない*/
  position: relative;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  margin: 0 160px 0 0;
}
.header_ws .global-nav ul li {
  float: left;
  line-height: 40px;
  padding-right: 2%;
}
.header_ws .global-nav a, .header_ws .global-nav span {
  color: #FFF;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none; /*テキストの下線・上線・打ち消し線・点滅を指定*/
  vertical-align: middle;
}
.header_ws .global-nav a.tenbosch {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  background-color: #FFFFFF;
  color: #a95dff;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
   

}


.header_ws .global-nav ul li.sns a {
  display: inline-block; /*要素を横並びにする*/
  width: 40px;
  text-align: center;
  margin-right: 16px;
  border-radius: 50%; /*枠線四隅の曲率半径の一括指定*/
  border: 1px solid #FFF;
}
.header_ws .global-nav ul li.sns a span {
  display: none;
}
.header_ws .global-nav a.ticket {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  border: 2px solid #a95dff;
  color: #a95dff;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
}
.header_ws .global-nav a.ticket img {
  vertical-align: middle;
}
.header_ws.fixed {
  position: fixed; /*画面のきまった位置に固定する*/
  top: 0;
  left: 0;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  height: auto;
}
.header_ws.fixed .global-nav {
  padding: 8px 32px;
}
@media screen and (max-width: 900px) {
  .header_ws, .header_ws.fixed {
    width: 100%;
    height: 48px;
    padding: 4px 0;
  }
  .header_ws:after { /*SPメニューバーの飾り線*/
    border-bottom: 2px solid #FFF;
  }
  .header_ws .global-nav, .header_ws.fixed .global-nav { /*SP左上メニューボタンの位置*/
    padding: 44px 0 0 0;
  }
  .header_ws .global-nav .menu-btn { /*SP左上メニューボタンの表示*/
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  .header_ws .global-nav .menu-btn span { /*SP左上メニューボタンの表示*/
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all 0.5s;
  }
  .header_ws .global-nav .menu-btn span:nth-of-type(1) { /*SP左上メニューボタンの設定*/
    top: 6px;
  }
  .header_ws .global-nav .menu-btn span:nth-of-type(2) { /*SP左上メニューボタンの設定*/
    top: 50%;
    margin-top: -1px;
  }
  .header_ws .global-nav .menu-btn span:nth-of-type(3) { /*SP左上メニューボタンの設定*/
    bottom: 6px;
  }
  .header_ws .global-nav .menu-btn.active span:nth-of-type(1) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(10px) rotate(-45deg);
  }
  .header_ws .global-nav .menu-btn.active span:nth-of-type(2) { /*SP左上メニュー開く際の×になるアニメーション(真ん中の線を消す)*/
    opacity: 0;
  }
  .header_ws .global-nav .menu-btn.active span:nth-of-type(3) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(-8px) rotate(45deg);
  }
  .header_ws .global-nav ul { /*SPメニューバー*/
    overflow: hidden;
    display: block;
    background: #a95dff;
    margin-right: 0;
    max-height: 0px;
    transition: all 1s;
  }
  .header_ws .global-nav ul.open { /*SPメニューバーサイズ*/
   max-height: 500px;
  }
  .header_ws .global-nav ul li { /*SPメニューバー縦並びに*/
    display: block;
    width: 100%;
    float: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #fff;
  }
  .header_ws .global-nav ul li.sns {
    overflow: hidden;
  }
  .header_ws .global-nav ul li.sns a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    border: 0 none;
    border-radius: 0;
    margin: 0;
  }
  .header_ws .global-nav ul li.sns a:first-child {
    border-right: 1px solid #a95dff;
  }
  .header_ws .global-nav ul li.sns a span {
    display: inline-block;
  }
  .header_ws .global-nav ul li.sns a .icon {
    margin-right: 8px;
  }
  .header_ws .global-nav a.tenbosch { /*SPテンボスボタンの設定(.global-nav消すとメニュバー表示時テンボスボタン消える) */
    font-size: 87.5%;
    height: 32px;
    line-height: 1em;
    top: 0;
    right: 8px;
    padding: 4px 1em;
    margin: 0;
  }
}




/*--------------------------------------
ヘッダー food
---------------------------------------*/
.header_food {
    width: 100%;
    height: auto;
	background-color: #19aefc;
    color: #ffffff;
    padding: 5px 0px 5px 32px;
    position: relative;
    z-index: 99;
}
.header_food:after {
  /*content: "";*/
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  border-bottom: 6px double #FFF;
  transition: all 1s;
}
.header_food h1 {
  display: none; /*要素も取得されず、完全にその場にない扱い*/
}

.header_food li{
    margin-right: 1%;
    font-size:18px;
}

.header_food .global-nav {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 32px;
  position: relative;
}
.header_food .global-nav .menu-btn {
  display: none;
}

.header_food .global-nav ul {
  overflow: hidden; /*はみ出た部分を表示しない*/
  position: relative;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  margin: 0 160px 0 0;
}
.header_food .global-nav ul li {
  float: left;
  line-height: 40px;
  padding-right: 2%;
}
.header_food .global-nav a, .header_food .global-nav span {
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none; /*テキストの下線・上線・打ち消し線・点滅を指定*/
  vertical-align: middle;
}
.header_food .global-nav a.tenbosch {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  background-color: #FFFFFF;
  color: #19aefc;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
   

}


.header_food .global-nav ul li.sns a {
  display: inline-block; /*要素を横並びにする*/
  width: 40px;
  text-align: center;
  margin-right: 16px;
  border-radius: 50%; /*枠線四隅の曲率半径の一括指定*/
  border: 1px solid #FFF;
}
.header_food .global-nav ul li.sns a span {
  display: none;
}
.header_food .global-nav a.ticket {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  border: 2px solid #19aefc;
  color: #19aefc;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
}
.header_food .global-nav a.ticket img {
  vertical-align: middle;
}
.header_food.fixed {
  position: fixed; /*画面のきまった位置に固定する*/
  top: 0;
  left: 0;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  height: auto;
}
.header_food.fixed .global-nav {
  padding: 8px 32px;
}
@media screen and (max-width: 900px) {
  .header_food, .header_food.fixed {
    width: 100%;
    height: 48px;
    padding: 4px 0;
  }
  .header_food:after { /*SPメニューバーの飾り線*/
    border-bottom: 2px solid #FFF;
  }
  .header_food .global-nav, .header_food.fixed .global-nav { /*SP左上メニューボタンの位置*/
    padding: 44px 0 0 0;
  }
  .header_food .global-nav .menu-btn { /*SP左上メニューボタンの表示*/
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  .header_food .global-nav .menu-btn span { /*SP左上メニューボタンの表示*/
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all 0.5s;
  }
  .header_food .global-nav .menu-btn span:nth-of-type(1) { /*SP左上メニューボタンの設定*/
    top: 6px;
  }
  .header_food .global-nav .menu-btn span:nth-of-type(2) { /*SP左上メニューボタンの設定*/
    top: 50%;
    margin-top: -1px;
  }
  .header_food .global-nav .menu-btn span:nth-of-type(3) { /*SP左上メニューボタンの設定*/
    bottom: 6px;
  }
  .header_food .global-nav .menu-btn.active span:nth-of-type(1) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(10px) rotate(-45deg);
  }
  .header_food .global-nav .menu-btn.active span:nth-of-type(2) { /*SP左上メニュー開く際の×になるアニメーション(真ん中の線を消す)*/
    opacity: 0;
  }
  .header_food .global-nav .menu-btn.active span:nth-of-type(3) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(-8px) rotate(45deg);
  }
  .header_food .global-nav ul { /*SPメニューバー*/
    overflow: hidden;
    display: block;
    background: #19aefc;
    margin-right: 0;
    max-height: 0px;
    transition: all 1s;
  }
  .header_food .global-nav ul.open { /*SPメニューバーサイズ*/
    max-height: 435px;
  }
  .header_food .global-nav ul li { /*SPメニューバー縦並びに*/
    display: block;
    width: 100%;
    float: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #fff;
  }
  .header_food .global-nav ul li.sns {
    overflow: hidden;
  }
  .header_food .global-nav ul li.sns a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    border: 0 none;
    border-radius: 0;
    margin: 0;
  }
  .header_food .global-nav ul li.sns a:first-child {
    border-right: 1px solid #19aefc;
  }
  .header_food .global-nav ul li.sns a span {
    display: inline-block;
  }
  .header_food .global-nav ul li.sns a .icon {
    margin-right: 8px;
  }
  .header_food .global-nav a.tenbosch { /*SPテンボスボタンの設定(.global-nav消すとメニュバー表示時テンボスボタン消える) */
    font-size: 87.5%;
    height: 32px;
    line-height: 1em;
    top: 0;
    right: 8px;
    padding: 4px 1em;
    margin: 0;
  }
}




/*--------------------------------------
ヘッダー goods
---------------------------------------*/
.header_goods {
    width: 100%;
    height: auto;
	background-color: #00b1c6;
    color: #ffffff;
    padding: 5px 0px 5px 32px;
    position: relative;
    z-index: 99;
}
.header_goods:after {
  /*content: "";*/
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  border-bottom: 6px double #FFF;
  transition: all 1s;
}
.header_goods h1 {
  display: none; /*要素も取得されず、完全にその場にない扱い*/
}

.header_goods li{
    margin-right: 1%;
    font-size:18px;
}

.header_goods .global-nav {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 32px;
  position: relative;
}
.header_goods .global-nav .menu-btn {
  display: none;
}

.header_goods .global-nav ul {
  overflow: hidden; /*はみ出た部分を表示しない*/
  position: relative;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  margin: 0 160px 0 0;
}
.header_goods .global-nav ul li {
  float: left;
  line-height: 40px;
  padding-right: 2%;
}
.header_goods .global-nav a, .header_goods .global-nav span {
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none; /*テキストの下線・上線・打ち消し線・点滅を指定*/
  vertical-align: middle;
}
.header_goods .global-nav a.tenbosch {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  background-color: #FFFFFF;
  color: #00b1c6;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
   

}


.header_goods .global-nav ul li.sns a {
  display: inline-block; /*要素を横並びにする*/
  width: 40px;
  text-align: center;
  margin-right: 16px;
  border-radius: 50%; /*枠線四隅の曲率半径の一括指定*/
  border: 1px solid #FFF;
}
.header_goods .global-nav ul li.sns a span {
  display: none;
}
.header_goods .global-nav a.ticket {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  border: 2px solid #00b1c6;
  color: #00b1c6;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
}
.header_goods .global-nav a.ticket img {
  vertical-align: middle;
}
.header_goods.fixed {
  position: fixed; /*画面のきまった位置に固定する*/
  top: 0;
  left: 0;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  height: auto;
}
.header_goods.fixed .global-nav {
  padding: 8px 32px;
}
@media screen and (max-width: 900px) {
  .header_goods, .header_goods.fixed {
    width: 100%;
    height: 48px;
    padding: 4px 0;
  }
  .header_goods:after { /*SPメニューバーの飾り線*/
    border-bottom: 2px solid #FFF;
  }
  .header_goods .global-nav, .header_goods.fixed .global-nav { /*SP左上メニューボタンの位置*/
    padding: 44px 0 0 0;
  }
  .header_goods .global-nav .menu-btn { /*SP左上メニューボタンの表示*/
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  .header_goods .global-nav .menu-btn span { /*SP左上メニューボタンの表示*/
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all 0.5s;
  }
  .header_goods .global-nav .menu-btn span:nth-of-type(1) { /*SP左上メニューボタンの設定*/
    top: 6px;
  }
  .header_goods .global-nav .menu-btn span:nth-of-type(2) { /*SP左上メニューボタンの設定*/
    top: 50%;
    margin-top: -1px;
  }
  .header_goods .global-nav .menu-btn span:nth-of-type(3) { /*SP左上メニューボタンの設定*/
    bottom: 6px;
  }
  .header_goods .global-nav .menu-btn.active span:nth-of-type(1) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(10px) rotate(-45deg);
  }
  .header_goods .global-nav .menu-btn.active span:nth-of-type(2) { /*SP左上メニュー開く際の×になるアニメーション(真ん中の線を消す)*/
    opacity: 0;
  }
  .header_goods .global-nav .menu-btn.active span:nth-of-type(3) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(-8px) rotate(45deg);
  }
  .header_goods .global-nav ul { /*SPメニューバー*/
    overflow: hidden;
    display: block;
    background: #00b1c6;
    margin-right: 0;
    max-height: 0px;
    transition: all 1s;
  }
  .header_goods .global-nav ul.open { /*SPメニューバーサイズ*/
    max-height: 500px;
  }
  .header_goods .global-nav ul li { /*SPメニューバー縦並びに*/
    display: block;
    width: 100%;
    float: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #fff;
  }
  .header_goods .global-nav ul li.sns {
    overflow: hidden;
  }
  .header_goods .global-nav ul li.sns a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    border: 0 none;
    border-radius: 0;
    margin: 0;
  }
  .header_goods .global-nav ul li.sns a:first-child {
    border-right: 1px solid #00b1c6;
  }
  .header_goods .global-nav ul li.sns a span {
    display: inline-block;
  }
  .header_goods .global-nav ul li.sns a .icon {
    margin-right: 8px;
  }
  .header_goods .global-nav a.tenbosch { /*SPテンボスボタンの設定(.global-nav消すとメニュバー表示時テンボスボタン消える) */
    font-size: 87.5%;
    height: 32px;
    line-height: 1em;
    top: 0;
    right: 8px;
    padding: 4px 1em;
    margin: 0;
  }
}


/*--------------------------------------
ヘッダー ticket
---------------------------------------*/
.header_ticket {
    width: 100%;
    height: auto;
	background-color: #00bddf;
    color: #ffffff;
    padding: 5px 0px 5px 32px;
    position: relative;
    z-index: 99;
}
.header_ticket:after {
  /*content: "";*/
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  border-bottom: 6px double #FFF;
  transition: all 1s;
}
.header_ticket h1 {
  display: none; /*要素も取得されず、完全にその場にない扱い*/
}

.header_ticket li{
    margin-right: 1%;
    font-size:18px;
}

.header_ticket .global-nav {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 32px;
  position: relative;
}
.header_ticket .global-nav .menu-btn {
  display: none;
}

.header_ticket .global-nav ul {
  overflow: hidden; /*はみ出た部分を表示しない*/
  position: relative;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  margin: 0 160px 0 0;
}
.header_ticket .global-nav ul li {
  float: left;
  line-height: 40px;
  padding-right: 2%;
}
.header_ticket .global-nav a, .header_ticket .global-nav span {
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none; /*テキストの下線・上線・打ち消し線・点滅を指定*/
  vertical-align: middle;
}
.header_ticket .global-nav a.tenbosch {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  background-color: #FFFFFF;
  color: #00bddf;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
   

}


.header_ticket .global-nav ul li.sns a {
  display: inline-block; /*要素を横並びにする*/
  width: 40px;
  text-align: center;
  margin-right: 16px;
  border-radius: 50%; /*枠線四隅の曲率半径の一括指定*/
  border: 1px solid #FFF;
}
.header_ticket .global-nav ul li.sns a span {
  display: none;
}
.header_ticket .global-nav a.ticket {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  border: 2px solid #00bddf;
  color: #00bddf;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
}
.header_ticket .global-nav a.ticket img {
  vertical-align: middle;
}
.header_ticket.fixed {
  position: fixed; /*画面のきまった位置に固定する*/
  top: 0;
  left: 0;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  height: auto;
}
.header_ticket.fixed .global-nav {
  padding: 8px 32px;
}
@media screen and (max-width: 900px) {
  .header_ticket, .header_ticket.fixed {
    width: 100%;
    height: 48px;
    padding: 4px 0;
  }
  .header_ticket:after { /*SPメニューバーの飾り線*/
    border-bottom: 2px solid #FFF;
  }
  .header_ticket .global-nav, .header_ticket.fixed .global-nav { /*SP左上メニューボタンの位置*/
    padding: 44px 0 0 0;
  }
  .header_ticket .global-nav .menu-btn { /*SP左上メニューボタンの表示*/
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  .header_ticket .global-nav .menu-btn span { /*SP左上メニューボタンの表示*/
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all 0.5s;
  }
  .header_ticket .global-nav .menu-btn span:nth-of-type(1) { /*SP左上メニューボタンの設定*/
    top: 6px;
  }
  .header_ticket .global-nav .menu-btn span:nth-of-type(2) { /*SP左上メニューボタンの設定*/
    top: 50%;
    margin-top: -1px;
  }
  .header_ticket .global-nav .menu-btn span:nth-of-type(3) { /*SP左上メニューボタンの設定*/
    bottom: 6px;
  }
  .header_ticket .global-nav .menu-btn.active span:nth-of-type(1) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(10px) rotate(-45deg);
  }
  .header_ticket .global-nav .menu-btn.active span:nth-of-type(2) { /*SP左上メニュー開く際の×になるアニメーション(真ん中の線を消す)*/
    opacity: 0;
  }
  .header_ticket .global-nav .menu-btn.active span:nth-of-type(3) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(-8px) rotate(45deg);
  }
  .header_ticket .global-nav ul { /*SPメニューバー*/
    overflow: hidden;
    display: block;
    background: #00bddf;
    margin-right: 0;
    max-height: 0px;
    transition: all 1s;
  }
  .header_ticket .global-nav ul.open { /*SPメニューバーサイズ*/
   max-height: 500px;
  }
  .header_ticket .global-nav ul li { /*SPメニューバー縦並びに*/
    display: block;
    width: 100%;
    float: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #fff;
  }
  .header_ticket .global-nav ul li.sns {
    overflow: hidden;
  }
  .header_ticket .global-nav ul li.sns a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    border: 0 none;
    border-radius: 0;
    margin: 0;
  }
  .header_ticket .global-nav ul li.sns a:first-child {
    border-right: 1px solid #00bddf;
  }
  .header_ticket .global-nav ul li.sns a span {
    display: inline-block;
  }
  .header_ticket .global-nav ul li.sns a .icon {
    margin-right: 8px;
  }
  .header_ticket .global-nav a.tenbosch { /*SPテンボスボタンの設定(.global-nav消すとメニュバー表示時テンボスボタン消える) */
    font-size: 87.5%;
    height: 32px;
    line-height: 1em;
    top: 0;
    right: 8px;
    padding: 4px 1em;
    margin: 0;
  }
}


/*--------------------------------------
ヘッダー stay
---------------------------------------*/
.header_stay {
    width: 100%;
    height: auto;
	background-color: #ff62b1;
    color: #ffffff;
    padding: 5px 0px 5px 32px;
    position: relative;
    z-index: 99;
}
.header_stay:after {
  /*content: "";*/
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 4px;
  left: 0;
  border-bottom: 6px double #FFF;
  transition: all 1s;
}
.header_stay h1 {
  display: none; /*要素も取得されず、完全にその場にない扱い*/
}

.header_stay li{
    margin-right: 1%;
    font-size:18px;
}

.header_stay .global-nav {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 32px;
  position: relative;
}
.header_stay .global-nav .menu-btn {
  display: none;
}

.header_stay .global-nav ul {
  overflow: hidden; /*はみ出た部分を表示しない*/
  position: relative;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  margin: 0 160px 0 0;
}
.header_stay .global-nav ul li {
  float: left;
  line-height: 40px;
  padding-right: 2%;
}
.header_stay .global-nav a, .header_stay .global-nav span {
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none; /*テキストの下線・上線・打ち消し線・点滅を指定*/
  vertical-align: middle;
}
.header_stay .global-nav a.tenbosch {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  background-color: #FFFFFF;
  color: #ff62b1;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
   

}


.header_stay .global-nav ul li.sns a {
  display: inline-block; /*要素を横並びにする*/
  width: 40px;
  text-align: center;
  margin-right: 16px;
  border-radius: 50%; /*枠線四隅の曲率半径の一括指定*/
  border: 1px solid #FFF;
}
.header_stay .global-nav ul li.sns a span {
  display: none;
}
.header_stay .global-nav a.ticket {
  display: inline-block; /*要素を横並びにする*/
  position: absolute;
  right: 32px;
  top: 50%;
  border: 2px solid #ff62b1;
  color: #ff62b1;
  border-radius: 1.5em; /*枠線四隅の曲率半径の一括指定*/
  padding: 8px 1em;
  margin-top: -22px;
}
.header_stay .global-nav a.ticket img {
  vertical-align: middle;
}
.header_stay.fixed {
  position: fixed; /*画面のきまった位置に固定する*/
  top: 0;
  left: 0;
  z-index: 999; /*ボックスの重なり順序を指定(値が大きい要素ほど前面)*/
  height: auto;
}
.header_stay.fixed .global-nav {
  padding: 8px 32px;
}
@media screen and (max-width: 900px) {
  .header_stay, .header_stay.fixed {
    width: 100%;
    height: 48px;
    padding: 4px 0;
  }
  .header_stay:after { /*SPメニューバーの飾り線*/
    border-bottom: 2px solid #FFF;
  }
  .header_stay .global-nav, .header_stay.fixed .global-nav { /*SP左上メニューボタンの位置*/
    padding: 44px 0 0 0;
  }
  .header_stay .global-nav .menu-btn { /*SP左上メニューボタンの表示*/
    display: block;
    position: absolute;
    top: 0;
    left: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  .header_stay .global-nav .menu-btn span { /*SP左上メニューボタンの表示*/
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    transition: all 0.5s;
  }
  .header_stay .global-nav .menu-btn span:nth-of-type(1) { /*SP左上メニューボタンの設定*/
    top: 6px;
  }
  .header_stay .global-nav .menu-btn span:nth-of-type(2) { /*SP左上メニューボタンの設定*/
    top: 50%;
    margin-top: -1px;
  }
  .header_stay .global-nav .menu-btn span:nth-of-type(3) { /*SP左上メニューボタンの設定*/
    bottom: 6px;
  }
  .header_stay .global-nav .menu-btn.active span:nth-of-type(1) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(10px) rotate(-45deg);
  }
  .header_stay .global-nav .menu-btn.active span:nth-of-type(2) { /*SP左上メニュー開く際の×になるアニメーション(真ん中の線を消す)*/
    opacity: 0;
  }
  .header_stay .global-nav .menu-btn.active span:nth-of-type(3) { /*SP左上メニュー開く際の×になるアニメーション*/
    transform: translateY(-8px) rotate(45deg);
  }
  .header_stay .global-nav ul { /*SPメニューバー*/
    overflow: hidden;
    display: block;
    background: #ff62b1;
    margin-right: 0;
    max-height: 0px;
    transition: all 1s;
  }
  .header_stay .global-nav ul.open { /*SPメニューバーサイズ*/
    max-height: 500px;
  }
  .header_stay .global-nav ul li { /*SPメニューバー縦並びに*/
    display: block;
    width: 100%;
    float: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #fff;
  }
  .header_stay .global-nav ul li.sns {
    overflow: hidden;
  }
  .header_stay .global-nav ul li.sns a {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    border: 0 none;
    border-radius: 0;
    margin: 0;
  }
  .header_stay .global-nav ul li.sns a:first-child {
    border-right: 1px solid #ff62b1;
  }
  .header_stay .global-nav ul li.sns a span {
    display: inline-block;
  }
  .header_stay .global-nav ul li.sns a .icon {
    margin-right: 8px;
  }
  .header_stay .global-nav a.tenbosch { /*SPテンボスボタンの設定(.global-nav消すとメニュバー表示時テンボスボタン消える) */
    font-size: 87.5%;
    height: 32px;
    line-height: 1em;
    top: 0;
    right: 8px;
    padding: 4px 1em;
    margin: 0;
  }
}


/*--------------------------------------
youtube(比率変わらない表示)
---------------------------------------*/

.movie {
	width: 100%; /* 横幅変更 */
	padding: 0;
	box-sizing: border-box;
}

.movie-wrap {
	width: 100%;
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100% ;
}



/*-----------------------------------------------
 おしらせ
------------------------------------------------*/


.recruit_topics{
	padding: 3em 0;
}


.recruit_topics p{
	color: #2274ce;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: solid 1px #302C2C;
	
}

.topics_title p{
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	
	background-color: #ff3366;
    border-radius: 5px;
	padding: 10px;
	width: 40%;
	border-bottom: none;
	text-align: center;
	
}

@media screen and (max-width: 767px){

.recruit_topics{
	padding: 2em 0;
}
	
.recruit_topics p{
	font-size: 90%;
	
}
	
}

	


.title_txt p {
    font-size: 200%;
    line-height: 1.3;
	text-align:center;

}


.ric-C_RD{
	color:#e34239;
}




@media screen and (max-width: 767px){

.title_txt p {
    font-size: 100%;
    line-height: 1.3;
	text-align:center;

}
}


/* スクロールバー デコ */

.scrollArea{
	height: 200px;
	overflow: auto;
	padding-right: 20px;
}


/*スクロールバーの横幅指定*/
.scrollArea.deco::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.scrollArea.deco::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.scrollArea.deco::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#b3b3b3;
}