@charset "UTF-8";

/*
Theme Name: Nagmoi Style
*/

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

}

@media only screen and (min-width: 652px) {

}

/*************************************/
/****************common**************/

html body{
	font-family: "Noto Serif JP" , YuMincho, "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin: 0;
	font-size: 15px;
	color: #fff;
	background-color: #231815;
}

body{
	margin: 0;
}

a{
	text-decoration: none;
}

.pc{
	display: block;
}

.sp{
	display: none;
}
.pc_inline{
	display: inline;
}

.sp_inline{
	display: none;
}

img{
	display: inline;
}
.clr{
	clear: both;
}

h1,h2,h3,h4,h5{
	font-weight: 500;
}

@media screen and  (max-width:768px){
.pc{
	display: none;
}

.sp{
	display: block;
}

.pc_inline{
	display: none;
}

.sp_inline{
	display: inline;
}
	
}
.fontsans{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

.font_small1{
	font-size: 0.9em;
}

.font_small2{
	font-size: 0.8em;
}

.align_right{
	text-align: right;
}

.content_base01{
	width: 100%;
	background-color: #231815;
	margin-top: 100px;
	overflow: hidden;
}


@media screen and  (max-width:1000px){
.content_base01{
	width: 100%;
	background-color: #231815;
	margin-top: 0px;
}
}

@media screen and  (max-width:768px){
.content_base01{
	width: 100%;
	background-color: #231815;
	font-size: 0.9em;
	margin-top: 0px;
}
}
.full_width{
	max-width: none;
	width: 100%;
	height: auto;
	margin: 0;
	
}

.max_width{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.contents_tmp img{
	width: 100%;
}

.contents_tmp2 {
	margin-top:50vh;
	margin-bottom: 40vh;
	text-align: center;
	font-size: 1.5em;
	
}

/*!------------------------------------*\
    burger Start
\*!------------------------------------*/
#burger_base_box{
  position:relative;
  width:100%;
  max-width:1460px;
  margin:auto;

}
#burger_menu{
	display: none;
}
.menu-bar-above{
	display: none;
}
@media screen and  (max-width:1000px){
	.menu-bar-above{
		position: absolute;
		display: block;
		right: 3%;
		top: 11px;
		font-size: 0.82em;
		color:#999;
	}
#burger_menu{
	display: block;
position: absolute;
  right: 3%;
  top: 34px;
  width: 30px;
  z-index: 20;

width: 40px;
  height: 28px;
}
}

#burger_menu img{
   width:100%;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 23px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #999;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 13px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #999;
  border-radius: 4px;
  transition: all .4s;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(20px) scale(0);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-20px) scale(0);
}

/*!------------------------------------*\
    burger end
\*!------------------------------------*/



/*************************************/
/****************header**************/


.site-header{
	padding: 0;
  	margin: 0;
  	width: 100vw;
  	max-width: none;
	background-color: rgba(35, 24, 21, 0.7);
	
	position: fixed;
  	z-index: 2;
	top: 0;
}

.site-branding{
	margin-top: 0;
}


.site-branding{
}

.header-logo{
width: 15%;
    max-width: 200px;
    position: fixed;
    top: 31px;
    left: 3%;
}

.header-logo img{
	
}
@media screen and  (max-width:1300px){
.header-logo{
	width: 15%;
    max-width: 150px;
    position: fixed;
    top: 20px;
    left: 3%;
}
	
}
@media screen and  (max-width:768px){
.header-logo{
	display: none;
}
	
}

nav{
	overflow: hidden;
}
@media screen and  (max-width:1000px){
nav{
	display: none;
}
}
.header_nav_ul{
	text-align: center;
	padding: 0em 0;
	clear: both;
	font-size: 1.1em;
}

.header_nav_li{
	font-size: 0.95em;
	margin: 0 0.8em;
	display: inline-block;
	color: #fff;
	padding: 2.7em 0;
}

@media screen and  (max-width:1300px){
.header_nav_li {
    font-size: 0.90em;
    margin: 0 0.6em;
    display: inline-block;
    color: #fff;
    padding: 1.7em 0;
}
}

@media screen and  (max-width:1098px){
#header_nav_01 {
	display: none;
}
}


.header_nav_li:last-child{
	clear: both;
}

.header_nav_li a{
	color: #fff;
	text-decoration: none;
}

.header_nav_li a:hover{
	color: #ccc;
	text-decoration: none;
}

.header_nav_sub_ul{
	display: none;
background: linear-gradient(rgba(35, 24, 21, 0.7),rgba(255,250,239,0));
	
  width: 200px;
  height: auto;
  position: absolute;
  margin-top: 0px;
  padding-top: 12px;
  margin-left: -12px;
  padding-bottom: 90px;
	z-index: 3;
	top:108px;
}

@media screen and (max-width: 1300px) {
.header_nav_sub_ul{
	top:73px;
}
}

.header_nav_sub_li{
font-size: 1em;
  margin: 0.9em 1em;
  display: block;
  color: #333;
  text-align: left;

}


.sp_nav{
	display: none;
}
@media screen and (min-width:769px) and (max-width:1000px){
.sp_nav{
	display: none;
	position: absolute;
	right: 0;
	width: 380px;
	height: auto;
	overflow: hidden;
	background-color: #231815;
	font-size: 1.0em;
	line-height: 1.7em;
	padding: 30px 10px 30px 10px;;
}
}


@media screen and (max-width:768px) {
.sp_nav{
	display: none;
	position: absolute;
	right: auto;
	top: 0;
    width: 100%;
    height: calc(100vh + 300px);
	background-color: #231815;
font-size: 1.04em;
	line-height: 1.7em;
	z-index: 10;
        overflow-y: scroll;
}
}

.sp_side_header_nav_ul{
   width: 82%;
	margin: auto;
padding-top: 70px;
  overflow: hidden;
}

.sp_side_close_btn{
height: 30px;
  width: 100%;
  position: absolute;
margin-top: -65px;
  margin-left: -17px;
	display: none;
}


.sp_side_close_btn img{
	width: 25px;
}

.close_btn_txt{
	font-size: 0.6em;
}


.sp_side_header_nav_li{
	width: 50%;
	float: left;
margin: 0.2em 0;
  font-size: 0.9em;
}


.sp_side_header_nav_li:last-child{
	clear: both;
}


