@charset "UTF-8";

/* ----------------------------------
 WORK STYLE BEAUTIES SHOP LIST
---------------------------------- */
div[id^='wkb_'] h1,
div[id^='wkb_'] h2,
div[id^='wkb_'] h3,
div[id^='wkb_'] h4 { padding: 0; margin: 0; border: none; background: transparent;}

.block-topic-path { margin-bottom: 0;}

#wkb_shoplist_contents { padding: 80px 0 100px;}
#wkb_shoplist_contents .section        { margin: 0 auto 140px;}
#wkb_shoplist_contents .section-title-frame { margin: 0 0 50px 0; border: none; line-height: 1.0;}
#wkb_shoplist_contents .section-title  { padding: 0 0 0 40px; margin: 0 0 20px 0; border: none; line-height: 1.0;}
#wkb_shoplist_contents .section-title span.eng { font-family: "Karla", sans-serif; font-size: 26px; font-weight: 700; letter-spacing: 0.05em; position: relative;}
#wkb_shoplist_contents .section-title span.eng::before { content: ''; width: 20px; height: 1px; display: block; background: #000; position: absolute; left: -40px; top: 50%;}
#wkb_shoplist_contents .section-title span.jpn { margin: 10px 0 0 0; font-size: 13px; font-weight: 700; letter-spacing: 0.05em; display: block;}
#wkb_shoplist_contents .section-comment { padding: 0 0 0 40px; font-size: 14px; line-height: 1.6;}
#wkb_shoplist_contents .section-comment img.pmark {width: 20px; margin-right: 5px; vertical-align: middle;}
#wkb_shoplist_contents .section-inner   { max-width: 1200px; margin: 0 auto; position: relative;}
#wkb_shoplist_contents .area-title      { padding: 0 0 0 40px; margin: 0 0 20px 0; font-size: 18px; font-weight: 700;}
#wkb_shoplist_contents .shoplist + .area-title { margin-top: 60px;}
#wkb_shoplist_contents .shoplist .shop  { min-height: 170px; padding: 20px 60px; border-radius: 20px; background: #f2f7f6; display: flex; justify-content: space-between; align-items: center;}
#wkb_shoplist_contents .shoplist .shop + .shop { margin-top: 16px;}
#wkb_shoplist_contents .shoplist .shop-name { width: 330px; font-size: 15px; font-weight: 700;}
#wkb_shoplist_contents .shoplist .shop-name span.pmark {display: inline-block; width: 20px; height: 20px; background-image: url("../../img/category/HAyU_ace/pmark.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; vertical-align: middle; margin-left: 5px;}
#wkb_shoplist_contents .shoplist .shop-desc { width: calc(100% - 400px);}
#wkb_shoplist_contents .shoplist .shop-desc dl { display: flex; justify-content: space-between;}
#wkb_shoplist_contents .shoplist .shop-desc dl + dl { margin-top: 10px;}
#wkb_shoplist_contents .shoplist .shop-desc dl dt { width: 70px; font-size: 13px; font-weight: 400; position: relative;}
#wkb_shoplist_contents .shoplist .shop-desc dl dt::after { content: '：'; position: absolute; top: 0; right: 0;}
#wkb_shoplist_contents .shoplist .shop-desc dl dd { width: calc(100% - 80px); font-size: 13px; font-weight: 400;}

#wkb_shoplist_contents #block_shoplist_anchor {margin: 0 0 50px;}
#wkb_shoplist_contents #block_shoplist_anchor ul {display: flex; justify-content: center;}
#wkb_shoplist_contents #block_shoplist_anchor ul li {min-width: 110px; height: 20px; margin: 0 0 10px; border-left: #CCC 1px solid; line-height: 1.0; text-align: center; display: flex; justify-content: center; align-items: center;}
#wkb_shoplist_contents #block_shoplist_anchor ul li:last-child {border-right: #CCC 1px solid;}
#wkb_shoplist_contents #block_shoplist_anchor ul li a {padding: 0 20px; font-size: 13px; font-weight: 400; text-decoration: none;}
@media screen and (max-width: 1000px) {
	
	#wkb_shoplist_contents { padding: 40px 0 60px;}
	#wkb_shoplist_contents .section { margin: 0 auto 80px;}
	#wkb_shoplist_contents .section-title-frame { margin: 0 0 25px;}
	#wkb_shoplist_contents .section-title { padding-left: 20px; margin: 0 20px 20px;}
	#wkb_shoplist_contents .section-title span.eng { font-size: 20px;}
	#wkb_shoplist_contents .section-title span.eng::before { width: 10px; left: -20px;}
	#wkb_shoplist_contents .section-title span.jpn { margin: 7px 0 0 0; font-size: 12px;}
	#wkb_shoplist_contents .section-comment { padding: 0 20px 0 40px; font-size: 13px; line-height: 1.6;}
	
	#wkb_shoplist_contents .area-title { margin: 0 0 10px 0; font-size: 16px;}
	#wkb_shoplist_contents .shoplist   { margin: 0 20px;}
	#wkb_shoplist_contents .shoplist .shop { min-height: auto; padding: 20px; border-radius: 10px; display: block;}
	#wkb_shoplist_contents .shoplist .shop + .shop { margin-top: 20px;}
	#wkb_shoplist_contents .shoplist .shop-name { width: 100%; margin: 0 0 15px 0; font-size: 14px;}
	#wkb_shoplist_contents .shoplist .shop-desc { width: 100%;}
	
	#wkb_shoplist_contents #block_shoplist_anchor {margin: 0 0 25px; padding: 0 20px;}
	#wkb_shoplist_contents #block_shoplist_anchor ul {flex-wrap: wrap; justify-content: flex-start;}
	#wkb_shoplist_contents #block_shoplist_anchor ul li {min-width: auto; width: calc(100% / 3); min-height: 20px; margin: 0 0 15px;}
	#wkb_shoplist_contents #block_shoplist_anchor ul li:nth-child(3n),
	#wkb_shoplist_contents #block_shoplist_anchor ul li:last-child {border-right: #CCC 1px solid;}
	#wkb_shoplist_contents #block_shoplist_anchor ul li a {padding: 0 10px; width: 100%; font-size: 12px;}
	
}