<style>
<!--

/*********************************************
リセット
*********************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	background:transparent;
	font-family: Helvetica, Arial, sans-serif, メイリオ, Meiryo;
	vertical-align: baseline;
}

a {
  text-decoration:none;
}
a img {
  border:none;
}

aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html,body {
  height: 100%;
}


/*********************************************
共通スタイル
*********************************************/
body {
  color: #38413D;
  font-size: 10.5pt;
  background-color: #FFFFFF;
}

#contents {
  margin-left: 10%;
  margin-right: 10%;
}
@media (max-width: 1199px) {
	#contents {
	  margin-left: 10px;
	  margin-right: 10px;
	}
}

h1 {
  color: #FFFFFF;
  font-size:18pt;
  font-weight: bold;
  margin: 0;
}

span.important {
  color: #3A281A;
  font-weight: bold;
}

ul {
  padding: 0 1em;
  margin: 0 0 0 1em;
}

/*▼水平線*/
hr.graduation {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #67307c, #2FA4FE, #67307c);
    background-image:    -moz-linear-gradient(left, #67307c, #2FA4FE, #67307c);
    background-image:     -ms-linear-gradient(left, #67307c, #2FA4FE, #67307c);
    background-image:      -o-linear-gradient(left, #67307c, #2FA4FE, #67307c);
}
hr.hr_graduation {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, #67307c, #2FA4FE, #67307c);
    background-image:    -moz-linear-gradient(left, #67307c, #2FA4FE, #67307c);
    background-image:     -ms-linear-gradient(left, #67307c, #2FA4FE, #67307c);
    background-image:      -o-linear-gradient(left, #67307c, #2FA4FE, #67307c);
	margin:0;
}

span.inline_block {
  display: inline-block;
}

/*▼アコーデオン*/
details {
	margin-top:6px;
	margin-bottom:4px;
	transition: .5s;
}
summary {
	cursor: pointer;
	background-color: rgba(0,0,0,0.1);
	font-weight:bold;
	border: none;
	box-shadow:none;
}


/*********************************************
共通スタイル => リンクボタン
*********************************************/
a, input[type=button] {
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin: 4px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  background-color: #2f2015;
  background-image: -moz-linear-gradient(top, #422e1e 0%, #2f2015 100%);
  background-image: -webkit-linear-gradient(top, #422e1e 0%,#2f2015 100%);
  background-image: -o-linear-gradient(top, #422e1e 0%,#2f2015 100%);
  background-image: -ms-linear-gradient(top, #422e1e 0%,#2f2015 100%);
  background-image: linear-gradient(to bottom, #422e1e 0%,#2f2015 100%);
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(255, 255, 255, 0.9) inset, 0 -1px 2px rgba(0, 0, 0, 0.1) inset;
  box-sizing: border-box;
}

a:hover {
  background-color: #422e1e;
  background-image: -moz-linear-gradient(top, #2f2015 0%, #422e1e 100%);
  background-image: -webkit-linear-gradient(top, #2f2015 0%,#422e1e 100%);
  background-image: -o-linear-gradient(top, #2f2015 0%,#422e1e 100%);
  background-image: -ms-linear-gradient(top, #2f2015 0%,#422e1e 100%);
  background-image: linear-gradient(to bottom, #2f2015 0%,#422e1e 100%);
}

a:visited, a.current {
  color: #FFFFFF;
}

a.current {
  pointer-events:none;
  cursor:default;
  background-color: #6c4512;
  background-image: -moz-linear-gradient(top, #6c4512 0%, #6c5612 100%);
  background-image: -webkit-linear-gradient(top, #6c4512 0%,#6c5612 100%);
  background-image: -o-linear-gradient(top, #6c4512 0%,#6c5612 100%);
  background-image: -ms-linear-gradient(top, #6c4512 0%,#6c5612 100%);
  background-image: linear-gradient(to bottom, #6c4512 0%,#6c5612 100%);
}

a.image_link, a.no_deco {
  padding-left: 0;
  padding-right: 0;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  border-radius: 0;
  height: auto;
  line-height: auto;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
}

a.no_deco {
  color: #38413D;
  box-shadow: none;
}

a.empty{
  color: blue;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0);
  display:inline-block;
  padding:0:
  margin:o;
  border:none;
  background-image:none;
  height: 16px;
  line-height: 16px;
  font-size:1em;
}

/*********************************************
フッター
*********************************************/
footer {
  color: #FFFFFF;
  background-color: #2FA4FE;
  background-image: -moz-linear-gradient(top, #2FA4FE 0%, #2f80fe 100%);
  background-image: -webkit-linear-gradient(top, #2FA4FE 0%,#2f80fe 100%);
  background-image: -o-linear-gradient(top, #2FA4FE 0%,#2f80fe 100%);
  background-image: -ms-linear-gradient(top, #2FA4FE 0%,#2f80fe 100%);
  background-image: linear-gradient(to bottom, #2FA4FE 0%,#2f80fe 100%);
  text-align: center;
  border-radius: 3px;
}

/*********************************************
ナビゲーション
*********************************************/
nav {
  width: 100%;
  padding: 0;
  margin: 0;
}

nav ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  margin-left: 0px;
  line-height: normal;
  box-sizing: border-box;
  width: 16.66%;
  padding: 0 5px;
  text-overflow: ellipsis;
}

a.nav_main {
  font-size: 16px;
  width: 100%;
  height: 72px;
  line-height: 72px;
  margin: 6px 0 0 0;
  padding: 0;
}

a.nav_main_information {
  line-height: 24px;
  padding: 12px 0;
}

a.nav_sub, a.nav_sub_annexe {
  font-size: 13px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  margin: 6px 0 0 0;
  padding: 0;
}

a.nav_sub_annexe {
  background-color: #333333;
  background-image: -moz-linear-gradient(top, #191919 0%, #333333 100%);
  background-image: -webkit-linear-gradient(top, #191919 0%,#333333 100%);
  background-image: -o-linear-gradient(top, #191919 0%,#333333 100%);
  background-image: -ms-linear-gradient(top, #191919 0%,#333333 100%);
  background-image: linear-gradient(to bottom, #191919 0%,#333333 100%);
}

a.nav_sub_annexe:hover {
  background-color: #191919;
  background-image: -moz-linear-gradient(bottom, #191919 0%, #333333 100%);
  background-image: -webkit-linear-gradient(bottom, #191919 0%,#333333 100%);
  background-image: -o-linear-gradient(bottom, #191919 0%,#333333 100%);
  background-image: -ms-linear-gradient(bottom, #191919 0%,#333333 100%);
  background-image: linear-gradient(to top, #191919 0%,#333333 100%);
}

@media (max-width: 1024px) {
	a.nav_main {
	  font-size: 13px;
	}
	a.nav_sub {
	  font-size: 10px;
	}
}

@media (max-width: 768px) {
	nav ul li {
	  width: 50%;
	}
	a.nav_main {
	  font-size: 13px;
	  height: 32px;
	  line-height: 32px;
	}
	a.nav_sub {
	  font-size: 13px;
	}
}

@media (max-width: 320px) {
	a.nav_main {
	  font-size: 11px;
	}
	a.nav_sub {
	  font-size: 11px;
	}
}

/*********************************************
アコーデオン
*********************************************/
summary::-webkit-details-marker {display:none;}

summary:before {/*矢印アイコンを付与*/
  display: inline-block;
  content: ">";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  text-indent: 0rem;
  font-weight: bold;
  font-size: 1rem;
  transition: all 300ms ease;
}

details[open] summary::before {
  transform: rotate(90deg);
}

/*********************************************
各ページ共通
*********************************************/
/*▼紹介文*/
#presentation, #presentation_top {
  font-size:11pt;
  border-radius: 4px;
  padding: 2px 12px;
  margin-bottom: 10px;
}

#presentation h1, #presentation_top h1{
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 3pt;
}

/*▼予約の流れ*/
.agreement_links {
  text-align:center;
  margin-bottom:12px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.agreement_links ul{
  width:100%;
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.agreement_links ul li{
  float: left;
  margin-left: 0px;
  line-height: normal;
  text-overflow: ellipsis;
  width:25%;
  padding:1%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
	.agreement_links ul li{
	  width:50%;
	  padding:1%;
	  box-sizing: border-box;
	}
}

@media (max-width: 500px) {
	.agreement_links ul li{
	  width:100%;
	  padding:1%;
	  box-sizing: border-box;
	}
}

.agreement_links ul li a {
  width: 100%;
  margin: 0;
  margin-left:0;
  margin-right:0;
  box-sizing: border-box;
}

.agreement_links a.agreement_links_top {
  min-width: 20%;
}


/*********************************************
TOPページ
*********************************************/
/*▼紹介文*/
#presentation_top {
  background-color: #2FA4FE;
  text-align:center;
  color: #FFFFFF;
}

#presentation_top h1{
  font-size:24pt;
  text-align:center;
}

/*▼スライドショー*/
#slideshow {
   position: relative;
   width:  560px; /* 画像の横幅に合わせて記述 */
   height: 320px; /* 画像の高さに合わせて記述 */
  margin-left:auto;
  margin-right:auto;
  margin-top:12px;
  margin-bottom:12px;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

@media (max-width: 768px) {
	#slideshow {
	   width:  280px; /* 画像の横幅に合わせて記述 */
	   height: 160px; /* 画像の高さに合わせて記述 */
	}
	#slideshow img {
	   width:  280px; /* 画像の横幅に合わせて記述 */
	   height: 160px; /* 画像の高さに合わせて記述 */
	}
}

#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

/*▼注意文*/
div#attention_box {  
  overflow: hidden;
  height: auto;
  background-color: #eaf8fa;
  border-radius: 4px;
  padding: 4px 12px 4px 12px;
  margin-bottom:12px;
}
div#attention_box div.message {
  background-color: rgba(255, 255, 255, 0.4);
  width:60%;
  float:left;
  border-radius: 5px;
}
div#attention_box div.contact {
  width:35%;
  float:right;
  text-align:right;
}

@media (max-width: 768px) {
	div#attention_box div.message {
	  float:none;
	  width:100%;
	}
	div#attention_box div.contact {
	  float:none;
	  width:100%;
	  text-align:right;
	}
}

/*▼部屋リスト*/
div#room_list {
  width:80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
	div#room_list {
	  width:100%;
	  padding-left:10px;
	  padding-right:10px;
	  box-sizing: border-box;
	}
}

/*▼部屋リスト詳細*/
div#room_list .room {
  background-color: #EEEAEA;
  width:100%;
  overflow: hidden;
  height: auto;
  border: 1px solid #EEEAEA;
  box-sizing: border-box;
  margin-top:10px;
  margin-bottom:10px;
}

div#room_list .list_header {
width:100%;
text-align:center;
color: #3A281A;
font-size:18px;
font-weight:bold;
margin:14px 0;
}

div#room_list .list_category {
width:100%;
text-align:center;
color: #ffffff;
padding:6px 0;
font-size:20px;
font-weight:bold;
margin:0;
background-image: -webkit-linear-gradient(left, #0193fe, #2FA4FE, #0193fe);
background-image:    -moz-linear-gradient(left, #0193fe, #2FA4FE, #0193fe);
background-image:     -ms-linear-gradient(left, #0193fe, #2FA4FE, #0193fe);
background-image:      -o-linear-gradient(left, #0193fe, #2FA4FE, #0193fe);
}

div#room_list .list_picture img{
max-height: 240px;
max-width: 100%;
}

div#room_list .list_detail {
width:50%;
padding-left:6px;
padding-right:6px;
box-sizing: border-box;
}

div#room_list .list_picture, div#room_list .list_detail {
    padding-top: 1000px;
    margin-top: -1000px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

div#room_list .list_picture {
width:50%;
background-color: #f6f4f4;
text-align:center;
}

@media (max-width: 768px) {
	div#room_list .list_picture, div#room_list .list_detail {
	width:100%;
	padding:0;
	margin:0;
	}
}

div#room_list .list_detail div {
margin-top:3px;
margin-bottom:3px;
}

div#room_list a.title_link {
  width: width:100%;
  display: block;
  margin: 1px;
  text-align: center;
  background-color: #2f2015;
  background-image: -moz-linear-gradient(top, #72665e 0%, #2f2015 100%);
  background-image: -webkit-linear-gradient(top, #72665e 0%,#2f2015 100%);
  background-image: -o-linear-gradient(top, #72665e 0%,#2f2015 100%);
  background-image: -ms-linear-gradient(top, #72665e 0%,#2f2015 100%);
  background-image: linear-gradient(to bottom, #72665e 0%,#2f2015 100%);
  color: #FFFFFF;
  border: 1px solid #1F0F10;
  border-radius: 4px;
  text-decoration: none;
  font-size: 18px;
  font-weight:bold;
  padding: 2px;
}
div#room_list a.title_link:hover {
  /* 反転 */
  background-color: #422e1e;
  background-image: -moz-linear-gradient(top, #2f2015 0%, #72665e 100%);
  background-image: -webkit-linear-gradient(top, #2f2015 0%,#72665e 100%);
  background-image: -o-linear-gradient(top, #2f2015 0%,#72665e 100%);
  background-image: -ms-linear-gradient(top, #2f2015 0%,#72665e 100%);
  background-image: linear-gradient(to bottom, #2f2015 0%,#72665e 100%);
}

div#room_list .detail_space {
width:50%;
float:left;
padding-right:4px;
box-sizing: border-box;
}

div#room_list .detail_arrondissement {
width:50%;
float:right;
padding-left:4px;
box-sizing: border-box;
}

div#room_list .detail_number {
width:50%;
float:left;
padding-right:4px;
box-sizing: border-box;
}

div#room_list .detail_nights {
width:50%;
float:right;
padding-left:4px;
box-sizing: border-box;
}

div#room_list span.element, div#room_list .detail_space span, div#room_list .detail_arrondissement span {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin: 0px;
  text-align: center;
  padding: 2px;
  border-radius: 4px;
}


div#room_list span.element {
  color: #3A281A;
  background-color: #f6f4f4;
  background-image: -moz-linear-gradient(top, #f6f4f4 0%, #f6f4f4 100%);
  background-image: -webkit-linear-gradient(top, #f6f4f4 0%,#f6f4f4 100%);
  background-image: -o-linear-gradient(top, #f6f4f4 0%,#f6f4f4 100%);
  background-image: -ms-linear-gradient(top, #f6f4f4 0%,#f6f4f4 100%);
  background-image: linear-gradient(to bottom, #f6f4f4 0%,#f6f4f4 100%);
  border: 1px solid #f6f4f4;
}

div#room_list .detail_arrondissement span {
  color: #FFFFFF;
  background-color: #2fa4fe;
  background-image: -moz-linear-gradient(bottom, #8eceff 0%, #2fa4fe 100%);
  background-image: -webkit-linear-gradient(bottom, #8eceff 0%,#2fa4fe 100%);
  background-image: -o-linear-gradient(bottom, #8eceff 0%,#2fa4fe 100%);
  background-image: -ms-linear-gradient(bottom, #8eceff 0%,#2fa4fe 100%);
  background-image: linear-gradient(to top, #8eceff 0%,#2fa4fe 100%);
  border: 1px solid #8eceff;
}

div#room_list .detail_space span {
  color: #FFFFFF;
  background-color: #a8c048;
  background-image: -moz-linear-gradient(top, #487704 0%, #a8c048 100%);
  background-image: -webkit-linear-gradient(top, #487704 0%,#a8c048 100%);
  background-image: -o-linear-gradient(top, #487704 0%,#a8c048 100%);
  background-image: -ms-linear-gradient(top, #487704 0%,#a8c048 100%);
  background-image: linear-gradient(to bottom, #487704 0%,#a8c048 100%);
  border: 1px solid #a8c048;
}

div#room_list span.important {
  color: #c70010;
}

div#room_list hr {
border:none;
border-top:solid 1px #777777;
height:1px;
color:#FFFFFF;
margin:0px;
}

/*▼紹介文*/
.link_free {
  text-align:center;
  margin-top: 10px;
  margin-bottom: 10px;
}


/*********************************************
部屋詳細
*********************************************/
/*▼紹介文*/
#presentation {
  background-color: #DDEEFF;
  text-align:left;
}

#presentation h1{
  color: #3A281A;
}

#presentation .authorized{
  color: #999999;
  font-size:0.7rem;
  text-align:right;
  padding-right:4px;
  margin:0;
}

@media (max-width: 768px) {
	#presentation h1 {
	  background-color:rgba(255,255,255,0.5);
	  text-align: center;
	}
}

/*▼写真ページ切り替え*/
div#picture_link {
  margin-bottom: 6px;
}

div#picture_link a {
  float: right;
  min-width: 15%;
}

@media (max-width: 768px) {
	div#picture_link {
	  text-align:center;
	}
	div#picture_link a {
	  float: none;
	  width: 45%;
	}
}

/*▼全体レイアウト*/
div#room_box {  
    overflow: hidden;
    height: auto;
}
div#room_box div#room_info, div#room_box div#room_picture {
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}
div#room_box div#room_info {
  width:46%;
  float:left;
}
div#room_box div#room_picture {
  width:52%;
  float:right;
  background-color: #eeeeee;
}
div#room_box div.room_info_block {
  background-color: #EEEAEA;
  margin-bottom: 12px;
  padding-bottom: 6px;
}
div#room_box div.room_info_block_last {
  margin-bottom: 0px;
}

@media (max-width: 768px) {
	div#room_box div#room_info, div#room_box div#room_picture {
	    padding-bottom: 0px;
	    margin-bottom: 0px;
	}

	div#room_box {  
	    overflow: hidden;
	    height: auto;
	}
	div#room_box div#room_info {
	  width:100%;
	}
	div#room_box div#room_picture {
	  width:100%;
	}
	div#room_box div.room_info_block {
	  margin-top:16px;
	}
}

.room_info_title {
  color: #FFFFFF;
  background-color: #2FA4FE;
  background-image: -moz-linear-gradient(left, #2FA4FE 0%, #2f80fe 100%);
  background-image: -webkit-linear-gradient(left, #2FA4FE 0%,#2f80fe 100%);
  background-image: -o-linear-gradient(left, #2FA4FE 0%,#2f80fe 100%);
  background-image: -ms-linear-gradient(left, #2FA4FE 0%,#2f80fe 100%);
  background-image: linear-gradient(to right, #2FA4FE 0%,#2f80fe 100%);
  font-size:11pt;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 4px;
  border-radius: 4px 4px 0 0;
}




/*▼問い合わせリンク*/
div.inquiry {
  text-align: center;
}

div.inquiry a {
  width:90%;
}

/*▼料金テーブル*/
.room_fee_table {
  width:90%;
  margin: 1em auto;
  text-align:left;
}

@media (max-width: 320px) {
	.room_fee_table {
	  width:100%;
	  margin: 0;
	}
}

table.fee_table {
  color: #38413D;
  background-color: #FFFFFF;
  font-size:10pt;
  text-align:center;
  border: 1px solid #2FA4FE
}
table.fee_table th {
  border: 1px solid #2FA4FE;
  border-style: solid;
  vertical-align :middle;
  padding: 0 10px;
  background-color: #DDEEFF;
}
table.fee_table td {
  border: 1px solid #2FA4FE;
  border-style: solid;
  vertical-align :middle;
  padding: 0 10px;
  text-align: right;
}
table.fee_table td.number {
  text-align: center;
}
table.fee_table th.fee_other {
  text-align: left;
}

@media (max-width: 768px) {
	table.fee_table th.fee_other {
	  width: 45%;
	}
}

@media (max-width: 320px) {
	table.fee_table {
	  font-size:12px;
	}
	table.fee_table th {
	  padding: 0 3px;
	}
	table.fee_table td {
	  padding: 0 3px;
	}
}

/*▼計算例*/
.fee_example {
  width:90%;
  box-sizing: border-box;
  margin: 1em auto;
  background-color:rgba(255, 255, 255, 0.3);
  border: 1px solid #2FA4FE;
  border-radius: 4px;
  padding: 10px;
}
.fee_example_title {
  color: #3A281A;
  font-weight: bold;
  background-color: #DDEEFF;
  padding: 4px;
}
.fee_calcul {
  text-align:right;
  padding: 0.8em 1em;
}

@media (max-width: 320px) {
	.fee_example {
	  width:98%;
	  padding: 4px;
	  font-size: 11px;
	}
	.fee_example_title {
	  padding: 3px;
	}
	.fee_calcul {
	  text-align:right;
	  padding: 0.4em 0.5em;
	}
}


/*▼写真掲載*/
.picture_attention {
  text-align:center;
}


.picture_main {
  height:480px;
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;
}

@media (max-width: 320px) {
	.picture_main {
	  height:320px;
	}
}

.picture_main img{
  max-height: 100%;
  max-width: 100%;
}

.picture_text {
  display:block;
  height:3em;
  text-align:center;
}

.picture_sub {
  text-align:center;
  width: 90%;
  padding-bottom: 6px;
}

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

.picture_sub li {
  display: inline-block;
  vertical-align: bottom;
  margin: 5px 3px;
  width: 54px;
  text-align: center;
}


/*Swipe機能*/
    .swiper-container {
      width: 100%;
      max-height: 50%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-color: #EEEAEA;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      text-align:center;
	vertical-align:bottom;
//      height: 100%;
    }
    .gallery-top {
      height: 90%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 10%;
//      box-sizing: border-box;
//      padding: 1px 0;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }
	.swiper-slide span {
	position:absolute;
	bottom:6px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	color:#ffffff;
	background-color:rgba(0,0,0,0.5);
	padding:2px 6px;
}


.slider_space {
height:6px;
line-height:6px;

}

/*▼お客様写真*/
div#photo_list {
  width:80%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
	div#photo_list {
	  width:100%;
	  padding-left:10px;
	  padding-right:10px;
	  box-sizing: border-box;
	}
}
div#photo_list .room {
  background-color: #EEEAEA;
  width:100%;
  overflow: hidden;
  height: auto;
  border: 1px solid #EEEAEA;
  box-sizing: border-box;
  margin-top:10px;
  margin-bottom:10px;
}

div#photo_list .description {
width:90%;
text-align:center;
color: #3A281A;
font-size:18px;
font-weight:bold;
margin-top: 10px;
margin-bottom: 10px;
}

div#photo_list .list_detail {
width:50%;
padding-left:6px;
padding-right:6px;
box-sizing: border-box;
}

div#photo_list .list_picture, div#photo_list .list_detail {
    padding-top: 1000px;
    margin-top: -1000px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

div#photo_list .list_picture {
width:50%;
background-color: #f6f4f4;
text-align:center;
}

div#photo_list .list_picture img{
max-height: 240px;
max-width: 100%;
}

@media (max-width: 768px) {
	div#photo_list .list_picture, div#photo_list .list_detail {
	width:100%;
	padding:0;
	margin:0;
	}
}

div#photo_list .list_detail div {
margin-top:3px;
margin-bottom:3px;
}

.photographer {
	text-align: right;
}

/*********************************************
問い合わせ
*********************************************/
#presentation_info {
  background-color: #DDEEFF;
  text-align:center;
  margin-top:14px;
  margin-bottom:14px;
}

#presentation_info h1{
  color: #3A281A;
  margin: 0;
}


.info_block {
//  background-color: #EEEAEA;
  margin-bottom: 12px;
}
.info_block_last {
  margin-bottom: 0px;
}
.info_title {
  color: #FFFFFF;
  background-color: #2FA4FE;
  background-image: -moz-linear-gradient(left, #2FA4FE 0%, #2f80fe 100%);
  background-image: -webkit-linear-gradient(left, #2FA4FE 0%,#2f80fe 100%);
  background-image: -o-linear-gradient(left, #2FA4FE 0%,#2f80fe 100%);
  background-image: -ms-linear-gradient(left, #2FA4FE 0%,#2f80fe 100%);
  background-image: linear-gradient(to right, #2FA4FE 0%,#2f80fe 100%);
  font-size:11pt;
  margin: 2px;
  padding: 4px;
  border-radius: 4px 4px 0 0;
}

.faq_title {
  color: #FFFFFF;
  background-color: #86a630;
  background-image: -moz-linear-gradient(right, #487704 0%, #86a630 100%);
  background-image: -webkit-linear-gradient(right, #487704 0%,#86a630 100%);
  background-image: -o-linear-gradient(right, #487704 0%,#86a630 100%);
  background-image: -ms-linear-gradient(right, #487704 0%,#86a630 100%);
  background-image: linear-gradient(to left, #487704 0%,#86a630 100%);
  font-size:11pt;
  margin: 2px;
  padding: 4px;
  border-radius: 4px 4px 0 0;
//  border: 1px solid #86a630;
}

.inquiry_block_1 {
	background-color:rgba(67, 195, 232, 0.1);
}
.inquiry_block_2 {
	background-color:rgba(168, 192, 72, 0.1);
}
.inquiry_block_3 {
	background-color:rgba(200, 200, 200, 0.1);
}



@media (max-width: 768px) {
	.inquiry_block_1, .inquiry_block_2, .inquiry_block_3 {
		margin-bottom: 10px;
	}
}

.inquiry_block_title {
	float: left;
	width: 25%;
	font-size:1.4em;
	font-weight: bold;
	padding-left: 2.5%;
	padding-right: 2.5%;
	box-sizing:border-box;
}

.inquiry_commment {
	font-size:12px;
	font-weight: normal;
	color: red;
}

.inquiry_input {
	float:left;
	width:70%;
}

@media (max-width: 768px) {
	.inquiry_block_title {
		float: none;
		width: 100%;
		  background-color:rgba(200,200,200,0.2);
		  text-align: center;
	}
	.inquiry_commment {
		  text-align: center;
	}
	.inquiry_input {
		float: none;
		width: 100%;
	}
}

.room_odd, .room_even, .room_both {
	width:100%;
	border-radius: 4px;
	margin-bottom: 10px;
	box-sizing:border-box;
}

.room_even {
	background-color:rgba(230, 243, 222, 1);
}
.room_odd {
	background-color:rgba(67, 195, 232, 0.2);
}
.room_both {
	background-color:rgba(200, 200, 200, 0.3);
}


.cond_detail {
	font-size: 13px;
}


.inquiry_room_detail {
  /* フォント */
  font-size: 17px;
  color: #3A281A;
  font-weight:bold;
  /* 背景 */
  background-color: rgba(255, 255, 255, 0.5);
  /* サイズ指定 */
  display: block;
  height: 40px;
  line-height: 40px;
  /* 縦横中央揃え */
  text-align: right;
  padding: 2px;
  /* 輪郭 */
  border: 1px solid #f6f4f4;
  border-radius: 4px;
}

.inquiry_room_detail_space {
  display: inline-block;
  height: 4px;
}


.inquiry_room_detail_headline {
  line-height: 1em;
}

.inquiry_room {
	width:44%;
	padding:4px;
	box-sizing:border-box;
	/* フォント */
	font-size: 17px;
	color: #3A281A;
	font-weight:bold;
}
.inquiry_number {
	width:16%;
	padding:4px;
	box-sizing:border-box;
}
.inquiry_5nights {
	width:20%;
	padding:4px;
	box-sizing:border-box;
}
.inquiry_10nights {
	width:20%;
	padding:4px;
	box-sizing:border-box;
}

.inquiry_info {
	width:40%;
	padding:4px;
	box-sizing:border-box;
}

.inquiry_5nights .inquiry_room_detail, .inquiry_room_detail {
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 768px) {
	.inquiry_room {
	width:100%;
	display: inline-block;
	box-sizing:border-box;
	}
	.inquiry_number, .inquiry_5nights, .inquiry_10nights {
	width: 32%;
	display: inline-block;
	margin:0;
	padding:0;
	box-sizing:border-box;
	}
	.inquiry_room_detail {
	font-size: 14px;
	font-weight: normal;
	}
}

label {
	font-weight: bold;
}
.inquiry_input input {
	background-color:#ffffff;
	font-size:1.1em;
	height:1.7em;
	line-height:1.7em;
	width:90%;
	padding: 3px 8px;
	margin-bottom:10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.send_inquiry {
text-align:center;
}

input.send_inquiry {
	width:30%;
}

@media (max-width: 768px) {
	input.send_inquiry {
		width:90%;
	}
}

.inquiry_input input[type=checkbox] {
	width:1em;
	vertical-align:middle;
}

.inquiry_input input[type=radio] {
	width:1em;
	vertical-align:middle;
}

.inquiry_input select {
	background-color:#ffffff;
	font-size:1.5em;
	height:1.5em;
	line-height:1.5em;
	width:auto;
	padding: 3px 8px;
	margin-bottom:10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inquiry_input textarea {
	background-color:#ffffff;
	font-size:1.5em;
	height:10em;
	line-height:1.5em;
	width:100%;
	padding: 3px 8px;
	margin-bottom:10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.inquiry_input input[type=text].small_text {
	width:4em;
	padding: 3px 8px;
	margin-bottom:10px;
}


/*********************************************
問い合わせ完了
*********************************************/
.inquery_complete {
  text-align: center;
  background-color: #eaf8fa;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*********************************************
各種説明
*********************************************/
.flow_block_title, .faq_block_title {
  width:78.4%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  border-radius: 4px;
	box-sizing: border-box;
  margin-bottom:16px;
}

.flow_block, .faq_block {
  width:78.4%;
  margin-left:auto;
  margin-right:auto;
  color: #333333;
  background-color: #eeeeee;
  border: 1px solid #2f80fe;
	padding: 6px;
	margin-top:10px;
	margin-bottom:20px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(255, 255, 255, 0.9) inset, 0 -1px 2px rgba(0, 0, 0, 0.1) inset;
	box-sizing: border-box;
}

.faq_block {
  border: 1px solid #487704;
}

@media (max-width: 768px) {
	.flow_block, .faq_block {
		width:90%;
	}
}

.faq_block .question {
  font-size:14pt;
  font-weight: bold;
  color: #487704;
}
.faq_block .answer .type {
  font-size:14pt;
  font-weight: bold;
  color: #487704;
}

.flow_block .title {
  color: #2f80fe;
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 6px;
}

.faq_block .type {
  width:3%;
  text-align:center;
}
.faq_block .contents {
  width:97%;
}



/*********************************************
Annexe
*********************************************/
.inquiry_box {
  text-align: center;
  background-color: #eaf8fa;
  border-radius: 4px;
  padding: 4px 12px 4px 12px;
  margin-top:10px;
}


/*********************************************
フロート解除
*********************************************/

.clear_both, nav:after, div#picture_link:after {
  content: '';
  display: table;
  clear: both;
}


/*********************************************
FLEXBOX
*********************************************/
.flex_box {
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;
}

.flex_box_left {
  /* Internet Explorer 10 */
  display:-ms-flexbox;
  -ms-flex-pack:left;
  -ms-flex-align:left;
  /* Firefox */
  display:-moz-box;
  -moz-box-pack:left;
  -moz-box-align:left;
  /* Safari, Opera, and Chrome */
  display:-webkit-box;
  -webkit-box-pack:left;
  -webkit-box-align:left;
  /* W3C */
  display:box;
  box-pack:left;
  box-align:left;
}

.flex_box_left_top {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	box-pack: left;
	-webkit-box-pack: left;
	-moz-box-pack: left;
	box-align:top;
	-webkit-box-align:top;
	-moz-box-align:top;
}

@media (max-width: 768px) {
	.box_clear {
	  display:block;
	}
}

-->
</style>