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

File name:      style.css
Created:        2022.10.25
Style Info:     ヨーロッパ×ドーハ特集　CSS
----------------------------------------------------------- */


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

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


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

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

#qf.content p b,#qf.content .c_tit span b{color: #bd0400;}
#qf.content p b.black{color: #000;}

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

#qf.content .btn_order {width: 390px; height: 45px; margin: 0 auto;}
#qf.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;}
#qf.content .btn_order a span {color: #323232; font-weight: bold; text-align: center; line-height: 48px; font-size: 16px;}

#qf.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%);}




#qf.content .btn_link {width: 730px; max-width: 90%; min-height: 55px; margin: 0 auto;}
#qf.content .btn_link a {border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative; background: #E51E1A;	color: #fff; font-weight: bold; text-align: center; line-height: 1.4; font-size: 16px;padding: 20px 30px 20px 12px; display: block;
}
#qf.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%);}

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




/***************************************
box_order style
****************************************/
#qf.content .box_order {padding-bottom: 40px; width: 100%; max-width: 800px; margin: 0 auto;}
#qf.content .box_order  p {padding-top: 10px; text-align: center;}
/*#qf.content .box_order .box_order_tel img{max-width: 384px; width: 100%;}*/
#qf.content .box_order .box_order_tel{font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 5.0rem; line-height: 1; color: #E51E1A;}
#qf.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){
	#qf.content .box_order .box_order_tel{background: #E51E1A;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 #780039;}
	#qf.content .box_order .box_order_tel .dis_sp{font-weight: normal; font-size: 1.3rem; padding-left: 10px;}
}

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

.content_wrapper {background: #f5f3eb;}
.content_wrapper .visual {width: 100%; max-width: 1600px; margin: 0 auto; text-align: center; position: relative; overflow: hidden; background: #fff;}
.content_wrapper .visual img{width: 100%; height: auto;}
.content_wrapper .visual .title_pc{position: absolute; top: 15px; 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%;}*/

#qf.content #bl_01 .start {background: url(../images/catar_logo.png) top left no-repeat; padding-left: 190px; font-size: 26px; font-weight: bold; line-height: 59px; margin-bottom: 10px;}
#qf.content #bl_01 .fl_l {width: 67%;}
#qf.content #bl_01 .fl_r img{max-width: 100%; width: 100%; height: auto;}
#qf.content #bl_01 .fl_r {width: 30%;}

#qf.content #bl_01 .fl_l p {margin-bottom: 10px; font-size: 1.6rem;}
#qf.content #bl_01 .fl_l dl {background: #dff4f3; padding: 10px;}
#qf.content #bl_01 .fl_l dl dt {font-weight: bold;}

#qf.content #bl_01 .youtube{position: relative; width: 100%; padding-top: 56.25%; height: 0; overflow: hidden; background: #f4f4f4; margin: 50px auto 0;}
#qf.content #bl_01 .youtube iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}


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



#qf.content .c_box {padding-bottom:50px; }
#qf.content .c_box .bl_img {width: 45%;}
#qf.content .c_box .bl_img img{max-width: 100%; width: 100%; height: auto;}
#qf.content .c_box .bl_note {width: 52%;}
#qf.content .c_box .bl_note h3 {margin-bottom: 20px; padding-bottom: 5px; font-size: 24px; font-weight: bold; line-height: 1.4; border-bottom: solid 3px #30529d;}

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






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

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

@media screen and (max-width: 767px){
	#qf.content .c_note{text-align:left;}
	#qf.content .spot_lead br{display: none;}
	#qf.content .spot_info li{flex-basis: 100%;}
	#qf.content .tourlist .wrap {flex: 0 0 100%;}
	#qf.content .tour_list_btn a {background:#b19475; box-shadow: 0 5px 0 #806242; padding: 0; width: 100%;}
}

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