@charset "UTF-8";

/*-------------------------
__search_style
-------------------------*/
#contents_title{background:url("images/title_back.jpg")no-repeat center center;background-size:cover; position: relative;}
#contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}

#main{ text-align: center; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
#main img{ width: 100%; height: auto;}

.shop_box{ background-color: #fff; padding: 30px; box-sizing: border-box; margin-bottom: 50px;}
.shop_box .inner_top{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #0a46b2; padding-bottom: 20px; margin-bottom: 30px;}
.shop_box .inner_top h2{ color: #0a46b2; font-size: 25px; font-weight: 700; position: relative;}
.shop_box .inner_top h2:after{ content: ''; display: block; position: absolute; left: 0; bottom: -27px; width: 200px; height: 5px; background-color: #0a46b2;}
.shop_box .inner_top h2 a{ color: #0a46b2!important;}
.shop_box .inner_top h2 span{}
.shop_box .inner_top ul{ display: flex;}
.shop_box .inner_top ul li:nth-child(1){ margin-right: 5px;}
.shop_box .inner_top ul li:nth-child(1) a{ font-size: 1.5em; color: #fff!important; display: block; background-color: #06c755; padding: 12px; box-sizing: border-box; border-radius: 5px;}
.shop_box .inner_top ul li:nth-child(1) a span{ display: inline-block; position: relative; padding-left: 25px;}
.shop_box .inner_top ul li:nth-child(1) a span:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(images/icon_line@2x.png); background-size: 18px 18px; background-repeat: no-repeat;}
.shop_box .inner_top ul li:nth-child(2){}
.shop_box .inner_top ul li:nth-child(2) a{ font-size: 1.5em; color: #fff!important; display: block; background: linear-gradient(270deg, #2a2c8b 0%, #2a2c8b 25%, #293f9d 51%, #2878d2 100%); padding: 12px; box-sizing: border-box; border-radius: 5px;}
.shop_box .inner_top ul li:nth-child(2) a span{ display: inline-block; position: relative; padding-left: 25px;}
.shop_box .inner_top ul li:nth-child(2) a span:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(images/icon_mail@2x.png); background-size: 18px 18px; background-repeat: no-repeat;}
.shop_box .inner_middle{ display: flex; justify-content: space-between; margin-bottom: 30px;}
.shop_box .inner_middle .com_photo{}
.shop_box .inner_middle .com_photo span{ display: block; width: 520px; height: 0; background-color: #F5F5F5; padding-top: 75%; overflow: hidden; position: relative;}
.shop_box .inner_middle .com_photo span img{ width: 100%; height: 100%!important; object-fit: cover; position: absolute; inset: 0;}
.shop_box .inner_middle .com_data{ width: 480px; text-align: left;}
.shop_box .inner_middle .com_data table{ width: 100%; font-size: 1.4em; line-height: 1.6em;}
.shop_box .inner_middle .com_data table tr{}
.shop_box .inner_middle .com_data table tr th,
.shop_box .inner_middle .com_data table tr td{ display: block; width: 100%; box-sizing: border-box;}
.shop_box .inner_middle .com_data table tr th{ background-color: #f5f5f5; padding: 4px 6px;}
.shop_box .inner_middle .com_data table tr td{ padding: 9px 6px; position: relative;}
.shop_box .inner_middle .com_data table tr td span{ display: inline-block; margin-right: 50px;}
.shop_box .inner_middle .com_data table tr td a.map_btn{ font-size: 1em; color: #0a46b2!important; display: inline-block; border: 1px solid #0a46b2; padding: 0 7px; box-sizing: border-box; border-radius: 3px; position: absolute; right: 0;}
.shop_box .inner_bottom{ display: flex; justify-content: space-between; align-items: center;}
.shop_box .inner_bottom ul{ display: flex;}
.shop_box .inner_bottom ul li{ width: 56px; height: auto; margin-right: 25px;}
.shop_box .inner_bottom ul li img{ width: 100%; height: auto;}
.shop_box .inner_bottom .go_shop_page{}
.shop_box .inner_bottom .go_shop_page a{ font-size: 1.7em; font-weight: 700; color: #0a46b2!important; display: block; background-color: #fff; border: 2px solid #0a46b2; padding: 17px 22px; box-sizing: border-box; border-radius: 5px;}
.shop_box .inner_bottom .go_shop_page a span{ display: inline-block; position: relative; padding-left: 30px;}
.shop_box .inner_bottom .go_shop_page a span:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(images/icon_shop@2x.png); background-size: 18px 18px; background-repeat: no-repeat;}

@media screen and (min-width: 768px) {
.shop_box .inner_top h2 a:hover,
.shop_box .inner_middle .com_photo a:hover{ opacity: 0.5;}
.shop_box .inner_top ul li a:hover,
.shop_box .inner_bottom .go_shop_page a:hover{ opacity: 0.7;}
a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none;}
}

@media screen and (max-width: 767px) {

#main{ width: 100%; padding: 0 20px; box-sizing: border-box;}

.shop_box{ padding: 20px; margin-bottom: 30px;}
.shop_box .inner_top{ display: block; border-bottom: none; padding-bottom: 0; margin-bottom: 20px;}
.shop_box .inner_top h2{ text-align: left; font-size: 2em; margin-bottom: 15px;}
.shop_box .inner_top h2:after{ display: none;}
.shop_box .inner_top ul{ display: block;}
.shop_box .inner_top ul li{ width: 100%;}
.shop_box .inner_top ul li:nth-child(1){ margin-right: 0; margin-bottom: 5px;}
.shop_box .inner_top ul li:nth-child(1) a{ font-size: 1.4em; font-weight: 700; padding:14px 7px;}
.shop_box .inner_top ul li:nth-child(1) a span:before{ top: -3px; left: 4px;}
.shop_box .inner_top ul li:nth-child(2) a{ font-size: 1.4em; font-weight: 700; padding:14px 7px;}
.shop_box .inner_top ul li:nth-child(2) a span:before{ top: -3px; left: 4px;}

.shop_box .inner_middle{ display: block; margin-bottom: 20px;}
.shop_box .inner_middle .com_photo span{ display: block; width: 100%; margin-bottom: 20px;}
.shop_box .inner_middle .com_data{ width: 100%;}
.shop_box .inner_middle .com_data table{ font-size: 1.3em; line-height: 1.5em;}
.shop_box .inner_middle .com_data table tr th{ padding: 3px 6px;}
.shop_box .inner_middle .com_data table tr td{ padding: 8px 6px;}
.shop_box .inner_middle .com_data table tr td a.tel_link{ text-decoration: underline!important;}

.shop_box .inner_bottom{ display: block;}
.shop_box .inner_bottom ul{ flex-wrap: wrap; margin-bottom: 10px;}
.shop_box .inner_bottom ul li{ width: calc((100% / 5) - 8px); margin-right: 10px; margin-bottom: 5px;}
.shop_box .inner_bottom ul li:nth-child(5n){ margin-right: 0;}

.shop_box .inner_bottom .go_shop_page a{ font-size: 1.5em; padding: 22px 22px;}
    
}