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

File name:     style.css
Created:       2019.11.18
Style Info:    エミレーツ航空で行くおすすめ都市 ヨーロッパ＆アフリカ 特集　CSS
----------------------------------------------------------- */

/* Base style */
/*****************************************/
#emirates.content {overflow:hidden;width:1140px;margin:0 auto;padding:30px 0 0;background:#fff;font-size:13px;}
#emirates.content * {text-decoration:none;}
#emirates.content p,
#emirates.content ul,
#emirates.content li,
#emirates.content dl,
#emirates.content dt,
#emirates.content dd {line-height:180%;padding:0;margin:0;}
#emirates.content h2,
#emirates.content h3,
#emirates.content h4,
#emirates.content h5 {padding:0;margin:0;line-height:100%;color:#000;}
#emirates.content ul ,
#emirates.content li {list-style:none;}
#emirates.content .c_inner {width:1040px;margin:0 auto;padding-bottom:70px;}
#emirates.content .c_tit {font-size:27px;font-weight:bold;text-align:center;border-bottom:solid 5px #d4091d;padding-bottom:15px;margin-bottom:30px;line-height:1.4;}
#emirates.content .c_note {text-align:center;margin-bottom:30px;}
#emirates.content .fl_l {float:left;display:inline;}
#emirates.content .fl_r {float:right;display:inline;}
.clearfix {zoom:1;}
.clearfix:before,
.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

/* Btn style */
/*****************************************/
#emirates.content .btn_order {width:390px;height:45px;margin:0 auto;}
#emirates.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;}
#emirates.content .btn_order a span {color:#323232;font-weight:bold;text-align:center;line-height:48px;font-size:16px;}
#emirates.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%);}
#emirates.content .btn_link {width:730px;max-width:90%;min-height:55px;margin:0 auto;}
#emirates.content .btn_link a {border-radius:10px;display:block;width:100%;height:100%;text-align:center;position:relative;background:#f12033;box-shadow:inset 0 2px 2px rgba(255,255,255,.7), inset 0 -4px 6px rgba(0, 0, 0, 0.15);	color:#fff;font-weight:bold;text-align:center;line-height:1.4;font-size:16px;padding:20px 30px 20px 12px;display:block;border:2px solid #d4091d;}
#emirates.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:15px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
#emirates.content .btn_link a span {display:inline-block;}
#emirates.content .btn_link.back_btn {margin:30px auto 60px;width:60%;}
#emirates.content .btn_link.back_btn a {display:block;border-radius:8px;padding:15px;position:relative;}
#emirates.content .btn_link.back_btn a:after {transform:scale(-1,1) translateY(-50%);right:auto;left:15px;}

/* box_order style */
/*****************************************/
#emirates.content .box_order {padding-bottom:40px;width:100%;max-width:800px;margin:0 auto;}
#emirates.content .box_order  p {padding-top:10px;text-align:center;}
#emirates.content .box_order .box_order_tel{font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 5.0rem; line-height: 1; color: #00783c;}
#emirates.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){
	#emirates.content .box_order .box_order_tel{background: #00783c;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 #00381c;}
	#emirates.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%;margin:0 auto;background:#d4091d url(../images/bg.png) no-repeat top center;padding:475px 0 0;text-align:center;position:relative;overflow:hidden}