.sp_nav_sns_box{
clear: both;
  padding: 20px 0% 10px 0%;
  width: 65%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.sp_nav_sns_li{
	width: 33%;
	float: left;
	position: relative;
	margin: 7px 0;
}
@media screen and (max-width:768px) {

.sp_nav_sns_li{
	width: 50%;
}	
}

.sp_nav_sns_img{
	display:block;
	float: left;
	width: 30px;
	height: 30px;
}
.sp_nav_sns_img img{
	width: 100%;
	margin-top: -2px;
}
.sp_nav_sns_text{
	display:block;
	float: left;
	width: calc(100% - 46px );
	height: 30px;
	margin-left: 10px;
}

.app_store_link{
clear: both;
  padding: 10px 0% 40px 0%;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.app_store_title{
	text-align: center;
	margin: 0.3em 0 0.1em 0;
	font-size: 0.9em;
	font-weight: 500;
}

.app_store_link_li{
	width: 50%;
	float: left;
	position: relative;
	margin: 10px 0;
	text-align: center;
}
.app_store_link_li img{
	width: 90%;
	margin: 0 auto;
	    max-width: 200px;
}

.nav_footer{
	position:relative;
	border: 0;
	width: 100%;
	font-size: 0.9em;
	    padding: 0.5em 0 0 0;
	margin-bottom: 0;
	text-align: center;
	background-color: #5f4c3f;
	color: #fff;
}


/********************/
.top_space_1{
	height: 2em;

	width:100%;
}
@media screen and  (max-width:1000px){
.top_space_1{
	height: 1em;
	width:100%;
}
}
@media (max-width: 768px) {
.top_space_1{
	height: 1em;

	width:100%;
}
}

/*************************************/
/****************footer**************/

.site-footer{
	background-color: #fffaef;
	/*margin-top: 30px;*/
	font-size: 1.1em;
	overflow: hidden;
}

.page-id-52 .site-footer,.page-id-54 .site-footer,.page-id-56 .site-footer,.page-id-58 .site-footer{
	margin-top: 0px;
}

.footer_menu{
	position: relative;
	padding: 50px 2.5%;
	overflow: hidden;
}

.footer_menu_ul{
	width: 18.5%;
	float: left;
	position: relative;
	margin-right: 0.45%;
	color: #333;

}

.footer_menu_li{
	margin-bottom: 0.3em;
}

.footer_menu_li a{
	text-decoration: none;
}

@media (max-width: 1000px) {
.footer_menu_li{
	font-size: 0.85em;
}
}
.footer_menu_head{
	margin-bottom: 0.8em;
}

.footer_block{
clear: both;
  padding: 0px 0%;
  width: 75%;
  margin: 0px;
  overflow: hidden;
  position: relative;
  max-width: 600px;
  bottom: 0;
  left: 0;
  float: left;
  margin-left: 3%;
	color: #333;
  margin-bottom: 0;
}

.footer_menu_sns_box{
  padding: 0px 0%;
  width: 79%;
  margin: 0px;
    margin-right: 0px;
  overflow: hidden;
  position: relative;
  float: left;
}

.footer_menu_sns_box .sp_nav_sns_li {
  font-size: 1.0em;
}

.footer_menu_sns_box .sp_nav_sns_img {
  width: 35px;
  height: 35px;
}

@media (max-width: 1000px) {
.footer_block{
clear: both;
  padding: 0px 0%;
  width: 80%;
  overflow: hidden;
  position: relative;
  max-width: 490px;
  bottom: auto;
  right: auto;
  float: none;
	margin: 0 auto;
	
}
}

@media (max-width: 768px) {
.footer_block{
clear: both;
  padding: 0px 0%;
  width: 100%;
  margin: 0px;
  overflow: hidden;
  position: relative;
  max-width: none;
  bottom: 0;
  right: 0;
  float: none;
  margin-right: 0%;
	color: #333;
  margin-bottom: 0em;
}

.footer_menu_sns_box{
  padding: 0px 0%;
  width: 60%;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  float: none;
}
}


.footer_menu_qr{
  padding: 0px 0%;
  width: 20%;
  margin: 0px;
    margin-right: 0px;
  overflow: hidden;
  position: relative;
  float: left;
	    margin-top: 0.5em;
}

.app_qr{
	width: 95%;
	position: relative;
}

.app_qr img{
	width: 100%;
	max-width: 80px;
}

.app_store_title_footer{

	position: relative;
	padding: 1em 0px;

}



.googlemap_box_footer{
	width: 30%;
	position: absolute;
	right: 0;
    margin-right: 3%;
    height: 170px;
}
@media (max-width: 1000px) {
.googlemap_box_footer {
    width: 80%;
    position: relative;
    margin: 50px 10%;
    height: 400px;
}
}



@media (max-width: 768px) {
.site-footer{
	font-size: 0.96em;
margin-bottom: 100px;
}
.footer_menu{

	padding: 50px 2.5% 20px 2.5%;

}
.footer_menu_ul{
	width: 86%;
	float: none;
	position: relative;
	margin:0 auto;
	color: #333;

}

.footer_menu_li{
	width: 50%;
	float: left;
	margin-bottom: 0.6em;
	font-size: 0.96em;
}

.footer_menu_li a{
	text-decoration: none;
}
	
	.footer_kugiri{
    border-bottom: 1px solid #333;
    margin-bottom: 1.5em;
    width: 100%;
    height: 1.5em;
		clear: both;
	}
.footer_menu_sns_box{
clear: both;
  padding: 0px 0%;
  width: 65%;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
	max-width: 350px;
  bottom: auto;
  right: auto;
  float: none;
}

.googlemap_box_footer {
    width: 96%;
    position: relative;
    right: auto;
    margin: 2%;
    height: 450px;
}
	
}

.footer_menu_head{
	font-weight: bold;
}

.footer_address{
	padding: 1.5em 0 0 0;
	font-size: 1em;
	text-align: left;
	color: #333;
	clear: both;
	width: 110%;
	font-family: serif;
}
.footer_tel{
	padding: 0.5em 0 1em 0;
	font-size: 1em;
	text-align: left;
	color: #333;
		padding-left: 2.5%;
}
@media (max-width: 1000px) {
.footer_address{

}
.footer_tel{
	padding: 0.5em 0 1em 0;
	font-size: 1em;
	text-align: center;
	color: #333;
		padding-left: 0%;
	}
}
@media (max-width: 768px) {
.footer_address{
	padding: 0.5em 0 1.5em 0;
	font-size: 1em;
	text-align: center;
	color: #333;
	clear: both;
	padding-left: 0%;
	width: 100%;
}
}

.footer_sns_box{
	
}


.footer_sns_li{
	
}

.footer_sns_li img{
	
}

.sp_float_footer {
  background-color: #221714;
  width: 100%;
  padding: 10px 0;
  text-align: center; /* ulを中央揃えにする */
  position: fixed;
  bottom: 0;
	z-index: 10;
}

.sp_footer_nav_sub_ul {
  display: inline-block; /* ul自体を最小サイズにして中央に */
  text-align: left; /* ul内部は左揃え */
  padding: 0;
  margin: 0;
}

.sp_footer_nav_sub_li {
  list-style: none; /* ポイント（リストマーク消す） */
  margin: 10px 0;
}

.item {
  display: inline-block;
  margin-right: 30px; /* aaaとbbbbの間、少し隙間 */
  color: #fff;
}


@media (max-width: 768px) {
	
	
.footer_bottom_line{
	background-color: #5f4c3f;
	padding: 1.0em 0;
	font-size: 0.9em;
	text-align: center;
	width: 100%;
}
	
}


/*============================================*/
/*                TOP                         */
/*============================================*/

.float_banner{
position: fixed;
    top: calc( 45% - 60px) ;
    right: 5%;
    width: 120px;
    z-index: 8;
}

.float_banner img{
	width: 100%;
}

@media (max-width: 768px) {
.float_banner{
        top: calc(78% - 40px);
        right: 3%;
        width: 80px;
}
}


/* スマートフォン画面サイズ以下では動画を非表示にする */
@media (max-width: 768px) {
    .top_main_img {
       position: relative;
    }
}

.test_display{
	display: none;
}

/* PCの場合、動画が横幅いっぱいに広がるように設定 */
.top_main_img.pc {
    position: relative;
    width: 100%;
    height: 55.9vw;
    overflow: hidden;
}


.top_main_img img{
    width: 100%;
}

.top-main-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 縦横比に関係なく、画面全体に広げる */
}

/* 動画のロードを速くするための設定 */
video {
    display: block;
    width: 100%;
    height: 100%;
}


        .top_main_img iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
    object-fit: cover; /* 縦横比に関係なく、画面全体に広げる */
			margin-top: -57px;
        }

  .top_main_img iframe {
        pointer-events: none !important; /* これで iframe 上のマウスイベントを無効にする */
    }

   .top_main_img iframe:hover {
        pointer-events: auto !important; /* もし iframe に対して hover 時に特別な処理が必要なら、ここでイベントを有効にする */
    }

/**************top_info_over***************/
.top_info_over{
	width: 100%;
	position: absolute;
	text-align: center;
	color: #fff;
	bottom: 57px;
	padding: 20px 0 10px 0;
	background-color: rgba(35, 24, 21, 0.7);
}

.site-logo{
	text-align: center;
	margin-top: 0;
	padding: 10px 0;
}

.site-logo img{
	width: 30%;
	max-width: 300px;
}

@media screen and  (max-width:1300px){
.site-logo img{
	width: 20%;
	max-width: 260px;
}
}

@media screen and  (max-width:768px){
.site-logo{
	text-align: center;
	margin-top: 0;
	padding: 5px 0 5px 0;
}
	
	
.site-logo img{
	width: 40%;
	max-width: 300px;
}
}

.head_h1{
	font-size: 0.8em;
	text-align: center;
	color: #fff;
}



.header_line2{
	
	padding: 0.5em 0;
	font-size: 1.0em;
	text-align: center;
	width: 100%;
}
@media screen and  (max-width:768px){
.header_line2{
	padding: 0.5em 0;
	font-size: 1em;

}
}

/**************top section***************/

.top_section{
	margin: 50px 0;
}
.contents_section{
	margin: 0px 0 100px 0;
	font-size: 1.1em;
}

.title_bg01 {
    /* 背景に線形グラデーションを使用 */
    background: linear-gradient(
        to right,
        rgba(95, 76, 63, 0) 0%,      /* 左端を完全に透明 */
        rgba(95, 76, 63, 0.9) 10%,   /* 左から10%の位置でほぼ不透明 */
        rgba(95, 76, 63, 0.9) 90%,   /* 右から10%の位置でほぼ不透明 */
        rgba(95, 76, 63, 0) 100%     /* 右端を完全に透明 */
    );
    padding: 10px;                   /* 文字が背景にかかるように余白を設定 */
    color: #fff;                     /* テキストを白に */
    font-size: 1.5em;                /* 適切なフォントサイズ */
    text-align: center;              /* 中央揃え */
}


.title_size01{
width: 450px;
  padding: 18px 0;
  font-size: 1.7em;
}

/*しおん、リラクゼーションタイトル*/
.title_size03{
width: 450px;
  padding: 18px 0;
  font-size: 1.6em;
}

/*リラックス　サブタイトル、、*/
.title_size03_low_h{
width: 450px;
  padding: 10px 0;
  font-size: 1.6em;
  margin: auto;
  margin-top: 20px;
margin-bottom: 15px;
}

.title_size02{
	width: 550px;
}


@media (max-width: 768px) {
.title_bg01 {
  background: linear-gradient( to right, rgba(95, 76, 63, 0) 0%, rgba(95, 76, 63, 0.9) 10%, rgba(95, 76, 63, 0.9) 90%, rgba(95, 76, 63, 0) 100% );
  
  	color: #fff;
	font-size: 1.4em;
    text-align: center;
    width: 50%;
    padding: 7px 0;
    letter-spacing: 0.2em;
}

.title_size01 {
width: 98%;
    font-size: 1.7em;
    padding: 18px 0;
}
.title_size03{
width: 98%;
    padding: 18px 0;
  font-size: 1.5em;
}
.title_size03_low_h{
width: 98%;
  padding: 8px 0;
  font-size: 1.3em;
  margin: auto;
}
	
}


.top_center{
    margin: auto;
    width: 250px;
    padding: 10px 0;
    font-size: 1.2em;
    letter-spacing: 0.2em;
}


.top_news{
    margin-bottom: 20px;
    background-color: #fffaef;
    border-radius: 24px;
    color: #312712;
	padding-bottom: 50px;
}

.top_news_maintitle{
    text-align: center;
    width: auto;
    padding: 1em 50px 0;
    margin: auto;
    font-weight: 500;
    font-size: 2.3em;
}



.top_news_ul{
margin: 30px auto 30px auto;
max-width: 1000px;
}

.top_news_li {
  	border-bottom: 1px solid #fff;
	margin-bottom: 2em;
  	padding-bottom: 1.0em;
    position: relative;
	margin-left: 1%;
  	margin-right: 1%;
}

.top_news .top_news_li {
  	border-bottom: 1px solid #312712;
}
.top_news_date{
font-size: 1.1em;
  width: 100%;
  margin-bottom: 0.4em;
}

.top_news_category{
border-radius: 5px;
  background-color: #5f4c3f;
  font-size: 1em;
  width: 130px;
  float: left;
  text-align: center;
  padding: 0.15em 0;
}


.top_news .top_news_category{
    color: #fffaef;
}




	.top_news_category_sp{
		display: none;
	}	


.top_news_title{
margin-left: 48px;
  width: calc( 80% - 160px);
  margin-top: 2px;
  font-weight: 300;
  display: inline-block;
  text-align: left;
}



.top_news_plus,.top_news_minus{
position: absolute;
right: 5%;
top: 2.3em;
width:25px;
    display: block;
    
}
.top_news_plus img,.top_news_minus img{
    width:100%;
}

