@charset "utf-8";
.main_visual{position:relative}
.main_visual .catch{position:absolute;text-align:center;font-weight:bold;color:#FFF;letter-spacing:0.1em;width:100%;}
.main_visual .catch h1{width:auto;background:none;margin-bottom:0}
.main_visual .catch p{color:#FD3}

.shop_top{text-align:center}
.shop_top h2{background:#FFF;color:#000;width:auto;margin-bottom:0;font-size:3rem}
.shop_top .subcap{display:inline-block;border-bottom:5px solid #FE0;}

.shop_image{margin-top:20px}

.slick-slide img{display:inline-block;width:100%}

.thumb-item-nav a{display:block}

.shop_txt h3,
.map h3{margin:20px 0;font-size:2.4rem;display:flex;align-items:center;}

.shop_txt h3:before,.shop_txt h3:after,
.map h3:before,.map h3:after{border-top:1px solid;content:"";flex-grow:1;}

.map h3:before,
.shop_txt h3:before{margin-right:1rem;}
.map h3:after,
.shop_txt h3:after{margin-left:1rem;}

.shop_txt{margin-bottom:50px;}
.shopinfo{
	text-align:left;
	margin-top:25px;
    display: inline-table;
    width: 588px;
    padding-left: 23px;
}
.special_list li span{display:inline-block}
.special_list li span:first-of-type{width:45px;text-align:right}
.special_list li span:nth-of-type(2){width:30px}
.special_list li span:nth-of-type(3){margin-left:1em}
.special_list span+span {
    margin-left: 0.5em;
}
.shop_det_btn{
	display: inline-table;
    width: 330px;
}
.shopinfo th {
    width: 20%;
    text-align: center;
    padding: 7px 0;
    font-weight: bold;
	vertical-align: top;
    margin: 3px 0;
    line-height: 1.4rem;
	font-size:1.2rem;
	background: #eaeff1;
}
.shopinfo td {
    vertical-align: top;
    margin: 3px 0;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 5px;
}
.shop_top_list{margin-top:70px;}
.all_shop ul li{
	box-shadow: 0 0 5px rgb(0 0 0 / 26%);
    float: left;
    position: relative;
	width: 23%;
    margin: 1% 1% 15px;
}
.shopnew{
    text-align: center;
}
.secStores{
    width:100%;
    margin: auto;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom:45px;
}
.secStores h2{
    color: #333;
    padding: 0;
    background: none;
    font-size: 2.1rem;

}
.secStores div ul{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.secStores ul li{
    width: calc(100%/2.5);
    position: relative;
    height: 220px;
    margin: 15px;
}
  .shop_top_list .secStores ul li:before{
      margin-top:220px;
  }
  
.shopnew{
    margin-bottom:1rem;
}
.shop_top_list ul li:before{
	content: "";
    display: block;
    margin-top: 100%;
}
.shop_top_list ul li a{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.shop_top_list ul li .img_box {
    width: 100%;
    height: 100%;
}
.shop_top_list ul li > a:hover {
    opacity: 0.7;
}
.shop_top_list ul li .img_box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover; object-position:center;';
    object-position: center;
}
p.ken{
	position: absolute;
    background: #fff;
    color: #000!important;
    padding: 2px 5px;
    color: #fff;
	font-size: 1.2rem;
    left: -10px;
    top: 10px;
}
.shop_top_list li h3 {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    padding: 5px;
    font-weight: normal;
    color: #fff;
	text-align: center;
    font-size: 1.2rem;
}
.block1.ken{background:#ffb0ed}
.block2.ken{background:#f5d129}
.block3.ken{background:#98ca6d}
.block4.ken{background:#6fc5c3}
.block5.ken{background:#ee859a}
.block6.ken{background:#8f93c7}
.block7.ken{background:#f5a123}
.block8.ken{background:#ac9677}


.shop_top_list .shoplink{font-size:1.6rem}
.shop_top_list .shoplink a{display:inline-block;background:#B22;color:#FFF;padding:10px 20px;margin:20px 0 0;position:relative;width:46%}
.shop_top_list .shoplink a:first-child{margin-right:10px;background:#025}
.shop_top_list .shoplink a:after{display:block;content:"";position:absolute;top:50%;right:10px;width:8px;height:8px;margin:-4px 0 0 0;border-top:solid 2px #FFF;border-right:solid 2px #FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.shop_det_btn .shoplink{margin-top:40px;font-size:1.6rem}
.shop_det_btn .shoplink a{
	background:#B22;
	color:#FFF;
	position:relative;
    width: 90%;
    display: block;
    padding: 10px;
    margin: 10px auto;
}
.shop_det_btn .shoplink a:first-child{margin-right:5%;background:#025}
.shop_det_btn .shoplink a:after{display:block;content:"";position:absolute;top:50%;right:10px;width:8px;height:8px;margin:-4px 0 0 0;border-top:solid 2px #FFF;border-right:solid 2px #FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.shopopen li:first-child {
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-left: 0;
}
.shopopen li>span,.eigyo_content .special_list li>span{
    margin-right: 1em;
}
.outside {
    color: #d32;
    font-weight: bold;
	font-size:1.4rem;
	padding:5px 0;
}
.opend {
    font-weight: 700;
    color: #2a2;
	font-size:1.4rem;
	padding:5px 0;
}
ul.shopopen{
	margin: 5px 0;
}
.shopopen li {
    padding: 2px 0;
	margin-left:1em;
}
.special_ttl{
	margin-top: 0.5em;
}
.top_stock_btn {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}
.top_stock_btn a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.top_stock_btn a {
    display:inline-block;
    margin-right: 5%;
    background: #025;
    color: #FFF;
    width:200px;
    box-shadow:2px 2px 5px rgba(0,0,0,.5);
    position: relative;
    padding: 10px;
    padding-right:25px;
    margin: 10px auto;
}
.top_stock_btn a:hover{opacity:.7}


@media only screen and (min-width: 769px){
    .secStores h2{
        margin:0 auto;
    }
	.main_visual .catch{top:40%}
	.main_visual .catch h1{font-size:4rem;}
	.main_visual .catch p{font-size:1.8rem;}
	.map iframe{height:500px}
	.shop_txt > div{display:inline-block;vertical-align:top;width:47%;}
	.shop_txt > div+div{margin-left:5%}
	
	.shop_org{width:40%;display:inline-block}
	.shop_org:nth-child(even){margin-left:5%}
	.shop_org .map iframe{height:300px}
	.shop_top_list{text-align:center}
	.shop_top_list .shop_txt div{width:100%}
	.shop_top_list .shop_txt div+div{margin-left:0}
	.shop_txt div:first-child h3:nth-of-type(2){
		margin-top: 50px;
	}
    .top_stock_btn {
        float: left;
    }
    .top_stock_btn a+a {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 768px){
	.shopinfo{
		width:100%;
		padding-left:0;
	}
  .secStores{
      margin-bottom:35px;
  }  
    .shop_top_list .secStores ul li{
        width: 100%;
        height:120px;
        margin:2% 15px;
    }
	.main_visual .catch{top:25%}
	.main_visual .catch h1{font-size:2rem;}
	.main_visual .catch p{font-size:1.2rem;}
	
	.shop_top{width:95%;margin:auto;}
	.map iframe{height:300px}

    .shop_det_btn{
        width:100%;
    }
	.shop_top_list .shoplink{font-size:1.4rem;}
    .shop_det_btn .shoplink{margin-top:20px;font-size:1.4rem;}
	.shop_det_btn .shoplink a{display:block;width:100%}
	.shop_det_btn .shoplink a:first-child{margin:10px auto}
    .shop_top_list{
        margin-top:30px;
    }
    .shop_top_list ul li{
        width: 43%;
        margin: 2% 7px 15px 4%;
    }
    .top_stock_btn {
        width: 92%;
        margin:auto;
    }
    .top_stock_btn a{
        width:100%;
    } 
}