@charset "UTF-8";


.pointer_events_none{pointer-events: none!important;}

/*-------------------------
__shop_style
-------------------------*/

#page_ttl{background: url(images/page_ttl.jpg) no-repeat center / cover;}

/*================================== company ==================================*/

#company{ text-align: left; margin:100px 0 100px;}
#company .company_inner{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 0; position: relative;}
#company .company_inner table{ font-size: 1.5em; line-height: 1.8; border-collapse: collapse; width: 100%;}
#company .company_inner table tr th{ width: 150px;}
#company .company_inner table tr:nth-child(1) th,
#company .company_inner table tr:nth-child(1) td{ border-top: 1px solid #CCC;}
#company .company_inner table tr th,
#company .company_inner table tr td{ padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #CCC;}

@media screen and (min-width: 768px) {
a.sph_on{display: none!important;}
}
@media screen and (max-width: 767px) {
.sph_off{display: none;}
#company{ padding: 0; margin:20px 0 40px;}
#company .company_inner table{ font-size: 1.4em; line-height: 1.5;}
#company .company_inner table tr th{ width: 100%;}
#company .company_inner table tr:nth-child(1) th,
#company .company_inner table tr:nth-child(1) td{ border-top: none;}
#company .company_inner table tr th{ display: block; padding: 5px 20px; box-sizing: border-box; border-bottom: none; background-color: #ECF3FA;}
#company .company_inner table tr td{ display: block; padding: 12px 20px; box-sizing: border-box; border-bottom: none;}

}

.contents .page_inner{ margin-bottom: 100px;}