.open .top_news_plus{
    display: none;
}

.top_news_minus{
    display: none;
}
.open .top_news_minus{
    display: block;
}

.top_news_body{
width: 100%;
display: none;
padding: 0 0 1em 0;
  margin-top: 2.0em;
    margin-right: 0px;
    margin-bottom: -1em;
    margin-left: 0px;
	font-size: 1.05em;
	line-height: 1.6em;
	position: relative;

}

.top_news_body img{
	width: 80%;
	max-width: 595px;
	margin: 1em 0;
}
@media (max-width: 768px) {
.top_news_body img{
	width:auto;
	max-width:100%;
	margin: 1em 0;
}
}
.kugiri_line{

	height: 2em;
    border-top: 1px #fff solid;
	width: 100%;
}

.top_news_body a{ 
    text-decoration: underline;
}

.top_news_body a:hover{ 
    text-decoration: none;
}





.more_btn_box{
    text-align: center;
    padding-top: 1.8em;
}

.more_btn{

padding: 0.5em 2.3em;
display: inline-block;
font-size: 1.6em;
  transition: .5s;
background-color: #5f4c3f;
	border: 1px solid #5f4c3f;
}

.more_btn:hover{

background-color:transparent;
border: 1px solid #fff;
	
}

#top_news_bottom_btn{
	margin-bottom: 200px;
}


@media (max-width: 768px) {



.title_size02{
	width: 98%;
}

	
.top_news{
	margin-bottom: 70px;
        border-radius: 15px;
        margin: 0 2% 20px;
	padding-bottom: 20px;
}
	
.top_news_maintitle{
    font-size: 2.0em;
}
	
	
.top_news_li {
	width: 94%;
  	margin-left: 3%;
	margin-right: 3%;
  	margin-bottom: 2em;
  	padding-bottom: 1.2em;
    position: relative;
}
	

	
	
.top_news_category{
	display: none;
}
	
.top_news_category_sp{
display: inline-block;
    border-radius: 3px;
    background-color: #5f4c3f;
    font-size: 1em;
    float: none;
    text-align: center;
    padding: 0.2em 0;
    margin-top: 0px;
    width: 90px;
	color: #fff;
}
	
	
.top_news_date{
	font-size: 1.1em;
 	width: 200px;;
  	margin-bottom: 0.4em;
	display: inline-block;
}
	
.top_news_body{
  margin-top: 1.0em;


}
	
.top_news_title {
  margin-left: 0px;
  width: 94%;
  margin-top: 9px;
  font-weight: 300;
  display: block;
  text-align: left;
}
	
.top_news_plus,.top_news_minus{

    right: 0%;
	top: 1em;
    width: 35px;
    
}

.more_btn{
font-size: 1.4em;
    padding: 0.7em 3.6em;
}

#top_news_bottom_btn{
	margin-bottom: 80px;
}
}


/**toplink**/

.top_link_ul{
	margin: 10px 0;
	overflow: hidden;
}

#top_link_ul2{
	margin: 30px 0;
	overflow: hidden;
}

.top_link_li,.top_link_li2{
	float: left;
	width: calc( 50% - 10px);
	margin: 3px 5px;
	position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.top_link_li2{
	float: left;
	width: calc( 33% - 10px);
	margin: 3px 5px;
	position: relative;
    border-radius: 20px;
}

.top_link_li2:last-child{
	width: 45%;
	border-radius: 0;
	float: none;
}



.link_li2_wide{
	float: none;
	margin: auto;
	margin: 110px auto 40px auto;
}

#top_link_first_customer{
	margin: 80px auto 40px auto;
}

#top_link_badge{
	margin: 40px auto 50px auto;
}

#img_nifty_pc{
	height: auto;
  width: 33%;
  margin-top: 1.5%;
}

#img_banner{
	width: 100%;
	
}

.top_link_text{
    background: linear-gradient(
        to right,
        rgba(10, 10, 10, 0) 0%,      /* 左端を完全に透明 */
        rgba(10, 10, 10,  0.8) 10%,   /* 左から10%の位置でほぼ不透明 */
        rgba(10, 10, 10,  0.8) 90%,   /* 右から10%の位置でほぼ不透明 */
        rgba(10, 10, 10,  0) 100%     /* 右端を完全に透明 */
    );
padding: 5px 10px;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  width: 300px;
  position: absolute;
  display: inline-block;
  margin: auto;
    margin-top: auto;
    margin-left: auto;
  margin-left: calc(50% - 150px);
  margin-top: 17%;
  line-height: 1.0em;
  font-weight: 400;
  z-index: 1;
}

.top_link_li2 .top_link_text{
  font-size: 1.3em;
  margin-top: 15%;
}

.top_link_img{
	width: 100%;
}

.top_link_img img{
	width: 100%;
}

/* 初期状態で画像の明度を下げる */
.top_link_img img {
    width: 100%;
    filter: brightness(70%); /* 明度を50%に設定 */
    transition: filter 0.3s ease; /* 明度変化のトランジション効果 */
}

/* マウスオーバー時に明度を元に戻す */
.top_link_li:hover .top_link_img img ,.top_link_li2:hover .top_link_img img {
    filter: brightness(100%); /* 明度を100%に戻す */
}

.top_badge_img1,.top_badge_img2{
    float: left;
    width: 35%;
    text-align: center;
    margin: 0 0 0 15%;
}

.top_badge_img2{
    margin: 0 15% 0 0%;
}


.top_badge_img1 img,.top_badge_img2 img{
	width: 100%;
	max-width: 115px;
	
}
.top_badge_img2 img{

}
.top_banner_img1{
	float: none;
	width: 100%;
	margin: auto;
	clear: both;
	margin: 40px 0;
}

.top_banner_img1 img{
	width: 100%;
	
}

.top_badge_box{
	float: none;
	width: auto;
	margin: auto;
	clear: both;
	text-align: center;
}



@media (max-width: 768px) {
.top_link_ul{
	margin: 50px 0 10px 0;
}
.top_link_li{

}
.top_link_li2,.top_link_li{
	float: left;
	width: 46%;
	margin: 10px 3% 10px 1%;
	border-radius: 10px;

}
	.top_link_li2:nth-child(even),.top_link_li:nth-child(even){
		margin: 10px 3% 10px 1%;
	}
.top_link_li2:nth-child(odd),.top_link_li:nth-child(odd){
		margin: 10px 1% 10px 3%;
	}	
.top_link_li2:last-child{
float: none;
    width: 94%;
    margin: 30px 3% 10px 3%;
    position: relative;
	}
	
#top_link_first_customer{
	margin: 50px auto 10px auto;
}

#top_link_badge{
	margin: 30px auto 50px auto;
}	
	
	.link_li2_wide{
	float: none;
	width: 94%;
	margin: 30px 3%;
	position: relative;
		clear: both;
	}
.top_link_text{

	
}
.top_link_li2 .top_link_text,.top_link_li .top_link_text{
	width: 98%;
	margin-left: 1%;
	margin-top: 33%;
padding: 5px 0px;
    font-size: 1.2em;
    letter-spacing: -1px;
	}
	.link_li2_wide .top_link_text{
	width: 66%;
	margin-left: 17%;
	margin-top: 6.5%;
	}
	
	#img_nifty_sp{
width: 55%;
  margin: 10px auto;
  max-width: 250px;
  display: block;
	}
	#img_banner{
width: 100%;
  display: block;
  position: relative;
  margin: 30px 0 0 0;
	}
.top_badge_img1{

	
		width: 40%;
        text-align: right;
        max-width: none;
        margin: auto 5%;
	
	}
.top_badge_img2{
	width: 40%;
	text-align: left;
        margin: auto 5%;
}
	
.top_badge_img1 img,.top_badge_img2 img{
	width: 80%;
	max-width: 100px;
	
}
	
.top_banner_img1{
	width: 100%;
	margin-bottom: 2em;
	
}
	
}
/**************pagination css from theme*******************/
/* Next/Previous navigation */
.navigation {
	color: var(--global--color-primary);
}

.navigation a {
	color: var(--global--color-primary);
	text-decoration: none;
}

.navigation a:hover {
	color: var(--global--color-primary-hover);
	text-decoration: underline;
	text-decoration-style: dotted;
}

.navigation a:focus {
	color: var(--global--color-secondary);
}

.navigation a:active {
	color: var(--global--color-primary);
}

.navigation .nav-links > * {
	min-width: 44px;
	min-height: 44px;
}

.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
	display: flex;
	flex-direction: column;
}

.navigation .nav-links .dots {
	text-align: center;
}
@media only screen and (min-width: 592px) {

	.navigation .nav-links {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.navigation .nav-links .nav-next,
	.navigation .nav-links .nav-previous {
		flex: 0 1 auto;
		margin-bottom: inherit;
		margin-top: inherit;
		max-width: calc(50% - 0.5 * var(--global--spacing-unit));
	}

	.navigation .nav-links .nav-next {
		text-align: right;
	}
}

.navigation .svg-icon {
	display: inline-block;
	fill: currentColor;
	vertical-align: middle;
	position: relative;
}

.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
	top: -2px;
	margin-right: calc(0.25 * var(--global--spacing-unit));
}

.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
	top: -1px;
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.post-navigation {
	margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {

	.post-navigation {
		margin: var(--global--spacing-vertical) auto;
	}
}

.post-navigation .meta-nav {
	line-height: var(--global--line-height-body);
	color: var(--global--color-primary);
}

.post-navigation .post-title {
	display: inline-block;
	font-family: var(--global--font-primary);
	font-size: var(--global--font-size-lg);
	font-weight: var(--pagination--font-weight-strong);
	line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {

	.post-navigation .post-title {
		margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
	}
}
@media only screen and (min-width: 482px) {

	.post-navigation .nav-links {
		justify-content: space-between;
	}
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
	margin-top: 0;
}

.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
	margin-bottom: 0;
}

/********************************/
.pagination,
.comments-pagination {
	border-top: none;
}

.navigation .nav-links > * {
	min-width: 20px;
	min-height: 20px;
}


.pagination .nav-links > *,
.comments-pagination .nav-links > * {
	font-size: 1em;
	margin: 0 0.2em;
}

.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
	text-decoration: underline;
	font-weight: bold;
	
}

