@charset "utf-8";


@import "reservation.css";
@import "custom.css";


/* --------------------------------
	shop-header
-------------------------------- */

.shop-header {
	margin-bottom: 20px;
}

/* --------------------------------
	shop-meta
-------------------------------- */

.shop-header .shop-meta {
	background-color: #3e3a39;
	color: #fff;
	padding: 8px 10px;
}

.shop-header .shop-meta .category-list {
	float: left;
}

.shop-header .shop-meta .icon-list {
	float: right;
	margin-top: 3px;
	font-size: 0;
}

.shop-header .shop-meta .icon-list li {
	display: inline;
	list-style: none;
	margin-left: 3px;
}


/* --------------------------------
	shop-primary
-------------------------------- */

.shop-primary {
	font-size: 153.9%;
	padding: 5px 10px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #7d00be;
	font-weight: bold;
}

.shop-primary .shop-name {
	float: left;
}

.shop-primary .tel {
	float: right;
}


/* --------------------------------
	shop-secondary
-------------------------------- */

.shop-secondary {
	margin-top: 10px;
	font-size: 93%;
	float: right;
}

.shop-secondary .btn-reserve {
	display: inline-block;
	float: left;
	border: 1px solid #eee;
	padding: 6px 10px;
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 1.3;
	background-color: #5cb531;
	width: 170px;
	height: 30px;
	margin-right: 10px;
}

.shop-secondary .btn-reserve span {
	display: block;
}

.shop-secondary .btn-mail {
	display: inline-block;
	float: left;
	border: 1px solid #cccccc;
	padding: 6px 10px;
	color: #333;
	display: block;
	line-height: 1.3;
	background-color: #eee;
	width: 170px;
	height: 30px;
	margin-right: 10px;
}

