/*
Theme Name: 新airinkan

default
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.2
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@font-face {
    font-family: glyphicons-halflings-regular;
    src: url(font/glyphicons-halflings-regular.ttf) format("truetype");
}

/* Body */

/* *{outline: solid 1px #f00}*/

body {
padding-top: 0;
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
background-color: #fff;
font-weight: 200;
text-align:justify;
padding-right: -15px; 
color: #7b7c7d; /*和名　鉛色*/
line-height: 1.3em;
font-size: 1.5em;
}
@media(max-width: 767px) {
    body {
        padding-top: 58px;
        font-size: 1.3em;
    }
}

/*  下部の隙間 */
#main article{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* リンク */
a:link {
	color: #547557;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #547557;
	text-decoration: none;
	outline: none; 
}
a:hover {
	/*color: #455ED1;*/
	/* color: #93b881;*/
	color: #d2691e;
	text-decoration: underline;
	outline: none; 
}
a:active {
	color: #547557;
	text-decoration: none;
	outline: none; 
}

a:focus { outline:none;}



/*  画像のリンク */

/* a:hover img {   既定
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}
*/


a:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}



/*2018/09/05　ボタンのDefaultの背景をクリア   2018/10/20　repair

.btn{
	background-color: #fff;
}

.btn a:link {
	background-color: #fff;
}
*/

header{
background-repeat: repeat-x;
/* background-image: url(images/bg_header.jpg); */
background-color: #fff;
background: rgba(255,255,255,0.95);
position: relative;
z-index: 1000;


}


/*　ーーーー	表示の切り替え　ーーーーーーーーーーーーーーーーー　*/
.tit_pc{
	display: block;
}

.tit_sp{
	display: none;
}

@media (max-width: 580px) {
	
.tit_pc{
	display: none;
}

.tit_sp{
	display: block;
}

}






/* GMの背景 リンク　設定　*/
.navbar-default {

/*background-color: #ffffff;
 border-top: solid 1px #999;
border-bottom: solid 1px #999; */
line-height: 1em;
  
/* background-image: url(images/bg1.jpg); */
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: calc(100vh - 58px);
}

@media(min-width: 768px) {

    .navbar-default {
        margin-top: 3px;
        padding-top: 12px;
    }
    .navbar-fixed-top {
        position: static;
        border: none;
    }
}

/* Tablet と Mobile　の背景色*/
@media (max-width: 980px) {   
	
.navbar-default {
margin-top: 0;
/*background-color: rgba(255,255,255,0.9);　  メニュー表示の時　見やすいように透過を停止　*/
background-color: rgba(255,255,255,1);　
border-top: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
padding-top: 8px;
/* color: #1a902b; */
border-bottom: 1px solid #f6f5ee;

}

}
	
	

.navbar-default a:link {
	color: #000;
	text-decoration: none;
	outline: none;
	display: block;
}


.navbar-default a:visited {
	color: #000;
	text-decoration: none;
	outline: none; 
}


.navbar-default a:hover {
	color: #000;
	text-decoration: none;
	outline: none; 
	background-position: center bottom;
	background-size: 70% auto;
	background-repeat: no-repeat;
}




.navbar {
  min-height: 30px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background-color: transparent;
  /* background-color: #ffffff; */
  text-align: center;

}


.tel-no-img {
  float: right;
  margin-left: 4rem;
}


.navbar-toggle{
	background-color: #fff;
}

.sp_tel{
	margin-bottom: 4em;
}

/*　ーーーー	フッター　ーーーーーーーーーーーーーーーーー　*/




footer {
position: relative;


height: 95vh;
min-height: 400px;
margin-top: 0px;
padding-top: 3rem;
color: #666;
font-size: 0.9em;


}



@media (max-width: 580px) {
    footer {
        background-image: url(images/bg_footer1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: auto;
        min-height: 100px;
        margin-top: 0px;
        color: #666;
        padding-top: 3rem;
        font-size: 0.9em;
      
    }
}
@media(min-width: 581px) {
    
.contents_f{
    /*position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    width: 100%;
    height: 100%;*/


    background-image: url(images/bg_footer1.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    }
}



/*  上に戻るボタン  */
/* #page-top {
	
	position: fixed;
	bottom: 210px;
	right: 220px;
	font-size: 77%;
	width: 60px;
	height: 60px;
} */

#page-top {
	
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 77%;
	width: 60px;
	height: 60px;
}


#page-top a {
	
	text-decoration: none;
	color: #000;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity: 0.9;
	width: 62px;
	height: 62px;
	background-image: url(images/p_top.png);
}
#page-top a:hover {
	text-decoration: none;
	
	
	background-image: url(images/p_top.png);
}

@media (max-width: 580px) {
	/* #page-top {
	
	position: fixed;
	bottom: 220px; 
	right: 40px;
	font-size: 0em;
	width: 62px;
	height: 62px;
} */


#page-top {
	
	position: fixed;
	bottom: 40px; /*iphone対策で上部に移動*/
	right: 20px;
	font-size: 0em;
	width: 62px;
	height: 62px;
}



	}
	
	
	
	
.navbar-default .navbar-nav>li>a.active {
	color: #000;
}



.navbar-static-top{
	padding-top: 12px;
}

.slide-container {display: none;}
section .post_content {display: none;}




/*　ーーーー	header　Globalnavigationーーーーーーーーーーーーーーーーー　*/

ul, menu, dir {
	-webkit-padding-start: 0px
}


.gnavi {
display:table; /* テーブル要素として表示 */
table-layout:fixed; /* 横幅を固定 */
width:100%/* 任意の横幅 */;
margin-bottom: 1rem;
}

.box_gnavi{
	padding: 0px;
}


/*　スマホの時の嫌な線分の非表示　　*/
.navbar-collapse{
	
	border-top: solid 0px #000;
}






.gnavi li {
			text-align: center;
			display: table-cell;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			font-size: 1em;
			/* border-bottom: 2px solid #a61021;
			border-spacing: 20px 0; */
			padding-bottom: 0.5rem;
			/*background: url(images/bg_gm.jpg); */
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: 80% auto;
		}
 
.gnavi li + li {
			border-left: none;
		}
		

/* gnavi li hover エフェクト 2018/10/17*/
ul.gnavi li {
	position: relative;
}

ul.gnavi li::after {
	display: block;
	content: '';
	width: 80%;
	height: 2px;
	position: absolute;
	background-color: #93b881;
	bottom: -6px;
	left:10%;
	transform-origin: center;
	opacity: 0;
	transform: scaleX(0);
	transition: all 0.3s;
}

ul.gnavi li:hover::after
 {
	opacity: 1;
	transform: scaleX(1);
	transition: all 0.3s;
}

@media (max-width: 988px) {
.gnavi li {
			text-align: center;
			display: table-cell;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			font-size: 0.8em;
		}

}

.menu_g li{ 
display: inline; 
padding-bottom: 3px;
margin: 0; 
float: left;
width: 40%;
border-bottom: dotted 1px #333;
margin-bottom: 4px;
margin-left: 5%;
margin-right: 5%;
text-align: center;

}

/*　ーーーー	GM　英語表記ーーーーーーーーーーーーーーーーー　*/		

.text_gm_1{
	font-size: 0.7em;
	color: 	#799BC3;	
}

.text_gm_1 a:link {
	color: #799BC3;
	text-decoration: none;
	outline: none;
	display: block;
}


.text_gm_1 a:visited {
	color: #799BC3;
	text-decoration: none;
	outline: none; 
}


.text_gm_1 a:hover {
	color: #799BC3;
	text-decoration: none;
	outline: none; 
}

/*　ーーーー	GM　英語表記　ここまで　ーーーーーーーーーーーー　*/	

/*　ーーーー	Header contents　ーーーーーーーーーーーー　*/	
img.head_logo {
    width: 20%;
    max-width: 108px
    float: left;

  }


.header_contents{
	
	padding-top: 0.5em;
	padding-bottom: 0em;
	
	
}




img.footer_logo {
    width: 80%;
    max-width: 198px
    float: left;
  
  }



@media (max-width: 980px) {

img.head_logo {
    width: 40%;
    max-width: 108px
    float: left;
  }

.tel-no-img {
    display: none;
  } 
  } 
  
 .navbar-toggle{
	/*margin-top: -80px;*/
	/* z-index: 9999;
	position: fixed; */
}

@media (max-width: 988px) {
	
img.head_logo {
    width: 25%;
    float: left;
  }
#sidebar1 {
		display: none;
	}
#text-3 {
		display: block;
	}  
  

  
}


@media (max-width: 580px) {
	
  
/* 画像とテキストの表示切り替え */
  .img-txt img {
    display: none;
　}
  .img-txt span {
    display: block;
  }
/* 画像とテキストの表示切り替え 終わり*/

.navbar-brand {
    padding: 0;
}

img.head_logo {
    width: 50%;
    max-width: 240px;
    float: left;
    margin-left: 0.5rem;
  }

img.footer_logo {
    width: 40%;
    max-width: 198px
    float: left;
  
  }

}


/*　ーーーー	Header contents　ここまで　ーーーーーーーー　*/

/*　ーーーー	Footer　Globalnavigationーーーーーーーーーーーーーーーーー　*/



/*   desktopメニューのリストマークなど　*/

/* リストマーク　有り　*/
.li_f {
	font-size: 1.1em;
	line-height: 1.5em;
	/* margin-left: -3em; */
	list-style: none;
}

.li_f li:before {
  font-family: FontAwesome;
  content: '\f105'; /* アイコンのunicode */
  margin-left: 1em;
  margin-left: -2em¥9;/* IE対策 */
  
}

/* IE対策 */
@media all and (-ms-high-contrast: none){
.li_f li:before {
  font-family: FontAwesome;
  content: '\f105'; 
  margin-left: -2em;
  
}

}


.li_f a:link {
	color: #666;
	text-decoration: none;
	outline: none;
}


.li_f a:visited {
	color: #666;
	text-decoration: none;
}


.li_f a:hover {
	color: #7DA2CD;
	text-decoration: none; 
}


/* リストマーク　無し　*/
.li_f1 {
	font-size: 1.1em;
	line-height: 1.5em;
	list-style: square;
	/* margin-left: -3em; */
	list-style: none;
}



.li_f1 a:link {
	color: #666;
	text-decoration: none;
	outline: none;
}


.li_f1 a:visited {
	color: #666;
	text-decoration: none;
}


.li_f1 a:hover {
	color: #7DA2CD;
	text-decoration: none; 
}


/*   mobile　メニューのリストマークなど　*/


.menu_f {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	color: #666;
}


.menu_f ul{
	font-size: 0;
}


.menu_f li{ 
list-style: none;
font-size: 0.9em;; 
display:inline-block;
float: left; 
margin-left: 2%;
margin-rigth: 2%;
margin-bottom: 8px;
width: 45%;
border-bottom: dotted 1px #999;
text-indent: 0.5em;
line-height: 2.5rem;
}

.menu_f li:before {
  font-family: FontAwesome;
  content: '\f105'; /* アイコンのunicode */
}


.menu_f a:link {
	color: #666;
	text-decoration: none;
	outline: none;
}


.menu_f a:visited {
	color: #666;
	text-decoration: none;
}


