/*=================================
メインビジュアル画像
=================================*/
#floor {
background: url("../img/page_main_floor.jpg") no-repeat center center;
background-size: cover;
}

/*=================================
ページコンテンツ
=================================*/
.none {
display: none;
}

/*============
フロアマップタブ
=============*/
#FloorMenuTabWrapper ul {
display: flex;
justify-content: space-between;
border-bottom: 5px solid #603813;
}
#FloorMenuTabWrapper li {
width: 33.333%;
border-right: 1px solid #fff;
}
#FloorMenuTabWrapper li:last-child {
border-right: none;
}
#FloorMenuTabWrapper li a {
display: block;
text-align: center;
font-size: 0.2rem;
background: #E6E6E6;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
transition: none;
cursor: pointer;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

@media(max-width: 767px){
#FloorMenuTabWrapper li a {
font-size: 0.18rem;
padding-top: 0.14rem;
padding-bottom: 0.14rem;
}
}

#FloorMenuTabWrapper li a:hover {
background: #CCC;
}
#FloorMenuTabWrapper li.Now a{
background: #603813;
color: #fff;
}

/*============
フロアマップコンテンツ
=============*/
.FloorContBox {
padding-top: 0.35rem;
padding-bottom: 0.35rem;
text-align: center;
}

/*中標津空港案内所（1F）*/
#floor_information {
position: relative;
background: rgba(251,176,59,0.1);
padding-top: 0.6rem;
padding-bottom: 0.6rem;
z-index: 0;
margin-bottom: 0.4rem;
}

#floor_information .slant_top {
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 30px;
background: url(../img/slant_top.png) no-repeat 0 0;
background-size: 100% 100%;
z-index: 1;
}

#floor_information .slant_bottom {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 30px;
background: url(../img/slant_right.png) no-repeat 0 0;
background-size: 100% 100%;
z-index: 1;
}

/*============
共通コンテンツボックス
=============*/
.floor_box {
display: flex;
justify-content: space-between;
font-size: 0.1rem;
}

@media(max-width: 767px){
.floor_box {
display: block;
}
}

.floor_box_img {
width: 40%;
}

.floor_box_text {
width: 58%;
}

@media(max-width: 767px){
.floor_box_img {
width: 100%;
padding-bottom: 0.1rem;
margin: auto;
}
.floor_box_text {
width: 100%;
padding-bottom: 0.2rem;
}
}

#floor_wait .floor_shop_box .floor_box.w100 .floor_box_img {
width: 19.3%;
}

#floor_wait .floor_shop_box .floor_box.w100 .floor_box_text {
width: 79.8%;
}

@media(max-width: 767px){
#floor_wait .floor_shop_box .floor_box.w100 .floor_box_img {
width: 100%;
}
#floor_wait .floor_shop_box .floor_box.w100 .floor_box_text {
width: 100%;
}
}

#floor_wait .floor_shop_box .floor_box.full {
  width: 100%;
}
#floor_wait .floor_shop_box .floor_box.full .floor_box_img {
  width: 40%;
}
#floor_wait .floor_shop_box .floor_box.full .floor_box_text {
  width: 58%;
}

@media(max-width: 767px){
  #floor_wait .floor_shop_box .floor_box.full .floor_box_img {
    width: 100%;
  }
  #floor_wait .floor_shop_box .floor_box.full .floor_box_text {
    width: 100%;
  }
}

.floor_box_text h4 {
font-size: 0.2rem;
padding-bottom: 0.1rem;
font-weight: 600;
line-height: 1.5;
}

@media(max-width: 767px){
.floor_box_text h4 {
padding-bottom: 0;
}
}

.floor_box_text p {
font-size: 0.13rem;
padding-bottom: 0.1rem;
}

@media(max-width: 767px){
.floor_box_text p {
font-size: 0.16rem;
}
}

.floor_box_text li {
font-size: 0.14rem;
padding-left: 0.13rem;
text-indent: -0.13rem;
line-height: 1.6;
}

@media(max-width: 767px){
.floor_box_text li {
font-size: 0.16rem;
padding-left: 0.13rem;
text-indent: -0.13rem;
line-height: 1.6;
}
}

.floor_box_text li span{
color: #754C24;
}

.floor_box_text .floor_table {
  font-size: 0.13rem;
  line-height: 1.75;
}
@media(max-width: 767px){
  .floor_box_text .floor_table {
    font-size: 0.15rem;
    padding-top: 0.15rem;
  }
}

.floor_box_text .floor_table table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #CCC;
}

.floor_box_text .floor_table table th {
  width: 40%;
  font-weight: 600;
  text-align: left;
  padding: 0.06rem;
  vertical-align: top;
  border-bottom: 1px solid #CCC;
}
@media(max-width: 767px){
  .floor_box_text .floor_table table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.1);
  }
}

