/*基本設定*/

/*テキスト*/

body {
  font-size: 15px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}



h2 {
  font-size: 1.5em !important;
  color: #d2b48c !important;
}

h3 {
  font-size: 1.3em !important;
  color: #8fbc8f !important;
}

/*余白*/



/*--------------------------------------------------------------
  ■PC用■*
--------------------------------------------------------------*/

/*---非表示---*/

/*投稿*/

/*#content, .site-content { background-color:#f08080; padding:0 !important; }*/

/*画像*/

ul {
  margin-left: 0;
}

ul li {
  list-style: none;
}

#m_img ul {
  display: flex;
  padding: 0 !important;
  margin-bottom: -15px !important;
}

#m_img ul li img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  /* 円形にする */
  margin-bottom: -10px;
}

/*s_box　--アイキャッチ画像--*/
.entry-thumbnail img { position: relative; } /* 親要素の基準位置 */

.s_box {
	position: absolute; /* 絶対配置 */
  top: 30px;
  left: 15px;
		
}
.s_box h1 { 
		background-color: transparent !important;
		border-bottom: none !important;
	font-size:3vw !important;
   color: #000;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
		margin-bottom:-10px;
}
.s_box p { 
		font-size:1.6vw !important;
		color:#8b0000 !important;
		text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*リンク(アンカーポイントの位置を修正)*/
#facility, #facility-info ,#guestroom, #access, #photo { padding-top: 60px; margin-top: -50px; }
/*この方法も可能→scroll-padding-top: 100px; /* ヘッダーの高さを入力 */
    /*scroll-behavior: smooth;*/

/*ミニタイトル*/

#m_img ul li p {
  position: relative;
  top: -20px;
  left: 0;
  font-size: 20px;
  text-align: center;
  -webkit-text-stroke: 0.01em #f0f8ff;
  color: #800000;
  /*	background: linear-gradient(red,blue,green);*/
}

/*タイトル*/

#right h1 {
  font-size: 20px;
  background-color: #eee8aa;
  padding: 5px 10px;
  border-bottom: dotted;
  border-color: #bc8f8f;
}

/*●客室一覧*/

/*box1*/

.box1 {
  display: flex;
  vertical-align: top;
  /*margin-top:-10px !important;*/
  padding: 0px;
}

/*.m_box1 { vertical-align: top; margin-top:0px; }*/

.ms_box {
  display: flex;
  justify-content: space-between;
  /*余白を均等に配置*/
}

ul.ms_box li {
  margin-left: 10px;
}

.ms_box img {
  object-fit: cover;
  /*希望のサイズで画像をトリミング*/
  width: 400px;
  height: 250px;
}

.ms_box ol li p {
  color: #ff8c00;
  font-size: 18px;
  margin: -20px 0 -30px 0;
}

.ms_box ol li {
  margin-bottom: 30px;
  width: 300px;
}

#right table {
  border-collapse: separate;
  border-spacing: 3px;
  width: auto;
  border: 1px solid #ff838b;
}

#right table td,
#right table th {
  padding: 3px 10px;
}

#right table th {
  background-color: #eee8aa;
}

#right table td {
  background-color: #faf0e6;
}

#right table th {
  text-align: center;
}

#right table td {
  text-align: right;
}

#right table td:first-child {
  text-align: left;
}

/*--アメニティー---*/

.am_box {
  display: flex;
  justify-content: space-between;
  /*余白を均等に配置*/
}

.am_box1 {
  display: flex;
  width: 60%;
}

.am_box2 {
  /*display: flex;*/
  width: 40%;
}

.am_box img {
  object-fit: cover;
  /*希望のサイズで画像をトリミング*/
  width: 50%;
  height: 250px;
  /*width: 150px;
  	height: 250px;*/
  margin-right: 10px;
  /*float:left;*/
}

.am_box2 {
  /*clear:both; */
}

/*●施設概要*/

table.shisetu {
  width: 600px !important;
}

table.shisetu th {
  width: 120px;
  text-align: left !important;
}

table.shisetu td {
  text-align: left !important;
}

