@charset "utf-8";
/*
Theme Name: Eight Days A Week 2018
Theme URI: http://www.lookat.co.jp
Author: hidekky
Description: Made in 2016-11-15
*/

@import url("foundation-edit.css");

/* ////////////////////////////////////////////////////////////
	ヘッダー・ナビゲーション
//////////////////////////////////////////////////////////// */	

body {
	background-color: rgba(255, 255, 255,1);
}

body.home {
/*	background-image: url(images/bg_nemophila.jpg);
	background-repeat: no-repeat;
	background-size: contain; 
*/
}

a { color: #1d3994;}
a:visited { color: #1d3994;}
a:hover, a:focus { color: #FF9100;}
.button { color: #FFF !important;}
.button.hollow { color: inherit !important;}


.primary {
	padding-bottom:30px;
}

@media (max-width: 640px) {
	
	.primary {
		padding-bottom:10px;
	}
}
@media (min-width: 641px) {
.primary {
/*	padding-left:30px;
	padding-right:30px; */
}
}

.menu-area {
	padding-right:0;	

}

/* ナビゲーションメニュー */

.header-area {
		margin-top:0;
		overflow: visible;

}

.header-area button {
	line-height: 1;
}

.title-bar .menu-icon {
	margin:0;
}

.top-bar,
.top-bar ul {
    background-color:inherit;
}
.global-nav a {
	display: block;
	color: inherit;
	font-size: 12px;
	text-decoration: none;
}

.global-nav a:hover {
	background-color: rgba(0,0,0,0.3);
}
.global-nav li:before {
	content: none;
}

ul.yoko li {
	margin-right: 30px;
	padding-top:3px;
}

/* 色を変えないリンクテキスト */
.title a,
footer a {
	color:#fff !important;	
}
.title a:hover,
footer a:hover {
	color:#FFEB3B !important;
	transition: all 0.5s ease;
}
footer ul {
	line-height:1.3;
}
footer li {
	font-size:small ;
}

/* タイトルエリア */

.parent-title {
/* 青 */ background: linear-gradient(rgba(21, 101, 192, 0.6), rgba(21, 101, 192, 1));
/* 緑  background: linear-gradient(rgba(16, 146, 85, 0.6), rgba(16, 146, 85, 1)); */
/* 赤  background: linear-gradient(rgba(215, 29, 24, 0.6), rgba(215, 29, 24, 1));  */
	padding-top:30px;
	padding-bottom: 30px;
	margin-top: 0;
	margin-bottom: -50px;
	z-index: 10;
	position: relative;
	border-radius: 0 0  20px 20px;
}
@media (max-width: 640px) {
.parent-title {
	background: transparent;
	padding:10px 0 20px;
	z-index: 0;
}
}

.title {
/* ネモフィラ */	background-image: linear-gradient(rgba(187, 222, 251,0.4), rgba(187, 222, 251,0.4)), url(images/bg_title_nemophila.jpg);
/* バラ	background-image: linear-gradient(rgba(252, 232, 235,0.4), rgba(252, 232, 235,0.4)), url(images/bg_title_bara.jpg) ;	*/
/* 大草原 	background-image: linear-gradient(rgba(188, 201, 228,0.4), rgba(188, 201, 228,0.4)), url(images/bg_title_daisougen.jpg) ; */
/* コキア background-image: linear-gradient(rgba(255,255, 255,0.4), rgba(255,255,255,0.4)), url(images/bg_title_kochia.jpg); */

	background-position: center center; 
	background-size: cover;
	padding-top: 0;
	padding-bottom:30px; 
	} /* ページタイトルエリア全体 */
.title p {
	font-size: 1.3rem;
	font-weight: bold;
	height:3rem;
	line-height: 1.5;
	text-align: center;
	color:#fff;
}
@media (max-width: 1024px) {
	.title p {
	font-size: large;
	}
}
.page-title {
	/* background: #EFEBE9; */
/*	background-image: linear-gradient(rgba(187, 222, 251,0.4), rgba(187, 222, 251,0.4)), url(images/bg_title_nemophila.jpg); */
	background-image: linear-gradient(rgba(187, 222, 251,0.2), rgba(187, 222, 251,0.2)), url(images/bg_title_daisougen.jpg);background-position:center bottom;
/*	background-image: linear-gradient(rgba(185,55,55,0.2), rgba(185,55,55,0.2)), url(images/bg_title_kochia.jpg);background-position:center center; */
	margin-top:0;
	margin-bottom:0;
	
}
.page-title h2{
	margin:0;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
}
.page-title h2 span{
	background-image: linear-gradient(rgba(2, 136, 209, 1), rgba(2, 136, 209, 1))/* , url(images/bg_title.png) */;
	padding-bottom: 15px;
	background-position: center bottom;
	background-repeat: repeat-x;
		line-height: 2;
		color:#fff;
		font-weight: bold;
		padding: 10px 20px;
		border-radius: 5px;
}
@media (max-width: 640px) {
.page-title h2 span{
	background-image: none;
	}	
}

/* ////////////////////////////////////////////////////////////
	フッター
//////////////////////////////////////////////////////////// */	


.footer-top {
	text-align: center;
	padding-top:50px;
}

/* フッター */
footer {
	background-color: #3293bf; /* ネモフィラ */
/*	background-color: #AA3242; /* コキア */
/*	background-color: #bb9e76; /* 土 */
	color:#fff;
}

footer a{
	color:#fff;
}
footer a:hover{
	color:#FFFF00;
}
footer li:before {
	color:#ff0;
}
footer h2 {
	color: #fff;
	border-bottom: 1px solid #fff;
}
footer h3 {
	color: #fff;
}

.footer-title {
	font-weight:bold;
	border-bottom: 1px solid #fff;
}
.footer-submenu-aho {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 5px;
	font-weight: bold;

}
.footer-submenu {
	margin-bottom: 50px;
	padding-top: 5px;
	border-radius: 5px;
	background:linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2));
	overflow: hidden;
}


/* ページトップへボタン */
.page-top-link a{
	display: block;
}
.page-top-link a{
	position: fixed;
	right: 20px;
	bottom: 20px;
	top:auto;
	left: auto;
	
}
.page-top-link .fukidashi{
	font-size: 10px;
	text-align: center;
	width:80px;
	background: #fff;
	border-radius: 6px;
	padding:3px 0;
	position: relative;
	margin-bottom: 10px;
}
.page-top-link .fukidashi:before {
	content: "";
	position: absolute;
	bottom: -16px;
	right: 40%;
	border: 10px solid transparent;
	border-top: 10px solid #fff;
}


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



/* 新着情報・ブログ */
.latest-information {
	margin-top: 50px;
	margin-bottom: 20px;
	background: #F7F5F1;
	background: var(--light-bg-color); /* ベージュ */
}

.blog-thumb {
	margin-left: 5px;
	margin-right: 5px;
	border: none;
}
section.blog {
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 50px;
	background: #F7F5F1;
	background: var(--light-bg-color); /* ベージュ */
}

.latest-information h4 {
	margin-bottom: 0.5rem;
}
.news-date {
	color:rgba(2, 136, 209, 0.7);
	font-size: small;
}
.latest-information p {
	font-size: small;
}


/* ////////////////////////////////////////////////////////////
	カレンダー
//////////////////////////////////////////////////////////// */	

.event-cal .saturday th {
    background: #bbdefb none repeat scroll 0 0 !important;
}
.event-cal .sunday th {
    background: #ffcdd2 none repeat scroll 0 0 !important;
}
.event-cal .saturday td {
    background: #f4faff none repeat scroll 0 0;
}
.event-cal .saturday td:first-child {
    color: #0081ff;
}
.event-cal .sunday td {
    background: #fff4f4 none repeat scroll 0 0;
}
.event-cal .sunday td:first-child {
    color: #d50000;
}

label {
    display: inline !important;
    }

/* ////////////////////////////////////////////////////////////
	検索画面
//////////////////////////////////////////////////////////// */	
#course_search label {
	font-size: large;
}
input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: middle;
}
input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
/* ////////////////////////////////////////////////////////////
	検索結果
//////////////////////////////////////////////////////////// */	
.search-option {
    border-radius: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 10px;
}
.search-option h6 {
    border-bottom: 1px solid #ddd;
    color: #e57373;
    font-weight: bold;
}
.search-option p {
    margin-bottom: 0;
}