.menu_f a:hover {
	color: #a61021;
	text-decoration: none; 
}


.copyright{
	color: #666;
	text-align: center;
	font-size: 0.6em;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 12px;
	/*padding-bottom: 12px; */
}


.footer_information{
	margin-top: 2em;
	padding-top: 1.5em;
	border-bottom:  1px solid #4e9e1a;   
    vertical-align: bottom;
	
}



@media (max-width: 988px) {


.footer_information{
	margin-top: 2em;
	padding-top: 1.5em;
	font-size: 0.8em;
}

}


@media (max-width: 580px) {

.footer_information_sp{
	margin-top: 2em;
}

.footer_information_sp1{
	margin-top: 1em;
	font-size: 0.8em;
}

}

/*　ーーーー	fontの設定　ーーーーーーーーーーーーーーーーー　*/


.att1{
	text-indent: -2em;
	padding-left: 2em;
}

.att1_1{
	text-indent: -2em;
	padding-left: 2em;
	margin-top: -1em;
}


.att2{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
}


.att2_1{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	margin-top: -1em;
}



.att2_g{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	color: #999;

	　　
}

.att2_g_1{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	color: #999;
	margin-top: -1em;
	　　
}



.att2_gr{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.8em;
	color: #a48e63;
}


.att2_ml{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.9em;
}

.att2_ml span{
	color: #c53d43;
	font-size: 1.1em;
	margin-left:2em;
}
 
 
.att3{
	text-indent: -2em;
	padding-left: 2em;
	font-size: 0.6em;
}





@media (max-width: 580px) {
	.att3{
		text-indent: -2em;
		padding-left: 2em;
		font-size: 0.6em;
		
	}
}


.att4 {
	text-indent: -1em;
	padding-left: 2em;
}

.att4_1 {
	text-indent: -1em;
	padding-left: 2em;
	margin-top: -1em;
}



.font_m1{
	margin-top: -1em;
}

.font_m1_1 {
	margin-top: -0.5em;
}


/* 電話発信 */
.tel-link {
    color: #06F;
    font-size: 16px;
    font-weight: bold;
}





/* 　テーブルの設定*/

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top: 0px solid #FFF;
} 

.table-bordered td {
  border:dotted 1px #999;
  margin: 6px;
}





.table-bordered1 td {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	
}

.table-bordered1 th {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 2em;
	font-weight: 100;
	text-align: right;
	vertical-align: bottom;
}




@media (max-width: 580px) {
.table-bordered1 th {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 0em;
	font-weight: 300;
	font-size: 0.9em;
}


}



#gnavi .navbar-collapse collapse in{
	padding-bottom: 48px;
	padding-left: 0px;
	margin-left: 0px;
}

@media(max-width: 767px) {
    #gnavi {
        padding-bottom: 20px;
    }
}

.menu_g{
	margin-left: 0px;
	padding-left: 0px;
}

.menu_g li{ 
display: inline; 
padding-bottom: 6px;
margin: 0; 
float: left;
width: 40%;
border-bottom: dotted 1px #666;
margin-bottom: 8px;
margin-left: 5%;
margin-right: 5%;
text-align: center;
font-size: 0.8em;
}


.top{
	margin-top: 2px;
}


/*   hamburger　button　　*/

.navbar-default .navbar-toggle {
	border-color: #666;
}

.navbar-default .navbar-toggle  .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:visited{
	background-color: #fff;
}

.navbar-toggle:hover .navbar-default .navbar-toggle:focus {
	background-color: #f2f2f2;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #666;
}



/*   パンクズ　　*/
.breadcrumbs{
	font-size: 0.7em;
	margin-bottom: 0.2em;
}


/*-----------------------------------------------------
	 スライダー　 ----------------------------------------------------- */
	 
.bg-slider {
	/* width: 100%; */ /* ぶれ止め*/
	height: 40vh;　/* 下部の隙間に注意*/
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: inherit;
	margin-top: 3px;
	
}



.bg-slider__title{
	color: #fff;
	font-size: 3rem;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}



.bg-slider1 {
	/* width: 100%; */ /* ぶれ止め*/
	height: 45vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: inherit;
	margin-top: 3px;
}



.bg-slider1__title{
	color: #fff;
	font-size: 3rem;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}


/*--------------------------------------------------------------------
	 contents　 ----------------------------------------------------- */


 
 
 .btn_header{
	 font-size: 0.9em;
	
	 margin-top: 0.5rem;
	 float: right;
	 margin-left: 1rem;
	 margin-right: 1rem;
	 background-color: #a61021;
	 color: #fff;
	 border: 1px solid #a61021;
 }
 

 
.btn_header a:link {
	background-color: #a61021;
	 color: #fff;
	 padding: 0 2em;
	 border: 1px solid #a61021;
	text-decoration: none;
	outline: none;
	display: block;
}


.btn_header a:visited {
	cbackground-color: #a61021;
	 color: #fff;
	 
	 border: 1px solid #a61021;
	text-decoration: none;
}


.btn_header a:hover {
	background-color: #fff;
	border: 1px solid #a61021;
	color: #a61021;
	text-decoration: none; 
}


 @media (max-width: 580px) {
.btn_header{
	 font-size: 0.9em;

	 margin-top: 0.5rem;
	 float: none;
	 margin-left: auto;
	 margin-right: auto;
	 background-color: #a61021;
	 color: #fff;
	 border: 1px solid #a61021;
	 text-align: center;
 }


.btn_header a:link {
	background-color: #a61021;
	 color: #fff;
	 padding: 0 0em;
	 border: 1px solid #a61021;
	text-decoration: none;
	outline: none;

}


}


/*　ーーーー	お問い合わせフォーム　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
 

.form-width { 
	width: 100%;
	height: 2.5em;
	}
	
.form-width1 { 
	width: 100%;
	padding: 0.5em 1em;
	height: 2.5em;	
}


.form-width2 { 
	width: 100%;
	padding: 0.5em 1em;
	height: 10em;	
}



@media (max-width: 580px) {
.form-width2 { 
	width: 100%;
	padding: 0.5em 1em;
	height: 5em;	
}


}

.wpcf7-textarea{
	border: 1px solid #d6d6d6;
	
}

.wpcf7-submit {
	font-size: 17px;
	padding: 6px 40px;
	background: #e9e9e9; 
	color: #363B3F;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 4px #dcdcdc;
}
.wpcf7-submit:hover {
	background-color: #dcdcdc;
	color: #dc143c;
}

.wpcf7c-conf {
    background-color: #fbf8ef;
    color: black;
    border: 1px solid #d3bc5d;
}


.text_form_1{
	font-size: 1.1em;
}
.text_form_2{
margin-top: 3rem;
margin-bottom: 0.5rem;
}


.text_form_3{
	font-size: 0.7em;
	color: #dc143c;
}

.form-mb1 { 
	margin-bottom: 3rem;	
}

/*  .text_price::after {   2021/03/10　表示変更
  content: "(税込)"; 
  font-size: 0.7em;
}  */

.text_price::after {
  content: ""; 
  font-size: 0.7em;
}



@media (max-width: 580px) {

.mb_inquiry_st1{
	margin-bottom: 6em;
    }

}


/*　ーーーー	表の設定　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/


/*　ーーーー	基本の表の設定　ーーーーーーーーーーーーーーーーー　*/
.table.table-style1>thead>tr>th, .table-style1>tbody>tr>th, .table-style1>tfoot>tr>th, .table-style1>thead>tr>td, .table-style1>tbody>tr>td, .table-style1>tfoot>tr>td {
border-top        : 1px solid #666;
border-bottom     : 1px solid #666;
} 

.table-style1 td {
border-top        : solid 1px #666;
border-bottom     : solid 1px #666;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
width             : 70%;
}

.table-style1 th {
border-top        : solid 1px #666;
border-bottom     : solid 1px #666;
border-left       : none;
border-right      : dotted 1px #666;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 30%;
text-align        : left;
font-weight: normal;
}



/*mobile向け*/

@media (max-width : 580px) {
	
table.table-style1>thead>tr>th, .table-style1>tbody>tr>th, .table-style1>tfoot>tr>th, .table-style1>thead>tr>td, .table-style1>tbody>tr>td, .table-style1>tfoot>tr>td {
border-top        : 0px solid #666;
border-bottom     : 1px solid #666;
}

.table-style1{
border-bottom     : none;
}


.table-style1 td {
border-top        : none;
border-bottom     : none;
border-left       : none;
border-right      : none;
width             : 100%;
display           : block;
border-top        : none;
}

.table-style1 th {
background-color  : #666;
color             : #fff;
font-family	: hannari,sans-serif;
font-weight: normal;
font-size: 1.3em;
border-top        : none;
border-bottom     : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;
vertical-align    : bottom;
text-align        : center;
width             : 100%;
display           : block;
border-top        : none;
padding-top       : 0.2rem;
padding-bottom    : 0.2rem;
}

}




/*　ーーーー	線のあるタイプ　ーーーーーーーーーーーーーーーーー　*/


.table.table-bordered1>thead>tr>th, .table-bordered1>tbody>tr>th, .table-bordered1>tfoot>tr>th, .table-bordered1>thead>tr>td, .table-bordered1>tbody>tr>td, .table-bordered1>tfoot>tr>td {
  border-top: 1px solid #ddd;
}


.table-bordered1 td {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	
}

.table-bordered1 th {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 2em;
	font-weight: 100;
}


@media (max-width: 580px) {
.table-bordered1 th {
 border-top:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 0em;
	font-weight: 300;
	font-size: 0.9em;
}


}


.table.table-bordered2>thead>tr>th, .table-bordered2>tbody>tr>th, .table-bordered2>tfoot>tr>th, .table-bordered2>thead>tr>td, .table-bordered2>tbody>tr>td, .table-bordered2>tfoot>tr>td {
  border-top: 1px solid #93b881;
}


.table-bordered2 td {
 border-top:solid 1px #93b881;
 border-bottom:solid 1px #93b881;
    margin: 6px;
    border-left: none;
	border-right: none;
	padding: 0.8em 0.5em 0.8em 0.5em;
	
}

.table-bordered2 th {
 border-top:solid 1px #93b881;
 border-bottom:solid 1px #93b881;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 2em;
	font-weight: 100;
}


@media (max-width: 580px) {
.table-bordered2 th {
 border-top:solid 1px #93b881;
 border-bottom:solid 1px #93b881;
    margin: 6px;
    border-left: none;
	border-right: none;
	text-indent: 0em;
	font-weight: 300;
	font-size: 0.9em;
}


}



.table-bordered3{
	width: 100%;
}

.table-bordered3 td {
 border-top:solid 1px #93b881;
 border-bottom:solid 1px #93b881;
    margin: 6px;
    border-left: none;
	border-right: none;
	padding: 0.5em 0.1em 0.5em 0.1em;
	
}

.table-bordered3 th {
 border-top:solid 1px #93b881;
 border-bottom:solid 1px #93b881;
    margin: 6px;
    border-left: none;
	border-right:  solid 1px #93b881;
	font-weight: 100;
	padding-left: 1em;
	padding-right: 1em;
	
}


