@charset "UTF-8";


body	{margin: 0;
	background-color:#fff;}


h1, h2, h3, h4, h5, h6	{font-weight: normal;}
	

/* ヘッダー */
.header	{padding: 20px 0 20px 0;
	background-image: #fff;
	text-align:center;}

.header h1	{margin: 0;
	font-size: 12px;
	padding-bottom:8px;
	line-height: 1;}

.header h1 a	{color: #fff;
	text-decoration: none;}

.header .logo	{margin: 0 10px 0 0;
	border: none;
	vertical-align: -15px;}

@media (max-width: 750px) {
	.header .logo	{margin: 0 10px 0 0;
	width: 40%;
	border: none;
	vertical-align: -15px;}
}


/* グローバルメニュー */

.navbar	{padding: 0;
	margin: 0;
	background-color: #eee;
	text-align: center;}

.navbar .navbar-collapse ul .nav .navbar-nav {text-align: justify;}

.navbar .navbar-collapse li a{
  padding: 2.0rem 3.0rem;
	color:#cd9b0c;
	font-size:12px;
	font-weight:500;}
	
.navbar .navbar-collapse li a:hover{
	color:#fff;
	font-weight:600;}
.collapse .navbar-collapse #nav_target .navbar-nav li .active a {
	color: #fff;
}

.navbar.navbar-default .navbar-collapse {
	max-height: none;
}

.navbar.navbar-default .navbar-collapse .navbar-nav {
	float: none;
}

.navbar.navbar-default .navbar-collapse .navbar-form {
	clear: right;
	float: right;
}
.navbar.navbar-default .navbar-nav .dropdown-menu {
	background: #F6EBC0;
	border-radius: 0;
}
.navbar.navbar-default .navbar-nav .dropdown-menu>li>a {
	color: #cd9b0c;
	font-size: 14px;
}
.navbar.navbar-default .dropdown-menu a:hover {
	background: #F6EBC0;
	color: #fff;
}
.navbar.navbar-default .navbar-toggle {
	background: #fff;
	margin-right: 20px;
	color: #fff;
}