.res-num {
    color: #e64a19;
    font-size: xx-large;
    font-weight: bold;
    margin-right: 5px;
}


/* ////////////////////////////////////////////////////////////
	ヘッダー
//////////////////////////////////////////////////////////// */	

/*
.logo-area {
	margin-top:5px;
	background: url(images/logo-bg-hamanasu.png) right top no-repeat; 
}
*/

/*
header h1 {
	margin-top: 30px;
}
*/
header h1 img {
	width: 400px;
}

.title-logo {
	spadding:20px 10px;
}

a.title-logo:hover {
	background: transparent;
}


.title-bar-right .title-logo {
	display: inline;
	border:none;
	background: transparent;
	box-shadow: none;
	font-weight: bold;
	color:#1B5E20;
}




.title-logo:hover {
	background: #FFF8E1;

}


.title-bar-right .title-logo:hover {
	background: transparent;

}


.support-menu {
	text-align: right;
	padding-top:5px;
}
.support-menu a {
	
}

.english-link {
	padding: 0;
}
.english-link a{
	background:#0277BD;
	font-weight: bold;
	color:#fff;
	display: block;
	padding:6px 10px;

}
.english-link a:hover{
	background: #039BE5;
	transition: all 0.6s ease;
}


.support-menu form {
	margin-bottom: 7px;
}
.support-menu [type='search'] {
	width: 70%;
	float:left;
	margin:0;
	margin-right:2px;
	font-size: small;
	padding:2px;
	height: auto;
}
button {
	float:left;
	padding: 5px 10px !important;
	margin-bottom: 0 !important;
}

.title-logo img {
	max-height:140px;
}

.global-nav3 .columns {
	padding: 0;
}
.global-nav3 .menu1 {
	background: #44aeea;
}
.global-nav3 .menu1:hover {
	background: #f00;
    transition: all 0.6s ease;

}
.global-nav3 .menu2 {
	/* background: linear-gradient(rgba(250, 200, 0, .7), rgba(277, 0, 127, .7)); */
	background: #b4cb32;
}
.global-nav3 .menu3 {
	background: #b2b6db;
}
.global-nav3 .menu4 {
	background: #dd9cb4;
}
.global-nav3 .menu5 {
	background: #ebc061;
}
.global-nav3 .menu6 {
	background: #ebc061;
}

.global-nav3 .menu1 a {
	background: url(images/menu1.png) ;
	background-size: 30% auto;
}
.global-nav3 .menu2 a {
	background: url(images/menu8.png) ;
}
.global-nav3 .menu3 a {
	background: url(images/menu9.png) ;
}
.global-nav3 .menu4 a {
	background: url(images/menu2.png) ;
}
.global-nav3 .menu5 a {
	background: url(images/menu6.png)  ;
}
.global-nav3 .menu6 a {
	background: url(images/menu10.png)  ;
}
.global-nav3 .columns a {
	display: block;
	width:100%;
	padding-top:70px;
	padding-bottom: 5px;

	font-size: medium;
	color:#fff;
	text-align: center;

	font-weight: bold;
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: center 30%;
}



.global-nav-mobile {
	margin: 10px auto;
	background: rgba(2, 136, 209, 0.06) !important;
}

.global-nav-mobile .columns a {
	display: block;
	width:100px;
	height:80px;
	border:4px solid transparent;
	text-align: center;
	
} 
.global-nav-mobile i{
	text-align: center;
	font-size:240%;
}
.off-canvas {
	background: #E1F5FE;
}
.mobilemenu {
	margin-right: 10px;
}
.global-nav-mobile .columns {
	margin-bottom: 0;	
}



/* メガメニュー */
#mega-menu-wrap-main {
	background: transparent !important;
}

#mega-menu-main > li {
	width:16.6% !important;	
	text-align: center !important;
}

#mega-menu-main li{
	border-right: 0 !important;
}
#mega-menu-main li:last-child {
	border-right: none !important;
}

/*

#mega-menu-item-42148 > a{
	background: #44aeea url(images/menu1.png) center 30% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #0091EA !important;
}
#mega-menu-item-42149 > a {
	// background: linear-gradient(rgba(250, 200, 0, .7), rgba(277, 0, 127, .7)); //
	background: #b4cb32 url(images/menu8.png) center 30% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #00C853 !important;
}
#mega-menu-item-42244 > a {
	background: #b2b6db url(images/menu9.png) center 30% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #6200EA !important;
}
#mega-menu-item-42151 > a{
	background: #dd9cb4 url(images/menu2.png) center 30% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #C51162 !important;
}
#mega-menu-item-42235 > a {
	background: #ebc061 url(images/menu6.png) center 30% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #FF6F00 !important;
}
#mega-menu-item-42152 > a {
	// background: #6db5a9 url(images/menu10.png) center 30% no-repeat !important; //
	background: #ebc061 url(images/menu10.png) center 30% no-repeat !important;
	background-size: 30% auto !important;
	// border-bottom: 4px solid #33691E !important; //
	border-bottom: 4px solid #FF6F00 !important;
}
*/
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,
#mega-menu-main {
	background: rgba(2, 136, 209, 0.06) !important;
}

.mega-menu-link {
	color: rgba(2, 136, 209, 1) !important;	
}
.mega-menu-link i {
	display: block;
	font-size: 250%;
	margin-bottom: 10px;
}

.mega-menu-link .main-menu-icon img {
	margin-bottom:10px;
	height:40px;
}

.mega-menu-link .main-menu-icon p {
	margin:0;
}

.mega-menu-link .main-menu-icon {
	display: block;
}

#mega-menu-wrap-main #mega-menu-main p {
	margin-bottom: 0;
	line-height: 1.3;
}

.mega-sub-menu i {
	font-size: inherit;
}

.global-nav-mobile a,
#mega-menu-main > .mega-menu-item > a{
	width:100%;
	padding:20px 0 10px !important;
	font-size: medium !important;
	text-align: center !important;
	font-weight: bold !important;
	height:auto !important;
	line-height: 1.3 !important;
}
.global-nav-mobile a {
	padding:50px 0 10px !important;

}


.global-nav-mobile .columns {
		background-size: 40% auto !important;
		padding-left:5px;

}