@media (max-width: 580px) {
	
.table-bordered3 {
	width: 100%;
}
		
.table-bordered3 th {
 border-top:solid 1px #93b881;
 border-bottom:solid 1px #93b881;
    margin: 6px;
    border-left: none;
	border-right: solid 1px #93b881;
	width: 60%;
}


}




.table.table-ranking>thead>tr>th, .table-ranking>tbody>tr>th, .table-ranking>tfoot>tr>th, .table-ranking>thead>tr>td, .table-ranking>tbody>tr>td, .table-ranking>tfoot>tr>td {
  border-top: none;
}

.table-ranking {
	width: 100%
}

.table-ranking td {
	font-size: 1em !important;
	font-weight:400;
	color: #999;
	text-align: center;
 	border-top: none;
 	border-bottom: none;
    margin: 6px;
    border-left: none;
	border-right: none;
width: 20%;
	
	
}

.table-ranking th {
	text-align: center;
	font-size: 1.1em !important;
	/*color: #93b881; */
	color: #547557;
	font-weight:bold;
 	border-top: none;
 	border-bottom:none;
    margin: 6px;
    border-left: none;
	border-right: none;;
	font-weight: 100;
	}


@media (max-width: 580px) {
	
.table-ranking th {
font-size: 0.8em !important;
font-weight:bold;

}
.table-ranking td {
	font-size: 1.2em;
	font-weight:bold;
	}

}



@media (min-width: 1180px) {
	
.table-ranking th {
font-size: 1.3em;

}

.table-ranking td {
font-size: 1.2em;

}


}






/*　ーーーー	客室詳細　ーーーーーーーーーーーーーーーーー　*/
.table.table-room>thead>tr>th, .table-room>tbody>tr>th, .table-room>tfoot>tr>th, .table-room>thead>tr>td, .table-room>tbody>tr>td, .table-room>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;
} 

.table-room td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
width             : 70%;
}

.table-room th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : none;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 30%;
text-align        : left;
font-weight: normal;
}



/*mobile向け*/

@media (max-width : 580px) {
	
table.table-room>thead>tr>th, .table-room>tbody>tr>th, .table-room>tfoot>tr>th, .table-room>thead>tr>td, .table-room>tbody>tr>td, .table-room>tfoot>tr>td {
border-top        : 0px solid #ece7d4;
border-bottom     : 1px solid #ece7d4;
}

.table-room{
border-bottom     : none;
}


.table-room td {
border-top        : none;
border-bottom     : none;
border-left       : none;
border-right      : none;
width             : 100%;
display           : block;
border-top        : none;
}

.table-room th {
background-color  : #ece7d4;
color             : #fff;
font-family	: hannari,sans-serif;
font-weight: normal;
font-size: 1.3em;
border-top        : none;
border-bottom     : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;
vertical-align    : bottom;
text-align        : center;
width             : 100%;
display           : block;
border-top        : none;
padding-top       : 0.2rem;
padding-bottom    : 0.2rem;
}

}



/*　ーーーー	ご利用時間などの各種詳細　ーーーーーーーーーーーーーーーーー　*/
.table.table-detail>thead>tr>th, .table-detail>tbody>tr>th, .table-detail>tfoot>tr>th, .table-detail>thead>tr>td, .table-detail>tbody>tr>td, .table-detail>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;
} 

.table-detail td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
width             : 70%;
/* background-color: #f1f1f1; */
background-color: #fff;
}

.table-detail th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : none;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 30%;
text-align        : left;
font-weight: normal;
/* background-color: #f6f5ee; */
background-color: #f8fbf8;
}

.table-detail a:link {
	color: #547557;
	text-decoration: none;
	outline: none;
}
.table-detail a:visited {
	color: #547557;
	text-decoration: none;
	outline: none; 
}
.table-detail a:hover {
	/*color: #455ED1;*/
	color: #455ED1;
	/* text-decoration: underline; */
	text-decoration: none;
	outline: none; 
}
.table-detail a:active {
	color: #547557;
	text-decoration: none;
	outline: none; 
}



/*mobile向け*/

@media (max-width : 580px) {
	
table.table-detail>thead>tr>th, .table-detail>tbody>tr>th, .table-detail>tfoot>tr>th, .table-detail>thead>tr>td, .table-detail>tbody>tr>td, .table-detail>tfoot>tr>td {
border-top        : 0px solid #ece7d4;
/* border-bottom     : 1px solid #93b881; */
border-bottom     : 1px solid #fff;
padding: 4px;
}

.table-detail{
border-bottom     : none;
}


.table-detail td {
border-top        : none;
border-bottom     : none;
border-left       : none;
border-right      : none;
width             : 100%;
display           : block;
border-top        : none;
}

.table-detail th {
background-color  : #7da3a1;
color             : #fff;
/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif; */
font-family	: hannari,sans-serif;
font-weight: normal;
font-size: 1em;
border-top        : none;
border-bottom     : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;
vertical-align    : bottom;
text-align        : center;
width             : 100%;
display           : block;
border-top        : none;
padding-top       : 0.5em;
padding-bottom    : 0.5em;
border-radius: 2px;
}

}



/*　ーーーー	ご利用時間などの各種詳細1　ーーーーーーーーーーーーーーーーー　*/
.table.table-detail1>thead>tr>th, .table-detail1>tbody>tr>th, .table-detail1>tfoot>tr>th, .table-detail1>thead>tr>td, .table-detail1>tbody>tr>td, .table-detail1>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;
padding: 4px;
} 

.table-detail1{
	

min-width: 560px;
}

.table-detail1 td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : solid 1px #93b881;
border-right      : solid 1px #93b881;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
/* background-color: #f1f1f1; */
}

.table-detail1 th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : solid 1px #93b881;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 5%;
text-align        : left;
font-weight: normal;
background-color: #f6f5ee;
}

.table-detail1 tr:nth-child(odd) td {  
  background-color: #fff;  
}
.table-detail1 tr:nth-child(even) td {  
  background-color: #f5f5f5;  
}  

 
 
 
/*aestheticの料金専用*/
.table.table-detail_aes>thead>tr>th, .table-detail_aes>tbody>tr>th, .table-detail_aes>tfoot>tr>th, .table-detail_aes>thead>tr>td, .table-detail_aes>tbody>tr>td, .table-detail_aes>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;
/* color: #93b881; */
color: #999;
} 

.table-detail_aes td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
width             : 20%;
/* background-color: #f1f1f1; */
background-color: #fff;
}

.table-detail_aes th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : none;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 80%;
text-align        : left;
font-weight: normal;
background-color: #fff;
}



/*mobile向け*/

@media (max-width : 580px) {
	
table.table-detail_aes>thead>tr>th, .table-detail_aes>tbody>tr>th, .table-detail_aes>tfoot>tr>th, .table-detail_aes>thead>tr>td, .table-detail_aes>tbody>tr>td, .table-detail_aes>tfoot>tr>td {
border-top        : 1px dotted #93b881;
border-bottom     : 0px dotted #93b881;
}

.table-detail_aes{
border-bottom     : none;
}


.table-detail_aes td {
border-top        : none;
border-bottom     : none;
border-left       : none;
border-right      : none;
width             : 100%;
display           : block;
border-top        : none;
margin-bottom: 2em;
text-align        : right;
font-size: 1.3em;
}

.table-detail_aes th {
background-color  : #fff;
font-family	: hannari,sans-serif;
font-weight: normal;
font-size: 1.1em;
border-top        : none;
border-bottom     : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;
vertical-align    : bottom;
text-align        : left;
width             : 100%;
display           : block;
padding-top       : 0.2rem;
padding-bottom    : 0.2rem;
}

}




/*絵本の一覧表*/
.table.table-ehon>thead>tr>th, .table-ehon>tbody>tr>th, .table-ehon>tfoot>tr>th, .table-ehon>thead>tr>td, .table-ehon>tbody>tr>td, .table-ehon>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;
} 

.table-ehon td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;

}

.table-ehon th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : none;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
text-align        : left;
font-weight: normal;

}





/*mobile向け*/

@media (max-width : 580px) {
	
table.table-ehon>thead>tr>th, .table-ehon>tbody>tr>th, .table-ehon>tfoot>tr>th, .table-ehon>thead>tr>td, .table-ehon>tbody>tr>td, .table-ehon>tfoot>tr>td {
border-top        : 1px dotted #93b881;
border-bottom     : 1px dotted #93b881;
}

.table-ehon{
border-bottom     : none;
}


.table-ehon td {
border-top        : none;
border-bottom     : none;
border-left       : none;
border-right      : none;
/* width             : 100%; */


}

.table-ehon th {
font-weight: normal;
border-top        : none;
border-bottom     : none;
 
border-left       : none;
border-right      : none;
padding-left      : 0rem;


padding-top       : 0.2rem;
padding-bottom    : 0.2rem;
}

}


.table-ehon tr:nth-child(odd) td {  
  background-color: #fff;  
}
.table-ehon tr:nth-child(even) td {  
  background-color: #f5f5f5;  
}  
 
.table-ehon tr:nth-child(odd) th {  
  background-color: #fff;  
}
.table-ehon tr:nth-child(even) th {  
  background-color: #f5f5f5;  
}  



.table.table-detail_menu>thead>tr>th, .table-detail_menu>tbody>tr>th, .table-detail_menu>tfoot>tr>th, .table-detail_menu>thead>tr>td, .table-detail_menu>tbody>tr>td, .table-detail_menu>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;
} 

.table-detail_menu td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : none;
border-right      : none;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
padding-left: 2em;
width             : 30%;
/* background-color: #f1f1f1; */
background-color: #fff;
}

.table-detail_menu th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : none;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 40%;
text-align        : left;
font-weight: normal;
background-color: #f6f5ee;
}





/*　ーーーー	セクション　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/


.section1{

	padding-top: 5em;
	/* padding-bottom: 10em;*/
	margin-bottom: 10em;
	margin-left: 0px;
	margin-right: 0px;
}

.section2{
	/* background-color: #F6F6F4; */
	background-color: #FFF;
	padding-top: 5em;
	/* padding-bottom: 10em;*/
	margin-bottom: 5em;
	margin-left: 0px;
	margin-right: 0px;
}


.section3{
	/* background-color: #F6F6F4; */
	background-color: #FFF;
	/* padding-bottom: 10em;*/
	margin-left: 0px;
	margin-right: 0px;
}


.section_ranking{
	background-color: #FAF9F6;
	margin-top: 4em;
	margin-bottom: 4em;
	padding-top: 4em;
	padding-bottom: 4em;
	overflow: hidden;
	
}


.section_st1{
	margin-top: -1em;
	margin-bottom: 6em;
}

@media (max-width: 580px) {

.section_st1{
	margin-top: -1em;
	margin-bottom: 2em;
}
}