.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
	text-decoration-style: none;
}
.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
	margin-left: 1em;
}

.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
	margin-right: 1em;
}

nav.pagination{
	display: block;
	text-align: center;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.2em;
}

/*============================================*/
/*                CONCEPT                     */
/*============================================*/

.center_text1{
	text-align: center;
	margin: 1em 0 2em 0;
}
/*
#concept_main_box{
	background-image: url("https://www.nagomino-yu.com/sys/wp-content/uploads/con_bg1.png");
	background-color: #f4f1ea;
    background-size: 100% auto; 
    background-repeat: no-repeat; 
    background-position: top center;
	margin-top: -5px;
	padding-top: 40px;
	color: #3f3127;
	padding-bottom: 50px;
}
@media (max-width: 768px) {
#concept_main_box{
	background-image: url("https://www.nagomino-yu.com/sys/wp-content/uploads/con_bg1_sp.png");
}
}
*/

.concept_figbox{
	width:100%;

	padding: 80px 0 100px 0;
		
}

.concept_fig_img1{
	float: left;
	width: 40%;
	text-align: center;
	margin-right: 10%;
}

.concept_fig_img1:first-child{
	float: left;
	width: 37%;
	text-align: center;
	margin-left: 10%;
	margin-right: 0;
}
.concept_fig_img1:last-child{
	float: left;
	width: 40%;
	text-align: center;
	margin-right: 10%;
}

.concept_fig_img1 img{
	width: 70%;
}

.concept_fig_img2{
	clear: both;
	width: 100%;
	text-align: center;
	margin: 50px 0 0 0;
}

.concept_fig_img2 img{
	width: 76%;
}
@media (max-width: 768px) {
.concept_figbox{
	width:100%;

	padding: 40px 0 100px 0;
		
}
	
.center_text1{
	text-align: center;
	margin: 1em 10% 2em 10%;
}
.concept_fig_img1,.concept_fig_img1:last-child,.concept_fig_img1:first-child{
	float: none;
	width: 100%;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 100px;
}
.concept_fig_img1 img{
	width: 90%;
margin-left: -6%;
}
.concept_fig_img2{
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0px 0 0 0;
}
.concept_fig_img2 img{
	width: 92%;
}
}
.title_small{
	font-size: 0.9em;
	margin-bottom: 1em;
	text-align: center;
	width: 100%;
}

#concept_mibyo{
	margin:100px 0 0.5em 0;
}

#concept_mibyo_list{
	
}
.concept_img_box {
    width: 100%;
    position: relative;
    margin:50px 0;

}

.concept_text_tate {
	/*
writing-mode: vertical-rl;
  font-size: 1em;
  line-height: 1.8em;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 50%;
  padding-left: 1em;
  text-align: left;
	
margin: 10% 0 5% 10%;
	*/

    font-size: 1em;
    line-height: 1.8em;
    position: absolute;
    top: calc(44% - 2em);
    left: 0;
    max-width: 50%;
    text-align: left;
    margin: 0% 0 1% 1.5%;
    width: 31%;
    padding-left: 0;
    writing-mode: inherit;
	
}

.img_right {
width: 100%;
  flex-shrink: 0;
  text-align: right;
}

.img_right img {
	width: 65%;
  height: auto;
  display: inline-block;
}

.img_left{
width: 100%;
  flex-shrink: 0;
  text-align: left;
}

.img_left img{
	width: 65%;
  height: auto;
  display: inline-block;
}

.img_left2 {
width: 100%;
  flex-shrink: 0;
  text-align: left;
}

.img_left2 img {
width: 30%;
  height: auto;
  display: inline-block;
  margin-left: 22%;

}

.concept_text_tate2 {
	/*
writing-mode: vertical-rl;
  font-size: 1em;
  line-height: 1.8em;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 50%;
  padding-left: 1em;
  text-align: left;

	margin: 10% 30% 5% 0;
	*/
    font-size: 1em;
    line-height: 1.8em;
    position: absolute;
    top: calc(44% - 2em);
    right: 0;
    max-width: none;
    text-align: left;
margin: 0% 11% 1% 0%;
    width: 33%;
    padding-left: 0;
    writing-mode: inherit;
}

@media (max-width: 768px) {
#concept_mibyo{
	margin:100px 0 0.5em 0;
}

#concept_mibyo_list{
	text-align: left;
    margin: 1em 3% 2em 3%;
	font-size: 0.9em;
}
	
.concept_img_box {
    width: 100%;
    position: relative;
    margin:50px 0;

}

.concept_text_tate ,.concept_text_tate2{
	/*
writing-mode: vertical-rl;
  font-size: 1em;
  line-height: 1.8em;
  position: relative;
  bottom: 0;
  left: 0;
  max-width: 50%;
  padding-left: 1em;
  text-align: left;
  margin: 10% 0 5% 29%;
	height: 300px;
	*/

        font-size: 1em;
        line-height: 1.8em;
        position: relative;
        bottom: 0;
        left: 0;
        padding-left: 1em;
        text-align: left;
        writing-mode: inherit;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 3em 10%;
        height: auto;
}
.img_right,.img_left,.img_left2 {
	width: 100%;
  flex-shrink: 0;
text-align: center;
}

.img_right img ,.img_left img,.img_left2 img{
	width: 100%;
  height: auto;
  display: block;
margin: 0;

}
	.img_left2 img{
		width: 85%;
		margin: auto;
		
	}

}

