@charset "UTF-8";

body {
  background-color: #fff;
}

.pagetitle {
  background-image: url(/images/common/bg_company.jpg);
  background-size: cover;
  background-position: center center;
}

.container h2{
  width: 100%;
  display: block;
  margin-top: 70px;
}




.att_info {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #FFE800;
}
.container .att_info h2{
      margin-top: 0px;
  text-align: center;
  margin-bottom: 15px;
  border-bottom: none;
}
.att_info h2+p{
  margin-bottom: 15px;
}
.att_info ul+h4{
  margin-top: 25px;
}

.att_info .websitelinks {
  display:-webkit-box;
 	display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.att_info .websitelinks li{
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.att_info .websitelinks li a.btn {
      min-height: 3em;
      margin: 0 auto;
}
@media (max-width: 920px) {
.att_info .websitelinks li{
  width: 100%;
}
}




.container #shoplist h3{
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 18px;
    background-color: #EBEBEB;
    margin-bottom: 10px;
    border-radius: 5px;
}
.container #shoplist ul+h3{
  margin-top: 60px;
}

.container #shoplist h4{
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 5px solid #FFE800;
}
.container #shoplist .arealist{
  display:-webkit-box;
 	display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container #shoplist .arealist+ul{
    margin-top: 10px;
}
.container #shoplist .arealist li{
    margin-right: 0.75%;
    margin-bottom: 8px;
}
.container #shoplist .arealist li a{
    padding: 5px 15px;
    border-radius: 50px;
    background-color: #F5F5F5;
    color: black;
    font-size: 14px;
}





.nearby_shop li{
        margin-bottom: 15px;
        padding: 10px 15px;
        border: 1px solid #F0E9DB;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
      }
@media (max-width: 840px) {
 .nearby_shop li{
        width: 100%;
        margin-right: 0%;
      }
      }
@media (max-width: 540px) {
.nearby_shop li{
        display: block;
      }
      }
.nearby_shop li .btn_reserv{
       width: 9em;
       padding: 5px 10px;
       border-radius: 5px;
       text-align: center;
       font-weight: bold;
       font-size: 14px;
       background-color: #FFE800;
     }
@media (max-width: 540px) {
.nearby_shop li .btn_reserv{
        margin-top: 10px;
      }
      }