@charset "utf-8";
/* ===================================================================
	use toppage
=================================================================== */
.cont_box{
	padding:0 4%;
	line-height:1.8;
}
.contents .tag{
	color:#fff;
	font-size:85%;
	display:inline-block;
	padding:3px 1em;
}

/*----------------------------------------------------
	スポット検索　トップ
----------------------------------------------------*/
#search_area .search_list {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	width: 98%;
	padding:0 1%;
}
#search_area .search_list li {
	/* display: inline-block; */
	margin: 0 2% 1em;
	vertical-align: middle;
	width: 46%;
}
#search_area .search_list li img {
	width: 100%;
}
#search_area .search_list li div {
	margin-bottom: 1em;
}
/*---------------------------------------------------------------------------*/
#detail_area .tit_area{
	background:url(../../common/images/bg_item.gif) left top no-repeat;
	background-size:100% auto;
	color:#fff;
	padding:0.5em 3%;
}
#detail_area .subtit{
	background:url(../../common/images/icon_subtit.png) left center no-repeat;
	background-size:12px 12px;
	padding-left:20px;
}
#detail_area .detail_list >li{
	background:#fff;
	box-shadow:0px 0px 4px 4px  #f1ede5;
	padding:1.5em 2% 1.5em 0;
}
#detail_area .detail_list >li+li{
	margin-top:1.5em;
}
#detail_area .detail_list >li .img,
#detail_area .detail_list >li .txt{
	display:inline-block;
	vertical-align:top;
}
#detail_area .detail_list >li .img{
	padding:0 4%;
	width:22%;
}
#detail_area .detail_list >li .txt{
	width:68%;
}
#detail_area .detail_list >li .txt .tag{
	color:#fff;
	font-size:85%;
	display:inline-block;
	padding:3px 1em;
}
#detail_area .detail_list >li .txt dl dt{
	background-position:left 0.4em;
	background-repeat:no-repeat;
	background-size:12px;
	font-size:120%;
	margin:1em 0;
	padding-left:15px;
	text-decoration:underline;
}
/*----------------------------------------------------
	カテゴリ検索
----------------------------------------------------*/
#category_select{
	background:#fff;
	border:1px solid #000;
	border-radius:0;
	margin:1em 0 2em 0;
	width:100%;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance: button ;
	padding:0.5em;
}
/*----------------------------------------------------
	マップから探す
----------------------------------------------------*/
#map{
	box-shadow:0px 0px 4px 4px  #f1ede5;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	height:300px;
	width:100%;
}
#mapsearch_list li{
	background-size:10px;
	background-position:left 0.5em;
	background-repeat:no-repeat;
	border-bottom:1px dotted #000;
	margin-top:0.5em;
	padding-left:15px;
}
/*----------------------------------------------------
	詳細
----------------------------------------------------*/
#spdetail{
	padding:2em 3%;
}
#spdetail_area{
	background:#fff;
	box-shadow:0px 0px 4px 4px  #f1ede5;
	border-top:5px solid #286f07;
	padding:1em 0;
}
/*--------------------------------------------------*/
#mainImg{
	margin:1em auto;
	width:80%;
}
#mainImg img{
	width:100%;
}
/*--------------------------------------------------*/
#spdetail_area .tit_tag{
	color:#fff;
	font-size:90%;
	display:inline-block;
	padding:0 0.7em;
}
#spdetail_area .add_list {
	margin:2em 0;
}
#spdetail_area .add_list >dl{
	display:table;
	width:100%;
	 padding-bottom: 3px;
    padding-top: 3px;
}
#spdetail_area .add_list >dl:not(:last-child){
	border-bottom:1px dotted #333;
}
#spdetail_area .b_non{
	border:none;
}
#spdetail_area .add_list .add_tag{
	color:#fff;
	padding:2px 0.5em;
}
#spdetail_area .add_list .url a{
	color:#286f07;
	text-decoration:none;
}
#spdetail_area .add_list dt{
	display:table-cell;
	width:15%;
}
#spdetail_area .add_list dd{
	display:table-cell;
	width:85%;
}
#spdetail_area .border_t{
	border-top:1px solid #e3e3e3;
	margin-top:1em;
	padding-top:1em;
}
#spdetail_area .event_area{
	margin-top:2em;
}
#spdetail_area .event_area .cont_box{
	padding:2em 7%;
}
/*----------------------------------------------*/
#coupon_area{
	background:#fff;
	box-shadow:0px 0px 4px 4px  #f1ede5;
	border-top:5px solid #a40000;
	padding:1em 0;
}
#coupon_area #coupon{
	background:#a40000;
	color:#fff;
	text-align:center;
	padding:2em 10%;
}
#coupon_area #coupon .white_tit{
	font-size:130%;
}
#coupon_area .attent{
	color:#b60000;
	margin:1em 0;
}
#coupon_area .show{
	color:#fff;
	background:#252525;
	margin:2em 1.5em;
	text-align:center;
	padding:2em 1em;
}
.title2{
	padding-left:5px;
	line-height:1.3em;
	margin-top:10px;
	}