/*
Theme Name: Glass Onion 2
Author: the Lookat team
*/

/*============================================================================================================================基本設定
基本設定============================================================================================================================*/	

/*--------------------------------------------------------------
全般
--------------------------------------------------------------*/

/* ルートカラー */	
:root {
	--main-color: #4B8698;
	--accent-color: RGBA(18, 78, 156, 0.8);	/* #985C4A; */
	--dark-main-color: RGBA(18, 78, 156, 1.00);	/* #326859; */
	--text-color: RGBA(0, 0, 0, 0.8); /* #333; */
	--white: RGBA(255, 255, 255, 1); /* #ffffff; */
	--light-gray: RGBA(0, 0, 0, 0.1); 
	--dark-gray: RGBA(0, 0, 0, 0.4); /* #999; */
	--light-beige: RGBA(196, 192, 183, 0.1);
	--dark-beige: RGBA(196, 192, 183, 1.00);
	--red: RGBA(175, 37, 40, 1.00); /* #B71C1C */
}

/* 標準フォントサイズ */
@media (max-width: 640px) {	:root { font-size: 14px; }}
@media (min-width: 641px) {	:root {	font-size: 16px; }}

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

/* body設定 背景・文字色・行間・フォント*/
body {
	background-image: linear-gradient(rgba(237, 237, 237, 0.3), rgba(237, 237, 237, 0.3)), url(images/dust_scratches.png);
	font-size: 1rem;
	color:#333;
	color:var(--text-color);
	line-height: 1.75;
	font-family: "Helvetica Neue", Helvetica, Arial, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; /* giz */
/*	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; /* lig */
/*	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "San Francisco", "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Roboto", Verdana, Arial, Helvetica, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, MS UI Gothic; /* giga */
}
/* aタグの設定 */
a, a:visited {text-decoration: none !important;}
a:hover {text-decoration: underline;}

/* narrow */
@media (max-width: 59.374em) { /* .......〜950px */
	.narrow {padding-left:1rem;padding-right:1rem;}
}
@media (min-width: 59.375em) { /* .......950px */
	.narrow {
	max-width:46.25rem;   /* .........740px */
	margin:0 auto;
	}
}