.mega-menu-item {
	padding:0 !important;
}
.mega-menu-item a {
	display: block;	
	padding:15px !important
}
.mega-menu-item a:hover{
	background:#B2EBF2 !important;
	transition: all 0.6s ease !important;
}

.mega-sub-menu {
	box-shadow:2px 2px 5px !important;}


#mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color: #555;
  font-family: inherit;
  font-size: 14px !important;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  display: block;
  border-top: 0px solid #555;
  border-left: 0px solid #555;
  border-right: 0px solid #555;
  border-bottom: 0px solid #555;
}

li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
	content: none !important;
}

header {
/*	margin-bottom: -50px;
	position: relative;
	z-index: 100; */
}


/* 本日の開園状況 */

.open-time {
	color:#000;
	font-size: large;
	text-align: center;
	background: #FFF;
	padding:10px;
	border-radius: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}
.open-time .midashi{
	color:#558B2F;
	font-size: large;
	text-align: center;
	background: #FFF;
	padding:10px;
	border-radius: 10px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom:0;
}
.open-time .jikan{
	background: #F1F8E9;
	padding:10px 30px;
	border-radius: 10px;
	font-weight: bold;
	color: #558B2F;
}

.info-today {
	margin-top: 0;
	background: #AED581;
	overflow: hidden;
}
.info-time p{
	/* background: linear-gradient(rgba(104, 159, 56,1), rgba(104, 159, 56,1)); */
	text-align: center;
	line-height: 1.2;
}


.info-time .date {
	font-size: 120%;
	font-weight:bold;
	margin-bottom: 0;
}
.info-time .time {
	font-size: 120%;
	font-weight:bold;
	margin-top: 10px;
}
.info-time .time span{
	font-size: 160%;
	font-weight:bold;
}

@media (max-width: 640px) {
	.info-time {
		xmin-height: 150px;
	}
	.info-time .date ,
	.info-time .time {
		font-size: 100%;
	}
	.info-time .time span{
		font-size: 130%;
	}

}




/*
.info-campaign {
	position: relative;	
}
.info-campaign img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
*/
.info-campaign,
.info-campaign .image-area {
	height: 100%;
}
.info-campaign .image-area {
    display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;    /* 4 */
}
	
/* インフォメーションタブ */


.topics a {
	font-size: 13px;	
}
.topics dt,
.topics dd {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

@media (max-width: 640px) {
	.topics dt {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom:0;
}
	.topics dd {
		margin-top:0;
		padding-top:0;
		}
}

.tabs#information-tabs {
border: none;
background: transparent;
}

.tabs li:before {
	content: none;
}

.tabs-panel li:before {
	top:3px;
}
.tabs-panel .label {
	padding-top:5px;
	padding-bottom: 2px;
}

.tabs-title {
	width: 25%;
	text-align: center;
}

.tabs-title > a{
	border-radius:10px 10px 0 0;
	padding: 1.5rem 0.5rem 1rem;
	margin-top:1rem;
/*	font-size:15px; */
}

/*
.tabs-title.tab1 > a {
	background: #FFECB3;color:#000;
}
.tabs-title.tab2 > a{
	background: #DCEDC8;color:#000;
}
.tabs-title.tab3 > a {
	background: #FFCDD2;color:#000;
}
.tabs-title.tab4 > a{
	background: #B3E5FC;color:#000;
}
*/
.tabs-title > a {
	background: rgba(2, 136, 209, 0.1);color:#000;
}

/*
.tabs-title.tab1 > a:hover {
	background: #FFD54F;color:#fff;
	    transition: all 0.6s ease;
}
.tabs-title.tab2 > a:hover {
	background: #AED581;color:#fff;
	    transition: all 0.6s ease;
}
.tabs-title.tab3 > a:hover {
	background: #EF9A9A;color:#fff;
	    transition: all 0.6s ease;
}
.tabs-title.tab4 > a:hover {
	background: #81D4FA;color:#fff;
	    transition: all 0.6s ease;
}
*/
.tabs-title > a:hover {
	background: rgba(2, 136, 209, 0.3);color:#fff;
	    transition: all 0.1s ease;
}


/*
focus, .tabs-title.tab1 > a[aria-selected='true'] {
	background: #FFAB00;color:#fff;font-weight:bold;
	margin-top: 0;padding-bottom:2rem;
}
focus, .tabs-title.tab2 > a[aria-selected='true'] {
	background: #00C853;color:#fff;font-weight:bold;
	margin-top: 0;padding-bottom:2rem;
}
focus, .tabs-title.tab3 > a[aria-selected='true'] {
	background: #FF5252;color:#fff;font-weight:bold;
	margin-top: 0;padding-bottom:2rem;
}
focus, .tabs-title.tab4 > a[aria-selected='true'] {
	background: #40C4FF;color:#fff;font-weight:bold;
	margin-top: 0;padding-bottom:2rem;
}
*/
focus, .tabs-title > a[aria-selected='true'] {
	background: rgba(2, 136, 209, 1);color:#fff;font-weight:bold;
	margin-top: 0;padding-bottom:2rem;
}


.tabs-content {
	border:none;
}

/*
#panel1 {
	border-radius: 0 0 10px 10px;
	border:4px solid #FFAB00;	
}
#panel2 {
	border-radius: 0 0 10px 10px;
	border:4px solid #00C853;
}
#panel3 {
	border-radius: 0 0 10px 10px;
	border:4px solid #FF5252;	
}
#panel4 {
	border-radius: 0 0 10px 10px;
	border:4px solid #40C4FF;	
}
*/
.tabs-panel.is-active {
	border-radius: 0 0 10px 10px;
	border:4px solid rgba(2, 136, 209, 1);	
}


@media (max-width: 640px) {
	.tabs-title > a {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	.tabs-title {
		width: 25%;
		text-align: center;
	}
}

.info-list li {
	margin-bottom: 5px;
}
.info-list .date {
	display: inline-block;
	width:100px;
}

.info-list .label {
	display: inline-block;
	border-radius: 8px;
	color:#fff;
	width:80px;
	text-align: center;
}
.info-list .label.information {
	background: #00C853;
}
.info-list .label.pause {
	background: #FF5252;
}
.info-list .label.pressrelease {
	background: #40C4FF;
}
.info-list dl {
	margin:0;
}
.info-list dt {
	font-weight: normal;
	background: transparent;
	margin-right: 0;
	text-align: left;
}
@media (min-width: 641px) {
.primary .info-list dt {
	width:220px !important;	
}
}
.info-list dt:before {
	content: '\f04b';
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	margin-right: 5px;
	color:#F48FB1;
	font-size: x-small;
	
}


/* ////////////////////////////////////////////////////////////
	サイドバー
//////////////////////////////////////////////////////////// */	



/* サイドバー */
.sidebar-widget li{
	border-bottom: 1px solid #f0f0f0; 
	margin-top: 10px;
}
.sidebar-widget li a{
	display: block;
}
.sidebar-widget li a:hover{
	background: #fcfcf0;
}
.sidebar-widget li:last-child{
	border-bottom: none;
}



/* サイドバーの幅 */
.secondary {
	background: rgba(2, 136, 209, 0.2);
	padding-top:20px;
	padding-bottom:50px;
}
.sidebar {
}
@media (min-width: 641px) {
.sidebar {
	max-width: 250px;
	margin: 0 auto;
}	
}

/* サイドバー見出し */
.sidebar h2 {
	margin-bottom: 0.5rem;

}
.sidebar h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-size: medium;
	border-bottom: 3px solid #FFB74D;
	color:#6D4C41;
}