/*　ーーーー	レイアウト　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	
.row_st1{
	margin-top: 14vh;
}

.row_st2{
	margin-top: 10vh;
}

.row_st3{
	margin-top: 6vh;
}

.row_st4{
	margin-top: 4vh;
}

.row_st5{
	margin-top: 2vh;
}

.row_st6{
	margin-top: 1vh;
}


.bm_st1{
	margin-bottom: 1em;	
}

.bm_st1{
	margin-bottom: 1em;	
}
.bm_st2{
	margin-bottom: 2em;	
}
.bm_st3{
	margin-bottom: 3em;	
}
.bm_st4{
	margin-bottom: 4em;	
}
.bm_st5{
	margin-bottom: 5em;	
}


.textbox_st1{
	margin-bottom: 2em;
}

.textbox_st2{
	margin-bottom:4em;
}

.textbox_st3{
	margin-bottom:6em;
}


.row_st_mb1{
	margin-bottom: 4vh;
}

.row_st_mb2{
	margin-bottom: 3vh;
}

.row_top_st1{
	margin-top: 10em;
	margin-bottom: 8em;
	
}

.row_top_st2{
	margin-top: 5em;
	/* margin-bottom: 8em; */
	
}

@media (max-width: 580px) {

.row_st1{
	margin-top: 7vh;
}
.row_st2{
	margin-top: 4vh;
}

.row_xs_st1{
	margin-top: 2vh;
}


.row_xs_st2{
	margin-top: 1vh;
}

.row_top_st1{
	margin-top: 0em;
}

.row_top_st2{
	margin-top: 5em;
	margin-bottom: 4em;
	
}

}


/*　ーーーー	レイアウト　補助　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	
/* コンテンツ上部の余白 */
	
.mt_st1{
	margin-top: 14vh;
}

.mt_st2{
	margin-top: 10vh;
}

.mt_st3{
	margin-top: 6vh;
}

.mt_st4{
	margin-top: 4vh;
}

.mt_st5{
	margin-top: 2vh;
}

.mt_st6{
	margin-top: 1vh;
}




/* Mobile端末の余白 */

@media (max-width: 580px) {

.mt_s_st1{
	margin-top: 1vh;
}

.mt_s_st2{
	margin-top: 2vh;
}

.mt_s_st3{
	margin-top: 3vh;
}

.mb_s_st1{
	margin-bottom: 1em !important;
}
.mb_s_st2{
	margin-bottom: 2em !important;	
}
.mb_s_st3{
	margin-bottom: 3em !important;	
}
.mb_s_st4{
	margin-bottom: 4em !important;	
}
.mb_s_st5{
	margin-bottom: 5em !important;	
}
.mb_s_st6{
	margin-bottom: 6em !important;	
}
.mb_s_st7{
	margin-bottom: 7em !important;	
}
.mb_s_st8{
	margin-bottom: 8em !important;	
}


}


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



/*タブレットでの表示*/
.visible-tb{
	display: none !important;
}

@media (max-width: 960px) {

.visible-tb{
	 display: block !important;
  }

}




/* 背景色のある箇所*/
.box_st1{
	background-color: #fff; /*基準　#f6f5ee;*/
	padding: 2em;
	margin: 0px;
}

.box_st2{
	background-color: #f4faee;
	padding: 2em;
	margin: 0px;
}

.box_contact1{
	width: 50%;
	/* background-color: #e9fadb; */
	background-color: #fff;
	padding: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid #93b881;
	
}

.box_contact2{
	width: 80%;
	/* background-color: #e9fadb; */
	background-color: #f8fbf8;
	padding: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	/* border: 2px solid #93b881; */
	/* 2019/10/11　角丸　に変更　2024/12/26　再変更*/
    border-radius: 8px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	
}

.box_contact3{
	width: 90%;
	/* background-color: #e9fadb; */
	background-color: #fff;
	padding: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	 border: 2px solid #93b881; 
	   /* 2019/10/11　角丸　に変更　*/
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	
}


@media (max-width: 980px) {
.box_contact2{
	width: 100%;
	/* background-color: #e9fadb;
	background-color: #fff;
	padding: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 2px solid #93b881; */
	
}

	}
@media (max-width: 580px) {

.box_st1{
	background-color: #ffff;
	padding: 0.5em;
	margin: 15px;
	font-size: 0.9em;
	/* border: 1px solid #f6f5ee; */
}


.box_st2{
	background-color: #f4faee;
	padding: 2em;
	margin: 15px;
}


.box_contact1{
	width: 100%;
	/* background-color: #e9fadb; */
	background-color: #fff;
	padding: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
	border: 1px solid #93b881;
	
}

.box_contact2{
	width: 100%;
	/* background-color: #e9fadb; */
	padding: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	/* border: 1px solid #93b881; */
	
}

.box_contact3{
	width: 100%;
	/* background-color: #e9fadb; */
	background-color: #fff;
	padding: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
	 border: 2px solid #93b881; 
	   /* 2019/10/11　角丸　に変更　*/
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	
}

}


/* 背景色のある箇所*/
.box_col_1{
	min-height: 30vh;
}

.box_col_2{
	min-height: 40vh;
}

.box_col_3{
	min-height: 50vh;
}


.box_col_11{
	min-height: 500px;
}

.box_col_11_1{
	min-height: 720px; /* 2023/05/31　600から変更 */
}


.box_col_11_2{
	/* min-height: 620px; */
	min-height: 560px;
}

.box_col_11_p{
	min-height: 480px;
}


.box_col_12{
	min-height: 450px;
}


.box_col_13{
	min-height: 400px;
}

@media (max-width: 580px) {

.box_col_11_1{
	min-height: 300px;
}

.box_col_11_2{
	/* min-height: 620px; */
	min-height: 260px;
	margin-bottom: 4em;
}


.box_col_11_p{
	min-height: 280px;
}


}


.box_bp_st1{
	padding-bottom: 3em;
	border-bottom: 2px dotted #e8e7e0;
	margin-bottom: 3em;
}



/*横幅いっぱいの画像*/
p.resizeimage img { 
	width: 100%; }


@media (min-width: 2200px) {

p.resizeimage img { 
	width: 2200px;
	margin-left: auto;
	margin-right: auto; }

}

/*横幅いっぱいの画像*/
.banner_1 { 
	margin-bottom: 1em;
}



.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}


/*　ーーーー	フォントの設定　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

h2{
	font-size: 2.5vw;
	margin-bottom: 1em;
	
}

h3{
	font-size: 1.8vw;
	margin-bottom: 1em;
}


@media (min-width: 980px) {
	
h2{
	font-size: 2em;
	margin-bottom: 1em;
	
}

h3{
	font-size: 1.8em;
	margin-bottom: 1em;
}

}


@media (max-width: 580px) {
	
h2{
	font-size: 2em;
	margin-bottom: 1em;
	
}

h3{
	font-size: 1.5em;
	margin-bottom: 1em;
}

}




/*　ーーーー	見出しの文字の設定　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
.headline_text_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 2.8vw;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #547557;
}


.headline_text_2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	/* font-size: 2.2em; */
	font-size: 2.2vw;
	text-align: left;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #547557;
	color: #547557;
	
}


.headline_text_2_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	/* font-size: 2.2em; */
	font-size: 2.2vw;
	text-align: left;
	color: #547557;


	
}


.headline_text_3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.8em;
	text-align: left;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #547557;
	color: #547557;
}

.headline_text_4{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.8vw;
	text-align: left;
	padding-bottom: 0.2em;
	line-height: 1.2em;
	color: #547557;
}


.headline_text_4_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.2em;
	text-align: left;
	padding-bottom: 0.2em;
	color: #547557;
	
}

/* 客室名称専用*/
.headline_text_4_1_a{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.3em;
	text-align: left;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
	color: #547557;
}



/*  8つの魅力専用　*/
.headline_text_l1_m{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 2.6vw;
	color: #597b16;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 2em;
	color: #547557;
}





.headline_text_bl1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	border-bottom: solid 3px #d6e9ca;
	position: relative;
	padding-bottom: 0.3em;
	color: #547557;
}

.headline_text_bl1:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #93b881;
	bottom: -3px;
	width: 30%;
}



@media (min-width: 1050px) {
	
.headline_text_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 2.8em;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
}



/*  8つの魅力専用　*/
.headline_text_l1_m{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 2.8em;
	color: #597b16;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 2em;


}

.headline_text_2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	/* font-size: 2.2em; */
	font-size: 2.0em;
	text-align: left;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #547557;
	
}

.headline_text_2_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	/* font-size: 2.2em; */
	font-size: 2.0em;
	text-align: left;
	
}


.headline_text_4{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.4em;
	text-align: left;
	padding-bottom: 0.2em;
	
}



.headline_text_4_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.5em;
	text-align: left;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em !important;
	
}



}



@media (max-width: 1080px) {

.headline_text_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.8em;
	text-align: center;
	line-height: 1.2;
}

.headline_text_2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.5em;
	text-align: left;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #547557;
	
}

.headline_text_2_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.5em;
	text-align: left;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #547557;
	
}


/*  8つの魅力専用　*/
.headline_text_l1_m{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.5em;
	color: #597b16;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 2em;


}


.headline_text_4{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 2vw;
	text-align: left;
	padding-bottom: 0.2em;
	
}


.headline_text_4_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.4em;
	text-align: left;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
}






}

@media (max-width: 960px) {
	.headline_text_4_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.2em;
	text-align: left;
	padding-bottom: 0.2em;
	height: 2em;    /* マッサージツインが2行になるための処理*/
}

}

@media (max-width: 680px) {
	
/*  8つの魅力専用　*/
.headline_text_l1_m{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.5em;
	color: #597b16;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 1em;

}

.headline_text_4{
	font-size: 1.4em;
	
	}
	.headline_text_4_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.5em;
	text-align: left;
	padding-bottom: 0.2em;
	height: 1em;     /*マッサージツインが2行になるための処理*/
	margin-bottom: 1em !important;
}


.top_info_text_2{
	margin-top: 0.5em !important;
}

}




.text_f1{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
  color: #597b16;
}



 /* 中寄せ　*/
.text_ce{
	text-align: center;
}



/* sabtextなどのstyle*/

.text_l1{
	font-size: 1.2em;
}

.text_l1_1{
	font-size: 1.3em;
}


.text_l2{
	font-size: 1.5em;
}

.text_s1{
	font-size: 0.8em;
}
.text_s2{
	font-size: 0.7em;
}

.text_s3{
	font-size: 0.5em;
}

 /* 既定色のフォント　*/
.text_gr1{
	color: #547557
	
}

 /* 既定色のフォント_予備　*/
.text_gr2{
	color: #547557;
}

 /* 既定色のフォント_予備　*/
.text_gr3{
	color: #547557;
}


 /* 赤色のフォント　*/
.text_red{
	color: #b22222;
}

.text_ul{
	text-decoration : underline;
}


.text_equipment{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	text-indent: 1em;
	color: #547557;
	margin-bottom: -0.5em;
}


.text_ranking{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	
}

@media (max-width: 580px) {
.text_equipment{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	text-indent: 0em;
	color: #547557;;
	text-align: center;
}

}
 
 /* 説明文　*/
 
 .description_1{
	 margin-top: 1.5em;
 }
 
 
 /* 追加お料理の料金　*/
 .text_select1{
	height: 3.5em;
}


/*　ーーーー	画像関係　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	
.round1{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}


.round2{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/*　SNSアイコン　*/
.img_ico{
	width: 5em;
}

@media (max-width: 580px) {
.img_st2_m1{
	width: 50%;
}

.img_ico{
	width: 3em;
}

}

