@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
html{  scroll-behavior: smooth; font-size: 14px;}
li{list-style: none;}
.FontMincho{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-weight:bold !important;-webkit-font-smoothing:antialiased;}
.FontSerif{font-family: 'EB Garamond', serif; letter-spacing:3px; font-weight:bold}
.FontPrice{font-family: 'Nunito', sans-serif; font-size:22px; font-weight:bold; color:#a08f16; line-height:1.2}
.FontPrice span{ font-size:70%;}
#wrap {
    overflow: hidden;
}
/*------------------------------
 　汎用
-------------------------------- */
html{
  scroll-behavior: smooth;
}
.box90{
	width:90%;
	margin:0 auto;
}
.box95{
	width:95%;
	margin:0 auto;
}
.flexbox {
	display:flex;
	flex-wrap:wrap;
}

/* MV
--------------------*/
#main{
	font-size:14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*---------------------------
ページタイトルビジュアル
----------------------VisualTtl*/
.VisualTtl{ 
	background-color: #436C7A;
	height: 100px;
	text-align:center; 
	color:#FFFFFF; 
}
.VisualTtl p{
	position:relative; 
	z-index:9; 
	font-weight:normal;
}
.VisualTtl .main{
	padding-top: 21px;
    padding-bottom: 5px;
    font-size: 1.5em;
    letter-spacing: 8px;
	font-weight: normal!important;
}
.VisualTtl .sub{
	font-size:12px;
}

/*------------------------------
	説明
--------------------------------*/
#Introduction{
	padding: 0 0 3em;
	background: url(../../../kansai/img/bg_argyle.jpg);
}
#Introduction .photo {
    width: 100%;
}
#Introduction .photo img{
    width: 100%;
}
#Introduction .txt {
	font-size: 1.0em;
	padding-top: 20px;
	text-align: center;
}

/*------------------------------
各項目のタイトル
-------------------GeneralTtl*/
.GeneralTtl{
	margin:0 auto;
	text-align:center; 
	padding:30px 0;
}
.GeneralTtl .sub{ font-size:11px; font-weight:bold; display: block;}
.GeneralTtl .desc{ font-weight:normal; font-size:18px; padding-top:20px;}

.GeneralSubTtl{ font-size: 26px; display: flex; justify-content: center; align-items: center; margin-bottom:15px}
.GeneralSubTtl:before,
.GeneralSubTtl:after { content:""; width: 50px; display: block; background-image:url(../../images/common/line_solid_black.gif); height: 1px; margin: 0 10px; }

/*.Flex{width: 1062px; margin:0 auto;margin-left: -42px;display: flex;flex-wrap:wrap;justify-content: flex-start;}*/
.Flex .entry img{ width:100%; height:auto;}

/*------------------------------
	航空券（商品枠はproduct.css）
--------------------------------*/
.items {
	margin:0;
	padding: 0 0 2em;
	background:#edf5ff;
	position: relative;
	background-color: #eee;
}
.items h2{
}
.items span{
	display: block;
}
.items h2 img{
	max-width: 30%;
    max-height: 50px;
}

.section-txt{
	margin: 15px 0;
    line-height: 1.6em;
    font-size: 1.0em;
	text-align: center;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.section-txt p span{
	display: inline-block;
	font-weight: bold;
}
.section-txt p span a{
	color: #000;
    text-decoration: underline;
}
.section-txt p span a:hover{
	color: #1E51C6;
    text-decoration: underline;
}

.area-item-contents {
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.items .air-area-item{
	
}
.items .air-area-item .scrollbox{
	width: 100%;
	overflow: scroll;
	padding-bottom: 10px;
}
.items .air-area-item ul{
	width: 100%;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.items .air-area-item li{
	width: 49%;
	margin: 0.5%;
	float: left;
}
.items .air-area-item li:empty{
	display: none;
}
.area-list-box {
	width: 100%;
	display: inline-block;
    margin: 0 auto 10px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.area-list-box li {
    position: relative;
	width: 49%;
	float: left;
	text-align: center;
	padding: 7px 10px 4px;
	margin: 0.5%;
	/*box-shadow: 0 2px 2px #9E9E9E;*/
	border-radius: 35px;
	font-size: 0.9em;
	font-weight: 700;
	transition: all 0.2s ease;
}
#airTab.area-list-box li{
	border: 2px solid #436C7A; 
	background-color: #fff; 
	color: #436C7A;
}
#airTab.area-list-box li.area-list-active{
	border: 2px solid #436C7A; 
	background-color: #436C7A; 
	color: #fff;
}
.area-list-box li::after {
    position: absolute;
    right: 6px;
    top: 50%;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 17px;
    font-weight: normal;
    margin-top: -12px;
}
.area-item-contents p.caution{
    font-size: 0.8em;
    margin: 10px auto;
}

.search_btn {
	margin: 10px auto;
    text-align: center;
    border-radius: 30px;
}
.search_btn a{
	display: block;
	color: #fff;
	font-size: 1.2em;
	padding: 15px 30px;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	text-decoration: none;
	position: relative;
}
.search_btn a::after{
	position: absolute;
    right: 20px;
    top: 50%;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 24px;
    margin-top: -18px;
}
.items .search_btn {background-color: #436C7A; border: 2px #436C7A;}


/*--------------------------
	デジタルパンフレット
----------------------------*/

.btnLocal a{
	display: inline-block;
    padding: 15px 120px;
    text-decoration: none;
    color: #242424;
    font-size: 16px;
    position: relative;
    border: 1px solid #242424;
    font-weight: bold;
	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.btnLocal a:after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -0.8em;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: normal;
}
.btnLocal{ text-align:center;}
.btnLocal a + a{ margin-left:20px;}
.btnLocal a:hover{ border-color:#ADA31D; color:#ADA31D}
.btnLocal + .btnLocal{ margin-top:20px !important;}



/*---------------------------------------------
      ページトップ
---------------------------------------------*/
#pagetop {
	position: fixed;
	right: 15px;
	bottom: 10px;
	display: none;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index: 1000;
}
#pagetop a{
	background: none;
}
#pagetop:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#pagetop img {
	width: 50px;
}

.media{
    border-top:none;
}