.sidebar h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0;
	border: 0;
	font-size: small;
}

.sidebar aside {
	margin-top:-20px;
}


.side-link .button {
	width: 100%;
	text-align: left;
	background: #FAF6EF;
	color:#6D4C41 !important; 
	border-color:#FFE0B2;
	margin-bottom: 5px;
	padding-top:5px;
	padding-bottom: 5px;
}


/* サイドバーのページリスト */

#side-list {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	border-radius: 5px;
	margin-bottom:20px;
}
#side-list li{
/*	border-bottom: 1px dotted #ddd; */
	padding-bottom: 3px;
	margin-bottom: 5px;
	line-height: 1.3;
	background: url(images/li-pink.png) no-repeat 0 3px;
}
#side-list a {
	display: block;
	font-weight: bold;
}
#side-list a:hover {
	color:#FF9100;	
}

#side-list dl {
	margin-left: 10px;
}
#side-list dt {
	background:#ECEFF1;
}
#side-list dt:before {
	content:none;
}
#side-list dd {
	padding-bottom:10px;
}

/* サイドバーのカレンダー */
.sidebar .widget_metaslider_widget {
	background: #fff;
	overflow: hidden;
}


.sidebar .metaslider .caption-wrap {
	background: transparent !important;
	position: absolute;
	top: 0;
	
}

.sidebar .metaslider .slides {
/*	padding-top:30px;	*/
	padding-bottom: 20px;
	clear:both;
}

.sidebar .caption {
	color:#000;
	background: #fff;
	text-align: center;
	font-size: medium;
}

.widget.widget_text {
	background: #fff;
	padding-bottom: 5px;
	overflow: hidden;
	margin-top:-10px;
}
.sbc-legend {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    font-size: 80%;
}
#sbc-calendar form {
    margin: 0;
}
.sbc-navigation select {
    width: auto;
}
.sbc-calendar-month {
    width: 200px;
}
#sbc-calendar table thead, table tfoot {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-weight: bold;
}
#sbc-calendar tr td.pad {
    background: #ffffff none repeat scroll 0 0;
}

/* サイドバーカレンダー スライダーの矢印固定 */
/*.widget_metaslider_widget .caption-wrap{top:-2em; bottom:inherit; opacity:1; background:0; color:inherit; text-align:center;}
.widget_metaslider_widget .caption-wrap .caption{ padding:0 !important;}
.widget_metaslider_widget ul{margin:0 !important; padding:0 !important; text-indent:0 !important; } */
.sidebar .widget_metaslider_widget .flex-direction-nav {margin-bottom: 2em !important; }
.sidebar .widget_metaslider_widget .flex-direction-nav a{top:100%; opacity: 1;}
.sidebar .widget_metaslider_widget .flex-direction-nav .flex-next{ right:0;}
.sidebar .widget_metaslider_widget .flex-direction-nav .flex-prev{ left:0;}

/* サイドバーカレンダー凡例 */
.day-example {
	text-align: center;
	font-size: x-small;
}
.day-example .column{
	padding:2px;
}
.day-example .column div{
	border-radius: 4px;
	padding:2px;
}
.close-day {
	background: #FFC0BD;
}
.morning-day {
	background: #9AF5F9;
}
.free-day {
	background: #FFB333;
}
.partical-free-day {
	background: #C0E288;
}
.expand-day {
	background: #FEE2A0;
}
.night-day {
	background: #CEA2FF;
}

/* サイドバー天気 */
.widget_weatherhackswidget {
	background: #fff;
}