/*============================================*/
/*                料金 GUIDE                  */
/*============================================*/
.title_contents{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.price_box{
    border: 2px solid #fff;
    width: 90%;
    max-width: 800px;
    position: relative;
    margin: 0px auto 50px auto;
	font-size: 1.1em;
}

.price_box_inner{
	width: 90%;
	margin: auto;
	max-width: 450px;
	padding: 0px 0 2em 0;
}
@media (max-width: 768px) {
.price_box{

    width: 96%;
}

.price_box_inner{
	width: 85%;

	max-width: none;

}
}
.price_title1_ul{
font-size: 1.6em;
    width: 80%;
    max-width: 250px;
    border-bottom: 2px solid #fff;
    text-align: center;
    margin-bottom: 1.5em;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 0.3em 0;
    margin-top: 2em;
    font-weight: 500;
}

.price_b_full_w{
	margin: 0.3em 0;
	overflow: hidden;
}

.price_contents_line{
	margin: 0.3em 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.price_contents_head1{
	width: 80%;
	position: absolute;
}

.price_contents_b1{
	float: right;
	width: 80%;
	text-align: right;
}
@media (max-width: 768px) {
.price_contents_head1{
	float: left;
	width: 100%;
}

.price_contents_b1{
float: right;
    width: 80%;
    text-align: right;
}
}
.price_b_full_w_small1{
	font-size: 0.85em;
}


.price_boxline_width{
    width: 90%;
    max-width: 800px;
    position: relative;
    margin: 0px auto 80px auto;
}

.price_ticket_box{
	width: 50%;
	margin: auto;
	max-width: 450px;
	padding: 1em 0 1em 0;
	position: relative;
	overflow: hidden;
}

.price_ticket_img{
	float: left;
	width: 50%;
	text-align: center;
}

.price_ticket_img:first-child{
	width: 44%;
}

.price_ticket_img:last-child{
	width: 56%;
}

.price_ticket_img img{
	width: 90%;
}

.price_pay_box{
	width: 90%;
	margin: auto;
	max-width: 700px;
	padding: 0em 0 1em 0;
	position: relative;
	background-color: #fff;
}
.price_pay_box img{
	width: 100%;
}

.price_pay_text{
	text-align: center;
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 10em;
}

@media (max-width: 768px) {
.price_boxline_width{
    width: 90%;
	font-size: 0.8em;
}
.price_ticket_box{
	width: 70%;
	margin: auto;
	max-width: none;
	padding: 1em 0 1em 0;
	position: relative;
	overflow: hidden;
}
	
.price_ticket_img{
	float: none;
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

.price_ticket_img:first-child{
	width: 100%;
}

.price_ticket_img:last-child{
	width: 100%;
}	
.price_ticket_img img{
	width: 100%;
}

	
.price_pay_box{
	width: 100%;
	margin: auto;
	max-width: none;
	padding: 0em 0 1em 0;
	position: relative;
	background-color: #fff;
	padding: 2em 0;
	text-align: center;
}
.price_pay_box img{
	width: 90%;
}
	
.price_pay_text{
	text-align: center;
	font-size: 1.3em;
	margin-top: 1em;
	margin-bottom: 10em;
}

}





/*============================================*/
/*                お風呂 BATH                 */
/*============================================*/
.width_90{
	width: 90%;
}
@media (max-width: 768px) {

.width_90{
	width: 90%;
}	
}

.select_btn_box2,.select_btn_box2_s{
	width: 60%;
	max-width: 550px;
	margin: 10px auto 50px auto;
	font-size: 1.4em;
}

.select_btn_box2::after,.select_btn_box2_s::after{
	clear: both;
}


.select_btn2,.select_btn2_s{
	background-color: rgba(95, 76, 63, 1.0);
	float: left;
	width: 49%;
	color: #fff;

	padding: 1em 0;
	margin: 1em 0.5%;
	text-align: center;
}

.select_btn2_s{
	padding: 0.5em 0;
	margin: 1em 0.5%;
}


.select_btn2.active,a:hover .select_btn2,.select_btn2_s.active,a:hover .select_btn2_s{
	background-color: #35251a;
}


.title_left{
  width: 60%;
  text-align: left;
  font-size: 1.5em;
  padding-left: 3em;
  margin: 5em 0 1em 0;
}
@media (max-width: 768px) {

.select_btn_box2,.select_btn_box2_s{
	width: 96%;
	max-width: 420px;
	margin: 10px auto 10px auto;
	font-size: 1.2em;
}

.title_left{
  width: 98%;
  text-align: center;
  font-size: 1.2em;
  padding-left: 0em;
  margin: 2em auto 3em auto;
	
}
}
.waku_boxline{
	border:1px solid #fff;
	display: inline-block;
	padding: 3px;
font-size: 1.3em;
  margin-bottom: 0.5em;
}

.bath_main_text_box .waku_boxline{ /*休憩処*/
margin-top:1em;
}

.bath_time{
display: inline-block;
margin-left: 1em;
margin-left: 1.3em;
}

.bath_main_text_box .bath_time{ /*休憩処*/
margin-top:1em;
font-size: 1.2em;
}

@media (max-width: 768px) {
.waku_boxline{
	padding: 3px 5px;
	font-size: 1.3em;
}

.bath_time{
display: block;
        font-size: 1.3em;
        margin-top: -2em;
        margin-left: 7em;
	margin-bottom: 1em;
}
.bath_main_text_box .bath_time{
display: block;
        font-size: 1.3em;
        margin-top: -2.2em;
        margin-left: 7em;
	margin-bottom: 1em;
}
}
.bath_title_w_line1{
	font-size: 1.7em;
	padding-bottom: 0.4em;
    position: relative; /* 擬似要素の基準位置として設定 */
	margin-bottom: 1em;
		padding-top: 40px;
}


.left,.right{
	margin-bottom: 4em;
	overflow: hidden;
}
@media (max-width: 768px) {
.left,.right{
	margin-bottom: 2em;
}
}

.left .bath_title_w_line1{
	width: 100%;
	text-align: right;
}

.left .bath_title_w_line1::after {
    content: '';
    position: absolute;
    bottom: 0; /* テキストの下端に配置 */
    left: 0; /* 線の開始を画面の左端に設定 */
    right: 0; /* 線の終了を .bath_title_w_line1 の右端に設定 */
    height: 1px; /* 線の太さ */
	margin-left: -40vw;
    background-color: #fff; /* 線の色 */

}

.right .bath_title_w_line1{
	width: 100%;
	text-align: left;
}

.right .bath_title_w_line1::after {
    content: '';
    position: absolute;
    bottom: 0; /* テキストの下端に配置 */
    left: 0; /* 線の開始を画面の左端に設定 */
    right: 0; /* 線の終了を .bath_title_w_line1 の右端に設定 */
    height: 1px; /* 線の太さ */
	margin-right:  -40vw;
    background-color: #fff; /* 線の色 */

}
@media (max-width: 768px) {
.bath_title_w_line1{
	font-size: 1.4em;
	padding-bottom: 0.4em;
    position: relative; /* 擬似要素の基準位置として設定 */
	margin-bottom: 1em;
		padding-top: 40px;
}

.left .bath_title_w_line1,.right .bath_title_w_line1{
	width: 100%;
	text-align: left;
}

.left .bath_title_w_line1::after,.right .bath_title_w_line1::after {
    content: '';
    position: absolute;
    bottom: 0; /* テキストの下端に配置 */
    left: 0; /* 線の開始を画面の左端に設定 */
    right: 0; /* 線の終了を .bath_title_w_line1 の右端に設定 */
    height: 1px; /* 線の太さ */
	margin-right: -15%;
	margin-left: 0;
    background-color: #fff; /* 線の色 */
}

}
.bath_img_box{
	width: 100%;
	position: relative;
	margin-bottom: 1em;
}

.left .bath_img{
	width: 70%;
	margin-right: 30%;
}


.right .bath_img{
	width: 70%;
	margin-left: 30%;
}

@media (max-width: 768px) {
.bath_img_box{
	width: 100%;
	position: relative;
	margin: auto;
}

.left .bath_img{
	width: 100%;
	margin-right: 0%;
}


.right .bath_img{
	width: 100%;
	margin-left: 0%;
}
}


.bath_text_box{
	width: 30%;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #fff;
	padding-top: 0.2em;
	padding-bottom: 1em;
	font-size: 0.9em;
}

.left .bath_text_box{
	left: 71%;
}

.right .bath_text_box{
	right: 71%;
}


.bath_text_line{
	margin: 0.5em;
	overflow: hidden;
}

.bath_text_h{
	float: left;
	width: 39%;
	margin-left: 1%;
}

.bath_text_b{

	float: left;
	width: 60%;
}

.bath_main_text_box{
	width: 60%;
	margin: 10px 0 30px 0;
	text-align: left;
	font-size: 0.9em;
}

.left .bath_main_text_box{
margin-right: 40%;
}



.right .bath_main_text_box{
margin-left: 30%;
}

@media (max-width: 768px) {
	
.bath_text_box{
	width: 100%;
	position: relative;
	bottom: auto;
	border-top: none;
	padding-top: 1em;
	font-size: 1.0em;
	padding-bottom: 0.5em;
}

.left .bath_text_box{
	left: auto;
}

.right .bath_text_box{
	right: auto;
}


.bath_text_line{
	margin: 0.5em;
	overflow: hidden;
}

.bath_text_h{
	float: left;
	width: 40%;
	margin-left: 0;
}

.bath_text_b{
	float: left;
	width: 60%;
}

.bath_main_text_box{
	width: 100%;
	margin: 0px auto 30px auto;
	text-align: left;
border-top: 1px solid #fff;
        padding-top: 0.8em;
	font-size: 1.0em;
}

.left .bath_main_text_box{
margin-right: auto;
margin-left: auto;
}



.right .bath_main_text_box{
margin-right: auto;
margin-left: auto;
}
	
}

/***外気浴　写真2つ用***/
.bath2_img{
	width: 100%;
	position: relative;
}

.bath2_img img{ 
	width: 47%;
	margin: 0px 1%;
}

.bath2_title_w_line1{
ont-size: 1.4em;
    padding-bottom: 0.4em;
    position: relative;
    margin-bottom: 1em;
    padding-top: 40px;
    width: 5em;
    text-align: right;
}

 .bath2_title_w_line1::after {
content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin-left: -30vw;
    background-color: #fff;

}



.bath2_bottom_box{
	width: 100%;
	position: relative;
}

.bath2_text_box{
  width: 27%;
  position: absolute;
  top: 0;
  border-top: 1px solid #fff;
  padding-top: 0.2em;
  padding-bottom: 1em;
  font-size: 0.9em;
  right: 0;
  margin-right: 2.5%;
}

.bath2_text_line{
	margin: 0.5em;
	overflow: hidden;
}

.bath2_text_h{
	float: left;
	width: 40%;
}

.bath2_text_b{

	float: left;
	width: 60%;
}

.bath2_main_text_box{
	width: 50%;
	margin: 10px 0 30px 0;
	text-align: left;
	font-size: 0.9em;
}


@media (max-width: 768px) {
	
.bath2_img{

}

.bath2_img img{ 
	width: 100%;
	margin: 5px 0%;
}

.bath2_title_w_line1{
	font-size: 1.4em;
	padding-bottom: 0.4em;
    position: relative;
	margin-bottom: 1em;
		padding-top: 40px;
	width: 100%;
	text-align: left;
}

 .bath2_title_w_line1::after {
    content: '';
    position: absolute;
    bottom: 0; /* テキストの下端に配置 */
    left: 0; /* 線の開始を画面の左端に設定 */
    right: 0; /* 線の終了を .bath_title_w_line1 の右端に設定 */
    height: 1px; /* 線の太さ */
	margin-right: -15%;
	margin-left: 0;
    background-color: #fff; /* 線の色 */

}



.bath2_bottom_box{
	width: 100%;
	position: relative;
}

.bath2_text_box{
	width: 100%;
	position: relative;
	bottom: auto;
	border-top: none;
	padding-top: 1em;
	font-size: 1.0em;
}


.bath2_main_text_box{
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
	border-top: 2px solid #fff;
	padding-top: 30px;
	font-size: 1.0em;
}
	
}




/*============================================*/
/*                SION                        */
/*============================================*/

.center_box1_jikan{
	width: 70%;
	margin: auto;
	position: relative;
}
@media (max-width: 768px) {
.center_box1_jikan{
	width: 100%;
	margin: auto;
	position: relative;
}
}
.service_time{
	display: inline-block;
	vertical-align: top; /* 上端で揃える */
	line-height: 2em;
	margin-left: 1em;
}

.notice{
	margin-top: 1em;
	font-size: 0.9em;
}
@media (max-width: 768px) {
.service_time{
	display: block;
	vertical-align: top; /* 上端で揃える */
	line-height: 2em;
	margin-left: 0em;
}
}
.sion_top_waku{
width: 70%;
  border: 1px solid #fff;
  padding: 1em 5%;
  text-align: center;
  margin: 5em auto;
}

.sion_top_waku_text{
font-size: 1.0em;
  line-height: 2em;
}

.font_big1{
	font-size: 1.1em;
}

.sion_top_waku_hotpepper img{
	max-width: 240px;
  padding: 1em 0 0 0;
}

@media (max-width: 768px) {
	
.sion_top_waku{
width: 100%;
  border: 1px solid #fff;
  padding: 1em 5%;
  text-align: center;
  margin: 2em auto 3em auto;
}

.sion_top_waku_text{
font-size: 1.0em;
  line-height: 2em;
}

.font_big1{
	font-size: 1.3em;
	display: block;
}

.sion_top_waku_hotpepper img{
	max-width: 200px;
  padding: 1em 0 0 0;
}
	
}
	
	
	
.select_btn_box4{
	width: 90%;
	margin: 50px auto 50px auto;
	font-size: 0.9em;
}
.select_btn_box4::after{
	clear: both;
}

.select_btn4{
	background-color: rgba(95, 76, 63, 1.0);
	float: left;
	width: 24.6%;
	color: #fff;

	padding: 0.5em 0;
	margin: 1em 0.2%;
	text-align: center;
}

.select_btn4.active,a:hover .select_btn4{
	background-color: #35251a;
}
@media (max-width: 768px) {
.select_btn_box4{
	width: 100%;
	margin: 50px auto 50px auto;
	font-size: 0.9em;
}
.select_btn_box4::after{
	clear: both;
}

.select_btn4{
	background-color: rgba(95, 76, 63, 1.0);
	float: left;
	width: calc( 50% - 2px );
	color: #fff;

	padding: 0.9em 0;
	margin: 2px 1px;
	text-align: center;
}

.select_btn4.active,a:hover .select_btn4{
	background-color: #35251a;
}
	}

/**img**/

.img_box2{
	width: 100%;
	position: relative;
}

.img_nocols {
	width: 80%
	margin: 0 auto;
	background-color: pink;
}

.img_nocols img{
	width: 100%
	margin: 0 auto;
}

.img_col2{
	width: 48%;
	margin: 2px 1%;
	float: left;
}
.img_nomargin .img_col2{
	width: 50%;
	margin: 0;
	float: left;
}

.img_col2 img{
	width: 100%;
}

.img_nomargin .img_col2 img{
	margin-top: -5px;
}


.img_box3{
	width: 100%;
	position: relative;
}
.img_col3{
	width: 31.3%;
	margin: 2px 1%;
	float: left;
}

.img_nomargin .img_col3{
	width: 33.33%;
	margin: 0;
	float: left;
}


.img_col3 img{
	width: 100%;
}


.img_cap_r{
	text-align: right;
height: 3.5em;
}
.img_cap_c{
	text-align: center;
height: 3.5em;
}

@media (max-width: 768px) {
	
.img_col3,.img_col2{
	width: 100%;
	margin: 2px 0%;
	float: none;
}
#access_contents .img_col3{
	width: 100%;
	margin: 2px 0% 10px 0;
	float: none;
}


}
	
	
	
.title_btm_text_center{
	text-align: center;
	margin-bottom: 3em;
	line-height: 1.8em;
}

.img_box1_w_text{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.img_col1_w_text{
	width: 60.0%;
  	margin: 10px 1% 0 1%;
	position: relative;
}

.img_col1_w_text img{
	width: 100.0%;
}

.text_col1_w_text{
	position: absolute;
  	top: 0;
  	width: 60%;
  	left: 105%;
}
.title_col1_w_text{
	font-size: 1.1em;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}
.center_text{
	text-align: center;
	
}

.img_box1_w_text .img_cap_r {
  text-align: right;
  height: 3.5em;
	width: 61%;
}

	
@media (max-width: 768px) {
	
.img_col1_w_text{
	width: 100.0%;
  	margin: 10px 0% 0 0%;
	position: relative;
}
	
	.text_col1_w_text{
		display: none;
	}
.img_box1_w_text .img_cap_r {
  text-align: right;
  height: 3.5em;
	width: 100%;
}
.img_cap_c{
	text-align: center;
  height: 3.5em;
	width: 100%;
}
}
	
	
.btn_1,.btn_1_link{
	background-color: rgba(95, 76, 63, 1.0);
	width: 50%;
	max-width: 200px;
	color: #fff;
	padding: 0.7em 0;
	margin: 1em auto;
	text-align: center;
	display: block;
	
}

/*********オーバーレイ********/
/*****************************/

/* オーバーレイ全体 */
.overlay {
  display:none; /* 初期状態では非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* 半透明の黒背景 */
  justify-content: center;    /* 水平方向の中央揃え */
  align-items: center;        /* 垂直方向の中央揃え */
  z-index: 1000;

}

/* 画像のサイズ設定 */
.overlay-image {
  max-height: 80%; /* 画像の高さを画面の80%に */
  max-width: 90%;  /* 画像の幅を画面の90%に */
  object-fit: contain; /* 画像が歪まないように */
}

/* クローズボタンのスタイル */
.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px; /* バツのサイズを30pxに設定 */
  color: white; /* クローズボタンの色を白に設定 */
  font-weight: bold;
  background-color: transparent; /* 背景色を透明に */
  border: none; /* ボーダーなし */
  cursor: pointer;
  z-index: 1001; /* ボタンが画像の上に表示されるように */
}

/* クローズボタンにホバー時の効果 */
.close:hover {
  opacity: 0.7; /* ホバー時に少し透明度を変える */
}






/*============================================*/
/*                RELAX                       */
/*============================================*/


.relax_top_waku{
width: 80%;
  border: 1px solid #fff;
  padding: 1.4em 5%;
  text-align: left;
  margin: 1em auto 3em auto;
  line-height: 3em;
}

.relax_top_waku_text{
	position: relative;
}
.relax_top_waku_text .font_big1{
	display: block;
  	width: auto;
  	position: absolute;
  	right: 0;
  	margin-top: -3.0em;
}


.center_box2_jikan{
	width: 65%;
	margin: auto;
	position: relative;
	max-width: 410px;
}
@media (max-width: 768px) {
.relax_top_waku{
width: 90%;
  padding: 1.4em 3%;
  text-align: center;
  line-height: 2.5em;
}

.relax_top_waku_text{
	position: relative;
}
.relax_top_waku_text .font_big1{
	display: block;
  	width: auto;
  	position: relative;
  	right: 0;
  	margin-top:0em;
	font-size:1.2em;
	margin-bottom: 10px;
}
	
.center_box2_jikan{
width: 90%;
    margin: auto;
    position: relative;
    max-width: 280px;
	margin-bottom: 1.5em;
}
}

.center_text_small{
		width: 80%;
	max-width: 900px;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.6em;
	margin: 10px auto 40px auto;
}

@media (max-width: 768px) {
.center_text_small{
		width: 85%;
	text-align: left;
}
}


.relax_box{
	width: 80%;
	margin: 40px auto 100px auto;
}

.relax_title1{
	text-align: center;
	font-size: 1.6em;
	padding-bottom: 0.3em;
	border-bottom: 3px solid #fff;
}

.relax_ul{
	margin: 2em 10px;
	position: relative;
}

.relax_li_2l{
	border-top: 1px solid #fff;
	padding: 1.0em 0;
	position: relative;
}

.li_title_2l{
	width:100%;
}

.li_detail_2l{
	
}

.li_2l_price{
	position: absolute;
	right: 0;
}

.relax_subtitle{
	text-align: center;
	margin-top: 0.3em;
	min-height: 1em;
}


.relax_li{
	border-top: 1px solid #fff;
	padding: 1.0em 0;
	position: relative;
	overflow: hidden;
}

.relax_li:last-child{
	border-bottom: 1px solid #fff;

}



.li_time{
	font-size: 1.2em;
	float: left;
	width: 5em;
	overflow: hidden;
}

.time_10em .li_time{
	width: 10em;
	
}
.time_50per .li_time{
	width: 100%;	
}

.time_100per .li_time{
	width: 100%;
	
}


.li_title{
	width: calc( 82% - 5em );
	font-size: 0.9em;
	float: left;
	margin-top: 0.1em;
}
.time_10em .li_title{
	width: calc( 82% - 10em );
}

.time_50per .li_title{
	width: 70%;
	margin-left: 10%;
	margin-top: 0.3em;
	
}

.time_100per .li_title{

}

/* 25/07/21_OKA PC文字サイズ調整 */
.li_price{
	font-size: 1.2em;
	position: absolute;
	right: 0;
}

@media (max-width: 768px) {
.relax_box{
	width: 100%;
	margin: 40px auto 100px auto;
}
.relax_title1{
	font-size: 1.4em;
}

.li_title,.time_10em .li_title,.time_50per .li_title,.time_100per .li_title{
	width:100%;
	margin-left: 0%;
	margin-top: 0.3em;
}

/* 25/07/21_OKA SMP文字サイズ調整 */
.li_time{
	font-size: 1.0em;
}
.li_price{
	font-size: 1.0em;
}

}








/*============================================*/
/*             初めてのお客様                 */
/*============================================*/


.img_box1{
	width: 100%;
	position: relative;
	margin: 30px auto;
}

.img_col1{
	width: 100%;
	margin: 0;
}

.img_col1 img{
	width: 100%;
}

.img_box_width40{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	
}

.img_box_width50{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	
}

.img_box_width60{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	
}

.img_box_width70{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
}

.img_box_width100{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}


.flex_base {
  display: flex;
  flex-direction: column; /* 縦に積み重ねる */
  align-items: center; /* 左右中央揃え */
  width: 100%; /* 必要に応じて調整 */

}

.left_text_small_box_center {

  text-align: left;
    font-size: 0.9em;
    line-height: 1.6em;
    margin: 10px 0 40px 0;
}

@media (max-width: 768px) {
	
.img_box_width40{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

.img_box_width50{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
	
.img_box_width60{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

.img_box_width70{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
}


.img_box_width100{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	
}
	
#access_contents .img_box_width70,#access_contents .img_box_width100{
	width: 100%;
}
	
}

/*============================================*/
/*                ACCESS                      */
/*============================================*/

.font_big2{
	font-size: 1.3em;
}

.select_btn_box3,.select_btn_box3_s{
	width: 60%;
	max-width: 550px;
	margin: 10px auto 50px auto;
	font-size: 1.4em;
}

.select_btn_box3::after,.select_btn_box3_s::after{
	clear: both;
}


.select_btn3,.select_btn3_s{
	background-color: rgba(95, 76, 63, 1.0);
	float: left;
	width: 32.33%;
	color: #fff;

	padding: 1em 0;
	margin: 1em 0.5%;
	text-align: center;
}

.select_btn3_s{
	padding: 0.5em 0;
	margin: 1em 0.5%;
	font-size: 0.9em;
}


.select_btn3.active,a:hover .select_btn3,.select_btn3_s.active,a:hover .select_btn3_s{
	background-color: #35251a;
}
@media (max-width: 768px) {

.select_btn_box3,.select_btn_box3_s{
	width: 96%;
	max-width: 420px;
	margin: 10px auto 10px auto;
	font-size: 1.2em;
}


}

.googlemap_box{
	width: 100%;
}
.access_trainmap_box {
  width: 100vw;
  background-color: #fffaef; /* 背景色（任意で調整） */
  padding: 50px 0; /* 上下の余白を適宜調整 */
  text-align: center;
}

.access_trainmap_img{
	
}

.access_trainmap_img img{
	width: 70%;
	max-width: 800px;
}
@media (max-width: 768px) {
.access_trainmap_box {
  width: 100vw;
  background-color: #fffaef; /* 背景色（任意で調整） */
  padding: 30px 0; /* 上下の余白を適宜調整 */
  text-align: center;
}

.access_trainmap_img{
	
}

.access_trainmap_img img{
	width: 95%;
	max-width: none;
}
}
.access_time_box{/*電車時間*/
	margin: 3em auto;
	position: relative;
	text-align: left;
	font-size: 1.1em;
}

.access_parking_box{/*パーキング*/
	margin: 3em auto;
	position: relative;
	text-align: left;
	font-size: 0.9em;
}

.access_time_col_ul{/*パーキング*/
	float: left;
	width: 49%;
	margin-right: 1%;
}

.access_time_col_ul1{
	float: left;
	width: 35%;
	margin-right: 15%;
}
.access_time_col_ul2{
	float: left;
	width: 50%;
}

.access_time_li{
	margin: 0.5em 0;

}
.access_t_title{
	width: 100%;
	text-align: left;
	margin-bottom: 2em;
}
.access_t_h{
	position: absolute;
	width:40%;
}

.access_t_b{
	width: 100%;
	text-align: right;
}

@media (max-width: 768px) {
	
.access_time_col_ul {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 1.5em;
}

}



/*table*/
.graph1{
	margin: 1em 0;
}
.graph1 table {
  width: 100%;
  border-collapse: collapse;
 background-color: #FEFFF7;
	color: #444;
}
th, td {
  border:1px solid #aaa;
  text-align: center;
  padding: 15px 5px 15px 5px;
  vertical-align: top;
}
.graph1 table.fixed {
  table-layout: fixed;
  vertical-align: top;
}
@media (max-width: 768px) {
th, td {
  border:1px solid #aaa;
  text-align: center;
  padding: 12px 3px 12px 3px;
  vertical-align: top;
	font-size: 0.93em;
}
}
.bgfdfdf5 {background-color: #fdfdf5;}
.bge8f8fa {background-color: #e8f8fa;} /*blue*/
.bge8faf1 {background-color: #e8faf1;}/*green*/
.bgfae8ee {background-color: #fae8ee;}/*pink*/
.bgf6f6f6 {background-color: #f6f6f6;}
.bgf8d9be {background-color: #f8d9be;}
.bgbee4f8 {background-color: #bee4f8;}
.bgf8bece {background-color: #f8bece;}



/*============================================*/
/*                COUPON                      */
/*============================================*/

.coupon_contents{
	
}

#coupon_contents .price_ticket_box{
	width: 50%;
	margin: auto;
	max-width: 300px;
	padding: 1em 0 1em 0;
	position: relative;
	overflow: hidden;
}

#coupon_contents .price_ticket_img{
	float: none;
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

#coupon_contents .price_ticket_img:first-child{
	width: 100%;
}

#coupon_contents .price_ticket_img:last-child{
	width: 100%;
}

#coupon_contents .price_ticket_img img{
	width: 100%;
}

@media (max-width: 768px) {

#coupon_contents .price_ticket_box{
	width: 70%;
	margin: auto;
	max-width: none;
	padding: 1em 0 1em 0;
	position: relative;
	overflow: hidden;
}
	
#coupon_contents .price_ticket_img{
	float: none;
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

#coupon_contents .price_ticket_img:first-child{
	width: 100%;
}

#coupon_contents .price_ticket_img:last-child{
	width: 100%;
}	
#coupon_contents .price_ticket_img img{
	width: 100%;
}


}

/*============================================*/
/*                COUPON DETAIL               */
/*============================================*/

.black_s{
	color: #555;
	font-size: 0.8em;
	
}
.contents_cp_detail{
	background-color: #fffaef;
	color: #333;
	padding-top:250px;
}

.contents_section_cp_detail{
	margin: 0px auto;
	font-size: 1.1em;
}

.cp_detail_logo{
	width: 40%;
	max-width: 300px;
	margin: 0 auto;
}
.cp_detail_logo img{
	width: 100%+
}

.cp_d_main_title{
	font-size: 2em;
	text-align: center;
	width: 100%;
	margin: 0 0 30px 0;
}

.cp_d_text1{
	font-size: 1.1em;
	line-height: 1.8em;
	margin-bottom: 0;
}

.cp_d_notice{
	text-align: center;
	font-size: 1.1em;
	margin: 0.5em 0 1em 0;
	
}



.qr_box{
	width: 100%;
	text-align: center;
	margin: 30px 0;
}

.qr_box img{
	width: 30%;
	max-width: 120px;
	margin: 10px 0;
}


.qr_text{
	font-size: 0.9em;
	
}


.cp_d_box{
    width: 60%;
    max-width: 600px;
	border: 1px solid #333;
	background-color: #fff;
	text-align: center;
	margin: 30px auto 50px auto;
}

.cp_d_box_title{
	font-size: 1.04em;
	width: 100%;
	margin: 2em 0;
}

.cp_d_box_date{
	font-size: 1.1em;
	width: 100%;
	margin: 0.3em 0;
	
}

.cp_d_box_price{
	font-size: 1.8em;
	width: 100%;
	margin: 0em 0 1em 0;
	color: #e0007f;
	
}

.cp_d_input_u_line{
	width: 40%;
	max-width: 500px;
	margin: 2em auto;
	border-bottom: 1px solid #333;
	text-align: left;
	
}

.cp_d_print_text{
	color: #666;
	font-size: 1.5em;
	margin: 5em 0 6em 0;
	width: 100%;
	text-align: center;
}

.cp_d_test_box3{
	width: 40%;
	max-width: 500px;
	margin: 2em auto;
	text-align: left;
}
@media (max-width: 768px) {
.cp_d_test_box3{
	width: 94%;
	max-width: none;
}
}




.cp_d_sp_text1{
	text-align: center;
	font-size: 1.2em;
}

.cp_d_sp_use_btn{
    background-color: #e0007f;
    color: #fff;
    width: 80%;
    max-width: 400px;
    padding: 20px 0;
    margin: 30px auto 50px auto;
    text-align: center;
    font-size: 1.4em;
	
}

.cp_d_attention_ul{
	font-size: 1.0em;
	margin-bottom: 4em;
}

.cp_d_attention_ul li{
	margin:0.3em 0;
      list-style: none;
      position: relative;
      padding-left: 1.5em;
}

.cp_d_attention_ul li::before {
      content: "・";
      position: absolute;
      left: 0;
    }

    /* class="mark1" のリストマークを「※」に設定 */
.cp_d_attention_ul li.mark1::before {
      content: "※";
    }


.use_coupon{
	display: none;
}


@media (max-width: 768px) {
.contents_cp_detail {
    background-color: #fffaef;
    color: #333;
    padding-top: 80px;
}
.cp_d_text1{
font-size: 1.2em;
    line-height: 2.1em;
}
.cp_d_box{
	width: 95%;
	max-width: none;
	border: 1px solid #333;
	background-color: #fff;
	text-align: center;
	margin: 30px auto 30px auto;
}
.cp_d_box_price{
	font-size: 2.1em;
	
}
	
.use_coupon{
display: none;
        height: 400vh;
        width: 100vw;
        position: fixed;
        top: 110px;
        z-index: 1;
        background-color: #fffaef;
        left: 0;
	    padding: 80px 10% 0 10%;
}	
	
	.use_coupon_done{
		font-size: 1.5em;
		text-align: center;
		width: 95%;
		font-weight: bold;
		border-right: 15px solid  #e0007f;
		border-left: 15px solid  #e0007f;

		padding: 5px 0;
		margin: auto;
	}	
	
	.use_coupon_text1{
		margin:70px 0 30px 0;
		width: 100%;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	
	.backto_top{
		margin: auto;
		padding: 10px 30px;
		color: #fff;
		background-color: #e0007f;
		text-align: center;
		max-width: 250px;
		font-size: 1.2em;
	}
	
}




/*============================================*/
/*                HELP                        */
/*============================================*/



.help_title1{
	margin: 4em 1% 0 1%;
}

.help_list{
	
}


.help_list .top_news_title{
margin-left: 0px;
  width: calc( 100% - 100px);
}



.help_list .top_news_plus,.help_list .top_news_minus{
top: 0.3em;
}

@media (max-width: 768px) {
.help_title1{
	width:98%;
	margin: 4em 3% 0 3%;
}	
	
.help_list .top_news_title{
    margin-left: 0px;
    width: calc(100% - 27px);
    font-size: 1.2em;
}
.help_list .top_news_plus,.help_list .top_news_minus{
top: -0.2em;
}
}

/*============================================*/
/*                TOMONOKAI                   */
/*============================================*/
.link_btn{

    color: #fff;
    width: 80%;
    max-width: 260px;
    padding: 15px 0;
    margin: 30px auto 50px auto;
    text-align: center;
    font-size: 1.0em;
	display: block;
}
.pink{
    background-color: #e0007f;
}


.table_100{
	margin: 1em auto 1em auto;
	width: 100%;
	
}



/*============================================*/
/*                ロウリュウ                  */
/*============================================*/
.brown{
    background-color: #5f4c3f;
}



/*============================================*/
/*           リクライニングシート             */
/*============================================*/




/*============================================*/
/*             お問い合わせ 取材              */
/*============================================*/



/*============================================*/
/*                利用規約                    */
/*============================================*/

#terms_section{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


#terms_section .title{
	font-size: 1.2em;
	margin: 2em 0 1em 0;
}

.terms_img{
	text-align: left;
	
}


.terms_img img{
	margin: 1em 0;
	max-width: 800px;
	width: 90%;
}

#tatooimg img{
	max-width: 500px;
}

 /* 基本のリストスタイル */
#terms_ol ol {
  list-style-type: decimal;
  margin-left: 20px; /* リストの左側にマージンをつける */
  padding-left: 0;
}

/* サブリスト（①、②など）のスタイル */
#terms_ol ol.sublist {
  list-style-type: none;
  margin-left: 20px;
  padding-left: 0;
}

#terms_ol ol.sublist li::before {
  content: counter(list-item, arabic) " ";  /* 通常の数字 */
  counter-increment: list-item;
  font-weight: bold;
  margin-left: -20px;  /* 番号とテキストの間隔調整 */
}

