@charset "utf-8";
/* CSS Document */

.contents_wapper{
	padding-top: 20px;
	padding-bottom: 50px;}


.cpn_box{
	width: 1200px;
	margin: auto;
}




.shop_box{}


.shop_box > h2{
	text-align: center;
	font-size: 12px;
	color: #000;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

.shop_box > h2 img{
	width: 190px;
	display: block;
	margin: auto;
	margin-bottom: 5px;
}



.shop_box > h2 + p{
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;

}


.shop_box .check_title{
	color: #7bcbac;
	width: 100%;
	margin: auto;
	padding: 15px;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
	margin-bottom: 20px;
	
}


.point_freelist{
	letter-spacing: -0.4em;
	text-align: center;
}

.point_freelist li{
	letter-spacing: 0em;
	padding: 10px;
	line-height: 1.8em;}


.point_freelist li h4{
	background: #7bcbac;
	width: 180px;
	height: 180px;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	border-radius: 100%;
    -webkit-border-radius:  100%;
    -moz-border-radius:  100%; 
	color: #fff;
	margin: auto;
	margin-bottom: 20px;
	line-height: 1.3em;}



.point_freelist li h4 span{
	display: block;
	margin: auto;
	font-size: 30px;
	font-style: italic;
    font-family: 'Source Serif Pro', serif;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1em;}


.shop_teltxt .tel{
	width: 25px;
	padding-bottom: 5px;
	vertical-align: middle;}


.shop_box h3 img{
	width: 93px;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}


.dteail_eventbox{
	margin-top: 80px;
	background: #e6e3f5;
	padding-top: 40px;
}



.dteail_eventbox h3{
	color: #000;
	text-align: center;
	font-size: 1.5em;
		margin-bottom: 15px;
	letter-spacing: 0.1em;}

.dteail_eventbox h3+p{
	text-align: center;
	color: #000;
	font-size: 15px;}



.dteail_eventbox h3 span{
	display: block;
	margin: auto;
	font-size: 12px;
	margin-top: 8px;
}



.dteail_eventbox h3 img{
	width: 90px;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}


.event_cale{
	display: block;
	width: 90%;
	line-height: 50px;
	margin: auto;
	font-size: 13px;
	margin-top: 20px;
	background: #fff;
	border: 1px solid #fff;
	text-align: center;
	color: #000;
	font-weight: bold;
	letter-spacing: 0.1em;
	position: relative;}


.event_cale:hover{
	background: #9c8ed8;
	color: #fff;
}




.event_cale:before{
	content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
	    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    left: 10%;
    margin-top: -4px;
}




.event_cale:hover:before{
	    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}



.event_freehtml{
	width: 100%;
	background: #fff;
	margin: auto;
	width: 90%;
	
	padding: 15px;}



.shopinfo_box{
	width: 100%;
	margin: auto;
	padding: 10px;}

.shopmap_title{
	font-family: 'Source Serif Pro', serif;
	color: #000;
	font-size: 40px;
	font-weight: 100 !important;
	text-align: center;
}


.shopmap_title span{
	display: block;
	font-size: 12px;
	margin: auto;
	font-weight: bold;
	color: #8e8580;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.shopmap_title + p{
	text-align: center;}



.shopinfo_detail h4{
	font-family: 'Source Serif Pro', serif;
	font-size: 1.8em;
	color: #8e8580;
	line-height: 1em;
	margin-top: 40px;
	margin-bottom: 10px;
	font-weight: 100 !important;}

.shopinfo_detail:first-of-type .shopinfo_contentswrapper{
/*	margin-top: 20px;*/}
/*↑専門店とエリアショップの区分なくすにあたり:first-of-type追記230613*/

.shopinfo_detail h4 + p{
	font-size: 15px;
	padding-bottom: 20px!important;}



.shopinfo_detail h4 span{
	line-height: 1.5em;
		font-size: 12px;
	display: block;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


.shopinfo_detail h4 i{
	font-size: 30px;
	font-style: normal;
}


.area_shoplist{
	width: 100%;
	text-align: center;
	margin: 15px 0px;}

.area_shoplist td{
	/*width: 25%;*/
	width: 20%;
	vertical-align: middle;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #fff;
	background: #7bcbac;
	color: #fff;
}


.shopinfo_contents{
	background:#F4F4F4;
	padding: 10px;
	display: none;}


.shopinfo_contents dt{
	letter-spacing: 0em;
	width: 100%;}


.shopinfo_contents dd{
	letter-spacing: 0em;
	width: 100%;}


.shopinfo_contents h5{
	color: #000;
	font-size: 1.2em;
	margin-bottom: 5px;}

.shopinfo_contents h5 + p{
	font-weight: bold;
	color: #7bcbac;
	margin-bottom: 15px;}


.shop_teltxt{
	display: block;
	width: 100%;
	font-family: 'Source Serif Pro', serif;
	font-size: 1.8em;
	text-align: center;
	color: #7bcbac;}
	
.shop_teltxt.shop_top{
	text-align: left;
}

.shop_teltxt span{
	font-size: 22px;

}


.info_shopdate{
	text-align: left;
	font-size: 13px;
	line-height: 1.4em;
	color: #000;
}


.info_shopdate th{
	width: 100px;
	padding: 10px;}




.photo_shopall{
	width: 100%;
	padding: 10px 20px;}



.shop_links{
	letter-spacing: -0.4em;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.shop_links li{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	letter-spacing: 0em;
	border-right: 2px solid #fff;
}

/*8/3対応　詳細ページへのリンクが表示されなかった.shop_links li+li{
	display: none;
}*/




.shop_links li a{
	display: block;
	color: #fff;
	position: relative;
	padding: 15px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	background: #ccc;
	width: 100%;}


.shop_links li a:after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -4px;}





.shop_links li a.raiten{
	background: #de9494;
}


.shop_links li a.more{
	background: #7bcbac;
}



.information_shopall{
	width: 100%;
		padding: 10px;
	letter-spacing: 0em;
	background: #fff;
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}

.information_shopall a{
	color: #000;}


.information_shopall .shopinfo_day{
	color: #7bcbac;
	display: block;}

.shopinfo_title{
	text-decoration: underline;
	font-size: 13px;
}



.shopdatebox{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}

.shopinfo_detail:last-of-type .shopinfo_contentswrapper .shopdatebox:last-child{
			border-bottom: 1px solid #ccc;}
/*専門店とエリアショップの区分なくすにあたり.shopinfo_detail:last-of-type .shopinfo_contentswrapper
追記230613*/

/*.shopinfo_detail + .shopinfo_detail{
	margin-top: 40px;
}専門店とエリアショップの区分なくすにあたり230613*/

.shopinfo_detail:first-of-type{
	margin-top: 30px!important;
}






























.cpn_box h2{
    background-size: 358px;}



.campaignbox_basic li:nth-child(1) {
    margin-left: 0px;
    margin-right: 0px;
}


.campaignbox_basic li:nth-child(2) {
    margin-left: 0px;
    margin-right: 0px;
}


.campaignbox_basic li:nth-child(3) {
    margin-left: 0px;
    margin-right: 0px;
}


.campaignbox_basic li:nth-child(4) {
    margin-left: 0px;
    margin-right: 0px;
}


.campaignbox_basic{
	text-align: left;
}

.campaignbox_basic li{
	margin-right: 10px !important;
	margin-left: 10px !important;
	margin-bottom: 80px;
	position: relative;
}


.cpn_iconlist{
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 888;
}

.cpn_iconlist img{
	zoom: .5;
}



.top_campaignbox{
	margin-top: 50px;
}

.result_title {
    color: #000;
    letter-spacing: 0.1em;
}

.done_number {
    font-size: 50px;
    font-weight: 100 !important;
    font-family: 'Source Serif Pro', serif;
    color: #000;
    font-style: italic;
}


.page_sort {
    margin-left: 20px;
    float: left;
	padding-top: 20px;}

.page_sort li{
    display: inline-block;
    vertical-align: top;}




.page_sort input[type=radio] {
    display: none;
}

.page_sort input[type="radio"]:checked + label {
    background: #7bcbac;
    border: #7bcbac solid 1px;
    color: #FFF;}

.page_sort label {
    color: #000;
    border: #ccc solid 1px;
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
}

.page_sort label:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    left: 5%;
    margin-top: -4px;
}


.selectcpn_box{
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
}

.result_title {
    float: left;}


.cpn_title{
	font-size: 37px;
	font-family: 'Source Serif Pro', serif;
	font-weight: 100;
	float: left;
	padding-top: 20px;
	color: #7bcbac;}

.cpn_title span{
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #000;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.form_menu {
    text-align: right;
    float: right;
    width: 600px !important;
    padding-top: 20px;}


.page_sort label:hover {
  background-color: #ececec; }


.detail_otherarea02{
	margin-top: 80px;
}


.shopeventlist li h4{
    color: #9c8ed8;
    font-size: 15px;}


.shopeventlist li h4 + p span {
    background: #9c8ed8;
    color: #fff;
    font-family: 'Source Serif Pro', serif;
    letter-spacing: 0.1em;
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    margin-right: 10px;
    width: 100px;
}


.shopeventlist li h4 a {
    color: #9c8ed8;}

.shopeventlist li p a{
	color: #222222;
    font-size: 13px;
    display: block;
    width: 100%;
    background: #fff;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;}

.shopeventlist li p a:hover{
	color: #666;
}


.shop_linkmenu{
	width: 100%;
	margin-bottom: 20px;
	letter-spacing: -0.4em;
}

.shop_linkmenu li{
	letter-spacing: 0em;
	display: inline-block;
	vertical-align: top;
	width: 50%;}


.shop_linkmenu li a{
	text-align: center;
	width: 100%;
	display: block;
	color: #000;
	line-height: 35px;
	font-size: 13px;
	font-weight: bold;}



.shop_linkmenu li a span{
	padding-left: 10px;
	color: #666;
	font-weight: normal;}


.shop_linkmenu li a:hover{
	background: #ececec;
}

.shopname_title{
	font-size: 20px;
	border-bottom: 1px solid #000;
	color: #000;
	letter-spacing: 0.1em;
	padding-bottom: 5px;
	margin-bottom: 20px;}

.shopname_title img{
	width: 95px !important;
}

.shop_detail_txt{
	width: 100%;
	display: block;
	font-size: 13px;
	line-height: 1.5em;}


.shop_detail_photo01{
	width: 100%;}


.shop_mainbox{
	width: 100%;
	margin: auto;
	padding: 0px 20px;
}


.shop_detail_txt h4{
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #68b295;}

.main_shopcopy{
	color: #000;
	margin-bottom: 15px;
	font-weight: bold;}


.shop_special{
	width: 100%;
	height: auto;
	padding-top:30px;
	padding-bottom: 30px;
	line-height: 1.5em;}




.shop_arealist{
	margin: auto;}


.shop_arealist{
	background: #7bcbac;
	text-align: center;
	font-size: 12px;}

.shop_arealist td{
    border: 2px solid #fafaf2;
    padding: 5px;
    color: #fff;
    width: 80px;
    font-size: 10px;
    vertical-align: middle;}

.shop_maps{
	width: 100%;
	margin: auto;
	padding: 10px;
	background: #fafaf2;}


.shopmapabout_txt{
	background: #fafaf2;
	font-size: 13px;
	padding: 15px 0px;
	text-align: center;}


.shopmapabout_txt h4{
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #76ae98;}


.shopnameareatitle{
	color: #76ae98;
	margin-bottom: 10px;}


.shopabouttel{
	color: #76ae98;
	margin-bottom: 10px;
	font-size: 20px;
	font-style: italic;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


.shopabouttel span{
	font-size: 30px;}


.shopmap_images{
	letter-spacing: 0em;
	caption-side: top;
	padding: 20px;
	height: auto;}







.shopmap_images iframe{
	width: 100%;
	height: 280px;}






.shopmapabout_txt dl{
	margin: auto;
	letter-spacing: -0.4em;
    margin-top: 20px;
    width: 100%;
    line-height: 1.5em;}

.shopmapabout_txt dt{
	width: 20%;
	font-weight: bold;
	letter-spacing: 0em;
	padding-bottom: 10px;
	text-align: left;
	display: inline-block;
	vertical-align: top;}

.shopmapabout_txt dd{
	width: 79%;
		letter-spacing: 0em;
		padding-bottom: 15px;

	text-align: left;
	display: inline-block;
	vertical-align: top;}



.shop_detaillink{
	width: 100%;
	padding: 0px 20px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;}

.shop_detaillink li+li{
	display: none;
}

.shop_detail_event{
	padding: 30px;}



.shop_detail_infotitle{
    font-family: 'Source Serif Pro', serif;
    font-size: 35px;
    color: #8e8580;
	font-weight: normal;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;}


.shop_detail_infotitle span{
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding-left: 15px;
    display: inline-block;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.eventbox_basic li {
    letter-spacing: 0em;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 280px;
    font-size: 13px;
    position: relative;
}


.eventbox_basic .camp_image {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}


.eventbox_basic .title {
    font-size: 18px;
    color: #9c8ed8;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0.1em;}




.eventbox_basic .reed_txt {
    text-align: left;
    font-size: 13px;
    line-height: 1.4em;
    margin-bottom: 10px;
    color: #000;
}

.eventbox_basic .information {
    text-align: left;
    margin-bottom: 5px;
}


.eventbox_basic .information .date_title {
    background: #9c8ed8;
    color: #fff;
    padding: 5px;
    padding-top: 6px;
    display: block;
    width: 80px;
    float: left;
    letter-spacing: 0.1em;
    font-family: 'Source Serif Pro', serif;
    text-align: center;
}


.eventbox_basic .information .date_txt {
    width: 200px;
    float: right;
    padding: 5px;
}



.eventbox_basic li:nth-child(2) {
    margin-left: 25px;
    margin-right: 25px;
}

.eventbox_basic li:nth-child(3) {
    margin-left: 0px;
    margin-right: 25px;
}


.eventbox_basic {
    margin-top: 10px;
    letter-spacing: -0.4em;
    text-align: center;}


.eventbox_basic li a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
}


.eventbox_basic li a:hover{
	opacity: 0.4;
}


.shopnews a{
	color: #000;
	text-decoration: underline;
	font-size: 13px;}


.shopnews li{
	padding-bottom: 15px;}

.shopnews li span{
	padding-right: 10px;
}


.shopnews a span{
	color: #fff;
	background: #6b5ab1;
	padding: 7px;}


.basic_backpagebtn {
    display: block;
    width: 100%;
    color: #000;
    position: relative;
    font-size: 13px;
    font-weight: bold;
    margin: auto;
    border: 1px solid #ababab;
    text-align: center;
    line-height: 50px;
    margin-top: 0px;
    margin-bottom: 50px;
}

.basic_backpagebtn:hover{
	background: #ececec;
}


.basic_backpagebtn:before{
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: 20%;
		margin-top: -4px;
	}



.slider-pro{
	background: none !important;}


.shopeventlist li{
	    border-top: 1px solid #fff;}


.shopeventlist li:last-child{
	    border-bottom: 1px solid #fff;}




.select_shopname{
	color: #000;
	font-size: 1.1em;
	padding: 10px;
	position: relative;
	font-weight: bold;}

.shopdetail_open{
	    background: #F4F4F4;}


.shop_reed_txt{
	color: #7bcbac;
	text-align: left;
	font-weight: bold;}


.select_shopname:after{
	content: "＋";
	text-align: right;
	font-size: 20px;
	color: #7bcbac;
	position: absolute;
	right: 10px;}

.shopdetail_open:after{
	content: "×";
	text-align: right;
	font-size: 20px;
	position: absolute;
		color: #7bcbac;
	right: 10px;}


.shop_detail_event .campaign_spbox .title{
	color: #9c8ed8;}


.shop_detail_event .date_title {
    background: #9c8ed8;
    color: #fff;
    padding: 5px;
    padding-top: 6px;
    display: block;
    float: left;
    width: 20%;
    letter-spacing: 0.1em;
    font-family: 'Source Serif Pro', serif;
    text-align: center;
}

.information{
	margin-bottom: 5px;}

.shop_detail_event .date_txt {
    width: 80%;
    display: block;
    float: right;
    text-align: left;
    padding: 5px;}

.sp-button {
    width: 15px;
    height: 15px;
    border: 2px solid #7bcbac;
    border-radius: 50%;
    margin: 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;}


.none_area{
	background: #ccc !important;}


.sp-selected-button {
    background-color: #7bcbac;}