@charset "UTF-8";
/*================================================
ショップリストページ用
================================================*/
[v-cloak],
[v-cloak] * {
	display: none !important;
}
.page-title span{
	font-weight:inherit;
}

.shop_search{
	font-size:14px;
}
.shop_search .search_area{
	width: 100%;
	justify-content: space-between;
}
.shop_search .search_wrap{
	width: 980px;
	background: #F7F7F7;
	padding: 20px;
	display: block;
	margin-bottom: 20px;
}
.shop_search .search_wrap ul{
	width: 100%;
	letter-spacing:-.75em;
	white-space: normal;
}
.search_nearest{
	display:block;
	margin-bottom:35px;
	margin-top:8px;
}
.pref_wrap{
	width: 100%;
    margin-bottom: 10px;
}
.pref_wrap:last-of-type{
	margin-bottom: 0;
}
.search_wrap li{
	display:inline-block;
	letter-spacing: normal;
	margin:0 40px 15px 0;
}
/*.shop_search li:last-child{
	margin:0 0 15px 0;
}*/
.shop_search li label{
	letter-spacing:normal;
}
.pref_wrap li {
	display:inline-block;
	margin:0 10px 15px 0;
    padding:0 10px 0 0 ;
	border-right:1px solid;
}
.pref_wrap li:last-child {
	border-right:none;

}
.shop_search .search_wrap legend{
	width: 100%;
}
.shop_search .search_title{
	display:block;
	width: 100%;
	font-size: 20px;
	line-height: 1.4;
	padding: 0 0 12px 0;
	margin: 0 0 15px;
	border-bottom: 1px solid #CCCCCC;
	font-weight:inherit;
}
.shop_search .search_subtitle{
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 15px;
}
#freeword{
	margin-bottom: 40px;
}

#activityList{
	margin-bottom: 3px;
	width: 470px;
	float: left;
}
#serviceList, #shoptype, #genderList{
	margin-bottom: 13px;
	width: 470px;
	float: right;
}
#label{
	margin-bottom: 20px;
}
.shop_search input[type=text]{
	width:100%;
	height:42px;
	background:#fff;
	border:1px solid #707070;
	font-size: 14px;
	padding: 12px 13px;
}
.shop_search input[type="checkbox"] + label {
	display: inline-block;
	font-size: 14px;
	line-height: 15px;
	vertical-align: middle;
	padding-left: 20px;
	position: relative;
	cursor: pointer;
}
.shop_search input[type="checkbox"] + label:before {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background-color: #fff;
	border: 1px solid #707070;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
}
.shop_search input[type="checkbox"]:checked + label {
	color: inherit;
}
.shop_search input[type="checkbox"]:checked + label:before {
	background-color: #fff;
	border: 1px solid #707070;
}
.shop_search input[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 4px;
	width: 7px;
	height: 9px;
	transform: rotate(40deg);
	border-bottom: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
}

#activityList li{
	width:50%;
	float:left;
	height: 15px;
	margin:0 0 27px;
}
#activityList li label{
	display:block;
	vertical-align:middle;
}
#activityList li label span{
}
#activityList li label span:before{
	content:"";
	display:inline-block;
	width: 28px;
	height: 28px;
	padding-left: 30px;
	margin-top: -7px;
	background-position: center;
	background-size: 28px 28px;
	vertical-align: top;
}
.act001 span:before{
	background:url("/static/full/images/svg/act001.svg") no-repeat;

}
.act002 span:before{
	background:url("/static/full/images/svg/act002.svg") no-repeat;
}
.act003 span:before{
	background:url("/static/full/images/svg/act003.svg") no-repeat;

}
.act004 span:before{
	background:url("/static/full/images/svg/act004.svg") no-repeat;

}
.act005 span:before{
	background:url("/static/full/images/svg/act005.svg") no-repeat;

}
.act006 span:before{
	background:url("/static/full/images/svg/act006.svg") no-repeat;
}
.act007 span:before{
	background:url("/static/full/images/svg/act007.svg") no-repeat;
}
.act008 span:before{
	background:url("/static/full/images/svg/act008.svg") no-repeat;
}
.act009 span:before{
	background:url("/static/full/images/svg/act009.svg") no-repeat;
}
.act010 span:before{
	background:url("/static/full/images/svg/act010.svg") no-repeat;
}
.act011 span:before{
	background:url("/static/full/images/svg/act011.svg") no-repeat;
}
.act012 span:before{
	background:url("/static/full/images/svg/act012.svg") no-repeat;
}
.act013 span:before{
	background:url("/static/full/images/svg/act013.svg") no-repeat;
}
.act014 span:before{
	background:url("/static/full/images/svg/act014.svg") no-repeat;
}
.act015 span:before{
	background:url("/static/full/images/svg/act015.svg") no-repeat;
}
.act016 span:before{
	background:url("/static/full/images/svg/act016.svg") no-repeat;
}

