@charset "utf-8";
/* ===================================================
	Room CSS
====================================================== */

/* ---------------------------------------------------
　　#sec1
------------------------------------------------------ */
#room #sec1 h3 { font-size: 26px; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; padding-bottom: 70px;}
#room #sec1 h3 span { display: flex;}
#room #sec1 h3 span:before,
#room #sec1 h3 span:after { content: ""; flex-grow: 1; height: 1px; background: #000; display: block; margin-top: 10px;}
#room #sec1 h3 span:before { margin-right: 15px;}
#room #sec1 h3 span:after { margin-left: 15px;}
#room #sec1 .inner { width: 1100px; margin: 0 auto;}
#room #sec1 .inner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#room #sec1 table { width: 340px; float: left; margin: 0 40px 0 0; vertical-align: top; border-collapse: collapse; border: 1px solid #c8c8c8;}
#room #sec1 table:last-child { float: right; margin: 0;}
#room #sec1 table tr { text-align: left;}
#room #sec1 table .ttl { text-align: center; vertical-align: top;}
#room #sec1 table th { text-align: center; background: #d3c7b4; border-right: solid 1px #fff; border-bottom: solid 1px #c8c8c8; padding: 15px;}
#room #sec1 table th:last-child { border-right: solid 1px #c8c8c8;}
#room #sec1 table td { text-align: center; border-right: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; padding: 15px;}
#room #sec1 table td.ttl { text-align: left; font-weight: bold;}
#room #sec1 table td .icon { padding-right: 15px;}

#room #sec1 table td a { display: block; margin-top: 5px;}
#room #sec1 table td a:hover img { opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}


/* ---------------------------------------------------
　　.detail_col
------------------------------------------------------ */
#room .detail_col { padding: 65px 0 105px 0;}
#room .detail_col h3 { font-size: 26px; text-align: center; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; background: url(../../room/img/sec_bg1.png) 0 bottom repeat-x; padding-bottom: 30px;}
#room .detail_col h3 span { display: block; color: #969696; font-size: 14px; letter-spacing: 0.08em; padding-top: 5px;}
#room .detail_col .inner { width: 1100px; margin: 70px auto 0 auto;}
#room .detail_col .inner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#room .detail_col .inner div { width: 375px; float: right;}
#room .detail_col ul { float: right; background: #fff; border: 1px solid #cacaca;}
#room .detail_col ul li { display: inline-block; padding: 10px 15px;}
#room .detail_col ul li.icon { border-left: 1px dotted #cacaca;}

#room .detail_col p { clear: both; padding: 50px 0 40px 0;}
#room .detail_col .photo { float: left;}
#room .detail_col table { width: 100%; border-collapse: collapse; border-top: solid 1px #c8c8c8; margin-bottom: 40px;}
#room .detail_col table tr { text-align: left;}
#room .detail_col table th { text-align: center; background: #f3f3f3; border-bottom: solid 1px #c8c8c8; padding: 10px 30px;}
#room .detail_col table td { text-align: left; border-bottom: solid 1px #c8c8c8; padding: 10px  30px;}
#room .detail_col a { display: block; width: 290px; margin: 0 auto;}
#room .detail_col a:hover img { opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75;}

#room .detail_col .btn {
  display: block;
  width: 290px;
  margin: 20px auto 0;
  padding: 15px 10px;
  background: #8E153E;
  border: 2px solid #A52E56;
  color: #fff;
  font-size: 16px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.2;
  text-align: center;
	box-sizing: border-box;
}



#room #sec1 { margin: 65px auto;}
#room #sec3,
#room #sec5,
#room #sec10 { background: #f9f8f3;}


/* ---------------------------------------------------
　　#sec7
------------------------------------------------------ */
#room #sec7 {  padding-top: 100px;}
#room #sec7 h3 { font-size: 26px; text-align: center; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; background: url(../../room/img/sec_bg2.png) 0 bottom repeat-x; padding-bottom: 30px;}
#room #sec7 h3 span { display: block; color: #969696; font-size: 14px; letter-spacing: 0.08em; padding-top: 5px;}
#room #sec7 .photo_col { background: url(../../room/img/sec7_bg.jpg) center 0 repeat #f4f1eb;}
#room #sec7 .photo_col img { display: block; width: 1100px; margin: 0 auto; padding: 35px 0;}

#room #sec7 .inner { width: 1100px; margin: 0 auto;}
#room #sec7 .inner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#room #sec7 p { text-align: center; padding: 50px 0;}
#room #sec7 table { width: 340px; float: left; border-collapse: collapse; border-top: solid 1px #c8c8c8; margin-right: 40px;}
#room #sec7 table:last-of-type { margin-right: 0;}
#room #sec7 table tr { text-align: left;}
#room #sec7 table tr:nth-child(even) { background: #f5f2eb;}
#room #sec7 table th { width: 80%; padding: 10px 30px; font-weight: normal; border-right: solid 1px #c8c8c8;  border-bottom: solid 1px #c8c8c8; padding: 10px 20px;}
#room #sec7 table td { text-align: center; border-bottom: solid 1px #c8c8c8; padding: 10px 20px;}
#room #sec7 .photo1 { float: left; padding-top: 75px;}
#room #sec7 .photo2 { float: right; padding-top: 75px;}


/* ---------------------------------------------------
　　#sec8
------------------------------------------------------ */
#room #sec8 {  padding-top: 100px;}
#room #sec8 h3 { font-size: 26px; text-align: center; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; background: url(../../room/img/sec_bg2.png) 0 bottom repeat-x; padding-bottom: 30px;}
#room #sec8 h3 span { display: block; color: #969696; font-size: 14px; letter-spacing: 0.08em; padding-top: 5px;}
#room #sec8 .inner { width: 1100px; margin: 70px auto 0 auto;}
#room #sec8 .inner:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#room #sec8 table { width: 505px; float: left; border-collapse: collapse; border-top: solid 1px #c8c8c8; margin:20px 0 40px 0;}
#room #sec8 table th { width: 20%; text-align: left; background: #f5f2eb; border-right: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; padding: 10px 20px;}
#room #sec8 table td { border-bottom: solid 1px #c8c8c8; padding: 10px  20px;}
#room #sec8 p { display: block; width: 554px; float: right;}