/*　ーーーー	ボタン　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/


/* 基本のボタン1 */
.btn_r1 {  
    border-radius: 5px;        
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;   
}
/* ボタン共通 */
.button1 {
	overflow: hidden;
	width: 20em;
	 /* height: 3em; 2018/10/18　*/
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
}
.button1 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #fff;
	color: #547557;
	font-size: 1em;
	line-height: 3em;
	text-decoration:none;
}
.button1 a:hover {
	background: #fdfaf5;  /* マウスオーバーカラー */  
}

@media (max-width: 990px) {
/* ボタン共通 */
.button1 {
	overflow: hidden;
	width: 15em;
	/*  height: 3em;  2018/10/18　delete　*/
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
}

}

@media (max-width: 580px) {
/* ボタン共通 */
.button1 {
	overflow: hidden;
	width: 20em;
	height: 3em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
}

}



/* 基本のボタン2 */
.btn_r2 {  
    border-radius: 5px;        
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;   
}
/* ボタン共通 */
.button2 {
	overflow: hidden;
	width: 60%;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
}
.button2 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #fff;
	color: #547557;
	font-size: 14px;
	line-height: 2em;
	text-decoration:none;
}
.button2 a:hover {
	background: #fdfaf5;  /* マウスオーバーカラー */  
}

@media (max-width: 980px) {

/* ボタン共通 */
.button2 {
	overflow: hidden;
	width: 80%;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 1em;
}
}

/* 基本のボタン3 */

/* ボタン共通 */
.button3 {
	overflow: hidden;
	width: 240px;;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
}
.button3 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #fff;
	color: #547557;
	font-size: 14px;
	line-height: 2em;
	text-decoration:none;
}
.button3 a:hover {
	background: #fdfaf5;  /* マウスオーバーカラー */  
}




/* 基本のボタン4 */
.btn_r2 {  
    border-radius: 5px;        
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;   
}
/* ボタン共通 */
.button4 {
	overflow: hidden;
	width: 80%;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}
.button4 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #fff;
	color: #547557;
	font-size: 14px;
	line-height: 2em;
	text-decoration:none;
}
.button4 a:hover {
	background: #fdfaf5;  /* マウスオーバーカラー */  
}

@media (max-width: 980px) {

/* ボタン共通 */
.button4 {
	overflow: hidden;
	width: 60%;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}
}


/* 基本のボタン5 */
.btn_r5 {  
    border-radius: 5px;        
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;   
}
/* ボタン共通 */
.button5 {
	overflow: hidden;
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
}
.button5 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #fff;
	color: #547557;
	font-size: 14px;
	line-height: 2em;
	text-decoration:none;
}
.button5 a:hover {
	background: #fdfaf5;  /* マウスオーバーカラー */  
}

@media (max-width: 980px) {

/* ボタン共通 */
.button5 {
	overflow: hidden;
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
	border: solid 1px #93b881;
	margin-top: 2em;
}
}



#btn_1 a:before {        /*白いひし型 */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #93b881;
}
#btn_1 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#btn_1 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	background: #f6f7ef;
}





/* プラン表示のボタン　Topページは専用のボタン有*/
.button_plan {
   width: 20em;
  padding:1rem;
  color:#93b881;
  font-size: 1em;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 1px solid #93b881;
  -webkit-box-shadow:0px 0px 0px 1px #93b881 inset;
  -moz-box-shadow:0px 0px 0px 1px #93b881 inset;
  box-shadow:0px 0px 0px 1px #93b881 inset;
  display: block;
  position:relative;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-top: 2em;


}


.button_plan::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #93b881;
}


.button_plan:hover::after {
  animation: arrow .4s;
}




/*　ーーーー	トップページ関係　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/



.t_con1{
	background-image: url(images/bg_t_spa2.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 5em;
	/* padding-bottom: 10em;*/
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50vh;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #000;
	
}


.t_con2{
	background-image: url(images/bg_t_room1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 5em;
	/* padding-bottom: 10em;*/
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50vh;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #000;
}


.t_con3{
	background-image: url(images/bg_t_cuisine1.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 5em;
	/* padding-bottom: 10em;*/
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50vh;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #000;
}




@media (max-width: 580px) {
.t_con1{
	background-image: url(images/bg_t_spa2_sp.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 6em;
	/* padding-bottom: 10em;*/
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50vh;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #000;
}


.t_con2{
	background-image: url(images/bg_t_room1_sp.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 6em;
	/* padding-bottom: 10em;*/
	margin-left: 0px;
	margin-right: 0px;
	min-height: 50vh;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	color: #fff;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #000;
}


}

.section_t1{

	padding-top: 5vw;
	margin-bottom: 5vw;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 40vh;
}


.text_con1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	/* font-size: 4vw; */
	font-size: 2.5vw;
	
	margin-bottom: 1em;
	/* color: #93b881; */
}


.text_con1_1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 3.3vw;
	
	margin-bottom: 0.5em;
}



.text_con2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	/* font-size: 2.2vw; */
	font-size: 1.8em;
	text-align: center;
	margin-bottom: 0.5em;
}

.text_con3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

.img_w_1{
	width: 20vw;
}


@media (max-width: 580px) {

.text_con1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}
}




/*   予約ボタンの箇所　*/
.btn-yoyaku1 {
   width: 60%;
  padding:1rem;
  color:#547557;
  font-size: 0.8em;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  /* background: #93b881;  2019/10/08　変更 */
  background: #fff;
  border: 1px solid #547557;
  /* -webkit-box-shadow:0px 0px 0px 1px #fff inset;
  -moz-box-shadow:0px 0px 0px 1px #547557 inset;
  box-shadow:0px 0px 0px 1px #fff; */
  position:relative;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
 
}

@media (max-width: 780px) {



.btn-yoyaku1 {
   width: 60%;
  padding:0.3em;
  color:##547557;
  font-size: 0.8em;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 1px solid #93b881;
  /*-webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
  box-shadow:0px 0px 0px 1px #ffffff inset; */
  display: block;
  position:relative;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
 
}

}


.btn-yoyaku1::after { /*矢印*/
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #547557;
}

.btn-yoyaku1:hover {
  background: #67906b;
  border-color: ##547557;
  color: #fff;
}

.btn-yoyaku1:hover::after {
  animation: arrow .4s;
  border-left-color: #fff;
}

/* .btn-yoyaku1 a  {
	color: #fff;
	text-decoration: none;
	outline: none;
}  */



/*   ボタンの位置の設定　*/
.btn_st1{
	position: absolute;
	top: 75%;
	left: 20%;
	
}





.col3 {
	margin: 0;
	padding: 0;
  display: flex;
}

.col3 li {
  width: calc(100% / 3);
  background: #000;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;

}



.col4 {
	margin: 0;
	padding: 0;
  display: flex;
}

.col4 li {
  width: calc(100% / 4);
  background: #000;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;

}


.col5 {
	margin: 0;
	padding: 0;
  display: flex;
}

.col5 li {
  width: calc(100% / 5);
  background: #000;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;

}




.motion1 {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
.motion1:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    }
    
    
   
   
/*****************************************************************************************************************************
  新着情報 基本 
******************************************************************************************************************************/


#news {
	padding: 1.2em;
	width: 90%;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	border: 1px solid #966;
	background-image: url(../image/index/bg-news.jpg);
}

#news img{
	
	margin-left: 10px;
	
}


#tc-news {
	height: auto;
}

#photo-root {
	float: right;
	margin: 10px;
	margin-top: 0;
}


#photo-root img {
	margin-left: 10px;
}

#photo-root img a {
	border: 0;
}



#news-root dl {
	margin-top: 14px;
}
#news-root dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 7.5em;
	padding-left: 5px;
	padding-bottom: 3px;
	color: #000;
	border-bottom: 1px dotted #93b881;
}

#news-root dd {
	margin-bottom: 0.8em;
	margin-left: 7.0em;
	padding-bottom: 3px;
	border-bottom: 1px dotted #93b881;
	width: 60%;
}


@media (max-width: 580px) {
#photo-root {
 display: none;
}
#news-root dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 7.0em;
	padding-left: 5px;
	padding-bottom: 3px;
	color: #000;
	border-bottom: 1px dotted #93b881;
	height: 3em;
}

#news-root dd {
	margin-bottom: 0.8em;
	margin-left: 7.0em;
	padding-bottom: 3px;
	border-bottom: 1px dotted #93b881;
	width: 70%; 
	height: 3em;
}

}



	
.btn_m1{
	margin-top: 2em;
	width: 20vw;
	max-width: 250px;
}
	

@media (max-width: 580px) {
.btn_m1{
	margin-top: 2em;
	width: 60vw;
	
}
	
}
	
	
.img_top_st1{
	width: 70%;

}





	
.top_st1{
	margin-bottom: 3vh;

}
	
@media (max-width: 980px) {
	
.img_top_st2
{
	width: 40%;

}

}
 
 
 
 @media (max-width: 580px) {
.img_top_st2
{
	width: 70%;

}

}



.bg-slider{
	
	height: 50vw;
	max-height: 700px;
	max-width: 1600;
	margin-left: auto;
	margin-right: auto;
}


/*  2018/09/06　追加テスト　*/
.bg_top1{
   background-color: rgba( 0, 0, 0, 0.2 );
   color: #fff;
   padding: 2em;
   margin: 0;
}



@media (max-width: 580px) {

.bg_top1{
   background-color: rgba( 0, 0, 0, 0.3 );
   color: #fff;
   padding{
   	padding-top: 2em;
   	padding-bottom: -1em;
   	padding-left: 2em;
   	padding-right: 2em**;
   }
   margin: 0;
}


}

.dot1
{
	 border-bottom:  2px dotted #000;
	 padding-bottom: 0.5em;
	 
}





/*****************************************************************************************************************************
パララックス
*****************************************************************************************************************************/
div.parallax{
	height:600px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;
	}
	
	
@media (max-width: 980px) {
div.parallax{
	height: 380px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;
	}

}

	
	
@media (max-width: 580px) {
div.parallax{
	height:480px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;
	}

}
	