.shop-secondary .btn-mail span {
	display: block;
	padding-left: 25px;
	background-image: url(../images/cmn_icon_mail.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.shop-secondary .share-list {
	background-color: #eee;
	padding: 6px 10px;
	height: 30px;
	display: inline-block;
	float: left;

	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.shop-secondary .share-list dt {
	float: left;
	margin-right: 10px;
	line-height: 18px;
}

.shop-secondary .share-list dd {
	float: left;
	font-size: 0;
}

.shop-secondary .share-list dd li {
	list-style: none;
	display: inline;
	margin-left: 5px;
}


/* --------------------------------
	shop-info
-------------------------------- */

.shop-info table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}

.shop-info table th,
.shop-info table td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.shop-info table th {
	width: 30%;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	background: #eee;
	white-space: nowrap;
}

.shop-info table td {
	width: 70%;
	vertical-align: middle;
	border-left: 1px solid #ccc;
	background: #fff;
}

.shop-info .map {
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

.shop-info .btn-map {
	display: none;
	border: 1px solid #A10000;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	background-color: #bf0000;
	width: 100%;
	margin: 0 auto 20px;
}

.shop-info .btn-map span {
	display: block;
}


/* --------------------------------
	coupon-section
-------------------------------- */

.coupon-list {
	position: relative;
}

.coupon-list li {
	overflow: hidden;
	margin: 10px 10px;
	text-align: left;
	float: left;
	width: 450px;
	min-height: 150px;
}

.coupon-list li > a,
.coupon-list li > div {
	display: block;
	width: 100%;
	min-height: 180px;
	padding: 10px;
  color: #fff;
}

.coupon-list li.text-coupon > a,
.coupon-list li.text-coupon > div {
  background: url(../images/coupon_title.png) no-repeat center 8px;
  background-size: 96%;
  padding: 60px 10px 10px;
}

.coupon-section .coupon-list li > div {
	min-height: 170px;
	padding: 45px 10px 10px;
}

.coupon-list li a:hover {
	text-decoration: none;
  color: #fff;
}

.coupon-list .text-coupon {
	background: #53007D;
}

.coupon-list .text-coupon .title {
	font-weight: bold;
	margin-bottom: 3px;
}

.coupon-list .text-coupon .description {
	font-size: 93%;
	margin-bottom: 3px;
}

.coupon-list .text-coupon .expire-date {
	font-size: 93%;
	margin-bottom: 3px;
}

.coupon-list .text-coupon .requirement {
	font-size: 70%;
}

.coupon-list .img-coupon {
	text-align: center;
	padding: 0;
	margin: 0;
	width: 50%;
}

.coupon-list img {
	vertical-align: middle;
	width: auto;
	height: auto;
	max-width: 450px;
}

.coupon-section .shop-header {
 	margin-bottom: 0;
}

.coupon-section .shop-primary {
 	margin-bottom: 0;
}


/* --------------------------------
	gallery
-------------------------------- */

.gallery-main {
	width: 702px;
	height: 468px;
	line-height: 468px;
	overflow: hidden;
	background: #eee;
	position: relative;
	text-align: center;
	float: left;
}

.gallery-main .gallery-img,
.gallery-main .gallery-img img {
	max-width: 702px;
	max-height: 468px;
}

.gallery-main .gallery-img {
	position: relative;
	width: 702px;
	height: 468px;
}

.gallery-main .gallery-img .loading {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000 url(../images/cmn_ajax-loader.gif) no-repeat center;
	height: 44px;
	width: 44px;
	opacity: 0.7;
	margin-top: -22px;
	margin-left: -22px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.gallery-text {
	background-image: url(../images/cmn_black.png);
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	line-height: 1.5;
	text-align: left;
	overflow: hidden;
}

.gallery-text p {
	padding: 15px;
}


.gallery-list {
	width: 220px;
	margin: 0;
	overflow: hidden;
	float: right;
}

.gallery-list > .inner {
	width: 9999px;
}

.gallery-list ul {
	width: 102px;
	float: left;
	list-style: none;
	margin-right: 16px;
}

.gallery-list li {
	margin-bottom: 12px;
	width: 102px;
	height: 68px;
}

.gallery-list li a {
	display: block;
	overflow: hidden;
	border: 1px solid #ddd;
	height: 68px;
	width: 102px;
	text-align: center;
}

.gallery-list li .current {
	border: 1px solid #7d00be;
}

.gallery-list li a img {
	max-width: 102px;
	max-height: 68px;
}

.gallery-list li .current img {
	opacity: 0.6;
}

.gallery-control {
	display: none;
}

.gallery-control ul {
	width: 100%;
}

.gallery-control li {
	height: auto;
	margin: 0;
}

.gallery-control .prev {
	float: left;
}

.gallery-control .next {
	float: right;
  margin-right: 0;
}

.gallery-control .btn {
	background-color: #7d00be;
	text-indent: -9999px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

.gallery-control .prev .btn {
	background-image: url(../images/cmn_arw_prev.png);

}

.gallery-control .next .btn {
	background-image: url(../images/cmn_arw_next.png);
}



/* ----------------------------------------------------------------

	@media

---------------------------------------------------------------- */

@media (max-width: 1200px) {


	/* --------------------------------
		gallery
	-------------------------------- */
	.gallery-main {
		width: 460px;
		height: 306px;
		line-height: 306px;
	}

	.gallery-main .gallery-img,
	.gallery-main .gallery-img img {
		max-width: 460px;
		max-height: 306px;
	}

	.gallery-main .gallery-img {
		position: relative;
		width: 480px;
		height: 306px;
	}


	/* --------------------------------
		coupon
	-------------------------------- */

	.coupon-list li {
		width: 330px;
	}

	.coupon-list img {
	max-width: 320px;
	}

  .coupon-list li.text-coupon > a,
  .coupon-list li.text-coupon > div {
    padding: 50px 10px 10px;
  }
}


@media (max-width: 600px) {

	.side-1 .magazine,
	.side-1 .present,
	.side-1 .hotel-list,
	.side-1 .coupon,
	.side-1 .side-banner {
		display: none;
	}


	/* --------------------------------
		gallery
	-------------------------------- */

	.gallery-list {
		width: 460px;
		margin-top: 20px;
	}

	.gallery-list ul {
		width: 238px;
		margin-right: 0;
	}

	.gallery-list li {
		margin-right: 17px;
		float: left;
	}

	.gallery-control ul {
    width: 100%;
  }


	/* --------------------------------
		coupon
	-------------------------------- */

	.coupon-list li {
		width: 440px;
	}

.coupon-list .img-coupon {
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

	/* --------------------------------
		shop-info
	-------------------------------- */

	.shop-info .map {
		height: 250px;
	}

	.shop-info .btn-map {
		display: block;
	}


	/* --------------------------------
		shop-secondary
	-------------------------------- */
	.shop-secondary .btn-reserve,
	.shop-secondary .btn-mail {
		width: 155px;
	}
	.shop-secondary .share-list dt {
		display: none;
	}

}


.pdf_btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.pdf_btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}