@media (min-width: 768px) {
.navbar	{padding: 0; 
	background-color: #000;
	text-align: justify;}
	
.navbar .navbar-collapse li a{
	color:#cd9b0c;
	font-size:14px;
	font-weight:600;}

.navbar ul,
.navbar ol	{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.navbar li	{display: inline-block;
	text-align: center;
}

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

.navbar li a:hover	{
	color: #000;}

.navbar li span	{
	font-size: 10px;}
    
.navbar.navbar-default .navbar-nav{
      margin: 0 auto;
      display: table;
      table-layout: fixed;
      float:none;
  }

	
.navbar.navbar-default .navbar-toggle	{margin-top: 17px;}

/* グラデーションの設定 */
.navbar	{background-image: -webkit-gradient(linear, top, bottom, color-stop(0%,#fff), color-stop(50%,#ccc), color-stop(100%,#fff));
  	background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%, #fff  100%);
 	background-image: -moz-linear-gradient(top, #fff 0%, #eee 50%, #fff  100%);
  	background-image: -o-linear-gradient(top, #fff 0%, #eee 50%, #fff  100%);
  	background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%, #fff  100%);
  	background-image: linear-gradient(to bottom, #ddd 0%, #fff 50%, #ddd  100%);
	text-align:center;}


.navbar li a:hover	{background-color: -webkit-gradient(linear, top, bottom, color-stop(0%,#999), color-stop(8%,#888), color-stop(10%,#888), color-stop(35%,#888), color-stop(90%,#888), color-stop(92%,#888), color-stop(100%,#999));
  	background-image: -webkit-linear-gradient(top,  #999 0%,#888 5%,#999 95%,#888 100%);
 	background-image: -moz-linear-gradient(top,  #999 0%,#888 5%,#999 95%,#888 100%);
  	background-image: -o-linear-gradient(top,  #999 0%,#888 5%,#999 95%,#888 100%);
  	background-image: -ms-linear-gradient(top,  #999 0%,#888 5%,#999 95%,#888 100%);
  	background-image: linear-gradient(to bottom, #999 0%,#888 5%,#999 95%,#888 100%);}


} /* @media */

.notfound {
    text-align: center;
    margin: 0 auto;
    padding: 50px;
}
.notfound img {
    margin: 0 auto;
}
.notfound_title {
	font-family: bebas-neue-pro, sans-serif;
	font-size: 8rem;
	color: crimson;
	padding: 0;
	margin: 0;
}
.notfound_txt {
	font-size: 2.0rem;
    font-weight: lighter;
}

.notfound_txt a {
	text-decoration: underline;
    color: blue;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media only screen and (max-width: 768px) {

  .pc {
      display: none;
  }
  .sp {
      max-width: 100%;
      display: block;
  }
}

/* 紹介記事その１ */
.about-app	{padding: 30px 0 0 0;
	background-color: #dfe3e8;}

.about-app img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 80px auto 0 auto;
}

.about-app h1	{margin: 0 0 20px 0;
	font-size: 48px;
	font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height: 1.2;}

.about-app p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}




/* 背景画像の設定 */
.about-app	{background-image: url(../img/img_main.jpg);
	background-position: 30% 50%;
	background-size: cover;
	color: #fff;
	text-shadow: 2px 2px 2px #000;}

.about-app .button	{text-shadow: none;
	font-size:16px;
	border:none;}


/* リード */
.about-lead	{padding: 10px 0 0 0;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0%,#ccc), color-stop(20%,#ccc), color-stop(100%,#fff));
  	background-image: -webkit-linear-gradient(top, #ccc 0%,#fff 20%,#ccc 100%);
 	background-image: -moz-linear-gradient(top, #ccc 0%,#fff 20%,#ccc 100%);
  	background-image: -o-linear-gradient(top, #ccc 0%,#fff 20%,#ccc 100%);
  	background-image: -ms-linear-gradient(top, #ccc 0%,#fff 20%,#ccc 100%);
  	background-image: linear-gradient(to bottom, #ccc 0%,#fff 20%,#ccc 100%);
	text-align:center;
	color: #FFF700;}

.about-lead h2	{margin: 0 0 10px 0;
	font-family: 'Architects Daughter', cursive;
	font-size: 52px;
	color:#fff;
	text-shadow: 2px 2px 2px #000;
	line-height: 1.2;}
	
.about-lead h3	{margin: 0 0 10px 0;
	font-size: 16px;
	background-color:#49007f;
	color:#FCF300;
	padding: 3px 0 3px 15px;
	font-weight:600;
	line-height: 1.2;}

.about-lead p	{margin: 3px 0 10px 0;
    color: darkred;
	font-size: 15px;
	text-align:center;
	text-shadow: 1px 1px #fff;
	line-height: 1.7;}

.text-bk {
    color: #000;
}

.text-dr {
    color: darkred;
}

.textbox-dr {
    background-color: darkred;
    padding: 5px 0;
}

.textbox-dr.text-ye a {
    color: yellow;
}

/* 紹介記事その1 */
.about-content	{padding: 20px 0 30px 0;
	background-color: #fff;
	text-align: left;
	color: #000;}

.about-content img	{max-width: 100%;
	height: auto;
	margin: 5px auto 0 auto;
	border:none;
	vertical-align: bottom;}
	
.about-content h3 {margin: 20px 0 5px 0;
	font-size: 24px;
	border-bottom: 1px #121851 solid;
	border-left: 10px #121851 solid;
	padding: 2px 0 5px 15px;
	color: #000;
	line-height: 1.2;}

.about-content .food1 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #FF0004 solid;
	border-left: 10px #FF0004 solid;
	padding: 2px 0 5px 15px;
	color: #FF0004;
	line-height: 1.2;}
	
.about-content .food2 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #EB7800 solid;
	border-left: 10px #EB7800 solid;
	padding: 2px 0 5px 15px;
	color: #EB7800;
	line-height: 1.2;}

.about-content .food3 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #00AB4C solid;
	border-left: 10px #00AB4C solid;
	padding: 2px 0 5px 15px;
	color: #00AB4C;
	line-height: 1.2;}

.about-content .food4 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #EB7800 solid;
	border-left: 10px #EB7800 solid;
	padding: 2px 0 5px 15px;
	color: #EB7800;
	line-height: 1.2;}
	
.about-content .food5 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #EA0003 solid;
	border-left: 10px #EA0003 solid;
	padding: 2px 0 5px 15px;
	color: #EA0003;
	line-height: 1.2;}

.about-content .food6 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #000 solid;
	border-left: 10px #000 solid;
	padding: 2px 0 5px 15px;
	color: #000;
	line-height: 1.2;}
	
	
.about-content .service1 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #00656D solid;
	border-left: 10px #00656D solid;
	padding: 2px 0 5px 15px;
	color: #00656D;
	line-height: 1.2;}

.about-content .service2 {margin: 20px 0 5px 0;
	font-size: 24px;
	font-weight: 600;
	border-bottom: 1px #450089 solid;
	border-left: 10px #450089 solid;
	padding: 2px 0 5px 15px;
	color: #450089;
	line-height: 1.2;}
	
.about-content h3 .add {margin: 20px 0 5px 20px;
	font-size: 14px;
	line-height: 1.2;}

.about-content .title {
	color: #121851;
	border-bottom: 1px #fff solid;
	padding-bottom: 5px;
	margin-top: 15px;
}

.about-content .title2 {
	background: #121851;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-food1 {
	background: #FF0004;
	color: #FFF900;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-food2 {
	background: #EB7800;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-food3 {
	background: #00AB4C;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-food4 {
	background: #EA0003;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-food6 {
	background: #000;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-service1 {
	background: #008B8A;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}

.about-content .title-service2 {
	background: #7A00BE;
	color: #fff;
	border-radius: 0.2em;
	padding:5px 5px 5px 15px;
}


	
.about-content h4	{margin: 20px 0 5px 0;
	font-size: 18px;
	color: #000;
	text-align: center;
	line-height: 1.2;}

.about-content h5	{margin: 0 0 5px 0;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 1.2;}

.about-content h6	{margin: 0 0 5px 0;
	font-size: 18px;
	color: #fff;
	background: #C80003;
	padding: 10px;
	border-radius: 0.3em;
	font-weight: 500;
	line-height: 1.2;}

.about-content .special	{margin: 15px 0;
	display: inline-block;
	box-sizing:border-box;
	font-size: 16px;
	color: darkred;
	border: 1px solid darkred;
	padding: 5px 10px 5px 15px;
	border-radius: 0.3em;
	font-weight: 500;
	line-height: 1.2;}

.about-content p	{margin: 0;
	color: #000;
	line-height: 1.6;}
	
.about-content p .side	{margin: 0;
	color: #C80003;
	line-height: 1.2;
	float: right;}

.about-content p span {display: inline-block;
	background: #333;
	color: #fff;
	padding: 0 5px 0 5px;
	margin: 3px 8px 3px 0px;
	border-radius: 2px;
}

.about-content .defo {display: inline-block;
	background: #121851;
	color: #FFF700;
	padding: 0 5px 0 5px;
	margin: 4px 8px 4px 0px;
	border-radius: 2px;
}
	
.about-content strong	{
	display:block;
	color:#000;}
	
.about-content .textarea {
	background: #A75C8F;
	margin-top: 15px;
	padding: 10px;
	color: #000;}
	
.about-content iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.img-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    font-size: 1.4rem;
    border-bottom: 1px solid;
}

.img-container .img-item {
    margin-right: 1.5rem;
}

.img-container .img-item img {
    width: 100px;
}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.about-content .lineheight {
    line-height: 3.0;
}


.about-content h3 .button a {text-shadow: none;
	font-size:14px;
	margin-left: 15px;
	color: #fff;
	text-shadow: 1px 1px #000;
	font-weight: 600;
	border:none;}

.btn-box {
    background-color: lightyellow;
    padding: 15px 0;
}

.about-content .zoom { 
    position: relative; 
}

img.zoom_icon { 
    position: absolute; 
    top:-5px; 
    left: 10px; 
}

.amenity-mainimg {
	width: 100%;
}

.amenity-title {
	width: 70%;
}

.btnslide {
  cursor: pointer;
  padding-bottom: 30px;
}
.contentafter {
  display: none;
}

@media  (min-width:768px) and (max-width:991px) {
	.amenity-mainimg {
		width: 100%;
	}
	.amenity-title {
		width: 80%;
	}
}
@media  (min-width:992px) {
	.amenity-mainimg {
		width: 80%;
		margin: 0 auto;
	}
	.amenity-title {
		width: 60%;
	}
}



.btn-amber400_rsd {
  color: rgba(0, 0, 0, 0.9) !important;
  background: #ffca28;
}

.btn-amber400_rsd:hover, .btn-amber400_rsd:focus {
  background: #f4b800;
}

.btn-amber400_rsd:active {
  background: #c19100;
}

.btn-amber400_rsd:disabled {
  color: rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.2);
}

.btn-red900_rsd {
  color: #fff !important;
  background: #b71c1c;
}

.btn-red900_rsd:hover, .btn-red900_rsd:focus {
  background: #8b1515;
}

.btn-red900_rsd:active {
  background: #5f0e0e;
}

.btn-red900_rsd:disabled {
  color: rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.2);
}

.btn-red400_rsd {
  color: #fff !important;
  background: #ef5350;
}

.btn-red400_rsd:hover, .btn-red400_rsd:focus {
  background: #eb2521;
}

.btn-red400_rsd:active {
  background: #c71612;
}

.btn-red400_rsd:disabled {
  color: rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.2);
}


.btn-pink900_flt {
  color: #880e4f !important;
}

.btn-pink900_flt:hover, .btn-pink900_flt:focus {
  background: rgba(136, 14, 79, 0.2);
}

.btn-pink900_flt:active {
  background: rgba(136, 14, 79, 0.4);
}

.btn-pink900_flt:disabled {
  color: rgba(136, 14, 79, 0.3);
}

@media screen and (max-width:640px) { 
    .floormap-pc { display:none;}
    .floormap-mobile { display:inline;}
}

/* 紹介記事その2 */
.about-more	{padding: 20px 0 10px 0;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0%,#eee), color-stop(1%,#fff), color-stop(100%,#fff));
  	background-image: -webkit-linear-gradient(top, #eee 0%, #fff 1%,#fff 100%);
 	background-image: -moz-linear-gradient(top, #eee 0%, #fff 1%,#fff 100%);
  	background-image: -o-linear-gradient(top, #eee 0%, #fff 1%,#fff 100%);
  	background-image: -ms-linear-gradient(top, #eee 0%, #fff 1%,#fff 100%);
  	background-image: linear-gradient(to bottom, #eee 0%, #fff 1%,#fff 100%);
	color: #fff;
	text-align: left;}

.about-more img	{max-width: 100%;
	height: auto;
	margin: 5px auto 5px auto;
	border:none;
	vertical-align: bottom;}

.about-more h2	{margin: 0;
	font-size: 18px;
	color:#FFFC00;
	line-height: 1.2;}
	
.about-more h3	{margin: 20px 0 5px 0;
	font-size: 24px;
	color: #000;
	line-height: 1.2;}
	
.about-more h3 .add	{margin: 20px 0 5px 20px;
	font-size: 14px;
	line-height: 1.2;}

.about-more h3 a {color: #fff;
	text-decoration:none;}	

.about-more h3 a:after {content: '\f061';
	color: #f80;
	font-family:'FontAwesome';
	padding-left:5px;}

.about-more h4	{margin: 20px 0 15px 0;
	font-size: 18px;
	color: #fff;
	background: #121851;
	padding: 5px;
	text-align: center;
	line-height: 1.2;}

.about-more h5 {
	color: #9C493E;
	font-size: 18px;
	font-weight: 500;
	margin-top: 0;
	text-align: left;
}

.about-more p	{margin: 0;
	font-size: 14px;
	color: #000;
	line-height: 1.4;}
	
.about-more p span {display: inline-block;
	background: #666;
	color: #fff;
	padding: 0 5px 0 5px;
	margin: 4px 8px 4px 0px;
	border-radius: 2px;
}
	
.about-more p .btn  {margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 1.5;}

.btn-ghost {
	background: transparent;
}

.btn-ghost:hover {
	color: #000;
}
	
.about-more strong	{
	display:block;
	color:#FFFC00;}

.about-more dl {
	margin-left: 15px;
}

.about-more dt {
	line-height: 1.8;
	font-weight: 400;
}

.about-more dl dt a {
	color: #FFE900;
	text-decoration: underline;
}

.about-more dl dd{
	margin-left: 25px;
}

.about-more .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.about-more .zoom { 
    position: relative; 
}

img.zoom_icon { 
    position: absolute; 
    top:-5px; 
    left: 10px; 
}


/* フッター */
.footer	{padding: 10px 0 10px 0;
	background-color: #000;
	text-align:center;
	color: #fff;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

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




/* メディアクエリの設定 */
@media (max-width: 450px) {

	.header p{font-size:12px;}
	.header .container h1 .logo {width:200px;}
	.about-app	{padding: 40px 0 0 0;}
	.about-app h1	{font-size: 36px;}
	.about-app p	{font-size: 16px;}	
	.about-app img	{width: 60%;}
	.about-lead h2	{font-size: 36px;}
	.about-lead p	{font-size: 16px; line-height:1.5;}
	.about-more img	{width: 100%;}
	.about-more h2	{font-size: 22px;}
	.about-more h3	{font-size: 24px;}
	.about-more p	{font-size: 14px;}
	.about-app .button	{font-size:14px;}

} /* @media */
  
  /* ------------------------------------------------- *
 *        text color & Size
 * ------------------------------------------------- */
.text-titleIcon {
	color: #121851;
}
.text-imgIcon {
	color: #4d0c0b;
}
.text-arrowIcon {
	opacity: 0.3;
}
.text-color-white {
	color: #fff;
}
.text-color-yellow {
	color: #F9F69D;
}
.text-color-red-b {
	color: #C80003;
	font-weight: 500;
}
.text-color-o {
	color: #121851;
}
.text-color-o-b {
	color: #121851;
	font-weight: 600;
}
.text-muted {
	color: #999;
}
.h5 {
	font-size:16px;
}
.text-sideNav-title-color-white {
	color: #fff;
	font-size: 12px;
	margin-bottom: -10px;
}
.textArea p {
	color: #fff;
	font-size: 18px;
	text-shadow: 2px 2px 2px #000;
}
.textArea p .add {
	color: #fff;
	font-size: 14px;
	text-shadow: 2px 2px 2px #000;
}
.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 0.3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.roomNumber {
	font-size: 26px;
	color: #121851;
	font-weight: 500;
	margin-left: 15px;
}
.text-ssm {
	font-size: 12px;
	font-weight:400;
}
.text-sdm {
	font-size: 14px;
	font-weight:400;
}
.text-sm {
	font-size: 18px;
}
.text-md {
	font-size: 24px;
}
.text-lg {
	font-size: 36px;
}
.text-undertable {
	font-size: 12px;
	margin-top: 8px;
	padding-left: 15px;
	color: #FF0004;
	display: none;
}

@media (max-width: 767px) {
.text-undertable {
	display: inherit;
}
}

/* ================================================== *
 *
 *    helper
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.margin-top-lg {
	margin-top: 60px;
}
.margin-top-md {
	margin-top: 30px;
}
.margin-top-sm {
	margin-top: 15px;
}
.margin-bottom-lg {
	margin-bottom: 60px;
}
.margin-bottom-md {
	margin-bottom: 30px;
}
.margin-bottom-sm {
	margin-bottom: 15px;
}
.margin-bottom-ssm {
	margin-bottom: 5px;
}
.margin-left-sm {
	margin-left: 5px;
}
.margin-left-md {
	margin-left: 10px;
}
.margin-left-lg {
	margin-left: 15px;
}
.margin-right-sm {
	margin-right: 5px;
}
.margin-right-md {
	margin-right: 10px;
}
.margin-right-lg {
	margin-right: 15px;
}

/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-top-lg {
	padding-top: 60px;
}
.padding-top-md {
	padding-top: 30px;
}
.padding-top-sm {
	padding-top: 15px;
}
.padding-top-ssm {
	padding-top: 10px;
}
.padding-bottom-lg {
	padding-bottom: 60px;
}
.padding-bottom-md {
	padding-bottom: 30px;
}
.padding-bottom-sm {
	padding-bottom: 15px;
}
.padding-bottom-ssm {
	padding-bottom: 10px;
}
.padding-left-sm {
	padding-left: 15px;
}

/* ================================================== *
 *
 *    Custom Bootstrap Class
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        grid
 * ------------------------------------------------- */
.row .colPadding {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* ------------------------------------------------- *
 *        btn
 * ------------------------------------------------- */

.btn {
	border-radius: 3px;
	transition: .3s;
}
.btn:hover,
.btn:focus,
.btn.focus {
	box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-facebook,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger,
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
	border-color: transparent;
}

/* ------------------------------------------------- *
 *        subVisual
 * ------------------------------------------------- */
.subVisual-standard {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_standard.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-superior {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_superior.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-deluxe {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_deluxe.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-royal {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_royal.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-luxury {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_luxury.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-junior-suite {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_junior_suite.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-o-suite {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_o_suite.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-access {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_access.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-service {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_service.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-service2 {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_service2.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-how {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_how.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-food {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_food.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-setsubi {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_setsubi.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual-coupon {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_coupon.png') center 0 no-repeat;
	background-size: cover;
}

.subVisual-standard .text-right p,
.subVisual-superior .text-right p,
.subVisual-deluxe .text-right p,
.subVisual-royal .text-right p,
.subVisual-luxury .text-right p,
.subVisual-junior-suite .text-right p,
.subVisual-o-suite .text-right p,
.subVisual-gallery .text-right p,
.subVisual-access .text-right p,
.subVisual-member .text-right p,
.subVisual-service .text-right p,
.subVisual-service2 .text-right p,
.subVisual-how .text-right p,
.subVisual-food .text-right p,
.subVisual-setsubi .text-right p,
.subVisual-coupon .text-right p {
	text-align: right;
	text-shadow: 2px 2px 2px #000;
	margin-right: 15px;
	font-size: 24px;
}
@media(min-width:768px) {
.subVisual-standard,
.subVisual-superior,
.subVisual-deluxe,
.subVisual-royal,
.subVisual-luxury,
.subVisual-junior-suite,
.subVisual-o-suite,
.subVisual-gallery,
.subVisual-access,
.subVisual-member,
.subVisual-service,
.subVisual-service2,
.subVisual-how,
.subVisual-food,
.subVisual-setsubi,
.subVisual-coupon {
		padding-top: 10px;
		height: 80px;
		font-size: 28px;
	}
}
@media(min-width:992px) {
.subVisual-standard,
.subVisual-superior,
.subVisual-deluxe,
.subVisual-royal,
.subVisual-luxury,
.subVisual-junior-suite,
.subVisual-o-suite,
.subVisual-gallery,
.subVisual-access,
.subVisual-member,
.subVisual-service,
.subVisual-service2,
.subVisual-how,
.subVisual-food,
.subVisual-setsubi,
.subVisual-coupon {
		padding-top: 10px;
		height: 100px;
		font-size: 28px;
	}
}

/* ------------------------------------------------- *
 *        subVisual
 * ------------------------------------------------- */
.subVisual {
	padding-top: 20px;
	height: 80px;
	background: url('../images/img_standard.png') center 0 no-repeat;
	background-size: cover;
}
.subVisual .btn-group {
	margin-top: 30px;
}
.subVisual .btn-group .btn {
	margin-left: 10px;
	margin-bottom: 15px;
}
.subVisual .textArea {
	padding: 15px 8px 1px 8px;
	background: rgba(0,0,0,0.5);
}
.subVisual .img-responsive {
	width: 60%;
}
.subVisual .text-right p{
	text-align: right;
	text-shadow: 2px 2px 2px #000;
	margin-right: 15px;
	font-size: 28px;
}
@media(min-width:768px) {
	.subVisual {
		padding-top: 10px;
		height: 80px;
	}
	.subVisual .btn-group {
		margin-top: 40px;
	}
}
@media(min-width:992px) {
	.subVisual {
		padding-top: 10px;
		height: 100px;
	}
	.subVisual .btn-group {
		margin-top: 40px;
	}
	
	.subVisual .text-right p{
	text-align: right;
	text-shadow: 2px 2px 2px #000;
	margin-right: 15px;
	font-size: 18px;
}
}

/* ------------------------------------------------- *
 *        footer
 * ------------------------------------------------- */
.footer {
	background: #222;
	color: #fff;
	padding: 30px 0;
}
.footer .list-group .list-group-item {
	background: none;
	color: #999;
	border-left: none;
	border-right: none;
	border-radius: 0;
	border-color: #444;
}
.footer .glyphicon {
	position: absolute;
	right: 15px;
	top: 13px;
}
.footer .text-center {
	margin-top: 15px;
}
.footer a {
	color: #fff;
	font-weight:normal;
	text-decoration:underline;
}
.footer a:hover {
	color: #FFFC00;
	font-weight: normal;
	text-decoration:underline;
}
@media(min-width:768px) {
	.footer .list-group .list-group-item {
		border: none;
		padding: 0;
		padding-top: 5px;
	}
	.footer .glyphicon {
		display: none;
	}
	.footer .text-center {
		margin-top: 30px;
	}
}

/* ================================================== *
 *
 *    title modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        titleType1
 * ------------------------------------------------- */
.titleType1 {
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 27px;
}
.titleType1 .glyphicon {
	font-size: 20px;
	margin-right: 7px;
}
.titleType1 .badge {
	vertical-align: middle;
	margin-left: 7px;
}

/* ================================================== *
 *
 *    nav modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        sideNav
 * ------------------------------------------------- */
.sideNav.list-group .list-group-item {
	border-radius: 0;
	border-color: #444;
	border-bottom: none;
	border-left: none;
	border-right: none;
	color: #fff;
	background-color: #000;
}
.sideNav.list-group .list-group-item:last-child {
	border-bottom: none;
}
.sideNav .glyphicon {
	color: #FFC800;
	font-size: 12px;
	margin-right: 7px;
}

/* ================================================== *
 *
 *    button modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        btnPagetop
 * ------------------------------------------------- */
.btnPagetop a {
	background: #333;
	color: #aaa;
	border-top: 1px solid #ddd;
	padding: 15px 0;
}
.btnPagetop a:hover {
	text-decoration: none;
	background: #fafafa;
}

/* ------------------------------------------------- *
 *        btn
 * ------------------------------------------------- */

.btn {
	border-radius: 3px;
	transition: .3s;
}
.btn:hover,
.btn:focus,
.btn.focus {
	box-shadow: 0 0px 0px rgba(0,0,0,.3);
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-facebook,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger,
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
	border-color: transparent;
}

/* ------------------------------------------------- *
 *        map
 * ------------------------------------------------- */
#map-canvas {
	width: 100%;
	height: 300px;
	margin-top: 30px;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
    .demo-map {
      pointer-events: none;
	  }
}

/* ------------------------------------------------- *
 *        table
 * ------------------------------------------------- */
 .tr-gray {
	 background-color: #ddd;
	 color: #000;
 }
 .tr-white {
	 background-color: #fff;
	 color: #000;
 }
 .tr-head {
	 background-color: #121851;
	 color: #fff;
 }
 .tr-end {
	 background-color: #242424;
	 color: #000;
	 font-size: 12px;
 }
 .ver-middle {
	 vertical-align: baseline;
 }

/* ------------------------------------------------- *
 *        masonry
 * ------------------------------------------------- */
 #content {
	  margin: 10px auto;
	  padding: 0;
}
 #content .item {
	  width: 100%;
	  float: left;
	  margin: 20px 0 0 0;
	  padding: 0;
}
 #content .item img {
	  width: 100%;
	  max-width: 100%;
	  height: auto;
	  margin: 0;
}
@media (min-width: 767px) {
  #content .item {
		width: 330px;
		margin: 20px 20px 0 10px;
}
}
@media (min-width: 992px) {
  #content .item {
		width: 340px;
		margin: 20px 20px 0 10px;
  }
}

/* ------------------------------------------------- *
 *        pagetop
 * ------------------------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	}
.pagetop a {
	display: block;
	width: 60px;
	height: 40px;
	padding-top: 3px;
	background-color: #3E0035;
	border-radius: 5px;
	text-align: center;
	color: #F7FF00;
	font-size: 12px;
	text-decoration: none;
	opacity: 0.8;
}
@media (min-width: 767px) {
	.pagetop a {
		width: 90px;
		height: 60px;
		font-size: 16px;
		padding-top: 9px;
	}
}
@media (min-width: 992px) {
	.pagetop a {
		width: 70px;
		height: 50px;
		font-size: 14px;
		padding-top: 6px;
	}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
 /* ------------------------------------------------- *
 *        map
 * ------------------------------------------------- */
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ------------------------------
   #tabAccordion
------------------------------ */
#tabAccordion {
    margin: 30px auto 20px auto;
    width: 100%;
    height: 1600px;
    font-size: 12px;
    border: #9C493E 1px solid;
    position: relative;
}
 
#tabAccordion dl {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
 
#tabAccordion dl dt {
    top: 0;
    left: 0;
    width: 150px;
    font-weight: bold;
    position: absolute;
    border-right: #999 1px solid;
    border-bottom: #999 1px solid;
    background: #ddd;
    box-sizing: border-box;
}
 
#tabAccordion dl:nth-child(2) dt {
    left: 150px;
}
 
#tabAccordion dl:nth-child(3) dt {
    left: 300px;
}
 
#tabAccordion dl:nth-child(4) dt {
    left: 450px;
}

#tabAccordion dl:nth-child(5) dt {
    left: 600px;
}

#tabAccordion dl:nth-child(6) dt {
    left: 750px;
    border-right: none;
}
 
#tabAccordion dl dt a {
    padding: 15px 0;
    font-weight: bold;
	font-size: 18px;
    display: block;
	color: #9C493E;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
 
#tabAccordion dl dt.btnAcv {
    border-bottom: none;
    background: #fff;
}
 
@media only screen and (min-width: 768px) {
    #tabAccordion dl dt:hover > a {
        background: #fff;
    }
}
 
#tabAccordion dl dd {
    top: 40px;
    left: 0;
    padding: 30px;
    width: 100%;
    height: auto;
    text-align: left;
    overflow-y: auto;
    display: none;
    position: absolute;
    box-sizing: border-box;
}
 
#tabAccordion dl dd p {
    padding-bottom: 2em;
    line-height: 2em;
}
 
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #tabAccordion {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion dl {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion dl dt {
        width: 25%;
    }
 
    #tabAccordion dl:nth-child(2) dt {
        left: 25%;
    }
 
    #tabAccordion dl:nth-child(3) dt {
        left: 50%;
    }
 
    #tabAccordion dl:nth-child(4) dt {
        left: 75%;
    }
	
	#tabAccordion dl:nth-child(5) dt {
        left: 75%;
    }
	
	#tabAccordion dl:nth-child(6) dt {
        left: 75%;
    }
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #tabAccordion {
        width: 100%;
        height: auto;
        border: none;
    }
 
    #tabAccordion dl {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
    }
 
    #tabAccordion dl dt {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
        border-bottom: #999 1px solid;
        border-right: none;
    }
 
    #tabAccordion dl:first-child dt {
        border-top: #999 1px solid;
    }
 
    #tabAccordion dl:nth-child(2) dt,
    #tabAccordion dl:nth-child(3) dt,
    #tabAccordion dl:nth-child(4) dt,
	#tabAccordion dl:nth-child(5) dt,
	#tabAccordion dl:nth-child(6) dt {
        left: auto;
    }
 
    #tabAccordion dl dt a {
        padding: 20px;
        height: auto;
        line-height: 1em;
        text-align: left;
    }
 
    #tabAccordion dl dt a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
 
    #tabAccordion dl dt.btnAcv {
        border-bottom: #999 1px solid;
        background: #bbb;
    }
 
    #tabAccordion dl dt.btnAcv a:after {
        content: none;
    }
 
    #tabAccordion dl dd {
        top: auto;
        left: auto;
        padding: 20px;
        width: 100%;
        height: auto;
        position: relative;
        border-bottom: #999 1px solid;
    }
}


/* ------------------------------
   #tabAccordion2
------------------------------ */
#tabAccordion2 {
    margin: 30px auto 20px auto;
    width: 100%;
    height: 880px;
    font-size: 12px;
    border: #9C493E 1px solid;
    position: relative;
}
 
#tabAccordion2 dl {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
 
#tabAccordion2 dl dt {
    top: 0;
    left: 0;
    width: 150px;
    font-weight: bold;
    position: absolute;
    border-right: #999 1px solid;
    border-bottom: #999 1px solid;
    background: #ddd;
    box-sizing: border-box;
}
 
#tabAccordion2 dl:nth-child(2) dt {
    left: 150px;
}
 