.parallax_spa{
	background:url(https://www.airinkan.com/edit/images/pl1.jpg);	
	}


.parallax_cuisine{
	background:url(https://www.airinkan.com/edit/images/pl2.jpg);	
	}


.parallax_room{
	background:url(https://www.airinkan.com/edit/images/pl3.jpg);	
	}
	
.parallax_room_spl{
	background:url(https://www.airinkan.com/edit/images/pl_r1.jpg);	
	}


.parallax_room_suite{
	background:url(https://www.airinkan.com/edit/images/pl_r2.jpg);	
	}



/*************************
メディアクエリ
*************************/

	 
.show_tablet{
	display: none;
}

@media (max-width: 980px) {
/* @media (max-width: 960px) { */
	
/* div.parallax{
	display: none;
} 
*/

.show_tablet{
	display: block;
}

} 

@media (max-width: 580px) {
	
.show_tablet{
	display: none;
}
}





/* 2019/10/19　parallax　*/

.paraslimy-body{
	position: relative;
	z-index: 1;
	perspective: 250px;
	transform: translateZ(0);
	transform-style: preserve-3d;
	overflow: hidden;
}
.paraslimy-bg{
	position: absolute;
	z-index: -1;
	top: -12.5%;
	left: -12.5%;
	right: auto;
	bottom: auto;
	width: 225%;
	height: 225%;
	min-height: 225vh;
	transform: translateZ(-250px);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}



******************************************************************************************************************************************************************
/*full wide image*/ 
p.resizeimage img { 
	width: 100vw; 
	z-index: 99999999;
}
	 

 
 @media (max-width:760px) {
	 
p.resizeimage { 
		 display: none;
	 } 

	 }
	 
	 



/**    PS     **/

.section {
   height: 50vh;
   padding: 10% 0;
   text-align: center;
  }

  .section1 , .section3 {
    background: #fff;
  }

  @media screen and (min-width: 737px) {
    /* PCの場合の背景画像 */
    .section2 {
     background: url("https://www.airinkan.com/edit/images/top/bg_t_spa2.jpg") no-repeat fixed center center /cover;
    }
    .section4 {
     background: url("https://www.airinkan.com/edit/images/top/bg_t_room1.jpg") no-repeat fixed center center /cover;
    }
  }
  @media screen and (max-width: 736px) {
    /* スマホの場合の背景画像 */
    .section2:before{
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     z-index: -1;
    }
    /* スマホの場合は同じ要素の背景画像を変更する */
    .section2.bgA:before{
     background-image: url("https://www.airinkan.com/edit/images/top/bg_plan3.jpg");
    }

    .section2.bgB:before{
     background-image: url("https://www.airinkan.com/edit/images/top/bg_plan4.jpg");
    }
  }
  
  
  
  
  
  /* header{
	  position: fixed; 
	  width: 100%;
	   top: 0px;      
	  
  }
  */
  
  
  
  .main_spa{
	  background-image: url(images/bg_main_spa.jpg); 
	  background-size: cover;
	  text-shadow:3px 2px 3px #ffffff;
	  padding-top: 3em;
	  
	  
  }
  
 
 
 .img_top_c1{
	 width: 90%;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 
  .img_top_c2{
	 width: 80%;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 
 
 .text_top_c1{
	 width: 90%;
	 margin-left: auto;
	 margin-right: auto;
 }

 


/*　ーーーー	ここまで　トップページ関係　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/



    
 .footer_img1{
	 margin-top: 20vh;
 }

 .footer_img2{
	 margin-top: 10vh;
max-width: 12vw;
 }
.footer_box1{
	 margin-bottom:6vh;

 }
 
 .footer_box2{
	bottom: 0;

 }
 
 

ul.equipment li {
    width: calc(100% / 5);
    display:inline-table;
    margin-left: 0px;
    margin-right: 0px;
  
}

@media (max-width: 580px) {
ul.equipment li {
    width: calc(100% / 2);
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
  
}

}




/*　ーーーー	各種コンテンツ　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
/*　お部屋の備品*/


.table-detail dd {
float: left ;
margin-right: 3em ;
overflow:inherit;
/* width: 8em; 2021/12/10　変更　*/
width: 40%;
height: 1,5em;
}

@media (max-width: 580px) {

.table-detail dd{
float: left ;
margin-right: 0;
overflow:inherit;
width: 50%;
height: 1,5em;
}
}
	
/*　よくいただくご質問*/


.txet_q{
	color: #547557;
	font-size: 1.2em;
	font-weight: 600;
	border-bottom: 1px solid #547557;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	text-indent: -1.5em;
	padding-left: 1.5em;

}


.txet_q:first-letter{
  font-size:1.5em;
  font-weight: 600;
  margin-right: 0.1em;
}

.txet_a{
	
	margin-bottom: 3em;
	padding-left: 2em;
}

.txet_a_1{
	margin-left: 4em;
	margin-bottom: 1em;
}


@media (max-width: 580px) {

.txet_a{
	
	margin-bottom: 5em;
}

.txet_a_1{
	margin-left: 2em;
	margin-bottom: 1em;
}

}



/*　アクセスページ関係など */

/*　ーーーー	ご利用時間などの各種詳細　ーーーーーーーーーーーーーーーーー　*/
.table.table-access1>thead>tr>th, .table-access1>tbody>tr>th, .table-access1>tfoot>tr>th, .table-access1>thead>tr>td, .table-access1>tbody>tr>td, .table-access1>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;

} 

.table-access1{
	

min-width: 560px;
}

.table-access1 td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : solid 1px #93b881;
border-right      : solid 1px #93b881;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
/* background-color: #f1f1f1; */
}

.table-access1 th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : solid 1px #93b881;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 5%;
text-align        : left;
font-weight: normal;
background-color: #f8fbf8;
}

.table-access1 tr:nth-child(odd) td {  
  background-color: #fff;  
}
.table-access1 tr:nth-child(even) td {  
  background-color: #f5f5f5;  
}  



/* 時刻表を横スクロール */
@media (max-width: 920px) {
    .table-scroll {
        overflow-x: scroll;
    }
    }
/* 不要な列を消す 
@media (max-width: 640px) {
.table-access1 td:nth-child(3),
.table-access1 td:nth-child(3) {
        display: none;
    }
@media (max-width: 640px) {
.table-access1 td:nth-child(5),
.table-access1 td:nth-child(5) {
        display: none;
    }
    
}*/


.table-access1 tr:nth-child(odd) td {  
  background-color: #fff;  
}
.table-access1 tr:nth-child(even) td {  
  background-color: #f5f5f5;  
}  
 
 
 }  
 
 
 
 
 
 
 
 
 
 
 .table.table-access2>thead>tr>th, .table-access2>tbody>tr>th, .table-access2>tfoot>tr>th, .table-access2>thead>tr>td, .table-access2>tbody>tr>td, .table-access2>tfoot>tr>td {
border-top        : 1px solid #93b881;
border-bottom     : 1px solid #93b881;

} 

.table-access2{
	

min-width: 560px;
}

.table-access2 td {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;

border-left       : solid 1px #93b881;
border-right      : solid 1px #93b881;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
/* background-color: #f1f1f1; */
}

.table-access2 th {
border-top        : solid 1px #93b881;
border-bottom     : solid 1px #93b881;
border-left       : solid 1px #93b881;
border-right      : dotted 1px #93b881;
padding-left      : 2rem;
padding-top       : 0.5rem;
padding-bottom    : 0.5rem;
vertical-align    : top;
width             : 5%;
text-align        : left;
font-weight: normal;
background-color: #f6f5ee;
}

.table-access2 tr:nth-child(odd) td {  
  background-color: #fff;  
}
.table-access2 tr:nth-child(even) td {  
  background-color: #f5f5f5;  
}  



/* 時刻表を横スクロール */
@media (max-width: 640px) {
    .table-scroll {
        overflow-x: scroll;
    }
    }
/* 不要な列を消す 
@media (max-width: 640px) {
.table-access2 td:nth-child(5),
.table-access2 td:nth-child(5) {
        display: none;
    }
        }
@media (max-width: 640px) {
.table-access2 td:nth-child(7),
.table-access2 td:nth-child(7) {
        display: none;
    }
    
}*/


.table-access2 tr:nth-child(odd) td {  
  background-color: #fff;  
}
.table-access2 tr:nth-child(even) td {  
  background-color: #f5f5f5;  
}  
 











/*  言語の選択　*/
.language{
	width: 160px;
	text-align: right;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 24px;
	float: right;
}


.language_pc{
	display: block;
	
}
@media (max-width: 780px) {

.language_tb{
	display: none;
	
}
}


.language_tb{
	display: none;
	
}
@media (max-width: 780px) {

.language_tb{
	display: block
	
}
}


.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.select-box01 select {
	width: 10%;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	color: #000;
}

/*  IEの▼対策　*/
select::-ms-expand {
	display: none;
}



/*　ーーーー	空室検索　　　　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	
.search_pc{
border: 1px solid #93b881;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
text-align: center;
padding-top: 2em;
padding-bottom: 2em;
margin-left: 1em;
margin-right: 1em;
}
	
	
.headline_search1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.8em;
	color: #547557;
	text-align: center;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #93b881;
	width: 80%;

}


.headline_search2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.2em;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}


/***** Bestrate　変更*******************************************/


.headline_search1_a{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.8em;
	color: #547557;
	text-align: center;
	line-height: 1.2em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}


.headline_search1_b{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 1.4em;
	color: #547557;
	text-align: center;
	line-height: 1.2em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #93b881;
	width: 100%;

}

.headline_search1_b span{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho" , serif;
	font-size: 0.6em;
	color: #999;
	text-align: center;
	line-height: 1.2em;
	margin: 24px auto 1em auto;
	padding-bottom: 0.5em;
	width: 80%;

}






/****************   2024/05/06　**************************************************/

#search_489ban{
    margin: 0 auto; padding: 25px 10px; /* width: 290px */;
    background: #fafafa; border:1px solid #ccc; box-sizing: border-box;
}
#search_489ban dl{  margin: 0 0 5px; }
#search_489ban dt,
#search_489ban dd{ margin: 0; padding: 0; ; vertical-align: top;}
#search_489ban dt{ width: 80px;}
#search_489ban dd{ }
 
#search_489ban dd span,
#search_489ban label,
#search_489ban input,
#search_489ban select{  margin: 2px 2px 5px;}
 
#search_489ban ul{}
#search_489ban li{ margin-bottom: 3px; list-style: none; }
 
#search_489ban button{
    display: block; margin: 10px 0 0; padding: 7px 0;
    width: 100%; box-sizing: border-box;
}
 
#search_489ban .inbox_489ban{ clear: both;}
#search_489ban .inbox_489ban:after {
    clear: both; content: "."; 
    height: 0; font-size: 0; visibility: hidden;
}
 
#search_489ban .stay_489ban,
#search_489ban .room_489ban,
#search_489ban .person_489ban{ width: 50%; float: left;}
 
#search_489ban .stay_489ban dt,
#search_489ban .room_489ban dt,
#search_489ban .person_489ban dt{ width: auto;}
 
#search_489ban .child_489ban{
    border-bottom: 1px dotted #dedede;
}
#search_489ban .child_489ban:first-of-type{
    padding: 5px 0 0;
    border-top: 1px dotted #dedede;
}
#search_489ban .child_489ban:last-of-type{
    margin: 0 0 10px; padding: 0 0 5px;
}
#search_489ban .child_489ban dt{ width: auto;}
#search_489ban .child_489ban dd{ width: 70px; vertical-align: middle;}
#search_489ban .child_489ban dt span{  font-size: 12px;}
 
#search_489ban .price_489ban dt{ width: 65px;}
#search_489ban .price_489ban div{ }
#search_489ban .price_489ban span{ font-size: 12px;}
 
#search_489ban .tag_489ban,
#search_489ban .tag_489ban dt,
#search_489ban .tag_489ban dd{ width: 100%; }
 
#search_489ban .tag_489ban .tag_mode_489ban{ font-size: 13px;}


.child_489ban dl {
	display: flex;
	flex-wrap: wrap;
  }
  .child_489ban dl dt {
	width: 40%;
  }
  .child_489ban  dl dd {
	width: 60%;
  }


  #search_489ban dl {
	display: flex;
	flex-wrap: wrap;
  }
  #search_489ban dl dt {
	width: 40%;
  }
  #search_489ban  dl dd {
	width: 60%;
  }



/****************   ここまで　2024/05/06　**************************************************/










.search_pc select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


