@charset "utf-8";

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

html{
  scroll-behavior: smooth;
}

#wrap {
    overflow: hidden;
}
a:link, a:visited, a:hover, a:active {
    color: #333;
    text-decoration: none;
}
/*------------------------------
 　汎用
-------------------------------- */

.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 10vw;
	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 JP', 'ヒラギノ角ゴ 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 JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.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: 90vw;
    display: flex;
	flex-wrap: wrap;
    margin: 0 auto 5vw;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.area-list-box li {
    position: relative;
	width: 49%;
	text-align: center;
	margin: 0 0.5%;
	border-radius: 1vw;
	font-size: 3.8vw;
	font-weight: 700;
	transition: all 0.2s ease;
	margin-bottom: 1.5vw;
}
.area-list-box li a {
	display: block;
	padding: 2vw 4vw 2vw 2vw ;
	color: inherit;
	position: relative;
}
.area-list-box li a::after {
    position: absolute;
    right: 5px;
    top: 50%;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
    margin-top: -10px;
}
#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-item-contents p.caution{
    font-size: 0.8em;
    margin: 10px auto;
}

.search_btn {
	margin: 10px auto;
    text-align: center;
    border-radius: 30px;
	width: 90%;
	box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, .25);
}
.search_btn a{
	display: block;
	color: #fff;
	font-size: 1.2em;
	padding: 15px 30px;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ 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 JP', 'ヒラギノ角ゴ 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;}

/*------------------------------
 リニューアル時調整
-------------------------------*/
#product {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.5vw;
	line-height: 1.5;
	& .inner {
		width: 95vw;
		margin: 0 auto;
	}
	& h3 {
		text-align: center;
		font-size: 6.0vw;
		font-weight: 700;
		color: #436c7a;
		margin-bottom: 2vw;
	}
	& .search_btn {
		width: 84vw;
		margin: 5vw auto 0;

		& a {
			display: block;
            font-size: 3.4vw;
            color: #fff;
            text-align: center;
            padding: 3.5vw 0;
            border-radius: 8vw;
            position: relative;
			/*background-color: var(--content-color-navy);*/

			&::after {
				content: "";
				background: url(/cmn/icon/icon_arrow_right_white.svg) no-repeat center center / contain;
				width: 5vw;
				height: 5vw;
				position: absolute;
				top: 0;
				right: 2vw;
				bottom: 0;
				margin: auto;
			}
		}
	}
}