/*--------------------------------------------------------------
画像設定
--------------------------------------------------------------*/
/* 画像キャプション */	
.wp-caption {width:auto !important;}
.wp-caption-text {text-align: center;font-size:0.8rem;/*font-weight:bold;*/}
/* 画像下の余白 */
img,.imgbottom0{margin-bottom:0;}.imgbottom5{margin-bottom:5px;}.imgbottom10{margin-bottom:10px;}.imgbottom20{margin-bottom:20px;}.imgbottom30{margin-bottom:30px;}
img {margin-bottom:10px;}
/* 画像に陰 */
.imgshadow{box-shadow:1px 1px 4px rgba(0,0,0,.5);}
/* 画像に枠線 */
.imgborder{border:6px solid #FAFAFA;}
/* 画像を丸く */
.imgcircle{border-radius:50%;padding:20px;}
/* 画像を角丸 */
.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);}
/*--------------------------------------------------------------
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 Free;font-weight:900;color:#f00;padding-left:5px;}
.word:after{content:"\f1c2";font-family:Font Awesome\ 5 Free;font-weight:900;color:#1A237E;padding-left:5px;}
.excel:after{content:"\f1c3";font-family:Font Awesome\ 5 Free;font-weight:900;color:#1B5E20;padding-left:5px;}
.gaibu:after{content:"\f35d";font-family:Font Awesome\ 5 Free;font-weight:900;color:#1B5E20;padding-left:5px;}
.more:after{content:"\f138";font-family:Font Awesome\ 5 Free;font-weight:900;padding-left:5px;}
.button.pdf:after,.button.word:after,.button.excel:after,.button.gaibu:after,.button.more:after{color:inherit;}
/*--------------------------------------------------------------
ボックスの背景色 calloutと一緒に使用
--------------------------------------------------------------*/
.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;} /* 枠線無しにする場合 */
/*--------------------------------------------------------------
ボックスの背景色 色の濃いバージョン
--------------------------------------------------------------*/
.love-red{background:#e51c23;}.love-pink{background:#e91e63;}.love-purple{background:#9c27b0;}.love-deeppurple{background:#673ab7;}.love-indigo{background:#3f51b5;}.love-blue{background:#5677fc;}.love-lightblue{background:#03a9f4;}.love-cyan{background:#00bcd4;}.love-teal{background:#009688;}.love-green{background:#259b24;}.love-lightgreen{background:#8bc34a;}.love-lime{background:#cddc39;}.love-yellow{background:#ffeb3b;}.love-amber{background:#ffc107;}.love-orange{background:#ff9800;}.love-deeporange{background:#ff5722;}.love-brown{background:#795548;}.love-gray{background:#9e9e9e;}.love-bluegray{background:#607d8b;}.love-red,.love-pink,.love-purple,.love-deeppurple,.love-indigo,.love-blue,.love-lightblue,.love-cyan,.love-teal,.love-green,.love-lightgreen,.love-lime,.love-yellow,.love-amber,.love-orange,.love-deeporange,.love-brown,.love-gray,.love-bluegray,.love-white,.love-beige{overflow:hidden;}
/*--------------------------------------------------------------
SNSシェアボタン
--------------------------------------------------------------*/
.social-icon-button { border-radius:3.6rem; width:3.6rem; height:3.6rem; position:relative; display:inline-block; text-align:center; font-size:2rem; background:none;}.social-icon-button + .social-icon-button {margin-left:0.25rem;}.social-icon-button .fab,.social-icon-button .fas {background:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;line-height:3.6rem;transition:all 0.3s ease-in-out;}.social-icon-button span { display:block;border-radius:0;width:0;height:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all 0.3s ease-in-out;}.social-icon-button:hover .fab,.social-icon-button:hover .fas {color:#fefefe;}.social-icon-button:hover span {display:block;border-radius:3.6rem;width:3.6rem;height:3.6rem;}.social-icon-button.gplus {color:#dd4b39;}.social-icon-button.gplus span {background-color:#dd4b39;}.social-icon-button.twitter {color:#55acee;}.social-icon-button.twitter span {background-color:#55acee;}.social-icon-button.facebook {color:#3b5998;}.social-icon-button.facebook span {background-color:#3b5998;}.social-icon-button.line {color:#00C300;}.social-icon-button.line span {background-color:#00C300;}
/*--------------------------------------------------------------
UL OL DL
--------------------------------------------------------------*/
ul,ol,dl{margin:0 0 1em;}
ul li{list-style-type: none!important;padding-left: 0.8rem;position: relative;}
ul li:before {
	font-family: Font Awesome\ 5 Free; font-weight: 900;
	content: "\f105";
	position: absolute;
	font-weight: 900;
	left : 0rem; /*左端からアイコンまで*/
	color: #EF5350;	
}
.accordion li {padding-left:0;}
ul.yoko li{float:left;margin-right:1rem;}
ul.menu li:before,.orbit-container li:before,.breadcrumbs li:before,#nav li:before,ul.tabs li:before,#menu-main-1 li:before,.accordion li:before {content: none;}
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%;
}
/*--------------------------------------------------------------
リンクボタン
--------------------------------------------------------------*/
.button{background-color:#fff;border:4px solid #8BC34A;border-radius:8px;color:#000;padding:.85em 1em;margin:0;line-height:1.4;text-decoration:none;}
.button:focus,.button:hover{background-color:#8BC34A;color:#fff;}
.button.rounded{border-radius:50px;}
a.button:visited{}
.button i {color:#8BC34A;}
.button:hover i {color:#fff;}
/*--------------------------------------------------------------
フォント・リンク
--------------------------------------------------------------*/
/* リード文 */
.lead,.lead p{color:inherit;font-size:inherit;line-height:inherit;font-weight: bold;}
/* リンク */
a {color:#1565C0;text-decoration: underline;outline:none;}
a:visited{color:#4527A0;}
a:focus,a:hover{color:#388E3C;}
.card a { color:inherit;}
	
/*--------------------------------------------------------------
見出し
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{font-weight:bold;}
/* スマホの場合 */
h1.title-logo {
	font-family: serif;
	font-weight: 600;
	font-size: 2rem;
	background: none;
	letter-spacing: 0;
	margin-right: 0;
}
h1.title-logo a{
	color:#222;
	text-decoration: none;
}
h1 {
	font-size: medium;
	margin:0;
}

h2 {
	font-size: 1.25rem; /* 20px */ 
	color: RGBA(0,0,0,1);  
	text-align: center;
	padding:30px 10px;
	margin-top: 1rem; /* 16px */ 
	margin-bottom: 1rem; /* 16px */
}

h3 {
	font-size: 1.125rem; /* 18px */
	border-bottom: 2px solid #2E7D32;
	margin-bottom: 1rem;
}
h4 {
	font-size: 1.063rem; /* 17px */
}
h5 {
	font-size: 1rem; /* 16px */
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	border-left: 2px solid #1B5E20;
	padding:2px 12px 2px 6px;
	box-shadow: 1px 1px rgba(0,0,0,0.2);
}
h6 {
	font-size: 1rem; /* 16px */
}
/*--------------------------------------------------------------
セクション
--------------------------------------------------------------*/
section {padding-top:2rem;}
/*--------------------------------------------------------------
ランキング
--------------------------------------------------------------*/
.wpp-list{display:flex;border:none;flex-flow:row wrap;}
.wpp-list li{flex:0 0 20%;padding:10px;border:none;background:transparent;}
@media (max-width:640px){.wpp-list li{flex-basis:50%;}}
.wpp-list li a:hover{text-decoration:underline;}
.wpp-list li a{display:block;width:100%;font-size:1rem;color:#b2d32;font-weight:bold;padding-top:10px;}
.wpp-list li img{width:100%;}
/*--------------------------------------------------------------
印刷
--------------------------------------------------------------*/
a[href]:after{content:"" !important; }abbr[title]:after{content:"" !important; }@media print{body{width:1000px !important;height:auto;margin:0px auto;padding:20px;clear:both;overflow:auto;display:table;}p{font-size:small !important;}.item.left,.item.right{display:block;}.item.left .text-area,.item.left .image-area{float:left;width:50%;min-height:320px;background-size:contain;background-repeat:no-repeat;padding-top:2rem;padding-bottom:2rem;}.item.right .text-area,.item.right .image-area{float:right;width:50%;min-height:320px;background-size:contain;background-repeat:no-repeat;padding-top:2rem;padding-bottom:2rem;}}
/*--------------------------------------------------------------
IE対策
--------------------------------------------------------------*/
a[href]:after{content:"" !important; }abbr[title]:after{content:"" !important; }
@media all and (-ms-high-contrast:none){
/* body{width:1000px !important;height:auto;margin:0px auto;padding:20px;clear:both;overflow:auto;display:table;} */
p{font-size:small !important;}
.item.left,.item.right{display:flex;flex-wrap:nowrap !important; }
.item.left .text-area,.item.left .image-area{float:left;width:50%;min-height:320px;background-size:contain;background-repeat:no-repeat;padding-top:2rem;padding-bottom:2rem;}
.item.right .text-area,.item.right .image-area{float:right;width:50%;min-height:320px;background-size:contain;background-repeat:no-repeat;padding-top:2rem;padding-bottom:2rem;}
.item.left .text-area p,.item.right .text-area p {width: 400px;}
.drawer-hamburger {display:none !important;}
}

/*--------------------------------------------------------------
テーブル
--------------------------------------------------------------*/
table tfoot td,table tfoot th,table thead td,table thead th,table tbody td,table tbody th{padding:.5rem .625rem .625rem;text-align:left;}table tbody tr:nth-child(even){background-color:inherit;}table thead th{background-color:RGBA(196, 192, 183, 0.1);}table tbody,table tfoot,table thead{border:none;}table tbody tr:first-child th,table tbody tr:first-child td{border:none;}@media(min-width:641px){table tbody td,table tbody th{border-top:1px solid #ddd;}}
/*--------------------------------------------------------------
モバイルボトムバー
--------------------------------------------------------------*/
.mobile-bottom-bar{display:none !important;width:100%;height:3.778rem;background:#1779ba;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:0;margin:0;}.mobile-bottom-bar .footer-link{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;color:#0c3e5f;text-transform:uppercase;font-size:0.8125rem;font-weight:bold;padding:0.907rem 1rem;}.mobile-bottom-bar .footer-link i.fa{opacity:0.8;margin-right:0.625rem;font-size:1.5rem;vertical-align:middle;}.mobile-bottom-bar .footer-link:focus,.mobile-bottom-bar .footer-link:active{color:#0c3e5f;}.mobile-bottom-bar .footer-text{position:relative;top:2px;font-weight:bold;font-size:0.875rem;color:#0c3e5f;}

/*--------------------------------------------------------------
トップバー
--------------------------------------------------------------*/

.logo-and-language {position:fixed;z-index:2;width:100%;padding:0 5rem 0 3rem;display: flex;align-items: center;justify-content: space-between;}
.logo-and-language h1.title-logo a {
	color:#FFF;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .7);
	text-decoration: none;
}
@media (max-width: 640px) {
	.logo-and-language .second-menu-area {display: none;}
}



.home .top-bar {
	display: none;
}
.fullscreen-image-slider {
	padding-top:0;
}

.fullscreen-image-slider h1 {
	position: absolute;
	top:10px;
	left: 20px;
	z-index: 99;
	text-shadow:    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;;
}




.top-bar {
	background: RGBA(187, 56, 26, 0.8);
	background: RGBA(255,255,255, 0.95);
	box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.3);
}
/* トップバーメニュー */
.top-bar ul{
	background-color: transparent;
}
.top-bar ul a{
	color:#000;
} 
.topbar-menu li {
	text-align: center;
}
.topbar-menu li img {
	display: block;
	width: 60px;
	margin:0 auto;
}
.topbar-menu li span{
	font-size: 60%;
}
/* トップページナビゲーションバーメニュー */
.navigation-bar ul{
	background-color: transparent;
}
.navigation-bar a{
	color:#000;
} 
.navigation-bar li {
	text-align: center;
	padding-left: 0;
}
.navigation-bar li img {
	display: block;
	width: 60px;
	margin:0 auto;
}
.navigation-bar li span{
	font-size: 60%;
}

/* トップバードロップダウンメニュー */
h1.title-logo a:hover,
.top-bar ul a:hover,
.navigation-bar ul a:hover{
	color:#2E7D32;
	text-decoration: none;
	transition: all 0.6s ease;
}
 
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
	display: none;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a {
	padding:5px 10px;
	border-radius: 3px;
}
.top-bar .is-dropdown-submenu {
	background-color: RGBA(186, 40, 93, 0.95);
}
/* ハンバーガーボタンエリア */
.top-bar-right {
	margin-right: 5rem;
}
.top-bar-right li{
	margin-right: 1rem;
}
.top-bar .top-bar-right .dropdown.menu,
.top-bar-right .cat {
	margin-top:0;
}
.top-bar-right .cat {
	font-size: medium;
	margin-top:5px;
}
.top-bar-right .dropdown .menu a {
	font-size: small;
}
.top-bar .top-bar-right button,
.top-bar .top-bar-right .dropdown.menu {
	margin-right:70px;
	margin-top:5px;
	font-size: x-large;
}
.top-bar .top-bar-left, .top-bar .top-bar-right {
flex: none !important;
}
/* sticky */
.sticky-topbar {
  width: 100%;
}
/*--------------------------------------------------------------
ドロワーメニュー
--------------------------------------------------------------*/
.drawer-nav {
	padding:10px;
	z-index: 100 !important;	
}
.top-bar-container {
	height: 0 !important;
	z-index: 90 !important;
}
.drawer-hamburger {
	z-index: 1000 !important;
}
.drawer-menu {
margin: 20px !important;
}
.drawer-nav {
	background-image: linear-gradient(rgba(237, 237, 237, 0.3), rgba(237, 237, 237, 0.3)), url(images/dust_scratches.png);
	background-color: #E8F5E9 !important;
}
.drawer-hamburger-icon, 
.drawer-hamburger-icon:after, 
.drawer-hamburger-icon:before {
	background-color: #fff !important;	
}
.drawer--right #hamburger-custom.drawer-hamburger, 
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right:10px;
	top:-4px;
}
.drawer--right.drawer-open #hamburger-custom.drawer-hamburger,
.drawer--right.drawer-open .drawer-nav {
	right:16.25rem;
	top:0;
}
.drawer-nav .icon-menu {
	padding:20px !important;
}
.drawer-nav .icon-menu .far,
.drawer-nav .icon-menu .fas{
	line-height: 0.6;
	margin-top:30px;
}
.drawer-nav li {
	font-size: small;
}
.drawer-nav .menu.align-center {
	display: flex;
	flex-flow: row wrap;
}
.drawer-nav .menu.align-center li{
	flex-basis: 50%;
}
.drawer-nav .menu {
	border-top: 1px solid RGBA(200, 187, 157, 1.00);
	border-left: 1px solid RGBA(200, 187, 157, 1.00);
	margin-bottom: 1rem;
	background: #fff;
}
.drawer-nav .menu li {
	border-right: 1px solid RGBA(200, 187, 157, 1.00);
	border-bottom:1px solid RGBA(200, 187, 157, 1.00); 
}
.drawer-nav .second-menu  {
	border-top: 2px solid RGBA(200, 187, 157, 1.00);
	border-left: 2px solid RGBA(200, 187, 157, 1.00);
	margin-bottom: 1rem;
	margin-left: 0;
	padding-left: 0;
	background: RGBA(252, 182, 86, 0.2);

}
.drawer-nav .second-menu p {
	border-right: 2px solid RGBA(200, 187, 157, 1.00);
	border-bottom:	2px solid RGBA(200, 187, 157, 1.00); 
	padding: 0.5rem;
	font-size: 100%;
}
.drawer-nav .second-menu a{
	text-decoration: none;
}
.drawer-nav .second-menu li:before {
	content: none;
}
.off-canvas-content #content {
	margin-top:68px;
}
.johnnys svg{ fill:#000;}
.dropdown.menu .menu-title > a{padding:0;}
.menu-title{text-align:center;}
.menu-title .cat:hover{color:#f00;}
.menu-title .cat {
	background: #D32F2F;
}
.menu-title a{
	line-height: 1.5;
}
.menu-title i {
	color:#FFF59D;
}

/*--------------------------------------------------------------
トップページスライダー
--------------------------------------------------------------*/

/* ヒーロー 影付き */
.hero {
	position: relative;
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.3);
}

/* スライダー */
.fullscreen-image-slider {
	overflow: hidden;
}
.fullscreen-image-slider .orbit-container {
	padding: 0;
}
.fullscreen-image-slider .orbit-bullets {
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
}
.fullscreen-image-slider .orbit-image {
	width: 100%;
	height: auto;
	min-height: 90vh;
}
.fullscreen-image-slider .orbit-caption {
	bottom: 50%;
	transform: translateY(50%);
	background: none;
	text-align: center;
	color: #fefefe;
	font-weight: bold;
}
.fullscreen-image-slider .orbit-slide {
	background-size: cover;
	background-position: center center;
	position: relative;
	padding:0;
}
/* イメージエリア */
.fullscreen-image-slider .image-area {
	background-size: cover;
	background-position: center center;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height:75vh;
	flex-flow: column wrap;
}
@media (max-width: 640px) {
.fullscreen-image-slider .image-area {
	height:50vh;	
}
}
.vh90,vh90 .image-area {height:90vh;}
.vh90 .orbit-image {min-height: 90vh;}
.vh75,vh75 .image-area {height:75vh;}
.vh75 .orbit-image {min-height: 75vh;}
.vh50,vh50 .image-area {height:50vh;}
.vh50 .orbit-image {min-height: 50vh;}
.vh30,vh30 .image-area {height:30vh;}
.vh30 .orbit-image {min-height: 30vh;}
/* テキストエリア */
.fullscreen-image-slider .text-area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
	background: transparent;
	align-items: center;
	padding:0;
}
.fullscreen-image-slider .text-area h2  { 
	font-family: serif;
	font-weight: 600;
	font-size: 1.8rem;
	color: #fff;
	text-shadow: 0 0 3px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5), 0 0 15px rgba(0,0,0,0.5);
	background: none;
	letter-spacing: 0;
	margin-right: 0;
	padding-bottom: 0;
}
@media (max-width: 640px) {
.fullscreen-image-slider .text-area {
}
.fullscreen-image-slider .text-area h2  { 
	font-size: 1.5rem;
}
.hero .item .image-area {
	align-self: center;
	flex: 1 0 100%;
	height:50vh;
	min-height:50vh;
	background-position: center center;
	background-size: cover;
	position: relative;
}
/* 
.hero .text-area {
	text-align: center;
	position: absolute;
	top:0;  
}
*/
}
.fullscreen-image-slider .text-area .lead {
	font-size: 90%;
	width: 80%;
	line-height: 1.6;
	font-weight: bold;
	background: transparent;
	color: #fff;
	text-shadow: 1px 1px 2px #0a0a0a; 
	text-align: center;
	margin:0 auto;
	display: one;
}
.orbit-slide .text-area:before {
	content: none;
}

/*--------------------------------------------------------------
レフトライトワイド
--------------------------------------------------------------*/
.item.left{display:flex;flex-wrap:wrap;}
.item.right{display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
/* スマホの場合 */
@media screen and (max-width: 640px) {
.item .image-area {
	align-self: center;
	flex: 1 0 100%;
	height:240px;
	min-height:240px;
	background-position: center center;
	background-size: cover;
}
.text-area {
	text-align: center;
}

}

/* PCの場合 */
@media screen and (min-width: 641px) {
.item.wide .image-area,
.title-area .image-area{
	background-size: cover;
	background-position: center center;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height:500px;
	padding:0;
}
.item.left .image-area,
.item.right .image-area {
	align-self: center;
	flex: 1 0 50%;
	height:500px;
	min-height:500px;
	background-position: center center;
	background-size: cover;
}
}

/* .hero.item.wide 改め .title-area PCの場合 */
@media screen and (min-width: 641px) {
.title-area {
	margin-bottom:2rem;
}
.hero.item.wide .image-area,
.title-area .image-area{
	height:200px;
}
.hero.item.wide .text-area,
.title-area .text-area {
	background: transparent;
	padding:0;
}
.hero.item.wide .text-area h2,
.title-area .text-area h2{
	display: inline-block;
	padding:2rem 4rem;
	background-color: #fff;
	margin-bottom: 0;
    position: absolute;
    bottom: -80px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .3)
}
.title-area .text-area h2:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px dotted #43A047;
    border-radius: 7px;
    pointer-events: none
}



}
/* .hero.item.wide 改め .title-area スマホの場合 */
@media(max-width: 640px){
.title-area .image-area{
	background-size: cover;
	background-position: center center;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height:200px;
	padding:0;
}
.title-area .text-area h2{
	display: inline-block;
	padding:2rem 1rem;
	width: 90%;
	background-color: #fff;
	margin-bottom: 0;
    position: absolute;
    bottom: -80px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .3)
}

}


/* テキストエリア */
.title-area .text-area,.item.wide .text-area,.item.left .text-area,.item.right .text-area {display:flex;flex-flow:column wrap;padding: 2rem;flex: auto;align-items:center;background:transparent;position:relative;}
.item.left .text-area,.item.right .text-area{flex: 1 0 50%;justify-content: center;}
.item.wide .text-area{padding-bottom: 4rem;background: linear-gradient(to bottom,rgba(255,255,255,1) 30%,rgba(220,220,220,0.1));}
/* 三角アロー */
.item.left  .text-area:before{content:"";position:absolute;top:50%;left:-60px;margin-top:-30px;border:30px solid transparent;border-right:30px solid RGBA(242,242,242,1.00);}
.item.right .text-area:before{content:"";position:absolute;top:50%;left:100%;margin-top:-30px;border:30px solid transparent;border-left:30px solid RGBA(242,242,242,1.00);}
.item.wide  .text-area:before{content:"";position:absolute;top:50%;left:100%;margin-top:-30px;border:30px solid transparent;border-left:30px solid RGBA(242,242,242,1.00);}
/* スマホの場合 */
@media(max-width: 640px){
.text-area {padding:2rem 0.625rem;}
.item.left  .text-area:before,
.item.right .text-area:before,
.item.wide  .text-area:before{content:"";position:absolute;top:-30px;left: 50%;margin-left:-30px;border:30px solid transparent;border-bottom:30px solid RGBA(242,242,242,1.00);}
}
/* テキストエリアの中 */
.item .text-area h2  { 
	font-weight: 600;
	font-size: 1.8rem;
	color: inherit;  
	background: none;
	margin-top:0;
	padding:1rem;
	padding-top:0;
}
.item .text-area h5 {
	display: inline-block;
	color:#fff;
	border-bottom: 1px solid #fff;
}
.item .text-area .lead {
	text-align: center;
	background: transparent;
	color:inherit;
	font-size: 125%;
	font-weight: bold;
}
.item .text-area .button.hollow {
	color:#666;
	border-color:#666;
	background: rgba(0,0,0,0);
	display: inline;
	width: max-content;
	margin: 0 auto;
}
.item .text-area .button.hollow:hover {
	color:#666;
	border-color:#666;
	background: rgba(0,0,0,0.2);
}
.text-area .map {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top:50px;
}
.text-area .map img{
	max-width: 300px;
	height: auto;	
}

.card{flex-grow:0 !important;border:none;box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.1);}
.card a{text-decoration:none;}
.card .card-section {padding:0.5rem;}
/* タイトルの上 */
.card .post-type,
.card .area-city,
.card .category-tags .label {
	display: inline-block;
	font-size: 0.75rem; /* 12px */
	background:RGBA(0, 0, 0, 0.1);
	border-radius: 3px;
	color: inherit;
}
.card .category-tags {
	padding: 0;
}
.card .category-tags .label{
	margin-right: 3px;
	border-radius: 3px;
}
.card h4 {
	font-size: 1rem; /* 16px */
	color:#333;
	color: RGBA(0, 0, 0, 0.8); /* #333; */
}
.card h4:hover {
	text-decoration: underline;
}
.card .comment,
.card .catch-copy,
.card .distance,
.card .event-date,
.card .event-place{
	font-size: 0.875rem; /* 14px */
	color: #56585c;
	padding:0;
}
/*--------------------------------------------------------------
カードタイプ list mix
--------------------------------------------------------------*/
.list-item:first-child,.mix-item:first-child {
	border-top: 2px solid RGBA(196, 192, 183, 0.1);
	border-top: 2px solid var(--light-beige);
}
.list-item,.mix-item {
	border-bottom: 2px solid RGBA(196, 192, 183, 0.1);
	border-bottom: 2px solid var(--light-beige);
	padding:1rem 0;
}
.list-item .small-3.cell,.mix-item .small-3.cell,
.list-item .small-4.cell,.mix-item .small-4.cell {
	padding:0;
}
@media (min-width: 641px) {
.mix-item:first-child,.mix-item {
	border-top: none;
	border-bottom: none;
	padding:0;
}
.mix-item .small-9.cell,.mix-item .small-8.cell {
	padding:0.5rem;
}
}

figure p:not(.photo) {display: none;}/* 2ページ目以降の空p消去 */
figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
figure h3 {
	border-bottom:0;
}
figcaption.search-result {
    background-color: rgba(0,0,0,0.3);
    color: #FFF;
    opacity: 0;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    text-align: center;
    -webkit-transition:all 0.5s ease-in-out;
    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);
	-webkit-transform:scale(1.15,1.15);
	-moz-transform:scale(1.15,1.15);
	-ms-transform:scale(1.15,1.15);
	-o-transform:scale(1.15,1.15);
	transition:all 0.5s ease-in-out;
}
a:hover>figure figcaption{opacity:1;}
.cell figure {
/*	box-shadow: 0px 3px 15px rgba(62,58,57,0.4); */
	transition: .3s;
}
.cell figure p:hover {
	box-shadow: 0px 20px 40px rgba(0,0,0,0.4);
	transform: scale(1.05,1.05);
}
/* トップページカテゴリーから探す */
.category .card .card-section{padding: 0;}
.category figcaption.search-result {
	opacity: 1 ;
	background-color: rgba(0,0,0, 0.1);
}
.category .card h3 {
	text-shadow: 0 0 3px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5), 0 0 15px rgba(0,0,0,0.5);
	font-size: 110%;
	margin:0;
	padding:0;
	letter-spacing: 0.2rem;
}


.pickup .item h5 {
	display: inline-block;
	color:#fff;
	border-bottom: 1px solid #fff;
}.accordion {
  padding-left: 0;
}
section.ranking {
	margin-top:0;
	clear:both;
	background: #fff;
}
.title-logo img {
	margin-bottom: 0;
}
.radius {
	border-radius:3px;
} 
/* メインエリア */
.main-area {
	padding-top: 3rem; /* 48px */
	padding-bottom: 3rem; /* 48px */
}
/* 第3階層 */
#content .midashi {
	font-size: 90%;
	line-height: 1.4;
	margin-bottom: 10px;
}
section .photo {
	background-position: center;
	background-size: cover;
	margin-bottom: 0;
	width:100%;
	padding-top:66.67%;
}
/* 観光スポットタブ切り替え(透明→非透明) */
.single-post .tabs-panel {
	display: block !important;
	position: absolute !important;
	opacity: 0;
}
.single .tabs-panel.is-active {
	opacity: 1; 
}
/* 幅・高さ・背景色 */
.single-post #panel1,
.single-post #panel2,
.single-post #panel3,
.single-post #panel4 {
	width: 100%;
	height: 600px;
	background: #F1F0EE;
	overflow: hidden;
}
.single-post .image-area {
	overflow: hidden;
	min-height:200px;
}

@media (min-width: 641px) {
.excerpt{
	padding: 1rem 5rem 2rem;
	font-size: 94%;
	line-height: 1.6;
}
}
@media (max-width: 640px) {
.excerpt{
	text-align: left;
}
}
	
}

