/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2020.03.11
Style Info:     関空発シンガポール航空ビジネスクラス特集　CSS
----------------------------------------------------------- */


/***************************************
Base style
****************************************/

#kix_bis.content {width: 1140px; margin: 0 auto; padding: 30px 0 0; background: #fff;font-size: 13px; overflow: hidden;}
#kix_bis.content * {/*font-size: 13px; color: #323232; */text-decoration: none;}
#kix_bis.content p,
#kix_bis.content ul,
#kix_bis.content li,
#kix_bis.content dl,
#kix_bis.content dt,
#kix_bis.content dd {line-height: 180%; padding: 0; margin: 0;}
#kix_bis.content h2,#kix_bis.content h3,#kix_bis.content h4,#kix_bis.content h5 {padding: 0; margin: 0; line-height: 100%; color: #000;}
#kix_bis.content ul ,
#kix_bis.content li {list-style: none;}


#kix_bis.content .c_inner {width: 1040px; margin: 0 auto; padding-bottom: 70px;}
#kix_bis.content .c_tit {font-size: 27px; font-weight: bold; text-align: center; border-bottom: solid 5px #002882; padding-bottom: 15px; margin-bottom: 30px; line-height: 1.4;}
#kix_bis.content .c_note {text-align: center; margin-bottom: 30px;}
#kix_bis.content .fl_l {float: left; display: inline;}
#kix_bis.content .fl_r {float: right; display: inline;}

#kix_bis.content p.img_cap {font-size: 12px;color: #666;}

.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

/***************************************
Btn style
****************************************/

#kix_bis.content .btn_order {width: 390px; height: 45px; margin: 0 auto;}
#kix_bis.content .btn_order a {border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative;background: #ffe200; /*box-shadow: 0 5px 0 #e2a800;*/}
#kix_bis.content .btn_order a span {color: #323232; font-weight: bold; text-align: center; line-height: 48px; font-size: 16px;}

#kix_bis.content .btn_order a span:after {content:""; background: url(../images/arrow_glay.png) no-repeat; background-size: 100%; display: block; width: 10px; height: 14px; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}




#kix_bis.content .btn_link {width: 730px; max-width: 90%; min-height: 55px; margin: 0 auto;}
#kix_bis.content .btn_link a {border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative; background:#002882;	color: #fff; font-weight: bold; text-align: center; line-height: 1.4; font-size: 16px;padding: 20px 30px 20px 12px; display: block;
}
#kix_bis.content .btn_link a:after {content:""; background: url(../images/arrow_right.png) no-repeat; background-size: 100%; display: block; width: 10px; height: 14px; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}

#kix_bis.content .btn_link a span {display: inline-block;}




/***************************************
box_order style
****************************************/
#kix_bis.content .box_order {padding-bottom: 40px; width: 100%; max-width: 800px; margin: 0 auto;}
#kix_bis.content .box_order  p {padding-top: 10px; text-align: center;}
/*#kix_bis.content .box_order .box_order_tel img{max-width: 384px; width: 100%;}*/
#kix_bis.content .box_order .box_order_tel{font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 5.0rem; line-height: 1; color: #002882;}
#kix_bis.content .box_order .box_order_tel::before{content: "\f095"; display: inline-block; padding-left: 10px; font-family: "Font Awesome 5 Free"; -webkit-transform: scale(-1, 1); transform: scale(-1,1); font-size: 75%;}
@media screen and (max-width:767px){
	#kix_bis.content .box_order .box_order_tel{background: #002882;color: #fff; border-radius: 50px; padding: 12px 10px 9px; font-size: 2.4rem; display: flex;align-items: center; justify-content: center; /*box-shadow: 0 5px 0 #92000b;*/}
	#kix_bis.content .box_order .box_order_tel .dis_sp{font-weight: normal; font-size: 1.3rem; padding-left: 10px;}
}


/***************************************
Bl style
****************************************/

.content_wrapper {background: #e6f1fc;}
.content_wrapper .visual {width: 100%; max-width: 1600px; margin: 0 auto; /*background: url(../images/bg.jpg) no-repeat top center; */padding: 475px 0 0; text-align: center; position: relative; overflow: hidden}
.content_wrapper .visual .title_pc{position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, 0%);}
.content_wrapper .visual .title_sp{display: none;}
/*.content_wrapper .visual h1{width: 100%; margin-top: -456px;}
.content_wrapper .visual h1 img{width: 100%;}*/

#kix_bis.content #bl_01 .start {background: url(../images/sq_logo.png) top left no-repeat; padding-left: 190px; font-size: 26px; font-weight: bold; line-height: 1.4; margin-bottom: 20px;}
#kix_bis.content #bl_01 .fl_l {width: 27%;}
#kix_bis.content #bl_01 .fl_l img{max-width: 100%;}
#kix_bis.content #bl_01 .fl_r {width: 70%;}

