@charset "utf-8";

/***** ▼問い合わせTEL *****/
#inqbox{
  width:992px;
	max-width: 96%;
  margin: 50px auto;
  background: #FFF;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid;
  clear: both;
}
.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;
}
#inqbox .flexbox {
  display: flex;
  margin-top: 20px;
  justify-content: flex-start;
}
.inq-title.inq-title__shop {
  margin-right: 100px;
}
.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;
}
.inq-title.inq-title__videochat a{
  color:#0057B8!important;
  text-decoration: underline;
}
.inq-title.inq-title__videochat a:hover{
  opacity: 0.8;
}
.inq-title.inq-title__videochat:before{
  content:"";
  background: url("/kansai/images/icon/icon_videochat.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:25px;
  font-weight:bold;
  color: #FF4E00;
  order:3
}
.tel-list>li .phone_num span{
  color:#BF1010;
}
.tel-list>li .phone_num a {
	pointer-events: none;
	text-decoration: none;
	color: inherit;
}
#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;
}
#inqbox.hnl .tel-list>li:not(.honshu):not(.cc){
  display: flex;
}
.data-txt{
  font-size:14px;
  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;
  font-size: 16px;
}
.usj-stay{
  display: none
}
#inqbox.stay .usj-stay{
  display: block;
  margin-top: 20px;
}
#inqbox.stay .tel-list>li.kansai{
  display: flex
}

#inqbox.hnl .tel-list>li:before{
    border-top:none;
}
#inqbox.hnl .line {
    width: 100%;
    height: 10px;
    margin-top: 15px;
    border-top: 1px dotted;
}
#inqbox.hnl .open-time{
  margin-top: 0px;
  font-size: 16px;
}

@media screen and (max-width:768px),screen and (max-width: 932px) and (orientation: landscape) {
  #inqbox{
    width:92vw;
    margin: 3vw auto;
    padding: 3vw;
	line-height: 1.5;
  }
  .inq-title{
    font-size: calc(28vw / 750*100);
    font-weight:bold;
    color:#0057B8;
    padding-left: 4vw;
    padding-bottom: calc(5vw / 750*100);
    margin-bottom: calc(20vw / 750*100);
    position: relative;
  }
   .inq-title.inq-title__tel:before{
    width:3.5vw;
    height:3.5vw;
  }
  .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{
    width:3.5vw;
    height:3.5vw;
  }
.inq-title.inq-title__videochat:before{
    width:3.5vw;
    height:3.5vw;
  }
  .tel-list>li{
    padding: 0;
    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
  }
	.tel-list>li .phone_num a {
	pointer-events: auto;
	}
  .data-txt{
    font-size:calc(22vw / 750*100);
    padding-left: 1.0em;
    position: relative
  }
	.open-time{
		font-size: calc(24vw / 750*100);
		margin-bottom: 2vw;
	}
	#inqbox .flexbox {
		margin-top: 0;
		flex-wrap: wrap;
	}
	#inqbox .flexbox .inq-title__shop,
	#inqbox .flexbox .inq-title__videochat {
		width: 100%;
	}
  #inqbox.stay .usj-stay{
    display: block;
    margin-top: calc(20vw / 750*100);
  }

}