/* サイドバー SNS */
.sns-links .column {
	text-align: center;
	font-size: x-small;
	padding:5px;
	margin-bottom: 10px;
}
.sns-links .icon	{
	display: inline-block;
	margin-bottom: 2px;
	font-size: 40px;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #d2e9f2;
	color: #fff;
}
@media (max-width: 900px) {
.sns-links .icon	{
	font-size: 30px;
	width: 1.9em;
	line-height: 1.9em;
}	
}
.sns-links .icon.fa-twitter {
	background-color: #55acee;
}
.sns-links .icon.fa-facebook {
	background-color: #3B5998;
}
.sns-links .icon.fa-instagram {
/*	background-color: #C13584; */
  background:-webkit-gradient(linear, left top, right bottom,
    color-stop(0, #294DFD),
    color-stop(0.11, #473DEB),
    color-stop(0.22, #8727C7),
    color-stop(0.33, #D62286),
    color-stop(0.44, #FA1864),
    color-stop(0.55, #FF3038),
    color-stop(0.66, #FE5631),
    color-stop(0.77, #FF732C),
    color-stop(0.88, #FFB240),
    color-stop(1.0, #FFDF82));
  background:-webkit-linear-gradient(left top,
    #294DFD 0,
    #473DEB 11%,
    #8727C7 22%,
    #D62286 33%,
    #FA1864 44%,
    #FF3038 55%,
    #FE5631 66%,
    #FF732C 77%,
    #FFB240 88%,
    #FFDF82 100%,
  );
  background:-moz-linear-gradient(left top,
    #294DFD 0,
    #473DEB 11%,
    #8727C7 22%,
    #D62286 33%,
    #FA1864 44%,
    #FF3038 55%,
    #FE5631 66%,
    #FF732C 77%,
    #FFB240 88%,
    #FFDF82 100%,
  );
  background:-o-linear-gradient(left top,
    #294DFD 0,
    #473DEB 11%,
    #8727C7 22%,
    #D62286 33%,
    #FA1864 44%,
    #FF3038 55%,
    #FE5631 66%,
    #FF732C 77%,
    #FFB240 88%,
    #FFDF82 100%,
  );
  background:linear-gradient(to right bottom,
    #294DFD 0,
    #473DEB 11%,
    #8727C7 22%,
    #D62286 33%,
    #FA1864 44%,
    #FF3038 55%,
    #FE5631 66%,
    #FF732C 77%,
    #FFB240 88%,
    #FFDF82 100%,
  );	
}
.sns-links .icon.fa-comment {
	background-color: #00c300;
}
.sns-links .icon.fa-youtube-play {
	background-color: #cd201f;
}
.sns-links .icon.fa-envelope {
	background-color: #FFB74D;
}
.sns-links .icon.fa-pencil {
	background-color: #7986CB;
}
.sns-links .icon.fa-newspaper-o {
	background-color: #ff0;
}
.sns-links .icon.fa-leaf {
	background-color: #9CCC65;
}

/* 三大バナー */
.banner-3 {
	padding:0 30px;
}
.banner-3 .columns {
	padding:5px;
}

@media (max-width: 640px) {
	.banner-3 {
	padding:0;
	}
}


/* cardの設定 */
.small-up-1 .column {
	padding-right:0.3125rem;
	padding-left:0.3125rem;
} 
.small-up-1 .column a:hover .card{
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.3);
	background: rgba(2, 136, 209, 0.1);
	transition: all 0.6s ease;

}
.card-divider {
	background:#DCE775;
	padding:5px 10px;
}


.card-section {
	padding:10px 10px 5px;
}
.small-up-1 a div.card-section:after {
	content:"クリックで詳細ページへ \f0a9";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: 60%;
	text-align: right;
	padding-top:10px;
	display: block;
}
@media (max-width: 640px) {
.small-up-1 a div.card-section:after {
	content:"タップで詳細ページへ \f0a9";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}
	
}


/* いま楽しめる花情報 */
/*
.flower-info {
	background:linear-gradient(rgba(252, 228, 236,0.7), rgba(255, 253, 231,0.7));
}
*/
.secondary .flower-info {
	background: none;
}
.flower-info.flower-list {
	background:transparent;
}
.flower-info .card {
	background:#fff;
	border:2px solid #0288D1;
/*	border-radius: 4px; */
	padding:5px;
}

@media (min-width: 641px) {
.flower-info .card {
	min-height:10.5em;

}	
	}

.flower-info .card-divider {
	padding:0;
	background: transparent;
}
.flower-info h5 {
	margin: 0;
	border-left: 4px solid rgba(2, 136, 209, 1);
	border-bottom: none;
	padding: 2px 4px;
}
.flower-info h6 {
	margin-top:10px;
	color:#000;
}

.flower-info p {
	line-height:1.3;
}
.flower-info .condition {
	font-weight:bold;
	margin: 5px 10px;
	color: rgba(2, 136, 209, 0.8);
	font-size:80%;
}
.flower-info .condition:before {
	content: "\f013";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-right: 5px;
	
}

.flower-info .place {
	margin: 5px 10px;
	color: rgba(2, 136, 209, 0.8);
	font-size:80%;
}
.flower-info .place:before {
	content: "\f041";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-right: 10px;
	padding-left:2px;	
}
.flower-info .time:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color:#1B5E20;
	padding-right: 10px;
	padding-left:2px;	
}

.flower-info .date {
	text-align:right;
	margin: 10px 5px 10px 5px;
	font-size:80%;
}

.flower-info .photo {
	min-height: 130px;
	background-position: center;
	background-size: cover;
}


@media (max-width: 640px) {
.flower-info .photo {
	min-height: 125px;
}
	
}

.sidebar .flower-info .photo {
	min-height: 100px;
}


.flower-list .hana-individual {
	background: #FFF8E1;
	padding:5px;
	margin-bottom: 3px;
}



/* 花のキャッチフレーズ */
.catchphrase p {
	color:rgba(2, 136, 209, 1);
	font-family: serif;
	font-weight: bold;
	text-align:center;
	font-size:large;
}


/* 施設案内 */
.area-list .card-divider {
	padding:0;
	background: #FFFFFF;
}
.area-list h5 {
	margin: 0;
	border-left: 4px solid rgba(2, 136, 209, 1);
	background: rgba(2, 136, 209, 0.2);
	border-bottom: none;
	padding: 2px 4px;
}
.area-list p {
	line-height:1.2;
}
.area-list .legend {
	min-height:30px;
}





/* パンくずエリア */
.breadcrumbs-area {
	background: #F5F5F5;
	clear:both;
}
.breadcrumbs {
	margin-bottom: 0;
	padding:10px;
}


/* 花のスライダーサムネイル */
.flex-control-nav {
	text-align: left !important;
}
.metaslider ol.flex-control-thumbs img {
	width: 122px !important;
}

.home .flex-control-nav {
	text-align: center !important;
}

@media (max-width: 640px) {
	
.metaslider ol.flex-control-thumbs img {
	width: 100px !important;
}
	
}
@media (max-width: 767px) and (orientation: landscape) {
	
.metaslider ol.flex-control-thumbs img {
	width: 60px !important;
}
	
}


/* 施設のスライダーサムネイル */
.single-spot .flex-control-nav {
	text-align: left !important;
}
.single-spot .metaslider ol.flex-control-thumbs img {
	width: 140px !important;
}

@media (max-width: 640px) {
	
.single-spot .metaslider ol.flex-control-thumbs img {
	width: 100px !important;
}
	
}

@media (max-width: 767px) and (orientation: landscape) {
	
.single-spot .metaslider ol.flex-control-thumbs img {
	width: 70px !important;
}
	
}


/* リード文 */
.lead { 
	font-size: 18px;
	line-height: 2;
	}


/* table */
.header th,
thead th {
	background: rgba(2, 136, 209, 1);
}

th {
	background: rgba(2, 136, 209, 0.1);
}
td {
	background: rgba(2, 136, 209, 0.05);
}
table tbody tr:nth-child(even) {
		background-color: #fff;

}


/* 関連リンク */

.gotohana { 
	margin:20px 10px;
}

.gotohana {
	border-radius: 5px;
}

.gotohana span {
	background:#fff;
	border-radius:10px;
	padding:5px 8px;
	color:#F06292;	
}

.gotoflower {
	background:rgba(2, 136, 209, 0.05);
	padding:10px 0 0;
}
.gotoflower .flower-info{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.gotoflower .flower-info .card {
	margin-bottom: 5px;
}
.gotoflower .button {
	margin-bottom: 0;
}

/* Google Map 見出し */
h4 i {
	color:#0091EA;
	}


table ul {
	margin-bottom: 0;	
}


.page-list i {
	font-size:48px;	
}
.page-list i.fa{
	font-size:40px;
	margin:8px;	
}
.page-list .button {
	line-height: 1.4;
	padding-top:30px;
	padding-bottom:30px;
}

.page-list .button.large {
	font-size: 16px;	
}

.mega-menu{
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  z-index:90;
 }

.social-link {
	text-align: right;
}
.social-link a{
	font-size: 200%;
	color:#0288D1	
}

.social-link-sp {
	text-align: center;
}
.social-link-sp a{
	font-size: 250%;
	color:#0288D1	
}


/* DL */
dl {
margin: 0 0.625rem 0.625rem;
}
dl dt {
width: 100%;
background: #ECEFF1;
float: none;;
padding: 5px ;
text-align: center;
margin-right: 10px;
margin-bottom: 0;
}
dl.yoko dt {
	width: 9em;
	float: left;
}
@media (max-width: 640px) {
dl.yoko dt {
	width: 100%;
	float: none;;
}	
}

dl dd {
padding: 5px ;
/* border-bottom: 1px solid #CFD8DC; */
overflow: hidden;
}
@media all and (max-width: 480px) {
dl dt{
width: 100%;
}
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  height: 40px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding:10px;
    box-shadow: none;
    content: ''; }

.menu-icon.dark::after {
	content: "\f0c9  MENU";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-size: x-large;
	color:#FFF;
	background: #F48FB1;
	padding-right: 5px;
	border-radius: 3px;
}
  .menu-icon.dark:hover::after {
    background: #F48FB1;
    box-shadow: none; }

.close-button {
	background: #fff;	
}


.title-bar {
	padding: 0;
}
.title-logo-sp {
	width: 80%;
	margin: 0 auto;
	padding:50px 0 10px;
}

/* 放射線テーブル */
.parent-pageid-5184 td {
	background: #fff;
}

/* 凡例 */
dl.legend {
	clear: both;
}
dl.legend dt {
	float: left;
	padding:0 3px;
	font-weight: inherit;
	width: 20px;
	background: none;
	margin-right: 0;
}
dl.legend dt.wc {
	width: 36px;
}
dl.legend dt.wc img{
	width: 31px;
}
dl.legend img {
	width: 15px;
	height: 15px;
	float: left;
}
dl.legend dd {
	float: left;
	padding: 0 5px 0 0;
	font-size: small;
	line-height: 1.2;
	margin-bottom: 5px;
}


/* 周辺観光情報 */
#around-park .kanko-spot .large-2,
#around-park .kanko-spot .large-10 {
	padding:0;
}
#around-park .kanko-spot .large-10 h4{
	margin:0;
}

@media (min-width: 641px) {
#around-park .kanko-spot .medium-4 {
	height:35em;
}
}


#around-park .kanko-spot .button a{
	color:#fff;
}

#flowering .page-title {
	display: none;
}

/* 駐車場空き状況 */

ul#parkinfo {
	margin:10px;
	padding:0;	
}

#parkinfo dl {
	margin:5px;
	border:4px solid #546E7A;
	padding:0;
}

#parkinfo dt{
	width: 100%;
	background: #546E7A;
	color:#fff;
	text-align: center;
	font-weight:bold;
	margin-bottom: 0;
	padding-bottom:4px;
}
#parkinfo dd {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size:large;
	padding:20px 0;
	margin-left: 0;
}

#parkinfo dd.full {
	background:#FFCDD2;
	color:#f00;
}
#parkinfo dd.high {
	background:#FFE0B2;
	color:#E65100;
}
#parkinfo dd.middle {
	background:#DCEDC8;
	color:#33691E;
}
#parkinfo dd.low {
	background:#B3E5FC;
	color:#01579B;
}
#parkinfo dd.closed {
	background:#CFD8DC;
	color:#263238;
}
#parkinfo dd.other {
	background:#D7CCC8;
	color:#4E342E;
}