#terms_ol ol.sublist li {
  margin-bottom: 10px; /* サブリストのアイテム間に余白を追加 */
}

/* 文字の調整 */
#terms_ol li {
  margin-bottom: 5px; /* リストアイテム間のスペース */
  line-height: 1.5; /* 行間を調整して読みやすく */
}

#terms_ol br {
  display: block; /* <br>タグによる改行をブロックとして表示 */
  margin-bottom: 5px; /* 改行後の余白を追加 */
}

/* 最後のリスト項目のマージンを削除 */
#terms_ol ol > li:last-child {
  margin-bottom: 0;
}




/*============================================*/
/*                個人情報保護                */
/*============================================*/



/*============================================*/
/*             　お問い合わせ                 */
/*============================================*/


.form_maintitle{
	font-size: 2.0em;
	margin: 2em 0;
	text-align: center;
	width: 100%;
}

.form_text1{
	text-align: center;
	width: 100%;
	margin: 0 0 2em 0;
}

.form_c_box{
	width: 80%;
	max-width: 500px;
	border: 1px solid #fff;

	text-align: center;
	margin: 30px auto 50px auto;
	position: relative;
	padding: 10px 30px 15px 30px;
}

@media (max-width: 768px) {
.form_c_box {
  width: 100%;
  max-width: none;
  padding: 10px 10px 15px 10px;
}
}