.search_btn{
	clear: both;
	display: block;
	color: #fff;
	background: #999999;
	width: 385px;
	height: 50px;
	line-height:50px;
	font-size: 16px;
	border-radius: 5px;
	margin: 15px auto 0;
}
.search_btn:before{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin: 0 5px 3px 0;
	background:url('/static/full/images/svg/icn_search_02.svg');
	background-repeat: no-repeat;
	vertical-align: middle;
}

/*店舗一覧*/
.shop_list{
	font-size:14px;
	line-height:1.4;
}
.shop_list .lead{
	font-size:14px;
	line-height:1.4;
	margin-bottom:35px;
}
.shop_list #prefTitle{
	border-bottom:none;
	padding-bottom:10px;
	display: block;
	font-weight:inherit;
}
.shop_list #searchCondition{
	text-align: center;
	width: 980px;
	margin: 10px auto 0;
	padding-bottom: 0;
	border-bottom: none;
	border: none;
	font-size: 12px;
	color:#000;
	font-weight: normal;
}
.shop_list #searchCondition span{
	display: inline-block;
	padding: 0;
	line-height: 1.4;
	border:none;
	margin: 0;
	font-size: 12px;
	color:#000;
	font-weight: normal;
}
.shop_list #searchCondition span + span:before{
	content:"、";
}
.shop_list th,
.shop_list td{
	text-align: left;
	line-height: 1.4;
	padding: 6px 0;
}
.shop_list th{
	background: #D9D9D9;
	text-align: center;
	border-right: 1px solid #fff;
	font-weight:bold;
}
.shop_list .shop_gender{
	width: 230px;
	padding-right: 8px;
}
.shop_list .shop_sns{
    vertical-align: top;
}
.shop_list_info{
	width:100%;
}
.shop_list_info > tbody > tr{
	border-bottom:1px solid #CCCCCC;
}
.shop_list_info > tbody > tr > td{
	padding:15px 0 20px;
}
.shop_gender span + span:before{
	content:"／";
}
.shop_list .shop_name{
	padding-bottom: 10px;
}

.shop_type {
	background: #b3b3b3;
	padding: 2px 10px;
	margin-left: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.shop_address th,
.shop_tel th,
.shop_activity th{
	width: 115px;
	background: none;
	font-weight:bold;
	text-align: left;
	padding-left: 15px;
}
.shop_activity span{
	display: inline-block;
	width:28px;
	height:21px;
	text-align: center;
	margin-left: 5px;
}
.shop_activity span:first-child{
	margin-left:0;
}
.shop_activity span img{
	width: 28px;
	height: 28px;
}
.shop_detail_link {
	vertical-align:middle;
}
.shop_detail_link a{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background: #999999;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#stockMap{
	width: 980px;
	height: 600px;
	margin-bottom: 30px;
}
/*店舗詳細*/
.shop_detail{
	position: relative;
}

.shop_detail #shop_name{
	border-bottom:none;
	padding-bottom:10px;
	display: block;
	font-weight:inherit;
	text-align: center;
}
.shop_detail #service{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 0;
	border-bottom: none;
	border: none;
	text-align: center;
	display: block;
}
.shop_detail #service span{
	display: inline-block;
	padding: 7px 15px;
	line-height: 1;
	border:1px solid;
	border-color: inherit;
	border-radius: 90px;
	margin: 0 10px;
	font-size: 12px;
	font-weight: normal;
}
.shop_detail_overview{
	margin-bottom: 50px;
}
#shopMap{
	width:640px;
	height:580px;
	float: left;
}
.shop_detail_info{
	float:right;
	width:310px;
	font-size:14px;
}
.shop_detail_info dl{
	margin-bottom:20px;
}
.shop_detail_info dt{
	font-weight: bold;
	margin-bottom:6px;
}
.shop_detail_info dd{
	margin-bottom:6px;
	line-height: 1.4;
}
.shop_detail_info .shop_activity{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: -15px;
}
.shop_detail_info .shop_activity li{
    width:50%;
    height: 40px;
    vertical-align: middle;
    margin-bottom:10px;
    display:table;
    padding-left: 15px;
}
.shop_detail_info .shop_activity li > span{
	display:table-cell;
	vertical-align:middle;
	width: 115px;
	text-align: left;
	margin-left: 0;
	line-height: 1.2;
}
.shop_detail_info .shop_activity .activity_image{
    width: 38px;
    height: 38px;
    vertical-align: middle;
    padding-right: 10px;
}