/*●施設紹介*/
.re_box, .se_box {
  display: flex;
  justify-content: space-between;
  /*余白を均等に配置*/
}

.re_box1, .se_box1 {
  display: flex;
  width: 60%;
}

.re_box2, .se_box2 {
  /*display: flex;*/
  width: 40%;
}
.re_box1 img, .se_box img {
  object-fit: cover;
  /*希望のサイズで画像をトリミング*/
  width: 50%;
  height: 200px;
  /*width: 150px;
  	height: 250px;*/
  margin-right: 10px;
  /*float:left;*/
}
hr {
  border-top: 0.05em solid #ccc;
  height: 0.05em;
  text-align: center;
  overflow: visible;
}
hr::after {
  content: "❈";
	background-color:#FFF;
  color: #ccc;
  display: inline-block;
  height: 1em;
  line-height: 1em;
  position: relative;
  top: -0.8em;
  padding: 0 0.5em;
}

/*●アクセス*/

.map_box {
 display: flex;

}

.map_box1 {
  width: 50%;
  margin: auto;
  height: 300px;

}

.map_box2 {
  width: 50%;
  margin: auto;
  vertical-align: top;
	height: 300px;

}

iframe { width: 800px; height: 300px; }



/*●お問合せ*/
p.form-mail::before {
		content: "✿ ";
		color:#f0e68c;
		font-size:0.8em;
}
.red_s { color:#ff0000; font-size:0.6em; margin-left:0.3em; }

.endform { background-color:#eee8aa; 
 border-radius: 10px;
 padding:10px;
}

/*--------------------------------------------------------------
  ■Tタブレット■
--------------------------------------------------------------*/

@media screen and (max-width:949px) {
  /*--------------------------------------------------------------
  ■Sスマートホン■
--------------------------------------------------------------*/

  /*S非表示*/

  /*S投稿*/

  /*S表示*/

  /*S背景余白*/

  .site-main {
    padding: 5px !important;

  }

  /*S画像*/

  #m_img ul {
    overflow-x: scroll;
    margin: 0;
  }

  #m_img ul li {
    flex: 0 0 auto;
  }

  #m_img ul li img {
    margin-bottom: -35px;
  }
		/*●S--ヘッダーメニュー固定-*/
		#masthead {
position: fixed; /* ヘッダーを固定する */
				top: 0; /* 画面の上部に固定 */
				width: 100%; /* 画面の幅いっぱいに広げる */
				padding: 10px; /* 内側の余白を設定 */
				z-index: 1000; /* ヘッダーを他の要素の上に表示 */
				
		}
/*●S--余白--*/
		.entry-header { margin-top:80px; }
		
  /*●S--客室一覧*/

  /*Sbox1*/

  .box1 {
    display: block;
  }

  ul.category {
    margin-left: -5px !important;
  }

  ul.category li {
    margin-bottom: 5px;
  }

  .ms_box {
    display: block;
  }

  .ms_box img {
    width: 98%;
  }

  .ms_box ol li {
    width: 98%;
    margin-left: 0;
    padding-left: 0px;
  }

  /*--S-アメニティー---*/

  .am_box {
    display: block;
  }

  .am_box1 {
    width: 100%;
  }

  .am_box2 {
    width: 100%;
  }

  .am_box img {
    width: 100%;
  }

  /*●S-施設概要*/

  table.shisetu {
    margin: 0 auto;
    max-width: 95% !important;
  }

  .shisetu th,
  .shisetu td {
    display: block;
    width: auto !important;
  }

	/*●Sー施設紹介*/
		.re_box, .se_box {
    display: block;
  }

  .re_box1, .se_box1 {
    width: 100%;
  }

  .re_box2, .se_box2 {
    width: 100%;
  }

  /*●S-アクセス	*/
.map_box {
    display: block;
		
  }

.map_box1 {
  width: 100%;
  margin: auto;
	height: auto;
}

.map_box2 {
  width: 100%;
 margin: auto;
height: auto;

}

	
iframe { width:100% !important; height: auto; }
		
		
  /*--  end ■Sスマートホン■--*/
}