@charset "utf-8";

/*トップページ　追加設定
---------------------------------------------------------------------------*/


/* lead_main 
---------------------------------------------------------------------------*/

@media (min-width: 800px) {

#contents .lead_main  {
    margin: 0 0 40px 0;
    padding: 0 17px;
}
}


@media (max-width: 800px) {

#contents .lead_main  {
    margin: 0 0 20px 0;
}
}



/*list2 お部屋　お風呂　周辺のスポット　3つ並びのエリア
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list2 {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 30%;		/*ボックス幅*/
	margin: 0 1.5% 40px;	/*上、左右、下へ、ボックスの外側に空けるスペース*/
	text-align: center;		/*内容を中央よせ*/
}
@media (max-width: 800px) {
.list2 {
	position: relative;
	width: 100%;		/*ボックス幅*/
	margin: 0 0 40px;	/*上、左右、下へ、ボックスの外側に空けるスペース*/
	text-align: center;		/*内容を中央よせ*/
}
}

/*ボックス内の画像*/
.list2 figure {
	margin-bottom: 20px;	/*画像の下に空けるスペース*/
}
.list2 figure a:hover{
	opacity: 0.8;	/*マウスオン時。透明度80%にする。*/
}
@media (max-width: 800px) {
.list2 figure {
	margin-bottom: 10px;	/*画像の下に空けるスペース*/
}
.list2 figure a:hover{
	opacity: 0.8;	/*マウスオン時。透明度80%にする。*/
}
}
/*ボックス内のh4（見出し）タグ*/
.list2 h4 {
	position: absolute;
	top: 0px;	/*list2ボックスの上から0pxの場所に配置*/
	width: 100%;	/*幅*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(42,61,86,0.6);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態。*/
	color: #fff;	/*文字色*/
    font-size: 1.1em;
}
/*ボックス内のp（段落）タグ*/
.list2 p {
	padding: 0px !important;
}


/* コンテンツ導入エリア */

.btn_entrance {
	margin-top: 20px;
}

@media (min-width: 800px) {

.lead_entrance {
min-height: 145px;
text-align: left;
}

}

@media (max-width: 800px) {

.lead_entrance {
min-height: ;
text-align: left;
}

}


/*btn1　 お部屋　お風呂　周辺のスポット　3つ並びのエリアのボタン
---------------------------------------------------------------------------*/
/*btn1共通*/
a.btn1 {
	text-decoration: none;display: inline-block;
	background: #e4ac49;	/*古いブラウザ用*/
	color: #FFF !important;
	/* border: 1px solid #e5831f; */	/*枠線の幅、線種、色*/
	border-radius: 2px;			/*角丸のサイズ。ほんの少しだけ角を丸くしています。*/
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
/*マウスオン時*/
a.btn1:hover{
	background: #8697ad;
}
/*contents内のbtn1。主にinfo.htmlやservice.htmlで使っています。*/
#contents a.btn1 {
	padding: 5px 40px 5px 40px;	/*上、右、下、左へのボックス内の余白*/
	letter-spacing: 0.2em;		/*文字間隔を広くとる設定*/
}

a.btn1 i { color:#fff; }



/* コンテンツ導入　バナーエリア */



@media (min-width: 800px) {

.contents_entrance {
margin: 80px 0 110px 0;
padding: 0 60px;
}

.contents_entrance_b {
display:flex;
justify-content: space-between;
margin: 40px 0 0 0;
gap: 30px 40px; /* 余白 */
}

}


@media (max-width: 800px) {

.contents_entrance {
margin: 0 0 40px 0;
padding: 0 0;
}

.contents_entrance_b {
display:flex;
justify-content: space-between;
margin: 10px 0 0 0;

}

.contents_entrance_b div:nth-child(2) {
margin: 0 5px 0 0;
}

.contents_entrance_b div:nth-child(4) {
margin: 0 0 0 5px;
}

.contents_entrance_b img {
width: ;

}

}



/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*見出しを含まないお知らせブロック*/

@media (min-width: 800px) {

#new dl {
	background: #f4f2e6;	/*背景色*/
	padding: 20px;		/*ブロック内の余白*/
    margin: 20px;
	border-radius: 4px;	/*角丸のサイズ*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;		/*幅*/
	color: #e5831f;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
}

}


@media (max-width: 800px) {

#new dl {
	background: #f4f2e6;	/*背景色*/
	padding: 20px;		/*ブロック内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
}
/*日付設定*/
#new dt {
	float: ;
	width: ;		/*幅*/
	color: #e5831f;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: ;
}

}