.contents .shop_menu{ display: flex;justify-content: center; text-align: center; margin: 80px 0 0;}
.contents .shop_menu li{ width: 100%; margin: 0 3px;}
.contents .shop_menu li a{ display: block; box-sizing: border-box; font-size: 1.6em; padding: 10px 10px; background-color: #fff; border-radius: 5px; font-weight: 700;}

.contents .shop_menu li a.btn_chiba{ color: #00a1e9; border: 1px solid #00a1e9;}
.contents .shop_menu li a.btn_matsudo{ color: #ffbb00; border: 1px solid #ffbb00;}
.contents .shop_menu li a.btn_narita{ color: #76B425; border: 1px solid #76B425;}
.contents .shop_menu li a.btn_yachiyo{ color: #E30202; border: 1px solid #E30202;}
.contents .shop_menu li a.btn_kisarazu{ color: #EE7800; border: 1px solid #EE7800;}
.contents .shop_menu li a.btn_kanagawa{ color: #7203b2; border: 1px solid #7203b2;}
.contents .shop_menu li a.btn_okinawa{ color: #28C2D2; border: 1px solid #28C2D2;}

.contents .shop_box{ margin: 40px 0 0; padding: 40px 0 0;}
.contents .shop_box .shop_ttl{ font-size: 2.6em; font-weight: 700; text-align: left; margin: 0 0 20px;}
.contents .shop_box .shop_box_inner{ text-align: center; padding: 40px 40px 50px; background-color: #ecf3fa;}
.contents .shop_box .shop_box_inner .row{display:flex;}
.contents .shop_box .shop_box_inner table{ flex: 1; height: 100%; border-spacing:0}
.contents .shop_box .shop_box_inner table th,
.contents .shop_box .shop_box_inner table td{ font-size: 1.5em; line-height: 1.8; text-align: left; vertical-align: top; padding: 20px 0; border-bottom: 1px solid #CCC;}
.contents .shop_box .shop_box_inner table th{ width: 6em;}
.contents .shop_box .shop_box_inner table tr:first-child th,
.contents .shop_box .shop_box_inner table tr:first-child td{ padding-top: 0;}
.contents .shop_box .shop_box_inner table td .gmap{ display: inline-block; font-size: 87.5%; line-height: 1; margin: 0 0 0 15px; padding: 5px 10px; color: #FFF; background-color: #000; border: 1px solid #000;}
.contents .shop_box .shop_box_inner .img_list{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; max-width: 500px; margin: -80px 0 0 40px;}
.contents .shop_box .shop_box_inner .img_list .img{ width: calc((100% - 20px)/2);}
.contents .shop_box .shop_box_inner .img_list .img:first-child{ width: 100%; margin: 0 0 20px;}
.contents .shop_box .shop_box_inner .img_list .img a{ display: block; background-color: #ecf3fa;}
.contents .shop_box .shop_box_inner .img_list .img img{ width: 100%; height: auto; vertical-align: top;}
.contents .shop_box .shop_box_inner .btn{ display: inline-block; max-width: 750px; margin: 40px auto 0;}
.contents .shop_box#group .shop_box_inner .btn{ max-width: 500px;}
.contents .shop_box .shop_box_inner .btn .btn_inner{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.contents .shop_box .shop_box_inner .btn .btn_inner a{ display: block; text-decoration: none;}
.contents .shop_box .shop_box_inner .btn .btn_inner .link_btn{ font-size: 1.6em; font-weight: 700; width: calc((100% - 20px) /3); padding: 20px; box-sizing: border-box; border-radius: 5px; color: #005595; border: 2px solid #005595;}
#group .shop_box_inner .btn .btn_inner .link_btn{ width: calc((100% - 20px) /2);}
.contents .shop_box .shop_box_inner .btn .btn_inner .contact_btn{ width: 100%; font-size: 2.3em; font-weight: 700; line-height: 1.2; margin: 40px auto 0; padding: 30px; box-sizing: border-box; border-radius: 5px; color: #fff; max-width: 500px;}

.contents .shop_box#chiba .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #00a1e9;}
.contents .shop_box#matsudo .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #ffbb00;}
.contents .shop_box#narita .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #76B425;}
.contents .shop_box#yachiyo .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #E30202;}
.contents .shop_box#kisarazu .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #EE7800;}
.contents .shop_box#kanagawa .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #7203b2;}
.contents .shop_box#okinawa .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #28C2D2;}
.contents .shop_box#group .shop_box_inner .btn .btn_inner .contact_btn{ background-color: #006837;}

.contents .shop_box#okinawa .shop_box_inner{position: relative;}
.contents .shop_box#okinawa .shop_box_inner .rgk{position: absolute;bottom: 40px;left:40px;width:130px;height:auto;}
.contents .shop_box#okinawa .shop_box_inner .rgk img{width:100%;height:auto;}

.contents .shop_box#group .shop_box_inner{position: relative;}
.contents .shop_box#group .shop_box_inner .line{position: absolute;bottom: 50px;left:50px;width:220px;height:auto;}
.contents .shop_box#group .shop_box_inner .line a{display:block;transition:.3s;}
.contents .shop_box#group .shop_box_inner .line a img{width:100%;height:auto;}

@media screen and (min-width: 768px) {
  .contents .shop_menu li a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}

  .contents .shop_menu li a:hover{ color: #fff;}
.contents .shop_menu li a.btn_chiba:hover{ background-color: #00a1e9;}
.contents .shop_menu li a.btn_matsudo:hover{ background-color: #ffbb00;}
.contents .shop_menu li a.btn_narita:hover{ background-color: #76B425;}
.contents .shop_menu li a.btn_yachiyo:hover{ background-color: #E30202;}
.contents .shop_menu li a.btn_kisarazu:hover{ background-color: #EE7800;}
.contents .shop_menu li a.btn_kanagawa:hover{ background-color: #7203b2;}
.contents .shop_menu li a.btn_okinawa:hover{ background-color: #28C2D2;}

  .contents .shop_box .shop_box_inner table td .gmap{ transition: color 0.3s, background-color 0.3s;}
  .contents .shop_box .shop_box_inner table td .gmap:hover{ color: #000; background-color: #FFF;}
  .contents .shop_box .shop_box_inner .img_list .img a img{ transition: opacity 0.3s;}
  .contents .shop_box .shop_box_inner .img_list .img a:hover img{ opacity: 0.6;}
  .contents .shop_box .shop_box_inner .btn .btn_inner a{ transition: background-color 0.3s;}
  .contents .shop_box .shop_box_inner .btn .btn_inner .link_btn:hover{ color: #FFF; background-color: #0055A0;}
  .contents .shop_box .shop_box_inner .btn .btn_inner .contact_btn:hover{ background-color: #FFFA78;}
  .contents .shop_box#group .shop_box_inner .line a:hover{opacity: .8;}
}

@media screen and (max-width: 767px) {
  .contents .page_inner{ margin-bottom: 30px;}

  .contents .shop_menu{ display: flex; flex-wrap: wrap; justify-content: center;  margin: 40px 0 0;}
  .contents .shop_menu li{ width: calc(33.33333% - 4px); margin-left: 0; margin-right: 6px; margin-bottom: 6px;}
  .contents .shop_menu li:nth-child(3n){ margin-right: 0;}
  .contents .shop_menu li:last-child{ margin-right: 0;}
  .contents .shop_menu li a{ font-size: 1.4em; padding: 10px 0;}

    
  .contents .shop_box{ margin: 20px 0 0; padding: 20px 0 0;}
  .contents .shop_box .shop_ttl{ font-size: 2em;}
  .contents .shop_box .shop_box_inner{ padding: 15px 15px 20px;}
  .contents .shop_box .shop_box_inner .row{ display: block;}
  .contents .shop_box .shop_box_inner table th,
  .contents .shop_box .shop_box_inner table td{ display: block; width: 100%; font-size: 1.4em; line-height: 1.5; box-sizing: border-box; border: none;}
  .contents .shop_box .shop_box_inner table th{ padding: 5px 10px; background-color: #FFF;}
  .contents .shop_box .shop_box_inner table td{ padding: 10px 10px 15px;}
  .contents .shop_box .shop_box_inner table tr:first-child th{ padding-top: 5px;}
  .contents .shop_box .shop_box_inner table tr:first-child td{ padding-top: 10px;}
  .contents .shop_box .shop_box_inner table td .gmap{margin:0 0 0 8px;}
  .contents .shop_box .shop_box_inner .img_list{ max-width: initial; margin: 5px 0 0;}
  .contents .shop_box .shop_box_inner .img_list .img{ width: calc((100% - 10px)/2);}
  .contents .shop_box .shop_box_inner .img_list .img:first-child{ margin: 0 0 10px;}
  .contents .shop_box .shop_box_inner .btn{ display: block; max-width: 100%; margin: 5px 0 0;}
  .contents .shop_box .shop_box_inner .btn .btn_inner .link_btn{ display: block; width: calc((100% - 10px) /2); font-size: 1.3em; margin: 10px 0 0; padding: 10px 12px;}
  #group .shop_box_inner .btn .btn_inner .link_btn{ width: calc((100% - 10px) /2);;}
  #group .shop_box_inner .btn .btn_inner .link_btn.sph_on{ width: 100%;}
  .contents .shop_box .shop_box_inner .btn .btn_inner .contact_btn{ font-size: 1.8em; margin: 15px 0 0; padding: 15px 20px}
  .contents .shop_box#okinawa .shop_box_inner .rgk{position: initial;margin:20px auto 0;}
}