@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2018-08-18
Style Info:     ニュージーランド航空　スカイカウチ記事　CSS
----------------------------------------------------------- */
/* common */


.clearfix:after { content: " "; display: block; clear: both; }
.dubai_girls { overflow: hidden; line-height: 180%; }
.dubai_girls a { color: #000; }
.dubai_girls a:hover { opacity: .75; text-decoration: none; }
.dubai_girls ul, .dubai_girls ol, .dubai_girls li { list-style: none; margin: 0; padding: 0; }
.dubai_girls .fl { float: left; display: inline; }
.dubai_girls .fr { float: right; display: inline; }
.dubai_girls p, .dubai_girls li, .dubai_girls dt, .dubai_girls dd { font-size: 16px; line-height: 160%; }
.dubai_girls .container { width: 1100px; margin: 0 auto; padding: 0; }
.dubai_girls .container img {width: 100%;}
.dubai_girls h2, .dubai_girls h3, .dubai_girls h4, .dubai_girls h5, .dubai_girls h6 { padding: 0; margin: 0; }
.dubai_girls .dis_sp { display: none; }


@media (max-width:1200px) {
  .dubai_girls img {width: 100%;}
  .dubai_girls .container { width: 100%; padding: 0 15px; }
}

@media screen and (max-width:767px) {
  .dubai_girls .container { width: 100%; padding: 0 15px; max-width: 640px; }
  .dubai_girls img { width: 100%; height: auto; }
  .dubai_girls .dis_pc { display: none; }
  .dubai_girls .dis_sp { display: block; }
  .dubai_girls .fl,  .dubai_girls .fr { float: none; display: block;}

  .dubai_girls p, .dubai_girls li, .dubai_girls dt, .dubai_girls dd {font-size: 14px;}

}
/* -------------------------------------------------------- */
/* リンクボタン */
/* -------------------------------------------------------- */
.dubai_girls .btn_area .link_btn {width:100%; max-width: 900px; margin: 0 auto;}

.dubai_girls .link_btn a {display:block;position:relative;color:#fff;text-align:center;font-weight:bold; background:#ff6e00;border-radius:8px;text-decoration:none; }
.dubai_girls .link_btn.orange a {background:#ff6e00;}
.dubai_girls .link_btn.green a {background:#23af00;}
.dubai_girls .link_btn.blue a {background:#2f8ad0;}
.dubai_girls .link_btn a:after {content:'';border:0;height:auto;;background: url(../img/arr_white.svg) center center / 100% auto no-repeat;aspect-ratio: 8 / 14;width:8px;transform: translateY(-50%);position:absolute;top:50%;right:20px;}
.dubai_girls .btn_area .btn_01 {width:100%; max-width: 240px; margin: 0 auto;}
.dubai_girls .btn_01 a {display: block; height: 40px; border: solid 1px #ff6496; background: #fff; border-radius: 20px; color: #ff6496; text-decoration: none; font-size: 14px; font-weight: bold; position: relative; text-align: center; line-height: 40px;}
.dubai_girls .btn_01 a:after {content:'';background: url(../img/arr_pink.svg) center center / 100% auto no-repeat;aspect-ratio: 8 / 14;width:6px;transform: translateY(-50%);position:absolute;top:50%;right:10px}
@media (min-width:768px) {
	.dubai_girls .link_btn a:hover {opacity:.65;}
	.dubai_girls .link_btn a {font-size:1.8rem; height:80px; line-height: 80px; }
}
@media (max-width:767px) {
	.dubai_girls .link_btn a {font-size:1.4rem;width: 100%; line-height: 1.4; padding: 10px 0;}
}




/* visual */
.dubai_girls .bl_visual { background: url(../img/visual_bg.png) no-repeat center top; text-align: center; height: 613px; }



/* contents */

.dubai_girls .page_nav {background: #f5f5f5;}
.dubai_girls .page_nav ul li {float: left;}






.dubai_girls .page_lead { padding: 60px 0 100px; text-align: center;}
.dubai_girls .page_lead p { font-size: 16px; line-height: 200%; }
.dubai_girls .bl_lead { padding: 30px 0 60px; text-align: center;}
.dubai_girls .bl_pic {margin-bottom: 40px;}


.dubai_girls .bl_tit_01 {text-align: center;}
.dubai_girls #bl_01 .bl_tit_01 {background: url(../img/bl_01_tit_bg.png) no-repeat center bottom;}
.dubai_girls #bl_02 .bl_tit_01 {background: url(../img/bl_02_tit_bg.png) no-repeat center bottom;}
.dubai_girls #bl_03 .bl_tit_01 {background: url(../img/bl_03_tit_bg.png) no-repeat center bottom;}

.dubai_girls .bl_tit_02 {margin-bottom: 30px; padding-left: 90px; position: relative; font-size: 28px; font-weight: bold; line-height: 140%;}
.dubai_girls .bl_tit_02 span { background: #f8ff00; color:#ff6496; font-size: 18px; font-weight: bold;display: inline-block; padding: 5px 10px 7px; margin-bottom: 5px; line-height: 100%; }

.dubai_girls .bl_tit_02.cnt_01:before {content: ""; background: url(../img/icon_01.png) no-repeat center; background-size: 100%; width: 70px; height: 70px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls .bl_tit_02.cnt_02:before {content: ""; background: url(../img/icon_02.png) no-repeat center; background-size: 100%; width: 70px; height: 70px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls .bl_tit_02.cnt_03:before {content: ""; background: url(../img/icon_03.png) no-repeat center; background-size: 100%; width: 70px; height: 70px; display: block; position: absolute; top: 0; left: 0;}

.dubai_girls #bl_04 h3 {padding-left: 60px; margin-bottom:20px; position: relative; font-size: 19px; font-weight: bold; line-height: 45px;}
.dubai_girls #bl_04 h3:before {content: ""; background: url(../img/icon_01.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}

.dubai_girls #bl_04 h3.cnt_01:before {content: ""; background: url(../img/icon_01.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls #bl_04 h3.cnt_02:before {content: ""; background: url(../img/icon_02.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls #bl_04 h3.cnt_03:before {content: ""; background: url(../img/icon_03.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls #bl_04 h3.cnt_04:before {content: ""; background: url(../img/icon_04.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls #bl_04 h3.cnt_05:before {content: ""; background: url(../img/icon_05.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}
.dubai_girls #bl_04 h3.cnt_06:before {content: ""; background: url(../img/icon_06.png) no-repeat center; background-size: 100%; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0;}


.dubai_girls .w_530 {width: 530px;}
.dubai_girls .w_530 .pic ,
.dubai_girls #bl_04 ul li .pic {margin-bottom: 20px;}



.dubai_girls #bl_01 ,
.dubai_girls #bl_02 {padding-bottom: 95px;}
.dubai_girls #bl_03 {padding-bottom: 80px;}
.dubai_girls #bl_04 {padding:30px 0 50px; background: #fdf0f3;}
.dubai_girls #bl_05 {padding:30px 0 0;}


.dubai_girls #bl_02 .wrap {margin-bottom: 70px;}
.dubai_girls #bl_02 .wrap:last-child .bord {height: 350px; position: relative;}
.dubai_girls #bl_02 .wrap:last-child .icon {position: absolute; bottom:0; left: 0;}

.dubai_girls #bl_03 .btn_area {padding-top: 30px;}

.dubai_girls #bl_04 ul li {width: 338px; margin-right: 43px; float: left; display: inline; margin-bottom: 20px;}
.dubai_girls #bl_04 ul li:nth-child(3n) {margin-right: 0; }


.dubai_girls #bl_05 .wrap {margin-bottom: 80px;}
.dubai_girls #bl_05 .btn_area .btn_01 {margin: 20px 0 0 auto;}

.dubai_girls #bl_tour .bord h3 {font-size: 28px; font-weight: bold; margin-bottom: 30px;}
.dubai_girls #bl_tour .bord h3 span { background: #ff6496; color:#FFFFFF; font-size: 18px; font-weight: bold;display: inline-block; padding: 5px 10px 7px; margin-bottom: 5px; line-height: 100%; }
.dubai_girls #bl_tour .wrap {margin-bottom: 55px;}


/* con_footer */

.dubai_girls .con_footer {background:#fff; padding: 75px 0 100px; }

.dubai_girls .con_footer .btn_area {padding-bottom: 75px;}
.dubai_girls .con_footer .link_01 {margin-bottom: 60px;}
.dubai_girls .con_footer .link_01 li {width: 532px; margin-right: 36px; float: left; display: inline;}
.dubai_girls .con_footer .link_01 li:nth-child(2n) {margin-right: 0;}

.dubai_girls .con_footer .link_02 {text-align: center; font-size: 0;}
.dubai_girls .con_footer .link_02 li {display: inline; margin-right: 70px; position: relative;}
.dubai_girls .con_footer .link_02 li img {width: auto;}
.dubai_girls .con_footer .link_02 li:nth-child(2) {margin-right:90px; }
.dubai_girls .con_footer .link_02 li:last-child {margin-right: 0;}
.dubai_girls .con_footer .link_02 li:after {content: ""; background: url(../img/icon_x.png) no-repeat center; background-size: 100%; width: 34px; height: 34px; display: block; position: absolute; top: 50%; right: -45px; transform: translate(0,-50%);}
.dubai_girls .con_footer .link_02 li:nth-child(2):after {right: -60px;}
.dubai_girls .con_footer .link_02 li:last-child:after {display: none;}








@media (max-width:1200px) {
  .dubai_girls .page_nav ul li {width: 33.3%; text-align: center;}
  .dubai_girls .page_nav ul li a img {width: auto;}
  .dubai_girls #bl_01 .bl_tit_01 ,
  .dubai_girls #bl_02 .bl_tit_01,
  .dubai_girls #bl_03 .bl_tit_01 {background-size: 130%;  }
  .dubai_girls #bl_04 .bl_tit_01 img ,
  .dubai_girls #bl_05 .bl_tit_01 img ,
  .dubai_girls #bl_tour .bl_tit_01 img {width: auto;}

  .dubai_girls #bl_04 h3 {line-height: 140%;  height: 50px;}
  .dubai_girls #bl_04 h3 span {position:absolute; top: 50%; transform: translate(0,-50%);}

  .dubai_girls .w_530 {width: 48%; margin: 0 auto;}


  .dubai_girls #bl_02 .wrap:last-child .bord {height: auto; }
  .dubai_girls #bl_02 .wrap:last-child .icon {position: static; margin-top: 20px;}

  .dubai_girls #bl_04 ul li {width: 32%; margin-right:2%; height: 450px; }


  .dubai_girls .con_footer .link_01 li {width:48%; margin-right: 4%; float: left; display: inline;}

}



@media screen and (max-width:767px) {

  .dubai_girls .bl_visual { background: none; text-align: center; height: auto; }

  .dubai_girls .page_nav ul li a img {width: 100%;}
  .dubai_girls .page_lead { padding: 3.9vw 15px 7.81vw; text-align: left; }
  .dubai_girls .page_lead p { font-size: 14px; line-height: 160%; }
  .dubai_girls .page_lead p br {display: none;}
  .dubai_girls .bl_lead { padding: 3.1vw 0 7.81vw; text-align: left; }

  .dubai_girls .bl_pic {margin-bottom: 6.25vw;}


  .dubai_girls .bl_tit_02 {margin-bottom: 4.6875vw; padding-left: 15.625vw; position: relative; font-size: 20px; font-weight: bold; line-height: 140%;}
  .dubai_girls .bl_tit_02 span {font-size: 16px; padding: 5px 10px 3px; }

  .dubai_girls .bl_tit_02.cnt_01:before {content: ""; background: url(../img/icon_01.png) no-repeat center; background-size: 100%; width: 12.18vw; height: 12.18vw; display: block; position: absolute; top: 0; left: 0;}
  .dubai_girls .bl_tit_02.cnt_02:before {content: ""; background: url(../img/icon_02.png) no-repeat center; background-size: 100%; width: 12.18vw; height: 12.18vw; display: block; position: absolute; top: 0; left: 0;}
  .dubai_girls .bl_tit_02.cnt_03:before {content: ""; background: url(../img/icon_03.png) no-repeat center; background-size: 100%; width: 12.18vw; height: 12.18vw; display: block; position: absolute; top: 0; left: 0;}

  .dubai_girls #bl_04 .bl_tit_01 img ,
  .dubai_girls #bl_05 .bl_tit_01 img ,
  .dubai_girls #bl_tour .bl_tit_01 img {width: 100%;}

  .dubai_girls .w_530 {width:100%; margin: 0 auto;}
  .dubai_girls .w_530.pic ,
  .dubai_girls #bl_04 ul li .pic {margin-bottom: 3.125vw;}
  .dubai_girls .bl_pic {margin-bottom: 10px;}


  .dubai_girls #bl_01 ,
  .dubai_girls #bl_02 ,
  .dubai_girls #bl_03 {padding-bottom: 0;}
  .dubai_girls #bl_04 {padding:6.25vw 0 0; background: #fdf0f3;}
  .dubai_girls #bl_05 {padding: 6.25vw 0 0;}



  .dubai_girls #bl_01 .w_530 ,
  .dubai_girls #bl_02 .wrap ,
  .dubai_girls #bl_03 .w_530 {padding-bottom: 7.8125vw; margin-bottom: 0;}

  .dubai_girls #bl_03 .btn_area {padding-top: 4.3875vw;}

  .dubai_girls #bl_04 ul li {width: 100%; margin-right:0; height: auto; }


  .dubai_girls #bl_05 .wrap {margin-bottom: 7.8125vw;}
  .dubai_girls #bl_05 .btn_area .btn_01 {margin:3.125vw auto 0;}

  .dubai_girls #bl_tour .bord h3 {font-size: 20px; margin-bottom: 4.6875vw;}
  .dubai_girls #bl_tour .bord h3 span {font-size: 16px; padding: 5px 10px 3px; }
  .dubai_girls #bl_tour .wrap {margin-bottom: 55px;}


  .dubai_girls .con_footer {background: #fff; padding: 7.8125vw 0 15.625vw;}
  .dubai_girls .con_footer .btn_area {padding-bottom: 7.8125vw;}
  .dubai_girls .con_footer .link_01 li {width:100%; margin-right: 0; float: none; display: block; margin-bottom: 4.6875vw;}
  .dubai_girls .con_footer .link_01 li:last-child {margin-bottom: 0;}




  .dubai_girls .con_footer .link_02 li:nth-child(1) img {width: 29vw;}
  .dubai_girls .con_footer .link_02 li:nth-child(2) img  {width: 20vw;}
  .dubai_girls .con_footer .link_02 li:nth-child(3) img  {width: 14vw;}

  .dubai_girls .con_footer .link_02 li { margin-right: 9vw; position: relative;}
  .dubai_girls .con_footer .link_02 li:nth-child(2) {margin-right:10vw; }
  .dubai_girls .con_footer .link_02 li:after {width: 4.6875vw; height: 4.6875vw;right: -8vw;}
  .dubai_girls .con_footer .link_02 li:nth-child(2):after {right: -7vw;}
  .dubai_girls .con_footer .fp_logo {width: 100%; max-width: 580px; margin: 0 auto;}
}




/* tour */
.dubai_girls #bl_tour {background:#c8ebf5; padding: 60px 0 100px; }
.dubai_girls #bl_tour .bl_tit_01:after {content: ""; background: url(../img/bl_02_tit_icon.png) no-repeat; background-size: 100%; width: 212px; height: 120px;display: block; position: absolute; top: 15px; left: 35px;}

.dubai_girls #bl_tour .tour_tub {margin-bottom: 40px;}
.dubai_girls #bl_tour .tour_tub li {float: left; display: inline; width: 20%; height: 60px; border: solid 1px #dadada; border-right: none; background: #fff; line-height: 60px; font-weight: bold;text-align: center; cursor: pointer;}
.dubai_girls #bl_tour .tour_tub li:last-child {border-right: solid 1px #dadada;}
.dubai_girls #bl_tour .tour_tub li.is-active {background: #23af00; color: #fff; border: none; position: relative;}
.dubai_girls #bl_tour .tour_tub li.is-active:after {content: ""; display: block; width: 0; height: 0;  border: solid 12px transparent; border-top:solid 10px #23af00; position: absolute; bottom: -22px; left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
}

.dubai_girls #bl_tour .tour_panel_wrap {margin-bottom: 60px;}

@media screen and (max-width:1100px) {
  .dubai_girls #bl_tour .bl_tit_01:after {content: ""; width: 0; height: 0;}

}
@media screen and (max-width:767px) {
  .dubai_girls #bl_tour {background: #fff; padding: 0 0; }
  .dubai_girls #bl_tour h2 {padding-top: 6.25vw;}
  .dubai_girls #bl_tour h2 ,
  .dubai_girls #bl_tour .bl_lead ,
  .dubai_girls #bl_tour .wrap {background: #c8ebf5; padding-right: 15px; padding-left: 15px;}
  .dubai_girls #bl_tour .wrap {padding-bottom: 4.25vw;}
  .dubai_girls #bl_tour .tour_tub li {font-size: 4vw;}

}






/* -------------------------------------------------------- */
/* フリーオーダー */
/* -------------------------------------------------------- */

.dubai_girls .contact_box {border: solid 1px #c8c8c8; background: #fff;}
.dubai_girls .contact_box p {color:#787878;}
@media (min-width:768px) {
	.dubai_girls .contact_box {overflow:hidden;margin:50px 0 0;border:1px solid #c8c8c8;padding:30px 40px;}
	.dubai_girls .contact_box p {font-size:1.4rem;line-height:1.4;}
	.dubai_girls .contact_box .tit_01 {font-size:3rem;margin-bottom:30px;text-align:center;font-weight:bold;}
	.dubai_girls .contact_box .tit_01 br {display:none;}
	.dubai_girls .contact_box .tit_02 {font-size:2.7rem;margin:15px 0;text-align:left;}
	.dubai_girls .contact_box .wrap_01 {float:left;width:55%;}
	.dubai_girls .contact_box .wrap_02 {float:right;width:45%;max-width:400px;}
	.dubai_girls .contact_box .contact_tel {padding-left:50px;color:#23af00;font-weight:bold;font-size:5.6rem;line-height:1;font-family:'arial',sans-serif;background:url(../img/icon_tel.png) left center no-repeat;margin:0 auto 10px auto;}
	.dubai_girls .contact_box .link_btn {margin-top:10px;}
	.dubai_girls .contact_box .link_btn a {font-weight:bold;font-size:1.4rem;height:40px;line-height:40px;}
	.dubai_girls .contact_box .link_btn a::after {font-weight:normal; right: 10px;}
}
@media (max-width:1100px) and (min-width:768px) {
	.dubai_girls .contact_box {padding:30px 20px;}
	.dubai_girls .contact_box .wrap_01,
	.dubai_girls .contact_box .wrap_02 {float:none;width:100%;margin:0 auto;text-align:center;}
	.dubai_girls .contact_box .wrap_01 {margin-bottom:20px;}
	.dubai_girls .contact_box .tit_01 {font-size:2.7rem;margin-bottom:20px;}
	.dubai_girls .contact_box .tit_02 {font-size:2.4rem;text-align:center;}
}
@media (max-width:767px) {
	.dubai_girls .contact_box {text-align:center;margin:40px 0 0;overflow:hidden; border: none;}
	.dubai_girls .contact_box p {font-size:1.2rem;}
	.dubai_girls .contact_box .tit_01,
	.dubai_girls .contact_box .tit_02 {line-height:1.4;font-size:1.8rem;margin-bottom:10px;}
	.dubai_girls .contact_box .btn_wrap {overflow:hidden;margin:15px -3px;}
	.dubai_girls .contact_box .btn_wrap li {float:left;width:50%;}
	.dubai_girls .contact_box .btn_wrap li a {display:block;margin:0 3px;border-radius:5px;font-size:1.6rem;position:relative;height:44px;line-height:42px;text-decoration:none;font-weight:bold;}
	.dubai_girls .contact_box .btn_wrap li a::before {position:absolute;height:100%;top:0;}
	.dubai_girls .contact_box .btn_wrap li.tel a {border:2px solid #23af00;color:#23af00;padding-left:10px;background:#fff;}
	.dubai_girls .contact_box .btn_wrap li.tel a::before {content:"";width:17px;left:10px;height:100%;
		background:url(../img/icon_tel.png) center center no-repeat;
		-webkit-background-size:17px auto;
		background-size:17px auto;}
	.dubai_girls .contact_box .btn_wrap li.order a {border:1px solid #ff6600;color:#fff;background:#ff6600;padding-right:10px;}
	.dubai_girls .contact_box .btn_wrap li.order a::before {right:10px;top:50%;content:'';background: url(../img/arr_white.svg) center center / 100% auto no-repeat;aspect-ratio: 8 / 14;width:8px;transform:translateY(-50%);}
}
@media (max-width:640px) {
	.dubai_girls .contact_box p {text-align:left;}
}
@media (max-width:360px) {
	.dubai_girls .contact_box .btn_wrap li.order a::before {right:5px;}
}