@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

td.shop_box{ display: flex; justify-content: space-between;}
td.shop_box label{}
td.shop_box .shop_data{}

.shop_data .inner{ width: 420px; border: 4px solid #F0F0F0; box-sizing: border-box; padding: 20px; box-sizing: border-box; border-radius: 10px;}
.shop_data .inner .top{ display: flex; justify-content: space-between; margin-bottom: 10px;}
.shop_data .inner .top .shop_name{ max-width: 130px; height: 30px;}
.shop_data .inner .top .shop_name img{ height: 30px; width: auto;}
.shop_data .inner .top .tel_num{ height: 30px;}
.shop_data .inner .top .tel_num img{ height: 30px; width: auto;}
.shop_data .inner .bottom{ width: 100%!important; display: flex; justify-content: space-between; flex-wrap: wrap;}
.shop_data .inner .bottom .photo{ width: 130px; height: 96px; overflow: hidden; position: relative;}
.shop_data .inner .bottom .photo img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%;}
.shop_data .inner .bottom .data{ width: calc(100% - 140px); font-size: 11px; line-height: 15px; position: relative;}
.shop_data .inner .bottom .data dl{ width: 100%; display: flex; flex-wrap: wrap;}
.shop_data .inner .bottom .data dl:nth-child(1){ max-height: 32px;}
.shop_data .inner .bottom .data dl:nth-child(2){ max-height: 32px;}
.shop_data .inner .bottom .data dl:nth-child(3){ height: 16px;}
.shop_data .inner .bottom .data dl:nth-child(4){ height: 16px;}
.shop_data .inner .bottom .data dl dt{ width: 50px; box-sizing: border-box;}
.shop_data .inner .bottom .data dl dd{width: calc(100% - 50px); box-sizing: border-box;}
.shop_data .inner .bottom .data a{ position: absolute; bottom: 0; right: 0; display: inline-block; font-size: 13px; text-decoration: none; vertical-align: middle; background-color: #004d9e; color: #FFF; margin-left: 6px; padding: 2px 6px 0; border-radius: 4px; transition: all .3s;}
.shop_data .inner .bottom .data a:hover{}
/*.shop_data .inner .bottom{}
.shop_data .inner .bottom ul{ display: flex; justify-content: space-between;}
.shop_data .inner .bottom ul li{width: calc((100% - 10px) / 2);}
.shop_data .inner .bottom ul li a{font-weight: 700;line-height: 2em;letter-spacing: normal;text-align: center;text-decoration: none;margin-bottom: 7px;padding-left: 22px;color: #fff;background-color: #38A4E7;border-radius: 3px;box-shadow: 1px 1px 1px rgba(153, 153, 153, .8);transition: all .3s;display: block;}
.shop_data .inner .bottom ul li a{display:block;font-size: 15px;line-height: 36px;letter-spacing: normal;color: #004D9E;background:rgb(221,221,221);background:-moz-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%);background:-webkit-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%);background:linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd",endColorstr="#ffffff",GradientType=1);border: solid 1px #004D9E;border-radius: 4px;margin: 0 auto;padding: 0 0 0 33px;}
.shop_data .inner .bottom ul li a:hover {background:rgb(238,238,238);background:-moz-linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 80%);background:-webkit-linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 80%);background:linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=1);box-shadow: 0 0 0 rgb(153 153 153 / 80%);transform: translateY(2px);}
.shop_data .inner .bottom ul li a span{position: relative;transition: all .3s;}
.shop_data .inner .bottom ul li a:hover span{opacity: 0.5;}
.shop_data .inner .bottom ul li a span::before{content: "";width: 22px;height: 22px;background-image: url("/images/shop/icon_03@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;margin-top: -11px;position: absolute;top: 50%;left: -33px;}
.shop_data .inner .bottom ul li:nth-child(1) a span::before{background-image: url("/images/shop/icon_10@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
.shop_data .inner .bottom ul li:nth-child(2) a span::before{background-image: url("/images/shop/icon_03@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}*/