#tabAccordion2 dl:nth-child(3) dt {
    left: 300px;
}
 
#tabAccordion2 dl:nth-child(4) dt {
    left: 450px;
}

#tabAccordion2 dl:nth-child(5) dt {
    left: 600px;
}

#tabAccordion2 dl:nth-child(6) dt {
    left: 750px;
    border-right: none;
}
 
#tabAccordion2 dl dt a {
    padding: 15px 0;
    font-weight: bold;
	font-size: 18px;
    display: block;
	color: #9C493E;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
 
#tabAccordion2 dl dt.btnAcv {
    border-bottom: none;
    background: #fff;
}
 
@media only screen and (min-width: 768px) {
    #tabAccordion2 dl dt:hover > a {
        background: #fff;
    }
}
 
#tabAccordion2 dl dd {
    top: 40px;
    left: 0;
    padding: 30px;
    width: 100%;
    height: auto;
    text-align: left;
    overflow-y: auto;
    display: none;
    position: absolute;
    box-sizing: border-box;
}
 
#tabAccordion2 dl dd p {
    padding-bottom: 2em;
    line-height: 2em;
}
 
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #tabAccordion2 {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion2 dl {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion2 dl dt {
        width: 25%;
    }
 
    #tabAccordion2 dl:nth-child(2) dt {
        left: 25%;
    }
 
    #tabAccordion2 dl:nth-child(3) dt {
        left: 50%;
    }
 
    #tabAccordion2 dl:nth-child(4) dt {
        left: 75%;
    }
	
	#tabAccordion2 dl:nth-child(5) dt {
        left: 75%;
    }
	
	#tabAccordion2 dl:nth-child(6) dt {
        left: 75%;
    }
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #tabAccordion2 {
        width: 100%;
        height: auto;
        border: none;
    }
 
    #tabAccordion2 dl {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
    }
 
    #tabAccordion2 dl dt {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
        border-bottom: #999 1px solid;
        border-right: none;
    }
 
    #tabAccordion2 dl:first-child dt {
        border-top: #999 1px solid;
    }
 
    #tabAccordion2 dl:nth-child(2) dt,
    #tabAccordion2 dl:nth-child(3) dt,
    #tabAccordion2 dl:nth-child(4) dt,
	#tabAccordion2 dl:nth-child(5) dt,
	#tabAccordion2 dl:nth-child(6) dt {
        left: auto;
    }
 
    #tabAccordion2 dl dt a {
        padding: 20px;
        height: auto;
        line-height: 1em;
        text-align: left;
    }
 
    #tabAccordion2 dl dt a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
 
    #tabAccordion2 dl dt.btnAcv {
        border-bottom: #999 1px solid;
        background: #bbb;
    }
 
    #tabAccordion2 dl dt.btnAcv a:after {
        content: none;
    }
 
    #tabAccordion2 dl dd {
        top: auto;
        left: auto;
        padding: 20px;
        width: 100%;
        height: auto;
        position: relative;
        border-bottom: #999 1px solid;
    }
}