#kix_bis.content #bl_01 .fl_r p {margin-bottom: 10px;}
#kix_bis.content #bl_01 .fl_r p.info {background: #d9eafa; padding: 10px;}


#kix_bis.content #bl_02 .bl_tit {position: relative;}
#kix_bis.content #bl_02 .c_tit_img {position: absolute; top:-10px; right: 0;}
#kix_bis.content #bl_02 .c_tit_img p {font-size: 10px; line-height: 100%; padding-left: 20px; margin-top: -5px;}
#kix_bis.content #bl_02 .spot_info{display: flex; flex-wrap: wrap; justify-content: space-between;}
#kix_bis.content #bl_02 .spot_info li{flex-basis: 30%; margin-bottom: 30px;}
#kix_bis.content #bl_02 .spot_info li img{margin-bottom: 5px; width: 100%;}
#kix_bis.content #bl_02 .spot_info li dt {font-weight: bold; font-size: 16px; margin-bottom: 5px;}
/*#kix_bis.content #bl_02 ul li { float: left;display: inline; width: 316px; height: 360px; margin-right:46px; }
#kix_bis.content #bl_02 ul li:nth-child(3n) {margin-right: 0;}
#kix_bis.content #bl_02 ul li img {margin-bottom: 5px;}
#kix_bis.content #bl_02 ul li dt {font-weight: bold; font-size: 16px; margin-bottom: 5px;}*/



#kix_bis.content #bl_04 .c_box {padding-bottom:50px; }
#kix_bis.content #bl_04 .c_box .bl_img {width: 45%;}
#kix_bis.content #bl_04 .c_box .bl_img img{max-width: 100%;margin-bottom: 5px;}
#kix_bis.content #bl_04 .c_box .bl_note {width: 52%;}
#kix_bis.content #bl_04 .c_box .bl_note h3 {margin-bottom: 30px; font-size: 24px; font-weight: bold; line-height: 1.4;}

#kix_bis.content #bl_04 .bl_order {border: solid 1px #002882;}
#kix_bis.content #bl_04 .bl_order .upgrade{background: #002882; color: #fff; font-size: 26px; line-height: 1.4; letter-spacing: 1px; font-weight: bold; padding: 15px 20px;}
#kix_bis.content #bl_04 .bl_order .upgrade img{padding-right: 20px; width: 144px;}
#kix_bis.content #bl_04 .bl_order img{max-width: 385px; width: 100%;}
#kix_bis.content #bl_04 .bl_order .box {width: 90%; margin: 0 auto; padding: 15px 0 0; }
#kix_bis.content #bl_04 .bl_order .box .img_01 {margin-bottom: 10px; background: #d9eafa; padding: 10px; font-size: 22px; font-weight: bold; letter-spacing: 1px; text-align: center; border-radius: 5px;}
#kix_bis.content #bl_04 .bl_order .box .img_01 .red{color: #ff0000;}
#kix_bis.content #bl_04 .bl_order .box .img_01 .red b{font-size: 38px; font-family: roboto, sans-serif;}
#kix_bis.content #bl_04 .bl_order .box .note { margin-bottom: 25px;}
#kix_bis.content #bl_04 .bl_order .box p {font-weight: normal;}
#kix_bis.content #bl_04 .bl_order .box_order {padding-bottom: 30px;}




/***************************************
tourlist
****************************************/


#kix_bis.content .tourlist {position: relative; line-height: 1.4;}
#kix_bis.content .tourlist .tour_cnt_head .tour_name {margin: 0 0 5px 0; font-weight: bold; line-height: 1.4; text-decoration: underline;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_list li {overflow: hidden; margin-bottom: 4px;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_list .txt {padding: 3px 0 0 80px;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_list p {font-size: 1.2rem; line-height: 1.4;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_list .tit {line-height: 20px;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_03 {padding-left: 17px; margin-left: 5px;}
#kix_bis.content .tourlist.tabpanel .tour_panel{background: none;}
#kix_bis.content .tourlist .tour_cnt{box-shadow: none;}

#kix_bis.content .tourlist.tabpanel .tour_tab li.selected,
#kix_bis.content .tourlist .tour_cnt_head .cnt_head_01{border-color:#002882;}
#kix_bis.content .tourlist .tour_cnt_head .cnt_head_01 .tour_dep{border-color:#002882;color: #002882;}
#kix_bis.content .tourlist.tabpanel .tour_tab li.selected span{background:#002882;}
#kix_bis.content .tourlist.tabpanel .tour_tab li.selected span::after{border-top: 20px solid #002882;}