/*/////////////////////////////////////////////////////////////////////*/
/*//////////////////////// トップページ sections ////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.hero {
	position: relative;
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.3);
}
.navigation-bar {
	padding: 0;
}
.top-search-form {
	padding-bottom: 10px;
}
.top-feature,
.feature {
	background: RGBA(200, 187, 157, 0.3);
	padding-bottom: 20px;
}
.ranking {
	padding-bottom: 20px;
}
.event-area {
	padding-bottom: 20px;
	background: RGBA(225, 208, 163, 0.4);
}
.news-area {
	padding-bottom: 20px;
}
.banner-area {
	margin-top:3em;
}
.spot-data .event-area {
	background: transparent;
}
.page-title-area {
	padding-top: 0;
}

.drawer-content {
	height: 100%;
	 overflow: auto;
	 -webkit-overflow-scrolling: touch;
}
.drawer-content .grid-margin-x {
	margin:0;
}
@media (max-width: 640px) {
	h1.page-title {
		font-size: 120%;
		text-align: center;
	}
}
/* 地図 */
#gmap {
    width: 100%;
    height: 600px;
}
#mapp0_layout {
	margin: 0;
	border: none !important;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
  font-size: 45px;
}
.page-title {
	text-align: right;
	font-size: medium;
	padding:10px;
}
/* 市町村ページの下の地図 */
.link-area {
	background: RGBA(196, 192, 183, 0.1);	
	background: var(--light-beige);
	padding:1rem 1rem 0;
}
.link-area img {
	height:300px;
	max-height:300px;
	width: auto;
}
/* 詳細検索 */
#searchdetail label {
	display: inline;
	white-space: nowrap;
}

.search-terms span {
	background: #795548;
	color:#fff;
	font-weight: bold;
    border-radius: 3px;
    padding: 3px 5px;
}
.res-num {
    color: #e64a19;
    font-size: xx-large;
    font-weight: bold;
    margin-right: 5px;
}
/* 旬の特集 */
.feature-list,
.promotion-list,
.page-list {
	padding-top:2rem;
}
.second-banner-area {
	padding-top:30px;
	 
 } 
  
