@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{margin-bottom:1rem ;padding:0;}
h6 {margin-bottom:.75rem ;padding:0;}
h3,h4,h5,h6 {font-weight:700;}
* + h1, * + h2, * + h3, * + h4 {margin-top:1.5em}
* + 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:#1565C0;}		/* 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.25rem;}
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{background:#eeeeee;}



/*--------------------------------------------------------------
ボックスの背景色 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;}
}

/*--------------------------------------------------------------
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: #000;}
.sns1 li a.facebook {background: #3b5998;}
.sns1 li a.line {background: #00b900;}

.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;padding-top:1rem;}
.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;
font-size: 1.125rem;
}
.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: center;
	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;
}
.feature {
	background:#E3F2FD;
}
.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 .nagasaki {
	background-image: url(images/nagasaki-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .kagoshima {
	background-image: url(images/kagoshima-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;
}
.flight-route .seoul {
	background-image: url(images/seoul-tate.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-route .cheongju {
	background-image: url(images/cheongju-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 .nagasaki {
	background-image: url(images/nagasaki-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .kagoshima {
	background-image: url(images/kagoshima-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 .seoul {
	background-image: url(images/seoul-yoko.jpg);
	background-position: center center;
	background-size:cover;
}
.flight-list .cheongju {
	background-image: url(images/cheongju-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;
}
.tenant-list .gacha {
	background-image: url(images/gacha-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-timetable h4 {margin-top:4rem;}
.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;
}

/* 時刻表幅(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: #f5f5f5;}

/* 乗継便のth幅 */
.noritsugi-set {margin-bottom: 2rem;}
.noritsugi-set .flight-time th{	width:20%;}
.noritsugi-set .flight-time{margin-bottom: 0;}
.noritsugi-set + h5 {margin-top:3rem;}
.noritsugi-set .short-stop {font-weight:normal !important;font-size:1.125rem !important;}

/* フライト第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;}


/* 曜日別フライト情報 */
.limited {display:none;}
#flight-sunday-summer .limited.sun,#flight-sunday-winter .limited.sun,
#flight-monday-summer .limited.mon,#flight-monday-winter .limited.mon,
#flight-tuesday-summer .limited.tue,#flight-tuesday-winter .limited.tue,
#flight-wednesday-summer .limited.wed,#flight-wednesday-winter .limited.wed,
#flight-thursday-summer .limited.thu,#flight-thursday-winter .limited.thu,
#flight-friday-summer .limited.fri,#flight-friday-winter .limited.fri,
#flight-saturday-summer .limited.sat,#flight-saturday-winter .limited.sat {display:table-row;}
#flight-tabs-summer,#flight-tabs-winter {display:flex;}
#flight-tabs-summer li,#flight-tabs-winter li {border-bottom:2px solid #999;}
#flight-tabs-summer li.is-active,#flight-tabs-winter li.is-active {border-color:#00E5FF;}
#flight-tabs-summer .tabs-title>a[aria-selected=true] ,#flight-tabs-winter .tabs-title>a[aria-selected=true] {background:rgba( 129, 212, 250, 0.4);}



/* 曜日別フライト情報  福岡休止期間のみ使用 */
.limited {display:none;}
#flight-sunday-summer2 .limited.sun,#flight-sunday-winter .limited.sun,
#flight-monday-summer2 .limited.mon,#flight-monday-winter .limited.mon,
#flight-tuesday-summer2 .limited.tue,#flight-tuesday-winter .limited.tue,
#flight-wednesday-summer2 .limited.wed,#flight-wednesday-winter .limited.wed,
#flight-thursday-summer2 .limited.thu,#flight-thursday-winter .limited.thu,
#flight-friday-summer2 .limited.fri,#flight-friday-winter .limited.fri,
#flight-saturday-summer2 .limited.sat,#flight-saturday-winter .limited.sat {display:table-row;}
#flight-tabs-summer2,#flight-tabs-winter {display:flex;}
#flight-tabs-summer2 li,#flight-tabs-winter li {border-bottom:2px solid #999;}
#flight-tabs-summer2 li.is-active,#flight-tabs-winter li.is-active {border-color:#00E5FF;}
#flight-tabs-summer2 .tabs-title>a[aria-selected=true] ,#flight-tabs-winter .tabs-title>a[aria-selected=true] {background:rgba( 129, 212, 250, 0.4);}



h6.noritsugi:before {
	content:"乗継：";
	margin-right:0.5rem;
}
/*
@media (max-width: 640px) {
	th.operating-day, td.operating-day {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;
	line-height: 1;
}
}
.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;}

/* 旅行会社から探す のバナー逆順 */
#tour-company-list {display:flex; flex-flow: row wrap;}

/* 観光情報 */
#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,
.parent-pageid-34014 thead th,
.parent-pageid-33055 thead th,
.parent-pageid-34012 thead th,
.parent-pageid-34013 thead th {text-align:center;}
#performance tbody td,
.parent-pageid-32540 tbody td,
.parent-pageid-34014 tbody td,
.parent-pageid-33055 tbody td,
.parent-pageid-34012 tbody td,
.parent-pageid-34013 tbody td {text-align:right;width:25%;}
#performance tfoot th, #performance tfoot td,
.parent-pageid-32540 tfoot th, .parent-pageid-32540 tfoot td,
.parent-pageid-33055 tfoot th, .parent-pageid-33055 tfoot td,
.parent-pageid-34014 tfoot th, .parent-pageid-34014 tfoot td,
.parent-pageid-34012 tfoot th, .parent-pageid-34012 tfoot td,
.parent-pageid-34013 tfoot th, .parent-pageid-34013 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,
.parent-pageid-33058 thead th,
.parent-pageid-34019 thead th,
.parent-pageid-34020 thead th,
.parent-pageid-34021 thead th {text-align:center;}
#charter-flight tbody td,
.parent-pageid-32542 table:not(.navigation) tbody td,
.parent-pageid-33058 table:not(.navigation) tbody td,
.parent-pageid-34019 table:not(.navigation) tbody td,
.parent-pageid-34020 table:not(.navigation) tbody td,
.parent-pageid-34021 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,
.parent-pageid-33058 tfoot th, .parent-pageid-33058 tfoot td,
.parent-pageid-34019 tfoot th, .parent-pageid-34019 tfoot td,
.parent-pageid-34020 tfoot th, .parent-pageid-34020 tfoot td,
.parent-pageid-34021 tfoot th, .parent-pageid-34021 tfoot td {text-align:center;}

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

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

/* ツアー情報&観光情報インデックスページ */
.tour-link a,
.tour-link2 a,
.kanko-link a {
	border:2px solid #01579b;
	border-radius:50px;
	padding:1.5rem 0.5rem;
	width:100%;
	display:block;
	text-align:center;
	text-decoration: none;
}
.tour-link2 .cell {margin-bottom: .75rem;}
.tour-link2 a {padding:.75rem 0.125rem;font-size:.875rem;}
.tour-link a:hover,
.tour-link2 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;}



