@charset "utf-8";



.mv .wrap,
.mv + .wrap { max-width: 1040px; margin: 0 auto;}
.mv + .wrap { padding-bottom: 120px;}

@media (max-width: 640px) {
.mv + .wrap { width: 100%; max-width: none;}

}


.txt-line { pointer-events: none; cursor: default; text-decoration: none; color: inherit; }
@media (max-width: 640px) {
.txt-line { pointer-events: auto; cursor: pointer; text-decoration: underline; }
}




/* 一覧 */

.area-nav { margin-top: 20px;}
.area-nav-list { display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.area-nav-list li a { display: block; width: max-content; padding: 5px 10px; background-color: #fff; border: #CDC6BF 1px solid; font-weight: bold;}

.shop-info { display: grid; grid-template-columns: 1fr 12.8rem; gap: 0 40px; align-items: center;}
.shop-info li:nth-child(1) { grid-column: 1/2;}
.shop-info li.shop-address { grid-column: 1/2;}
.shop-info li.shop-link { grid-column: 2/3; grid-row: 1/3;}
.shop-info li.shop-link a { display: block; width: 100%; padding: 5px 10px; background-color: #F08700; color: #fff; font-size: 14px; text-align: center; font-weight: bold;}

.area-nav + article { margin-top: 40px;}
.shop-ttl { font-size: 18px; font-weight: bold; margin: 40px 0 10px;}
.shop-ttl._first { margin-top: 0; }
.shop-ttl + ul { border-top : 1px solid #b8afa5; margin-top: 20px; padding-top: 20px;}

@media (max-width: 640px) {

.shop-info { display: block; }
.shop-info li.shop-link { margin-top: 10px;}

}




/* 詳細 */


.single {}
.single.shop-list .mv { height: 200px; background-color: #FBFAF8;}

@media (max-width: 640px) {
.single.shop-list .mv { height: auto;}
.single.shop-list .mv .wrap h1 { padding: 40px 0;}
}




.single .store-contact { display: flex; align-items: center; justify-content: flex-end; gap: 30px; margin-top: 40px;}
.single .store-contact > * { display: grid; grid-template-columns: max-content 1fr; gap: 10px; align-items: center; width: max-content; padding: 10px 20px; background-color: #F08700; color: #fff; text-align: center; font-weight: bold; }
.single .store-contact > *::before { content: ""; display: block; width: 30px; height: 30px; background: no-repeat center center / contain; }
.single .btn-epark { font-size: 18px;}
.single .btn-epark::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_reserve.svg) ;}
.single .store-contact-tel { font-size: 20px; pointer-events: none; cursor: default; text-decoration: none;}
.single .store-contact-tel::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_tel.svg) ;}

@media (max-width: 640px) {
.single .store-contact { gap: 10px; margin-top: 20px;}
.store-contact-tel { pointer-events: auto; cursor: pointer; text-decoration: underline; }
.single .store-contact > * { width: 100%; height: 40px; gap: 5px; padding: 10px; }
.single .store-contact > *::before { width: 20px; height: 20px; }
.single .btn-epark { font-size: 14px;}
.single .store-contact-tel { font-size: 16px; }

}




.single .store-images { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; margin-top: 30px;}
.single .store-images > * { position: relative; padding-bottom: 67.5%; width: 100%; height: 0; overflow: hidden; border: #CDC6BF 1px solid;}
.single .store-images > * img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: contain;}

@media (max-width: 640px) {
.single .store-images {  grid-template-columns: repeat(1,1fr); gap: 20px; margin-top: 20px;}

}


.single .store-description { margin-top: 60px;}

@media (max-width: 640px) {
.single .store-description { margin-top: 30px;}
}



.single .store-news { margin-top: 60px; padding: 30px; background-color: #FBFAF8;}
.single .store-news-title { color: #F08700; font-weight: bold; font-size: 24px;}
.single .store-news ul { margin-top: 15px;}
.single .store-news ul li { }
.single .store-news ul li+ li { margin-top: 20px; }
.single .store-news ul li a { display: grid; grid-template-columns: 15% 1fr; gap: 20px;  }
.single .store-news ul li a span:nth-child(2) { text-decoration: underline;  }
@media (max-width: 640px) {
.single .store-news { margin-top: 30px; padding: 15px; }
.single .store-news-title { font-size: 16px;}
.single .store-news ul li a { grid-template-columns: 1fr; gap: 5px;  }


}


.single .store-outline { margin-top: 100px;}
.single .store-outline-item { display: grid; grid-template-columns: 1fr 3fr; padding: 30px 0; border-top: #CDC6BF 1px solid;}
.single .store-outline-item:last-child { border-bottom: #CDC6BF 1px solid;}
.single .store-outline-item dt { color: #F08700; font-weight: bold; }
.single .store-map { position: relative; padding-bottom: 42.25%; height: 0; overflow: hidden; margin-top: 20px; }
.single .store-map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.single .btn-map-outer { width: max-content; display: block; margin: 10px 0 0 auto; padding: 5px 10px; background-color: #F08700; color: #fff; font-weight: bold; font-size: 14px;}
@media (max-width: 640px) {
.single .store-outline { margin-top: 60px;}
.single .store-outline-item { grid-template-columns: 1fr; padding: 15px 0; }
.single .store-outline-item dt { margin-bottom: 5px; }


}


.single .shop-services { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.single .service-icon { display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 10px; }
.single .service-icon::before { content: ""; display: block; width: 50px; height: 50px; background: no-repeat center center / contain;}
.single .service-icon.online-medication::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service01.svg) ;}
.single .service-icon.family-pharmacist::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service02.svg) ;}
.single .service-icon.cashless::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service03.svg) ;}
.single .service-icon.barrier-free::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service04.svg) ;}
.single .service-icon.myna-card::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service05.svg) ;}
.single .service-icon.home-visit::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service06.svg) ;}
.single .service-icon.medical-device-sales::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service07.svg) ;}
.single .service-icon.e-notebook::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service08.svg) ;}
.single .service-icon.e-prescription::before { background-image: url(/wp-content/themes/code_human/img/shop-list/detail/ico_service09.svg) ;}

@media (max-width: 640px) {
.single .shop-services { grid-template-columns: repeat(2,1fr); gap: 10px;}
.single .service-icon { gap: 5px; }
.single .service-icon::before { width: 30px; height: 30px; }

}


.single .store-back { width: 200px; height: 46px; display: flex; align-items: center; justify-content: center; margin: 50px auto 0; background-color: #F08700; color: #fff; font-weight: bold; font-size: 18px;}

@media (max-width: 640px) {
.single .store-back { width: 100%; height: 46px; margin: 30px auto 0; font-size: 14px;}

}