.text-menu-area {
	background:RGBA(196, 192, 183, 0.5);
	padding-top:30px;
}  
.text-menu-area li {
	width: 33%;
	font-size: 105%;
	font-weight:bold;
	line-height: 1.5;
}
.text-menu-area li a:hover{
	text-decoration: underline;	
}
@media (max-width: 640px) {
	.text-menu-area li {
	width: 100%;
}
}
@media (min-width: 641px) {
.promotion-list {
	padding:2rem;
}
.promotion-list h4 {
	font-size: 1rem; 
}
}
a .over:hover	{
opacity: 0.8;
}
.link-area .grid-x.grid-margin-x .cell li:last-child {
	display: none;
}
section.pickup:first-child {
	background: #fff;
}
/* 昨年のギャラリーの並び */
#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 16.6%;
}
@media (max-width: 640px) {
	#gallery-1 .gallery-item {
		width: 33.3%;
	}
}
#gallery-1 img {
	border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}
@media (min-width: 641px) {
.new-information .callout{
		padding:2rem;
		margin:2rem;
}
}
.new-information,
.back-number {
/*	display: none; */
}
.back-number2018 {

}
.gallery-item dt, .gallery-item dd {
width: 100%;
float: none;
text-align: center;
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
/* 俳句ポスト */
.taisho-haiku {
	font-size: 1.125rem; /* 18px */
	font-family: serif;
	font-weight: bold;
}
@media (min-width: 641px) {
.taisho-haiku {
	font-size: 1.25rem; /* 20px */ 
	padding-top:1rem;
}
.taisho-name {
	text-align: right;
	padding-bottom:1rem;
}
}
.taisho-name {
	text-align: right;
}
.senpyo {
	font-size: 0.875rem; /* 14px */ 
}

#haiku-post .senpyo,
#haiku2019 .senpyo {
	height: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
    -ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
    -ms-flex-align:center;
	align-items:center;
  	
	
}

.post-list ul{
	font-size: 0.875rem; /* 14px */ 
	margin-left: 0;
}
.boshu {
	background-color: RGBA(253, 210, 48, 0.1);
}
.footer-sitemap a {
	color: #fff;
}
.footer-sitemap a:visited {
	color: #fff;
}
.footer-sitemap a:hover {
	color: RGBA(240, 168, 72, 1.00);
}
/* 昨年のギャラリーの並び */
#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
@media only screen and (min-width: 641px) {

	#gallery-1.gallery-columns-3 .gallery-item {
		width: 16%;
	}
	#gallery-1.gallery-columns-3 br {
		display: none;
	}
}
#gallery-1 img {
	border: 2px solid #cfcfcf;
	margin-bottom: 0;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}
.gallery-icon {
	padding-bottom: 0;
}
@media (min-width: 641px) {
.new-information .callout{
		padding:2rem;
		margin:2rem;
}
}
/* りんご図鑑 */
.apple-title {
	color:#a22041;
	font-weight:bold;
	font-size:large;
	margin-bottom: 0;
}
th.farm-name {
	width: 40%;
}
.apple-farm-detail td {
	border-top: transparent;
	padding-top:0;
	text-align: center;
	font-size: 85%;
	line-height: 1.3;
}

/*********** キーワード検索 ****************/
.animated-search-form[type=search] {
  width: 10rem;
  border: 0.125rem solid #e6e6e6;
  box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.18);
  border-radius: 0;
  background-image: url("//image.ibb.co/i7NbrQ/search_icon_15.png");
  background-position: 0.625rem 0.625rem;
  background-repeat: no-repeat;
  padding: 0.75rem 1.25rem 0.75rem 2rem;
  transition: width 0.4s ease-in-out;
}
.animated-search-form[type=search]:focus {
  width: 100%;
}
/*********** 検索結果 ****************/
/* タブ */
#search-result-tabs {
	border:none;
	display: flex;
	justify-content: center;
}
#search-result-tabs li{
	width: 50%;
	text-align: center;
}
@media (min-width: 641px) {
#search-result-tabs li{
	width: 30%;
	text-align: center;
}
}
#search-result-tabs .tabs-title a{
	background-color: var(--light-gray);
	color:var(--text-color);
	transition: all 0.6s ease;
	font-size: 1rem;
	font-weight:bold;
}
#search-result-tabs .tabs-title a:hover{
	background-color: var(--dark-gray);
	transition: all 0.6s ease;
}
#search-result-tabs .tabs-title.is-active a{
	background-color: var(--main-color);
	color:#fff;
	transition: all 0.6s ease;
}
.tabs-content.search-result {
	border: none;
}
/* もっと見る */
#next .button {
	background-color: var(--light-gray);
	color:var(--text-color);
}
#next .button:hover {
	background-color: var(--dark-gray);
}
/*********** 検索タブ ****************/
.tabs.spot-or-map {
	background:transparent;
}
.search-button:before {
	content: "\f002";
  	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
  	color:#FFF;
  	margin-right:5px;	
}
/* 検索結果タブ切り替え */
.search-result {
	position: relative;
}
.search-result #panel1 {
	display: block !important;
	z-index: 0;
}
.search-result #panel1.is-active {
	z-index: 10;
/*	background: #0f0; */
}
.search-result #panel2 {
	display: block !important;
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;
/*	background: #f00; */
}
.search-result #panel2.is-active {
	z-index: 80;
}
.search-result #panel1 {
	width: 100%;
	min-height: 500px;
	background: #fefefe;
	overflow: hidden;
}
.search-result #panel2 {
	width: 100%;
	min-height: 500px;
	padding-bottom:3rem;
	box-shadow: 0px 30px 15px -15px rgba(0,0,0,0.6);
	background: #D7CCC8;
	overflow: hidden;
}/* タイトル */
.article-header .title-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
/* 見出し */
.title-kana .page-title {
	font-size: 1.875em;
	color:#333;
	font-weight: bold;
	margin-bottom: 0;
}
.area-city {
	text-align: right;
	margin-right: 10px;
}
.spot-data .article-header {
	background: #F1F0EE;
	padding-top:50px;
	padding-bottom:10px;
}
/* 画像 */
.image-area {
	padding-bottom:2.5rem; /* 40px */
}
.image-area .orbit-image {
	max-height: 512px;
	width: auto;
}
@media (max-width: 640px) {
.image-area .img1st{
	margin-bottom:10px;
}
.image-area .img2nd{
	padding-right:5px;
}
.image-area .img3rd{
	padding-left:5px;
}
.image-area .orbit-image {
	max-height: 256px;
	width: auto;
}
}
@media (min-width: 641px) {
.image-area .img2nd{
	margin-bottom:20px;
}
}
/* アコーディオン */
#content .accordion-title {
	font-size: 1rem;
	font-weight: bold;
	color: var(--white);
	background-color: RGBA(200, 166, 157, 1.00);
	padding:15px 10px;
}
#content .accordion-title:hover {
	background-color:RGBA(200, 166, 157, 0.8);
	color: #fff;
}

#content .accordion-title::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -.5rem;
	font-family: 'Font Awesome\ 5 Free';
	content: "\f107";
	font-weight: 900;
	}
#content .is-active>.accordion-title::before {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	content: "\f106";
}
#content .accordion-content {
	padding:0;
	border:none;
	color: var(--text-color);
}
/* 関連スポット */
.nearby {
	background-color: var(--light-beige);
	padding-top:20px;
	padding-bottom: 10px;
}
.relational-recommend {
	background-color: var(--dark-beige);
	padding-top:20px;
	padding-bottom: 10px;
}
/* 第4階層スライダー */
.image-area .orbit-caption {
	padding:0.5rem;
}
.image-area .orbit-bullets {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
@media (max-width: 640px) {
.image-area .orbit-bullets {
	padding:1rem;
}
}
.image-area .orbit-bullets button {
	flex: 0 0 47%;
/*	height: 7.7rem !important; */
	border-radius: 0 !important;
	margin: 0 0.2rem 0.4rem;
	background: transparent;
}

.image-area .orbit-bullets .photo {
	background-position: center;
	background-size: cover;
	border: 4px solid #fff;
	padding-top: 30%;

}
.image-area .orbit-bullets .photo.is-active {
	border: 4px solid var(--dark-beige);
	transition: all 0.6s ease;
}
.image-area .orbit-bullets .photo:hover {
	border: 4px solid var(--accent-color);
	transition: all 0.6s ease;
}
/**************** tag タグ　チェックボックス *****************/
#content .tags input[type=checkbox] { display:none; } 
.checkboxon, .checkboxoff { 
	background:#333;
	background:var(--text-color);
	border-radius: 50px;
	font-size:0.7rem;
	color:#fff;
	padding:3px 10px;
	line-height: 1;
	}
.checkboxon:hover, .checkboxoff:hover { 
	background:var(--accent-color);
	transition: all 0.6s ease;
}
#content [type=checkbox]+label {
	margin:2px;
}
.tags span{
	background:var(--light-beige);
	border-radius: 50px;
	font-size:0.8rem;
	color:var(--text-color);
	padding:3px 10px;
	line-height: 1;
	margin-right:4px;	
}
.checkboxon:before, .checkboxoff:before,
.tags span:before {
	content: "\f02b";
  	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
  	color:var(--white);
  	margin-right:5px;
  	font-size: 80%;
} 
.tags span:before {
	color:var(--text-color);	
}
.tag-cloud p{
	font-size: small;
	font-weight: bold;
}
.searchtag label {
	width:100%;
	padding:15px 10px;
	border-radius: 5px; 
	display: block !important;
}
/* トップページナビゲーションバー 手書きイラスト版 */
.navigation-bar li {
	text-align: center;
	display: block;
}
.navigation-bar li img{
	width: 50px;
	padding:5px;
}
.navigation-bar .main-menu{
	padding:0;
} 
.topbar-menu li a{
	padding: 0;
	display: block;
}
.topbar-menu li img{
	width: 36px;
	margin-bottom: 0;
}
/* トップページナビゲーションバー アイコンフォント&グリッド版 */
.navigation-bar li {
	text-align: center;
}
.navigation-bar li i{
	padding-bottom:0.5rem;
}
.navigation-bar li span{
	font-size: x-small;
	font-weight:bold;
}
.navigation-bar li:before {
	line-height: 1;
}
.navigation-bar li  {
	line-height: 0.4;
	padding-top:10px;
}
.menu a {
	padding:0.7rem 0.05rem;
	font-weight: bold;
}
#toppage-navigation-bar .main-menu li {
	width: 12.5%;
	text-align: center;
	border-right: 1px solid RGBA(200, 187, 157, 1.00);
	border-bottom:1px solid RGBA(200, 187, 157, 1.00); 
}
#toppage-navigation-bar .main-menu li:first-child {
	border-left: 1px solid RGBA(200, 187, 157, 1.00);
}
#toppage-navigation-bar .main-menu li span{
	font-size: 100%;
}
#toppage-navigation-bar .main-menu li:before {
	line-height: 1.2;
}
@media (max-width: 640px) {
#toppage-navigation-bar .main-menu li {
	width: 25%;
}
#toppage-navigation-bar .main-menu li  {
	line-height: 0.6;
	padding-top:0.15rem;
	padding-bottom: 0.15rem;
	background: #fff;}
}
#toppage-navigation-bar .main-menu li span{
	font-size: 70%;
}
}
#toppage-navigation-bar .second-menu .menu-text {
	margin-top:30px;
	color:#D50000;
}
#toppage-navigation-bar .second-menu a {
	border: 2px solid RGBA(200, 187, 157, 1.00);
	padding:10px 20px;
	margin:20px;
	background: #fff;
}