.form_c_box_title{
	font-size: 1.1em;
	width: 100%;
	margin: 5px 0 2em 0;
}

.form_c_time_h{
	position: absolute;
}
.form_c_time_b{
	width: auto;
	margin-left: 10em;
}

.form_c_box_date{
	font-size: 1.1em;
	width: 100%;
	margin: 0.3em 0;	
}


.wpcf7{
	
}
.wpcf7 form{	
	width: 100%;
  	max-width: 1000px;
}

.form_line{
	display: block;
	overflow: hidden;
	margin: 1em 0;
	width: 100%;
	position: relative;
}

.form_title{
	width: 20%;
	float: left;
	font-size: 0.9em;
}
.must_mark{
	background-color: #f7c9dd;
	color: #3f210e;
	border-radius: 3px;
	padding: 2px 7px;
	display: inline-block;
	position: absolute;
}

.ni_mark{
	background-color: #fff;
}

.form_title p{
	display: inline-block;
}

.form_title .form_tb{
    margin-left: 60px;
}

.form_body{
	width: 80%;
	float: left;

}

.input_above_text{
	margin:0.5em 0 ;
}
@media (max-width: 768px) {
.form_title{
	width: 100%;
	float: none;
	font-size: 0.9em;
	margin: 25px 0 14px 0;
}
.form_body{
	width: 100%;
	float: none;

}
}

