@charset "UTF-8";
/*
Theme Name: imagine
Theme URI: https://lookat.co.jp
Author: Look At Inc.
Author URI: https://lookat.co.jp
Description: Imagine there's no heaven
Version: 1.0.0
License: GNU General Public License v2 or later
*/

/* =protect.css=================================================================== */


/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

テキストの書式設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */
/*--------------------------------------------------------------
最大幅設定
--------------------------------------------------------------*/
/* .grid-container {max-width:67.5rem;} */
.grid-container {max-width:80rem;} /* 1280px */
.wrapper {max-width:80rem;margin:0 auto;} /* 1280px */

/*--------------------------------------------------------------
サイトの幅制限(hero以外の全セクションに有効)
--------------------------------------------------------------*/
/* section:not(.hero) {max-width:1500px; margin-left:auto; margin-right:auto;} */

/*--------------------------------------------------------------
テキスト基本設定
--------------------------------------------------------------*/
* {margin:0;padding:0;}
/* 標準フォントサイズ */
@media (max-width:320px) {:root {font-size:12px;}}
@media (max-width:640px) {:root {font-size:14px;}}
@media (min-width:641px) {:root {font-size:16px;}}
body {
/* background-image:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)), url(images/bg_base.png); */
 font-size:1rem;
/* font-family: Arial, Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif; */
 font-family: YakuHanJP, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
 font-weight:500;
 color:RGBA(55,56,56,1);word-break:break-word;
 
 font-feature-settings: "palt" 1;
 -webkit-font-smoothing: subpixel-antialiased;
}

.mincho {font-family:'Noto Serif JP', 'Noto Serif Japanese', 'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Times New Roman', serif;
font-weight:500;}


/*  行間設定 */
p,ul,ol,dl,th,td,body {line-height:1.6; /* font-feature-settings:"pkna" 1; */}