/* トップページメニューアイコン */
.menu1 i:before {color: #FCFF00;
  background: -webkit-linear-gradient(135deg, #FFA8A8 10%, #FCFF00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
 .menu2 i:before {color: #4C83FF;
  background: -webkit-linear-gradient(-45deg, #2AFADF 10%, #4C83FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.menu3 i:before {color: #E80505;
  background: -webkit-linear-gradient(-45deg, #FDD819 10%, #E80505 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.menu4 i:before {color: #3CD500;
  background: -webkit-linear-gradient(-45deg, #FFF720 10%, #3CD500 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.menu5 i:before {color: #130CB7;
  background: -webkit-linear-gradient(-45deg, #52E5E7 10%, #130CB7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.menu6 i:before {color: #623AA2;
  background: -webkit-linear-gradient(-45deg, #F97794 10%, #623AA2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
/* トップページ検索フォーム */
.input-group-rounded .input-group-field {
  border-radius: 5000px 0 0 5000px;
  padding-left: 1rem;
}
.input-group-rounded .input-group-button .button {
  border-radius: 0 5000px 5000px 0;
  font-size: 0.8rem;
}
.input-group-button .button.secondary:after {
	content: "\f002";
  	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
  	color:#FFF;
  	margin-right:5px;	
}
.input-group-button input[type="submit"]{
	font-family: 'Font Awesome\ 5 Free';
	}
/* おしらせ */
.news-area .tabs {
	border: none;
	border-bottom: 1px solid #e6e6e6;
}
.news-area .tabs-content {
	margin-bottom: 1rem;
}
.news-area .tabs-title>a {
	font-size: 0.875rem; /* 14px */
	color:inherit;
}
.news-area .tabs-title>a:hover {
	background: RGBA(254, 212, 49, 0.2);
	transition: all 0.6s ease;	
}#panel1-label {
	border-bottom: 3px solid RGBA(254, 212, 49, 1.00);	
}
.is-active #panel1-label {
	background: RGBA(254, 212, 49, 0.5);	
}
#panel2-label {
	border-bottom: 3px solid RGBA(241, 124, 34, 1.00);	
}
.is-active #panel2-label {
	background: RGBA(241, 124, 34, 0.2);	
}
#panel3-label {
	border-bottom: 3px solid RGBA(24, 138, 206, 1.00);	
}
.is-active #panel3-label {
	background: RGBA(24, 138, 206, 0.2);	
}
#panel4-label {
	border-bottom: 3px solid RGBA(64, 140, 64, 1.00);	
}
.is-active #panel4-label {
	background: RGBA(64, 140, 64, 0.2);	
}
.tag-box {
	display: block;
	width: 100%;
	font-size: 0.75rem; /* 12px */
	color: #666;
}
.tag-box .label {
	background: #000;
	color:#fff;
	font-size: 0.625rem; /* 10px */
	padding:3px 5px;
	border-radius: 3px;
	margin:3px;
}
.tag-box .label.information,
.tag-box .label.city {
	background: #F57C00;
}
.tag-box .label.business {
	background: #0288D1;
}
.tag-box .label.updatenews {
	background: #388E3C;
}
.news-list {
	margin-left: 0;
	padding-left:0;
}
.news-list li{
	border-bottom: 1px solid #ccc;
	padding:0 ;
	margin-top:10px;
	position:relative;
}
.news-list li:before {
	content:none;
}
.news-list .title {
	font-weight: bold;
}
/*
.news-list a {
	color:inherit;
}
*/
.news-list a:hover {
	text-decoration: underline;
	color: RGBA(0, 0, 0, 0.4);
}
/* ページトップ */
.pagetop {
	background: RGB(242, 135, 51);
}
.pagetop a{
	color:#fff;
	display: block;
	padding:10px;
}
/* フッター */
footer {
	background: RGBA(63, 33, 17, 1.00);
	color:#fff;
	color: var(--white); 
	padding-top:40px;
	padding-bottom: 40px;
}
footer p {
	color:#fff;
	color: var(--white); 
}
/* トップページ検索フォーム */
#toppage-search-form {
	display: flex;
	justify-content: center;
}
#toppage-search-form .input-group-field {
	display: inline-block;
	width: 330px;
}
.input-group-rounded .input-group-field {
  border-radius: 5000px 0 0 5000px;
  padding-left: 1rem;
}
.input-group-rounded .input-group-button .button {
  border-radius: 0 5000px 5000px 0;
  font-size: 0.8rem;
}
.input-group-button .button.secondary:after {
	content: "\f002";
  	font-family: 'Font Awesome\ 5 Free';
  	font-weight: 900;
  	color:#FFF;
  	margin-right:5px;	
}
.input-group-button input[type="submit"]{
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
}


/* ページローディング　PACE.JS */
.pace-running .wrap {
            display:none;
        }
        
/* =========================== ページローディング ============================= */        
/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}
 
/* ローディングの背景部分のCSS */
.loader{
  background:#ccc;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation {
  margin: 100px auto;
  font-size: 15px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
    top:50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/* スポット検索のアニメーション */
.loader-animation-search {
  margin: 100px auto;
  font-size: 15px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
    top:50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}


@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.5), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.5), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.5), 2.5em 0em 0 0em rgba(208, 86, 86, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.5), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.5), 0em 2.5em 0 0em rgba(208, 86, 86, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.5), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.5), -2.6em 0em 0 0em rgba(208, 86, 86, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.5), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.5), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.5), 2.5em 0em 0 0em rgba(208, 86, 86, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.5), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.2), -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.5), 0em 2.5em 0 0em rgba(208, 86, 86, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(208, 86, 86, 0.2), -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.5), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(208, 86, 86, 0.2), 1.8em -1.8em 0 0em rgba(208, 86, 86, 0.2), 2.5em 0em 0 0em rgba(208, 86, 86, 0.2), 1.75em 1.75em 0 0em rgba(208, 86, 86, 0.2), 0em 2.5em 0 0em rgba(208, 86, 86, 0.2), -1.8em 1.8em 0 0em rgba(208, 86, 86, 0.5), -2.6em 0em 0 0em rgba(208, 86, 86, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

/* バナーエリア */
.banner-area .cell {
	margin-top:10px;
}

/* レスポンシブテーブル */
.responsiv {
  border-collapse: collapse;
  width: 100%;
}
 
.responsiv th,
.responsiv td {
  border: 1px solid #dbe1e8 !important;  
  padding: 8px;
}
 
.responsiv th {
/*  background: #f9fafc; */
  text-align: center;
/*  width: 120px; */
}
 
@media only screen and (max-width: 800px) {
  .responsiv tr,
  .responsiv th,
  .responsiv td {
    display: block;
    width: auto;
  }
  
  .responsiv tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .responsiv th,
  .responsiv td {
    border-top: none;
  }
}

.yoyaku {
	font-size: 60%;
	font-weight: normal;
	background: #F8BBD0;
	border-radius: 5px;
	border:1px solid #F48FB1;
	margin-left: 5px;
	padding:2px 5px;
}



/*/////////////////////////////////////////////////////////////////////*/
/*////////////////////////     お問い合わせ      ////////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


.submit-soshin{
display: block;
width: 160px;
height: 50px;
line-height: 1;
color: #FFF;
font-weight: bold;
text-align: center;
background-color: #f39800;
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border: none;
}
.submit-soshin:hover{
     background-color: #f9c500; /*ボタン色*/
}

.contact-small {
	width: 8em;
}

.contact-medium {
	width: 20em;
}

.contact-large {
	width: 40em;
}


#contact-form [type=text] {
	display: inline;
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
  padding: 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}


.table-contactform7 input {
	display: inline;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}

/* リンクの位置調整 */
/* イベント */
#season-event h2 {
display: block;
    padding-top: 80px;
    margin-top: -80px;
}

/* ハイキングコースラベル */
.beginner {
	background-color: #fff;
	font-size: 85%;
	padding: 3px 6px;
	color: #39b54a;
	font-weight: bold;
	}
	
.h-ippan {
	background-color: #fff;
	font-size: 85%;
	padding: 3px 6px;
	color: #0000cd;
	font-weight: bold;
	}

.kenkyaku {
	background-color: #fff;
	font-size: 85%;
	padding: 3px 6px;
	color: #ff8c00;
	font-weight: bold;
	}
	
.tozan {
	background-color: #fff;
	font-size: 85%;
	padding: 3px 6px;
	color: #f14224;
	font-weight: bold;
	}

/* 夏のまんきつガイド2019 */
#summer .event, #summer .summer2019-event {
	background-image: linear-gradient(rgba(255,255,224,0.8), rgba(255,255,224,0.8)), url(images/summer2019/dotto.jpg);
}

#summer .taki, #summer .summer2019-taki {
	background-image: linear-gradient(rgba(224,255,255,0.8), rgba(219,237,255,0.8)), url(images/summer2019/water.jpg); 
}

#summer .activity, #summer .summer2019-activity {
	background-image: linear-gradient(rgba(255,247,239,0.5), rgba(255,247,239,0.5)), url(images/summer2019/paper.jpg);
}

#summer .camp, #summer .summer2019-camp {
	background-image: linear-gradient(rgba(239,255,224,0.8), rgba(239,255,224,0.7)), url(images/summer2019/grass02.jpg);
}

#summer .hiking, #summer .summer2019-hiking {
	background-image: linear-gradient(rgba(219,255,237,0.6), rgba(219,255,237,0.8)), url(images/summer2019/grass02.jpg);
}

#summer .retro, #summer .summer2019-retro {
	background-image: linear-gradient(rgba(247,239,255,0.5), rgba(247,239,255,0.5)), url(images/summer2019/washi.jpg);
}

#summer .onsen, #summer .summer2019-onsen {
	background-image: linear-gradient(rgba(255,229,242,0.6), rgba(255,234,244,0.6)), url(images/summer2019/washi.jpg);
}