.content_wrapper .visual .title_pc{position:absolute;top:64px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.content_wrapper .visual .title_sp{display:none;}
#emirates.content #bl_01 .start {background:url(../images/emirates_logo.png) top left no-repeat;padding-left:120px;font-size:26px;font-weight:bold;line-height:77px;margin-bottom:10px;}
#emirates.content #bl_01 .fl_l {width:27%;}
#emirates.content #bl_01 .fl_l img{max-width:100%;}
#emirates.content #bl_01 .fl_r {width:70%;}
#emirates.content #bl_01 .box {background:#FFFAD7;padding:10px;margin-top:10px;}
#emirates.content #bl_02 .bl_tit {position:relative;}
#emirates.content #bl_02 .c_tit_img {position:absolute;top:-10px;right:0;}
#emirates.content #bl_02 .c_tit_img p {font-size:10px;line-height:100%;padding-left:20px;margin-top:-5px;}
#emirates.content #bl_02 .spot_info{display:flex;flex-wrap:wrap;justify-content:space-between;}
#emirates.content #bl_02 .spot_info::after {content:"";width:30%;display:block;}
#emirates.content #bl_02 .spot_info li{flex-basis:30%;margin-bottom:30px;}
#emirates.content #bl_02 .spot_info li img{margin-bottom:5px;width:100%;}
#emirates.content #bl_02 .spot_info li dt {font-weight:bold;font-size:16px;margin-bottom:5px;}
#emirates.content #bl_02 .spot_info li a{text-decoration: underline;color: #d4091d;}
#emirates.content #bl_02 .spot_info li a:hover{opacity: 0.75;}
#emirates.content #bl_04 .c_box {padding-bottom:50px;}
#emirates.content #bl_04 .c_box .bl_img {width:45%;}
#emirates.content #bl_04 .c_box .bl_img img{max-width:100%;}
#emirates.content #bl_04 .c_box .bl_note {width:52%;}
#emirates.content #bl_04 .c_box .bl_note h3 {margin-bottom:30px;font-size:24px;font-weight:bold;line-height:1.4;}

/* 看板指定 */
.porto .visual{background:#d4091d url(../porto/images/bg.jpg) no-repeat top center;}
.bologna .visual{background:#d4091d url(../bologna/images/bg.jpg) no-repeat top center;}
.cairo .visual{background:#d4091d url(../cairo/images/bg.jpg) no-repeat top center;}
.catania .visual{background:#d4091d url(../catania/images/bg.jpg) no-repeat top center;}
.dubrovnik .visual{background:#d4091d url(../dubrovnik/images/bg.jpg) no-repeat top center;}
.krakow .visual{background:#d4091d url(../krakow/images/bg.jpg) no-repeat top center;}

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

/* color */
.tourlist.tabpanel .tour_tab li.selected {border-color:#00783c;}
.tourlist.tabpanel .tour_tab li.selected span {background:#00783c;}
.tourlist.tabpanel .tour_tab li.selected span::after {border-top-color:#00783c;}
.tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {background:#d4091d;}
.tourlist .tour_cnt_wrap .tour_info_list .txt .direct {color:#d4091d;border-color:#d4091d;}
.tourlist .tour_cnt_head .tour_comment_tit {background:#00783c;}
.tourlist .tour_cnt_wrap .tour_info_list .tit {background:#00783c;}
.tourlist .tour_cnt_head .cnt_head_01 {border-color:#00783c;}
.tourlist .tour_cnt_head .cnt_head_01 .tour_dep {color:#00783c;border-bottom-color:#00783c;}
@media (min-width:768px),print{
	.tourlist .tour_cnt_wrap .tour_info_tab_nav li:not(.active) span {background:#00783c;border-bottom-color:#00783c;}
	.tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {color:#d4091d;}
	.tourlist.tabpanel .tour_panel .link_btn a {background:#d4091d;}
}
@media screen and (max-width:767px){
	.tourlist .tour_cnt_wrap .tour_info_tab_nav li:not(.active) span {background:#ccc;}
	.tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background:#00783c;}
	.tourlist .tour_cnt_wrap .tour_info_tab_panel {border-color:#00783c;}
	.tourlist.tabpanel .tour_panel .link_btn a {border-color:#d4091d;color:#d4091d;line-height:1.4;padding:15px 20px;}
	.tourlist.tabpanel .tour_panel .link_btn a:after {top:50%;line-height:1.4;transform:translateY(-50%);}
}


/****************************************/
/* SP */
/****************************************/
@media screen and (max-width:1139px){
	#emirates.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%;}
	#emirates.content .c_inner{width:90%;}
	#emirates.content #bl_01 .start {background-position:top center;background-size:auto 40px;padding:50px 0 0;font-size:19px;font-weight:bold;line-height:1.4;margin-bottom:20px;}
	#emirates.content #bl_02{padding-bottom:40px;}
	#emirates.content #bl_02 .c_tit_img{margin-top:-35px;}
	#emirates.content .box_order{text-align:center;}
	#emirates.content .box_order .fl_l,
	#emirates.content .box_order .fl_r{float:none;}
	#emirates.content .box_order p{padding:15px 0;}
	#emirates.content .btn_order {width:70%;}
	#emirates.content #bl_04 .c_tit span{display:inline-block;}
	#emirates.content #bl_04 .c_box .bl_note h3{font-size:20px;}
}
@media screen and (max-width:768px){
	#emirates.content #bl_02 .spot_lead br:nth-child(2){display:none;}
}
@media screen and (max-width:767px){
	#emirates.content .c_note{text-align:left;}
	#emirates.content #bl_02 .spot_lead br{display:none;}
	#emirates.content .btn_link:not(.back_btn) a:after {right:10px;}
	#emirates.content .btn_link.back_btn a:after {left:10px;}
}
@media screen and (max-width:640px){
	#emirates.content .fl_l,
	#emirates.content .fl_r{float:none;width:100%;}
	#emirates.content .c_tit{font-size:22px;}
	#emirates.content #bl_01 .fl_l img{display:block;margin:0 auto 20px;}
	#emirates.content #bl_02 .c_tit_img{display:none;}
	#emirates.content #bl_02 .spot_info li{flex-basis:48%;}
	#emirates.content .btn_order{width:100%;}
	#emirates.content #bl_04 .c_box .bl_note h3{margin:15px 0;}
	#emirates.content #bl_04 .c_box .bl_img img{display:block;margin:0 auto;}
	#emirates.content .c_inner{padding-bottom:30px;}
	#emirates.content .btn_link.back_btn {width:80%;}
	#emirates.content .btn_link.back_btn a {font-size:14px;}
}