/*-------------------------------------------------------------------------
 [SP] SPOT detail
--------------------------------------------------------------------------*/
#detail_main {
	width: 100%;
	position: relative;
}

#detail_main_pc {
	display: none;
}

#shop_head {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 1.0em;
	padding-top: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#shop_head p {
	font-size: 0.7em;
	color: #fff;
	padding-left: 5px;
	line-height: 140%;
	text-shadow: 0px 0px 3px #000000;
}
#shop_head h1 {
	font-size: 1.2em;
	color: #fff;
	padding-left: 5px;
	line-height: 140%;
	text-shadow: 0px 0px 3px #000000;
}
#shop_head h2 {
	font-size: 0.8em;
	color: #fff;
	padding-left: 5px;
	line-height: 140%;
	margin-bottom: 15px;
	text-shadow: 0px 0px 3px #000000;
}
.detail_mainimg {
	max-height: 300px;
	overflow: hidden;
}
.spot_menu {
	width: 100%;
	border-bottom: 1px solid #ccc;
	line-height: 130%;
}
.spot_menu li {
	width: 25%;
	float: left;
	text-align: center;
	font-size: 0.9em;
}
.spot_menu li a {
	display: block;
	border-right: 1px dashed #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}
.spot_menu li a:hover {
	text-decoration: none;
}
.spot_menu li a i {
	font-size: 1.4em;
}
.spot_menu:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
#detail_basicinfo {
	background-color: #eee;
	border-radius: 10px;
	width: 94%;
	padding: 2%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
	margin-top: 10px;
}
#detail_basicinfo:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
#detail_basicinfo span {
	display: none;
}
#detail_basicinfo dt {
	width: 8%;
	float: left;
	text-align: center;
	clear: both;
}
#detail_basicinfo dd {
	width: 92%;
	float: left;
}
#detail_telbox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
/*#detail_telbox li {
	width: 50%;
	float: left;
	text-align: center;
}

#detail_telbox .tel {
}

#detail_telbox .bookmark {
	
}*/
#detail_telbox li {
	text-align: center;
}
#detail_telbox .tel a {
	color: #fff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #efe457), color-stop(1.00, #feae31));
	background: -webkit-linear-gradient(#efe457, #feae31);
	background: -moz-linear-gradient(#efe457, #feae31);
	background: -o-linear-gradient(#efe457, #feae31);
	background: -ms-linear-gradient(#efe457, #feae31);
	background: linear-gradient(#efe457, #feae31);
}
/*#detail_telbox .bookmark a {
	color: #333;
	width: 80%;
	display: block;
	font-weight: bold;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
	background: -webkit-linear-gradient(#fff, #ababab);
	background: -moz-linear-gradient(#fff, #ababab);

	background: -o-linear-gradient(#fff, #ababab);
	background: -ms-linear-gradient(#fff, #ababab);
	background: linear-gradient(#fff, #ababab);
}*/


.detail_box {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	margin-top: 15px;
}
.detail_box h2 {
	width: 100%;
	font-size: 1.3em;
	color: #F77D90;
	background-color: #FBFBFB;
	border-top: 3px solid #DB0066;
	padding: 2%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.detail_box blockquote {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.detail_box blockquote img {
	width: 100%;
}
.detail_box p {
	padding: 10px;
}
#course_list li a {
	display: block;
	width: 94%;
}
#coupon_list li a {
	display: block;
	width: 94%;
}
.storeTopList {
	overflow: hidden;
	margin: 0 -10px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	background-color: #FFFFFF;
	line-height: 1.4;
}
.storeTopList > li {
	border-bottom: 1px solid #CDCDCD;
	line-height: 1.25;
}
.storeTopList > .iLinkNoArrow > a {
	display: block;
	padding-right: 10px;
}
.storeTopList .itemInforHor > dt {
	padding: 10px;
	width: 78px;
	background-color: #EEEEEE;
	font-size: 12px;
}
.storeTopList .itemInforHor > dd {
	padding: 10px;
	font-size: 12px;
	color: #333333;
}
.storeTopList .itemInforHor > .styleMap, .storeTopList .itemInforHor > .stylePhone {
	padding-right: 38px;
}
.storeTopList .styleMap {
	color: #3B92C8 !important;
}
.storeTopList .externalLink {
	color: #3B92C8 !important;
}
.storeTopList .stylePhone > .attention {
	font-size: 10px;
	color: #666666;
}
.storeTopList .stylePhone > .phoneNumber {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
	color: #3B92C8;
}
.storeTopList > li:last-child {
	border-bottom: none;
}
.storeTopListShopName {
	line-height: 1.2;
	font-size: 12px;
}
.storeTopListCrownText {
	margin-top: 4px;
	color: #999999;
	line-height: 1.1;
	font-size: 10px;
}
.storeTopDetailArea {
	display: none;
	margin: 0 -10px;
}
.storeTopDetailArea .sectionTitle {
	margin-left: 10px;
}
.storeTopDetailArea .storeTopList {
	margin: auto;
}
.detail_title {
	padding: 10px;
}
.detail_table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.detail_table th {
	padding: 5px;
	width: 30%;
	border: 1px solid #ccc;
	background-color: #FCF7EE;
}
.detail_table td {
	padding: 5px;
	border: 1px solid #ccc;
}
#detail_menu_main {
	border-top: 3px solid #AEA594;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
#detail_menu_main p {
	font-size: 0.7em;
	padding-left: 5px;
	line-height: 140%;
}
#detail_menu_main h1 {
	font-size: 1.2em;
	padding-left: 5px;
	line-height: 140%;
}
#detail_menu_main h4 {
	font-size: 0.8em;
	padding-left: 5px;
	line-height: 140%;
	margin-bottom: 5px;
}
#topic_path {
	background-color: #FDF9F3;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
}
#topic_path a {
	display: block;
}
#menu_box {
	padding-top: 15px;
}
.menu_detail_box {
	border-top: 3px solid #ed9b9b;
	padding: 10px;
	position: relative;
}
.menu_detail_box h2 {
	font-size: 1.1em;
	margin-bottom: 15px;
	line-height: 140%;
}
.menu_detail_box h3 {
	font-size: 1.1em;
	margin-bottom: 15px;
	line-height: 140%;
	text-align: right;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.mainVisual3 {
	background-image: url(../images/cont/mv_a_00.gif);
}
.mainVisual {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 200px;
	background-color: #000;
	background-image: url(../images/cont/mv_a_01.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	-webkit-background-size: cover;
	background-size: cover;
}
.mainVisual::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 200px;
	content: '';
	background: url(../images/cont/bg_pattern.png) 0 0;
}
.mainVisual h3 {
	font-size: 47px;
	font-weight: 400;
	position: relative;
	margin: 0 auto;
	text-align: center;
	padding-top: 80px;
	color: #fff;
	text-shadow: 1px 1px 11px rgba(0,0,0,.3);
}
.feature_box {
	position: relative;
	width: 100%;
	padding: 10px;
	clear: both;
	border-top: 1px solid #ccc;
}
.feature_box a {
	display: block;
}
.feature_box:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.feature_box blockquote {
	width: 20%;
	float: left;
}
.feature_box blockquote img {
	width: 80%;
}
.feature_box h3 {
	font-size: 1.0em;
	padding-top: 10px;
}
.feature_box p {
	font-size: 0.9em;
}
.feature_box i {
	display: block;
	position: absolute;
	right: 10px;
	top: 40%;
}
.feature_menu {
	width: 100%;
	border-bottom: 1px solid #ccc;
	line-height: 130%;
}
.feature_menu li {
	width: 25%;
	float: left;
	text-align: center;
	font-size: 0.9em;
}
.feature_menu li a {
	display: block;
	border-right: 1px dashed #ccc;
	padding-top: 7px;
	line-height: 110%;
	padding-bottom: 7px;
	font-size: 0.9em;
	color: #333 !important;
}
.feature_menu li a i {
	margin-bottom: 10px;
	font-size: 2em !important;
	margin-top: 10px;
	color: #D47BA4;
}
.feature_menu li a span {
	font-size: 0.8em;
}
.feature_menu li a:hover {
	text-decoration: none;
}
.feature_menu li a i {
	font-size: 1.4em;
}
.feature_menu:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.coupon {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.coupon li {
	border: 3px solid #D19394;
	margin-bottom: 15px;
}
.coupon li a {
	display: block;
	padding: 10px;
	font-size: 0.8em;
}
.coupon li a h3 {
	font-size: 1.2em;
	padding-bottom: 5px;
	border-bottom: 2px solid #D19394;
	font-weight: bold;
	margin-bottom: 10px;
}
.coupon li a dl {
	margin-bottom: 10px;
}
.coupon li a dl:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.coupon li a dt {
	width: 20%;
	float: left;
	clear: both;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dashed #ccc;
	color: #333;
}
.coupon li a dd {
	width: 80%;
	float: left;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dashed #ccc;
	color: #333;
}
.coupon li a p {
	display: block;
	clear: both;
	font-weight: bold;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fbe8fc), color-stop(0.49, #fba6e1), color-stop(0.51, #fd8ad7), color-stop(1.00, #ff7ad7));
	background: -webkit-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -moz-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -o-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: -ms-linear-gradient(top, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
	background: linear-gradient(to bottom, #fbe8fc 0%, #fba6e1 49%, #fd8ad7 51%, #ff7ad7 100%);
}
#coupon_title {
	width: 96%;
	background-color: #AC0002;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
	text-align: center;
}
.coupon_d {
	width: 96%;
	font-size: 0.8em;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF6F6;
}
.coupon_d li {
	border: 5px solid #AC0002;
	padding: 10px;
}
.coupon_d li h3 {
	font-size: 1.4em;
	line-height: 140%;
	padding-bottom: 5px;
	border-bottom: 3px solid #AC0002;
	font-weight: bold;
	margin-bottom: 10px;
	color: #D10000;
}
.coupon_d li dl {
	margin-bottom: 10px;
}
.coupon_d li dl:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.coupon_d li dt {
	width: 20%;
	float: left;
	clear: both;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dashed #ccc;
	color: #333;
}
.coupon_d li dd {
	width: 80%;
	float: left;
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dashed #ccc;
	color: #333;
}
.coupon_d li p {
	clear: both;
	text-decoration: none;
	text-align: right;
	padding: 10px;
	font-size: 0.8em;
	color: #8E8E8E;
}
/*　トリミングする外側の枠　*/
.trim {
	overflow: hidden;
	width: 160px;/* トリミングしたい枠の幅 */
	height: 160px;/* トリミングしたい枠の高さ */
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
/* 高さに合わせてリサイズ、はみ出た分をトリミング */
.trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.detail_gallery li {
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}
#map_canvas {
	width: 100%;
	height: 400px;
}
.detail_textbox {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#course_list li, #coupon_list li {
	position: relative;
}
#course_list li a {
	display: block;
	width: 94%;
}
#course_list li svg, #coupon_list li svg {
	position: absolute;
	top: 40%;
	right: 10px;
}
#coupon_list li a {
	display: block;
	width: 94%;
}
.detail_grafbox dl {
	display: none;
}
.detail_grafbox h3 {
	display: none;
}
.detail_grafbox ul {
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
.detail_grafbox li {
	font-size: .8em;
	line-height: 100%;
	padding: 5px 30px;
	border-radius: 10px;
	background-color: #FFE3CA;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

	

.search_list {
	padding: 30px;
	text-align: center;
	border: 1px solid #ccc;
}
	
.list_main {
	clear: both;
}

.list_main a {
		text-decoration: none;
		display: block;
	}
.list_head {
	clear: both;
	margin-top: 20px;
	border-bottom: 2px solid #eee;
}
.list_head p {
	background-color: #ccc;
	padding: 5px 10px;
}
.list_head h1 {
	font-size: 1.4em;
	background-color: #ccc;
	padding-left:10px;
}
.list_head h2 {
	background-color: #ccc;
	font-size: 0.9em;
	color: #565656;
	padding: 5px 10px 20px 10px;
}

.list_head h3 {
	font-size: 1.0em;
	padding: 10px;
}

.list_head dl {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 15px;
	padding-bottom: 15px;
}
.list_head dt {
	width: 30%;
	float: left;
	margin-bottom: 5px;
}
.list_head dd {
	float: left;
	width: 70%;
	margin-bottom: 5px;
}

.list_head blockquote {
	text-align: center;
	padding-bottom: 10px;
}

.slider {
	width: 100%;
}

.slick-next,
.slick-prev,
.slick-arrow {display: none;}

.list_main_box {
	width: 100%;
	height: 150px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.list_main_box h3 {
	position: absolute;
	z-index: 2;
	top: 60px;
	left: 20px;
	color: #fff;
	font-size: 2.6em;
	font-family: "fot-klee-pro";
}

.list_main_box div img {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.kikaku_list {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.kikaku_list dd {
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
}