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

.shop{
    width: 100%;
    height: auto;
}

.shop-content{
    width: 60%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 100px;
}
.shop-title{
    width: 100%;
    height: auto;
}
.shop-title h3{
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #603916;
}
.shop-title h3 span{
    border-top: solid 3px #603916;
    border-bottom: solid 3px #603916;
    padding: 18px 0;
    display: inline-block;
}
.shop-content_1{
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 100px;
    justify-content: space-between;
}
.shop-content_1_1{
    width: 50%;
    height: auto;
}
.shop-content_1_2{
    width: 48%;
    height: auto;
}
@media (max-width: 1200px){
    .shop-content{
        width: 80%;
    }
}
@media (max-width: 960px){
    .shop-content{
        width: 70%;
    }
    .shop-content_1{
        display: block;
        margin-top: 40px;
    }
    .shop-content_1_1,.shop-content_1_2{
        width: 100%;
    }
    .shop-title h3{
        font-size: 22px;
    }
}
@media (max-width: 768px){
    .shop-title h3{
        font-size: 20px;
    }
    .shop-content{
        width: 80%;
    }
}
@media (max-width: 480px){
    .shop-title h3{
        font-size: 20px;
    }
    .shop-content{
        width: 90%;
    }
}
/*表*/
table{
    width: 100%;
    border: solid 1px #603916;
}
table th{
    position: relative;
    width: 20%;
    background-color: #603916;
    color: #fff;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding: 0 5px;
}
table .last{
    border-bottom: solid 1px #603916;
}

table td{
    text-align: left;
    width: 80%;
    padding: 20px;
    border-bottom: solid 1px #603916;
}

/*改行はbrタグ→pタグに*/
table td p{
    margin: 0;
}
table td .annotation{
    font-size: 14px;
}
table td a{
    color: #DF6A25;
    font-weight: bold;
}
table td a:hover{
    color: #DF6A25;
    opacity: 0.8;
}
@media (max-width: 480px){
    table th,table td,table td a{
        font-size: 14px;
    }
    table th{
        width: 28%;
    }
    table td{
        width: 72%;
    }
}


.bus-box{
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.bus-btn{
    width: 50%;
    height: auto;
    background-color: #DF6A25;
    margin: 0 auto;
}
.bus-box a{
    display: block;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border: solid 2px #DF6A25;
    letter-spacing: 0.05em;
}
.bus-box a:hover{
    border: solid 2px #DF6A25;
    background-color: #fff;
    color: #DF6A25;
}

/*店舗写真*/
.shop-pic{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.shop-pic img{
    width: 100%;
}
/*店舗地図(Ｇｏｏｇｌｅマップ)*/
.shop-map{
    width: 100%;
    height: auto;
}
h4{
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    color: #603916;
    margin-bottom: 10px;
}
/*フロアマップ*/
.shop-floor-map{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.shop-floor-map img{
    width: 100%;
    border: solid 2px #603916;
}

@media (max-width: 960px){
    .bus-box{
        margin-bottom: 80px;
    }
    .bus-btn{
        width: 80%;
    }
    .bus-box a{
        font-size: 16px;
        padding: 15px 0;
    }
    h4{
        font-size: 20px;
    }
}

.shop-fit{
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}
.shop-fit:hover{
    color: #000;
    opacity: 0.6;
}

/*エキテン口コミ*/
.ekiten{
	display:flex;
	justify-content:center;
	width:100%;
	height:auto;
	padding:0px 15vw 150px 15vw;
}
.ekiten_box h2{
	font-weight: bold;
	padding:20px 20px 20px 20px;
	text-align:center;
	font-size:27px;
}
.ekiten_box{
	width:50%;
	height:auto;
	padding:10px;
}

@media(max-width:960px){
	.ekiten{
	padding:0px 100px 150px 100px;
}
	.ekiten_box h2{
	padding:20px 10px 40px 10px;
	text-align:center;
	font-size:24px;
}
	.ekiten_box{
	width:100%;
	height:auto;
	padding:20px;
}
}

@media(max-width:768px){
	.ekiten{
	padding:0px 35px 150px 35px;
}
	.ekiten_box h2{
	padding:20px 0px 40px 0px;
	font-size:21px;
}
	.ekiten_box{
	width:100%;
	height:auto;
	padding:10px;
}
}

@media(max-width:520px){
	.ekiten{
	display:block;
	justify-content:center;
	padding:0px 35px 100px 35px;
}
	.ekiten_box h2{
	padding:30px 0px 20px 0px;
	font-size:21px;
}
	.ekiten_box{
	width:100%;
	height:auto;
}
}
/*エキテン口コミここまで*/


/*店舗のよくある質問*/
.shop_faq{
    width: 100%;
    height: auto;
}
.shop_faq h2{
    font-weight: bold;
	padding:20px 20px 20px 20px;
	text-align:center;
	font-size:27px;
    color: #603916;
}
.faq-content{
    width: 45%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 100px;
}
.faq-content_1{
    width: 100%;
    height: auto;
}
.map-box img{
    width: 100%;
    
}
@media (max-width: 1200px){
    .faq-content{
    width: 60%;
    }
}
@media (max-width: 768px){
    .faq-content{
    width: 75%;
    }
}
@media (max-width: 480px){
    .faq-content{
    width: 85%;
    }
}


.acd-check{
  display: none;
}
.acd-label{
  background: #603916;
  color: #fff;
  display: flex;
  margin-bottom: 1px;
  padding: 13px;
    font-weight: bold;
}
.acd-label span{
    height: 27px;
    background-color: #FFF;
    padding: 2px 7px;
    margin-right: 8px;
    color: #603616;
    font-weight: bold;
}
.acd-content{
  border: 1px solid #333;
  height: 0;
  opacity: 0;
  padding: 0 20px;
  transition: .5s;
  visibility: hidden;
}
.acd-content span{
    background-color: #DF6A25;
    padding: 2px 7px;
    margin-right: 8px;
    color: #FFF;
    font-weight: bold;
}
.acd-content p{
    margin-bottom: 0;
}
.acd-content a{
    text-decoration: underline;
}
.acd-content a:hover{
    color: #DF6A25;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 20px;
  visibility: visible;
}
@media (max-width: 768px){
    .acd-label{
        padding: 8px;
    }
}


#map,#floormap{
    padding: 120px 0;
    margin: -120px 0;
}

/*グーグル口コミ*/

.gvoice{
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 30px;
}
.gvoice h2{
    color: #603916;
    text-align: center;
    font-weight: bold;
    font-size: 27px;
}
@media (max-width: 520px){
    .gvoice{
    width: 90%;
    }
}
