/*
Theme Name: Sydney Pro Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney-pro-ii
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/
/*--- ADD YOUR CUSTOM CSS STYLE BELOW ---*/

/* 取扱店一覧カスタム202407*/

/* CSS for the tab menu and content */
.tab-container{
   width: 95%;
   margin: 0 auto;
}

/* タブメニュー */
.tab-menu{
   display: grid;
   gap:5px;
   justify-content:flex-start;
   grid-template-columns:170px 170px;
   list-style: none;
   padding: 0;
   margin: 0;
   border-bottom: 3px solid rgb(200 200 200 / 1);
}
/* タブメニュー基本 */
.tab-menu .tab-link{
   padding:2px 15px;
   cursor:pointer;
   clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
   background: rgb(200 200 200 / 1);
   text-align:center;
   color:rgb(255 255 255 / 1);
}
/* タブメニューオン */
.tab-menu .tab-link.active{
   background: rgb(100 100 100 / 1);
   border-bottom: 2px solid rgb(100 100 100 / 1);
   font-weight: bold;
}

/* コンテンツのオンオフ */
.tab-content{
   display: none;
}
/* コンテンツのオン */
.tab-content.active{
   display: block;
}

/* 一覧 container */
div.store-list,
div.designer-store-list{
	margin:0 auto;
	width:95%;
	text-align:left;
}

/* 見出し-エリア名- */
h2.region{
	padding-bottom:.25em;
	padding-left:.5em;
	margin-top:30px;
	margin-bottom:0;
	border-bottom:3px solid rgb(222 222 222 / 1);
	
	font-size:1.1em;
	font-weight:normal;
}

/* 県名グループ */
div.prefecture-group{
	margin-bottom:35px;
}

/* 見出し-県名- */
h3.prefecture{
	padding-bottom:.25em;
	padding-left:.5em;
	margin-bottom:0 !important;
	font-size:1.1em;
	font-weight:normal;
	border-bottom:1px solid rgb(204 204 204 / 1);
}

/* store container */
div.prefecture-group > div.store{
	padding-top:.5em !important;
	margin-top:0 !important;
	padding-bottom:.5em;
	padding-left:1em;
	padding-right:1em;
	margin-top:0;
	margin-bottom:0;
	border-bottom:1px solid rgb(204 204 204 / 1);
}

/*
div.store.odd-store{
	background:rgb(255 255 255 / 1);
}
div.store.even-store{
	background:rgb(235 235 235 / 1);
}*/

/* 見出し-店舗名- */
h3.store_name{
	margin-top:0 !important;
	padding-top:0 !important;
	margin-bottom:5px !important;
	padding-bottom:0!important;
	
	font-size:1em;
	font-weight:normal;
}

/* -住所- */
h4.store_add{
	margin-top:0 !important;
	padding-top:0 !important;
	margin-bottom:5px !important;
	padding-bottom:0!important;
	line-height:1.65em;
	font-size:.9em;
	font-weight:normal;
}

/* -電話番号- */
h5.store_tel{
	margin-top:0 !important;
	padding-top:0 !important;
	margin-bottom:5px !important;
	padding-bottom:0!important;
	font-size:.9em;
	font-weight:bold;	
}
/* SPスマートフォン電話番号自動リンク対策用 */
h5.store_tel a,
h5.store_tel a:link,
h5.store_tel a:visited,
h5.store_tel a:hover,
h5.store_tel a:active{
	color:rgb(85 85 85 / 1) !important;
}

/* -リンクボタン-左寄せ */
p.store_link{
	display:grid;
	justify-content:flex-start;
	margin-bottom:5px;
	word-break: break-all !important;
}

p.store_link a:link,
p.store_link a:visited,
p.store_link a:hover,
p.store_link a:active{
	font-size:.8em;
	font-weight:bold;
	color:rgb(85 85 85 / 1) !important;
}

p.store_link a span{
	display:inline-block;
	padding:.1em;
	margin-right:.5em;
	width:55px;
	background:rgb(85 85 85 / 1);
	border-radius:3px;
	color:white !important;
	text-align:center;
	font-size:.8em;
	letter-spacing:.25em;
}

p.store_link a:hover span{
	background:rgb(50 50 50 / 1);
}
/* カスタム投稿ページ調整用 */
body.single-store article.store{
	display:none;
}
/* 取扱店以上 202406*/



/* 取扱店 202509 */
div.store_name_round{
	display: grid;
	grid-template-columns: 300px 118px;
	gap:36px;
	justify-scontent: flex-start;
	margin-bottom: 4px;
}
div.store_name_round > div:first-child{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
div.store_name_round > div:last-child{
	display: grid;
	grid-template-columns: 55px 55px;
	gap:8px;
	justify-content: flex-end;
	margin: 0 0 0 auto;
	text-align: right;
}
div.store_name_round > div img{
	width: 55px !important;
	height: auto;
}
div.store_name_round > div{
	/*border: 1px solid gray;*/
}
/*834px以下*/
@media screen and (max-width: 834px){
div.store_name_round{
display: block;
}
div.store_name_round > div:last-child{
	display: grid;
	grid-template-columns: 55px 55px;
}
div.store_name_round > div img{
	width: 55px !important;
	height: auto;
}	
}
/* 取扱店以上 202406*/