#main .kochia-today p {
	margin:0;
	padding-top:0;
	font-size:95%;
	color:#fff;
}

/* ==========================================================================
   L(^"^)k お問い合わせフォームのスタイル
   ========================================================================== */

.wpcf7-form table input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    margin:0;
	display: inline;
	width: inherit;
}

.wpcf7-form table td .full input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	width: 100%;
}

.wpcf7-small {
	width: 4em !important;
}
.wpcf7-medium {
	width: 20em !important;
}
.wpcf7-large {
	width: 100% !important;
}

#form-coffee .wpcf7-medium {
	width: 10em !important;
}
#form-coffee .wpcf7-large {
	width: 100% !important;
}

.form-midashi {
	background: #D1EBFF;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
	width: 200px;
	height: 50px;
	background: #000;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #000;
	border-radius: 3px;	
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
.wpcf7 input[type="submit"]:hover {
	background: #939090;
	border: 1px solid #939090;
	color: #fff;  
}


@media only screen and (max-width: 800px) {
  .responsive tr,
  .responsive th,
  .responsive td {
    display: block;
    width: auto;
  }
  
  .responsive1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .responsive th,
  .responsive td {
    border-top: none;
  }
}


/* コキアおすすめ撮影スポット */
#photo-spot-list .columns {
	position:relative;
}
#photo-spot-list .photo-number {
	position: absolute;
	top:5px;
	left:20px;
	background:RGBA(226, 82, 27, 1.00);
	border:1px solid #fff;
	border-radius: 50%;
	width:26px;
	height:26px;
	color:#fff;
	font-weight:bold;
	text-align: center;
}
#loveflower {
	background:RGBA(232, 230, 138, 1.00);
	padding:20px 10px;
}
#loveflower .share {
	background:RGBA(54, 170, 63, 1.00);
	color:#fff;
	margin:20px 8%;
	border-radius : 20px;
	text-align: center;
}




/* トップページ管理者確認用 */

body:not(.logged-in) #admin-check-area {
	display:none;
}
.logged-in #admin-check-area {
	color:#f00;
}

/* 2017晩秋の見どころ */
.ov-rabel {
	display: inline-block;
	background:transparent;
	border-bottom: 2px solid #8D6E63; 
	color:#3E2723;
	padding:3px 30px 0 3px;
	margin:20px 10px 10px;
	}
h5.nov-rabel {
	border-bottom:none;
	padding-top:20px;
	padding-left: 10px;
}
h5.nov-rabel:after {
content:"";
display:block;
height:3px;
width:100%;
/* background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet); */
background-image: linear-gradient(to left, #ffecd2 0%, #fcb69f 100%);
}
.nov-spot {
	background: #efb19e;
	color:#000;
	padding:4px 0;
	font-weight: bold;
	text-align:center;
	}
.nov-spot span{
	font-size: 0.7rem;
	}
.nov-text {
	line-height: 1.4;
	margin-left: 0;
	margin-right: 0;
	min-height: 4em;
	}
#park-in-autmun .callout{
	border:none;
	  box-shadow: 0 0 3px #e3d6cf;
	}
@media (min-width: 800px) {
#park-in-autmun .title-lead770 {
	background: url(images/nov-title.png) center top no-repeat;
	background-size: contain;
	height: 300px;
	padding:180px 140px 0;
	margin:30px 0;
}
#park-in-autmun .title-lead769 {
	display: none;
}
}
@media (max-width: 799px) {
#park-in-autmun .title-lead770,
#park-in-autmun .title-lead770 p {
	display: none;
}
#park-in-autmun .title-lead769 {
	margin-top:20px;
}
}

#park-in-autmun {
	background:#F9F4EC;	
}
#park-in-autmun .page-title{
	display: none;
}

/* 円の基本形 */
.maru {
color: #FFF;
border: 2px solid #FFF;
background: #E11120;
padding-top: 1px;
border-radius: 50%;
font-size: medium;
text-align: center;
position: absolute;
width: 34px;
height:34px;
top: 10px;
left: 10px;
}

/* ジョギング大会フォーム */

#jogging-form .wpcf7-small {
	width: 100% !important;
}
#jogging-form .age1 input,
#jogging-form .age2 input,
#jogging-form .age3 input,
#jogging-form .age4 input,
#jogging-form .age5 input {
	display: inline-block;
	width: 4em !important;
}
#jogging-form [type='radio'] {
	margin-bottom: 0;
}
#jogging-form h5 span {
	border-bottom: none;
}
#jogging-form span.wpcf7-list-item {
	display: inline-block;
	margin: 0 !important;
}

#jogging-form label > [type='checkbox'],
#jogging-form label > [type='radio'] {
	margin-right: 0;
	margin-left:10px;
}

/* BMXフォーム */
#bmx .wpcf7-large {
	width: 75% !important;
}
#bmx .wpcf7-medium {
	width: 75% !important;
}
#bmx th {
	width: 20% !important;
}
#bmx [type='submit'],
#bmx input [type='submit']{
	padding:20px 30px;
}

/* 持ち込み禁止品 */
.kinshi td {
	width: 55%;
	background-color: #fff;
}
.kinshi p {
	line-height: 1.2;
}

/* カレンダーの月送りボタン */
@media (max-width: 640px) {
#calendar .button span{
	display: none;	
}
}

/* アンケートフォーム ラジオボタンとテキストの縦位置合わせ */
/*span.wpcf7-list-item-label {
	margin: 0 0 1rem;
} */
[type='file'], [type='checkbox'], [type='radio'] {
	margin:inherit;
}

/* イベント情報縦画像 */
@media (max-width: 640px) {
.event-image img {
	max-height: 300px;
	width: auto;	
}
}