.form_body input{
    color: #333;
    width: 100%;
    padding: 16px 15px;
    font-size: 0.9em;
  outline: none; /* フォーカス時の外周線を消す */
  box-shadow: none; /* フォーカス時の影を消す */
  border: 0;
  transition: none; /* サイズや見た目の変化を防ぐ */
}


	
.form_body input.wpcf7-file{
	color:#fff;	
}
.wpcf7-radio input{
	width: auto;
}
.form_body input::placeholder,.form_body textarea::placeholder {
color: #aaa; /* プレースホルダーの文字色を薄いグレーに設定 */
opacity: 1; /* 必要に応じて透明度を調整 */
}
.form_body input:focus{
	border: 0;
  outline: none; /* フォーカス時の外周線を消す */
  box-shadow: none; /* フォーカス時の影を消す */
}


.form_body input:focus::placeholder {
  opacity: 0; /* フォーカスされたらプレースホルダーを見えなくする */
}


.wpcf7-radio .wpcf7-list-item{
	display: flex;
	margin: 5px 0;
}

@media (max-width: 768px) {
.form_body input.wpcf7-file {
  color: #fff;
  margin-left: 0;
  padding-left: 0;
}
}

.form_body textarea{
	height: auto;
	color: #333;
    font-size: 0.9em;
	width: 100%;
    padding: 16px 15px;
  outline: none; /* フォーカス時の外周線を消す */
  box-shadow: none; /* フォーカス時の影を消す */
  border: 0;
  transition: none; /* サイズや見た目の変化を防ぐ */
}

.form_body .wpcf7-list-item input{
	height: auto;
}

.wpcf7-list-item {
    display: flex ; /* 子要素をフレックスボックスで配置 */
    align-items: center; /* 縦方向の中央揃え */
}

.wpcf7-list-item-label {
    margin-left: 0.5em; /* ラジオボタンとラベルの間にスペースを追加 */
}

.form_btn_box{
	margin-left: 20%;
}
.form_btn_box p{

}
.form_btn_box .wpcf7-list-item {
    display: block;
    margin: auto;
}

.form_privacy_policy_text_box{
	text-align: center;
}
.form_pricacy_policy_title{
	font-size: 1.0em;
	margin: 0.8em 0;
}
.form_pricacy_policy_body{
	font-size: 0.75em;
	line-height: 1.2em;
}

.wpcf7-form-control-wrap{
	text-align: center;
	margin: 2em 0;
}


.form_btn_box .form_btn_{
	margin:50px 0 40px 0;
	text-align: center;
	width: 100%;
}

.form_btn_box .more_btn {
    padding: 0.5em 2.0em;
    display: inline-block;
    font-size: 1.3em;
    transition: .5s;
    background-color: #5f4c3f;
    border: 1px solid #5f4c3f;
}

.form_btn_box .more_btn:hover{

background-color:transparent;
border: 1px solid #fff;
	
}


.form_body input:hover, 
.form_body textarea:hover, 
.form_body select:hover,
.form_body input:focus, 
.form_body textarea:focus, 
.form_body select:focus {
	border: 0;
  outline: none; /* フォーカス時の外周線を消す */
  box-shadow: none; /* フォーカス時の影を消す */
}

.wpcf7 form.sent .wpcf7-response-output {
    margin-left: 20%;
	text-align: center;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
    margin-left: 20%;
  text-align: center;

}


@media (max-width: 768px) {
	
.form_btn_box{
	margin-left: 0%;
}
	
.wpcf7 form.sent .wpcf7-response-output {
    margin-left: 0%;
}
	
}



/*============================================*/
/*             　　　岩盤浴　　               */
/*============================================*/

/*

">
			<li class="heal_material_li">
				<div class="h_mate_img">
				<img src="<?php $upload_dir = wp_upload_dir(); echo $upload_dir['baseurl']; ?>/h_mate_1.png" alt="" class="">
				<h2 class="h_mate_title">天草陶石</h2>
				</div>
				<p class="h_mate_text



*/

.heal_material_ul_box{
	width: 100%;
	position: relative;
}


.heal_material_ul_box::after{
	clear: both;
}

.heal_material_li{
	width: 29.33%;
	margin: 30px 2%;
	float: left;
}
@media (max-width: 768px) {
.heal_material_li{
	width: 46.0%;
	margin: 30px 2%;
	float: left;
}
}
.h_mate_img{
	text-align: center;
}

.h_mate_img img{
	width: 55%;
}

.h_mate_title{
	font-size: 1.1em;
	margin: 0.5em auto 3em auto;
}

.h_mate_text{
	font-size: 0.90em;
}

.mate_2_box .heal_material_li:first-child{
	margin: 30px 2% 30px 18.66%;
}

.mate_2_box .heal_material_li:last-child{

	margin: 30px 18.66% 30px 2%;

}

@media (max-width: 768px) {
.mate_2_box .heal_material_li:first-child{
	margin: 30px 2%;
}

.mate_2_box .heal_material_li:last-child{
	margin: 30px 2%;
}

.mate_2_box .heal_material_li:last-child{
	margin: 30px 2%;
}
}




.select_btn_box5{
	width: 80%;
	margin: 50px auto 50px auto;
		font-size: 0.9em;
	max-width: 560px;
}
.select_btn_box5::after{
	clear: both;
}

.select_btn5{
background-color: rgba(95, 76, 63, 1.0);
    float: left;
    width: 19.6%;
    color: #fff;
    padding: 0.8em 0;
    margin: 2px 0.2%;
    text-align: center;
    max-height: 40px;
    line-height: 1.1em;

}

.select_btn5.active,a:hover .select_btn5{
	background-color: #35251a;
}
@media (max-width: 768px) {
.select_btn_box5{
	display: none;

}
}


.heal_rouryu_ul_box{
	width: 100%;
	position: relative;
}


.heal_rouryu_ul_box::after{
	clear: both;
}


.heal_rouryu_li{
	width: 48.0%;
	margin: 30px 2% 30px 0;
	float: left;
}

.heal_rouryu_li:nth-child(even){
	margin: 30px 0% 10px 2%;

}

.h_rou_main_title{
	font-size: 1.8em;
	margin-bottom: 5px;
}

.heal_rouryu_li img{
	max-width: 100%;
}

.h_rou_main_text{
	margin: 1em 0 2em 0;
	font-size: 0.8em;
	min-height: 4em;
}

.heal_rouryu_ul_box .bath_text_box {
    width: 100%;
    position:relative;
    bottom: 0;
    border-top:0;
    padding-top: 0.2em;
    padding-bottom: 1em;
    font-size: 0.8em;
}

.heal_rouryu_ul_box .bath_text_box::before {
  content: "";
  position: absolute;
  top: 0; /* 親要素の上端に配置 */
  left: 0; /* 左から始める */
  width: 70%; /* 線の長さを70%に設定 */
  height: 1px; /* 線の高さ */
  background-color: #fff; /* 線の色 */
}



/*============================================*/
/*             　　広告ページ　               */
/*============================================*/

.ad_page{
	padding: 120px 2% 0px 2%;
	text-align: center;
}
@media screen and (max-width: 768px) {
.ad_page{
	padding: 70px 2% 0px 2%;
	text-align: center;
}
}
.ad_page img{
	width: 100%;
	max-width: 800px;
}

.btn_goto_top .link_btn {
  color: #fff;
  width: 80%;
  max-width: 400px;
  padding: 15px 0px;
  margin: 30px auto 50px auto;
  text-align: center;
  font-size: 1.3em;
  display: block;
	border-radius: 4px;
}

.btn_goto_top .link_btn:hover {
	opacity: 0.9;
}

.red{
    background-color: #a21c2d;

}