#kix_bis.content .tourlist .tour_cnt_head .tour_comment_tit,
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_list .tit,
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_nav li span{background:#002882;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_nav li span{border-bottom: 3px solid #002882;}
#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span{background: #fff;border-bottom: 3px solid #fff;}

#kix_bis.content #bl_03 .btn_link a{background: #ffe200; color:#323232;}
#kix_bis.content #bl_03 .btn_link a::after{background: url(../images/arrow_glay.png) no-repeat;}


@media screen and (max-width: 767px){
	#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_panel{border: 2px solid #002882; border-top: 4px solid #002882;}
	#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_nav li span{background:#b1ceea;border-bottom: 3px solid #b1ceea;}
	#kix_bis.content .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span{background: #002882;border-bottom: 3px solid #002882;}
}

/***************************************
back_btn
****************************************/
#kix_bis.content .btn_link.back_btn{margin: 0 auto 60px; width: 60%;}
#kix_bis.content .btn_link.back_btn a{display: block; border-radius: 5px; background: #002882; color: #fff; padding: 15px; position: relative;}
#kix_bis.content .btn_link.back_btn a:after {transform: scale(-1,1); right: auto; left: 20px; margin-top: -5px;}

@media screen and (max-width: 1139px){
	
	#kix_bis.content {width: 100%; padding-top: 15px;}
	.content_wrapper .visual {width: 100%; max-width: 1600px; margin: 0 auto; background: none; padding: 0; text-align: center; position: relative; overflow: hidden}
	.content_wrapper .visual .title_pc{display: none;}
	.content_wrapper .visual .title_sp{display: block; width: 100%;}
	.content_wrapper .visual .title_sp img{width: 100%;}
	
	#kix_bis.content .c_inner{width: 90%;}
	
	#kix_bis.content #bl_01 .start {background: url(../images/catar_logo.png) top center no-repeat /90px auto; padding: 40px 0 0; font-size: 19px; font-weight: bold; line-height: 1.4; margin-bottom: 20px;}
	#kix_bis.content #bl_02{padding-bottom: 40px;}
	#kix_bis.content #bl_02 .c_tit_img{margin-top: -35px;}
	#kix_bis.content .box_order{text-align: center;}
	#kix_bis.content .box_order .fl_l,
	#kix_bis.content .box_order .fl_r{float: none;}
	
	#kix_bis.content .box_order p{padding: 15px 0;}
	#kix_bis.content .btn_order {width: 70%;}
	#kix_bis.content #bl_04 .c_tit span{display: inline-block;}
	#kix_bis.content #bl_04 .c_box .bl_note h3{font-size: 20px;}
	
}
@media screen and (max-width: 768px){
	#kix_bis.content #bl_01 .start {background: url(../images/sq_logo.png) top center no-repeat; padding: 80px 0 0; font-size: 19px; font-weight: bold; line-height: 1.4; margin-bottom: 20px;}
	#kix_bis.content #bl_02 .spot_lead br:nth-child(2){display: none;}
}

@media screen and (max-width: 767px){
	#kix_bis.content .c_note{text-align:left;}
	#kix_bis.content #bl_02 .spot_lead br{display: none;}
}

@media screen and (max-width: 640px){
	#kix_bis.content p.img_cap{text-align: center;}
	#kix_bis.content .fl_l,
	#kix_bis.content .fl_r{float: none; width: 100%;}
	#kix_bis.content .c_tit{font-size: 22px;}
	#kix_bis.content #bl_01 .fl_l img{display: block; margin: 0 auto;}
	#kix_bis.content #bl_01 .fl_l .img_cap{margin-bottom: 10px;}
	#kix_bis.content #bl_02 .c_tit_img{display: none;}
	#kix_bis.content #bl_02 .spot_info li{flex-basis: 48%;}
	#kix_bis.content .btn_order{width: 100%;}
	#kix_bis.content #bl_04 .c_box .bl_note h3{margin: 15px 0;}
	#kix_bis.content #bl_04 .c_box .bl_img img{display: block; margin: 0 auto;}
	#kix_bis.content #bl_04 .bl_order .upgrade{font-size: 20px;}
	#kix_bis.content #bl_04 .bl_order .upgrade img{display: block; padding-bottom: 8px;}
	#kix_bis.content #bl_04 .bl_order .box .img_01{font-size: 16px;}
	#kix_bis.content #bl_04 .bl_order .box .img_01 span{display: block;}
	#kix_bis.content .c_inner{padding-bottom: 30px;}
	#kix_bis.content .btn_link.back_btn{margin: 0 auto 60px; width: 100%;}
}