/* バナーキャプション */
.banner_caption {
	color:rgba(2, 136, 209, 0.8);
	font-weight: bold;	
}




/* 開園日カレンダー */
.calendar {
	font-size: 85%;
	font-weight: bold;
}
.calendar .large-3.columns {
	min-height: 340px !important;
}

.calendar table th {
	width: 14.2%;
}

.calendar table th,
.calendar table td {
	padding:5px 0 !important;
	text-align: center !important;
}
@media (max-width: 640px) {
.calendar th,
.calendar td {
	font-size: 80%;
}
}
.calendar tr td:last-child {
	color:#1976D2 !important;
}
.calendar tr td:first-child,
.calendar .hatabi,
.calendar tr td:last-child.hatabi {
	color:#E53935 !important;
}
.calendar th{
	background:rgba(2, 136, 209, 1) !important;
	color: #fff !important;
}

.calendar td{
	background: #fff !important;
}

.calendar .close {
	background: #EF9A9A !important;
}
.calendar .free {
	background: #AED581 !important;
}
.calendar .keirou {
	background: #BCAAA4 !important;
}
.calendar .morning {
	background: #B2EBF2 !important;
}
.calendar .night {
	background: #9FA8DA !important;
}
.calendar h4 {
	background: transparent !important;
	margin-bottom: 10px !important;
}
.calendar .seasonal {
	border-bottom: 3px solid #FFB300;
}


.breadcrumbs-area + .row {
	padding-top:30px;
}


/* ネモフィラのお知らせ */
.notice div{
	background-image: linear-gradient(#00B3FE, #003399);
	color:#fff;
	margin-bottom: 0;
}
.notice span {
	color:#FFEB3B !important;
	font-weight:bold;

}
.notice a {
	color:#F48FB1 !important;
	font-weight:bold;
}
@media (max-width: 640px) {
.notice p {
	line-height: 1.3 !important;
}
}

/* キッズページ木登り */

@media (min-width: 769px) {

#tougei setion {
	margin-bottom: 80px;
}
#tougei .howto {
	background:#FBF2CE;
}

#tougei .pickup {
	background: #F9DBE1;
	padding:40px;
}
}

/* キッズページ木登り */

@media (min-width: 769px) {
tree {
	font-size: large;
}
}

#tree setion {
	margin-bottom: 80px;
}
#tree .howto {
	background:#FBF2CE;
}

#tree .pickup {
	background: #F9DBE1;
	padding:40px;
}

/* キッズページ稲刈り */

@media (min-width: 769px) {
tree {
	font-size: large;
}
}

#inekari setion {
	margin-bottom: 80px;
}
#inekari .howto {
	background:#FBF2CE;
}

#inekari .pickup {
	background: #F9DBE1;
	padding:40px;
}



 
 /* 2019料金改訂関連 */
.newprice2019 {
/*	color:#f00;
	display: none; */
}


/* 管理画面からメタスライダーメニューを非表示に */
.customize-support #toplevel_page_metaslider {
	display: none !important;
}

/* cook in japan 2019 */
#event_824-2 .wp-caption-text {
	font-weight: bold;
}

.cook-text {
	font-size: 90%;
	line-height: 1.4;
	padding-bottom: 20px;
}

/* 開花速報 */
/*
.forecast-info {
	display: none;
}
*/

.forecast-kochia {
	background: #fde0dc;
}

.forecast-nemophila{
	background: #e1f5fe;
}

.forecast-foreign {
	border:4px solid RGBA(68, 153, 223, 1.00);background:RGBA(68, 153, 223, 0.1);margin-top:10px;padding-top:20px;font-weight:bold;padding-bottom:20px;
}
.seasonal-foreign {
	border:4px solid #43A047;background:#F1F8E9;margin-top:10px;padding-top:20px;font-weight:bold;padding-bottom:20px;
}

/* スライダー下お知らせ */
.emergency {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
.emergency-box h4{
	margin: 0;
	margin-bottom: 0.5rem;
	padding: 0;
}
*/
.emergency-box p{
	font-size: 130%;
	line-height: 1.4;
}

.emergency-box img{
	min-width: 50px;
}

@media (max-width: 640px) {
.emergency-box.Level1 img{	
	display: none;
}
}

.emergency-box.Level1 {
	margin:0 ;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#fffde9;
	border:4px solid #0288D1;
	border-radius: 10px;
	padding-right:20px;
}

.emergency-box.Level1 h4,
.emergency-box.Level1 p {
	font-weight: bold;
	margin: 0.5rem;
	padding: 0;
}


.emergency-box.Level2 {
	margin:0 ;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#f5f5f5;
	border:4px solid #ffd900;
	padding-right:20px;
}

.emergency-box.Level2 h4 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: solid 2px #000;
	color: #000;
}

.emergency-box.Level3 {
	margin:0 ;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#C62828;
	border:4px solid #B71C1C;
	color: #fff;
	padding-right:20px;
}
.emergency-box.Level3 a{
	color:#FFCC80;
}
.emergency-box.Level3 h4 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: solid 2px #ffd900;
	color: #ffd900;
}



@media (max-width: 640px) {
.emergency-box p{
	font-size: 100%;
}	
}


/* スタッフ募集応募フォーム */
.form-table {
	width: 90% !important;
	margin:20px auto;
	overflow: hidden;
}

.hissu {
	color:#f00;
	margin-left:0.3rem;
}

.wpcf7-form-control-wrap.your-age input {
	width: 25%;
}

input[type="tel"] {
	max-width: 320px !important;
}

.your-zip input {
	max-width: 270px !important;
}

input[type="email"] {
	max-width: 320px !important;	
}

.your-kakunin label span {
	font-size: large;
}

.wpcf7 input[type="submit"] {
	background:#D50000;
	border-color:#D50000;
}

.wpcf7 input[type="submit"]:hover {
	background:#FF1744;
	border-color:#FF1744;
}

@media (max-width: 640px) {
	input[type="text"],
	textarea {
		max-width:80% !important; 
	}
}
/*スマホメニュー遊園地アイコン*/
.mobilemenu .menu5 img {
	height:35px;
	margin:0;
}
.mobilemenu .menu5 p {
	margin:0;
}


/* 冬の楽しみ方チャート */
.winter-chart {
	background: #F1DECB;
}
.winter-chart h2{
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.4;
}
.winter-chart .callout {
	border:3px solid #A59F9F;
	background: #fff;
	border-radius: 5px;
	text-align: center;
}
.winter-chart h5 {
	color:#517690;
	padding: 20px 0;
}
.winter-chart .select {
	min-height: 25vh;
	display: flex;
	padding:0;
	flex-direction: column;
	justify-content: space-around;
}
.winter-chart .button-a {
	background: #D57A66;
}
.winter-chart .button-b {
	background: #489F64;
}
.winter-chart .select h6 {
	color: rgba(255,255,255,0.7);
	font-size: 20px;
}
.winter-chart .select p {
	color:#fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.winter-chart .select a {
	display: block;
}
.page-id-63832  .winter-chart img,
 .parent-pageid-63832 .winter-chart img {
	padding:20px 30px;
}
.parent-pageid-63832 .page-title,
.parent-pageid-63832 .breadcrumbs-area,
.page-id-63832 .page-title,
.page-id-63832 .breadcrumbs-area {
	display: none;
}
.parent-pageid-63832 .small-12 img {
	padding-top:30px;
}
.parent-pageid-63832 .small-12 h4 {
	margin-top: 0;
}


