@charset "utf-8";
/*
Theme Name: Eight Days A Week
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:hover, a:focus { color: #FF9100;}
a:visited { color: #1d3994;}
.button { color: #FFF !important;}
.button.hollow { color: inherit !important;}

.primary h3 {
	background: url(images/bg_h3_pink2.png) left bottom repeat-x;
	padding-bottom: 15px;
	margin-top:20px;
}

.primary {
	padding-bottom:30px;
}

@media (max-width: 640px) {
	
	.primary {
		padding-bottom:10px;
	}
}


.menu-area {
	padding-right:0;	

}

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

.header-area {
		background: linear-gradient(rgba(64, 196, 255, 0.5), rgba(129, 212, 250, 0));
		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-position: center bottom; 
	background-size: cover;
	padding-top: 0;
	padding-bottom:30px; 
	} /* ページタイトルエリア全体 */
.title p {
	font-size: x-large;
	font-weight: bold;
	height:3rem;
	text-align: center;
	color:#fff;

}
.page-title {
	background: #EFEBE9;
	margin-top:0;
	margin-bottom:30px;
}
.page-title h2{
	margin:0;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
}
.page-title h2 span{
	background-image: url(images/bg_title.png);
	padding-bottom: 15px;
	background-position: center bottom;
	background-repeat: repeat-x;
		line-height: 2;
}
@media (max-width: 640px) {
.page-title h2 span{
	background-image: none;
	}	
}

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


.footer-top {
	background: linear-gradient(rgba(64, 196, 255, 0), rgba(129, 212, 250, 0.7));
	text-align: center;
	padding-top:50px;
}

/* フッター */
footer {
	background-color: #3293bf;
	background-color: #4c973a;
	
	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;
}

.footer-submenu {
	margin-top:40px;
	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 {
	background: #00796B;
	padding:3px 6px;
	color:#fff;
	font-size: small;
	border-radius: 3px;
}
.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: 80%;
	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;
}

.global-nav-mobile .columns a {
	display: block;
	width:100px;
	height:80px;
	border:4px solid transparent;
	text-align: center;
} 


.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:20% !important;	
	text-align: center !important;
}

#mega-menu-main li{
	border-right: 1px solid #fff !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;
}
*/

.global-nav-mobile .menu1,
#mega-menu-item-42932 > a{
	background: rgba(68, 174, 234,0.3) url(images/flaticon1.png) center 30% no-repeat !important;
	background-size: 25% auto !important;
	border-bottom: 4px solid #0091EA !important;
}
.global-nav-mobile .menu2,
#mega-menu-item-42931 > a {
	background: rgba(180, 203, 50,0.3) url(images/flaticon2.png) center 30% no-repeat !important;
	background-size: 25% auto !important;
	border-bottom: 4px solid #00C853 !important;
}
.global-nav-mobile .menu3,
#mega-menu-item-42937 > a {
	background: rgba(178, 182, 219,0.3) url(images/flaticon3.png) center 30% no-repeat !important;
	background-size: 25% auto !important;
	border-bottom: 4px solid #6200EA !important;
}
.global-nav-mobile .menu4,
#mega-menu-item-42934 > a{
	background: rgba(221, 156, 180,0.3) url(images/flaticon4.png) center 30% no-repeat !important;
	background-size: 25% auto !important;
	border-bottom: 4px solid #C51162 !important;
}
.global-nav-mobile .menu5,
#mega-menu-item-42935 > a {
	background: rgba(235, 192, 97,0.3) url(images/flaticon5.png) center 30% no-repeat !important;
	background-size: 25% auto !important;
	border-bottom: 4px solid #FF6F00 !important;
}

