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

body.shop .shop-link{ display: none; }

#box-shoplist {
    width: 800px;
    margin: 0 auto 60px;
    color: #010406;
	font-family: 'ShipporiMincho-Regular' !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
@media only screen and (max-width: 1024px) { #box-shoplist { width: 80%; } }
@media only screen and (max-width: 600px) { #box-shoplist { width: 90%; } }

#box-shoplist ul { overflow: hidden; margin: 0;}
#box-shoplist ul li {
    margin: 0 auto 40px;
	color:#333;
    border: solid 1px #f0f0f0;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    text-align: center;
}
@media only screen and (max-width: 600px) { #box-shoplist ul li{ border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin: 0 auto 20px; } }
#box-shoplist ul li a{ text-decoration: none; color: #333; }
#box-shoplist ul li .shoplist-inner{ 
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}
#box-shoplist ul li .shoplist-inner a{ text-decoration:none;}
#box-shoplist ul li .shoplist-inner .shoplist-info{ width: 60%; margin-right: 5%; text-align: left;}
@media only screen and (max-width: 600px) { #box-shoplist ul li .shoplist-inner .shoplist-info{ width: 50%; margin-right: 5%; text-align: left;} }
#box-shoplist ul li .shoplist-inner .shoplist-info p{ margin-bottom: 6px;}
#box-shoplist ul li .shoplist-inner .shoplist-info p:last-child{ margin-bottom: 0;}
.shoplist-photo { width: 30%; margin-right: 5%;}
@media only screen and (max-width: 600px) { .shoplist-photo { width: 40%; margin-right: 5%;} }
.shoplist-photo img { width: 100%; height: 180px; object-fit: cover; border-bottom-left-radius: 40px;}
@media only screen and (max-width: 600px) { .shoplist-photo img { height: 160px; border-bottom-left-radius: 20px; } }
.shoplist-name { font-size: 17px; margin-bottom: 6px; position: relative; letter-spacing:0.1em; line-height: 1.6; color: #976d17; }
@media only screen and (max-width: 600px) { .shoplist-name { font-size: 14px; line-height: 1.3; } }
.shoplist-name br{ display: none;}
@media only screen and (max-width: 600px) { .shoplist-name br {display: block;} }
/*.shoplist-name:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 50px;
    height: 1px;
    margin-left: -25px;
    background-color: #ccc;
}*/
.shoplist-zip {
    font-size: 14px;
    margin: 0 auto 12px;
    letter-spacing: 1px;
    line-height: 1.6;
}
@media only screen and (max-width: 600px) {
.shoplist-zip {
    font-family:  "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 12px;
    margin: 0 auto 6px;
    line-height: 1.3;
}
}
.shoplist-tel { font-size: 16px; }
@media only screen and (max-width: 600px) { .shoplist-tel { font-size: 14px;}}

/*
@media only screen and (max-width: 1240px) {

#box-shoplist{ width:80%;}
	
}

@media only screen and (max-width: 1024px) {

.shoplist-photo img { height: 150px;}

}

@media only screen and (max-width: 768px) {

#box-shoplist { width: 90%; }
.shoplist-photo img { height: 130px;}
.shoplist-name {
    font-size: 13px;
    margin: 0 auto 16px;
    padding: 0 0 16px 0;
    line-height: 1.6;
}
#box-shoplist ul {
    margin: 0 -5% 0 0;
}
#box-shoplist ul li {
    width: 28.3333%;
    margin: 0 5% 7% 0;}
.shoplist-name:after {
    width: 40px;
    margin-left: -20px;
}

}

@media only screen and (max-width: 600px) {

#box-shoplist { width: 80%; }
#box-shoplist ul { margin: 0 -10% 0 0; }
#box-shoplist ul li { width: 40%; margin: 0 10% 10% 0;}
.shoplist-photo img {
    height: 120px;
}
	
}

@media only screen and (max-width: 480px) {

#box-shoplist { width: 100%; }
#box-shoplist ul li { width: 100%; margin: 0 auto 30px;}
#box-shoplist ul { margin: 0; }
.shoplist-photo{ margin:0 auto 30px;}
.shoplist-photo img { height: 170px;}
.shoplist-name {
    font-size: 16px;
	letter-spacing:0.2em;
    margin: 0 auto 24px;
    padding: 0 0 24px 0;}
.shoplist-zip {
    font-size: 13px;
	    width: 80%;}

}*/

/*-----アコーディオンメニュー-----*/

.accordion-menu{ margin:0 auto 40px; /*width:640px;*/ }

.js-ac{ text-align:center; color:#404b5b;}
.js-ac-trigger{ display:none;  }

.js-ac .js-ac-target{ font-size:0;
    display: inline-block;}
.js-ac-target p{ /*margin: 0 10px 10px 0;*/ display:inline-block;     border-right: solid 1px #f0f0f0;}
.js-ac-target p:last-child{ margin:0 0 0 0; border: none;}
.js-ac-target p a{
	font-size: 14px;
    line-height: 1;
        padding: 0 10px;
	/*font-family: 'Open Sans', sans-serif;*/
	position:relative;
	/*padding: 10px 30px 8px 30px;*/
    margin: 0 auto;
    color: #62563d;
	/*background-color:#DBDEE7;*/
	text-decoration:none;
    display: block;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
@media only screen and (max-width: 600px) { .js-ac-target span{ display: block; margin-bottom: 8px; } }
.js-ac-target p a.choice{ background-color:#404B5B; color:#fff;}
.js-ac-target p a:hover{  color: #c8bb9b; text-decoration: underline; 
    transition: all 0.5s ease;}
.js-ac-target p a.noaction{ pointer-events: none; }