/* ------------------------------
   #tabAccordion3
------------------------------ */
#tabAccordion3 {
    margin: 30px auto 20px auto;
    width: 100%;
    height: 1280px;
    font-size: 12px;
    border: #9C493E 1px solid;
    position: relative;
}
 
#tabAccordion3 dl {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
 
#tabAccordion3 dl dt {
    top: 0;
    left: 0;
    width: 150px;
    font-weight: bold;
    position: absolute;
    border-right: #999 1px solid;
    border-bottom: #999 1px solid;
    background: #ddd;
    box-sizing: border-box;
}
 
#tabAccordion3 dl:nth-child(2) dt {
    left: 150px;
}
 
#tabAccordion3 dl:nth-child(3) dt {
    left: 300px;
}
 
#tabAccordion3 dl:nth-child(4) dt {
    left: 450px;
}

#tabAccordion3 dl:nth-child(5) dt {
    left: 600px;
}

#tabAccordion3 dl:nth-child(6) dt {
    left: 750px;
    border-right: none;
}
 
#tabAccordion3 dl dt a {
    padding: 15px 0;
    font-weight: bold;
	font-size: 18px;
    display: block;
	color: #9C493E;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
 
#tabAccordion3 dl dt.btnAcv {
    border-bottom: none;
    background: #fff;
}
 