#mega-menu-item-42932 > a:hover{
	background: rgba(68, 174, 234,0.6) url(images/flaticon1.png) center 20% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #0091EA !important;
	transition: all 0.6s ease;
}
#mega-menu-item-42931 > a:hover {
	background: rgba(180, 203, 50,0.6) url(images/flaticon2.png) center 20% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #00C853 !important;
	transition: all 0.6s ease;
}
#mega-menu-item-42937 > a:hover {
	background: rgba(178, 182, 219,0.6) url(images/flaticon3.png) center 20% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #6200EA !important;
	transition: all 0.6s ease;
}
#mega-menu-item-42934 > a:hover{
	background: rgba(221, 156, 180,0.6) url(images/flaticon4.png) center 20% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #C51162 !important;
	transition: all 0.6s ease;
}
#mega-menu-item-42935 > a:hover {
	background: rgba(235, 192, 97,0.6) url(images/flaticon5.png) center 20% no-repeat !important;
	background-size: 30% auto !important;
	border-bottom: 4px solid #FF6F00 !important;
	transition: all 0.6s ease;
}



#mega-menu-main {
	background:#fff !important;	
}

.global-nav-mobile a,
#mega-menu-main > .mega-menu-item > a{
	width:100%;
	padding:70px 0 10px !important;
	font-size: medium !important;
	color:#6D4C41 !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:#CFD8DC !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;
}



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

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

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

@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: FontAwesome;
	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: #FFECB3;
	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;
}
#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:50px 30px 20px;
}
.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: #FCE4EC;
	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: FontAwesome;
	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: FontAwesome;
}
	
}


/* いま楽しめる花情報 */
/*
.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:#F9FBE7;
}
.flower-info .card-divider {
	padding:0;
	background: transparent;
}
.flower-info h5 {
	margin: 0;
	border-left: 4px solid #F48FB1;
	border-bottom: none;
	padding: 2px 4px;
}
.flower-info h6 {
	margin-top:10px;
	color:#000;
}

.flower-info p {
	line-height:1.2;
}
.flower-info .condition {
	font-weight:bold;
	margin: 5px 10px;
	color: #F06292;
}
.flower-info .condition:before {
	content: "\f013";
	font-family: FontAwesome;
	padding-right: 5px;
	
}

.flower-info .place {
	margin: 5px 10px;
	color: #F06292;
}
.flower-info .place:before {
	content: "\f041";
	font-family: FontAwesome;
	padding-right: 10px;
	padding-left:2px;	
}
.flower-info .time:before {
	content: "\f073";
	font-family: FontAwesome;
	color:#1B5E20;
	padding-right: 10px;
	padding-left:2px;	
}

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

.flower-info .photo {
	min-height: 120px;
	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:#EC407A;
	font-family: serif;
	font-weight: bold;
	text-align:center;
	font-size:large;
}


/* 施設案内 */
.area-list .card-divider {
	padding:0;
	background: #FFF9C4;
}
.area-list h5 {
	margin: 0;
	border-left: 4px solid #F48FB1;
	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: 126px !important;
}

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

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

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

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


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


/* table */
.header th,
thead th {
	background:#C0CA33;
}

th {
	background:#DCE775;
}
td {
	background:#fcf6ed;
}



/* 関連リンク */

.gotohana { 
	margin:20px 10px;
}

.gotohana {
	border-radius: 5px;
}

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

.gotoflower {
	background:#F0F4C3;
	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 {
/*	height:9rem; */
	line-height: 1.4;
}

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



.mega-menu{
  //padding: .5rem 1.3rem .7rem;
  -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;
  /*&:hover{
    background-color: scale-color($button-background, $lightness: -1%);
  }*/
  z-index:999;
   .mega{
    width: 100%;
    max-width: $grid-row-width; //GRID SIZE SET IN SETTINGS.SCSS
    margin: 0 auto !important;
    left: 0% !important;
    right: 0% !important;
  }
}

.social-link {
	margin-top:50px;	
}

@media (max-width: 640px) {
	.social-link {
		margin-top:20px;	
	}
	
}


/* 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: FontAwesome;
	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 .medium-4 img{
	padding-bottom:10px;
}
#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: 40em !important;
}

/* 夏フェア2017特設ページのカスタマイズ */
#summer_fair .primary h2 {
	display: none;
}

#summer_fair .primary h4 {
	background: #2979FF;
	color:#fff;
	margin-top:15px;
	margin-bottom:10px;
}
#summer_fair .primary .imgborder {
	margin-top: 20px;
}
#summer_fair .primary i {
	margin-right: 5px;
	color:#FF5722;
}
#summer_fair .primary .share i {
	color:#fff;
}

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