@charset "utf-8";
/* CSS Document */

/*
Theme Name:Take Flight Tokushima
Version: 3.1
Author: k-design
*/

@import url(css/post.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing:0.07em;
}

p{margin-bottom:16px;font-size:21px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 5% 40px;font-size:12px;clear:both;position:relative;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#c50c30;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.txt_bl{color:#0e7ed8;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* color */
.bg_bl{background:#0e7ed8;}
.bg_rd{background:#c50c30;}
.bg_lb{background:#ccf2ff;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}
.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #10193A;border-left: 2px solid #10193A;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #10193A;border-right: 2px solid #10193A;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #001433;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #10193A;display: inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color: #10193A;}
.wp-pagenavi span.current{color: #fff;background-color: #10193A;}

/* ===== 全体 ===== */
.wrap{max-width:1000px;margin:0 auto;}
.s_wrap{max-width:800px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* 画像ポップアップ */
.lightbox-target{width:100%;position:fixed;top:-100%;left:0;background:rgba(0, 0, 0, 0.7);opacity:0;transition:opacity 0.5s ease-in-out;overflow:hidden;z-index:300;}
.lightbox-target .container{margin:auto;position:absolute;top:50vh;left:50vw;background-color:white;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);transition:0.5s ease-in-out;text-align:left;transform:translate3d(-50%, -50%, 0);}
a.lightbox-close{width:50px;height:50px;line-height:50px;margin:0;display:block;background:white;color:black;text-decoration:none;position:absolute;top:0;right:0;text-align:center;}
.lightbox-target:target{opacity:1;top:0;bottom:0;}
.lightbox-target:target img{max-height:560px;vertical-align:top;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}
/* arrow */
.arrow{position:relative;}
.arrow::before{content:'';width:6px;height:6px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:86%;top:50%;transform:translateY(-50%) rotate(45deg);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}
/* stickarrow */
.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}
/* button */
.btn{width:240px;margin:0 auto 24px;text-align:center;}
.btn a{padding:8px 12px;display:block;border-radius:40px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
.btn .red_btn{background:#c50c30;border:1px solid #c50c30;}
.btn .red_btn:hover{background:#FFFFFF;color:#C50C30;}
.btn .blue_btn{background:#0e7ed8;border:1px solid #0e7ed8;}
.btn .blue_btn:hover{background:#FFFFFF;color:#0e7ed8;}

/* ===== header ===== */
#header{position:relative;}
/* ===== top_head ===== */
header #top_head{position:relative;}
#top_head #logo{width:260px;position:absolute;left:50%;top:53%;transform:translateX(-50%);}
#top_head .catchcopy{width:880px;position:absolute;left:50%;bottom:52%;transform:translateX(-50%);transition:0.4s;}
/* slide */
header #top_head .slide_item{height:94vh;}
header #top_head .slide_item img{width:100%;height:100%;object-fit:cover;object-position:bottom;}
/* head_wave */
.head_wave{margin-top:-2%;position:relative;}
/* ===== global_menu ===== */
#global_menu{margin-top:-2%;padding:40px 0 32px;position:relative;background:#E3F8FF;}
#global_menu:after{content:url(image/kumo01.png);position:absolute;left:6%;bottom:-24%;}
#global_menu:before{content:url(image/kumo01.png);position:absolute;right:6%;bottom:-12%;}
#global_menu nav{position:relative;}
#global_menu ul{display:flex;justify-content:center;}
#global_menu ul li{background:no-repeat center center / contain;position:relative;}
#global_menu ul li:nth-child(1){background:url("image/n_timetable.png")no-repeat center center / 80%;}
#global_menu ul li:nth-child(2){background-image:url("image/n_campaign.png");}
#global_menu ul li:nth-child(3){background-image:url("image/n_spot.png");}
#global_menu ul li:nth-child(4){background-image:url("image/n_access.png");}
#global_menu ul li:after{width:2px;height:100%;display:block;content:"";background:url("image/n_separator.png") center center;position:absolute;right:-1px;top:0;}
#global_menu ul li:last-of-type:after{display:none;}
#global_menu ul li a{width:100%;height:100%;padding:12px 16px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;font-size:clamp(16px,1.6vw,23px);font-weight:700;color:#000000;}

/* ===== contents ===== */
#contents section{margin-top:-2%;padding:40px 0;}
#contents h2{margin-bottom:40px;font-size:28px;font-weight:600;}
#contents h3{margin-bottom:40px;font-size:21px;font-weight:600;}
#contents .head_title, #contents .head_cloud{padding:8px 0;background:no-repeat center bottom;position:relative;text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;text-align:center;}
#contents .head_title{margin-top:80px;padding:8px 0 48px;background-image:url("image/h2_bottom_line.svg");}
#contents .head_title:before{width:130px;content:url("image/h2_top_line.svg");position:absolute;left:50%;top:-64px;transform:translateX(-50%);}
#contents .head_cloud{background-image:url("image/h2_line01.svg");}

/* === instagram === */
#instagram{background:linear-gradient(#e3f8ff, #fff);}
#instagram .insta_box{margin-bottom:40px;}
#instagram .insta_box li{margin:0 8px;}

/* ===== direct_flight ===== */
#direct_flight{background:#ffe997;}
/* time_table */
#direct_flight .time_table h3{margin-bottom:0;padding:8px 0;background:#0E7ED9;border-radius:16px 16px 0 0;font-size:21px;color:#FFFFFF;text-align:center;}
#direct_flight .time_table_detail{padding:24px 12px;background:#FFFFFF;border-radius:0 0 16px 16px;position:relative;}
#direct_flight .time_table_detail p.time_catch{font-size:30px;font-weight:700;color:#c50c30;text-align:center;}
#direct_flight .time_table_detail p.time_catch span{padding:0 4px;font-size:40px;}
#direct_flight .time_table .table_item{margin-bottom:1.8rem;display:flex;justify-content:center;-webkit-box-pack:center;}
#direct_flight .time_table .table_item .item{display:flex;align-items:center;}
#direct_flight .time_table .table_item .item:nth-child(1){margin-right:28px;padding-right:78px;position:relative;}
#direct_flight .time_table .table_item .item:nth-child(1)::after{width:48px;height:6px;position:absolute;top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%);content:"";background:url("image/arrow.png") no-repeat center center / 32px 6px;}
#direct_flight .time_table .table_item .item > span{width:68px;margin:0.3rem 0.625rem 0;padding:4px 0;border-radius:4px;font-size:12px;letter-spacing:0.3rem;text-indent:0.3rem;text-align:center;color:#FFFFFF;line-height:1;}
#direct_flight .time_table .table_item .item > span.tk{background:#0e7ed8;}
#direct_flight .time_table .table_item .item > span.kr{background:#c50c30;}
#direct_flight .time_table .table_item .table_time{font-size:24px;font-weight:700;}
#direct_flight .time_table .table_item .table_time span{margin-left:4px;font-size:16px;}
#direct_flight .time_table .btn{width:320px;margin-top:40px;font-size:24px;letter-spacing:0.1rem;text-indent:0.1rem;}
#direct_flight .plane_img{position:absolute;bottom:2%;left:-8%;}
/* ticket_box */
#direct_flight .ticket_box{margin:2rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
#direct_flight .ticket_box li{width:48%;}
#direct_flight .ticket_box li a{height:100%;padding:12px 0;display:flex;align-items:center;background:#0e7ed8 no-repeat 5% / 16%;border-radius:6px;box-sizing:border-box;color:#fff;}
#direct_flight .ticket_box li:nth-child(1) a{background-image:url("image/wt_plane.png");}
#direct_flight .ticket_box li:nth-child(2) a{background-image:url("image/wt_ticket.png");}
#direct_flight .ticket_box .txt_item{margin-left:26%;font-size:18px;line-height:1.4;}
/* map_img */
#direct_flight .map_img{max-width: 1000px;}

/* === campaign === */
#campaign .head_title{margin-top:120px;}
/* campaign_box */
#campaign .campaign_box{margin-bottom:40px;display:flex;justify-content:center;/* justify-content:space-between; */flex-wrap:wrap;}
#campaign .campaign_item{width:48%;margin:2rem 0;border:1px solid #666;border-radius:14px;box-sizing:border-box;}
#campaign .campaign_image img{width:100%;border-radius:14px 14px 0 0;}
/* campaign_detail */
#campaign .campaign_detail{padding:12px 24px;}
#campaign .campaign_detail h3{margin-bottom:0;padding:12px 0;font-size:24px;font-weight:700;text-align:center;letter-spacing:0.1rem;text-indent:0.1rem;}
#campaign .campaign_detail p{padding:8px 0;text-align: left;font-size:16px;}
#campaign .campaign_detail .label{margin:1rem 0 32px;padding:8px 16px;background:#FFD0D2;border-radius:8px;letter-spacing:0.1rem;text-indent:0.1rem;}
#campaign .campaign_detail .label .target_period{margin-right:12px;padding:0 4px;background:#c50c30;border-radius:4px;font-size:15px;color:#FFFFFF;line-height:1;}
#campaign .campaign_detail .btn{margin-bottom: 2rem;}
#campaign > .btn{width:480px;}

/* === spot === */
#spot{background:#ffd0d2}
/* spot_box */
#spot .spot_box{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;background:#FFFFFF;border:2px solid #333;border-radius:4px;box-sizing:border-box;}
#spot .spot_box .spot_image{width:50%;}
#spot .spot_box .spot_image img{width:100%;height:100%;object-fit:cover;}
#spot .spot_box .spot_detail{width:50%;padding:16px 32px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
#spot .spot_box .spot_detail h3{margin-bottom:12px;font-size:21px;color:#c50c30;}
#spot .spot_box:nth-of-type(2) .spot_detail h3{color:#0e7ed8;}
#spot .spot_box .spot_access{display:flex;justify-content:flex-start;align-items:center;}
#spot .spot_box .spot_access p{margin:0 12px 0 0;letter-spacing:0.1em;}
#spot .spot_box .spot_access .btn{width:180px;margin:0;padding:0;}
#spot .spot_box .spot_access .btn a{padding:0 12px;font-size:13px;}

/* ===== access ===== */
#access ul.access_list{margin-bottom:3rem;display:flex;justify-content:space-between;flex-wrap:wrap;}
#access ul.access_list li{width:24%;margin:10px 0;font-size:18px;text-align:center;}
#access ul.access_list li span{margin-right:38px;padding-left:48px;display:inline-block;background:no-repeat center left / contain;transition:0.4s;}
#access ul.access_list li:nth-child(1) span{background-image:url("image/a_car_icon.svg");}
#access ul.access_list li:nth-child(1):hover span{background-image:url("image/a_car_ov_icon.svg");}
#access ul.access_list li:nth-child(2) span{background-image:url("image/a_limousine_icon.svg");}
#access ul.access_list li:nth-child(2):hover span{background-image:url("image/a_limousine_ov_icon.svg");}
#access ul.access_list li:nth-child(3) span{background-image:url("image/a_bus_icon.svg");}
#access ul.access_list li:nth-child(3):hover span{background-image:url("image/a_bus_ov_icon.svg");}
#access ul.access_list li:nth-child(4) span{background-image:url("image/a_tax_icon.svg");}
#access ul.access_list li:nth-child(4):hover span{background-image:url("image/a_tax_ov_icon.svg");}
#access ul.access_list li a{padding:8px 12px;display:block;background:#0e7ed8;border:1px solid #0e7ed8;border-radius:4px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
#access ul.access_list li a:hover{background:#FFFFFF;color:#0e7ed8;}
#access .access_map{margin-bottom:32px;}
/* access_box */
#access .access_box{margin:1rem auto;}
#access .access_box h4{margin-bottom:12px;}
#access .access_box .table_scroll{margin-bottom:40px;}
#access .access_box table{width:100%;margin-bottom:4px;font-size:14px;}
#access .access_box table caption{padding:12px 0;caption-side:bottom;font-size:15px;font-weight:700;color:#c50c30;}
#access .access_box th, #access .access_box td{padding:4px 12px;border:1px solid #333;font-weight:600;}
#access .access_box th{background:#ffd0d2;text-align:center;}
#access .access_box tbody th{background:#ccf2ff;vertical-align:middle;}
#access .access_box tbody tr.example{font-size:18px;}
#access .access_box tbody tr.example:nth-child(1){border:4px solid #c50c30;border-bottom:0;}
#access .access_box tbody tr.example:nth-child(2){border:4px solid #c50c30;border-top:0;}
#access .access_box tbody tr.example td{padding:12px 12px;}
#access .access_box tbody tr.example td span{width:92px;background:url("image/crown.png") no-repeat right center / 32px;display:block;}

/* ===== movie ===== */
#movie{background:#FFE997;}
/* ===== sns_wrap ===== */
#sns ul{margin-bottom:32px;display:flex;justify-content:space-evenly;flex-wrap:wrap;}
#sns ul li{margin:0 6px;}
#sns .sns_wrap{max-width:1200px;margin:16px auto;padding:32px 0;border:3px solid #c50c30;border-radius:8px;box-sizing:border-box;}
#sns .sns_wrap h3{color:#c50c30;}
#sns .sns_wrap.japan{border-color:#0e7ed8;}
#sns .sns_wrap.japan h3{color:#0e7ed8;}
#sns .sns_wrap .btn{margin-bottom:24px;}
/* === travel_link === */
#travel_link{width:100%;padding:8px 0;background:#970b0b;position:fixed;bottom:0;z-index:999;color:#FFFFFF;}
#travel_link .travel_link_wrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
#travel_link .travel_link_wrap h3{width:140px;font-size:18px;font-weight:700;text-align:center;line-height:1.4;letter-spacing:0.1em;}
#travel_link .travel_link_wrap ul{display:flex;justify-content:center;flex-wrap:wrap;}
#travel_link .travel_link_wrap ul li{width:150px;height:70px;margin:0 4px;background:#FFFFFF;border-radius:8px;}
#travel_link .travel_link_wrap ul li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap: wrap;}
#travel_link .travel_link_wrap ul li img{width:90%;}
#travel_link .travel_link_wrap ul li:nth-of-type(2) img{width:auto;height:80%;}
#travel_link .travel_link_wrap ul li:nth-of-type(4) img{width:auto;height:80%;}
#travel_link .travel_link_wrap ul li:nth-of-type(5) img{width:auto;height:80%;}
/* ===== footer ===== */
#footer{padding:0 0 70px;text-align:center;}
#footer .f_item_box{margin-top:-2rem;padding:12px 0 24px;background:#F5F5F5;}
#footer ul.f_menu li{margin:30px 8px;letter-spacing:0.03em;}
#footer ul.f_menu li a{font-weight:900;color:#000000;}
#footer #f_logo{margin-bottom:32px;}
#footer div.copy{margin-bottom:24px;font-size:11px;}

/* ===== 配下ページ共通 ===== */
.page .waku{padding:32px!important;background:#FFFFFF;border:1px solid #000000;border-radius:14px;box-sizing:border-box;}
.page #header{padding:80px 0;background:#E3F8FF;}
.page #header #logo{text-align:center;}
.page #global_menu{margin-top:0;}
.page #contents{background:#E3F8FF;}
.page #contents section{margin-top:0;}
.page #contents .contents_wrap{padding-bottom:4%;}
.page #contents .contents_wrap p{font-size:16px;}
.page #footer{margin-top:-2%;}
#contents .contents_wrap h1.page_title{margin-bottom:48px;text-align:center;}
#contents .contents_wrap h1.page_title small{margin-top:12px;display:block;}
#contents .contents_wrap h3{margin-bottom:24px;padding-left:24px;position:relative;font-weight:600;}
#contents .contents_wrap h3::before{width:5px;height:24px;content:'';background-color:#c50c30;position:absolute;top:50%;right:auto;bottom:auto;left:0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

/* === チケット購入方法 === */
.ticketguide-seoul .contents_wrap h1.page_title{width:80%;margin:0 auto 48px;}
/* guide_about */
.ticketguide-seoul #guide_about{text-align:center;}
.ticketguide-seoul #guide_about h2{font-size:21px;font-weight:700;}
.ticketguide-seoul #guide_about p{font-size:16px;}
.ticketguide-seoul #guide_about p:last-of-type{margin-bottom:48px;}
.ticketguide-seoul #guide_example,.ticketguide-seoul #guide_flow{margin-bottom:48px;}
/* guide_flow */
#guide_flow .g_flow_wrap{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#guide_flow .g_flow_wrap .g_flow_image{width:40%;}
#guide_flow .g_flow_wrap .g_flow_detail{width:50%;}
#guide_flow .g_flow_wrap .g_flow_detail .btn{margin:0 0 24px;}
/* === NEWS === */
#news-seoul h1.page_title{width:32%;margin:0 auto 48px;}
.news-seoul #contents .waku section{padding:0;}
/* news_about */
.news-seoul #news_about .vehicle {margin-bottom: 2.0833rem;display: flex;justify-content: space-between;}
.news-seoul #news_about .vehicle .list{width: 18.8%;height: 3.9062rem;display: flex;justify-content: center;align-items: center;border: 1px solid #262626;border-radius: 10px;font-size:clamp(13px, 0.8vw, 15px);}
.news-seoul #news_about .vehicle .list .icon {width: auto;height: 1.5625rem;margin-right: 1.04166rem;}
.news-seoul #news_about .vehicle .list .icon svg {width: auto;height: 100%;fill: #262626;}
/* morning_flight */
.news-seoul #morning_flight .flight_wrap{display:flex;justify-content:space-between;}
.news-seoul #morning_flight dl{width:48.5%;border:1px solid #262626;border-radius:8px;text-align:center;}
.news-seoul #morning_flight dt{padding:15px 0;background:#84abc9;border-radius:8px 8px 0 0;font-size:clamp(16px, 1.04167vw, 24px);font-weight:600;color:#ffe997;letter-spacing:.1em;}
.news-seoul #morning_flight dd{padding:24px 16px;}
.news-seoul #morning_flight dd h4{margin-bottom:16px;font-weight:600;}
.news-seoul #morning_flight dd p{font-size:14px!important;}
/* transportation */
.news-seoul #transportation .place{margin-top: 2.0833rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-seoul #transportation .place .list{width: 48.5%;margin-bottom: 2.0833rem;padding-bottom: 1.0416rem;border-bottom: 1px solid #a2a2a2;}
.news-seoul #transportation .place .list .title{margin-bottom: .2604rem;display: flex;align-items: center;font-weight:600;}
.news-seoul #transportation .place .list .title .icon {width: 2.60416rem;}
.news-seoul #transportation .place .list .title .icon svg {fill: #262626;height: 1.5625rem;width: auto;}
.news-seoul #transportation .place .list p{margin-bottom:0;font-size:13px;word-break:break-all;}

/* ===== single ===== */
.single #contents h2.page_title{padding: 0.2em 0;border-top: solid 3px #333333;border-bottom: solid 3px #333333;color:#333333}
.entry_data{font-size:11px;text-align:right;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (max-width: 1200px) {
	#top_head .catchcopy{width:80%;}
/* === sns === */
	#sns .sns_wrap{width:90%;}
}

@media screen and (max-width: 1048px) {
	#access ul.access_list li span{margin-right:0;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
/* ===== header ===== */
	header #top_head .slide_item{height:80vh;}
/* ===== footer ===== */
	#footer .f_item_box{margin-top:-1rem;}
}

@media screen and (max-width: 960px) {
	#direct_flight .ticket_box .txt_item br{display:none;}
}

@media screen and (max-width: 940px) {
/* === direct_flight === */
	#direct_flight .plane_img{width:38%;}
/* === spot === */
	#spot .spot_box .spot_image{width:100%;}
	#spot .spot_box .spot_detail{width:100%;}
	#spot .spot_box .spot_detail h3{text-align:center;}
	#spot .spot_box .spot_access{justify-content:center;}
/* === travel_link === */
	#travel_link .travel_link_wrap h3{width:100%;margin-bottom:8px;}
	#travel_link .travel_link_wrap h3 br{display:none;}
}

@media screen and (max-width: 900px) {
	#contents .head_title{background-size:90%;}
/* === direct_flight === */
	#direct_flight .ticket_box li{width:80%;margin:8px auto;}
	#direct_flight .ticket_box li a{padding:16px 0;background-size:10%;}
	#direct_flight .ticket_box .txt_item{margin-left:18%;padding-right:12px;}
/* === campaign === */
	#campaign .campaign_item{width:80%;margin:2rem auto;}
/* === access === */
	#access ul.access_list li{width:49%;}
}

@media screen and (max-width: 860px) {
	.news-seoul #news_about .vehicle{flex-wrap:wrap;}
	.news-seoul #news_about .vehicle .list{width:48%;margin:1% 0;}
	.news-seoul #morning_flight .flight_wrap{flex-wrap:wrap;}
	.news-seoul #morning_flight dl{width:100%;margin-bottom:32px;}
	.news-seoul #transportation .place .list{width:100%;}
}

@media screen and (max-width: 820px) {
	#travel_link .travel_link_wrap ul{width:98%;justify-content:space-between;}
	#travel_link .travel_link_wrap ul li{width:19.5%;margin:0;}
}

@media screen and (max-width: 800px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
/* ===== global_menu ===== */
	#global_menu ul{flex-wrap:wrap;}
	#global_menu ul li{width:50%;margin:8px 0;}
	#global_menu ul li:nth-child(1)::after{display:none;}
	#global_menu ul li:nth-child(1){background-size:contain;}
	
	#contents .head_cloud{background-size:60%;}
/* ===== footer ===== */
	#footer{padding-bottom:100px;}
}

@media screen and (max-width: 740px) {
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
	#contents .head_title{padding-bottom:32px;font-size:21px;}
	.short-movie>.inner>.swiper>.movie-wrap .item, .short-movie>.inner>.slick_slider>.movie-wrap .item{margin:0 0.4rem!important;}
}

@media screen and (max-width: 600px) {
	p{font-size:20px;}
/* ===== header ===== */
	header #top_head .slide_item{height:68vh;}
	#top_head #logo{width:40%;}
/* === glboal_menu === */
	.head_wave{margin-top:-4%;}
	#global_menu ul li{width:80%;}
	#global_menu ul li::after{display:none;}
/* === 共有 === */
	#contents h2{font-size:24px;}
	#contents section{margin-top:-2.5%;}
	#contents .head_cloud{background-size:90%;}
/* === direct_flight === */
	#direct_flight .time_table_detail p.time_catch{font-size:24px;}
	#direct_flight .time_table .table_item .item{width:195px;justify-content:center;flex-wrap:wrap;}
	#direct_flight .time_table .table_item .item > span{width:100%;box-sizing:border-box;}
	#direct_flight .time_table .table_item .table_time{width:100%;text-align:center;}
	#direct_flight .time_table .table_item .item:nth-of-type(2) .table_time{order:2;}
	#direct_flight .time_table .table_item .item:nth-of-type(2) span{order:1;}
	#direct_flight .ticket_box li{width:100%;}
/* === campaign === */
	#campaign .campaign_item{width:100%;}
	#campaign > .btn{width:90%;}
/* === spot === */
	#spot .spot_box .spot_access{flex-wrap:wrap;}
	#spot .spot_box .spot_access p{margin:0 0 8px;}
/* === access === */
	#access ul.access_list li{width:100%;}
/* ===== footer ===== */
	#footer .f_item_box{margin-top:-2%;}
	#footer ul.f_menu li{margin:12px 8px;}
	/* travel_link */
	#travel_link .travel_link_wrap ul li:nth-of-type(2) img,
	#travel_link .travel_link_wrap ul li:nth-of-type(4) img,
	#travel_link .travel_link_wrap ul li:nth-of-type(5) img{height:auto;}

/* ===== 配下ページ共通 ===== */
	.page #footer{margin-top:-4%;}
	.page .waku{padding:24px 16px !important;word-break:break-all;}
/* === チケット購入方法 === */
	#guide_flow .g_flow_wrap .g_flow_image{width:80%;margin:0 auto 24px;order:2;}
	#guide_flow .g_flow_wrap .g_flow_detail{width:100%;order:1;}
/* === NEWS === */
	.news-seoul #morning_flight dd p{text-align:left;}
}

/* short movie */
.short-movie>.inner>.headding {margin-bottom: 5.7291rem;text-align:center}
.short-movie>.inner>.swiper,
.short-movie>.inner>.slick_slider{position: relative}
.short-movie>.inner>.swiper>.movie-wrap,
.short-movie>.inner>.slick_slider>.movie-wrap{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.short-movie>.inner>.swiper>.movie-wrap .item,
.short-movie>.inner>.slick_slider>.movie-wrap .item {width: 16.25rem;margin: 0 1.4rem;}
.short-movie>.inner>.swiper>.movie-wrap .item .movie,
.short-movie>.inner>.slick_slider>.movie-wrap .item .movie{width:100%;padding-top: 177.58%;background-color: #000;border: 1px solid #262626;border-radius: 24px;overflow: hidden;position: relative;}
.short-movie>.inner>.swiper>.movie-wrap .item .movie img,
.short-movie>.inner>.slick_slider>.movie-wrap .item .movie img{-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-delay: 0;transition-delay: 0;position: absolute;top: 0;right: auto;bottom: auto;left: 0;height: 100%;width: 100%;z-index: 2;}
.short-movie>.inner>.swiper>.movie-wrap .item .movie img:hover,
.short-movie>.inner>.slick_slider>.movie-wrap .item .movie img:hover{-webkit-transform: scale(1.03);transform: scale(1.03);}
.short-movie>.inner>.swiper>.movie-wrap .item .movie iframe,
.short-movie>.inner>.slick_slider>.movie-wrap .item .movie iframe{position: absolute;top: 0;right: auto;bottom: auto;left: 0;height: 100%;width: 100%;z-index: 1}
.short-movie>.inner>.swiper>.pagination {display: none}
.short-movie>.inner>.swiper>.pagination .swiper-button-prev, .short-movie>.inner>.swiper>.pagination .swiper-button-next {
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0;
	transition-delay: 0;
	background-color: #fff;
	background-image: none;
	border: 1px solid #262626;
	border-radius: 23px;
	top: 0;
	right: 0;
	left: auto;
	height: 34px;
	-webkit-transform: none;
	transform: none;
	margin: 0;
	width: 34px
}
.short-movie>.inner>.swiper>.pagination .swiper-button-prev::after, .short-movie>.inner>.swiper>.pagination .swiper-button-next::after {
	content: none
}
.short-movie>.inner>.swiper>.pagination .swiper-button-prev svg, .short-movie>.inner>.swiper>.pagination .swiper-button-next svg {
	-webkit-transition-property: fill;
	transition-property: fill;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0;
	transition-delay: 0;
	position: absolute;
	top: 50%;
	right: auto;
	bottom: auto;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 15px;
	width: 20px
}
.short-movie>.inner>.swiper>.pagination .swiper-button-prev.swiper-button-lock, .short-movie>.inner>.swiper>.pagination .swiper-button-next.swiper-button-lock {
	display: block;
	opacity: 0.7
}
.short-movie>.inner>.swiper>.pagination .swiper-button-prev {
	right: auto;
	left: 0
}
.short-movie>.inner>.swiper>.pagination .swiper-button-prev svg{
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg)
}