#summer .summer-menu .cell {
	padding-left: 10px;
	padding-right: 10px;
}

#summer .summer2019 {
	background-color: #fff;
}

/* 秋のまんきつガイド2019 */
#autumn2019-koyo {
	background:linear-gradient(rgba(255,133,63,0.3), rgba(252,207,62,0.3)), url(images/autumn2019/suisai_lightyellow.jpg);
}

#autumn2019-apple {
	background:linear-gradient(rgba(255,126,107,0.5), rgba(255,126,107,0.3)), url(images/autumn2019/suisai_pink50.jpg);
}

#autumn2019-outdoor {
	background:linear-gradient(rgba(254,255,74,0.3), rgba(203,252,83,0.3)), url(images/autumn2019/suisai_yellow50.jpg);
}

#autumn2019-onsen {
	background:linear-gradient(rgba(255,166,158,0.3), rgba(255,166,158,0.1)), url(images/autumn2019/suisai_pink50.jpg);
}

#autumn2019-shamo {
	background:linear-gradient(rgba(252,207,62,0.3), rgba(254,255,74,0.3)), url(images/autumn2019/suisai_yellow50.jpg);
}

#autumn2019-event {
	background:linear-gradient(rgba(234,47,58,0.2), rgba(234,47,58,0.2)), url(images/autumn2019/suisai_yellow50.jpg);
}

.autumn2019 {
	background:linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(images/autumn2019/koyo.png);
	padding-bottom:1rem;
	border-top:2px solid #FF9800;
	border-bottom:2px solid #FF9800;
}

/* 新着情報ページの画像キャプション */
.single-news .wp-caption {
padding: 0;
}


#news-13599 th {
	background: #FFF3E0;
	border-light:border: 1px solid #dbe1e8;
}

/* 大子ライト */
#daigo-light {
	background: #0D47A1;
	color:#fff;
}
#daigo-light th {
	background: rgba(0,0,0,0.8);
}
#daigo-light td {
	background: rgba(0,0,0,0.7);
}
#daigo-light .wp-caption {
	background: transparent !important;
}

/* 奥久慈大子りんご狩りお楽しみガイド2019 */
.apple-zukan section.pickup:first-child,
#apple section.pickup:first-child {
	background: #E53935;
	color:#fff;
}


.apple-zukan, .apple-tokusan {
	background-image: url(images/autumn2019/suisai_red50.jpg);
	padding-bottom:5em;
	padding-left:2em;
	padding-right:2em;
}
.apple-zukan .callout {
	border:none;
	background:#fff;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	padding:1em 2em;
}
.apple-zukan .apple-img {
	padding:2rem 2rem 0;
}
.apple-zukan .apple-txt {
	border-radius:5px;
	width:80%;
}
.strong-apple {font-weight:bold;font-size:1.2rem;color:#d00;}
.apple-picking, .apple-orchard {
	background-image: url(images/autumn2019/suisai_yellow50.jpg);
	padding-bottom:5em;
	padding-left:2em;
	padding-right:2em;
}
.apple-genki {
	background-size:cover;
	background-image:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(images/apple/bg_apple.jpg);
	background-position:center;
	padding:5em 2em;
}
.apple-genki .callout {
	border-radius:10px;
	border:none;
	padding:1em 3em;
	background:rgba(255,255,255,0.9);
}

@media (max-width: 640px) {
.apple-picking, .apple-orchard {
	padding-left:0.5em;
	padding-right:0.5em;
}
.apple-genki {
	padding:2em 1em;
}
.apple-genki .callout {
	padding:1em 1.5em;
}	
.apple-farm-detail td {
	text-align: left;
	border-bottom: 1px solid #ddd;
}
}

.apple-genki .button {
	background:#ff5252;
	border:none;
	color:#fff;
}
.apple-genki .callout p {
	line-height:1.8;
}
.apple-orchard table .farm-name {
	background:#ed1c24;
	color:#fff;
}
.apple-orchard table .farm-address {
	background:#c1272d;
	color:#fff;
}
.apple-orchard ul li span {
	font-weight:bold;
}
.what-apple {
	background-image:linear-gradient(rgba(255,126,107,0.5),rgba(255,126,107,0.5)),url(images/apple/bg_what-apple.jpg);
	padding:5em 2em;
}
.what-apple .grid-container {
	position: relative;
}
.what-apple .grid-container .content {
	background:rgba(255,255,255,1);
	padding:1em 3em 5em 3em;
}
@media (max-width: 640px) {
.what-apple .grid-container .content {
	padding:1em;
}

}
.what-apple .grid-container .content p {
	line-height:1.8;
}
.what-apple .grid-container .content .left-image {
	position:absolute;
	left:-1em;
	top:-1em;
}
.what-apple .grid-container .content .right-image {
	position:absolute;
	right:-1em;
	top:-3em;
}
.what-apple .grid-container .content .right-image, .what-apple .grid-container .content .left-image {
	width: 30%;
}

/* 2021 りんご園リスト再編成 */
#orchard thead {display:none;}
#orchard table th {
	background:#c1272d;
	color:#fff;
}

@media (max-width: 640px) {
	#orchard table th,#orchard table td {display:block;}
}
@media (min-width: 641px) {
#orchard table th {width:35%;}	
}
#orchard table th a{
	color:#fff59d;
}
#orchard table .apple-farm-access td {font-size:0.875rem;padding:0.25rem 0.75rem 0.75rem;} 
#orchard table .apple-farm-detail {background:#ed1c24;}
#orchard table .apple-farm-detail span {
	background: #fff;
	border-radius:.5rem;
	padding:1px 10px;
	font-size:.75rem;
	font-weight:bold;
	display:inline-block;
	margin-right:3px;
	margin-bottom:3px;
}
#orchard table .apple-farm-detail span.parking {background:#bbdefb;}
#orchard table .apple-farm-detail span.mogitori {	background:#ffee58;}
#orchard table .apple-farm-detail span.tokusan {	background:#dce775;}
#orchard table .apple-farm-detail span.cashless {	background:#e1bee7;}
#orchard table .apple-farm-detail span.bbq {	background:#ffcdd2;}
#orchard table .apple-farm-detail span.service {	background:#d7ccc8;}
#orchard table .apple-farm-detail span.pet {	background:#FFCDD2;}

/* トップページ紅葉速報 */
.top-koyo {
	background-image: linear-gradient(-20deg, #ddd6f3 0%, #faaca8 100%, #faaca8 100%);
}
.top-koyo h2{
	margin-bottom: 0;
	padding-bottom: 20px;
	color: #B71C1C;
}
.top-koyo h4{
	font-size: 95%;
	text-align: center;
	border-bottom: 3px solid #EF5350;
}
.top-koyo .grid-container {
}
.top-koyo .spot-status .grid-x {
	background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5));
	border-radius :8px;
	padding: 15px;
	margin-bottom: 5px;
} 
.top-koyo .spot-status .grid-x .cell{
	padding: 0;	
}
.top-koyo .spot-status .grid-x .cell img{
	padding: 0 20px;	
}
.top-koyo .spot-status .text-right a{
	font-size: 90%;
}
.top-koyo .spot-status .text-right span{
	font-weight: bold;
	color:#EF5350;
}

/* 紅葉速報ページ */
.single-post .spot-status,
#koyo .spot-status {
	
	display:none; 
	
	background-color: #FFF8E1;
	border-radius :8px;
	padding: 15px;
	margin-bottom: 5px;
	text-align: center;
 }
 
.single-post .spot-status p,
#koyo .spot-status p{
	 font-size: 90%;
	 margin-bottom: 0;
	 text-align: center;
	 
}

.single-post .spot-status img,
#koyo .spot-status img{
	max-width: 320px !important;
}

.single-post .item h2,
#koyo .item h2 {
	border-bottom: 3px solid #EF5350;
	padding-bottom: 0;
}

/* 袋田の滝*/
#fukuroda-falls .page-title {
	display:none;
}

.parent-pageid-13756 .article-header,
.parent-pageid-14380 .article-header {
	background-size: cover;
	background-position:center;
	height:30vh;
	margin-bottom:3rem;
}
#season .article-header {
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url(images/fukuroda-falls/title_season.jpg);
}
#kanbakudai .article-header {
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url(images/fukuroda-falls/title_kanbakudai.jpg);
}
#daigolight .article-header {
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url(images/fukuroda-falls/title_daigolight.jpg);
}
#hyobaku .article-header,
#frozen2021-2022 .article-header {
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url(images/fukuroda-falls/title_hyobaku.jpg);
}
#hiking .article-header {
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url(images/fukuroda-falls/title_hiking.jpg);
}
#access .article-header {
	background-image:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url(images/fukuroda-falls/title_access.jpg);
}

.parent-pageid-13756 .page-title,
.parent-pageid-14380 .page-title  {
	font-size:200%;
	font-family:serif;
	letter-spacing:3px;
	background:rgba(51,51,51,0.5);
	color:#fff;
	text-align:center;
	position: relative;
	top: 30vh;
}

.parent-pageid-13756 .page-title span,
.parent-pageid-14380 .page-title span {
	background:rgba(51,51,51,0.7);
	padding:0.5em 1em;
}

.page-id-13756 .content,.parent-pageid-13756 .content {
	background-image:linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)),url(images/fukuroda-falls/bg_washi.jpg);
}

.page-id-13756 .content,
.parent-pageid-13756 .content p:not(.wp-caption-text),
.parent-pageid-13756 .content table,
.parent-pageid-13756 .content ul {
	font-family:serif;
}

.page-id-13756 .wp-caption,
.parent-pageid-13756 .wp-caption {
	background: rgba(255,255,255,0);
}

.fukuroda-menu, #fukuroda-falls .fukuroda-mainvisual {
	padding-top:0;
}

.fukuroda-menu .top-bar {
	background:#333;
}
.fukuroda-menu h1 {
	font-size:1.5em;
	margin-left:0.5rem;
}
.fukuroda-menu h1 a,
.fukuroda-menu .top-bar .top-bar-left .menu li a,
.fukuroda-menu .top-bar .top-bar-right .menu li a {
	color:#fff;
	font-family: serif;
}
.fukuroda-menu .top-bar {
	padding-left:0;
	padding-right:0;
}
.fukuroda-menu h1 a:hover,
.fukuroda-menu .top-bar .top-bar-left .menu li a:hover,
.fukuroda-menu .top-bar .top-bar-right .menu li a:hover {
	color:rgba(255,255,255,0.6);
	transition:all 0.6s ease;
}