/*--------------------------------------------------------------
Hタグ
--------------------------------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: YakuHanJP, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
h2,h3 {margin-bottom:1rem ;padding:0;}
h4,h5,h6 {margin-bottom:1rem ;padding:0;}
h3,h4,h5,h6 {font-weight:700;}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {margin-top:1em}
/* h2,h3,h4,h5 {font-family:serif;} */
h1 {font-size:2rem;}		/* 32px */
h1.title-logo {margin:0;line-height:0;} 
/* h2 {font-size:2rem;}		/* 32px */
h2 {font-size:1.5rem;}		/* 24px */
h3 {font-size:1.25rem;}		/* 20px */
h4 {font-size:1.125rem;}	/* 18px */
h5 {font-size:1rem;color:#5c6bc0;}		/* 16px */
h6 {font-size:0.875rem;}	/* 14px */

h2 {color: #071143}
h3 {color: #1a237e;}
h4 {border-left:4px solid #01579b;padding-left:0.3rem;margin-left: -0.1rem;line-height: 1.2;}

/*--------------------------------------------------------------
本文
--------------------------------------------------------------*/ 
.post {font-size:1rem;}		/* 16px */
p {margin-bottom:1rem;}
.tx-small {font-size:0.75rem;}	/* 12px */
.tx-large {font-size:1.125rem;}	/* 18px */
i {font-style:normal;}
.meta,#breadcrumb, #breadcrumb a,#breadcrumb i {font-size:0.75rem;}	/* 18px */

/*--------------------------------------------------------------
リード文
--------------------------------------------------------------*/ 
.lead p,p.lead {font-size:1.063rem; margin-left:0;margin-right:0;font-family:serif;font-weight:bold;}

/*--------------------------------------------------------------
UL OL DL
--------------------------------------------------------------*/
ul,ol {list-style: none;margin: 0;padding: 0;}
ul:not([class]) {margin-bottom:1rem;list-style-type:none;}
ul:not([class]) li {padding-left:1.5em;text-indent:-0.7em;margin-bottom:0.5rem;}
ul:not([class]) li:last-child {margin-bottom:0;}
ul:not([class]) li:before {font-family: "Font Awesome 5 Pro";font-weight: 900;content: "\f0da";margin-right:5px;color:#26c6da;}
ul.yoko li {float:left; margin-right:0.5rem;}
ol {margin:0 0.5rem 0.5rem 2.1rem;}
dl{overflow:hidden;}
/*
dt,dd{display:block; border-top:1px solid #FFF; padding:0.5em 0; margin:0;}
dt {float:left; clear:left; width:25%;} 
dd {float:left;width:75%;}
*/
dl dt {margin-bottom: 0;margin-top:0.5rem;color:#111;}
dl dt:first-child {margin-top: 0;}

@media (max-width:640px) {.rps dt {width:100%;margin-bottom:0.1rem;} .rps dd {width:100%;margin-bottom:0.5rem;} }

/*--------------------------------------------------------------
リンク
--------------------------------------------------------------*/
a {outline:none; color:inherit;}
a,a:focus,a:hover{text-decoration:underline;}
.first-link-area a {text-decoration:none}
.flight-slick a {text-decoration:none}
a:focus, *:focus {outline:none;}
.header-item a:focus, .header-item a:hover {color:#ffeb3b}
/*--------------------------------------------------------------
ボタン
--------------------------------------------------------------*/
.button:not(.hollow) {background:linear-gradient(30deg, #3a7bd5, #00d2ff);}
.button:not(.hollow):hover {background:linear-gradient(90deg, #3a7bd5, #00d2ff);}
.button{padding:.85em 1em;margin:0 0 0.5rem 0;line-height:1.4;text-decoration:none;}
.button:focus,.button:hover{box-shadow:0 6px 3px -3px rgba(0, 0, 0, 0.1);transform:translateY(-0.1875em);transition:all .5s;}
.button.rounded{border-radius:50px;}
.button,.button:focus,.button:hover,.button:visited{color:#fff;}
.button.hollow:visited{color:inherit;}
.button i {color:#fff;margin-right:5px;}
.callout>.button:last-child {margin-bottom:0.5rem;}

/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

ヘッダーの設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */

@media (max-width:640px) {
#header {height:52px; 
		background:rgba(7,17,67,.85);
		box-shadow:0 2px 4px rgba(0,0,0,0.3);
		display:flex;
		align-items: center;
}
.title-logo img{margin:0 auto;padding:0;line-height:1;}
}
.title-logo.international {font-size: 1.5rem;}
@media (max-width: 640px) {
.title-logo.international {font-size: 1.2rem;}
	
}
.title-logo.international a,.header-center a {text-decoration: none;font-weight:bold;color:#fff;}
.title-logo.international a:hover {color:#fff9c4;}
.second-menu-area {padding-top:0.5rem;}
.sticky {height:52px; box-shadow:0 2px 4px rgba(0,0,0,0.3);}

.contact-area {display:flex;align-items:center;justify-content:flex-end;}
.contact-phone {text-align:center;font-size:0.8rem;font-weight:bold;margin:0 1rem;line-height:1;}
.contact-phone span {font-size:1.8rem;}
.contact-phone img {width:240px;margin-bottom:0;}
.contact-form {font-size:1.125rem;font-weight:bold;}
.button.contact-form {padding:0.4rem 1rem;margin-bottom:0;border-radius:4px;}


.header-between {display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between;}
.hamburger-margin {margin-right:60px;}
.header-center {display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}

.header-side {display:flex; flex-wrap:nowrap; align-items:stretch; justify-content: center;}
.header-side #sidebar { flex:0 0 250px; box-shadow:1px 2px 10px rgba(100, 100, 100, 0.4);}
.header-side #primary {width: calc(100% - 250px);max-width: 65rem;padding:0;box-shadow:6px 1px 10px -5px rgba(100, 100, 100, 0.4);} /* 1680px */

.bottom-menu .header-between {display:flex; align-items:center; justify-content:space-around; flex-wrap:wrap;}
.bottom-menu .header-between {position:fixed;bottom:0; background:#fcfcfc;width:100%;text-align:center;line-height:1;color:#282f49;border-top:1px solid #ededed; height:52px;z-index:90;}
.bottom-menu .header-between > div {flex:1;}
.bottom-menu .header-between i {font-size:1.5rem;}
.bottom-menu .header-between span {font-size:0.625rem;}


/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

グローバルナビの設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */

.main-menu {background:transparent;}
.main-menu nav {background:transparent;}
.main-menu nav ul {margin:0; display:flex;align-items:stretch;justify-content: center;}
.main-menu nav ul li {padding:0;} 
/* .main-menu ul li {flex:1;} /* 幅100%均等割の場合有効化して親をspace-betweenに */
.main-menu nav ul li a {padding:1rem 1rem;text-align:center; display:block; position:relative; text-decoration:none; font-weight:bold;min-width:7rem;}
.main-menu nav ul li a:hover {transition:all 0.6s ease;}
.main-menu nav ul i {margin-bottom:5px;}
/* 左右に境界線 */
.main-menu nav ul li {border-right:1px solid #eee;}
.main-menu nav ul li:first-child {border-left:1px solid #eee;}
/* ホバー時下線エフェクト */
.main-menu nav li {position:relative;overflow:hidden;transition:.3s;}
.main-menu nav li:after {position:absolute;transition:.3s;content:'';width:0;left:50%;bottom:0;height:5px;}
.main-menu nav li:hover {cursor:pointer;}
.main-menu nav li:hover:after {width:100%;left:0;}

.contact-piece {display: flex;justify-content: flex-end;margin:0.5rem 0;}

.main-menu-vertical ul {display:block;}
.main-menu-vertical a { padding:2rem 1rem; border-bottom:1px solid #eee; display:block; color:#ccc; font-weight:bold; text-decoration:none; transition:all 0.4s ease;}
.main-menu-vertical li {position: relative;}
.main-menu-vertical li:first-child { border-top:1px solid #eee;}
.main-menu-vertical a:hover { background:#eee; transition:all 0.4s ease;}
.main-menu-vertical a:after { font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f105";position:absolute; color:#666; right:0; padding-right:.5rem; transition:all 0.4s ease;}
.main-menu-vertical a:hover:after { transform:rotate(20deg); transition:all 0.4s ease;}

.mega-menu {background:transparent;}
.mega-menu > nav {background:transparent;}
.mega-menu > nav > ul {margin:0; display:flex;align-items:stretch;justify-content: center;}
.mega-menu > nav > ul > li {padding:0;} 
/* .mega-menu > ul > li {flex:1;} /* 幅100%均等割の場合有効化して親をspace-betweenに */
.mega-menu > nav > ul > li > a {padding:1rem 1rem;text-align:center; display:block; position:relative; text-decoration:none; font-weight:bold;min-width:7rem;}
.mega-menu > nav > ul > li > a:hover {transition:all 0.6s ease;}
.mega-menu > nav > ul > i {margin-bottom:5px;}
/* 左右に境界線 */
.mega-menu > nav > ul > li {border-right:1px solid #eee;}
.mega-menu > nav > ul > li:first-child {border-left:1px solid #eee;}
/* ホバー時下線エフェクト */
.mega-menu > nav > li {position:relative;overflow:hidden;transition:.3s;}
.mega-menu > nav > li:after {position:absolute;transition:.3s;content:'';width:0;left:50%;bottom:0;height:5px;}
.mega-menu > nav > li:hover {cursor:pointer;}
.mega-menu > nav > li:hover:after {width:100%;left:0;}
.mega-menu > nav > ul > li > ul {	display: none;
							width: 100%;height:250px;
							background: #e3e9ec;
							padding: 20px;overflow: hidden;
							position: absolute;z-index: 99;left: 0;margin: 0;
							list-style: none;box-sizing: border-box;
							box-shadow:0 6px 6px -3px rgba(0, 0, 0, 0.2)}
.mega-menu > nav > ul > li > ul a {text-decoration: none;color:#1F2C54;font-weight: bold;}
.mega-menu .menu a {display: inline;padding:0;}
.mega-menu li:before {color:#c4262e}

/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

スマホメニューの設定 一部PCでも使用

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */
/*--------------------------------------------------------------
ハンバーガーボタン
--------------------------------------------------------------*/
.hamberger_line { display: block; vertical-align: middle; cursor: pointer; position: fixed; transform: translateX(0); transition: transform .5s; top: 8px; right: 1rem; z-index: 100; width: 36px; height: 28px;}
.hamberger_line {padding:0;}
.hamberger_line:after { content: ""; display: block; width: 52px; height: 52px; margin-left: -4px; margin-top: -8px;background:rgba(7,17,67,.85);position: absolute;top:0;z-index: -1;}
.hamberger_line span { display: inline-block; box-sizing: border-box; position: absolute;transition: all .5s; margin-left: 4px; left: 0; width: 100%; height: 3px; background:#fff;}
.hamberger_line span:nth-of-type(1) 		{top: 0;}
.hamberger_line.open span:nth-of-type(1) 	{transform: translateY(10px) rotate(-45deg);}
.hamberger_line span:nth-of-type(2) 		{top: 10px;}
.hamberger_line.open span:nth-of-type(2) 	{opacity: 0;}
.hamberger_line span:nth-of-type(3) 		{bottom: 4px;}
.hamberger_line.open span:nth-of-type(3) 	{transform: translateY(-10px) rotate(45deg);}
.hamberger_line .text {color:#fff; font-size:0.625rem; text-align: center; background: transparent; margin-top:24px; }
.hamberger_list { position: fixed; top: 0; right: 0; z-index: 10; transform: translateX(250px); transition: all .5s; width: 250px; height: 100%; padding-top: 100px;overflow: auto;background:#eee;}
.hamberger_list.open { transform: translateX(0);}
.hamberger_list {margin-top:0;padding:5rem 0 0 1rem;}
.hamberger_list h2 {text-align: left;}
.hamberger_list li { padding: 5px 10px;margin-bottom: 5px;margin-right:10px;}
.hamberger_list li:before {content:none;}
.hamberger_list ul ul li {padding:5px; margin-left:15px;margin-bottom: 4px;}
.hamberger_list a {text-decoration: none;font-weight: bold;display: block;background:#333333;}
.hamberger_list h2 a{color:#fff;font-size: 1.125rem;line-height: 1.4;}
.hamberger_menu.active .hamberger_line span:nth-of-type(1) 	{transform: translateY(10px) rotate(-45deg);}
.hamberger_menu.active .hamberger_line span:nth-of-type(2) 	{opacity: 0;}
.hamberger_menu.active .hamberger_line span:nth-of-type(3) 	{transform: translateY(-10px) rotate(45deg);}
.hamberger_menu.active .hamberger_list { transform: translateX(0);}
.hamberger_menu.activeopen {display: none;}
/* ハンバーガーメニューを表示する時、背景を固定する */
.scroll-y {overflow-y:scroll;}
.scroll-prevent {height:100%; overflow:hidden;}
/* 固定 */
.fixed {position: fixed;top: 0;padding: 0;width: 100%;z-index: 1000;}

/*--------------------------------------------------------------
オーバーレイナビ
--------------------------------------------------------------*/
nav.overlay-navi-menu {background:RGBA(58, 71, 78,0.8); padding-top:50px; padding-bottom:100px;}
nav.overlay-navi-menu h1 {margin-bottom:10px;}
nav.overlay-navi-menu ul {margin-left:0; list-style-type:none;}
.overlay-navi {position:fixed; width:100%; margin:0; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:30;
	/* background-color: rgba(7,17,67,.85); */
	background-color: rgba(0,0,110,.85);
}
@media (max-width: 640px) {.overlay-navi {height:52px;}}
.overlay-navi-wrap {position:relative; width:100%; margin:0 auto;}
nav.overlay-navi-menu ul li a {display:block; color:#fff; text-decoration:none;}


.scroll-menu {width:100%; background:#666; overflow-x:auto; overflow-y:hidden;}
.scroll-menu ul {margin:0; list-style:none; display:flex; align-items:center;}
.scroll-menu ul li {text-align:center;}
.scroll-menu ul li a,.scroll-menu ul li a:link,.scroll-menu ul li a:visited {display:inline-block; width:80px; color:#fff; text-decoration:none; padding:1rem 0 0.5rem;}
.scroll-menu ul li a:hover,.scroll-menu ul li a:active {background:#ccc;}
.scroll-menu .mobile-menu i {font-size:1.5rem;}
.scroll-menu .mobile-menu span {font-size:0.625rem;}


/* 0番 シングルページ */
#menu-single .hamberger_line {position:fixed; top:8px; right:12px; z-index:100;}
#menu-single nav.overlay-navi-menu {position:fixed; background:#f00; top:52px; right:0; height:100vh; text-align:center; z-index:-1; opacity:0; overflow:hidden; transition:1s; padding-top:0;}
#menu-single input[type="checkbox"].on-off + nav.overlay-navi-menu { padding-bottom:0;height:0; overflow:hidden; transition:0.5s;}
#menu-single input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {height:auto;opacity:1;z-index:99;}
#menu-single input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul {opacity:1; pointer-events:auto;}
#menu-single nav.overlay-navi-menu .mobile-menu li {padding:0 3px;}
#menu-single nav.overlay-navi-menu .mobile-menu a {padding:1rem 2rem; color:#333; font-weight:bold; text-decoration:none; transition:all 0.4s ease; text-align:right;background:#fff;font-size:1.5rem;box-shadow:6px 6px #eee;}
#menu-single nav.overlay-navi-menu .mobile-menu a:before {font-family:"Font Awesome 5 Free"; content:"\f13a"; font-weight:900; font-weight:normal; color:#666; right:0; padding-right:.5rem; transition:all 0.4s ease;}
#menu-single nav.overlay-navi-menu .mobile-menu a:hover {background:#eee;}

/* 1番 ドロップダウン */
#menu-dropdown nav.overlay-navi-menu {background:#eee; position:fixed; top:52px; right:0;width:100%; padding:0; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:29;}
#menu-dropdown input[type="checkbox"].on-off + nav.overlay-navi-menu {width:0;height:calc(100% - 52px); overflow:hidden; transition:0.5s;}
#menu-dropdown input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {width:90%;height:calc (100vh - 52px);overflow-y: auto;}
#menu-dropdown nav.overlay-navi-menu ul {padding-left:1rem; padding-right:1rem; width:100%;}
#menu-dropdown nav.overlay-navi-menu li{border-bottom:1px solid #333;}
#menu-dropdown nav.overlay-navi-menu .accordion-menu a{padding:1.5rem 1rem; display:block; color:#333; font-size:1rem; text-decoration:none; text-align:left;}
.accordion-menu .nested.is-accordion-submenu {margin-left: 0;}
#menu-dropdown nav.overlay-navi-menu li {
	border-bottom:none;
	
}
#menu-dropdown nav.overlay-navi-menu .accordion-menu .is-accordion-submenu-parent > a{font-size: 1.25rem;border-top:1px solid #ccc;}
.accordion-menu ul {font-size: 1rem;}
.accordion-menu .flight-list a {display: flex !important;align-items: center;justify-content: center;}
.is-accordion-submenu-item a {border-top: 1px dashed #cfcfcf;}


/* 8番 ドロップダウンメガメニュー */
#menu-dropdown-mega nav.overlay-navi-menu {background:#fff; position:fixed; top:52px; width:100%; padding:0; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:29;}
#menu-dropdown-mega input[type="checkbox"].on-off + nav.overlay-navi-menu {height:0; overflow:hidden; transition:0.5s;}
#menu-dropdown-mega input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {height:auto; max-height:75vh; overflow:scroll;}
#menu-dropdown-mega nav.overlay-navi-menu ul {padding-left:1rem; padding-right:1rem; width:100%;}
#menu-dropdown-mega nav.overlay-navi-menu li{border-bottom:1px solid #eee;}
#menu-dropdown-mega nav.overlay-navi-menu .mobile-menu a{padding:1rem 1rem; display:block; color:#333; font-size:1rem; text-decoration:none; transition:all 0.4s ease; text-align:left;}
#menu-dropdown-mega nav.overlay-navi-menu .mobile-menu a:hover {background:#eee;}
#menu-dropdown-mega .accordion-menu .submenu li{border-bottom:none; border-top:1px solid #eee;}
#menu-dropdown-mega .accordion-menu .submenu,
#menu-dropdown-mega .accordion-menu li a {margin:0; box-shadow:none; background:transparent;}

/* 3番 右から出てくる */
#menu-rightside nav.overlay-navi-menu {background:#eee; position:fixed; top:0; right:0; width:70%; height:100%; text-align:center; transform:translateX(200%); z-index:99; padding:4rem 1rem 1rem; overflow-x:hidden;}
@media (min-width:641px) {#menu-rightside nav.overlay-navi-menu {background:#eee; width:50%; max-width:400px;}}
#menu-rightside input[type="checkbox"].on-off + nav.overlay-navi-menu {transition:0.5s;}
#menu-rightside input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {transform:translateX(0%);}
#menu-rightside input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul {opacity:1;}
#menu-rightside nav.overlay-navi-menu ul li a {display:inline-block; transform:translateX(200%); transition:transform 1s;}
#menu-rightside input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul li a {transform:translateX(0);}
#menu-rightside nav.overlay-navi-menu .mobile-menu li,#menu-rightside nav.overlay-navi-menu .pc-menu li{border-bottom:1px solid #fff;}
#menu-rightside nav.overlay-navi-menu .mobile-menu li:first-child,#menu-rightside nav.overlay-navi-menu .pc-menu li:first-child {border-top:1px solid #fff;}
#menu-rightside nav.overlay-navi-menu .mobile-menu a,#menu-rightside nav.overlay-navi-menu .pc-menu a{padding:1rem 1rem; display:block; color:#666; font-weight:bold; text-decoration:none; transition:all 0.4s ease; text-align:left;}
#menu-rightside nav.overlay-navi-menu .mobile-menu a i {font-size:1.75rem; margin-right:0.25rem; color:#666;}
#menu-rightside nav.overlay-navi-menu .pc-menu a i {font-size:1.75rem; margin-right:0.25rem; color:#666;}
#menu-rightside nav.overlay-navi-menu .mobile-menu a:hover,
#menu-rightside nav.overlay-navi-menu .pc-menu a:hover {background:#eee;}

/* 6番 左から出てくる */
#menu-leftside .hamberger_line {right:auto; left:4px;}
#menu-leftside nav.overlay-navi-menu {background:#eee; position:fixed; top:0; width:70%; height:100%; text-align:center; transform:translateX(-100%); z-index:99; padding:4rem 2rem 1rem; overflow-x:hidden; overflow-y:scroll;}
#menu-leftside input[type="checkbox"].on-off + nav.overlay-navi-menu {transition:0.5s;}
#menu-leftside input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {transform:translateX(0);}
#menu-leftside input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul {opacity:1;}
#menu-leftside input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul li a {transform:translateX(0);}
#menu-leftside nav.overlay-navi-menu ul li a {display:inline-block; transform:translateX(-100%); transition:transform 1s;}
#menu-leftside nav.overlay-navi-menu .mobile-menu li{border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;}
#menu-leftside nav.overlay-navi-menu .mobile-menu li:first-child {border-top:1px solid #eee;border-radius:5px 5px 0 0;}
#menu-leftside nav.overlay-navi-menu .mobile-menu li:last-child {border-radius:0 0 5px 5px;}
#menu-leftside nav.overlay-navi-menu .mobile-menu a{padding:1.5rem 1rem; display:block; color:#666; font-weight:bold; text-decoration:none; transition:all 0.4s ease; text-align:left;}
#menu-leftside nav.overlay-navi-menu .mobile-menu a:hover {background:#eee;}
#menu-leftside nav.overlay-navi-menu .mobile-menu li a:after {font-family:"Font Awesome 5 Free"; content:"\f1b0"; font-weight:900; position:absolute; font-weight:normal; color:#333; right:0; padding-right:.5rem; transition:all 0.4s ease;}
#menu-leftside nav.overlay-navi-menu .mobile-menu li a:hover:after {transform:rotate(20deg);}

/* 4番 フワ */
@media (min-width:641px) {.home #menu-fade .overlay-navi {position:fixed; width:100%; height:auto; margin:0 0 30px; background:transparent; box-shadow:none; z-index:30;}}
#menu-fade .hamberger_line {position:fixed; top:8px; right:20px; z-index:100;}
#menu-fade nav.overlay-navi-menu {position:fixed; background:RGBA(238, 238, 238, 0.95); top:0; width:100%; height:100vh; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.6); z-index:-1; opacity:0; overflow:hidden; transition:0.5s;}
@media (min-width:641px) {#menu-fade nav.overlay-navi-menu .container {max-width:600px; margin:0 auto;}}
#menu-fade input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {opacity:1; z-index:99;overflow:scroll;}
#menu-fade input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul {opacity:1; pointer-events:auto;}
#menu-fade nav.overlay-navi-menu .mobile-menu,#menu-fade nav.overlay-navi-menu .pc-menu {padding:0 2rem;}
#menu-fade nav.overlay-navi-menu .mobile-menu li,#menu-fade nav.overlay-navi-menu .pc-menu li{padding:0 3px;}
#menu-fade nav.overlay-navi-menu .mobile-menu li.half,#menu-fade nav.overlay-navi-menu .pc-menu li.half{width:50%; float:left;}
#menu-fade nav.overlay-navi-menu .mobile-menu a,#menu-fade nav.overlay-navi-menu .pc-menu a{padding:1rem 1rem; display:block; color:#666; font-weight:bold; text-decoration:none; transition:all 0.4s ease; text-align:left;position:relative;border:1px solid #666;border-radius:8px;margin-bottom:0.5rem;background:#fff;font-size:1rem;}
#menu-fade nav.overlay-navi-menu .pc-menu a{font-size:1.5rem;}
#menu-fade nav.overlay-navi-menu .mobile-menu a:after,#menu-fade nav.overlay-navi-menu .pc-menu a:after {font-family:"Font Awesome 5 Free"; content:"\f138"; font-weight:900; position:absolute; font-weight:normal; color:#333; right:0; padding-right:.5rem; transition:all 0.4s ease;}
#menu-fade nav.overlay-navi-menu .mobile-menu a:hover,#menu-fade nav.overlay-navi-menu .pc-menu a:hover {background:#eee;}

/* 2番 ボトムフワ */
.bottom-menu nav.overlay-navi-menu .mobile-menu a{padding:1rem 1rem; display:block; color:#fff; font-size:1.25rem; font-weight:bold; text-decoration:none; transition:all 0.4s ease; text-align:center;}
.bottom-menu nav.overlay-navi-menu .mobile-menu a:hover {background:#eee;}
@media (max-width:640px) {.bottom-menu .logo-area{padding:5px;} .bottom-menu + section {margin-top:0;}}
.bottom-menu .hamberger_line {bottom:16px; left:4px; top:auto; z-index:99;}
.bottom-menu .overlay-navi {position:fixed; width:100%; height:auto; margin:0 0 30px; background:transparent; box-shadow:none; z-index:30;}
.bottom-menu nav.overlay-navi-menu {background:RGBA(238, 238, 238, 0.9); position:fixed; bottom:0; width:100%; height:100vh; padding-top:0; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.6); opacity:0; z-index:-1; transition:1s;}
.bottom-menu input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {opacity:1; z-index:80;}
.bottom-menu input[type="checkbox"].on-off + nav.overlay-navi-menu {height:0; overflow:hidden; overflow-y: scroll; transition:0.5s;}
.bottom-menu input[type="checkbox"].on-off:checked + nav.overlay-navi-menu {height:80vh; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:2rem 0;}
.bottom-menu input[type="checkbox"].on-off:checked + nav.overlay-navi-menu ul {opacity:1; pointer-events:auto; width:90%;}

/* 0番 shy-header */
.shy-header {width:100%;position:fixed;top:0;left:0;right:0;z-index:1;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;background:rgba(255,255,255,.8);border-bottom:1px solid #eee;}
@media (max-width:640px) {.shy-header #logo {display:flex;align-items:center;justify-content:center;height:52px;}}
.is-watching {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}

/* 2番 ボトムバー仕様 
.overlay-navi-bottom {position:fixed; width:100%; height:52px; margin:0; background:#000; box-shadow:0 0 10px rgba(0,0,0,0.6); bottom:0; z-index:30;}
.overlay-navi-bottom .overlay-navi05-wrap .hamberger_line {position:fixed; top:auto !important; bottom:20px !important; right:15px; z-index:31;}
#sp-menu-bottom {position:fixed; bottom:0;}


/* 2番 下から出てくる
.overlay-navi05-wrap {position:relative; width:100%; height:52px; margin:0 auto; z-index:9999;}
@media screen and (min-width:1024px) {.overlay-navi05-wrap {width:1000px;}}
.overlay-navi05-wrap label {position:absolute; top:11px; right:15px; cursor:pointer;}
.overlay-navi05-wrap label.on-off i {display:block !important; color:#fff; font-size:2em;}
nav.overlay-navi05-menu label {position:absolute; top:20px; left:50%; transform:translateX(-50%); cursor:pointer;}
@media screen and (min-width:1024px) {nav.overlay-navi05-menu label {top:20%;}}
nav.overlay-navi05-menu label:hover {opacity:0.6;}
nav.overlay-navi05-menu label.close i {display:block !important; padding:0; color:#fff; font-size:2em; opacity:0;}
input[type="checkbox"].on-off:checked + nav.overlay-navi05-menu label i {opacity:1;}
nav.overlay-navi05-menu {position:fixed; top:0; width:100%; height:100vh; text-align:center; background:rgba(251, 66, 143, 0.0); z-index:10000;}
input[type="checkbox"].on-off + nav.overlay-navi05-menu {transform:translateY(100%); transition:0.5s;}
input[type="checkbox"].on-off:checked + nav.overlay-navi05-menu {background:rgba(251, 66, 143, 0.8); transform:translateY(0);}
nav.overlay-navi05-menu ul {position:absolute; top:50%; left:50%; width:220px; display:flex; flex-wrap:wrap; transform:translate(-50%,-50%); opacity:0;}
@media screen and (min-width:768px) {nav.overlay-navi05-menu ul {width:600px;}}
input[type="checkbox"].on-off:checked + nav.overlay-navi05-menu ul {opacity:1;}
nav.overlay-navi05-menu ul li {width:50%; padding:8px; transform:rotateY(360deg); transition:1s;}
@media screen and (min-width:768px) {nav.overlay-navi05-menu ul li {width:33.333333%;  padding:10px;}}
input[type="checkbox"].on-off:checked + nav.overlay-navi05-menu ul li {transform:rotateY(0deg);}
nav.overlay-navi05-menu ul li a {display:block; padding:13.5% 0 23%; color:#fff; font-size:1.1em; font-family:'Raleway', sans-serif; text-decoration:none; background:#adadad; border-radius:50%;}
@media screen and (min-width:768px) {nav.overlay-navi05-menu ul li a {padding:20.5% 0 22.5%;  font-size:1.6em;}}
nav.overlay-navi05-menu ul li a i {display:block !important; color:#fff; font-size:2em; line-height:1.2em;}
@media screen and (min-width:768px) {nav.overlay-navi05-menu ul li a i {font-size:2.6em;  line-height:1.1em;}}
nav.overlay-navi05-menu ul li a span {font-size:1em;}
nav.overlay-navi05-menu ul li a:hover {opacity:0.6;}
input[type="checkbox"].on-off ~ .overlay-navi05-main {padding:67px 15px 0;}
@media screen and (min-width:1024px) {input[type="checkbox"].on-off ~ .overlay-navi05-main {padding:82px 0 0;}}
*/

/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

フッターの設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */

/*--------------------------------------------------------------
フッター
--------------------------------------------------------------*/
.snsib {margin: 0 0 1rem;padding: 0;} 
.snsib li:before {content: none;}
.snsib a {color:#fff;}
footer{background:#666;padding: 2rem 1rem;}
footer,footer p {color:#fff;font-size:0.875rem;}
footer h3 {border-bottom: none;color:#fff;}
footer h3:after {content: none;}
footer p strong {border-bottom: 1px solid #ccc;}
footer h5 {color:#eee;}
/*--------------------------------------------------------------
Copyright
--------------------------------------------------------------*/
#copyright {font-size: inherit;padding: 0;color: inherit;background: transparent;clear: both;}
footer .copy {font-size: 0.75rem;line-height: 1.0;text-align: center;}
footer .copy a {color: inherit;}
footer #thk {display: none;}


/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

スライダーの設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */


/*--------------------------------------------------------------
スライダー
--------------------------------------------------------------*/

.slider-area {padding:0;position:relative;}
.slider-area img {margin:0;}
.slider-area .wpsisac-slider-short-content {margin-bottom: 0;}
.slider-area .wpsisac-slide-wrap,
.slider-area .wpsisac-image-slide-wrap  { /* height:35vh; max-height: 500px; */ height:100%; display:flex; align-items:center;position:relative; z-index:0;}
.slider-area #metaslider-id-37205 .slides li img  { height:40vh;width:100%;object-fit: cover;}	
@media (min-width: 641px) {
.slider-area .wpsisac-slide-wrap,
.slider-area .wpsisac-image-slide-wrap,
.slider-area #metaslider_container_244 .slides li img,
.slider-area #metaslider-id-244 .slides li img  { height:50vh;min-height:500px;width:100%;object-fit: cover;}	
}
#metaslider_244 {margin-bottom:0;}
#metaslider_244 .flex-control-nav {bottom:10px;}
#metaslider_244 .flex-control-paging li a {border:2px solid #fff;}
#metaslider_244 .flex-control-paging li a.flex-active {background:#81d4fa;}

.wpsisac-image-fit .wpsisac-image-slide-wrap img, .wpsisac-image-fit .wpsisac-slide-wrap img {width: 100% !important;object-position: center center !important;}
.slider-area .wpsisac-slide-wrap img {width: 100% !important;margin-bottom: 0;}
.slider-area h2{background: none;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-overlay {background:rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-content {position: static;fleat:none;transform:none;-webkit-transform:none;}
.wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-short-content {margin-bottom: 0;}
.wpsisac-slick-slider .wpsisac-readmore {margin-top:1rem;}
.wpsisac-slick-slider {display: flex !important;align-items: center;}
.wpsisac-slick-slider.design-2 .slick-arrow {top:auto !important;}
@media (max-width:640px) {#menu-leftside + main {margin-top: 52px;}}
@media (max-width:640px) {header + section {margin-top:52px;}}
@media (max-width:640px) {.banner_area {margin-top:20px;}}
.slider-area .copy-text { position:absolute; top:50%; left:50%; transform :translate(-50%,-50%); text-align:center; width:80%; font-size:32px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px black;}
@media (max-width:640px) {.slider-area .copy-text { font-size:24px;}}
/* subtle slider */
@-webkit-keyframes right {from {-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%);} to {-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%);}}
@keyframes right {from {-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%);} to {-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%);}}
@-webkit-keyframes left {from {-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%);} to {-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg)transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%);}}
@keyframes left {from {-webkit-transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateX(4%);} to {-webkit-transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateX(-4%);}}
@-webkit-keyframes down {from {-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%)} to {-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%);}}
@keyframes down {from {-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%);} to {-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%);}}
@-webkit-keyframes up {from {-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%);} to {-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%);}}
@keyframes up {from {-webkit-transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);transform:translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);-ms-transform:translateY(4%);} to {-webkit-transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);transform:translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);-ms-transform:translateY(-4%);}}
@-webkit-keyframes out {from {-webkit-transform:scale(1.15);transform:scale(1.15);} to {-webkit-transform:scale(1);transform:scale(1);}}
@keyframes out {from {-webkit-transform:scale(1.15);transform:scale(1.15);} to {-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes in {from {-webkit-transform:scale(1);transform:scale(1);} to {-webkit-transform:scale(1.15);transform:scale(1.15);}}
@keyframes in {from {-webkit-transform:scale(1);transform:scale(1);} to {-webkit-transform:scale(1.15);transform:scale(1.15);}}
#slides {position:relative;width:0;height:80vh;left:-9999px;}
#slideshow {position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;}
#slideshow .slide, #slideshow span, #slideshow .static-content {display:block;position:absolute;top:0;left:0;right:0;bottom:0;}
#slideshow .slide span {background-size:cover;background-position:center;}
#slideshow .slide span.animate.right, #slideshow .slide span.animate.left {left:calc((-4vw + -4vh + -4%)/3);right:calc((-4vw + -4vh + -4%)/3);}
#slideshow .slide span.animate.up, #slideshow .slide span.animate.down {top:calc((-4vw + -4vh + -4%)/3);bottom:calc((-4vw + -4vh + -4%)/3);}
#slideshow span.animate {-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
#slideshow span.animate.right {-webkit-animation-name:right;animation-name:right;}
#slideshow span.animate.left {-webkit-animation-name:left;animation-name:left;}
#slideshow span.animate.up {-webkit-animation-name:up;animation-name:up;}
#slideshow span.animate.down {-webkit-animation-name:down;animation-name:down;}
#slideshow span.animate.in {-webkit-animation-name:in;animation-name:in;}
#slideshow span.animate.out {-webkit-animation-name:out;animation-name:out;}
#slideshow span.animate.paused {-webkit-animation-play-state:paused;animation-play-state:paused;}

/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

画像の設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */
img[class*="wp-image-"], img[class*="attachment-"] {max-width: 100%;height: auto;}
a:hover img {opacity:0.5;transition: all 0.3s ease;}
.wp-caption {max-width: 100%;margin-bottom: 1rem;}
.wp-caption img[class*="wp-image-"] {display: block;margin: 0;}
.wp-caption-text,.wp-caption-dd,.gallery-caption {font-size:0.875rem;}
.wp-caption-text {text-align: center;margin:0;padding:0.5rem 0;}
/* img,img.aligncenter {margin-bottom:10px;} */
.imgbottom0 {margin-bottom:0;}.imgbottom5{margin-bottom:5px;}.imgbottom10{margin-bottom:10px;}.imgbottom20{margin-bottom:20px;}.imgbottom30{margin-bottom:30px;}
.imgshadow{box-shadow:1px 1px 4px rgba(0,0,0,.5);}
.imgborder{border:6px solid #eee;}
.imgcircle{border-radius:50%;}
.imgradius,.imgradius5{border-radius:5px;}.imgradius10{border-radius:10px;}.imgradius20{border-radius:20px;}
.tilt1{transform:rotate(1deg);}.tilt2{transform:rotate(2deg);}.tilt3{transform:rotate(3deg);}.tilt4{transform:rotate(4deg);}.tilt5{transform:rotate(5deg);}.tilt10{transform:rotate(10deg);}.tilt30{transform:rotate(30deg);}.tilt45{transform:rotate(45deg);}.tilt90{transform:rotate(90deg);}.tilt-1{transform:rotate(-1deg);}.tilt-2{transform:rotate(-2deg);}.tilt-3{transform:rotate(-3deg);}.tilt-4{transform:rotate(-4deg);}.tilt-5{transform:rotate(-5deg);}.tilt-10{transform:rotate(-10deg);}.tilt-30{transform:rotate(-30deg);}.tilt-45{transform:rotate(-45deg);}.tilt-90{transform:rotate(-90deg);}

/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

色の設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */


/*--------------------------------------------------------------
基本色設定
--------------------------------------------------------------*/
/*0 リンク色 */
/*
a {color:#1565C0;}
a:focus,a:hover{color:#388E3C;}
a:visited{color:#4527A0;}
*/



/* primary color */
.bg-prim {background:#0071bc;}
.bg-prim-dark {background:#205493;}
.bg-prim-darkest {background:#112e51;}
.bg-prim-black {background:#212121;}
.bg-prim-gray-dark {background:#323a45;}
.bg-prim-gray-light {background:#aeb0b5;}
.bg-prim-white {background:#ffffff;}

/* primary alt */
.bg-alt {background:#02bfe7;}
.bg-alt-darkest {background:#046b99;}
.bg-alt-dark {background:#00a6d2;}
.bg-alt-light {background:#9bdaf1;}
.bg-alt-lightest {background:#e1f3f8;}

/* secondary */
.bg-sec {background:#e31c3d;}
.bg-sec-darkest {background:#981b1e;}
.bg-sec-dark {background:#cd2026;}
.bg-sec-light {background:#e59393;}
.bg-sec-lightest {background:#f9dede;}

/* tertiary gold */
.bg-ter-gold {background:#fdb81e;}
.bg-ter-gold-light {background:#f9c642;}
.bg-ter-gold-lighter {background:#fad980;}
.bg-ter-gold-lightest {background:#fff1d2;}

/* tertiary green */
.bg-ter-green {background:#e28540;}
.bg-ter-green-light {background:#4aa564;}
.bg-ter-green-lighter {background:#94bfa2;}
.bg-ter-green-lightest {background:#e7f4e4;}

/* tertiary cool-blue */
.bg-ter-cblue {background:#205493;}
.bg-ter-cblue-light {background:#4773aa;}
.bg-ter-cblue-lighter {background:#8ba6ca;}
.bg-ter-cblue-lightest {background:#dce4ef;}

/* gray */
.bg-gray-dark {background:#323a45;}
.bg-gray {background:#5b616b;}
.bg-gray-light {background:#aeb0b5;}
.bg-gray-lighter {background:#d6d7d9;}
.bg-gray-lightest {background:#f1f1f1;}
.bg-gray-clight {background:#dce4ef;}

/* warm dark */
.bg-warm-dark {background:#494440;}
.bg-warm-dark-light {background:#e4e2e0;}

/* basic Palette */
.bg-red {background:#e52207;}
.bg-orange {background:#e66f0e;}
.bg-gold {background:#ffbe2e;}
.bg-yellow {background:#fee685;}
.bg-green {background:#538200;}
.bg-mint {background:#04c585;}
.bg-cyan {background:#009ec1;}
.bg-blue {background:#0076d6;}
.bg-indigo {background:#676cc8;}
.bg-violet {background:#8168b3;}
.bg-magenta {background:#d72d79;}

/*--------------------------------------------------------------
ボックスの背景色 calloutと一緒に使用
--------------------------------------------------------------*/
.callout {border:none}
.red{background:#fde0dc;}.pink{background:#fce4ec;}.purple{background:#f3e5f5;}.deeppurple{background:#ede7f6;}.indigo{background:#e8eaf6;}.blue{background:#e7e9fd;}.lightblue{background:#e1f5fe;}.cyan{background:#e0f7fa;}.teal{background:#e0f2f1;}.green{background:#d0f8ce;}.lightgreen{background:#f1f8e9;}.lime{background:#f9fbe7;}.yellow{background:#fffde7;}.amber{background:#fff8e1;}.orange{background:#fff3e0;}.deeporange{background:#fbe9e7;}.brown{background:#efebe9;}.gray{background:#fafafa;}.bluegray{background:#eceff1;}.white{background:#f9f9f9; border:1px solid #efefef;}.beige{background:#faf8ee; border:1px solid #f4ecda;}.red,.pink,.purple,.deeppurple,.indigo,.blue,.lightblue,.cyan,.teal,.green,.lightgreen,.lime,.yellow,.amber,.orange,.deeporange,.brown,.gray,.bluegray,.white,.beige{overflow:hidden;}
.noborder{border:none;} /* 枠線無しにする場合 */
.border{border:1px solid #EFEBE9;} /* 枠線有りにする場合 */

.bg-gray+1	{background:#333333;}
.bg-gray	{background:#666666;}
.bg-gray-1	{background:#cccccc;}
.bg-gray-2	{background:#eeeeee;}


/* ■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■

grid、コンポーネントの設定

■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■-■ */


/*--------------------------------------------------------------
cellのpadding-bottom
--------------------------------------------------------------*/
.pb0 .cell,.pb0.cell {padding-bottom:0;}  
.pbs .cell,.pbs.cell {padding-bottom:0.625rem;} /* 10px */ 
.pbm .cell,.pbm.cell {padding-bottom:1.25rem;} /* 20px */ 
.pbl .cell,.pbl.cell {padding-bottom:2.5rem;} /* 40px */ 
.cell {padding-bottom:0;} /* 標準:0 */ 

/*--------------------------------------------------------------
alignment
--------------------------------------------------------------*/
img {margin:0;}
.alignleft {display: inline;float: left;}
.alignright {display: inline;float: right;}
.aligncenter {display: block;margin-right: auto;margin-left: auto;}
.wp-caption.alignleft,img.alignleft {margin-right: 1rem;}
.wp-caption.alignright,img.alignright {margin-left: 1rem;}
.wp-caption.aligncenter,img.aligncenter {clear: both;}

/*--------------------------------------------------------------
セクション
--------------------------------------------------------------*/
section {padding:2rem 0;}

/*--------------------------------------------------------------
2ページ目以降のタイトル
--------------------------------------------------------------*/
.title-area {
	background-size:cover; 
	background-position:right center; 
	align-items:center; 
	justify-content:center; 
	padding:0;
	margin:0;
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), url(images/bg_title_pc.jpg);
}
.title-area .grid-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height:200px;
}
.title-area h2 {
	/* width:100%;
	text-shadow:0 0 5px rgba(0,0,0,0.7); */ 
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	color:#fff;
	padding:0.25rem 0.5rem;
	border-radius: 10px;
	text-shadow: 0 0 0.5em rgba(0,0,0,0.3);
	background: #5b8acc;
}
@media(max-width:640px){
	.title-area {
				height: auto;
				background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), url(images/bg_title_sp.jpg);}
	.title-area .grid-container {
		height:150px;
	}
	}

/* 空港で過ごす */
.facility-header {
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), 
	url(images/title/bg_title_facilities_pc.jpg);
}
.facility-header h2{
	background: #efe7e2;
	color:#3e2723;
}
@media (max-width: 640px) {
.facility-header {
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), 
	url(images/title/bg_title_facilities_sp.jpg);
}	
}

/* 交通アクセス */
.access-header {
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), 
	url(images/title/bg_title_access_pc.jpg);
}
.access-header h2{
	background: #93bfe6;
}
@media (max-width: 640px) {
.access-header {
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), 
	url(images/title/bg_title_access_sp.jpg);
}	
}

/* 空港について */
.about-header {
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), 
	url(images/title/bg_title_about_pc.jpg);
}
.about-header h2{
	background: #8baeec;
}
@media (max-width: 640px) {
.about-header {
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1)), 
	url(images/title/bg_title_about_sp.jpg);
}	
}

/* お知らせ */
.title-area-news {
	background: #1c92d2;  /* fallback for old browsers */
	background: linear-gradient(to right, #1c92d2,#f2fcfe); 
}
.title-area-news .grid-container {
	height:100px;
}
.title-area-news h2{
	background: transparent;
}


main {margin-top:52px;}
@media (min-width: 641px) {
main {margin-top:100px;}
}


.title-area2 {
	background:#e3e9ec;
}
.title-area2 h2{
	margin:0;
	text-align: center;
}





#menu-rightside + main .title-area,#menu-rightside + main section { margin-top:52px;padding-top:0;}
@media (max-width: 640px) {
#menu-fade + main .title-area,#menu-fade + main section { margin-top:52px;padding-top:0;}
#scroll-navi + main .title-area {margin-top:0;}
}

.breadcrumb-area, .breadcrumb-area .post {font-size:0.75rem;margin-bottom:0.5rem;}

/*--------------------------------------------------------------
要素を重ねる
--------------------------------------------------------------*/
@media (min-width:641px) {
.kasane { position:relative;height:500px;}
.kasane .image-box {position:absolute;z-index:0;} 
.kasane .text-box {position:absolute;z-index:1;right:0;bottom:0;}
}

/*--------------------------------------------------------------
callout
--------------------------------------------------------------*/
.callout{background:#eeeeee;}

/*--------------------------------------------------------------
flexbox 位置指定
--------------------------------------------------------------*/
.flex-center-between { display:flex;align-items:center;justify-content:space-between; }
.flex-center-center {display:flex; align-items:center;justify-content:center; }

/*--------------------------------------------------------------
タブ
--------------------------------------------------------------*/
.tabs {border:none;}
.tabs li { width:25%; display:flex; text-align:center; align-items:center;  }
.tabs-title>a { flex:auto; align-self:center; padding:1.25rem 1rem; font-size:0.875rem; line-height:1.3; text-decoration:none;}
.tabs-title>a,.tabs-title>a:hover,.tabs-title>a:focus,.tabs-title>a[aria-selected=true] { color:#333;}
.tabs-title>a:hover { background:#eee;}

.tabs-content {
	border:none;
	background: transparent;
}


/*--------------------------------------------------------------
スタイルガイド用
--------------------------------------------------------------*/
.style-guide .cell {border:1px solid #ccc; margin-bottom:1rem; display:flex; justify-content:center; align-items:center;}
.style-guide p{text-align:center; /*background:#fff;*/ display:inline; font-size:small; color:#fff;}

/*--------------------------------------------------------------
ブロックエディタの調整
--------------------------------------------------------------*/
.wp-block-media-text .wp-block-media-text__content {padding:0; margin-left:.9375rem; margin-right:.9375rem;}


/*--------------------------------------------------------------
table
--------------------------------------------------------------*/
table {margin-bottom:2rem;}
thead th{background:#01579b;color:#fff;text-align:center;}
th, td {padding:8px; border:1px solid #ccc; vertical-align:middle;}
th {background: #eee; text-align:center;}
table tbody tr:nth-child(even) {background:transparent;}

table,table thead, table tbody {border:none;}
table th,
table td {
	border-left: none;
	border-right: none;
	font-weight:normal
}
table thead th {padding:0.5rem;}

.align-center td {text-align:center;}
.align-left th {text-align:left;}
/* レスポンシブ */
@media only screen and (max-width:640px) {
.rps tr,.rps th,.rps td {display:block; width:auto;} 
.rps tr:first-child {border-top:1px solid #ccc;}
.rps th,.rps td {border-top:none;} 
.rps th {text-align:left;}
}


/*--------------------------------------------------------------
Foundation公式カード
--------------------------------------------------------------*/
.card img {margin: 0;}
.card-section {padding: 1rem;}
.card-section .category {color:#ccc;font-size: .875rem;}
.card-section .linkto a {color:#ccc;}


/*--------------------------------------------------------------
お知らせリスト 大カード形式
--------------------------------------------------------------*/
.topics .card{flex-grow:0 !important;border:none;box-shadow:0px 10px 20px -5px rgba(0, 0, 0, 0.1);}
.topics .card .photo {background-position:center; background-size:cover; margin:0; width:100%; padding-top:66.67%;transition:.3s;}
.topics .card:hover .photo {transform:scale(1.05,1.05); transition:.3s;}
.topics .card a {color:inherit;text-decoration:none;}
.topics .card .card-section {padding:0.5rem;}
.topics .card figure {margin:0; overflow:hidden; position:relative; display:flex !important; align-items:center; justify-content:center; background-position:center; background-size:cover; transition:.3s;}
.topics .card figure figcaption {opacity:0; position:absolute; text-align:center; transition:all 0.5s ease-in-out; top:0; left:0; right:0; bottom:0; margin:auto; padding-top:25%;}
a:hover>figure p { transform:scale(1.15,1.15);transition:all 0.5s ease-in-out;}
a:hover>figure figcaption{opacity:1;}
.topics .cell figure p:hover { box-shadow:0px 20px 40px rgba(0,0,0,0.4);transform:scale(1.05,1.05);}

@media (max-width: 640px) {
	.card-list-compact .card a {display: flex;}
	.card-list-compact .card a figure {flex: 2;}
	.card-list-compact .card a .card-section {flex:3;}
}

/*--------------------------------------------------------------
お知らせリスト 小カード形式
--------------------------------------------------------------*/
.topics .topic-item {background:#fff;padding:1rem;display:flex;align-items:center;margin-bottom:2rem;border-radius:4px;}
.topics .topic-item div {padding-bottom:0;}
.topics .topic-item img {margin-bottom:0;}
@media (max-width:640px) {.topics .topic-item {margin-bottom:1rem;}}

/*--------------------------------------------------------------
お知らせリスト リスト形式
--------------------------------------------------------------*/
.news-list li { padding:10px 0 5px; border-bottom:1px dashed RGBA(55,56,56,0.3);}
@media (min-width:641px) {.news-list li { display:flex; align-items:center;} }
.news-list a { display:block;padding-top:5px;}
.news-list li {display: flex;align-items: flex-start;justify-content:flex-start;}
.news-list li img {width: 99px;height:66px;object-fit:cover;object-position: top center;}
.news-list li div {font-size:1rem;padding-left:5px;line-height: 1.3;}
.news-list li div .news-date {font-size: 0.8125rem;color:#777;margin-bottom:0;}
@media (min-width: 641px) {
.news-list li div {font-size:0.8125rem;line-height: 1.4;}
.news-list li div .news-date {font-size: 0.625rem;}	
.news-area .news-list li div,
.campaign-area .news-list li div {margin-left:0.5rem;font-size:1rem;padding-left:5px;line-height: 1.3;}
.news-area .news-list li div .news-date,
.campaign-area .news-list li div .news-date {font-size: 0.8125rem;color:#777;}
}

.news-list .tag-box { display:inline-block;min-width:12rem;width:12rem;display:flex;align-items:center;}
@media (max-width:640px) {.news-list .tag-box { margin-bottom:0.4rem;} }
.news-list .label { display:inline-block; min-width:5rem; width:5rem; overflow:hidden; border-radius:4px; color:#fff; text-align:center; margin-right:0.5rem; padding:5px; font-size:0.625rem;}
.news-list .label.news { background:#00C853;}
.news-list .label.event { background:#FF5252;}
.news-list .label.item { background:#40C4FF;}

/*--------------------------------------------------------------
お知らせ横スクロール
--------------------------------------------------------------*/
.scrolling-wrapper { overflow-x:scroll; overflow-y:hidden; white-space:nowrap;}
.scrolling-wrapper .item { display:inline-block; width:75%; margin-right:1rem; white-space:normal;}
@media (min-width:641px) {.scrolling-wrapper .item { display:inline-block; width:40%;}}


/*--------------------------------------------------------------
コンタクトフォーム
--------------------------------------------------------------*/
#inquiry .callout.contact-form {background-color: #EBECF0;border:none;}
@media (min-width: 641px) {#inquiry .callout.contact-form {padding:3rem 4rem;border-radius: 20px;}}
#inquiry input,#inquiry textarea { margin-right: 8px;  box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF;  width: 100%;  box-sizing: border-box;  transition: all 0.2s ease-in-out; appearance: none;}
#inquiry .submit-soshin{ width: auto;	padding:30px 60px !important;}
#inquiry input:focus,#inquiry textarea:focus { box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}
#inquiry button, #inquiry .submit-soshin, #inquiry input, #inquiry textarea { border: 0;  outline: 0;  font-size: 1.25rem; border-radius: 320px; padding: 32px; background-color: #EBECF0; text-shadow: 1px 1px 0 #FFF;}
#inquiry textarea { border-radius: 20px;}
#inquiry button, #inquiry .submit-soshin { color: #61677C; font-weight: bold; box-shadow: -5px -5px 20px #FFF, 5px 5px 20px #BABECC; transition: all 0.2s ease-in-out; cursor: pointer; font-weight: 600;}
#inquiry button:hover, #inquiry .submit-soshin:hover  {box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC;}
#inquiry button:active,#inquiry .submit-soshin:active {box-shadow: inset 1px 1px 2px #BABECC, inset -1px -1px 2px #FFF;}
#inquiry input::placeholder,#inquiry textarea::placeholder {color:#666;}
input#sp-menu {display:none;}

/*--------------------------------------------------------------
after要素のアイコンフォント
--------------------------------------------------------------*/
.new:before{content:"NEW";font-weight: 900;background:#f00;padding:0 5px 2px;border-radius:5px;color:#fff;margin-right:5px;}
.movie:before{content:"動画▶";font-weight: 900;background:#304FFE;padding:0 5px 2px;border-radius:5px;color:#fff;margin-right:5px;}
.pdf:after{content:"\f1c1";font-family:"Font Awesome\ 5 Pro";font-weight:900;color:#f00;padding-left:5px;}
.word:after{content:"\f1c2";font-family:"Font Awesome\ 5 Pro";font-weight:900;color:#1A237E;padding-left:5px;}
.excel:after{content:"\f1c3";font-family:"Font Awesome\ 5 Pro";font-weight:900;color:#1B5E20;padding-left:5px;}
.gaibu:after{content:"\f35d";font-family:"Font Awesome\ 5 Pro";font-weight:900;color:#1B5E20;padding-left:5px;}
.book:after{content:"\f518";font-family:"Font Awesome\ 5 Pro";font-weight:900;color:#1B5E20;padding-left:5px;}
.more:after{content:"\f138";font-family:"Font Awesome\ 5 Pro";font-weight:900;padding-left:5px;}
.allow:after{content:"\f0a9";font-family:"Font Awesome\ 5 Pro";font-weight:900;color:#008000;padding-left:5px;}
.button.pdf:after,.button.word:after,.button.excel:after,.button.gaibu:after,.button.book:after,.button.more:after{color:inherit;}

/*--------------------------------
 パンくずリスト
---------------------------------*/
#breadcrumb { margin: 1rem 0;}
#breadcrumb h1,#breadcrumb li { display: inline; list-style-type: none; font-size: 1.3rem; }
#breadcrumb i, #breadcrumb svg { margin-right: 3px;}
#breadcrumb i.arrow { margin: 0 8px;}
#breadcrumb a {color:#666;}

/*--------------------------------------------------------------
PAGE TOP Button
--------------------------------------------------------------*/
#page-top { position: fixed;bottom: 14px;right: 14px;font-weight: bold;background: #666;text-decoration: none;color: #fff;padding: 16px 20px;text-align: center;cursor: pointer;transition: .8s;opacity: 0;visibility: hidden;z-index: 99;}
#page-top:hover { opacity: 1!important; }
@media (max-width: 640px) {	/* PAGE TOP ボタンをアイコンのみに変更 */
	#page-top { font-size:2.0rem; padding: 8px 14px;}
	.ptop { display: none;}
}
/*--------------------------------------------------------------
ページナビ(ページャー)スタイル
--------------------------------------------------------------*/
.wp-pagenavi {clear: both;text-align:center;}
.wp-pagenavi a,.wp-pagenavi span {color: #fff;background-color: #666;padding: 0.5rem 1rem;margin: 0 2px;white-space:nowrap;border:none;border-radius:3px;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;}
.wp-pagenavi a:hover{background-color: #eee;color: #fff;}
.wp-pagenavi span.current{background-color: #ccc;color: #fff;border:none;font-weight:bold;}
	
/*--------------------------------------------------------------
トップページ検索フォーム
--------------------------------------------------------------*/
#toppage-search-form {display: flex;justify-content: center;width: 100%;}
#toppage-search-form .input-group-field {display: inline-block;border-radius: 3px;}
.input-group-rounded .input-group-field {border-radius: 50px 0 0 50px !important;padding-left: 1rem;}
.input-group-rounded .input-group-button .button {border-radius: 0 50px 50px 0;font-size: 0.8rem;}
.input-group-button input[type="submit"] {content: "\f002";font-family: 'Font Awesome\ 5 Pro';color:#fff;margin-right:5px;}
.top-search-form .input-group {margin-bottom: 0;}

/*--------------------------------------------------------------
検索結果
--------------------------------------------------------------*/
.res-cnt #list-title{margin:1rem 0 ;font-size:1.75rem;}
#list .callout {padding:2rem 3rem;}
#list h3 span, #list .exsp span {font-style:normal;}
#list .excerpt {line-height:1.4; font-size:0.8125rem;}

/*--------------------------------------------------------------
SNSボタン
--------------------------------------------------------------*/
ul.socialBtn {margin: 2rem 0 1rem;display:flex;flex-wrap: wrap;justify-content: center;}
ul.socialBtn [class^="icon-"]:before,ul.socialBtn [class*=" icon-"]:before {margin-right: 5px;}
ul.socialBtn li{list-style: none;margin-left: 0;}
ul.socialBtn li a {display: block;color: #fff;text-decoration: none;line-height: 42px;letter-spacing: .05em;font-size: 16px;text-align: center;}
.sns1 li {width: 25%;}
@media (max-width: 640px) {.sns1 li {width: 33%;}}
.sns1 li a.twitter {background: #1da1f2;}
.sns1 li a.facebook {background: #3b5998;}
.sns1 li a.line {background: #00b900;}
.sns1 .icon-twitter:before {content: '\f099';font-family: 'Font Awesome\ 5 Brands';font-weight: 900;}
.sns1 .icon-facebook:before {content: '\f39e';font-family: 'Font Awesome\ 5 Brands';font-weight: 900;}
.sns1 .icon-line:before {content: '\f3c0';font-family: 'Font Awesome\ 5 Brands';font-weight: 900;}
.sns2 li {width: 5%;min-width:4em;}
.sns2 .twitter {color:#1da1f2;}
.sns2 .facebook {color:#3b5998;}
.sns2 .line {color:#00b900;}




/* =style.css ==================================================================== */


@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: normal;
	src: local("Noto Sans CJK JP Regular"),
	url('inc/fonts/NotoSans_Medium.woff2') format('woff2'),
	url('inc/fonts/NotoSans_medium.woff') format('woff'),
	url('inc/fonts/NotoSans_medium.otf') format('opentype');
}


@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: bold;
	src: local("Noto Sans CJK JP Bold"),
	url('inc/fonts/NotoSans_Bold.woff2') format('woff2'),
	url('inc/fonts/NotoSans_bold.woff') format('woff'),
	url('inc/fonts/NotoSans_bold.otf') format('opentype');
}

#front-page h2 {
	text-align: center;
}

.home h2,.flight-route h2 {text-align: center;}
.title-logo img {
	max-height: 50px;
	margin:0 5px;
	transition: all 0.2s ease;
}
@media (max-width: 640px) {
.title-logo img {
	height: 42px;
}	
}


.header-item {
	display: flex;
	justify-content: flex-end;
	margin:.875rem 0 1.375rem;
}
.header-item a {padding:0;}

.header-item ul {margin-right:2rem;}
.header-item li{
	color:#07185c;
	font-size:0.875rem;
	font-weight:bold;
	margin-right:1rem;
}
.header-item li:last-child {
	margin-right: 0;
}

/* 外国語リンク */
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {margin-bottom: 0 !important;}
.wpml-ls-legacy-list-horizontal {border:none !important;padding:0 !important;}
.wpml-ls-item:before {content:none !important;}
.wpml-ls-legacy-list-horizontal a {padding:0 !important;}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {margin:0 0 0 1.5rem !important;}
.wpml-ls-legacy-list-horizontal ul {display: flex;align-items: flex-start;}


#header2 .main-menu {
	
}

#header2 .megamenu ul {
}
#header2 .megamenu > ul > li > a {
	padding:0.25rem 0 1rem;
	color:#07185c;
	color:#fff;
	font-weight:bold;
	margin-left: 3rem;
	display: block;
}
#header2 .header-item li { 
	color:#fff;
}
#header2 .megamenu .no-bullet ul {
	font-size:0.85rem;
	line-height:1.2;
}
#header2 .megamenu .no-bullet ul li{
	margin-bottom: 0.25rem;
}

.important-notice {
background:#F6CC45;
color:#071143;
padding: 1rem 0;
}
.important-notice ul {
	margin:0;
}
.hero-area {
	padding:0;
	text-align: center;
}
.hero-area img{
	width: 100%;
	max-width: 1400px;
	height:200px;
	object-fit: cover;
	object-position: 50% 50%;
	margin-bottom:0;
}
@media (min-width: 641px) {
.hero-area img{
	height:400px;	
}
}

.slider-area {position: relative;}
.slider-area .wpsisac-slide-wrap {
	max-height:60vh;
}
.wpsisac-slide-title {display: none;}
.copy-box {
	/* background-color: rgba(7,17,67,.85); */
	background-color: rgba(0,0,110,.85);
	/* margin-bottom: 0.5rem; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:1rem 2rem;
}
@media (min-width: 641px) {
.copy-box{
	position:absolute;
	right:40px;
	bottom:20%;
	width: auto;
	max-width:50%;
	min-height:200px;
	padding:1rem 2rem;
}
}
.copy-box .english-text {color:#F6CC45;font-size: 1.25rem;margin:0;}
.copy-box .japanese-text {color:#fff;font-size: 1.5rem;font-weight:bold;margin:0;}
@media (min-width: 641px) {
.copy-box .english-text {font-size: 1.5rem;}
.copy-box .japanese-text {font-size: 2rem;}	
}

/* クリスマスシーズン 
.copy-box { background-color: rgba(46, 125, 50,.95); }
.copy-box .english-text {color:#ef9a9a;}
*/

.quick-link {
	padding:0;
}
.quick-link ul {
	display: flex;
	flex-wrap:wrap;
}
.quick-link ul li{
	flex: 1 1 33%;
	padding:2rem 2rem;
	border-bottom:1px solid #ccc;
	border-right: 1px solid #ccc;
}
.quick-link ul li:nth-of-type(3n) {
	border-right: none;
}
.quick-link ul li i{
	margin-right: 0.25rem;
}

.strong-point {
	padding-left:1rem;
	padding-right:1rem;
}
.strong-point .text-area {
	padding-bottom:20px;
}
.strong-point,
.flight-route {
	background:#F1EEE4;
}
.flight-route .flight-slick .slick-slide {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
@media (max-width: 640px) {
.strong-point img {margin-bottom:1rem;}	
}
@media (min-width: 641px) {
.flight-route .flight-slick .slick-slide {
	margin-left: 1rem;
	margin-right: 1rem;
}
.strong-point .text-area {
	padding-bottom:50px;
}
}
.flight-route .flight-slick a{
	width: 165px;
	height:250px;
	background-position: center center;
	background-size: cover; 
	display: flex;
	align-items: flex-end;
	text-align: center;
}
@media (min-width: 641px) {
.flight-route .flight-slick a{
	width: 300px;
	height:400px;
}
}


.flight-route a span {
	width: 100%;
	background-image:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6));
	padding:1rem 1rem;
}

.flight-route h4 {
	margin:0;
	margin-bottom: 1rem;
	font-size: 1.75rem;
	font-weight: normal;
	letter-spacing: 0.2em;
	color:#fff;
	border-left:none;
	padding-left:none;
}
.flight-route .slick-slide p {
	color:#fff;
	margin: 0.125rem;
}
@media (max-width: 640px) {
.flight-route .slick-slide p { display: none; }	
.flight-route .slick-slide span {padding:1rem;}
.flight-route .slick-slide h4 {font-size:1.5rem;margin-bottom:0;}	
}

.flight-route .sapporo {
	background-image: url(images/sapporo-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .kobe {
	background-image: url(images/kobe-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .fukuoka {
	background-image: url(images/fukuoka-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .naha {
	background-image: url(images/naha-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .miyako {
	background-image: url(images/miyako-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .taipei {
	background-image: url(images/taipei-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .shanghai {
	background-image: url(images/shanghai-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .xian {
	background-image: url(images/xian-tate.jpg);
	background-position: center center;
	background-size:cover;
}

.slick-arrow {
	z-index:20; /* 矢印画像を最前面へ */
}
.slide-arrow{
background: rgba(255,255,255,0.7) ;
padding:0.5rem 0.5rem 0;;
position: absolute;
top: 40%;
cursor: pointer;
}
.prev-arrow{
left: 0;
}
.next-arrow{
right: 0;
}

.flight-suspension {
	text-align: right;
	margin-top:1.5rem;
	margin-left:1rem;
	margin-right:1rem;
}
.flight-suspension a {
	text-decoration: none;
	background:#fff;
	padding: 0.5rem 1rem;
	margin-right: 0.5rem;
}


.strong-point .text-area{
	display: none;
}
.swiper-slide-active .text-area {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (min-width: 768px) {
.strong-point .swiper-thumbs {margin-top:-48px;}
}

.swiper-thumbs_item{
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.swiper-thumbs_item img {
	margin-bottom:0;
}
.swiper-thumbs_item.swiper-slide{
  opacity: 0.5;
}
.swiper-thumbs_item.swiper-slide-thumb-active{
  opacity: 1;
}
	
.strong-point .thumbs .cell {
	padding: 0 0.125rem;
}

.feature img {
	margin-bottom: 2rem;
}
.topics .news-area,
.topics .campaign-area {
	padding:0.625rem;
}
@media (min-width: 641px) {
.topics .news-area,
.topics .campaign-area {
	padding:2rem;
}
}
.topics li {
	padding:1rem;
	border-bottom: 1px solid #ccc;
}
.topics span {font-size: 0.625rem;font-weight:normal;padding:0 2px;border-radius:3px;}
/* .topics .event {border:1px solid #999;padding:2px 5px;margin-left:0.5rem;}
.topics .campaign {border:1px solid #999;padding:2px 5px;margin-left:0.5rem;} */
.topics .event {background:linen;}
.topics .campaign {background:#eee;}
.topics .view-more {text-align: right;margin-top:0.5rem;}
.topics .view-more a {margin-left:0.5rem;}

footer {
	/* background-color: #071143; */
	background-color: RGBA(29, 32, 130, 1.00);
}

.page-en footer {
	background-image: linear-gradient(-15deg, #00c6fb 0%, #005bea 80%);
}

footer h4 {color:#ddd;
	border-left:none;
	padding-left:0;
}

/* スクロールで固定、サイズ、色変更するヘッダー */
/* ヘッダ */
.site-header {
	position: fixed;
	transition: .5s;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	color: #fff;
	/* background-color: rgba(7,17,67,.85); */
	background-color: rgba(0,0,110,.85);
}
.page-en .site-header {
	background-image: linear-gradient(-15deg, #00c6fb 0%, #005bea 80%);
	padding-top:1px;
}
.site-header .wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-height: 100px;
}
/* スクロール時 */
.transform {
  padding: 0; 
  -webkit-box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2);
  box-shadow:0 6px 6px -3px rgba(0, 0, 0, 0.2)
  transition: all 0.6s ease;
}
.transform .title-logo img {
	max-height: 40px;
	transition: all 0.6s ease;
}
.transform .header-item {
	margin:5px;
	transition: all 0.2s ease;
}
.transform .header-item li{
	font-size: 0%;
	transition: all 0.2s ease;
}
.header-item li{
	transition: all 0.2s ease;
}

/* slick dots */
.slick-dots2 {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots2 li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots2 li.slick-active
  button::before {
  color: red;
}
.slick-dots2 li button {
  background: transparent;
  border:0;
  font-size: 0pt;
}
.slick-dots2 li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
}

.banner-area {max-width: 80%;margin:0 auto;}
.banner-area img {width:200px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.megamenu > ul {margin: 0 auto;width: 100%;padding: 0;box-sizing: border-box;}
.megamenu > ul:after {clear: both;}
.megamenu > ul > li {float: left;padding: 0;margin: 0;}
.megamenu > ul > li a {text-decoration: none;color:#1F2C54;font-weight: bold;}
.megamenu > ul > li > ul {	display: none;
							width: 100%;height:250px;
							background: #e3e9ec;
							padding: 20px;overflow: hidden;
							position: absolute;z-index: 99;left: 0;margin: 0;
							list-style: none;box-sizing: border-box;
							box-shadow:0 6px 6px -3px rgba(0, 0, 0, 0.2)}
.megamenu > ul > li > ul  {text-decoration: none;color:#1F2C54;font-weight: bold;margin-left:0;}
.megamenu > ul > li > ul h5 {color:#1F2C54;}
.megamenu .menu a {display: inline;padding:0;}
.megamenu li:before {color:#c4262e}

.flight-list a{
	height:100px;
	background-position: center center;
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2));
	background-size: cover; 
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color:#fff !important;
	line-height:1.3;
}
.flight-list a:hover {
background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
}
.flight-list h4 {
	margin:0;
	margin-bottom: 1rem;
	font-size: 1.75rem;
	font-weight: normal;
	letter-spacing: 0.2em;
	color:#fff;
}
.flight-list .sapporo {
	background-image: url(images/sapporo-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .kobe {
	background-image: url(images/kobe-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .fukuoka {
	background-image: url(images/fukuoka-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .naha {
	background-image: url(images/naha-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .miyako {
	background-image: url(images/miyako-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .taipei {
	background-image: url(images/taipei-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .shanghai {
	background-image: url(images/shanghai-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .xian {
	background-image: url(images/xian-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .ibaraki {
	background-image: url(images/ibaraki-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .other {
	background-image: url(images/tour-japan.jpg);
	background-position: center center;
	background-size:cover;
}

#tour-list main .flight-list a {
	height:200px;
}
#kanko-list main .flight-list a {
	height:300px;
}


/* テナントリスト */
.tenant-list a{
	height:100px;
	background-position: center center;
	background-image:linear-gradient(RGBA(25, 79, 137, 0.6), RGBA(0,0,0, 0.6));
	background-size: cover; 
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color:#fff !important;
	line-height:1.3;
	padding: 0.5rem 1rem;
}

#facilities main .tenant-list a{
	height:200px;
}

.tenant-list a:hover {
background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
}
.tenant-list h4 {
	margin:0;
	margin-bottom: 1rem;
	font-size: 1.75rem;
	font-weight: normal;
	letter-spacing: 0.2em;
	color:#fff;
}
.tenant-list .suginoya {
	background-image: url(images/suginoya-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .cafe {
	background-image: url(images/cafe-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .kamejirushi {
	background-image: url(images/kamejirushi-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .arena {
	background-image: url(images/arena-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .plaza {
	background-image: url(images/plaza-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .convini {
	background-image: url(images/convini-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .kasumigaura {
	background-image: url(images/kasumigaura-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .eizan {
	background-image: url(images/eizan-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.tenant-list .akiba {
	background-image: url(images/akiba-yoko.jpg);
	background-position: center center;
	background-size:cover;
}


/* ページstyle */
.narrow {
	padding-left:1rem;
	padding-right:1rem;
}
.grid-container > .narrow {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 59.375em) { /* .......950px */
	.narrow {
	max-width:46.25rem;   /* .........740px */
	margin:0 auto;
	}
}


/* 航空会社 */
.airline-company {
	background:#eee;
}
@media (max-width: 640px) {
.airline-company {
	padding-top:0;
}
}
@media (min-width: 641px) {
.airline-company {
	background:#eee;
	margin-top:200px;
}
section.airline-company .aircraft {
	margin-top:-180px;
}
}
.airline-company h3 {
	margin-top:2rem;
}
.dial span {
	font-family: 'Lexend Deca', sans-serif;
	font-weight:bold;
	font-size: 1.5rem;
}
@media (max-width: 640px) {
.dial span {
	display: block;
}	
}

/* 空港で過ごすフロアマップタブ */
.floormap .tabs-title>a {margin:0 0.25rem;background:rgba(246, 204, 69, .1);border-radius:10px;}
.floormap .tabs-title>a:focus, .floormap .tabs-title>a[aria-selected=true] {background:rgba( 129, 212, 250, 0.4);}
.floormap .tabs-title:not(.is-active)>a:hover {background:rgba(246, 204, 69, 0.3);}
.floormap .tabs-panel img {margin-bottom:1rem;}

/* ナビゲーション */
/* .title-area2 + section {padding-top: 0;} */
.destination {margin: 2rem auto 1rem;}
.destination li {
	flex:1;
	text-align: center;
	font-size: 0.875rem;
	padding:0.5rem 0;
	margin:0 0.25rem;
	background:rgba(246, 204, 69, .1);
	border-radius:10px;
}
.destination li:not(.current):hover {background:rgba(246, 204, 69, 0.3);}
.destination .current {background:rgba( 129, 212, 250, 0.4);}

.destination a {color:#333;}
.destination .flight a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f5b0";margin-right:5px;}
.destination .tour a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f0f2";margin-right:5px;}
.destination .kanko a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f5a0";margin-right:5px;}

.destination-sub {display:flex;margin:0 2.5rem;}
.destination-sub a:hover {text-decoration: none;}
.destination-sub li {
	flex:1;
	text-align: center;
	font-size: 0.875rem;
	padding:0.5rem 0;
	margin:0 0.25rem;
	background:transparent;
	border-radius: 0;
	border-bottom: 3px solid #999;
}
.destination-sub li.current{border-bottom: 3px solid #64b5f6;background:transparent !important;}
.destination-sub li:not(.current):hover {	border-bottom: 3px solid #2196f3;}

/* よくある質問 */
.faq {margin: 2rem auto 1rem;}
.faq li {
	flex:1;
	text-align: center;
	font-size: 0.875rem;
	padding:0.5rem 0;
	margin:0 0.25rem;
	background:rgba(246, 204, 69, .1);
	border-radius:10px;
}
.faq li:not(.current):hover {background:rgba(246, 204, 69, 0.3);}
.faq .current {background:rgba( 129, 212, 250, 0.4);}

.faq a {color:#333;}
.faq .flight a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f5b0";margin-right:5px;}
.faq .facirity a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f0f2";margin-right:5px;}
.faq .access a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f5a0";margin-right:5px;}
.faq .others a:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f059";margin-right:5px;}


/* FAQリスト */
.faq-list a{
	height:100px;
	background-position: center center;
	background-image:linear-gradient(RGBA(25, 79, 137, 0.6), RGBA(0,0,0, 0.6));
	background-size: cover; 
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color:#fff !important;
	line-height:1.3;
	padding: 0.5rem 1rem;
}

#about main .faq-list a{
	height:200px;
}

.faq-list a:hover {
background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
}
.faq-list h4 {
	margin:0;
	margin-bottom: 1rem;
	font-size: 1.75rem;
	font-weight: normal;
	letter-spacing: 0.2em;
	color:#fff;
}
.faq-list .faq-flight {
	background-image: url(images/faq-flight.jpg);
	background-position: center center;
	background-size:cover;
}
.faq-list .faq-facility {
	background-image: url(images/faq-facility.jpg);
	background-position: center center;
	background-size:cover;
}
.faq-list .faq-access {
	background-image: url(images/faq-access.jpg);
	background-position: center center;
	background-size:cover;
}
.faq-list .faq-other {
	background-image: url(images/faq-other.jpg);
	background-position: center center;
	background-size:cover;
}




/* 旅客取扱施設利用料(PSFC)について */
#psfc table {margin-bottom:0;}
#psfc table th {width: 50%;text-align: left;}
#psfc table td {
	font-family: 'Lexend Deca', sans-serif;
	font-weight:bold;
	font-size: 1.25rem;
}

/* フライト時刻 */
.flight-time,.flight-time thead, .flight-time tbody {border:none;}
.flight-time th,
.flight-time td {
	border-left: none;
	border-right: none;
	text-align: center;
}
#miyako .flight-time th {
	width:20%;
}
/* 時刻表幅(thead-th)にて指定 */
.flight-time thead .flight-id {width:20%;}
.flight-time thead .departure-time {width:30%;}
.flight-time thead .arrival-time {width:30%;}
.flight-time thead .operating-day {width:20%;}

.flight-time td {font-family: 'Lexend Deca', sans-serif;}
.flight-time tbody .flight-id {}
.flight-time tbody .departure-time {font-size: 1.5rem;font-weight:bold;}
.flight-time tbody .arrival-time {font-size: 1.5rem;font-weight:bold;}
.flight-time tbody .operating-day {}
.flight-time tbody .ibr {background: #fafafa;}

/* フライト第2階層 */
#flight .flight-time td {width: 20%; font-size: 1rem;}
#flight tbody .ibr,
#flight tbody .arrival-time {text-align:right;}
#flight tbody .departure-time,
#flight tbody .city {text-align:left;}
#flight .come tbody .ibr,
#flight .come tbody .departure-time {text-align:left;}
#flight .come tbody .arrival-time,
#flight .come tbody .city {text-align:right;}


h6.noritsugi:before {
	content:"乗継：";
	margin-right:0.5rem;
}
@media (max-width: 640px) {
	th.noritsugi,td.noritsugi {display: none;}
}

/* 持ち込み禁止 */
@media (max-width: 640px) {
	#restricted-items main img {max-width: 150px;}
}


/* バス時刻 */
.bus-time,.bus-time thead, .bus-time tbody {border:none;}
.bus-time th,
.bus-time td {
	border-left: none;
	border-right: none;
	text-align: center;
}
.bus-time td {
	font-family: 'Lexend Deca', sans-serif;
	font-weight:bold;
	font-size: 1.25rem;
}
@media (min-width: 641px) {
.bus-time td {
	font-size: 1.5rem;
}	
}
.bus-time td.not-time,
.bus-time .text-small {
	font-size: 0.8125rem;
}
/* 水戸バス */
#mito .bus-time td:first-child,
#mito .bus-time td:last-child {font-size: 0.85rem;}
#mito .bus-time th {width:25%;}
#mito .high {color:#f44336;}
/* 東京バス */
#tokyo .bus-time th {width:50%;}
/* 石岡バス */
#ishioka .bus-time th {width:50%;}
/* つくばバス */
#tsukuba .bus-time th {width:50%;}
/* 常陸太田バス */
#hitachiota .bus-time th {width:50%;}
/* 鉾田バス */
#hokota .bus-time th {width:50%;}
/* 小美玉バス */
#omitama .bus-time th {width:25%;}
/* #omitama .bus-time td:first-child{font-size: 0.85rem;} */

/* バスルート */
.main-info {display:flex;flex-direction:column;}
.main-info > * {margin-bottom:2rem;}
.route-summary {align-self:center;display:flex;flex-direction: column;align-items: flex-start;}
.route-summary .point {border:1px solid #1a237e;display:inline-block;padding:2px 8px;font-weight:bold;}
.route-summary .route {border-left:10px solid #01579b;margin-left:1rem;padding:1rem 0 1rem 0.75rem;}
.route-summary .route.highway {border-color:#2e7d32;}
.map-info img {margin-bottom:2rem;}

.traffic-attention {font-size: .75rem;}


/* 投稿 */
article .news-date {color:#777;font-size:0.8125rem;}

/* モデルコース */
.model-course th {width:25%;} 
@media (min-width: 641px) {
.model-course th {width:15%;} 	
}

/* ターミナルバスの施設 */
#service h4 {display: flex;align-items: center;border-left:none;padding-left:0;margin-left:0;}
#service h4 img {width:20px;margin: 0 5px 0 0 ;}

/* ツアー情報 */
.tour-contact {background:linen;padding: 1rem;}
.tour-contact img {width:150px;margin-bottom:0;}
.tour-contact p:first-child {font-size:0.75rem;}
.tour-contact .phone:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f095";margin-right:5px;}
.tour-contact p {margin-bottom:0.5rem;}

#tour article:after,#kanko-tour article:after,#other article:after,#golf-tour article:after {border-bottom:1px solid #ddd;content:"";margin:3rem auto;width:80%;display: flex;justify-content: center;}


/* 観光情報 */
#kanko .small-up-1 .cell {margin-bottom: 2rem;}
#model-course h5 {margin-top:2rem;}

/* レストラン・売店 */
#restaurant-shop .small-up-1 .cell {margin-bottom: 2rem;}
#restaurant-shop h4 {display: flex;align-items: center;border-left:none;padding-left:0;margin-left:0;}
#restaurant-shop h4 img {margin-right:5px;}

/* サービス施設 */
.legend img {margin-bottom: 0;}
#service .small-up-1 .cell {margin-bottom: 2rem;}


/* 第2階層 1st Menu */
.first-link-area {
	padding:1rem 0 1rem;
	background:#e3e9ec;
}
.home .first-link-area {
	margin-top:0;
}
.first-link-area .grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-gap:0.25rem;
}
.page-en .first-link-area .grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	grid-gap:0.25rem;
}

@media (min-width: 641px) {
	.first-link-area .grid-container {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		grid-gap:0.25rem;
	}
/* 5個ずつ
	#front-page .first-link-area .grid-container {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		grid-gap:0.25rem;
	}
*/
}
.first-link-area .card {
	margin-bottom:0;
}
.first-link-area .card a{
	display: flex;
	height: 180px;
	padding: 1.5rem;
	align-items: center;
	justify-content: center;
}
.first-link-area .card a p{
	margin-bottom:0;
	line-height:1.3;
	font-size: 0.875rem;
}
@media (min-width: 641px) {
.first-link-area .card a{
	height: 240px;
}
}
.first-link-area .card a:hover {
	background:#eee;
	transition: all 0.6s ease;
}
.first-link-area .card a div{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.first-link-area .card i{
	color:blue;
	margin-bottom:1rem;
	justify-self: center;
	align-self: center;
	font-size:300%;
	background: #24C6DC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(30deg, #514A9D, #24C6DC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(30deg, #514A9D, #24C6DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				position: relative;
				line-height: 1.2;
}
.first-link-area .card a:hover i {
	text-decoration: none;
}
.first-link-area .card img {
	margin-bottom:0.5rem;
	max-height:150px;
}
.first-link-area .card h4 {
	font-size: 1.125rem;
	font-weight:normal;
	margin-bottom: 0.5rem;
}
@media (min-width: 641px) {
.first-link-area .card h4 {
	font-size: 1.25rem;
}	
}
	
/* 第2階層 2nd Menu */
.second-link-area {
	padding-bottom:1rem;
}
.second-link-area ul {
	display: flex;
	flex-direction: column;
	margin:0;
}
.second-link-area ul li {
	margin:0.5rem 0;
}
.second-link-area ul li a{
	font-size: 1.125rem;
	font-weight:bold;
}
@media (min-width: 641px) {
.second-link-area:not(.vertical) ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.second-link-area ul li {
	margin:0 2rem 1rem 0;
/*	width: 50%; */
	}
}
.second-link-area ul li:before {font-family: "Font Awesome 5 Pro";font-weight: 300;content: "\f1d8";margin-right:5px;}

.third-link-area {
	padding-top:0;
	padding-bottom:0;
}

.third-link-area.type-a {
	background:#e1f5fe;
}

.third-link-area.type-b {
	background:#efebe9;
}
@media (min-width: 641px) {
.third-link-area.type-b .image-box {order:2}
.third-link-area.type-b .text-box {order:1}
}

/*
.third-link-area .image-box img {
	object-fit: cover;
	max-width: unset;
	width: auto;
	height: 100%;
}
*/
.third-link-area .text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:2rem;
}
.third-link-area .text-box h4 {
	text-align: center;
	font-weight:normal;
	font-size: 1.5rem;
}

.vehicle .grid-x {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.vehicle .grid-x:last-child {
	border-bottom: 1px solid #333;
}
.vehicle .cell {
	padding:1rem;
}
.vehicle .medium-2 {
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #e3e9ec;
	border-right: 1px solid #333;
}
.vehicle .medium-2 i {
	font-size:400%;
}
.vehicle .medium-10 {
	display: flex;
	align-items: center;
}
/* ページトップへ */
#goto_top {
	position: fixed;
	right: 20px;
	bottom: 30px;
}
#goto_top {
	width: 100px;
	height: 40px;
	border-radius: 20px;
	background: #7DB4E6;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
	transition: .8s;
}

/* フロアマップタブ */
.floormap img {max-height:550px;width:auto;}

/* あゆみ */
.history-slide {display:none;}

.year-label {
	position:absolute;
	left:0;
	right:0;
	z-index: 10;}
.year-label + div {margin-top:100px;}
.cd-timeline__container::before {z-index: 0;}

/* よくある質問 */
.question h4 {	border-left:none;
						padding-left:0;
	
}
.answer {	background:linen;
					border-radius:10px;
					padding:1rem;
					margin:1rem 1rem 3rem;
}

#news-tabs li {width:50%;}
@media (min-width: 641px) {
.topics .tabs-panel {display:block;}
}

/* 旅客実績 */
#performance thead th,
.parent-pageid-32540 thead th{text-align:center;}
#performance tbody td,
.parent-pageid-32540 tbody td{text-align:right;width:25%;}
#performance tfoot th, #performance tfoot td,
.parent-pageid-32540 tfoot th, .parent-pageid-32540 tfoot td{text-align:right;}
table.navigation td{border:none;width:33%;}
table.navigation .prev {text-align: left;}
table.navigation .return {text-align: center;}
table.navigation .next {text-align: right;}

/* チャーター便実績 */
#charter-flight thead th,
.parent-pageid-32542 thead th{text-align:center;}
#charter-flight tbody td,
.parent-pageid-32542 table:not(.navigation) tbody td{text-align:center;width:50%;}
#charter-flight tfoot th, #charter-flight tfoot td,
.parent-pageid-32542 tfoot th, .parent-pageid-32542 tfoot td{text-align:center;}

/* やさしさいっぱい */
#charm img {margin-bottom:1rem;}
#charm h3 img {margin-bottom:3rem;}

/* タクシー */
#share table td{width:50%;}

/* ツアー情報&観光情報インデックスページ */
.tour-link a,
.kanko-link a {
	border:2px solid #01579b;
	border-radius:50px;
	padding:1.5rem 0.5rem;
	width:100%;
	display:block;
	text-align:center;
}
.tour-link a:hover,
.kanko-link a:hover {
	background: #e1f5fe;
}
/*
li.seasonal {display:none;}
*/
/* 2021.6.23 */


.text-red {color:#d00;}



/* 印刷対応 */
@media print {
a[href]:after {
content: "" !important;
}

abbr[title]:after {
content: "" !important;
}

body {
width: 1000px !important;
height: auto;
margin: 0px auto;
padding: 20px;
clear: both;
overflow: auto;
display:table;
}
p {
font-size:small !important;
}
}

/* 2021HAPPYキャンペーン */
#happy-campaign .link-element {text-align: right;}
#happy-campaign article strong {color: #ff5252;font-size:1.125rem;}
#happy-campaign .heading {text-align: center;}
#happy-campaign article h3 {font-size: 1.5rem;border-bottom:2px solid #ff5252;display: inline-block;text-align: center;}
#happy-campaign .outline .callout {border:3px solid #ff5252;background:#fff;box-shadow: #ff5252 6px 6px;margin-bottom:1.5rem;text-align: left;}
#happy-campaign .rentacar {}
#happy-campaign .waribiki {text-align: center;}
#happy-campaign .waribiki .callout {border:3px solid #01579b;background:#fff;box-shadow: #01579b 6px 6px;margin-bottom:1.5rem;text-align: left;}
#happy-campaign .waribiki .callout li {margin-bottom: .125rem}
#happy-campaign .ibr .callout, #happy-campaign .tour .callout {border-radius:15px;padding:2rem;}
#happy-campaign .ibr .callout.point {text-align: center;background:linen; }

#happy-campaign .otoriyose-attention {background:#eee;font-size: 80%;text-align: left;}
#happy-campaign .otoriyose-attention li {margin-bottom: .125rem;}
#happy-campaign .otoriyose-attention th {width:10rem;background:#ddd}



/* 2023乗らねばキャンペーン */

#noraneba .sky-sale .price {text-align:center;background:#fff8e1;padding:2rem 1rem;}
#noraneba .sky-sale .price .cell {display:flex;align-items: center;justify-content: center;}
#noraneba .sky-sale .price .cell h3 {margin:0;padding:0;}
#noraneba .sky-sale .price .cell .sale-price {color:#d00;}
#noraneba .sky-sale .price .cell .sale-price span {font-size:2rem;font-weight:bold;}
#noraneba .link-element {text-align: right;}
#noraneba article strong {color: #ff5252;font-size:1.125rem;}
#noraneba .heading {text-align: center;}
#noraneba article h3 {font-size: 1.5rem;border-bottom:2px solid #ff5252;display: inline-block;text-align: center;}
#noraneba .outline .callout {border:3px solid #bb5000;background:#fff8e1;box-shadow: #bb5000 6px 6px;margin-bottom:1.5rem;text-align: left;}
#noraneba .rentacar {}
#noraneba .waribiki {text-align: center;}
#noraneba .waribiki .callout {border:3px solid #01579b;background:#fff;box-shadow: #01579b 6px 6px;margin-bottom:1.5rem;text-align: left;}
#noraneba .waribiki .callout li {margin-bottom: .125rem}
#noraneba .ibr .callout, #noraneba .tour .callout {border-radius:15px;padding:2rem;}
#noraneba .ibr .callout.point {text-align: center;background:linen; }

#noraneba .otoriyose-attention {background:#fff8e1;font-size: 80%;text-align: left;}





/* ラクトク2021秋 */
#rakutoku2021autumn h2 {text-align: center;}
#rakutoku2021autumn h4 {margin-top:2rem}
#rakutoku2021autumn img {padding:1rem 2rem;}
#rakutoku2021autumn .img-credit {text-align: right;font-size: small;padding:0 2rem;}
#rakutoku2021autumn .caption-block p {font-size: 80%;margin-bottom: .5rem;margin-left:3rem;margin-right:1rem;text-indent:-1.6rem;}
#rakutoku2021autumn .caption-block p:last-child {margin-bottom: 1rem;}
#rakutoku2021autumn .callout p {margin-bottom:.5rem;}
#rakutoku2021autumn span {background: linen;margin-right:.25rem;padding:0 .25rem;border-radius: 5px;font-size: .8rem;}
#rakutoku2021autumn .miyako {background:blue}

/* テナント詳細ページ営業時間非表示 */
.parent-pageid-4414 .narrow dl {display: none;}


/* ツアー検索 */

#search .title-area {margin-bottom: 0;}
#search .job-information-slick {margin-bottom: 4rem;}

#search label {
  display: inline;
  font-size: 1rem;
  margin-right:1rem;
}
#search .region-group {
  margin-left:0.5rem;
}
#search .region-group label {
  display: block;
}

#search h6 {
  margin-left:0;
  margin-top:2rem;
  padding:.5rem;
  background:#fff9c4;
}

#search h6 input{
  margin-right: .25rem;
  margin-bottom: 0;
}

#search .submit-button {
  margin:3rem 1rem;
  text-align: center;
}
#search .submit-button .button.large {
  width:20rem;
}
#search input + label {margin-right:1rem;}
#search #fee { width: 10rem;margin:.5rem 0;text-align: right;}


.search-form [type=text] {
	display: inline;
}

.search-form {
  padding-top:1rem;
}

.search-form dl {
  display: flex;
  margin: 0;
  border-bottom: 1px solid #E4E1CF;
}
@media (max-width: 640px) {
  .search-form dl {
  display: flex;
  flex-direction: column;
}
}

.search-form dl:last-of-type {
  border-bottom: none;
}
.search-form dt {
  display: flex;
  background: #e8f5e9;
  align-items: center;
  width: 20%;
  justify-content: center;
  padding: 0 20px;
  border-top: none;
  margin-bottom: 0;
  /*flex-direction: column;*/
}
.search-form dd {
  text-align: left;
  background: #f9f9f9;
  width: 80%;
  padding: 2rem 4rem;
  border-top: none;
}

@media (max-width: 640px) {
  .search-form dt{
	width: 100%;
	padding: 1rem;
  }
  .search-form dd {
	width: 100%;
	padding: 2rem 1rem;
  }
  
}
.search-form label>[type=checkbox],
#search [type=radio]{
  margin: 0 5px 0 0;
}

.search-form h4 {
  margin: 20px 0 10px 0;
  font-weight: bold;
  border-bottom: 2px solid #1d81f2;
  background: #fff;
  background: url(images/icon_h4.gif) no-repeat 1px;
  padding: 0;
  border-left:none;
}

.search-form h5 {
	margin-bottom: 5px;
}
.search-terms span {
	background: #3b5998;
	color:#fff;
	/* font-size:small; */
	border-radius: 3px;
	padding: 3px 5px;
	margin-right: 10px;
}

.res-num {
	color: #e64a19;
	font-size: x-large;
}

/* ピカチュウ */
#pikapika .callout {
	background:#fff9c4;
}
#pikapika .callout h3 {
	color:#d00;;
}

/* アプリ特典リスト */
.app-tokuten-list .cell {
	border: 4px solid rgb(1, 87, 155);
	border-radius:15px;
	padding:1rem;
	box-shadow: 0 1rem 1.5rem -1.5rem hsl(200 50% 20% / 40%);
	margin-bottom:2rem;
}
.app-tokuten-list .cell h5 {
	color:#111;
	background:rgba(129, 212, 250, 0.4);
	margin-left: -1rem;
	margin-top: -1rem;
	width:calc(100% + 2rem);
	padding:.5rem 1rem;
	border-radius: 12px 12px 0 0;
		
	
}
.app-tokuten-list .tokuten {
	background:#fff59d;
	border-radius: 10px;
	padding:1rem;
	margin-bottom:1rem;
	line-height: 1.4;
}
.app-tokuten-list .tokuten strong {
	font-weight: bold;
	color:#d00;
	border-bottom:3px solid #fb8c00;
	font-size:1.125rem;
	line-height: 2;
}
.app-tokuten-list .tokuten .small {
	font-size:.75rem;
}
.app-tokuten-list p {
	font-size:.875rem;
}
.app-tokuten-list i {
	margin-left:.25rem;
	margin-right:.25rem;
	color: #4caf50;
}
#benefits #miyako h3 {
	background-image: url(images/bg-apptokuten-miyako.jpg);
	background-size: cover;
	background-position: center center;
	padding:2rem 1rem 3rem;
	
}

/* 夏の神戸特集 */
@media (max-width: 640px) {
	.jump-menu img {
		width:70%;
		margin:.5rem auto;
	}
	.jump-menu {
		background: #e3f2fd;
		padding-top:.5rem;
	}
}
#goto-kobe section {
	padding-top:4rem;
	padding-bottom:4rem;
	margin-top:2rem;
	margin-bottom:2rem;
}
#goto-kobe .item {
	margin-bottom:2rem;
	background:#fff;
	padding:2rem;
	border-radius:10px;
}
#goto-kobe .hikaku {
	background: linear-gradient(195deg,rgba(144, 202, 249,0.3), rgba(144, 202, 249,1));
}
#goto-kobe .kanko-spot {
	background: #fff;  /* fallback for old browsers */
	background: linear-gradient(115deg, RGBA(145, 234, 228, .4), RGBA(134, 168, 231, .4), RGBA(127, 127, 213, .4)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#goto-kobe .kanko-spot .callout {background:#fff;}

/* フォトコン結果2022 */
.photo-title {margin:2rem 0 1rem;font-size:1.25rem;background:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.7));padding:.5rem 1rem;border-radius:10px;box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);}
.photo-title + p img{box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.3);}
.photo-comment,.photo-kohyo {border:3px solid #2196f3; background:#fff; padding:1rem; border-radius:8px;margin-bottom: 1rem;}
.photo-kohyo {border-color: #4caf50;}
.photo-comment h5,.photo-kohyo h5 {font-size:.9125rem;margin-bottom:0.5rem;}
.photo-comment p,.photo-kohyo p {font-size:.875rem;margin-bottom:0;}
.photo-a {background:linear-gradient(330deg, rgba(255,243,224,1) , rgba(255,243,224,0.6))}
.photo-b {background:linear-gradient(330deg, rgba(252,228,236,1) , rgba(252,228,236,0.6))}
.photo-c {background:linear-gradient(330deg, rgba(225,245,254,1) , rgba(225,245,254,0.6))}
.photo-d {background:linear-gradient(330deg, rgba(255,253,231,1) , rgba(255,253,231,0.6))}
.photo-e {background:linear-gradient(330deg, rgba(232,245,233,1) , rgba(232,245,233,0.6))}
.photo-f {background:linear-gradient(330deg, rgba(255,235,238,1) , rgba(255,235,238,0.6))}
.photo-g {background:linear-gradient(330deg, rgba(224,242,241,1) , rgba(224,242,241,0.6))}
.photo-h {background:linear-gradient(330deg, rgba(237,231,246,1) , rgba(237,231,246,0.6))}


/* 多言語切り替え 平成バージョン*/

.word-jp {}
.word-en,
.word-cn,
.word-tw,
.word-ko {display:none;}

.page-en .word-en {display: inline !important;}
.page-en .word-jp,
.page-en .word-cn,
.page-en .word-tw,
.page-en .word-ko {display:none;}

.page-cn .word-cn {display: inline !important;}
.page-cn .word-en,
.page-cn .word-jp,
.page-cn .word-tw,
.page-cn .word-ko {display:none;}

.page-tw .word-tw {display: inline !important;}
.page-tw .word-en,
.page-tw .word-cn,
.page-tw .word-jp,
.page-tw .word-ko {display:none;}

.page-ko .word-ko {display: inline !important;}
.page-ko .word-en,
.page-ko .word-cn,
.page-ko .word-tw,
.page-ko .word-jp {display:none;}


/* 多言語切り替え 令和バージョン*/

/* 出発便：茨城→札幌 
.page-en .dep-sapporo,
.page-cn .dep-sapporo,
.page-tw .dep-sapporo,
.page-ko .dep-sapporo {visibility: collapse;}
.page-en .dep-sapporo:before {visibility: visible;content:"Departure flight: Ibaraki – Sapporo";}
.page-cn .dep-sapporo:before {visibility: visible;content:"离境航班：茨城→札幌";}
.page-tw .dep-sapporo:before {visibility: visible;content:"離境航班：茨城→札幌";}
.page-ko .dep-sapporo:before {visibility: visible;content:"출발편：이바라키→삿포로";}
*/
/* 到着便：札幌→茨城 
.page-en .arr-sapporo,
.page-cn .arr-sapporo,
.page-tw .arr-sapporo,
.page-ko .arr-sapporo {visibility: collapse;}
.page-en .arr-sapporo:before {visibility: visible;content:"Arrival flight: Sapporo – Ibaraki";}
.page-cn .arr-sapporo:before {visibility: visible;content:"到达航班：札幌→茨城";}
.page-tw .arr-sapporo:before {visibility: visible;content:"到達航班：茨城→札幌";}
.page-ko .arr-sapporo:before {visibility: visible;content:"도착편：이바라키→삿포로";}
*/

/* 便名 
.page-en .flight-id *,
.page-cn .flight-id,
.page-tw .flight-id,
.page-ko .flight-id {display:none;}
.page-en .flight-id *:after {visibility: visible;display: flex;justify-content: center;align-items: center;content:"Flight No.";}
.page-cn .flight-id:before {visibility: visible;content:"航班号";}
.page-tw .flight-id:before {visibility: visible;content:"航班號碼";}
.page-ko .flight-id:before {visibility: visible;content:"편명";}
*/

/* 北海道体験旅行記 */
#hokkaido2023winter {
	background-image: linear-gradient(rgba(255,245,254,0.5), rgba(255,245,254,0.5)), url(images/bg_hokkaido2020winter.png);
	background-color: #e1f5fe;
}

#hokkaido2023winter .callout.pickup {
	border:3px solid #fdd835;
	background:#fffde7;
}

#hokkaido2023winter h2 {
	font-size:2.25rem;
	border:none;
}

#hokkaido2023winter h3 {
	background: #ff8a65;
	box-shadow: 0px 0px 0px 5px #ff8a65;
	border: dashed 1px #ffecb3;
	padding: 0.2em 0.5em;
	color: #fff;
	font-size: 150%;
}

#hokkaido2023winter h4 {
	border:none;
	color:#4e342e;
	margin-top:10px;
	font-weight: bold;
	line-height: 1.4;
}

#hokkaido2023winter .callout.matome {
	background-color:rgba(255,204,128,0.4);
}

#hokkaido2023winter img {
	border-radius: 8px;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#hokkaido2023winter .panel {
	margin-left:10px;
	margin-right: 10px;
}

#hokkaido2023winter #title-area,
#hokkaido2023winter #sub-nav {
	display: none;
}