@charset "utf-8";

/***** ▼問い合わせTEL *****/
#inqbox{
  width:992px;
  margin:40px auto 20px;
  background: #FFF;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid
}
.inq-title{
  font-size:18px;
  font-weight:bold;
  color:#0057B8;
  padding-left:30px;
  margin-bottom: 5px;
  position: relative
}
.inq-title.inq-title__tel{
  border-bottom: 1px solid #333;
}
.inq-title.inq-title__tel:before{
  content:"";
  background: url("/kokunai/kanto/image/icon_tel.png") no-repeat;
  background-size: contain;
  width:22px;
  height:22px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  margin: auto;
}
.inq-title.inq-title__shop{
  margin-top: 20px;
}
.inq-title.inq-title__shop a{
  color:#0057B8!important;
  text-decoration: underline
}
.inq-title.inq-title__shop a:hover{
  opacity: 0.8
}
.inq-title.inq-title__shop:before{
  content:"";
  background: url("/kokunai/kanto/image/icon_shop.png") no-repeat;
  background-size: contain;
  width:22px;
  height:22px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  margin: auto;
}
.tel-list{
}
.tel-list>li{
  padding: 5px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.tel-list>li:before{
  content:"";
  margin-right: 5px;
  margin-left: 5px;
  border-top:1px dotted;
  flex-grow: 1;
  order:2
}
.tel-list>li .area{
  font-size:18px;
  font-weight:bold;
  order:1
}
.tel-list>li .phone_num{
  font-size:20px;
  font-weight:bold;
  order:3
}
.tel-list>li .phone_num span{
  color:#BF1010;
}
#inqbox.all .tel-list>li:not(.honshu):not(.cc){
  display: flex
}
#inqbox.oka .tel-list>li.okinawa{
  display: flex
}
#inqbox.hok .tel-list>li.hokkaido{
  display: flex
}
#inqbox.kyu .tel-list>li.kyushu{
  display: flex
}
#inqbox.htb .tel-list>li.huistenbosch{
  display: flex
}
#inqbox.hon .tel-list>li.honshu{
  display: flex
}
#inqbox.oth .tel-list>li.other{
  display: flex
}
#inqbox.cc .tel-list>li.cc{
  display: flex
}
#inqbox.train .tel-list>li.railway{
  display: flex
}
#inqbox.bus .tel-list>li.bustour{
  display: flex
}
.data-txt{
  font-size:12px;
  padding-left: 1.0em;
  position: relative
}
.data-txt.data-txt__red{
  font-weight: bold;
  color: #BF1010;
}
.data-txt:before{
  content:"※";
  position: absolute;
  top:0;
  left:0
}
.data-txt>.data-link{
  display: inline-block;
  margin-left: 0.5em;
  color: #333;
}
.data-txt>.data-link a{
  text-decoration: underline
}
.open-time{
  margin-top: 10px;
}
.usj-stay{
  display: none
}
#inqbox.stay .usj-stay{
  display: block;
  margin-top: 20px;
}
#inqbox.stay .tel-list>li.kansai{
  display: flex
}
@media screen and (max-width:768px) {
  #inqbox{
    width:94vw;
    margin:30px auto 10px;
    background: #FFF;
    padding: 1.0em;
    box-sizing: border-box;
    border: 1px solid
  }
  .inq-title{
    font-size: calc(26vw / 750*100);
    font-weight:bold;
    color:#0057B8;
    padding-left:20px;
    padding-bottom: calc(5vw / 750*100);
    margin-bottom: calc(5vw / 750*100);
    position: relative;
  }
   .inq-title.inq-title__tel:before{
    content:"";
    background: url("/kokunai/kanto/image/icon_tel.png") no-repeat;
    background-size: contain;
    width:18px;
    height:18px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin: auto;
  }
  .inq-title.inq-title__shop{
    margin-top: calc(20vw / 750*100);
  }
  .inq-title.inq-title__shop a{
    color:#0057B8!important;
    text-decoration: underline
  }
  .inq-title.inq-title__shop a:hover{
    opacity: 0.8
  }
  .inq-title.inq-title__shop:before{
    content:"";
    background: url("/kokunai/kanto/image/icon_shop.png") no-repeat;
    background-size: contain;
    width:18px;
    height:18px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin: auto;
  }
  .tel-list>li{
    padding: 5px;
    box-sizing: border-box;
    flex-wrap: wrap;
    display: none;
  }
  .tel-list>li .area{
    width: 100%;
    font-size:calc(30vw / 750*100);
    font-weight:bold;
    order:1;
    line-height: 1.4
  }
  .tel-list>li:before{
  content:none;
}
  .tel-list>li .phone_num{
    width: 100%;
    font-size:calc(36vw / 750*100);
    font-weight:bold;
    order:3
  }
  .data-txt{
    font-size:calc(22vw / 750*100);
    padding-left: 1.0em;
    position: relative
  }
  #inqbox.stay .usj-stay{
    display: block;
    margin-top: calc(20vw / 750*100);
  }
}