.search_pc select {
	width: 15%;
	padding: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #93b881;
	background: #eee;




	background: url(images/arrow1.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(images/arrow1.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 13px, 100%;
	
}

select::-ms-expand {
	display: none;
}


@media (max-width: 580px) {
.search_pc select {
	width: 18%;
	padding: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #93b881;
	background: #eee;
	background: url(images/arrow1.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(images/arrow1.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 10px, 100%;
	
}

}



/*　ーーーー	他国語サイトへのリンク　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 140px;
  margin: 5px auto 30px;
  padding: 0;
  background: #93b881;
  font-size: 0.6em;
  
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 140px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  
}
.dropmenu li a{   /*ベースの色　*/
  display: block;
  margin: 0;
  padding: 6px 0 6px;
  background: #93b881;
  color: #FFF;
  /* font-size: 14px; */
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 8px 15px;
  border-top: 1px solid #fff;
  background: #93b881;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #D0BF96;　/*メニューが開いた時の色　*/
}
.dropmenu li a:hover{ /*メニューのホバーの色　*/
  background: #d0bf96;
}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}



/*　ーーーー	フッターメニュー　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

ul.fm_p_list {
padding:0.5em;
list-style-type:none;

}
ul.fm_p_list li {
position:relative;
margin-top: 0.5em;
padding: 0em 0.3em 0.3em 1.3em;
border-bottom: 1px dotted #666;
/* max-width: 90%; */
}
ul.fm_p_list li::before {
position: absolute;
content: '';
display: block;
top: 0.5em;
left: 0;
width: 6px;
height: 6px;
border-right: 2px solid #547557;
border-bottom: 2px solid #547557;
transform: rotate(-45deg);
}


/*　ーーーー	ヘッダーの一覧メニュー　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

ul.hm_p_list {
padding:0.5em;
list-style-type:none;

}
ul.hm_p_list li {
position:relative;
margin-top: 1.5em;
padding: 0.3em 0.3em 1.5em 1.3em;
border-bottom: 1px dotted #666;;
}
ul.hm_p_list li::before {
position: absolute;
content: '';
display: block;
top: 0.5em;
left: 0;
width: 6px;
height: 6px;
border-right: 2px solid #93b881;
border-bottom: 2px solid #93b881;
transform: rotate(-45deg);
}



.header_navi1 img{
	margin-bottom: 1em;
}

@media (max-width: 580px) {
.navi_mobile{
	padding-top: 2em;
	padding-bottom: 2em;

	background-color: #f1f1f1;
	border-bottom: 2px solid #999;
}

}


/*　ーーーー	赤ちゃんプランなど　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/

/* 丸い写真 */
.img-round1{
  border-radius: 50%;
  max-width: 228px;
  margin-left: auto;
  margin-right: auto;
}


/* アコーデオン　テスト */


/* Icon when the collapsible content is shown */
.panel-heading a:after {
font-family: "glyphicons halflings";
content: "\e114";
float: right;
margin-left: 15px;
}
/* Icon when the collapsible content is hidden */
.panel-heading a.collapsed:after {
content: "\e080";

}

.panel
{
margin-bottom: 0px;

}  
.panel-info{
border-color: #fff;
　
}   


.panel-info>.panel-heading {
border: 2px solid #999;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #fff;
padding: 18px 10px;

}


.panel-heading{
display: block;

}

/* リンク */
.panel-info a:link {
color: #000;
text-decoration: none;
outline: none;
}
.panel-info a:visited {
color: #000;
text-decoration: none;
outline: none; 
}
.panel-info a:hover {
/*color: #455ED1;*/
color: #000;
text-decoration: none;
outline: none; 
}
.panel-info a:active {
color: #000;
text-decoration: none;
outline: none; 
}





.img_madori{
	max-width: 220px;
}

@media (max-width: 580px) {

.img_madori{
	max-width: 280px;
}
}






/*   予約ボタン　※　このお部屋のプランのボタン　*/



.plan_baby1{
	 background-image: url(images/bg_yoyaku1.jpg); 
	 background-size: contain;
	 background-repeat: no-repeat;
	 min-height: 20vh;
	 margin: 15px;
	
}

.cuisine_select{
	 background-image: url(images/bg_select.jpg); 
	 background-size: contain;
	 background-repeat: no-repeat;
	 min-height: 20vh;
	 margin: 15px;
	
}


.plan_room1{
	 background-image: url(images/bg_yoyaku.jpg); 
	 background-size: contain;
	 background-repeat: no-repeat;
	 height: 200px;
	 margin: 15px;
	
}


@media (max-width: 580px) {
.plan_room1{
	display: none;
}

.plan_baby1{
	 display: none;
	
}

.cuisine_select{
	 display: none;
	
}


}

/*   ボタンの位置の設定　*/
.btn_st2{
	position: absolute;
	top: 60%;
	left: 45%;
	
}

@media (max-width: 980px) {
.btn_st2{
	position: absolute;
	top: 60%;
	left: 60%;
	
}


}



.btn-yoyaku1_2 {
   width: 20%;
  padding:1rem;
  color:#FFF;
  font-size: 0.8em;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  background: #93b881;
  border: 4px solid #93b881;
  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;
  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;
  box-shadow:0px 0px 0px 1px #ffffff inset;
  display: block;
  
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
 
}



.btn-yoyaku1_2::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
}

.btn-yoyaku1_2:hover {
background: #dac89c;
  border-color: #dac89c;
  color: #fff;
}

.btn-yoyaku1_2:hover::after {
  animation: arrow .4s;

}

 .btn-yoyaku1_2 a  {
	color: #fff;
	text-decoration: none;
	outline: none;
} 


@media (max-width: 980px) {
.btn-yoyaku1_2 {
   width: 30%;
}
}

/*固定のテスト
header{}

@media (max-width: 580px) {

header{
	position: fixed;
	z-index: 9999999999;
}


}*/


/* 固定のテスト   2018/10/04 */
header.g_header {
	position: fixed;
	width: 100%;
	z-index: 10001;
}

/* ul.gnavi 修正  2018/10/04 */
ul.gnavi {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: -2rem;
}

ul.gnavi li {
	display: block;
	padding-bottom: 0;
	width: 9%;
}

@media (max-width: 1200px) {
	ul.gnavi {
		margin-top: -18px;
	}

	ul.gnavi_top {
		margin-top: 0rem;
	}

	ul.gnavi li {
		font-size: 0.7em;
	}

	div.imgbox {
		width: 180px;
	}
}

@media (max-width: 980px) {
	ul.gnavi {
		margin-top: -24px;
	}

	ul.gnavi_top {
		margin-top: 0rem;
	}
}

nav.navbar {
	padding-top: 8px;
	padding-bottom: 0;
	margin: 0;
}


@media (min-width: 992px) {
	.container {
		width: 960px;
	}
}


@media (min-width: 1200px) {
	.container {
		width: 1140px;
	}
}

div.imgbox {
	display: inline-block;
	width: 200px;
	float: right;
}

div.imgbox > img {
	display: block;
	width: 100%;
}


/* スライダーの調整   2018/10/04 */
div.sliderbox {
	width: 100%;
	overflow: hidden;
	padding-top: 120px;
}

@media (max-width: 767px) {
	div.sliderbox {
		padding-top: 0;
	}
}

/* フロントページ以外のページ上部の余白   2018/10/04 */
div.bcn_container {
	padding-top: 120px;
}

@media (max-width: 767px) {
	div.bcn_container {
		padding-top: 0;
	}
}

/*備品などの一覧表示*/

.list_st1 ul{
margin: 0; 
padding: 0; 
list-style: none;
}

.list_st1 li{ 
/* display: inline; */ 
font-size: 0.9em;
padding: 0; 
margin: 0; 
float: left;
width: 32%;
margin-right: 1%;
line-height: 2em;
list-style-image: url(images/pt1.jpg);
}


.list_st2 ul{
margin: 0; 
padding: 0; 
list-style: none;
}




.list_st2 li{ 
/* display: inline; */
padding: 0; 
margin: 0; 
float: left;
width: 45%;
margin-right: 5%;
line-height: 2em;
list-style-image: url(images/pt1.jpg);
}


@media (max-width: 580px) {

.list_st1 li{ 
padding: 0; 
margin: 0; 
float: left;
width: 50%;
}
}




@media (max-width: 988px) {
	
.list_st2 li{ 
/* display: inline; */
padding: 0; 
margin: 0; 
float: left;
width: 80%;
margin-left: 10%;
margin-right: 10%;
line-height: 2em;
list-style-image: url(images/pt1.jpg);
}



.img_st1{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}


.img_st1_1{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}


.img_st2_m{
	width: 20%;
	max-width: 148px;
	margin-left: auto;
	margin-right: auto;
}


}


@media (max-width: 580px) {
	
.img_st1_1{
	width: 100%;
	margin-bottom: 1em;
}


.img_st2_m{
	width: 128px;
	margin-left: auto;
	margin-right: auto;
}


}





 
 
 
  /* モバイル画面時のメニュー横のアイコン 2018/10/17*/
 div.iconbox {
	 display: none;
 }

@media screen and (max-width: 760px) {
	 div.iconbox {
		 display: inline-flex;
		 float:right;
	 }

	 div.iconbox > a {
		 display: block;
		 width: 44px;
		 margin-right: 10px;
	 }

	 div.iconbox > a >img {
		 display: block;
		 width: 100%;
	 }
}

@media screen and (max-width: 460px) {
	 div.iconbox>a {
		 width: 40px;
		 padding-top: 5px;
	 }
}

@media screen and (max-width: 350px) {
	 div.iconbox_gheader {
		 margin-top: -1rem;
		 padding-top: 0;
	 }
}

 /* モバイル画面時のヘッダーのロゴ修正 2018/10/17*/
a.navbar-brand {
	float: left;
	padding: 0 15px 0 15px;
	height: 50px;
	width: 160px;
}

a.navbar-brand > img.head_logo {
	display: block;
	width: 100%;
}

@media screen and (max-width: 580px) {
	a.navbar-brand {
		width: 140px;
		padding: 0 15px 0 5px;
	}

	a.navbar-brand>img.head_logo {
		margin-left: 0;
	}
}

 /* おっぱいリレーの履歴*/
ul.relay li {
	font-size: 0.8em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	/* list-style: square; */
	list-style: none;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	border-bottom: 1px dotted #999;
	text-indent: 1em;
	
	
}



/*アレルギー関係*/
.box_allergy{
	font-size: 0.8em;
}

.icon_st1{
	width: 1.6em;
	height: auto;
	margin-right: 0.1em;
}


.icon_st2{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 2em;
}


@media (max-width: 580px) {
	
.box_allergy{
	font-size: 1em;
}

	
.icon_st2{
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 2em;
}

}

/*flexbox*/
.box_f1 {
  display: -webkit-flex;
  display: flex;
}


.box_f1 section {
  -webkit-flex: 1;
  flex: 1;
  margin: 10px;
  padding: 15px;
}



.text_lm_st1{
	margin-left: 1em;
}
.text_lm_st1_1{
	font-size: 1.2em;
	color: #547557;
	margin-left: 1em;
}
.text_lm_st2{
	margin-left: 2em;
}