@media only screen and (min-width: 768px) {
    #tabAccordion3 dl dt:hover > a {
        background: #fff;
    }
}
 
#tabAccordion3 dl dd {
    top: 40px;
    left: 0;
    padding: 30px;
    width: 100%;
    height: auto;
    text-align: left;
    overflow-y: auto;
    display: none;
    position: absolute;
    box-sizing: border-box;
}
 
#tabAccordion3 dl dd p {
    padding-bottom: 2em;
    line-height: 2em;
}
 
/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
@media only screen and (max-width: 800px) {
    #tabAccordion3 {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion3 dl {
        width: 100%;
        box-sizing: border-box;
    }
 
    #tabAccordion3 dl dt {
        width: 25%;
    }
 
    #tabAccordion3 dl:nth-child(2) dt {
        left: 25%;
    }
 
    #tabAccordion3 dl:nth-child(3) dt {
        left: 50%;
    }
 
    #tabAccordion3 dl:nth-child(4) dt {
        left: 75%;
    }
	
	#tabAccordion3 dl:nth-child(5) dt {
        left: 75%;
    }
	
	#tabAccordion3 dl:nth-child(6) dt {
        left: 75%;
    }
}
 
/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
    #tabAccordion3 {
        width: 100%;
        height: auto;
        border: none;
    }
 
    #tabAccordion3 dl {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
    }
 
    #tabAccordion3 dl dt {
        top: auto;
        left: auto;
        width: 100%;
        position: relative;
        border-bottom: #999 1px solid;
        border-right: none;
    }
 
    #tabAccordion3 dl:first-child dt {
        border-top: #999 1px solid;
    }
 
    #tabAccordion3 dl:nth-child(2) dt,
    #tabAccordion3 dl:nth-child(3) dt,
    #tabAccordion3 dl:nth-child(4) dt,
	#tabAccordion3 dl:nth-child(5) dt,
	#tabAccordion3 dl:nth-child(6) dt {
        left: auto;
    }
 
    #tabAccordion3 dl dt a {
        padding: 20px;
        height: auto;
        line-height: 1em;
        text-align: left;
    }
 
    #tabAccordion3 dl dt a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
 
    #tabAccordion3 dl dt.btnAcv {
        border-bottom: #999 1px solid;
        background: #bbb;
    }
 
    #tabAccordion3 dl dt.btnAcv a:after {
        content: none;
    }
 
    #tabAccordion3 dl dd {
        top: auto;
        left: auto;
        padding: 20px;
        width: 100%;
        height: auto;
        position: relative;
        border-bottom: #999 1px solid;
    }
}