.floor_box_text .floor_table table td {
  padding: 0.06rem;
  border-bottom: 1px solid #CCC;
}
@media(max-width: 767px){
  .floor_box_text .floor_table table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

.floor_box_text .contact_box {
  padding-top: 0.15rem;
}

.floor_box_text .contact_box .text {
  padding-bottom: 0.06rem;
}

.floor_box_text .contact_box .tel_wrap {
  font-size: 0.18rem;
}
@media(max-width: 767px){
  .floor_box_text .contact_box .tel_wrap {
    font-size: 0.16rem;
  }
}

.floor_box_text .contact_box .tel_wrap a {
  color: #222;
  text-decoration: none;
  pointer-events: none;
}

@media(max-width: 767px){
  .floor_box_text .contact_box .tel_wrap a {
    text-decoration: underline;
    pointer-events:all;
  }
}

/*============
ショップ・レストラン
=============*/
.floor_no span {
display: inline-block;
font-size: 0.14rem;
color: #fff;
background: #F15A24;
padding-top: 0.03rem;
padding-bottom: 0.03rem;
padding-left: 0.08rem;
padding-right: 0.08rem;
margin-bottom: 0.1rem;
}

#floor_shop .floor_shop_box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media(max-width: 767px){
#floor_shop .floor_shop_box {
display:block;
}
}

#floor_shop .floor_shop_box .floor_box{
width: 48%;
margin-bottom: 0.3rem;
}

@media(max-width: 767px){
#floor_shop .floor_shop_box .floor_box{
width: 100%;
margin: auto;
margin-bottom: 0.1rem;
}
}

/*============
待合室・会議室
=============*/
#floor_wait {
position: relative;
background: #F4F7F8;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
z-index: 0;
margin-bottom: 0.4rem;
}
#floor_wait .inner_box {
position: relative;
}
.footnote {
position: absolute;
font-size: 0.18rem;
top: 15px;
right: 0;
}

@media(max-width: 767px){
.footnote {
position: relative;
font-size: 0.14rem;
top:inherit;
right:inherit;
margin-top: -0.2rem;
padding-bottom: 0.2rem;
}
}

#floor_wait .slant_top {
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 30px;
background: url(../img/slant_top.png) no-repeat 0 0;
background-size: 100% 100%;
z-index: 1;
}
#floor_wait .slant_bottom {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 30px;
background: url(../img/slant_right.png) no-repeat 0 0;
background-size: 100% 100%;
z-index: 1;
}

#floor_wait .floor_shop_box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

@media(max-width: 767px){
#floor_wait .floor_shop_box {
display: block;
}
}

#floor_wait .floor_shop_box .floor_box{
width: 48%;
margin-bottom: 0.3rem;
}

#floor_wait .floor_shop_box .floor_box.w100{
width: 100%;
}

@media(max-width: 767px){
#floor_wait .floor_shop_box .floor_box{
width: 100%;
margin-bottom: 0.3rem;
}

#floor_wait .floor_shop_box .floor_box.w100{
width: 100%;
}
}

.floor_shop_btn_box {
display: flex;
justify-content: center;
}

@media(max-width: 767px){
.floor_shop_btn_box {
display: block;
}
}

.floor_shop_btn a {
width: 250px;
display: block;
font-size: 0.16rem;
text-align: center;
color: #fff;
padding-top: 0.15rem;
padding-bottom: 0.15rem;
margin-right: 10px;
text-decoration: none;
border-radius: 0.05rem;
transition: all 0.3s ease;
font-weight: 600;
}

@media(max-width: 767px){
.floor_shop_btn a {
width: 80%;
margin: auto;
}
}


.floor_shop_btn a:hover {
opacity: 0.8;
}
.floor_shop_btn_price a {
border-radius: 0.05rem;
background: #8C6239;
box-shadow: 0 2px 0 rgba(140,98,57,0.3);
margin-right: 10px;
}

@media(max-width: 767px){
.floor_shop_btn_price a {
margin: auto;
margin-bottom: 0.2rem;
}
}

.floor_shop_btn_reserve a {
border-radius: 0.05rem;
background: #00A99D;
box-shadow: 0 2px 0 rgba(0,169,157,0.3);
margin-left: 10px;
}

@media(max-width: 767px){
.floor_shop_btn_reserve a {
margin: auto;
}
}

/*============
レンタカー窓口
=============*/
#floor_window ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}

@media(max-width: 767px){
#floor_window ul {
display:block;
}
}

#floor_window li {
width: 48%;
font-size: 0.16rem;
padding-bottom: 0.2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}

@media(max-width: 767px){
#floor_window li {
width: 100%;
font-size: 0.18rem;
line-height: 1.8;
display: block;
}
}

#floor_window li a {
color: #000;
display: inline-block;
}


#floor_window li a i {
padding-left: 5px;
opacity: 0.7;
}
#floor_window li a:hover {
opacity: 0.8;
text-decoration: none;
}
#floor_window li a img {
padding-left: 0.1rem;
width: 10px;
}
#floor_window li span{
color: #754C24;
display: inline-block;
padding-right: 5px;
}

#floor_window li em{
display: inline-block;
padding-left: 0.222rem;
}