.fukuroda-menu .top-bar .top-bar-left p {
	margin:5px 0;
	font-size:x-large;
}
.page-id-13756 p,.parent-pageid-13756 p {
	line-height:1.8;
}
.fukuroda-mainvisual .mainvisual {
	background-image:url(images/fukuroda-falls/mainvisual-autumn.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height:85vh;
	height: calc(100vh - 122px); 
	background-position:center center;
}
@media (max-width: 640px) {
.fukuroda-mainvisual .mainvisual {
	height:65vh;	
}	
}


.name-box, .mainvisual {
	display:flex;
	align-items:center;
	justify-content: center;
}
.name-box p , .mainvisual p {
	font-family: serif;
}

.fukuroda-lead {
	padding:10rem 0 3rem;
	font-size:large;
	font-family:serif;
}
.parent-pageid-13756 .fukuroda-lead {
	padding:3rem 0;
}
#fukuroda-falls .txt-right,
#fukuroda-falls .txt-left {
	display: flex;
	align-items: center;
}

.page-id-13756 h3,.page-id-13756 h4,
.parent-pageid-13756 h3,.parent-pageid-13756 h4 {
	font-family:serif;
}
.page-id-13756 h3, .parent-pageid-13756 h3 {
	border: none;
	font-size:200%;
}
.page-id-13756 h3 span, .parent-pageid-13756 h3 span {
	font-size:medium;
	display:block;
	font-weight:normal;
}
.parent-pageid-13756 h3 {
	position: relative;
	display: inline-block;
	padding: 0 10rem;
	margin:10rem 0 4rem 0;
}
.parent-pageid-13756 .first {
	margin-top:0;
}

.parent-pageid-13756 h3:before,
.parent-pageid-13756 h3:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 8rem;
	height: 1px;
	background-color: black;
}
.parent-pageid-13756 h3:before {
	left:0;
}
.parent-pageid-13756 h3:after {
	right: 0;
}
.parent-pageid-13756 h4 {
	font-size:120%;
	padding-bottom:5px;
}
.page-id-13756 .content ul li:before,
.parent-pageid-13756 .content ul li:before {
	color:#00acc1;
}
.midokoro, .four-seasons, .image-menu {
	padding-bottom:15rem;
	padding-top:0;
}
.fukuroda-information {
	padding-bottom:5rem;
}
.page-id-13756 .button,
.parent-pageid-13756 .button,
.parent-pageid-14380 .button {
	color:#fff;
	background:#333;
	border:none;
}

.page-id-13756 .button:hover,
.parent-pageid-13756 .button:hover,
.parent-pageid-14380 .button:hover {
	background:#78909C;
}

.pageid-13756 section:not(.ranking):not(.banner-area),
.parent-pageid-13756 section:not(.ranking):not(.banner-area):not(.new-information) {
	padding-bottom:4rem;
}

.four-seasons .cell {
	padding-top:3rem;
}

#fukuroda-falls .fukuroda-information h3 {
	border-top:2px solid #bdbdbd;
	border-bottom:2px solid #bdbdbd;
	padding:10px 5px;
}

.fukuroda-information p span {
	font-weight:bold;
	font-family:serif;
}

.image-menu ul li {
	list-style-image:none;
	margin-right:0;
}
.image-menu li {
	min-width:25%;
	padding-left:0;
	overflow:hidden;
}

.image-menu ul li:before {
	content: none;
}
.image-menu li > .hover-zoom {
	width:100%;
	height:250px;
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	color:#fff;
	position:relative;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.image-menu li > .hover-zoom:hover {
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}

#fukuroda-falls .image-menu li > a > .menu-name {
	position:absolute;
	bottom:0;
	font-size:100%;
	padding-left: 1rem;
	color:#fff;
}

#fukuroda-falls .image-menu li > a:hover > .menu-name {
	transform:scale(1);
	-webkit-transform:scale(1);
}

.image-top {
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-top.jpg);
}
.image-seasons {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-seasons.jpg);
}
.image-kanbakudai {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-kanbakudai.jpg);
}
.image-daigolight {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-daigolight.jpg);
}
.image-hyobaku {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-hyobaku.jpg);
}
.image-hiking {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-hiking.jpg);
}
.image-nakamise {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-nakamise.jpg);
}
.image-access {
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5)),url(images/fukuroda-falls/menu-access.jpg);
}

/* 袋田の滝 四季 */
.fukuroda-season h3 {
	margin-bottom:10px;
}
.fukuroda-season .img-left img {
	width:90%;
}
.fukuroda-season .txt-right .box,
.daigolight .txt-right .box{
	padding:1rem;
	margin-bottom:2rem;
}
.fukuroda-season .txt-left .box,
.daigolight .txt-left .box {
	padding:3rem 2rem;
}
.fukuroda-season .catch-copy {
	margin-bottom:4rem;
}
.fukuroda-season .txt-left,
.fukuroda-season .txt-right,
.daigolight .txt-left,
.daigolight .txt-right,
.hyobaku .txt-right {
	display: flex;
	justify-content:center;
	align-items:center;
}

.fukuroda-season .img-small {
	margin-bottom:4rem;
}
.fukuroda-season .season-img {
	margin-top:-8rem;
	width:25%;
}
/* 袋田の滝 トンネル・ハイキング */
.kanbakudai .txt-right,
.kanbakudai .txt-left,
.fukuroda-hiking .txt-right,
.fukuroda-hiking .txt-left {
	display: flex;
	justify-content:center;
	align-items:center;
}
.kanbakudai .txt-right .box,
.kanbakudai .txt-left .box,
.fukuroda-hiking .txt-right .box,
.fukuroda-hiking .txt-left .box {
	padding:0 2rem;
}

/* 袋田の滝 大子来人 */
#daigolight .content {
	background-image:linear-gradient(rgba(13,71,161,0.9), rgba(13,71,161,0.9)),url(images/fukuroda-falls/bg_washi.jpg);
	color:#fff;
}
#daigolight h3:before,
#daigolight h3:after {
	background-color:#fff;
}
#daigolight table tbody {
	border:1px solid #ddd;
}
#daigolight table th {
	background: rgba(0,0,0,0.8);
	border-right:1px solid #ddd;
}
#daigolight table td {
	background: rgba(0,0,0,0.7);
}
@media (max-width:640px) {
	#fukuroda-falls h3 {
		font-size:180%;
	}
	.fukuroda-mainvisual .name {
		color:#fff;
		top:50vh;
	}
	.fukuroda-mainvisual .mainvisual {
		background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url(images/fukuroda-falls/mainvisual-spring.jpg);
	}
	.name-box {
		display: none;
	}
	.fukuroda-lead {
		padding:5rem 1rem;
		font-size:110%;
	}
	#fukuroda-falls .txt-right .box,
	#fukuroda-falls .txt-left .box {
		padding:1rem 0 5rem 1rem;
	}
	.parent-pageid-13756 .fukuroda-lead {
		padding:3rem 1rem 5rem 1rem;
	}
	.midokoro, .four-seasons, .fukuroda-information, .image-menu {
		padding:0 1rem 5rem 1rem;
	}
	.page-id-13756 .txt-right .box,
	.page-id-13756 .txt-left .box,
	.parent-pageid-13756 .txt-right .box,
	.parent-pageid-13756 .txt-left .box {
		padding:1rem 1rem 5rem 1rem;
		margin-bottom:0;
	}
	.parent-pageid-13756 section {
		padding-bottom:2rem;
	}
	.midokoro .grid-container .grid-x {
		display:flex;
	}
	.txt-left {
		order: 2;
	}
	.image-menu li {
		width:50%;
	}
	.image-menu li > a {
		max-height:140px;
	}
	#fukuroda-falls .image-menu li > a > .menu-name {
		padding-left:0.5rem;
		margin-bottom:0.5rem;
	}
	.fukuroda-season .img-left img {
		width:100%;
	}
	.parent-pageid-13756 h3 {
		margin:2rem 0;
		font-size:160%;
		padding:0 5rem;
	}
	.parent-pageid-13756 .fukuroda-season h3 {
		margin-bottom: 1rem;	
	}
	.parent-pageid-13756 h3:before,
	.parent-pageid-13756 h3:after {
		width: 4rem;
	}
	.fukuroda-season .catch-copy {
		margin-bottom:2rem;
	}
	.fukuroda-season .season-img {
		width:20%;
	}
	.fukuroda-season .img-small {
		margin-bottom:5px;
	}
	.parent-pageid-13756 .article-header {
		height:30vh;
		align-items: center;
	}
	.parent-pageid-13756 .page-title {
		font-size:180%;
		letter-spacing:normal;
		background:rgb(51,51,51);
	}
	.parent-pageid-13756 .page-title span {
		background:initial;
		padding:initial;
	}
	.fukuroda-season .season-img {
		margin:0 0 5px 5px;
		margin-left:0;
	}
}
@media (min-width:641px) {
	.mainvisual .name {
		display:none;
	}
	.fukuroda-season .img-right {
		margin-top: -50px;
	}
	.fukuroda-season .img-left {
		margin-bottom: -20px;
	}
}

/* スクロールナビ */
.gnav {
  width: 100%;
  background: #141414;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: fixed;
}
.gnav ul {
  width: 800px;
  margin: 5px auto 7px auto;
  list-style: none;
  display: flex;
}
.gnav ul li {
    text-align: left;
}
.gnav ul li a,
.gnav ul li a:link,
.gnav ul li a:visited {
  display: inline-block;
  width: 150px;
  background: #141414;
  color: #fff;
  text-decoration: none;
}
.gnav ul li a:hover,
.gnav ul li a:active {
  background: #141414;
}


/* 袋田の滝　固定メニュー */
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

@media (max-width: 640px) {
.top-bar {
	padding-bottom: 0;
}
.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 10px 0 0;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap; 
 }
.horizontal_scroll > li{
  width: 100%;
  min-width: 80px;
  /*white-space: nowrap;*/
}
.horizontal_scroll > li a{
  padding-bottom:1rem;
  	line-height: 1.4;
 }

.horizontal_scroll > li {
	margin-right:0;
	padding-right:0.5rem;
	text-align: center;

}
.horizontal_scroll .dark {
	border-bottom:2px solid rgba(79,195,247,0.5);
	background:rgba(97,97,97,0.4);
}
.horizontal_scroll .light {
	border-bottom:2px solid rgba(79,195,247,0.7);
	background:rgba(97,97,97,0.8);
}
}
/*冬の大子まんきつガイド2019*/
.winter2019-menu {
	background-image:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url(images/winter2019/hokuou.jpg);
	padding-bottom:1rem;
	border-top:2px solid #2196f3;
	border-bottom:2px solid #2196f3;
}
.winter2019-nature {
	background-image:linear-gradient(rgba(178,235,242,0.2), rgba(178,235,242,0.5)), url(images/winter2019/suisai_lightblue50.jpg);
}
.winter2019-daigolight {
	background-image:linear-gradient(rgba(121,134,203,0.2), rgba(121,134,203,0.5)), url(images/winter2019/suisai_blue50.jpg);
}
.winter2019-onsen {
	background-image:linear-gradient(rgba(255,236,179,0.2), rgba(255,236,179,0.5)), url(images/autumn2019/suisai_lightyellow.jpg);
}
.winter2019-shamo {
	background-image:linear-gradient(rgba(255,204,188,0.2), rgba(255,204,188,0.5)), url(images/autumn2019/suisai_yellow50.jpg);
}
.winter2019-map {
	background-image:linear-gradient(rgba(178,233,219,0.5), rgba(178,233,219,0.5)), url(images/autumn2019/suisai_lightyellow.jpg);
}