.btn-warning{

    color: #547557;
    background-color: #ece7d4;
    border-color: #d3bc5d;

}



/* 
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #000;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
} */

/* @media (max-width: 580px) {

.row img{
	margin-bottom: 1.5em;
}

.header_navi1 img{
	margin-bottom: 0.2em;
}
} */



/*2018/12/14　追記　hoverで拡大表示*/

.img_expand {
	overflow: hidden;
	height: auto;
	
}
.img_expand img {
	display: block;
	transition-duration: 0.3s;
}
.img_expand img:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;	
}

/************************************* 
    字詰め処理  by 辻之内
*************************************/
@media (max-width: 960px){
	.toolong {
		letter-spacing: -0.05em;
	}
}

@media (max-width: 580px) {
	.toolong {
		letter-spacing: 0;
	}
}



.toolong_01 {
	display: inline;
}

@media (max-width: 960px){
	.toolong_01 {
		letter-spacing: -0.15em;
	}
}

@media (max-width: 580px) {
	.toolong_01 {
		letter-spacing: 0;
	}
}


.toolong_02 {
	display: inline;
}

@media (max-width: 580px) {
	.toolong_02 {
		font-size: 16px;
	}
}


.toolong_03 {
	display: inline;
}

@media (max-width: 580px) {
	.toolong_03 {
		letter-spacing: -0.05em;
	}
}


.toolong_04 {
	display: inline;
}

@media (max-width: 580px) {
	.toolong_04 {
		letter-spacing: -0.1em;
	}
}



@media (max-width: 580px) {
	.toolong_05 {
		letter-spacing: -0.05em;
	}
}



.fs10 {
	display: inline;
}

@media (max-width: 580px) {
	.fs10 {
		font-size: 12px;
	}
}

/************************************* 
    タブレット表示の際に横スライダー出ることへの対処  by 辻之内
*************************************/
@media (min-width: 768px) {
	.container {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 950px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1140px;
	}
}

.row {
	margin-left: 0;
	margin-right: 0;
}


/************************************* 
    幅などの補正　　by Kagami
*************************************/


.width_st1{
	max-width: 80%;
}

.width_st1_ce{
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}


.width_st2{
	max-width: 60%;
}

.width_st3{
	max-width: 50%;
}


@media (max-width: 580px) {

.width_st1{
	max-width: 100%;
}

.width_st1_ce{
	max-width: 100%;
}

.width_st2{
	max-width: 100%;
}

.width_st3{
	max-width: 50%;
}

}




.box_l_st1{
	border-left: 1px solid #999;
}

@media (max-width: 580px) {
.box_l_st1{
	border-left: none;
}

}


.box_belongings{
	font-family: "M PLUS Rounded 1c";
	line-height: 2.5em;
	color: #999;
}
.headline_belongings{
	font-family: "M PLUS Rounded 1c";
	font-size: 2em;
	text-align: center;
	border-bottom: 2px dotted #999;
	padding-bottom: 0.5em;
	}
	
	
.box_bqa1{
    background-image: url(images/bg_bqa1.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: left top;
    min-height: 20em;
        
}

.box_bqa2{
    background-image: url(images/bg_bqa2.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: right top;
    min-height: 20em;
        
}


@media (max-width: 980px) {

.box_bqa1{
    background-image: url(images/bg_bqa1.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: left top;
    min-height: 13em;
        
}

.box_bqa2{
    background-image: url(images/bg_bqa2.gif);
    background-repeat: no-repeat;
    /* background: rgba(255,255,255,0.5); */
    background-size:20% auto;
    background-position: left top;
    min-height: 13em;
        
}



}




.box_text_ce_l{
	text-align: center;
	text-shadow:1px 0px 6px #ffffff;
}

@media (max-width: 580px) {

.box_text_ce_l{
	text-align: left;
}
}



.text_ml_st1{
	margin-left: 1em;
}
.text_ml_st2{
	margin-left: 2em;
}
.text_ml_st3{
	margin-left: 3em;
}
.text_ml_st4{
	margin-left: 4em;
}

.text_ml_st4_1{
	margin-left: 4em;
}

.text_ml_st5{
	margin-left: 5em;
}


.text_red{
	color: #8A0808;
}




/*　ーーーー	印刷時の設定　ーーーーーーーーーーーーーーーーー　*/

/*URL　print　*/

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}


/*print　layout　*/
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}


。box_WiFi {
	margin-left: 2em;
	
}

.box_WiFi ul{
	
}

.box_WiFi li{
	margin-left: 2em;
	padding-bottom: 1em;
}

/*　ーーーー	2021新　空室検索　　　　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー　*/
	




#search_489ban select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


#search_489ban select {
	padding: 6px 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #93b881;
	background: #eee;
	background: url(images/arrow1.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(images/arrow1.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 13px, 100%;
	
}

#search_489ban button {
  display       : inline-block;
  font-size     : 1.2em; 
  text-align    : center;
  cursor        : pointer;
  padding       : 6px 12px;
  background    : #a48f62;
  color         : #ffffff; 
  transition    : .3s; 
  border: none;
 
}
#search_489ban button:hover {
  box-shadow    : none; 
  color         : #ffffff; 
  background    : #69821b;
}
.date_489ban dt{
	display: none;
}
.stay_489ban label{
	font-size: 0;
}



/*　ーー2021/04/28　　お問合せフォーム関係　追記ーー　*/


/* 入力画面の関係*/
.form_text1{
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0.8em
}


.form_text1 span{
	font-size: 0.6em;
	color: #ffffff;
	background-color: #ba2636;
	padding: 4px;
	margin-left: 1em;
	}


.form_text2{
	margin-left: 2em;
	margin-bottom: 3em
}

@media (max-width: 580px) {
.form_text2{
	margin-left: 0em;
	margin-bottom: 3em
}

}


/* 入力フォームの関係*/

/*ラジオボタン・チェックボックスの表示*/

input[type=checkbox] {
    width: 25px;
    height: 25px;
    vertical-align: bottom;
}
input[type=radio] {
    width: 22px;
    height: 22px;
    vertical-align: bottom;
    margin-right: 8px;
}


/*selectの表示*/
.wpcf7 select {
	background-color: #fcfcfc;
	color: #333;
	border: 1px solid #ddd;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}




/* 送信ボタン */
input.cf-btn {
	width: 200px;
	/* height: 40px; */
	background: #808080;
	color: #FFF;
	/* font-size: 1.1em; */
	font-weight: bold;
	/* letter-spacing: 0.2em; */
	border: 1px solid #666;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 0.5em 1em;
}

/* 送信ボタンホバー */
input.cf-btn:hover{
	background: #e4e4e4;
	color: #666;
}


.price_489ban,
.inbox_489ban dt{
	float: left;
}

.price_489ban,
.inbox_489ban dd{
	float: left;
}



/* yoyakubann test*/
.search_489ban{
	max-width: 380px;
}
.inbox_489ban{
	width: 100% !important;
}



#search_489ban{
	max-width: 330px !important;
	clear: both;
	overflow: hidden;
}


 .stay_489ban,
.room_489ban,
.person_489ban,
.price_489ban{
	width: 310px !important;
	/* float: left !important; */
		/* clear: both;
	overflow: hidden; */
} 



/* yoyakubann */


.box_dsy{
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#search_489ban{
    margin: 0 auto; padding: 25px 10px; width: 290px;
    background: #fafafa; border:1px solid #ccc; box-sizing: border-box;
} 


#search_489ban{
    margin: 0 auto; padding: 25px 10px; width: 350px;
    background: #fff; border:0px solid #ccc; box-sizing: border-box;
} 



. search_pc body{
	height:  400px !important;
}
/*
#search_489ban dl{ display: inline-table; margin: 0 0 5px; width: 100%;}
#search_489ban dt,
#search_489ban dd{ margin: 0; padding: 0; display: table-cell; vertical-align: top;}
#search_489ban dt{ width: 80px;}
#search_489ban dd{ }
 
#search_489ban dd span,
#search_489ban label,
#search_489ban input,
#search_489ban select{ display: inline-block; margin: 2px 2px 5px;}
 
#search_489ban ul{}
#search_489ban li{ margin-bottom: 3px; list-style: none; display: inline-block;}
 
#search_489ban button{
    display: block; margin: 10px 0 0; padding: 7px 0;
    width: 100%; box-sizing: border-box;
}
 
#search_489ban .inbox_489ban{ clear: both;}
#search_489ban .inbox_489ban:after {
    clear: both; content: "."; display: block;
    height: 0; font-size: 0; visibility: hidden;
}
 
#search_489ban .stay_489ban,
#search_489ban .room_489ban,
#search_489ban .person_489ban{ width: 50%; float: left;}
 
#search_489ban .stay_489ban dt,
#search_489ban .room_489ban dt,
#search_489ban .person_489ban dt{ width: auto;}
 
#search_489ban .child_489ban{
    border-bottom: 1px dotted #dedede;
}
#search_489ban .child_489ban:first-of-type{
    padding: 5px 0 0;
    border-top: 1px dotted #dedede;
}
#search_489ban .child_489ban:last-of-type{
    margin: 0 0 10px; padding: 0 0 5px;
}
#search_489ban .child_489ban dt{ width: auto;}
#search_489ban .child_489ban dd{ width: 70px; vertical-align: middle;}
#search_489ban .child_489ban dt span{ display: block; font-size: 12px;}
 
#search_489ban .price_489ban dt{ width: 65px;}
#search_489ban .price_489ban div{ display: inline-block;}
#search_489ban .price_489ban span{ font-size: 12px;}
 
#search_489ban .tag_489ban,
#search_489ban .tag_489ban dt,
#search_489ban .tag_489ban dd{ width: 100%; display: block;}
 
#search_489ban .tag_489ban .tag_mode_489ban{ font-size: 13px;}*/


/*予約確認ボタン*/

.btn-sys_1 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
  font-size: 1.1em;
  color: #fff;
  background: #93ca76;
  transition: .4s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 980%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em;
  text-align: center;
  box-shadow: 0 0 8px #999;
  border:  2px solid #82ae46;
}

.btn-sys_1:link,
.btn-sys_1:visited{
  color: white;
}

.btn-sys_1:hover {
  background: #82ae46;
  color: white;
  text-decoration: none;
}




/*  

.btn-sys_2 {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
  font-size: 1.1em;
  color: #fff;
  background: #cbb994;
  transition: .4s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;  
  width: 980%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3em;
  text-align: center;
  box-shadow: 0 0 8px #999;
  border:  2px solid #bfa46f;
}

.btn-sys_2:link,
.btn-sys_2:visited{
  color: white;
}


.btn-sys_2:hover {
  background: #b98c46;
  color: white;
  text-decoration: none;
}

 */






ul.hm_p_list1 {
padding:0.5em;
list-style-type:none;

}
ul.hm_p_list1 li {
position:relative;
/* margin-top: 1.5em; */
padding: 0.3em 0.3em 0 1.3em;
border-bottom: none;
}

ul.hm_p_list1 li::before {
position: absolute;
content: '';
display: block;
top: 0.5em;
left: 0;
width: 6px;
height: 6px;
border-right: 2px solid #93b881;
border-bottom: 2px solid #93b881;
transform: rotate(-45deg);
}