.shop_detail_info .shop_activity li img{
    width: 38px;
    height: 38px;
    max-width: 38px;
    max-height: 38px;
    vertical-align: middle;
}

.store_gallery{
	margin-bottom:60px;
}

.section-title{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	padding-bottom: 0;
	border: none;
}

.store_gallery .section_detail{
	text-align:center;
}

.store_gallery .section_detail img{
	max-width:100%;
	height:auto;
}
.store_style{
	margin-bottom: 60px;
}
.store_style .section_detail .goods_item{
	margin-bottom:10px;
}
.store_blog{
	margin-bottom:60px;
}
.store_blog .section_detail ul{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;

}
.store_blog .section_detail ul li{
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	width: 100%;
	max-width: 33.33333%;
	padding: 0 15px;
	position: relative;
}
.store_blog .section_detail ul li a{
	display:block;
}

.store_blog .section_detail .store_blog_photo{
	display:block;
	float:left;
	width:140px;
	height:140px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.store_blog .section_detail .store_blog_photo img{
	width:100%;
	height:auto;
}
.store_blog .section_detail .store_blog_date{
	display:block;
	margin: 0 0 10px 155px;
	font-size: 14px;
	color:#666666;
}
.store_blog .section_detail .store_blog_title{
	display:block;
	margin: 0 0 10px 155px;
	font-size: 14px;
	line-height: 1.4;
}
.map_labels{
	font-size:15px;
	font-weight:bold;
	font-family: "Yu Gothic";
	color:#fff;
	padding:10px;
	border-radius:10px;
	width: 200px;
	background:rgba(0,0,0,0.5);
}
.shop_sns{
	letter-spacing:-.75em;
}
.shop_blog,
.shop_instagram,
.shop_twitter,
.shop_facebook,
.shop_web {
	display:inline-block;
	letter-spacing:normal;
	width: 22px;
	height: 22px;
	text-indent:-9999px;
	font-size:1%;
	line-height:1;
	overflow:hidden;
	margin-right: 6px;
	z-index: 0;
	position: relative;
}

.shop_blog::before,
.shop_instagram::before,
.shop_twitter::before,
.shop_facebook::before,
.shop_web::before {
  content: '';
  position: absolute;
  background: rgba(255,255,255,0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shop_blog{
    background:url('/static/full/images/svg/icn_shop_blog.svg') no-repeat center;
    background-size: contain;
}
.shop_instagram{
    background:url('/static/full/images/svg/icn_insta.svg') no-repeat center;
    background-size: 20px;
}
.shop_twitter{
    background:url('/static/full/images/svg/icn_tw.svg') no-repeat center;
    background-size: 20px auto;
}
.shop_facebook{
    background:url('/static/full/images/svg/icn_fb.svg') no-repeat center;
    background-size: auto 20px;
}
.shop_web{
    background:url('/static/full/images/svg/icn_shop_blog.svg') no-repeat center;
    background-size: contain;
}

.shop_sns ul{
}

.shop_sns ul > li{
	letter-spacing:normal;
	display:inline-block;
	width:50%;
}

.shop_sns ul > li > a{
	width:auto;
	height: 30px;
	padding-left: 40px;
	text-indent:0;
	font-size:14px;
	line-height: 30px;
    background-size: auto 26px;
   background-position:left;
}

.shop_sns ul > li > .shop_blog::before,
.shop_sns ul > li > .shop_instagram::before,
.shop_sns ul > li > .shop_twitter::before,
.shop_sns ul > li > .shop_facebook::before,
.shop_sns ul > li > .shop_web::before {
  content: '';
  position: absolute;
  background: rgba(255,255,255,0.7);
  top: 0;
  left: 0;
  width: 35px;
  height: 30px;
}

.shop_sns ul > li > .shop_facebook{
    background-size:auto 22px;
    background-position:5px center;
}
.shop_sns ul > li > .shop_instagram{
    background-size:auto 22px;
    background-position:5px center;



}
.shop_sns ul > li > .shop_twitter{
    background-size:auto 20px;
    background-position:2px center;


}
/*おすすめSHOP*/
.store_recommend .section-title  {
    width: 100vw;
    min-width: 1000px;
    margin-left: calc(((100vw - 963px)/2)*-1);

    padding-top: 60px;
    margin-bottom: 25px;
}
.store_recommend .section-title span{
	display: block;
	border-top: 1px solid #CCCCCC;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding-top: 30px;
}
@media screen and (max-width: 1000px) {
	.store_recommend .section-title {
		margin-left: -10px;
	}
	.store_recommend .section-title span{
		margin-left: -17px;
	}
}
.recommend_store_item{

}
#recommend_store{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
#recommend_store .recommend_store_item{
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	width: 100%;
	max-width: 33.33333%;
	padding: 0px 20px;
	position: relative;
}
.store_recommend_photo img{
    width:100%;
    height:auto;
   	margin-bottom:15px;
}
.store_recommend_name{
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom:5px;
}
.store_recommend_address{
	display: block;
	font-size: 11px;
	line-height: 1.4;
	margin-bottom:4px;
}
.store_recommend_tel{
	display: block;
	font-size: 11px;
	line-height: 1.4;
	margin-bottom:4px;
}
.store_recommend_service{
	display:block;
	margin: 10px -2.5px;
}
.store_recommend_service span {
    display: inline-block;
    color:#E72B1D;
    padding: 2px 10px;
    line-height: 1;
    border: 1px solid;
    border-color: inherit;
    border-radius: 90px;
    margin:2.5px;
    font-size: 12px;
    font-weight: normal;
}
.store_recommend_activity{
	display: block;
}
.store_recommend_activity dt{
	font-weight:bold;
	line-height:1.4;
	margin-bottom:7px;
}
.store_recommend_activity dd{
	line-height:1.4;
	margin-bottom:7px;
	margin-left: -5px;
}
.store_recommend_activity dd span{
	display:inline-block;
	width: 28px;
	margin-left: 5px;
}
.store_recommend_activity dd span img{
	width: 28px;
	height: 28px;
}
/*ボタン*/
.single_btn{
	margin-top: 80px;
}

.single_btn .default-btn.btn-back {
	background: #999999;
	border: none;
	color: #fff;
}
.more_btn {
	margin: 20px 0;
	text-align: center;
}
.more_btn .default-btn.btn-back{
	width: 240px;
	line-height: 36px;
	background: #999999;
	border: none;
	color: #fff;
}

#styling_container .goods_item img{
	width: 100%;
	height: auto;
}

.pref_column{
	width: 400px;
	float: left;
}
.pref_column + .pref_column{
	margin-left: 90px;
}

.toggleSearch{
	display: inline-block;
	font-size:16px;
	margin-bottom:25px;
	padding-right: 40px;
	position:relative;
}
.toggleSearch:after,
.toggleSearch:before{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:13px;
	height:1px;
	background:#000;
	transition:0.3s all ease;
}

.toggleSearch:before{
	transform:rotate(90deg)
}
.toggleSearch.active:after{
  	transform:rotate(180deg)
}
.toggleSearch.active:before{
	transform:rotate(0deg)
}
.directry_wrap{
	width:100%;
	height:auto;
	overflow:hidden;

}

.directry_wrap .directry_wrap_inner{
	margin-top:-100%;
	transition: all 0.4s;
}
.active + .directry_wrap .directry_wrap_inner{
	margin-top:0;
}