/*春の大子まんきつガイド2020*/
.spring2020-sakura {
	background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/autumn2019/suisai_pink50.jpg);
}
.spring2020-hiking {
	background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/winter2019/suisai_lightblue50.jpg);
}
.spring2020-taiken {
	background-image:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(images/autumn2019/suisai_yellow50.jpg);
}

.spring2020-cafe {
	background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/autumn2019/suisai_pink50.jpg);
}
.spring2020-fall {
	background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(images/winter2019/suisai_lightblue50.jpg);
}
.spring2020-event {
	background-image:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(images/autumn2019/suisai_yellow50.jpg);
}

#mankitsu-spring h3 {
	border-bottom: none;
	text-align: center;
	font-size: 200%;
	font-family: serif;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

#mankitsu-spring h4{
	font-family: serif;
}

.spring2020-sakura h3,
.spring2020-sakura h4,
.spring2020-cafe h3,
.spring2020-cafe h4 {
	 color:#ad1457;
}

.spring2020-hiking h3,
.spring2020-hiking h4,
.spring2020-fall h3,
.spring2020-fall h4 {
	color:#283593;
}


.spring2020-taiken h3,
.spring2020-taiken h4,
.spring2020-event h3,
.spring2020-event h4 {
color:#e65100;
}

.catch {
	font-weight: bold;
}

table.bus-timetable th,
table.bus-timetable td {
	text-align: center;
}

/* 氷瀑 2020-21 2021-22 */
#frozen-diary .grid-container {display: flex;flex-wrap: wrap;}
#frozen-diary .grid-container .item {flex:0 0 50%;padding:0.25rem;}
#frozen-diary .grid-container:first-child .item {flex:0 0 100%;}
@media (min-width: 641px) {
#frozen-diary .grid-container .item {flex:0 0 25%;padding:0.5rem;}
#frozen-diary .grid-container:first-child .item {flex:0 0 50%;}
}
#frozen-diary .grid-container {padding:1rem 0;}
#frozen-diary .grid-container:nth-of-type(even) {background-image: linear-gradient(rgba(178, 235, 242,0.5), rgba(224, 247, 250,0.7));}
#frozen-diary .grid-container:nth-of-type(odd) { background-image: linear-gradient(rgba(179, 229, 252,0.5), rgba(225, 245, 254,0.8));}
#frozen-diary .grid-container:first-child {	background-image: linear-gradient(rgba(187, 222, 251,0.8), rgba(227, 242, 253,0.8));font-size: 150%;}
#frozen-diary .grid-container .text-block {	display: flex;flex-direction: column;align-items: center;justify-content: center;}
#frozen-diary .text-block h4,#frozen-diary .text-block p {font-family: sans-serif;}
#frozen-diary .text-block p span:not(.froze-condition) {background:#5c6bc0;color:#fff;border-radius:4px;font-size:80%;padding:3px 5px;margin-right:5px;}
#frozen-diary .grid-container:first-child .froze-condition { font-size: 130%;font-weight:bold;color:#e91e63;}
#frozen-diary .froze:before { content : "❄️"}
#frozen-diary .temperature:before { content : "🌡"}	
#frozen-diary .amount:before { content : "💦"}
#frozen-diary .camera:before { content : "📷"}
#frozen-diary h2 {padding:1rem;}
#frozen-diary.fukurodawinter {padding-top:0;}

/* 袋田の滝NOW */
.fukuroda-now {border-radius:20px;padding-left:1rem;padding-right:1rem;
	/* 冬用 */ background:RGBA(111, 193, 242, 0.4); 
	/* 秋用 background:RGBA(255, 171, 145, 0.4);  */
	/* 春夏用 background:#C8E6C9; */
}
.fukuroda-now .orbit-container li{padding:0;}
.fukuroda-now .callout {margin-top:1rem;border-radius:15px;}
#fukuroda-falls .fukuroda-now {padding:2rem 2rem 1rem;margin-bottom:4rem;max-width: 55rem;} 


.hanabi-live {background:linear-gradient(#1a237e 60%, #ab47bc);margin:0;padding:1rem;display: none0;}
.hanabi-live a {display:block}
.hanabi-live a .texts {display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.hanabi-live a .texts .heading {font-size: 1.5rem;font-weight:bold;color:#ffeb3b;margin: 0}
.hanabi-live a .texts .link {font-size: 1rem;font-weight:bold;color:#fff;margin: 0}
@media (min-width: 641px) {
	.hanabi-live a .texts {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
	.hanabi-live a .texts br {display: none;}
}

/* たき丸認定あんしん登録店 */
.tabs li {width:50%;padding-left:0;text-align:center;}
.tabs-title>a:focus, .tabs-title>a {
	font-size:1rem;
	font-weight:bold;
	color:#222;
}

#takimaru-anshin table {width:100%;border-bottom:1px solid #ddd;}
#takimaru-anshin th {width:35%;}
#takimaru-anshin #panel1 th {background:RGBA(254, 212, 49, 0.2);}
#takimaru-anshin #panel2 th {background:RGBA(241, 124, 34, 0.1);}

#takimaru-anshin .place {width:40%;}
#takimaru-anshin .linkmore {
	display:flex;
	gap:.5rem;
}
#takimaru-anshin .linkmore > * {flex:1;height: 4rem;font-size:.75rem;font-weight:bold;
	display:flex;align-items: center;justify-content: center;}	
#takimaru-anshin .linkmore a {display: flex;width:100%;height:100%;align-items: center;justify-content: center;transition: all 0.6s ease;}
#takimaru-anshin .linkmore .nolink {border-radius:15px;border:4px solid #ddd;color:#ddd;}
#takimaru-anshin .linkmore div:first-child a {border-radius:15px;border:4px solid #03a9f4;}	
#takimaru-anshin .linkmore div:last-child a {border-radius:15px;border:4px solid #4caf50;}	
#takimaru-anshin .linkmore div:first-child a:hover {background:#e0f7fa;} 
#takimaru-anshin .linkmore div:last-child a:hover {background:#f1f8e9;} 

@media (max-width: 640px) {
#takimaru-anshin th,#takimaru-anshin td {display:block;width:100% !important;}
#takimaru-anshin th {border:1px solid #F7D556;margin-top:1rem;}
#takimaru-anshin td {padding:0 1rem;}
#takimaru-anshin .linkmore a {display: flex;width:100%;height:3rem;align-items: center;justify-content: center;transition: all 0.6s ease;}
#takimaru-anshin .linkmore .nolink {height:3rem;align-self: center;}
}
#takimaru-anshin .title-area .image-area
{background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),url(https://www.daigo-kanko.jp/wp-content/uploads/2018/11/449899850fea2938f25ed74f2699495c.jpg) !important;}

/* イベントの開催状況 */

.event-item {
	display: flex;
	flex-direction: column;
	width:100%;
}

.event-item > div {background:#fff;}
.event-item .event-status {flex:1;font-weight:bold;color:#d00;}
.event-item .event-name {flex:2;background:#f1f8e9;font-weight:bold;}
.event-item .event-date {flex:2;}
.event-item .event-place {flex:2;}
.event-item .event-contact {flex:3;}
.event-item > div {padding:.5rem;line-height: 1.4;border:1px solid#666;margin-top:-1px;}
.event-item > div span {font-size:.8125rem;font-weight:bold;display: block;padding-bottom:.25rem;}

@media (max-width: 640px) {
	.event-item {margin-bottom:2rem;}
}

@media (min-width: 641px) {
	.event-item {display: flex;flex-direction: row;}
	.event-item > div {margin-left:-1px;
						display:flex;align-items: center;
	}
	.event-item .event-status {justify-content: center;}
	.event-item > div span {display: none;}
}

.event-thead > div {background:#c5e1a5 !important;color:#222 !important; font-weight:normal !important;}

@media (max-width: 640px) {
.event-item .event-date:before {content:"開催(予定)日："}
.event-item .event-place:before {content:"場所："}
.event-item .event-contact:before {content:"問い合わせ："}	
	
}

/* 言語選択 */
.language-circle {display: flex;align-items: center;justify-content: center;margin-top:.5rem;}
.language-circle li {padding-left: 0;margin-right:0.5rem;}
.language-circle a {width:40px;height:40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size:70%;text-align:center;padding:0;background-color: RGBA(239, 235, 233, 1);color:#333;}

.language-circle .jp a	{color:#fff;background: #9C27B0;}
.language-circle .en a:hover	{color:#fff;background: #2196F3;}
.language-circle .cs a:hover	{color:#fff;background: #F44336;}
.language-circle .ct a:hover	{color:#fff;background: #4CAF50;}
.language-circle .ko a:hover	{color:#fff;background: #FFC107;}

.footer-language-link {text-align: right;}
.footer-language-link a {color:#fff;}


/* DCイベント */
#dc20231008 label {background:#BF360C;color:#fff;font-size: .75rem;display: inline-block;padding:0 .5rem;border-radius:6px;}
#dc20231008 li {font-size: .825rem;}

/* りんご狩り2025 */
#apple-shop-list .callout {background: #FFCDD2; border-radius:1rem;}
#apple-shop-list h5 {border:none;background: transparent;box-shadow: none;}
#apple-shop-list .basic-info {font-size: .85rem;margin-bottom: .5rem;}
#apple-shop-list .basic-info th {width:33%; text-align: center;background: #DCEDC8;color:#000;}
#apple-shop-list .optional-info {table-layout: fixed; font-size: .75rem;}
#apple-shop-list .optional-info td {text-align: center;font-weight: bold;line-height: 1.4;}
#apple-shop-list .optional-info .mogitori {background: #FFF9C4;}
#apple-shop-list .optional-info .pet {background: #E1F5FE;}
#apple-shop-list .optional-info .cashless {background: #EDE7F6;}
#apple-shop-list .optional-info .ng {background: #ddd;color:#bbb;}
#apple-shop-list .appeal-point {font-size: .8125rem;font-weight: bold;}
#apple-shop-list .button {border-color: #C62828;}
#apple-shop-list .button:hover {background: #EF5350;}


/* 管理バー(adminバー)を下に */
#wpadminbar { top: auto;bottom: 0;}