/*--------------------------------------
背景関係CSS
---------------------------------------*/

.bg_azul_gara {
  background-image:url("../img/bg_azul.webp");
  background-repeat: repeat-y;
  width: 100%;
	background-size: 100%;
}

.bg_azul_ptn {
  background-image:url("../img/bg_ptn.webp");
  background-repeat: no-repeat;
  width: 100%;
	background-size:cover;

}



.bg_WT_bokasi {
	background-color:#FFFFFF;
	border-radius: 300px;
	box-shadow: 0px 0px 40px 80px rgba(255, 255, 255, 1); 
		
}

.bg_onsen_01 {
  background-color:#FFFFF2; 
}


.bg-opacity {
background: rgba(255,255,255,.5);
height: 100%;
}

.bg_footer {
  background: #FF7C4C;
}




.mv_sen {
line-height: 0;
background: #0068B6;
width: 100%;
height: 10px;
}






/* 背景枠関係 */

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



.goods_tyui {
    border-radius: 10px;
	padding:1% 3%;
	margin: 0 10%;
	border: solid 2px #FA9123;
	color: #FA9123;
	font-size: 80%;
}



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

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


.shadow {
  box-shadow: 0px 0px 20px #FFA96E;
}





/*--------------------------------------
タイトル
---------------------------------------*/

.title_azul {
	font-size: 300%;
	text-shadow: 0px 10px 0px rgba(210, 244, 255, 1);
	font-family: serif;
	font-weight: bold;
}

.title_new {
	font-size: 150%;
	font-family: serif;
	font-weight: bold;
}

.font_serif {
	font-family: serif;
	font-weight: bold;
}



/*--------------------------------------
MAP
---------------------------------------*/

.map_box {
	position:relative;
	margin: 0 7%;
	background-color: #FFFFFF;
	padding: 10px;
	border-radius: 30px;

}

.map_box img{
	padding: 2em 1em 1em 1em;
	border-radius: 30px;

}


.map {
	position:absolute;
	top: -30px;
	margin: 0 auto;
	right: 0;
	left: 0;
	width: 70%;
	padding: 5px 0;
	background-color:#EF6C0A;
	border-radius:10px;
	color:#fff;
	line-height: 1em;
	font-size: 150%;
}



	
/*--------------------------------------
youtube
---------------------------------------*/

/* youtube 縦横比率固定 */
.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%;
}





 /*--------------------------------------
スマホの時だけ改行
---------------------------------------*/
.sma{
    display: block;
}



/* ホテルボタン　*/

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




/*--------------------------------------
ピンク角丸装飾文字
---------------------------------------*/
.pink_bgtxt {
  background-color: #E75297; /* 背景色 */
  border-radius: 100vh;      /* 角の丸み */
  padding: 2%;        /* 文字と枠の余白 */
  display: flex;
  font-weight: 700;
  color: white;
  margin: 0 auto;
  text-align: center;
  width: 60%;
  justify-content: center;      /* 左右中央揃え */
  align-items: center;          /* 上下中央揃え */
}



/*--------------------------------------
告知CSS
---------------------------------------*/
.kokuti_waku {
	position:relative;
	border:3px solid #EF6C0A;
	border-radius:30px;
	padding:1.5em 1em;
	margin: 0 1em;
}



.kokuti {
	position:absolute;top: -30px;
	margin: 0 auto;
	right: 0;
	left: 0;
	width: 50%;
	padding: 5px 0;
	background-color:#fff;
	border-radius:4px;
	color:#EF6C0A;
	line-height: 1em;
	font-size: 150%;
}

.kokuti_p {
	color:#EF6C0A;
	font-size: 150%;
}