/* イベントカレンダー確認用 */
#cal_kakunin a {
	color:#f00;
}
#cal_kakunin a:visited {
	color:#ccc !important;
}

/* 外国語版フラワーカレンダースマホ表示 */
@media (max-width:640px) {
	#flowers .frame {
		overflow: auto;
	}
	
	#flowers .flower-calendar {
		width: auto;
		max-width:none;
		height: 400px;
	}
	
	#flowers .arrow {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
		justify-content:space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
	
	#flowers .arrow img {
		margin-bottom:5px;
	}
	
	#flowers .arrow p {
		color:#0277bd;
		font-variant: bold;
		font-size:110%;
		margin:0 1rem;
	}
	
	#flowers .flower-calendar {
		border:1px solid #bdbdbd;
	}
}
@media (min-width:641px) {
	#flowers .arrow {
		display: none;
	}
}

/* **********************
	 外国語版花情報 
************************* */
.flower-info .season-box h5 {
	border-left: none;
}

.flower-info .honsu {
	margin: 5px 10px;
	color: rgba(2, 136, 209, 0.8);
	font-size:80%;
}

.flower-info .honsu:before {
	content: "\f1bb";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	padding-right: 10px;
	padding-left:2px;	
}

.flower-info .season-box .time {
	margin: 5px 10px;
	color: rgba(2, 136, 209, 0.8);
	font-size:80%;
}

.flower-info .season-box .time:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: rgba(2, 136, 209, 0.8);
	padding-right: 10px;
	padding-left:2px;	
}

.flower-info ul li {
	background: none;
}

.flower-info .tabs-title {
	width: auto;
	min-width: 20%;
}

.flower-info .tabs-title > a {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.foreign.flower-info img {
  width: 120px;
  height: 120px;
  object-fit: cover; /* この一行を追加するだけ！ */
	object-position: 50% 50%;
}
@media (max-width: 640px) {
.foreign.flower-info img {
  width: 100px;
  height: 100px;
  object-fit: cover; /* この一行を追加するだけ！ */
	object-position: 50% 50%;
}
	
}


/* 言語選択 */
.language-select {
	position: absolute;
	width: 170px;
	z-index: 99;
} 
.menu-area ul li {
	background: none;
	padding: 0;
}
.accordion-menu .is-accordion-submenu-parent a {
  background: #01579B;
  padding: 5px;
  padding-left: 1rem;
}
.accordion-menu .is-accordion-submenu a {
  background: #0288D1;
}
.accordion-menu a {
  color: #fefefe;
  box-shadow: inset 0 -1px #41444a;
}
.accordion-menu .is-accordion-submenu a:hover {
	background: #29B6F6;
	transition: all 0.6s ease;
}
.accordion-menu a::after {
  border-color: #fefefe transparent transparent;
  right: 0.5rem;
}

/*
.flower-list.flower-info {
	display: none;
}
*/

/* Twitter連携ページ */
.flower-twitter .primary {background:RGBA(216, 231, 245, 0.2);}
.flower-twitter #wp-calendar {font-size: 11px;}
.flower-twitter #wp-calendar caption {font-size: 14px;}
.flower-twitter #wp-calendar td {text-align: center;padding:0.2rem;}
.flower-twitter #wp-calendar td a {font-weight:bold;color:#FF1744;display:block;background:#FFFDE7;}
.flower-twitter #wp-calendar #prev a,
.flower-twitter #wp-calendar #next a {color:#333;}
.flower-twitter .lead-text {font-size:95%;line-height:1.4;color:#3949AB;margin:1rem 1rem 3rem;}
.flower-twitter .kaika-yoso {margin-top: 3rem;}
.flower-twitter .calendar-text {font-size:85%;line-height:1.4;}
.flower-twitter .tweet {display: flex; justify-content: space-between;max-width:500px;}
.flower-twitter .tweet .next {justify-self:flex-end;}

/* ポップアップ */
#lets-play-sports .popup,
#lets-play-sports .popup2,
#lets-play-sports .popup3,
#lets-play-sports .popup4  {
  display: none;
  height: 100vh;
  width: 100%;
  background: rgba(10,10,10,0.6);
  position: fixed;
  top: 0;
  left: 0;
}
#lets-play-sports .content {
  background: #fff;
  padding: 10px;
  width: 600px;
}
#lets-play-sports .show {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 2020夏 スポーツ・自然クイズ・外遊び */

#nature-quiz .bg_nature,
#play-outside .bg_outside,
#lets-play-sports .bg_play-sports {
	background-position:center center;
	    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
-webkit-box-align:start;
    -ms-flex-align:start;
        align-items:flex-start;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    height:500px;
    padding:20px
}

#nature-quiz .bg_nature .lead-text,
#play-outside .bg_outside .lead-text,
#lets-play-sports .bg_play-sports .lead-text {
	background:rgba(255,255,255,0.9);
	padding:20px;
	margin:20px 0;
}


#nature-quiz .bg_nature {
	background-image:url(images/bg_title_nature-quiz.jpg);
}

#play-outside .bg_outside {
	background-image:url(images/bg_title_play-outside.jpg);
}

#lets-play-sports .bg_play-sports {
	background-image:url(images/bg_title_lets-play-sports.jpg);
}

/* クイズラリー */
#quiz-answer ul {
	margin:1rem 1rem 2rem;;
}
#quiz-answer ul li {
	background:none;
	background-color:#F5F5F5;
	padding:0;
}
#quiz-answer h4 {
	color:#f00;
	font-weight:bold;
	font-size:x-large;
}
#quiz-answer h4 span {
	font-size: medium;
	color:#333;
}
#quiz-answer .accordion-content {
	background:#fff;
	overflow: hidden;
}

#quiz-answer .radiobutton {
  display: none;
}
#quiz-answer label {
  background-color: #3eb370;
  padding: 50px 5px;
  border-radius: 5px;
  margin:0 1%;
  color: #fff;
  font-weight: bold;
  font-size: large;
  text-align: center;
  width: 30% !important;
  display: inline-block !important;
}
#quiz-answer .radiobutton:checked + label {
  background-color: #ff0000;
}
#quiz-answer .hantei {
	background:#ddd;
	padding:1rem;
	text-align: center;
	font-size: x-large;
	font-weight:bold;
	margin:1rem;
}

/* コキア整理券 */
#ticket-link {
	background: #F3E5F5;
	width: 100%;
	height:120px;
	position:fixed;
	bottom:0;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px 5px rgba(3, 3, 3, 0.2);
	}

#ticket-link .button {
	margin: 0;
}

#kochia-oubo .wpcf7-response-output {
	font-size: large;
	font-weight:bold;
	text-align: center;
	border:none;
	background:#FFF8E1;
	padding:10px;
	margin: 10px 0;
}

/* 画像横スクロール */
#scroll-img, .scroll-img {overflow-x: scroll;}
#scroll-img img, .scroll-img img  {width: 1000px;max-width: 1000px !important;/*height:440px;*/}

/* 隠れたアートスポット?!「たまごの森」の歩き方 */
@media (min-width: 641px) {
#tamagonomori-recommend .object-image {padding:3rem;}
}
