@charset "UTF-8";
@import url("base.css");

/* =========================================================
雄琴の3店舗こんな感じです！
========================================================= */
#shopinfo{ padding-bottom: 80px;}
#shopinfo .shopinfo_inner{ box-sizing: border-box; background: #fff; border-radius: 10px; padding: 30px;}

.shopinfo_wrap{}
.shopinfo_wrap figure{ display: block; margin-bottom: 20px; text-align: center;}
.shopinfo_wrap figure img{ width: 100%;}

.shopinfo_wrap .shop_data{ margin-bottom: 20px;}
.shopinfo_wrap .shop_data .shop_data_inner{ box-sizing: border-box; padding: 10px; border: 2px solid #f5f5f5; border-radius: 10px;}
.shopinfo_wrap .shop_data .shop_data_inner table{ width: 100%; font-size: 15px;}
.shopinfo_wrap .shop_data .shop_data_inner tr{ border-bottom: 3px solid #fff;}
.shopinfo_wrap .shop_data .shop_data_inner th,
.shopinfo_wrap .shop_data .shop_data_inner td{ padding: 12px 15px;}
.shopinfo_wrap .shop_data .shop_data_inner th{ width: 20%; text-align: center; color: #fff; font-weight: bold;}
.shopinfo_wrap .shop_data .shop_data_inner td{ width: 80%; background: #f5f5f5;}
.shopinfo_wrap .shop_data .shop_data_inner .cmn_link{ padding: 0 7px; color: #60afff; text-decoration: none;}
.shopinfo_wrap .shop_data .shop_data_inner .cmn_link:hover{ text-decoration: underline;}
.shopinfo_wrap .shop_data .shop_data_inner .cmn_link i{ padding-right: 4px;}

.shopinfo_wrap .shop_data .shop_data_inner a.official_link{ display: block; box-sizing: border-box; width: 200px; height: 40px; line-height: 37px; text-align: center; color: #fff; background: #60afff; text-decoration: none; border-radius: 10px; border-bottom: 3px solid #007af4;}
.shopinfo_wrap .shop_data .shop_data_inner a.official_link i{ padding-right: 6px;}
.shopinfo_wrap .shop_data .shop_data_inner a.official_link:hover{ opacity: 0.6;}

.shopinfo_wrap .shop_preferences{}
.shopinfo_wrap .shop_preferences .preferences_list{ box-sizing: border-box; padding: 10px; border: 2px solid #f5f5f5; border-radius: 10px;}
.shopinfo_wrap .shop_preferences .preferences_list ul{ display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; width: 100%; padding: 3px; margin-bottom: 15px;}
.shopinfo_wrap .shop_preferences .preferences_list li{ box-sizing: border-box; width: 20%; padding: 2px;}
.shopinfo_wrap .shop_preferences .preferences_list li p{ height: 40px; line-height: 40px; text-align: center; font-size: 15px; color: #fff; border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;}
.shopinfo_wrap .shop_preferences .preferences_list li p.p_off{ background: #f5f5f5; color: #aaa;}
.shopinfo_wrap .shop_preferences .preferences_list .att_txt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold; background: #f5f5f5; border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;}
.shopinfo_wrap .shop_preferences .preferences_list .att_txt span{ color: #FC6DA4; padding: 0 3px;}