/* ------------------------------
  予約
------------------------------ */

/* 予約 */
.about-reserve	{padding: 20px 0 10px 0;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0%,#333), color-stop(1%,#fff), color-stop(99%,#fff), color-stop(100%,#631125));
  	background-image: -webkit-linear-gradient(top, #333 0%,#fff 1%,#fff 99%,#631125 100%);
 	background-image: -moz-linear-gradient(top, #333 0%,#fff 1%,#fff 99%,#631125 100%);
  	background-image: -o-linear-gradient(top, #333 0%,#fff 1%,#fff 99%,#631125 100%);
  	background-image: -ms-linear-gradient(top, #333 0%,#fff 1%,#fff 99%,#631125 100%);
  	background-image: linear-gradient(to bottom, #333 0%,#fff 1%,#fff 99%,#631125 100%);
	text-align: left;
	color: #000;}

.about-reserve img	{max-width: 100%;
	height: auto;
	margin: 5px auto 0 auto;
	border:none;
	vertical-align: bottom;}
	
.about-reserve h3 {margin: 20px 0 5px 0;
	font-size: 24px;
	border-bottom: 1px #631125 solid;
	border-left: 10px #631125 solid;
	padding: 2px 0 5px 15px;
	color: #000;
	line-height: 1.2;}	
	
.about-reserve h3 .add {margin: 20px 0 5px 20px;
	font-size: 14px;
	line-height: 1.2;}

.about-reserve .title {
	color: #631125;
	border-bottom: 1px #fff solid;
	padding-bottom: 5px;
	margin-top: 15px;
}

.about-reserve h3 a {color: #000;
	text-decoration:none;}	

.about-reserve h3 a:after {content: '\f061';
	color: #f80;
	font-family:'FontAwesome';
	padding-left:5px;}
	
.about-reserve h4 {
	margin		 : 0;
	padding		 : 0;
	font-size	 : 14px;
}

.about-reserve p	{margin: 0;
	color: #000;
	line-height: 1.6;}

.about-reserve p span {display: inline-block;
	background: #333;
	color: #fff;
	padding: 0 5px 0 5px;
	margin: 3px 8px 3px 0px;
	border-radius: 2px;
}
	
.about-reserve iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

#booking_inner {
	width		 : 100%;
	margin		 : 0;
	padding		 : 0;
	line-height	 : 1.5em;
	font-size	 : 12px;
}
.bookingengine {
	color		 : #D6D6D6;
}
.booking {
	font-size	 : 14px;
	font-weight	 : bold;
}
.booking_date {
	margin		 : 0;
	padding		 : 0 5px;
	float		 : left;
	display		 : block;
}
.booking_date_2col {
	float		 : left;
	display		 : block;
	width		 : 80px;
	margin-right	 : 5px;
	padding		 : 0 5px;
}
input,select {
	margin		 : 2px 0;
	padding		 : 2px 3px;
}
input.button {
	width		 : 100%;
	margin		 : 3px auto;
	text-align	 : center;
}
hr {
	
	width		 : 98%;
	height		 : 0;
	margin		 : 0;
	padding		 : 0;
	border		 : none;
	border-bottom	 : 1px dotted #CCCCCC;
}

#nitteiarea,
#ninzuarea,
#ryokinarea,
#searchtypearea {
	width		 : 100%;
	margin		 : 0;
	padding		 : 5px;
	border		 : none;
}

input#chkymd,
input#chkpsn {
	margin		 : 0;
	padding		 : 0;
}

#calidif,
#apple_overlayif {
	width		 : 0;
	height		 : 0;
	position	 : absolute;
	display		 : block;
}

.couponbanner{
	padding-top: 5px;
}




/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {margin: 0 auto;
	width: 100%;
}

@media(max-width:991px) {
.viewer ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden;
	margin: 0 auto;
	width: auto;
	height: 340px;
	}
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}
    
    
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #eee;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;
}

.breadcrumb li:after {/* ▶を表示*/
  font-family: FontAwesome;
  content: '\f0da';
  padding: 0 0.6em;
  color: silver;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #888;
}

.breadcrumb li:first-child a:before {
  /*家アイコン*/
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 1.0em;
  color: #aaa;
  padding-left: 0.6em;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}