/* ラクトク共通 */
.caption-block {padding:1rem .5rem .5rem;margin-bottom: 1rem;}
.caption-block span {background: linen;margin-right:.25rem;padding:0 .25rem;border-radius: 5px;font-size: .8rem;color:#222;}
.caption-block p {font-size: 80%;margin-bottom: 0.5rem;}

/* ラクトク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}

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

/* ラクトク2024冬 */
#rakutoku2024winter .menu-theme,
#rakutoku2024winter .grid-x {margin-bottom: 4rem;}
#rakutoku2024winter .shop {background: #FFF8E1;}
#rakutoku2024winter .hotel {background: #E8EAF6;}
#rakutoku2024winter .airport {background: #EEEEEC;}
#rakutoku2024winter .caption-block span,
#rakutoku2024winter .shop .callout,
#rakutoku2024winter .hotel .callout,
#rakutoku2024winter .airport .callout {background: #fff;}

/* ラクトク2025夏 */
#rakutoku2025summer h2 {text-align: center;}
#rakutoku2025summer .rakutoku-theme {background: #E1F5FE;margin-bottom:5rem;border-radius:1rem;padding-top:2rem;}
#rakutoku2025summer .rakutoku-item::after {content:"\f063";font-family:"Font Awesome\ 5 Pro";font-size:3rem;font-weight:900;color:#80DEEA;padding:2rem 0 2rem 47%;display: block;}
#rakutoku2025summer .rakutoku-item:last-child::after {content:none;}
#rakutoku2025summer .rakutoku-item .callout {border-radius: .5rem;background:#E0F2F1}



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


.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:#E1F5FE;padding:2rem;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-title h5 {color:#222;margin-bottom:1rem;}
.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 h4.word-en.word-cn.word-tw.word-ko,
.page-cn h4.word-en.word-cn.word-tw.word-ko,
.page-tw h4.word-en.word-cn.word-tw.word-ko,
.page-ko h4.word-en.word-cn.word-tw.word-ko {display:block !important;margin-top:4rem;}


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

/* 出発便：茨城→札幌
.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;
}

/* 202307 福岡レポート */
#travel-report main {background:url(images/cloth-b1.png);}
#travel-report .introduction {background:url(images/B9.png);}
#travel-report main .small-up-1 {margin-top:4rem;}

.fukuoka-kanko {background-image: linear-gradient(rgba(187, 222, 251,0.6), rgba(187, 222, 251,0.4));}
.fukuoka-gourmet {background-image: url(images/C2.png);}
.fukuoka-kanko .kanko-main {width:100%;max-width:900px; aspect-ratio:18/9;object-fit: cover;margin-bottom:3rem;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.fukuoka-kanko h3, .fukuoka-gourmet h3 {
	font-size:1.5rem;
	font-family:serif;
}
.fukuoka-kanko h4, .fukuoka-gourmet h4 {
	border:none;
	margin-left:0;
	padding-left:0;
	color:#EC407A
}

.fukuoka-heading {
	display:flex;gap:.5rem;
	align-items: center;
	margin-bottom:2rem;
}
/* @media (max-width: 640px) {.fukuoka-heading {display:flex;flex-direction: column;align-items: flex-start;}} */

.fukuoka-heading .schedule{
	display:flex;flex-direction: column;
	align-items: center;justify-content: center;
	width:100px;height:100px;
	background:#ece;
	border-radius:50%;
}
.fukuoka-heading .schedule .fukuoka-day {font-size:1.25rem;border-bottom:2px solid #fff;}
.fukuoka-heading .schedule .fukuoka-time {font-size:1.5rem;}

.parent-pageid-42412 .medium-up-3 .cell {margin-bottom: 2rem;}

p.caption {font-size:.875rem;text-align: center;}
.imgsquare {width:100%;aspect-ratio:1/1;object-fit:cover;}

.fukuoka-subnavi {
	background:#ECEFF1;
	padding-top:1rem;
}

.fukuoka-cut {margin-top:3rem;margin-bottom:3rem;}

/**************** 福岡旅行 *******************/
#fukuoka2023 {
/*	background-image: linear-gradient(rgba(255,245,254,0.5), rgba(255,245,254,0.5)), url(images/bg_fukuoka2023-2.png); */
}
/* スライダー */
/* slide-box */
#fukuoka2023 .slide-box {
  position: relative;
  margin: 0;
  padding: 0;
}

/************ 矢印 *******************/
.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 20px;
  height: 38px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}
.slick-arrow:hover {
  opacity: 0.7;
}

/* 共通設定 */

.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.slick-next::after,
.slick-prev::after {
  width: 26px;
  height: 26px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}

/* next */

.slick-next {
  right: 26px;
}
.slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}

/* prev */

.slick-prev {
  left: 26px;
}
.slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}

@media screen and (max-width: 767px) {
  .slick-next::after,
  .slick-prev::after {
	width: 10px;
	height: 10px;
  }
  .slick-next {
	right: 8px;
  }
  .slick-prev {
	left: 8px;
  }
  .slick-next::after {
	right: 2px;
  }
}


/* 秋の茨城特集 */
#autumn-ibaraki {
	background-image: linear-gradient(rgba(255, 252, 243,0.9), rgba(255, 252, 243,0.9)), url(images/bg-autumn-ibaraki.png);
}
#autumn-ibaraki h4 {font-size: 1.5rem;font-family:serif;
	border-color:#FFD54F;
	color: #FF8C00;
	  background: -webkit-linear-gradient(1deg, #B71C1C,#F57F17, #F50057,  #D81B60, #FF6F00);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	
}
#autumn-ibaraki .medium-6 .callout {background: #eee;border-radius:8px;margin-top:1.5rem;margin-bottom:1.5rem;}
#autumn-ibaraki .medium-6 .callout p strong {font-weight:normal !important;}
#autumn-ibaraki .medium-6 .callout h5 {color:#C2185B;}
#autumn-ibaraki .devider {margin-top:5rem;margin-bottom:6rem;}
#autumn-ibaraki .devider img {filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));}
#autumn-ibaraki .button.hollow {border-color:#FF9100;}
#autumn-ibaraki .button.hollow::after {color:#FF9100;}
#ibaraki-food {background:rgba(255, 138, 101, .3);margin-top:4rem;}
#ibaraki-food h3 {color:#FB8C00;text-align: center;margin-top:1rem;margin-bottom:3rem;font-size:1.75rem;}
@media (min-width: 641px) {
	#ibaraki-food .medium-6 {padding:2rem;}
}

/* “アイ”がいっぱいいばらき空港キャンペーン */
.campaign-spring2024 { background: #E3F2FD;padding-top:3rem;}
#spring2024 .medium-9 article {background: #52c3f1;padding:1rem;border-radius:6px;}
#spring2024 .medium-9 article .callout {border-radius:15px;background:#fff;margin-bottom:2rem;padding:1.5rem 1rem;}
#spring2024 .medium-9 article .callout h4 {color:#d84462;border-color:#e5005a;}







/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.biko {font-size:.85rem;line-height: 1.5;}
ul.biko {margin:0 0.5rem 1rem;}
ul.biko li {padding-left: 1.5em;text-indent: -0.7em;margin-bottom: 0;}
ul.biko li::before {font-family: "Font Awesome\ 5 Pro";
					font-weight: 900;
					content: "\f0da";
					margin-right: 5px;
					color: #78909C
				}

/* レスポンシブカード */
/* カードの基本形(背景色・角丸・影・下マージン) */
.responsive-card {
	background:var(--white-color);border-radius:1rem;box-shadow:var(--box-shadow);margin-bottom: 2rem;display: grid;grid-template-columns:1fr;grid-template-rows: 1fr auto;color:var(--text-color) !important;transition: all 0.3s ease;border-radius:1rem;overflow: hidden;
}
/* ホバー時 背景色変更 */
a .responsive-card:hover {background: var(--sub-color-light);} a .responsive-card:hover img{opacity: .8;}
/* イメージボックス 縦配置 */
.responsive-card .image-box,
.responsive-card.tate-only .image-box {grid-column: 1/-1;grid-row: 1/2;}
/* 画像アスペクト比 縦配置 */
.responsive-card .image-box img,
.responsive-card.tate-only .image-box img {aspect-ratio: 16/9;width:100%;object-fit: cover;overflow: hidden;border-radius:1rem 1rem 0 0;}
/* テキストボックス 縦配置 */
.responsive-card .text-box,
.responsive-card.tate-only .text-box {grid-column: 1/-1;grid-row: 2/-1;padding:2rem;}

@media (min-width: 1025px) {
/* grid指定 横配置 */
.responsive-card,
.responsive-card.yoko-only {grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;}
/* イメージボックス 横配置 */
.responsive-card .image-box,
.responsive-card.yoko-only .image-box {grid-column: 1/2;grid-row: 1/-1;overflow: hidden;}
/* 画像アスペクト比 横配置 */
.responsive-card .image-box img,
.responsive-card.yoko-only .image-box img {height:100%;aspect-ratio: 3/2;object-fit:cover;object-position:center;border-radius:1rem 0 0 1rem;}
/* テキストボックス 横配置 */
.responsive-card .text-box,
.responsive-card.yoko-only .text-box  {grid-column: 2/-1;grid-row: 1/-1;align-self: center;}
}
/* レスポンシブカード 横配置固定追加設定 */
@media (max-width: 1024px) {
.responsive-card.yoko-only {grid-template-columns: 1fr 2fr;grid-template-rows: 1fr;}
}

/* レスポンシブカード逆パターン(スマホ横PC縦) */
.responsive-card.reverse {grid-template-columns: 1fr 1fr;grid-template-rows: 1fr;}
.responsive-card.reverse .image-box {grid-column: 1/2;grid-row: 1/-1;overflow: hidden;}
.responsive-card.reverse .image-box img {height:100%;aspect-ratio: 3/2;object-fit:cover;object-position:center;border-radius:1rem 0 0 1rem;}
.responsive-card.reverse .text-box  {grid-column: 2/-1;grid-row: 1/-1;align-self: center;}
@media (min-width: 1025px) {
.responsive-card.reverse .image-box {grid-column: 1/-1;grid-row: 1/2;}
.responsive-card.reverse .image-box img {aspect-ratio: 16/9;width:100%;object-fit: cover;overflow: hidden;border-radius:1rem 1rem 0 0;}
.responsive-card.reverse .text-box {grid-column: 1/-1;grid-row: 2/-1;padding:2rem;}
}


/* レスポンシブカード 角丸なし */
.responsive-card.no-radius,
.responsive-card.no-radius .image-box img {border-radius:0 !important;}
/* テキストボックス 上下margin解除&gap設定 */
.responsive-card .text-box {display: flex;flex-direction: column;gap:.75rem;}
.responsive-card .text-box > * {margin-top:0;margin-bottom:0;}



/* stretch-panel */
.stretch-panel .cell {
	background:var(--white-color);border-radius:5px;margin-bottom:1rem;box-shadow:var(--box-shadow-light);transition: all 0.3s ease;
	border:1px solid var(--border-color);}
@media (min-width: 641px) {
	.stretch-panel .cell {min-height:5rem;margin-bottom:2rem;}
	.stretch-panel.large-up-1 .cell {margin-bottom:1rem;}
}
.stretch-panel .cell:hover {background:#fffde7;}
.stretch-panel .cell a {padding:1rem;color:inherit;}


/* カード */
.card {box-shadow:var(--box-shadow);margin-bottom: 3rem;}
.card .image-section {width: 100%;aspect-ratio: 16/9;object-fit: cover;border-radius:15px 15px 0 0;z-index: 1;overflow: hidden;}
.card-section {padding:2rem;color:var(--text-color);}
a:hover .card-section {text-decoration: none;}

.card.yoko {flex-direction: row;margin-bottom: 2rem;}
.card.yoko .image-section {flex:40%;border-radius:15px 0 0 15px;}
.card.yoko img {height:100%;object-fit: cover;}
.card.yoko .card-section {flex:60%;}

@media (max-width: 640px) {
.card.small-yoko {flex-direction: row;margin-bottom: 2rem;}
.card.small-yoko .image-section {flex:40%;border-radius:15px 0 0 15px;}
.card.small-yoko img {height:100%;object-fit: cover;}
.card.small-yoko .card-section {flex:60%;}
}


.kabuse {display: grid;align-items: center;}
.kabuse .image-box {grid-column:1/-1;grid-row:1/-1;z-index:1;border-radius:0;aspect-ratio:2/ 1;overflow: hidden;}
.kabuse img {width:100%;filter:blur(.5px) brightness(60%);will-change: transform;transition: all 0.3s ease;}
a:hover .kabuse img {transform: scale(1.03);filter:blur(.25px) brightness(80%);}
.kabuse .text-box {grid-column:1/-1;grid-row:1/-1;z-index:2;align-self: center;justify-self: center;padding:1rem;}
.kabuse .text-box a {text-decoration: none;}
.kabuse h4 {color:#fff;padding:0;margin:0;border-left:none;font-size:1.25rem;text-shadow: 0 2px 5px rgba(0, 0, 0, .5);font-size:1rem;}
@media (max-width: 640px) {
	.kabuse h4 {font-size:1rem;}
	.kabuse .text-box {padding:.5rem 1rem;}
}


.lr5050 {display: grid;align-items: center;grid-template-columns: 1fr 1fr;background:var(--main-color-light);}
.lr5050 .image-section {grid-column:1/2;grid-row:1/-1;border-radius:0;}
.lr5050 img {width:100%;}
.lr5050 .card-section {grid-column:2/-1;grid-row:1/-1;align-self: center;justify-self: center;}
.lr5050 h4 {color:var(--white-color-light);padding:0;margin:0;border-bottom:none;font-size:1.25rem;text-shadow: 0 2px 5px rgba(0, 0, 0, .5);}
/* 偶数反転 */
@media (min-width: 641px) {
.lr5050.even {background:var(--sub-color-light);}
.lr5050.even .image-section {grid-column:2/-1;}
.lr5050.even .card-section {grid-column:1/2;}
}
@media (max-width: 640px) {
	.lr5050 {display: grid;align-items: center;grid-template-columns: 1fr ;background:var(--main-color-light);margin-bottom: 4rem;}
	.lr5050 .image-section {grid-column:1/-1;grid-row:auto;border-radius:0;}
	.lr5050 .image-section img {width:100%;aspect-ratio:16/9;}
	.lr5050 .card-section {grid-column:1/-1;grid-row:auto;align-self: center;justify-self: center;}
	.lr5050 h4 {font-size:1rem;}
	.lr5050 .card-section {padding:3rem 1rem;}
}

.lr6040 {display: grid;align-items: center;grid-template-columns: repeat(5, 1fr);background:var(--main-color-light);}
.lr6040 .image-section {grid-column:1/span 3;grid-row:1/-1;border-radius:0;}
.lr6040 img {width:100%;max-height:500px;object-fit: cover;}
.lr6040 .card-section {grid-column:-3/spqn 2;grid-row:1/-1;align-self: center;justify-self: center;}
.lr6040 h4 {color:var(--white-color-light);padding:0;margin:0;border-bottom:none;font-size:1.25rem;text-shadow: 0 2px 5px rgba(0, 0, 0, .5);}
/* 偶数反転 */
@media (min-width: 641px) {
.lr6040.even {background:var(--sub-color-light);}
.lr6040.even .image-section {grid-column:-4/span 3;}
.lr6040.even .card-section {grid-column:1/span 2;}
}
@media (max-width: 640px) {
	.lr6040 {display: grid;align-items: center;grid-template-columns: 1fr ;background:var(--main-color-light);margin-bottom: 4rem;}
	.lr6040 .image-section {grid-column:1/-1;grid-row:auto;border-radius:0;}
	.lr6040 .image-section img {width:100%;aspect-ratio:16/9;}
	.lr6040 .card-section {grid-column:1/-1;grid-row:auto;align-self: center;justify-self: center;}
	.lr6040 h4 {font-size:1rem;}
	.lr6040 .card-section {padding:3rem 1rem;}
}

.shadow,
.shadow .card,
.shadow .news-item {box-shadow:var(--box-shadow);}
.no-shadow,
.no-shadow .card,
.no-shadow .news-item {box-shadow:none;}
.border,
.border.card,
.border .news-item {border:1px solid var(--border-color);}
.no-border,
.no-border.card,
.no-border .news-item {border:none;}

/* 就航先ページから割引ページへリンク */
.coupon-link {text-align: right;margin-bottom:1rem;display:none;}
.coupon-link a {background:#FFCDD2 !important;border-radius:8px;}
.coupon-link a:before {content:"★";color:#FFAB00; margin-right:.25rem;}

/* 旅行会社一覧 */
.travel-company {background:#E1F5FE;}
.travel-company .grid-container {display: flex;gap:1rem;}
@media (max-width: 640px) {.travel-company .grid-container{flex-direction: column;align-items: center;} }
.travel-company .company-info {}
.travel-company .company-logo img {max-width:300px;}
.tour-list .tour-item {background: linen;border-radius:1rem;padding:2rem;margin-bottom: 2rem;}


/* アプリ特典施設2024 */
.app-tokuten-list2 .tokuten-shop {border:2px solid #1A237E;padding:0;border-radius:2rem;margin-bottom:4rem;}
.app-tokuten-list2 .tokuten-shop h4 {font-size:1.125rem;background:#1A237E;color:#fff;border-radius:1.8rem 1.8rem 0 0 ;padding:1.5rem 2rem;border:none;}
.app-tokuten-list2 .tokuten-shop img {padding:1rem 4rem;}
.app-tokuten-list2 .tokuten-shop .tokuten {margin:1rem 2rem; padding:1rem 1rem 1rem .5rem; color:#222;font-weight:bold;font-size:1.125rem;background-image: linear-gradient(90deg, rgba(253, 219, 146, 1), rgba(209, 253, 254, 1));}
.app-tokuten-list2 .tokuten-shop .tokuten ul {margin-bottom:0;}
.app-tokuten-list2 .tokuten-shop .tokuten strong { color: #d00;}
.app-tokuten-list2 .tokuten-shop .start-date {margin:1rem 2rem;color:#E65100;}
.app-tokuten-list2 .tokuten-shop .tokuten-biko {margin:1rem 2rem;font-size: .85rem;}
.app-tokuten-list2 .tokuten-shop .tokuten-biko li {line-height:1.3;}
.app-tokuten-list2 .tokuten-shop .tokuten li:before {
	font-family: "Font Awesome\ 5 Pro";
	font-weight: 900;
	content: "\f559";
	margin-right: 5px;
	color: #F06292;
}
.app-tokuten-list2 .tokuten-shop .tokuten-shop-info {background: #eee;padding:1rem;margin:1rem 2rem; border-radius:1rem;font-size: .85rem;line-height:1.8;}
.app-tokuten-list2 .tokuten-shop .tokuten-shop-info h5 {margin-bottom: .5rem;color:#1565C0;}
.app-tokuten-list2 .tokuten-shop .tokuten-shop-info i {width:1.5rem;text-align:center;background:#fff;padding:.25rem 0;margin-right:.5rem;border-radius: .25rem;color:#1565C0;}
.app-tokuten-list2 .tokuten-shop .tokuten-shop-info .yasumi {line-height:1.6;width:1.5rem;text-align:center;background:#fff;display: inline-block;margin-right:.5rem;border-radius: .25rem;color:#1565C0;}


/* 旬観光一時非表示 */
/* .destination-sub .seasonal {display:none;} */

/* JAPAN DUTY FREE 隠し 詳細ページがないのでメガメニューおよびサブナビで非表示 */
.tenant-list .cell:nth-child(7),
.eizan {display:none;}

/* 2024 ツアー検索 */

.tour-link .grid-x {margin-bottom: 2rem;}
.tour-link a {width:95%;}
#tour-list .banner-area {background: #eee;padding:2rem 1rem;}
#search-tour-result .banner-area {background: #eee;padding:0 1rem 2rem;}

#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;
}

.number-count {margin-left: .25rem;background: #E1F5FE;border-radius: 50%;padding:.0625rem .5rem;}
a:hover .number-count {background: #B3E5FC;}


/* 検索 */
.search-area {background: rgba( 129, 212, 250, 0.4);}
.submit-button-area {display:flex;flex-direction:column;align-items: center;text-align: center;padding-top: 2rem;}
.submit-search {padding:.5rem 2rem;width:min(80vw, 400px);font-size:1.125rem;}

.search-label {margin:1rem .5rem;gap: .75rem;}
.search-form label input[type="checkbox"] {display:none;}
.search-form label span {
	font-size: .9125rem;
	font-weight:bold;
	border-radius: .25rem;
	padding: .375rem 1rem;
	cursor: pointer;
	background:rgba(255,255,255,.8);
	display: inline-block;
	margin-bottom: 1rem;
}
.search-form label input:checked + span {
	color: #FFF; /* 文字色を白に */
	background: #1d81f2; /* 背景色 */
	/* border:1px solid var(--extra-color-dark); */ /* 淵の線を */
}
.search-form label span span.kensu {
  margin-left: .25rem;
  background: #fff;
  font-size: .65rem;
  padding:.125rem .25rem .0625rem;
  border: 1px solid var(--gray-color);
  border-radius:2rem;
  font-weight: normal;
}
.search-form h5 {margin: 20px 0 10px 0;}

#js-sort {width:auto;}

.legend {margin-bottom: 1rem;}

.caption {font-size: small;}

#result .search-area {margin-top:3rem;}

/* サイドバー検索 */
#sidebar-area h5 {font-size: .875rem;}
#sidebar-area .search-area {padding:.5rem;}
#sidebar-area .search-area .search-label {gap:.5rem .25rem;}
#sidebar-area .search-area .search-label label span {
	color: var(--border-color-dark);
	font-size: .75rem;
	font-weight:bold;
	border:1px solid var(--border-color-dark);
	border-radius: .25rem;
	padding: .5rem .25rem;
	cursor: pointer;
	background:#fff;
	display:block;
	margin-bottom: 0;
}

#sidebar-area .search-label {display: flex;flex-wrap: wrap;align-items: stretch;gap:1rem;}
#sidebar-area .search-label > * {flex:1 0 45%;text-align:center;}
#sidebar-area .month-labels > * {flex:1 0 30%;text-align:center;}


#sidebar-area .search-form label input:checked + span {
	color: #FFF; /* 文字色を白に */
	background: #1d81f2; /* 背景色 */
	/* border:1px solid var(--extra-color-dark); */ /* 淵の線を薄い赤に */
}
.banner-area h3,
.banner-area div {text-align: center;}
.tour-company {padding-top:0;}
.tour-company img {margin-bottom: 1rem;}

#sidebar-area .submit-search {padding:.5rem 2rem;width:80%;font-size:1rem;}
#search-tour-result article {margin-bottom: 4rem;}
.tour-title {background: #0D47A1; color:#fff;padding:1rem;line-height: 1.7;}
.tour-summary {font-size:.85rem}
.tour-point {margin-bottom: 1rem;}
.tour-contact {background: #eee;font-size: .8125rem;}
.tour-contact h4 {font-size: 1rem;}
.tour-title span {background:#fff;padding:.125rem .5rem; font-size:.875rem;border-radius:.5rem;margin-right:.5rem;}
.tour-title .kanko {background:#fff;color:#388E3C}
.tour-title .free {background:#fff;color: #673AB7}



/* IBRマイエアポートクラブ2024 */
.introduction{}
.summary {}
.summary .cell {padding:1rem;border-radius:2rem;box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);}
.summary .cell h5 {font-size:1.25rem;text-align:center;}
.summary .otoku {background:#FEF79E;}
.summary .otoku h5 {color:#D95D28;}
.summary .mijika {background:#C7E4F7;}
.summary .mijika h5 {color:#184295;}
.summary .benri {background:#F2D1E0;}
.summary .benri h5 {color:#C54364;}
.summary .tabisaki {background:#DCEDC8;}
.summary .tabisaki h5 {color:#1B5E20;}
.waribiki {background:linear-gradient(rgba(255, 253, 231, .5) 80%, #fff);}
.waribiki .cell {padding:1rem;border-radius:.75rem;background:#fff;box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);}
.waribiki .cell h5 {color:#e00;margin-bottom:.5rem;}
.point {background:linear-gradient(#E3F2FD 80%, #fff);}
.point-list .grid-x {padding:1rem;margin-bottom:2rem;border-radius:.75rem;background:#fff;box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);}
.point-list .grid-x h4 {border:none;margin:1rem 0 .5rem;padding: .25rem .5rem;background: linear-gradient(to right, #2F71B6, #58B5CB);color:#fff;}
.point-list .grid-x h5 {margin-top:.5rem;color:#0091EA;}
.tamekata {background:rgba(255, 243, 224, .6); padding:1rem;margin-bottom:2rem;border-radius:.75rem;box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);}
.tamekata .grid-x h4 {border:none;margin:1rem 0 .5rem;padding: .25rem .5rem;background: linear-gradient(to right, #D84315, #FFAB91);color:#fff;}
.tamekata .grid-x h5 {margin-top:.5rem;color:#222;}
.tamekata .grid-x h5 span {color:#e00;}
.teikei-spot {background:linear-gradient(#F1F8E9 80%, #fff);}
.teikei-spot .cell {padding:1rem;margin-bottom:2rem;border-radius:.75rem;background:#fff;box-shadow: 0 32px 30px -30px rgba(53, 47, 47, 0.15);}
.teikei-spot .cell .button {margin-bottom:0;}
.waribiki h3,.point h3,.teikei-spot h3 {font-size:1.5rem;}

/* 清州連続チャーター */
.cheongju-summary {padding:2rem 1rem;background:#112749;}
.cheongju-summary202504 h3 {color:#f0b42f;}
.cheongju-summary202504 h4,.cheongju-summary h5,.cheongju-summary p,.cheongju-summary figcaption {color:#fff;}
.cheongju-tour {padding:2rem 1rem;background:#f0b42f;}
.cheongju-kanko {padding:2rem 1rem;background:#FFEBEE;}

.cheongju-summary202504 {padding:2rem 1rem;background:#448aca;}
.cheongju-summary202504 h5 {color:#fff;}

/* 202412 強調アイテム追加仕様  */
@media (max-width: 640px) {
	#front-page .first-link-area.tokudashi .grid-container article:first-child {grid-row: 1/-1;grid-column: 1/-1;}
	#front-page .first-link-area.tokudashi .grid-container article:first-child a {height:100%;max-height:600px;}
	#front-page .first-link-area.tokudashi .grid-container article:first-child img {max-height:400px;height:auto;}
}
@media (min-width: 641px) {
	#front-page .first-link-area.tokudashi .grid-container article:first-child {grid-row: 1/3;grid-column: 1/3;}
	#front-page .first-link-area.tokudashi .grid-container article:first-child a {height:100%;max-height:600px;}
	#front-page .first-link-area.tokudashi .grid-container article:first-child img {height:auto;max-height:600px;}
}


/* スライダーを狭く
.slider-area .wpsisac-image-slide-wrap  { height:100%; display:flex; align-items:center;position:relative; z-index:0;}
.slider-area #metaslider-id-37205 .slides li img  { height:15vh;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:15vh;min-height:200px;width:100%;object-fit: cover;}
.copy-box {min-height:auto;}
.copy-box .english-text {font-size:1rem;}
.copy-box .japanese-text {font-size:1.25rem;}
}
*/
.slider-area #metaslider-id-37205 .slides li img  { height:30vh;width:100%;object-fit: cover;}

/* 2025 乗り継ぎ新方式 */
.noritsugu td {vertical-align: top;}
td.noritsugichu {font-size: 1.5rem;font-weight: bold;background:#fafafa;}

/* 15周年 */
#anniversary15th .campaign15-introduction {    background: linear-gradient(to top, #1488cc, #2b32b2);  }
#anniversary15th .campaign15-introduction h3 {color:#FDD835;}
#anniversary15th .campaign15-introduction h6 {color:#fff;}
#anniversary15th .campaign15-introduction p {color:#fff;}
#anniversary15th .campaign15-events {
/*	background-color: #B3E5FC; background-image: radial-gradient(#fff 20%, transparent 20%), radial-gradient(#fff 20%, transparent 20%); background-size: 40px 40px; background-position: 0 0, 20px 20px; } */
background-color: rgba(179, 229, 252, 0.5); background-image: repeating-linear-gradient(-45deg,#fff, #fff 7px,transparent 0, transparent 14px); 
}
#anniversary15th .campaign15-events .callout {background: #fff; margin-bottom:2rem;padding:2rem;border-radius:1rem;border: 5px solid #2196F3;}
#anniversary15th .campaign15-events .callout img {margin-top:2rem;}
#anniversary15th .campaign15-link {}
 
/* 画像スマホでいい塩梅 */
@media (max-width: 640px) {
	.eanby img,img.eanby {max-width:80%;}
	.eanby2 img,img.eanby2 {max-width:50%;}
}

/* 15周年サブナビ */
.subnavi-15th {
	padding:1rem 0;
	margin:2rem 0;
	background: linear-gradient(45deg, #c0b283 0%, #c0b283 45%, #FEE9A0 70%, #c0b283 85%, #c0b283 90% 100%);
	background-size: 800% 400%;
	animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
	}
	@keyframes gradient {
	  0% {
		background-position: 0% 50%;
	  }
	
	  50% {
		background-position: 100% 50%;
	  }
	
	  100% {
		background-position: 0% 50%;
	  }
	}
.subnavi-15th ,caption {text-align: center;font-size: .8125rem;}

/* 15周年スタンプラリー */
.stamp-spot {background: #E1F5FE; border-radius:1rem;}
.stamp-spot ul {font-size:1.25rem;}
@media (min-width: 641px) {.stamp-spot {column-count: 2;}}

/* 15周年祭 */
#shunensai2025 article img {border-radius:1rem;}
#shunensai2025 article .subnavi-15th img {border-radius:0;}
#shunensai2025 article .callout {border-radius:.5rem;}
#shunensai2025 .stage-event .callout {background:#E1F5FE;}
#shunensai2025 .building-event .callout {background:#FFFDE7;}
#shunensai2025 .symbol-event .callout {background:#E8F5E9;}
#shunensai2025 .pr-event .callout {background:#EDE7F6;}

.subnavi-15th .caption {margin-bottom:1rem;}

/* 15年のあゆみ */
/* Swiperの高さを指定する */
#history15 .swiper-container {
	width: 100%;
	height: 100dvh;
}
#history15 .arrow-area {text-align: center;margin-bottom: 3rem;}
#history15 .arrow-area i {font-size: 5rem;color:#FFD740;}
#history15 .swiper-pagination-vertical span {border-radius:0;margin:0;width:1.5rem;height:2rem;font-size:.75rem;display:flex;align-items: center;justify-content: center;color:#fff;}
#history15 .swiper-pagination-vertical span:nth-child(1)::before {content:"↓"}
#history15 .swiper-pagination-vertical span:nth-child(2)::before {content:"10"}
#history15 .swiper-pagination-vertical span:nth-child(3)::before {content:"11"}
#history15 .swiper-pagination-vertical span:nth-child(4)::before {content:"12"}
#history15 .swiper-pagination-vertical span:nth-child(5)::before {content:"13"}
#history15 .swiper-pagination-vertical span:nth-child(6)::before {content:"14"}
#history15 .swiper-pagination-vertical span:nth-child(7)::before {content:"15"}
#history15 .swiper-pagination-vertical span:nth-child(8)::before {content:"16"}
#history15 .swiper-pagination-vertical span:nth-child(9)::before {content:"17"}
#history15 .swiper-pagination-vertical span:nth-child(10)::before {content:"18"}
#history15 .swiper-pagination-vertical span:nth-child(11)::before {content:"19"}
#history15 .swiper-pagination-vertical span:nth-child(12)::before {content:"20"}
#history15 .swiper-pagination-vertical span:nth-child(13)::before {content:"21"}
#history15 .swiper-pagination-vertical span:nth-child(14)::before {content:"22"}
#history15 .swiper-pagination-vertical span:nth-child(15)::before {content:"23"}
#history15 .swiper-pagination-vertical span:nth-child(16)::before {content:"24"}
#history15 .swiper-pagination-vertical span:nth-child(17)::before {content:"25"}



#history15 main {margin-top:0;}
#history15 .swiper-slide section {height:100dvh;padding:0;}
#history15 .swiper-slide section .grid-container {height:100%;display:flex;flex-direction:column;justify-content:space-between;}
:root {--bg-gradation:linear-gradient(120deg, rgba(28, 58, 82, 0), rgba(207, 253, 157, 0))}
.swiper-slide section {background-size:cover; background-position: center center;  background-image: var(--bg-gradation), url(images/history/main2010.webp);}
#historyhero {background-image: var(--bg-gradation), url(images/history/main2009.webp);}
#history2010 {background-image: var(--bg-gradation), url(images/history/main2010.webp);}
#history2011 {background-image: var(--bg-gradation), url(images/history/main2011.webp);}
#history2012 {background-image: var(--bg-gradation), url(images/history/main2012.webp);}
#history2013 {background-image: var(--bg-gradation), url(images/history/main2013.webp);}
#history2014 {background-image: var(--bg-gradation), url(images/history/main2014.webp);}
#history2015 {background-image: var(--bg-gradation), url(images/history/main2015.webp);}
#history2016 {background-image: var(--bg-gradation), url(images/history/main2016.webp);}
#history2017 {background-image: var(--bg-gradation), url(images/history/main2017.webp);}
#history2018 {background-image: var(--bg-gradation), url(images/history/main2018.webp);}
#history2019 {background-image: var(--bg-gradation), url(images/history/main2019.webp);}
#history2020 {background-image: var(--bg-gradation), url(images/history/main2020.webp);}
#history2021 {background-image: var(--bg-gradation), url(images/history/main2021++.webp);}
#history2022 {background-image: var(--bg-gradation), url(images/history/main2022-.webp);}
#history2023 {background-image: var(--bg-gradation), url(images/history/main2023+.webp);}
#history2024 {background-image: var(--bg-gradation), url(images/history/main2024.webp);}
#history2025 {background-image: var(--bg-gradation), url(images/history/main2025.webp);}

.history-info {overflow: hidden;}
.history-info h3 {margin-top:4rem;font-size:5rem;color:#fff;
  font-family: "Bruno Ace SC", serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.history-info h4 {margin-top:2rem;font-size:2rem;color:#0D47A1;font-family: serif;border-left: none;padding-left:0;
text-shadow: 0 2px 5px rgba(0, 0, 0, .5);}
@media (max-width: 640px) {
	.history-info h3 {margin-top:2rem;font-size:3rem;color:#EC407A;}
	.history-info h4 {margin-right: 2rem;}
	.history-info p {margin-right: 2rem;}
}
@media (max-height: 600px) {
	.history-info h3 {margin-top:1rem;font-size:2rem;color:#EC407A;}
	.history-info h4 {margin-top:1rem;font-size:1.5rem;color:#0D47A1;font-family: serif;border-left: none;padding-left:0;}
	#history15 .swiper-pagination-vertical span {border-radius:0;margin:0;width:1.5rem;height:1.25rem;font-size:.75rem;display:flex;align-items: center;justify-content: center;color:#fff;}

}
/* .history-info .image-area {height: 90vh;display: flex; align-items: flex-end;} */
/* .history-info .orbit {display:none;} */
.history-info .orbit-figure img {margin:0;}
/*.dekigoto-list {background-image: linear-gradient(rgba(255,255,255,0) 60%, rgba(255,255,255,0.8) 90%);padding:.75rem 2rem;margin-bottom: 0;margin-right: 1rem;} */
.dekigoto-images {display: flex;gap:1rem; overflow-x:scroll;margin-top:.5rem;}
.dekigoto-images .cell  {width:240px;}
.dekigoto-list h6 {display: inline;display:none;
  color: #333;
  font-size: 0.6rem;
  border-radius: .5rem;
  background:RGBA(255,255,255,.8);
  padding: .25rem .5rem;
}
.dekigoto-list .caption {background:rgba(255,255,255,.7);padding:.125rem .25rem;}
.history-info h4.text-white {color:#fff;}
.history-info h4.text-yellow {color:#FFD740;}
.history-info h4.text-green {color:#33691e;}
.history-info h4.text-pink {color:#EC407A;}
.history-summary p.text-white {color:#fff;}
.history-summary p.text-yellow {color:#FFD740;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* リンクカード */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.linkcard {	list-style:none; padding:0;margin-left:1rem; margin-right:1rem;margin-bottom:2rem;}
.linkcard .linkcard  {margin: 0;}
.linkcard li {padding-left:0;margin-bottom: 0;text-indent:0;}
.linkcard li:before {content:none;}
li .linkcard  {text-indent: 0;margin-top:.5rem;}
.linkcard .children {list-style: none;}

a.linkcard, .linkcard a { 	display: block; background:#fff; border:1px solid #ccc; padding:1rem; transition: all 0.6s ease; border-left: 3px solid #0091EA; text-align: left !important;text-decoration:none;}
a.linkcard:hover,.linkcard a:hover  { background:#E1F5FE;text-decoration:none;}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 神戸取材2025 */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#trip-map {background:linen;}
.trip-route {padding:2rem 1rem;}
.trip-route .linkcard li:after {font-family: "Font Awesome\ 5 Pro";font-weight:900;content: "\f063";color:#C62828;text-align: center;font-size: 2rem;}
.trip-route .linkcard li:last-child:after {content: none; }
.trip-route h5 {text-align: center;}
.trip-route i.fa-arrow-down {font-weight:900;content: "\f063";color:#6D4C41;text-align: center;font-size: 2rem;margin:0 auto;width: 100%;}
.kobe-spot-title {margin-bottom: 2rem;}
@media (max-width: 640px) {
	.trip-route img {max-width:60vw;display: block;margin:0 auto;text-align:center;}
	.right-flag {max-width:60vw;display: block;margin:1rem auto;text-align:center;}
}
.trip-route .day-link {display: block;text-align: center;margin-top: .5rem;}
.trip-route .day-link-archive {display: flex;justify-content: space-between;text-align: center;margin-top: 2rem;gap:.5rem;font-size: .8125rem;padding:.5rem;}
.trip-route .day-link-archive.left {justify-content: flex-start;}
.trip-route .day-link-archive.right {justify-content: flex-end;}
.trip-route .next-day {border-radius:2rem;border: 4px solid #1976D2;padding:.25rem .75rem;background:#fff;}
.trip-route .previous-day {border-radius:2rem;border: 4px solid #D32F2F;padding:.25rem .75rem;background:#fff;}
.insert-cut {margin:3rem 1rem 2rem;}
.insert-cut img {width:270px;}
.kobe-daynavi {background: #fff;}


#seaworld .callout,
#port-tower .callout.deck
 {background:#fff;border: 4px solid #EF5350;border-radius:1rem;padding:2rem 1rem;}

#port-tower .callout.museum
  {background:#fff;border: 4px solid #FFEA00;border-radius:1rem;padding:2rem 1rem;}

#meriken-park .callout
{background:#fff;border: 4px solid #039BE5;border-radius:1rem;padding:2rem 1rem;}

#ijinkan .callout
  {background:#fff;border: 4px solid #795548;border-radius:1rem;padding:2rem 1rem;}
#ijinkan .callout .callout,
#kobe-beef .callout
	{background:linen;border: none;border-radius:1rem;padding:2rem 1rem;}


#kobe-airport {
	background-color: #eeeeee;
	background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png");
}

#ekizo {
	background-color: #FFFDE7;
	background-image: url("https://www.transparenttextures.com/patterns/batthern.png");
 }
 #seaworld {
	 background-color: #e3f2fd;
	 background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png");
 }
 #luminarie {
	 background-color: #1a237e;
	 background-image: url("https://www.transparenttextures.com/patterns/gplay.png");
	 color:#fff;
 }
 #luminarie h5 {color:#FFEB3B}
 #port-tower {
	 background-color: #ffebee;
	 background-image: url("https://www.transparenttextures.com/patterns/always-grey.png");
 }
 #meriken-park {
	 background-color: #e0f7fa;
	 background-image: url("https://www.transparenttextures.com/patterns/redox-02.png");
 }
 #nosta {
	 background-color: #bbdefb;
	 background-image: url("https://www.transparenttextures.com/patterns/connected.png");
 }
 #ijinkan {
	 background-color: #fff3e0;
	 background-image: url("https://www.transparenttextures.com/patterns/light-grey-floral-motif.png");
 }
#kobe-beef {
	background-color: #3e2723;
	background-image: url("https://www.transparenttextures.com/patterns/low-contrast-linen.png");
	color:#fff;
}
#kobe-beef h5 {color:#FFEB3B}

#port-museum {
	background-color: #e8eaf6;
	background-image: url("https://www.transparenttextures.com/patterns/mirrored-squares.png");
}
#chocolatemuseum {
	background-color: #d7ccc8;
	background-image: url("https://www.transparenttextures.com/patterns/subtle-stripes.png");
}
#ikutajinja {
	background-color: #fce4ec;
	background-image: url("https://www.transparenttextures.com/patterns/subtle-zebra-3d.png");
}
#sweet {
	background-color: #fff8e1;
	background-image: url("https://www.transparenttextures.com/patterns/vichy.png");
}


#top-tour-area {background: #EDE7F6;}
#top-tour-area .white {background:#fff;}
#top-tour-area .callout {border-radius:.5rem;}

#jump-menu {
	margin: 2rem 1rem;
	justify-content: center;
}

#golf-107 .callout {
	background: #F1F8E9;
	border-radius: .5rem;
	padding-top:1rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
}

#golf-107 .callout img {width:100%;}

#golf-58 h5.tour-title {font-size:1.5rem;background:#33691E}
#golf-58 label {margin-bottom: .5rem;}
.tournament {color:#d00;background: #FFF176; padding:.25rem .5rem;}

/* 万博ガイド */
#ibaraki-to-expo2025 #expo-about .callout {border: 6px solid RGB(230,0,18); border-radius: 1rem; background: transparent; padding:2rem 2rem 1rem;}

#ibaraki-to-expo2025 #expo-access .callout.whole {border: 6px solid RGB(0,104, 183); border-radius: 1rem; background: transparent; padding:2rem 2rem 1rem;}
#expo-access .access-item {display: flex;gap:1rem; align-items: center;}
.expo-route .access-item {justify-content: center;}
#expo-access .access-item h6 {color:#01579B;}
#expo-access .access-method {display: flex; flex-direction: column; gap:.25rem;}
.expo-route .access-item {background:#eee;padding:1rem;border-radius:1rem;}
#expo-access .access-item span {background: #fff;padding:0 .5rem .125rem;font-wieght:bold; color:RGB(230,0,18);border-radius:.25rem;}
#expo-access .access-item i {font-size: 2.5rem; color:#FFA000}
.expo-route > *,
#expo-access .access-method > * {margin: 0;}
.expo-route {display: flex; flex-direction: column; gap:1rem;}
.expo-route .fa-arrow-down {text-align: center;font-size:1.5rem;color:RGB(0,104, 183);}
#expo-access .callout.whole .callout {background: #E8EAF6;margin-top:2rem; }
.expo-kobe-coupon {background: #fff;border: 4px solid #F06292;border-radius:2rem;}
#ibaraki-to-expo2025 #expo-kanko {background: #FFFDE7;}
#expo-flightinfo {background: #E1F5FE;}

/* 清州旅行記 */

.page-id-49899 .title-area,
.parent-pageid-49899 .title-area {background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(images/cheongju-report/bg_title_k_pc.jpg);}
@media (max-width: 640px) {
	.page-id-49899 .title-area,
	.parent-pageid-49899 .title-area {
		background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), url(images/cheongju-report/bg_title_k_sp.jpg);
	}
}

#cheongju-report .caption {margin-top:-.75rem;font-size: .8125rem;}

#post-250923064221 .spot-summary {border-radius: .5rem;}

#cr-introduction .callout {background: #fff;}
#cr-introduction .point-kanko {border: 3px solid #039BE5;}
#cr-introduction .point-gourmet {border: 3px solid #F44336;}

#cheongju-report .arrow-down {text-align:center; font-size:3rem; margin-bottom:1rem; color:#039BE5; }
#cheongju-report .banner-day {width: 900px; margin-bottom:2rem;}


#cheongju-report section:not(.flight-info) h4 {
	font-size:1.5rem;
	margin-top: 0;
	padding-left:.5rem;
	padding-top:1rem;
	padding-bottom: 1rem;
	border-left: none;
	position: relative;
	background: rgba(255,255,255,.6);
}
#cheongju-report section:not(.flight-info) h4::before{
 content:"";
 display:block;
 background: url(images/koreabg/koreabg1-400.jpg);
 width:100%;
 height:6px;
 position: absolute;
 top:0;
 left:0;
}
#cheongju-report section:not(.flight-info) h4::after{
 content:"";
 display:block;
 background: url(images/koreabg/koreabg1-400.jpg);
 width:100%;
 height:6px;
 position: absolute;
 bottom:0rem;
 left:0;
}
#cheongju-report .callout.eat h4::before,
#cheongju-report .callout.eat h4::after{
 background: url(images/koreabg/koreabg2-400.jpg);
}

#cheongju-report .sekai-isan .grid-container::before {content: "世界遺産"; font-size:1.5rem;background:linear-gradient(45deg, #c0b283 0%, #c0b283 45%, #FEE9A0 70%, #c0b283 85%, #c0b283 90% 100%);padding:.5rem .5rem;font-family:serif;font-weight: bold;}

#cheongju-report .cheongju-schedule {font-size: .9125rem;}
#cheongju-report .cheongju-schedule th {min-width:4rem;vertical-align: top;}
#cheongju-report .cheongju-schedule .cheongju-day {text-align:left; background: #BBDEFB;}
#cheongju-report .cheongju-schedule th, #cheongju-report .cheongju-schedule td {border: none;}
#cheongju-report .cheongju-schedule td p {margin-bottom:0;}
#cheongju-report .sekaiisan {font-weight:bold; background-color: #FB8C00;color:#222;margin-right:.25rem;padding-left:.25rem;padding-right:.25rem;border-radius:3px;font-size:.825rem;}
#cheongju-report .korean-food {font-weight:bold; background-color: #F44336;color:#fff;margin-right:.25rem;padding-left:.25rem;padding-right:.25rem;border-radius:3px;font-size:.825rem;}
#cheongju-report .cheongju-schedule td.area1 {background: #E0F7FA}
#cheongju-report .cheongju-schedule td.area2 {background: #FFFDE7}
#cheongju-report .cheongju-schedule td.area3 {background: #FCE4EC}
#cheongju-report .cheongju-schedule td.area4 {background: #F1F8E9}
#cheongju-report .cheongju-schedule td.area5 {background: #F3E5F5}
#cheongju-report .cheongju-schedule td.area6 {background: }
#cheongju-report .cheongju-schedule td.area7 {background: }
#cheongju-report .cheongju-schedule td.area8 {background: }


#cheongju-report section.chonju-spot,
#cheongju-report section.chonju-night,
#cheongju-report section.chonju-gourmet {box-shadow: 0 -12px 10px -10px #d1d6dd inset;padding-top:4rem;padding-bottom: 4rem;}
#cheongju-report section.chonju-spot:nth-child(3n+1)	{background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url(images/koreabg/koreabg22bl.jpg);}
#cheongju-report section.chonju-spot:nth-child(3n+2)	{background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url(images/koreabg/koreabg22gr.jpg);}
#cheongju-report section.chonju-spot:nth-child(3n)		{background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url(images/koreabg/koreabg22pl.jpg);}
#cheongju-report section.chonju-gourmet:nth-child(odd)	{background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url(images/koreabg/koreabg22or.jpg);}
#cheongju-report section.chonju-gourmet:nth-child(even)	{background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.3)), url(images/koreabg/koreabg22pk.jpg);}

#cheongju-report section.chonju-night:nth-child(odd)	{background: url(images/koreabg/koreabg22dp.jpg);}
#cheongju-report section.chonju-night:nth-child(even)	{background: url(images/koreabg/koreabg22db.jpg);}
#cheongju-report section.chonju-night div:not(.spot-summary) > p {color: #fff;}

#cheongju-report .cr-day {background-image: linear-gradient(rgba(255,255,255, .6), rgba(255,255,255, .6)), url(images/koreabg/koreabg18.jpg);background-size: 50%;}
#cheongju-report .cr-day h3 {margin: 0;text-align: center; font-size: 2rem; color:#880E4F}

#cheongju-report .callout.eat {background: rgba(255, 248, 225, 1); border:6px solid #FFB74D; border-radius:1rem; padding:1.5rem; }
#cheongju-report .callout.eat {background-image: linear-gradient(rgba(255, 248, 225, .8), rgba(255, 248, 225, .8)), url(images/koreabg/koreabg10.png);background-size: 10%; }


#cheongju-report section:nth-child(3n+1) .spot-summary 	{border:2px solid #B2DFDB; background-image: linear-gradient(rgba(255,255,255, .8), rgba(255,255,255, .8)), url(images/koreabg/koreabg7.png);background-size: 10%;}
#cheongju-report section:nth-child(3n+2) .spot-summary	{border:2px solid #FFCDD2; background-image: linear-gradient(rgba(255,255,255, .8), rgba(255,255,255, .8)), url(images/koreabg/koreabg8.png);background-size: 10%;}
#cheongju-report section:nth-child(3n) .spot-summary	{border:2px solid #BBDEFB; background-image: linear-gradient(rgba(255,255,255, .8), rgba(255,255,255, .8)), url(images/koreabg/koreabg9.png);background-size: 10%;}
#cheongju-report .spot-summary h5 {background: #fff;}

#cheongju-report .cr-link-thumb .callout {background: #fff; box-shadow :2px 2px 10px 2px rgba(0, 0, 0, 0.2); border-radius:.75rem; margin-bottom:1rem;}  
#cheongju-report .cr-link-thumb a {text-decoration: none;}
#cheongju-report .cr-link-thumb .responsive-card {margin-bottom:0; border-radius: 0;}
#cheongju-report .cr-link-thumb .responsive-card .image-box {aspect-ratio: 3/2; }
#cheongju-report .cr-link-thumb .responsive-card .image-box img { border-radius: 0;aspect-ratio: 3/2;}
#cheongju-report .cr-link-thumb .responsive-card .image-box img { filter: blur(.5px) brightness(90%);}
#cheongju-report .cr-link-thumb .text-box {align-self: stretch; justify-self: stretch;text-shadow: 0 2px 5px rgba(0, 0, 0, .95);}
#cheongju-report .cr-link-thumb .text-box .spot-name {color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items: center; height:100%;}
#cheongju-report .cr-link-thumb .text-box .spot-name span {font-size:.8125rem;}
#cheongju-report .cr-link-thumb ruby > rt {font-size: .65rem;}

#cheongju-report .cr-insert {margin-top:3rem;text-align: center;}
#cheongju-report .cr-insert {background-image: url(images/cheongju-report/crbg5a.png); background-size: 70%; background-repeat: no-repeat; background-position: center center;}
#cheongju-report .cr-insert.crbg5b {background-image: url(images/cheongju-report/crbg5b.png);}
#cheongju-report .cr-insert.crbg5c {background-image: url(images/cheongju-report/crbg5c.png);}
#cheongju-report .cr-insert.crbg5d {background-image: url(images/cheongju-report/crbg5d.png);}
#cheongju-report .cr-insert img {max-width:100px;}
#cheongju-report .cr-insert.cr-topic img {width:600px;max-width: 90%;}

#cheongju-report .next-day {border:2px solid #F44336; border-radius:3rem; background: rgba(255,255,255,.8);padding:.25rem .75rem}
#cheongju-report .next-day i {color:#039BE5 }

/* ソウル特集 */
#seoul-guide .seoul-menu {margin-bottom: 50px;}
#seoul-guide .seoul-menu ul {	margin-left: 0;	display:flex;	flex-wrap: wrap;	justify-content: center;}
#seoul-guide .seoul-menu li {	padding-left:0;	list-style-image: none;	flex: 0 0 125px;}
#seoul-guide .seoul-menu li:before {content:none;}
#seoul-guide .seoul-menu a {width: 100%;height: 75px;display: block;overflow: hidden;background-image: url(images/menu_seoul.png);text-indent: 100%;white-space: nowrap;transition: all 0.6s ease;}
#seoul-guide section {	padding-top: 50px;padding-bottom: 50px;}
#menu-gourmet {	background-position: 0 -75px;}
#menu-shopping {	background-position: -125px -75px;}
#menu-biyou {	background-position: -250px -75px;}
#menu-spot {	background-position: -375px -75px;}
#menu-option {	background-position: -500px -75px;}
#menu-model {	background-position: -625px -75px;}
#menu-access {	background-position: -750px -75px;}
#menu-information {	background-position: -875px -75px;}
#menu-gourmet:hover {	background-position: 0 0;}
#menu-shopping:hover {	background-position: -125px 0;}
#menu-biyou:hover {	background-position: -250px 0;}
#menu-spot:hover {	background-position: -375px 0;}
#menu-option:hover {	background-position: -500px 0;}
#menu-model:hover {	background-position: -625px 0;}
#menu-access:hover {	background-position: -750px 0;}
#menu-information:hover {	background-position: -875px 0;}
#title-image {	background: url(images/bg_seoul.jpg);background-size: cover;padding:5vh 20px 5vh;}
#seoul-guide h5 {color:#222;font-size:1.0625rem;}
#option h5 {margin-top:1rem;}
#seoul-guide footer h5 {color:inherit}
#seoul-guide h5 span {border-bottom:5px solid #f00;}
#seoul-guide #gourmet h5 span {border-color:#F9A825;}
#seoul-guide #shopping h5 span {border-color:#F06292;}
#seoul-guide #biyou h5 span {border-color:#7E57C2;}
#seoul-guide #spot h5 span {border-color:#FDD835;}
#seoul-guide #option h5 span {border-color:#66BB6A;}
#seoul-guide #model h5 span {border-color:#4FC3F7;}
#seoul-guide .flight-info h5 span {border-bottom:none;}

/* ラクトク2025冬 */
#rakutoku2025autumn .rakutoku-item p {padding:0 2rem;} 
#rakutoku2025autumn .rakutoku-item p:last-child {margin-bottom: 3rem;}
#rakutoku2025autumn .rakutoku-item .callout {margin:-2rem 1rem 3rem;background: #FBE9E7;border-radius:.5rem;}
#rakutoku2025autumn .rakutoku-item .callout p {padding:0;} 
#rakutoku2025autumn .rakutoku-item .callout p:last-child {margin-bottom: 0;}

/* 高校生大学生 未来の茨城空港活性化プランコンテスト */
#idea-contest .callout {background: #E1F5FE;}
#idea-contest .callout .callout {background: #fff;}
.prize strong {color:#e00:}

/* ゴルフツアー特集ページ */
#golf-tour h5 span {display: none;}


/* 下向き矢印 */
.down-arrow {text-align: center;font-size:2rem;}

/*
<div class="down-arrow"><i class="fa-solid fa-arrow-down"></i></div>
*/