/* ---------- 中国語対応 ----------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
.zhcn {
font-family: 'Noto Sans SC', sans-serif;
}
@charset "utf-8";
/* ---------- common ----------*/

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    background: #f2f1ee;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Noto Sans SC', sans-serif;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
}

ul {facility-bbq-photo
    margin-left: 2em;
    list-style-position: outside;
}

ol {
    margin-left: 2em;
    list-style-position: outside;
}

a:link,
a:visited {
    color: #066c8d;
    text-decoration: none;
}

a:hover,
a:active {
    color: #066c8d;
    text-decoration: underline;
}

a:focus { outline: none; }

.clearfix { zoom: 1; }

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.cmn-box {
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 8px;
}

@media only screen and (max-width: 428px) {
body {
    font-size: 14px;
}
}

/* ---------- structure ----------*/

#container {
    width: 100%;
    min-width: 982px;
    background: url(../img/contents_background_texture.gif) repeat;
}

#container-header {
    width: 100%;
    background: #062c84 url(../img/header_background.gif) repeat-y center;
    background-size: 100%;
}

#container-header>header {
    margin: 0 auto;
    position: relative;
    width: 982px;
    height: 119px;
    background: url(../img/header_background_front.gif) no-repeat;
}

#container-nav {
    position: absolute;
    top: 94px;
    width: 100%;
}

#container-nav #pull {
    display: none;
}

#container-nav>nav {
    margin: 0 auto;
    width: 982px;
    height: 64px;
}

#container-contents {
    padding: 55px 0 50px;
    width: 100%;
}

#contents {
    margin: 0 auto;
    position: relative;
    width: 982px;
}

#contents-main {
    float: right;
    width: 734px;
    overflow: hidden;
}

#contents-main .contents-box {
    padding: 20px;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 8px;
    line-height: 1.75;
}

#contents-main .contents-box>h1 {
    margin: 20px 0;
    padding: 10px;
    background: #eee;
    border-left: 5px solid #ff8a4e;
    font-size: 24px;
    line-height: 1;
}

#contents .breadcrumbs {
    margin: 10px 0 0;
    line-height: 1;
}

#contents-sub {
    float: left;
    width: 232px;
}

#container-footer {
    width: 100%;
    height: 121px;
    background: #fff url(../img/footer_background.png) center bottom no-repeat;
    border-top: 1px solid #dbdada;
}

#container-footer>footer {
    margin: 0 auto;
    position: relative;
    width: 982px;
    height: 121px;
}

@media only screen and (max-width: 428px) {

#container {
    min-width: 320px;
}

#container-header {
    height: auto;
    background-color: #062c84;
    background-image: none;
    clear: both;
}

#container-header>header {
    margin: 0;
    width: 100%;
    height: auto;
    background: none;
    zoom: 1;
}
#container-header>header:after {
    content: "";
    display: block;
    clear: both;
}

#container-nav {
    margin: 0 0 10px;
    position: static;
}

#container-nav #pull {
    padding: 16px 16px 16px 30px;
    display: block;
    background: #333 url(../img/nav_icon.png) 10px center no-repeat;
    color: #fff;
    text-decoration: none;
}

#container-nav>nav {
    width: 100%;
    height: auto;
}

#container-contents {
    padding: 0;
    background: none !important;
}

#contents {
    width: 100%;
}

#contents-main {
    float: left;
    width: 100%;
    /*overflow: hidden;*/
}

#contents-main .contents-box {
    margin: 0 5px 20px;
    padding: 10px;
}

#contents-sub {
    float: left;
    width: 100%;
}

#container-footer {
    margin: 20px 0 0;
    height: auto;
    background-color: #fff;
    background-image: none;
}

#container-footer>footer {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
}

/* ---------- header ----------*/

.header-logo {
    position: absolute;
    top: 17px;
    left: 27px;
}

.header-lang {
    position: absolute;
    top: 11px;
    right: 0;
}

.header-lang figcaption {
    padding: 3px 0;
    float: left;
    width: auto;
}

.header-lang ul {
    margin: 0 0 0 5px;
    float: left;
    width: auto;
}

.header-lang li {
    margin: 0 0 0 5px;
    float: left;
    display: inline;
}

.header-lang li a {
    display: block;
    padding: 3px 0;
    width: 54px;
    background: #249bc2;
    color: #fff;
    text-align: center;
}

.header-size {
    padding: 5px 15px;
    position: absolute;
    top: 45px;
    right: 0;
    background: #eaf7ff;
    border-radius: 4px;
}

.header-size figcaption {
    padding: 5px 0;
    float: left;
    width: auto;
}

.header-size ul {
    margin: 0 0 0 5px;
    float: left;
    width: auto;
}

.header-size li {
    margin: 0 0 0 5px;
    float: left;
    display: inline;
}

.header-size li a {
    display: block;
    padding: 5px;
    background: #ff8a4e;
    border-radius: 12px;
    color: #fff;
    text-align: center;
}

.header-search {
    position: absolute;
    top: 49px;
    right: 199px;
}

.header-search fieldset {
    display: table;
    border-collapse: collapse;
    border-spacing:0;
    width: 260px;
    height: 25px;
}

.header-search input[type="text"] {
    margin: 0;
    padding: 0;
    float: left;
    display: table-cell;
    width: 190px;
    height: 100%;
    background: #e8e8e8;
    border: none;
    border-radius: 12px 0 0 12px;
    color: #adacac;
    text-indent: 10px;
}

.header-search input[type="submit"] {
    margin: 0;
    padding: 0;
    float: left;
    display: table-cell;
    width: 70px;
    height: 100%;
    background: #249bc2 url(../img/header_search_icon.png) 8px center no-repeat;
    border: none;
    border-radius: 0 12px 12px 0;
    color: #fff;
    text-indent: 15px;
}

@media only screen and (max-width: 428px) {

.header-logo {
    padding: 36px 0 18px;
    position: static;
    text-align: center;
}

.header-lang {
    position: absolute;
    top: 5px;
    right: 0;
    color: #fff;
    font-size: 12px;
}

.header-size {
    visibility: hidden;
}

.header-search {
    margin: 0 0 15px;
    position: relative;
    top: 0;
    right: 0;
    float: right;
    width: auto;
}
}

/* ---------- nav ----------*/

.menu-global-container ul {
    margin: 0;
    clear: both;
}
/***PC ヘッダーメニュー設定***/
.menu-global-container li { float: left; }

.menu-global-container li a {
    display: block;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/***HOME***/
.menu-global-container li.menu-item-116 a {
    width: 84px;
    background: url(../img/nav_background.png) 0 0 no-repeat;
}
/***ご利用案内***/
.menu-global-container li.menu-item-117 a {
    width: 150px;
    background: url(../img/nav_background.png) -84px 0 no-repeat;
}
/***施設紹介***/
.menu-global-container li.menu-item-118 a {
    width: 150px;
    background: url(../img/nav_background.png) -234px 0 no-repeat;
}
/***イベント*
.menu-global-container li.menu-item-296 a {
    width: 150px;
    background: url(../img/nav_background.png) -384px 0 no-repeat;
}***/
/***イベント一覧 20200626 追加 ***/
.menu-global-container li.menu-item-44895 a {
    width: 150px;
    background: url(../img/nav_background.png) -384px 0 no-repeat;
}

/***花情報デフォルトカレンダー***/
.menu-global-container li.menu-item-20246 a {
    width: 150px;
    background: url(../img/nav_background.png) -534px 0 no-repeat;
}
/***アクセス***/
.menu-global-container li.menu-item-121 a {
    width: 150px;
    background: url(../img/nav_background.png) -684px 0 no-repeat;
}
/***よくある質問***/
.menu-global-container li.menu-item-122 a {
    width: 148px;
    background: url(../img/nav_background.png) -834px 0 no-repeat;
}

@media only screen and (max-width: 428px) {
    
.menu-global-container {
    display: none;
    margin: 0 0 10px;
}

.menu-global-container li {
    float: none;
    background: #eee;
    border-bottom: 1px dotted #ccc;
}

.menu-global-container li a {
    padding: 16px;
    display: block;
    height: auto;
    text-indent: 0;
}

.menu-global-container li.menu-item-116 a,
.menu-global-container li.menu-item-117 a,
.menu-global-container li.menu-item-118 a,
/*.menu-global-container li.menu-item-296 a,*/
.menu-global-container li.menu-item-44895 a,
.menu-global-container li.menu-item-375 a,
.menu-global-container li.menu-item-121 a,
.menu-global-container li.menu-item-122 a,
.menu-global-container li.menu-item-1567 a,
.menu-global-container li.menu-item-7603 a,
.menu-global-container li.menu-item-10172 a,
.menu-global-container li.menu-item-20246 a{
    width: auto;
    background: none;
}
}

/* ---------- sidebar ----------*/

/* ローカルナビ */

.local-nav {
    margin: 0 0 30px;
    padding: 6px;
    background: #e5e5e5;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.local-nav h2 {
    width: 218px;
    height: 80px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.local-nav h2.local-nav-guide {
    background-image: url(../img/sidebar_nav_title_guide.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-facility {
    background-image: url(../img/sidebar_nav_title_facility.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-event {
    background-image: url(../img/sidebar_nav_title_event.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-flower {
    background-image: url(../img/sidebar_nav_title_flower.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-access {
    background-image: url(../img/sidebar_nav_title_access.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-faq {
    background-image: url(../img/sidebar_nav_title_faq.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-guide-Chinese {
    background-image: url(../img/sidebar_nav_title_guide_Chinese.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-guide-Korean {
    background-image: url(../img/sidebar_nav_title_guide_Korean.png);
    background-repeat: no-repeat;
}

.local-nav h2.local-nav-guide-English {
    background-image: url(../img/sidebar_nav_title_guide_English.png);
    background-repeat: no-repeat;
}

.local-nav nav {
    padding: 6px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

.local-nav ul {
    margin-left: 0;
}

.local-nav li {
    background: url(../img/sidebar_nav_bullet.png) 10px center no-repeat;
    border-top: 1px dotted #ccc;
}

.local-nav li:first-child { border-top: none; }

.local-nav li a {
    display: block;
    padding: 10px 10px 10px 30px;
}

@media only screen and (max-width: 428px) {

.local-nav {
    margin: 0 5px 30px
}

.local-nav h2 {
    padding: 10px;
    width: auto;
    height: auto;
    text-indent: 5px;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
}

.local-nav h2.local-nav-guide,
.local-nav h2.local-nav-facility,
.local-nav h2.local-nav-event,
.local-nav h2.local-nav-flower,
.local-nav h2.local-nav-access,
.local-nav h2.local-nav-faq,
.local-nav h2.local-nav-guide-Chinese,
.local-nav h2.local-nav-guide-Korean,
.local-nav h2.local-nav-guide-English{
    background-image: none;
    background-color: #1996bf;
    border-radius: 8px 8px 0 0;
}
}

/* 開園日カレンダー */

.calendar-widget-area {
    margin: 0 0 11px;
    padding: 5px;
}

.calendar-widget-area>h2 {
    padding: 5px 5px 5px 32px;
    background: #72bf28 url(../img/sidebar_widgets_calendar_icon.png) 5px center no-repeat;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
}

#biz_calendar table.bizcal {
    margin: 0;
    border: none;
    border-collapse: separate;
    border-spacing: 2px;
}

#biz_calendar table.bizcal th { background: none; }

#biz_calendar table.bizcal td {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}

#biz_calendar table.bizcal th:first-child { color: #000; }

#biz_calendar table.bizcal th:last-child { color: #000; }

#biz_calendar table.bizcal td:first-child { color: #ed6583; }

#biz_calendar table.bizcal td:last-child { color: #149ac6; }

#biz_calendar table.bizcal .calmonth { color: #000 !important; }

#biz_calendar table.bizcal .closed {
    background-color: #1b84d3;
    color: #fff;
}

#biz_calendar table.bizcal .holiday { background-color: #9cc942; }

#biz_calendar table.bizcal .eventday { background-color: #f6925b; }

#biz_calendar p span.boxclosed {
    background-color: #1b84d3;
    padding-left: 25px;
    margin-right: 10px;
}

#biz_calendar p span.boxholiday { background-color: #9cc942; }

#biz_calendar p span.boxeventday { background-color: #f6925b; }

@media only screen and (max-width: 428px) {

.calendar-widget-area {
    margin: 0 5px 11px;
}
}
/* 周辺のお天気 */
.weather-widget-area {
    margin: 0 0 11px;
    padding: 0;
}

.weather-widget-area>h2 {
    margin: 0 0 10px;
    padding: 12px 8px 10px;
    font-size: 14px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: -webkit-linear-gradient(top, #eee, #fff);
    background: linear-gradient(to bottom, #eee, #fff);
    border-bottom: 3px solid #1996bf;
    border-radius: 8px 8px 0 0;
    color: #0b4c61;
}

.weather-widget-area .wtr { font-size: 90% !important; }

.weather-widget-area .wtr-title {
    margin: 0 0 10px;
    padding: 10px;
    background: #d2f0fa;
    border-radius: 8px;
    display: inline-block;
    line-height: 0;
}

.weather-widget-area .wtr-image { margin: 0 0 10px; }

.weather-widget-area .wtr-content { margin: 0 0 10px; }

.weather-widget-area .wtr-temp { margin: 0 0 10px; }

@media only screen and (max-width: 428px) {

.weather-widget-area {
    margin: 0 5px 11px;
}
}

/* 開園時間 */
.opening-time-area {
    margin: 0 0 11px;
    padding: 0;
}

.opening-time-area>h2 {
    margin: 0 0 10px;
    padding: 12px 8px 10px;
    font-size: 14px;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: -webkit-linear-gradient(top, #eee, #fff);
    background: linear-gradient(to bottom, #eee, #fff);
    border-bottom: 3px solid #1996bf;
    border-radius: 8px 8px 0 0;
    color: #0b4c61;
}

.opening-time-area>P {
    margin: 0 0 0px;
    padding: 12px 8px 5px;
    font-size: 15px;
    font-weight: bold;
}
.opening-time-area>h3 {
    margin: 0 20 0px;
    padding: 12px 15px 10px;
    font-size: 14px;
}
@media only screen and (max-width: 428px) {

.opening-time-area {
    margin: 0 5px 11px;
}
}
/* バナー */

.banner-blue {
    margin: 0 0 18px;
    list-style: none;
}

.banner-blue li { margin: 0 0 8px; }
.banner-blue li img {
    width: 232px;
    height: auto;
}
.banner-green {
    margin: 0 0 18px;
    list-style: none;
}

.banner-green li { margin: 0 0 8px; }

.banner-green li img {
    width: 232px;
    height: auto;
}

.banner-small {
    margin: 0 0 18px;
    padding: 7px;
    list-style: none;
}

.banner-small li { margin: 0 0 10px; }

.banner-small li img {
    width: 218px;
    height: auto;
}

.banner-parking {
    margin: 0 0 18px;
    list-style: none;
}

.banner-parking li { margin: 0 0 8px; }

@media only screen and (max-width: 428px) {
.banner-blue li img {
    width: 96%;
    height: auto;
}
.banner-green li img {
    width: 96%;
    height: auto;
}
.banner-small li img {
    width: 90%;
    height: auto;
}
.banner-blue, .banner-green, .banner-box, .banner-small, .banner-parking {
    text-align: center;
}
.banner-blue, .banner-green, .banner-small li img {
    width: 100%;
    height: auto;
}
.banner-box {
    margin: 0 auto 17px;
    width: 100%;
}
}

/* ---------- footer ----------*/

.menu-footer-container {
    position: absolute;
    top: 20px;
    right: 0;
}

.menu-footer-container ul { margin-right: -10px; }

.menu-footer-container li {
    display: inline;
    padding: 0 10px;
    border-left: 1px solid #d1d1d1;
}

.menu-footer-container li:first-child { border-left: none; }

.footer-pagetop {
    position: absolute;
    top: -38px;
    right: 0px;
}

.footer-contact {
    position: absolute;
    top: 20px;
    line-height: 1.25;
}

.footer-contact figcaption {
    margin-bottom: 5px;
    font-weight: bold;
}

.footer-contact p {
    font-size: 22px;
    font-weight: bold;
}

.footer-contact address {
    font-size: 16px;
}

.footer-copyright {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 12px;
    color: #ffffff;
}

@media only screen and (max-width: 428px) {

.menu-footer-container {
    position: static;
}

.menu-footer-container ul {
    margin: 0 0 0 30px;
    padding: 15px 0 0 0;
    list-style-position: outside;
    list-style-type: circle;
}

.menu-footer-container li {
    display: list-item;
    padding: 0;
    border-left: none;
    line-height: 1.75;
}

.footer-pagetop {
    display: none;
}

.footer-contact {
    margin: 15px;
    position: static;
    line-height: 1.5;
}

.footer-contact figcaption {
    margin-bottom: 5px;
    font-weight: bold;
}

.footer-contact p {
    font-size: 15px;
    font-weight: bold;
}

.footer-copyright {
    padding: 5px;
    position: static;
    background: #72bf28;
    color: #fff;
    font-size: 10px;
    text-align: right;
}
}

/* ---------- top ----------*/

/* slider */
#container-slider {
    margin: 0 auto 11px;
    padding: 10px;
    position: relative;
    width: 960px;
}

#container-slider img { border-radius: 8px; }

#container-slider .caption-wrap { border-radius: 0 0 8px 8px; }

#container-slider .detail {
    padding: 5px 10px 5px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(156,201,66,0.6) url(../img/slider_detail_arrow.png) left center no-repeat;
    color: rgba(255,255,255,1);
    line-height: 1.4em;
    border-radius: 0 0 8px 0;
}

@media only screen and (max-width: 428px) {
    
#container-slider {
    margin: 0 5px 11px;
    padding: 5px;
    position: relative;
    width: auto;
}
}

/* cmn */
.top-header {
    display: table;
    padding: 10px 10px 10px 16px;
    width: auto;
    background: #119cca;
    border-radius: 8px;
    vertical-align: middle;
}

.top-header>h1 {
    display: table-cell;
    width: 100%;
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

.top-header p {
    display: table-cell;
    padding: 3px 10px;
    background: #f1f0f0;
    border: 1px solid #c5c4c4;
    border-radius: 4px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

/* news */
.top-news {
    margin: 0 0 14px;
    padding: 12px;
}

.top-news ul {
    margin-left: 0;
    list-style: none;
}

.top-news li {
    margin: 0 7px;
    padding: 20px 5px;
    border-top: 1px dotted #545353;
}

.top-news li:first-child { border-top: none; }

.top-news li a { margin-left: 12px; }

@media only screen and (max-width: 428px) {
    
.top-news {
    margin: 0 5px 14px;
    padding: 5px;
}
}

/* info */
.top-info-emg {
    margin: 0 0 11px;
    padding: 12px 12px 20px;
}

.top-info-emg>h2 {
    margin: 0 20 0px;
    padding: 12px 15px 10px;
    font-weight: bold;
    font-size: 18px;
}

@media only screen and (max-width: 428px) {
    
.top-inf-emg {
    margin: 0 5px 11px;
    padding: 5px 5px 10px;
}
}

.top-info {
    margin: 0 0 52px;
    padding: 12px 12px 20px;
}

.top-info-contents { }

.top-info-contents article {
    float: left;
    margin: 14px 7px 0;
    padding: 6px;
    width: 150px;
    background: #eeeeee;
    border-radius: 4px;
}

.top-info-contents figure { }

.top-info-contents figure img { border-radius: 4px; }

.top-info-contents figcaption {
    margin: 5px 0;
    padding: 3px 16px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
}

.top-info-contents figcaption.info-new-flower { background: #c97cb6; }

.top-info-contents figcaption.info-flower { background: #c97cb6; }

.top-info-contents figcaption.info-event { background: #187210; }

.top-info-contents figcaption.info-play { background: #c42b4f; }

.top-info-contents figcaption.info-eat { background: #ed600a; }

.top-info-contents figcaption.info-other { background: #848484; }

.top-info-contents figcaption.info-village { background: #96520e; }

.top-info-contents figcaption.info-want { background: #ff0909; }

.top-info-contents h1 { line-height: 1.25; }

.top-info-contents p {
    margin: 5px 0;
    line-height: 1;
}

@media only screen and (max-width: 428px) {
    
.top-info {
    margin: 0 5px 30px;
    padding: 5px 5px 10px;
}

.top-info-contents article {
    float: left;
    margin: 14px 5px 0;
    padding: 5px;
    width: 155px;
    background: #eeeeee;
    border-radius: 4px;
}

.top-info-contents figure img {
    width:  155px;
    height: 155px; 
}
}
@media only screen and (max-width: 360px) {
    
.top-info {
    margin: 0 5px 30px;
    padding: 5px 5px 10px;
}

.top-info-contents article {
    float: left;
    margin: 14px 5px 0;
    padding: 5px;
    width: 145px;
    background: #eeeeee;
    border-radius: 4px;
}

.top-info-contents figure img {
    width:  145px;
    height: 145px; 
}
}

@media only screen and (max-width: 320px) {
    
.top-info {
    margin: 0 5px 30px;
    padding: 5px 5px 10px;
}

.top-info-contents article {
    float: left;
    margin: 14px 5px 0;
    padding: 5px;
    width: 129px;
    background: #eeeeee;
    border-radius: 4px;
}

.top-info-contents figure img {
    width:  129px;
    height: 129px; 
}
}


/* ---------- カテゴリ ----------*/

.post-list {
    margin: 0;
    border-top: 1px dotted #b9b8a9;
    list-style: none;
}

.post-list li {
    padding: 15px 10px;
    border-bottom: 1px dotted #b9b8a9;
}

.post-list li a {
    color: #3c72a0;
}

.post-list li span { margin: 0 10px 0 0; }


/* プレスリリース */

.contents-press {
    margin: 0 0 0 -12px;
}

.contents-press article {
    margin: 0 0 10px 12px;
    padding: 12px 6px 6px;
    float: left;
    width: 164px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #eeeeee;
}

.contents-press time {
    margin: 0;
}
.contents-press h1 {
    margin: 5px 0;
}
.contents-press p {
    margin: 0;
}

.contents-press p img {
    border: 1px solid #cad0d0;
    border-radius: 8px;
}

@media only screen and (max-width: 428px) {

.contents-press {
    margin: 0 0 0 0;
}

.contents-press article {
    margin: 0 0 10px 0;
    float: none;
    width: 100%;
}

.contents-press p img {
    width: 100%;
    height: auto;
}
}


/* ---------- 投稿 ----------*/

.post-link {
    margin: 30px 0;
    padding: 10px 20px;
    border-top: 1px dotted #ddd;
}

.post-link-prev { float: left; }

.post-link-next { float: right; }

.post-link span { color: rgb(0,102,204); }

.date {
    margin: 0 0 20px;
    text-align: right;
}
.alignleft,
.alignright,
.aligncenter,
.alignnone {
    width: auto;
    height: auto;
    max-width: 100%;
}

/*---------- ページング ----------*/

.page-nav {
    margin: 30px 0;
    text-align: center;
}

.page-nav li {
    display: inline;
    list-style: none;
}

.page-nav li a {
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

.page-nav li a:hover { border: 1px solid #ddd; }

.page-nav li a:active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
    top: 1px;
}

.page-nav li.current span {
    border: 1px solid #066c8d;
    color: #066c8d;
    font-weight: bold;
    border-radius: 4px;
}

.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
    background: #eee;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}

/*
.page-nav li.page_nums span {
    background: rgb(102,102,102);
    border: 1px solid rgb(51,51,51);
    color: rgb(255,255,255);
}
*/
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
    padding: 0.25em 0.8em;
    display: inline-block;
    position: relative;
}

/* 固定ページ？
.pages-link { text-align: center; }

.pages-link a span {
    border: 1px solid rgb(230,230,230);
    color: rgb(102,102,102);
    text-decoration: none;
    font-weight: normal;
}

.pages-link span {
    border: 1px solid rgb(186,166,132);
    color: rgb(121,81,15);
    font-weight: bold;
    border-radius: 3px;
    padding: 0.25em 0.8em;
    display: inline-block;
    position: relative;
}

.pages-link a:hover span { border: 1px solid rgb(230,230,230); }

.pages-link a:active span {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    top: 1px;
}
*/

/* ---------- 共通 ----------*/

ul.contents-cmn-link {
    margin: 0;
    list-style: none;
}

ul.contents-cmn-link li {
    padding: 0 0 0 20px;
    background: url(../img/contents_icon_link.png) 5px center no-repeat;
}

p.contents-cmn-link a {
    padding: 0 0 0 20px;
    background: url(../img/contents_icon_link.png) 5px center no-repeat;
}


/* ---------- ご利用案内 ----------*/

/* 開園時間・休園日 */

.contents-guide {}

.contents-guide strong {
    color: #f00;
}

.contents-guide em {
    font-weight: bold;
}

.contents-guide eme {
    font-weight: bold;
    font-size: 14px;
}

.contents-guide section {
    margin: 0 0 40px 0;
}

.contents-guide h2 {
    margin: 0 0 15px 0;
    padding: 5px 0;
    background: url(../img/contents_border_dot.png) bottom repeat-x;
    font-size: 18px;
}

.contents-guide h3 {
    margin: 0 0 10px 0;
    padding: 2px 2px 2px 24px;
    background: #fffce8 url(../img/contents_icon_circle.png) 5px center no-repeat;
    font-size: 16px;
}

.contents-guide table {
    width: 100%;
}

.contents-guide caption {
    margin: 0 0 5px;
    text-align: left;
    font-size: 14px;
}

.contents-guide th,
.contents-guide td {
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    text-align: left;
}

.contents-guide thead th,
.contents-guide tbody th {
    background: #fff8d0;
    vertical-align: middle;
}

.contents-guide address {
    padding: 20px;
    background: #fff8d0;
    font-size: 14px;
    font-weight: bold;
}

/* バリアフリー */

.contents-guide-pdf {
    margin-left: 0;
    list-style: none;
}

.contents-guide-pdf li {
    margin: 0 10px 0 0;
    display: inline;
}

.contents-guide-pdf li img {
    margin: 0 0 10px;
}

.contents-guide-photo {
    margin: 0 0 20px;
}

.contents-guide-photo>img {
    width: 100%;
}

.contents-guide-photo.c2 {
    margin-left: -22px;
}

.contents-guide-photo.c3 {
    margin-left: -13px;
}

.contents-guide-photo.c4 {
    margin-left: -8px;
}

.contents-guide-photo figure {
    float: left;
}

.contents-guide-photo.c2 figure {
    margin: 0 0 20px 22px;
    width: 335px;
}

.contents-guide-photo.c3 figure {
    margin: 0 0 20px 13px;
    width: 222px;
}

.contents-guide-photo.c4 figure {
    margin: 0 0 20px 8px;
    width: 167px;
}

.contents-guide-photo figure img {
    margin: 0 0 5px;
    width: 100%;
    height: auto;
}

.contents-guide-photo figcaption {
    font-weight: bold;
}

.contents-guide-photo p {
}

@media only screen and (max-width: 428px) {



.contents-guide-photo.c2 {
    margin-left: 0;
}

.contents-guide-photo.c3 {
    margin-left: 0;
}

.contents-guide-photo.c4 {
    margin-left: 0;
}

.contents-guide-photo.c2 figure {
    margin: 0 auto 20px;
    width: 100%;
}

.contents-guide-photo.c3 figure {
    margin: 0 0 20px;
    width: 100%;
}

.contents-guide-photo.c4 figure {
    margin: 0 0 20px 0;
    padding:0 5px;
    width: 50%;
    box-sizing: border-box;
}
}

/* ガイドヘルプサービス */

.contents-guide-em {
    font-size: 14px;
    font-weight: bold;
}

.contents-guide-help-service-info h3 {
    margin: 0 0 10px;
    padding: 5px 5px 5px 30px;
    background: #eee url(../img/contents_icon_square.png) 10px center no-repeat;
    font-size: 14px;
}

.contents-guide-help-service-example img {
    margin: 0 0 0 10px;
    float: right;
    width: auto;
}

.contents-guide-help-service-example h3 {
    margin: 0 0 5px 0;
    padding: 2px 2px 2px 24px;
    background: url(../img/contents_icon_circle.png) 5px center no-repeat;
    font-size: 14px;
}

@media only screen and (max-width: 428px) {

.contents-guide-help-service-example img {
    margin: 0 0 10px;
    float: none;
    width: 100%;
}
}


/* ---------- 施設紹介 ----------*/

.contents-facility-button-pdf {
    margin: 0 0 40px -9px;
    list-style: none;
}

.contents-facility-button-pdf li {
    margin: 0 0 10px 9px;
    float: left;
    width: 220px;
}

.contents-facility-button-search {
    margin: 0 0 0 -10px;
    list-style: none;
}

.contents-facility-button-search li {
    margin: 0 0 10px 10px;
    float: left;
    width: 224px;
}

.contents-facility-photo {
    margin: 0 0 20px;
}

.contents-facility-photo img {
    width: 100%;
    height: auto;
}

.contents-facility-link {
    padding: 15px;
    border: 2px dotted #ff8a4e;
}

@media only screen and (max-width: 428px) {

.contents-facility-button-pdf {
    margin: 0 0 40px 0px;
}

.contents-facility-button-pdf li {
    margin: 0 0 10px 0;
    width: 100%;
}

.contents-facility-button-pdf li img {
    width: 100%;
    height: auto;
}

.contents-facility-button-search {
    margin: 0 0 0 0;
}

.contents-facility-button-search li {
    margin: 0 0 10px 0;
    width: 100%;
}

.contents-facility-button-search li img {
    width: 100%;
    height: auto;
}
}


/* 目的から探す */

.contents-facility-search {
    margin: 0 0 0 -25px;
}

.contents-facility-search article {
    margin: 0 0 20px 25px;
    float: left;
    width: 214px;
}

.contents-facility-search article img {
    width: 100%;
    height: auto;
    border-radius: 0 0 6px 6px;
}

.contents-facility-search figcaption {
    padding:5px 0;
    font-size: 14px;
    text-align: center;
}

.contents-facility-search figcaption a {
    color: #fff;
}

.facility-look figure {
    border: 2px solid #29a7e1;
    border-radius: 8px;
}

.facility-look figcaption {
    background: #29a7e1;
}

.facility-play figure {
    border: 2px solid #f63f3e;
    border-radius: 8px;
}

.facility-play figcaption {
    background: #f63f3e;
}

.facility-eat figure {
    border: 2px solid #f39800;
    border-radius: 8px;
}

.facility-eat figcaption {
    background: #f39800;
}

.facility-flower figure {
    border: 2px solid #8ec31f;
    border-radius: 8px;
}

.facility-flower figcaption {
    background: #8ec31f;
}

.facility-experience figure {
    border: 2px solid #8f82bc;
    border-radius: 8px;
}

.facility-experience figcaption {
    background: #8f82bc;
}

.facility-transfer figure {
    border: 2px solid #81511c;
    border-radius: 8px;
}

.facility-transfer figcaption {
    background: #81511c;
}

@media only screen and (max-width: 428px) {

.contents-facility-search {
    margin: 0 0 0 0;
}

.contents-facility-search article {
    margin: 0 0 20px 0;
    width: 100%;
}
}


/* パークトレイン */

.contens-facility-parktrain h2 {
    margin: 0 0 20px 0;
    padding: 5px 0;
    background: url(../img/contents_border_dot.png) bottom repeat-x;
    font-size: 18px;
}

.contens-facility-parktrain table {
    margin: 0 0 30px;
    width: 100%;
}

.contens-facility-parktrain .pth {
    width: 16%;
}

.contens-facility-parktrain .ptd {
    width: 12%;
}

.contens-facility-parktrain thead,
.contens-facility-parktrain tbody {
    border: 1px solid #d2d2d2;
}

.contens-facility-parktrain th,
.contens-facility-parktrain td {
    padding: 5px 10px;
    border: 1px dotted #d2d2d2;
    text-align: center;
    vertical-align: middle;
}

.contens-facility-parktrain thead .sun {
    background: #fbd8e7;
}

.contens-facility-parktrain tbody .sun {
    background: #ffeaf3;
}

.contens-facility-parktrain thead .sat {
    background: #d2edfc;
}

.contens-facility-parktrain tbody .sat {
    background: #eaf7ff;
}

.contens-facility-parktrain thead th,
.contens-facility-parktrain tbody th {
    border-right: 1px solid #d2d2d2;
    background: #fff8d0;
}

@media only screen and (max-width: 428px) {

.contens-facility-parktrain table {
    table-layout: fixed;
}

.contens-facility-parktrain th,
.contens-facility-parktrain td {
    padding: 5px 5px;
}
}

/* こどもの森 */

.facility-child-map {
    margin: 0 0 20px;
    text-align: center;
}

.facility-child-photo {
    margin: 0 0 0 -25px;
}

.facility-child-photo section {
    margin: 0 0 20px 25px;
    float: left;
    width: 214px;
}

.facility-child-photo section h2 {
    margin: 0 0 10px 0;
    padding: 2px 2px 2px 24px;
    background: #fffce8 url(../img/contents_icon_circle.png) 5px center no-repeat;
    font-size: 14px;
}

.facility-child-photo section img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

.facility-child-photo figcaption {
    padding:5px 0;
}

@media only screen and (max-width: 428px) {

.facility-child-map img {
    width: 100%;
    height: auto;
}

.facility-child-photo {
    margin: 0 0 0 0;
}

.facility-child-photo section {
    margin: 0 0 20px 0;
    float: none;
    width: 100%;
}
}

/* 花みどり文化センター */
.facility-green-culture-photo {
    margin: 0 0 20px;
    text-align: center;
}
.facility-green-culture-left img {
    margin: 0 10px 0 0;
    float: left;
    width: auto;
}
@media only screen and (max-width: 428px) {

.facility-green-culture-photo img {
    width: 100%;
    height: auto;
}
.facility-green-culture-left img {
    margin: 0 0 10px 0;
    float: none;
    width: 100%;
}
}
/* こもれびの里 */
.facility-komorebi-photo {
    margin: 0 0 20px;
    text-align: center;
}
@media only screen and (max-width: 428px) {

.facility-komorebi-photo img {
    width: 100%;
    height: auto;
}
}
/* 日本庭園 */

.facility-garden-map {
    margin: 0 0 20px;
    text-align: center;
}

.facility-garden-photo h3 {
    margin: 0 0 15px 0;
    padding: 2px 2px 2px 24px;
    background: #fffce8 url(../img/contents_icon_circle.png) 5px center no-repeat;
    font-size: 14px;
}

.facility-garden-photo img {
    margin: 0;
    float: left;
    width: auto;
    border-radius: 8px;
}

.facility-garden-photo p {
    float: right;
    width: 455px;
}

.facility-garden-photo table {
    float: right;
    width: 455px;
}

@media only screen and (max-width: 428px) {

.facility-garden-map img {
    width: 100%;
    height: auto;
}

.facility-garden-photo img {
    margin: 0 0 10px 0;
    float: none;
    width: 100%;
}

.facility-garden-photo p {
    float: none;
    width: 100%;
}

.facility-garden-photo table {
    float: none;
    width: 100%;
}
}

/* 盆栽園 */

.facility-bonsai-recommendation img {
    margin: 0 10px 0 0;
    float: left;
    width: auto;
}

.facility-bonsai-recommendation h3 {
    margin: 0;
    padding: 0;
    float: right;
    width: 455px;
    background: none;
    font-size: 14px;
    color: #eb6100;
}

.facility-bonsai-recommendation p {
    margin: 0 0 10px;
    float: right;
    width: 455px;
}

.facility-bonsai-recommendation table {
    float: right;
    width: 455px;
}

.facility-bonsai-point span {
    color: #eb6100;
}

.facility-bonsai-photo h3 {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 14px;
    font-weight: bold;
}

@media only screen and (max-width: 428px) {

.facility-bonsai-recommendation img {
    margin: 0 0 10px 0;
    float: none;
    width: 100%;
}

.facility-bonsai-recommendation h3 {
    float: none;
    width: 100%;
}

.facility-bonsai-recommendation p {
    float: none;
    width: 100%;
}

.facility-bonsai-recommendation table {
    float: none;
    width: 100%;
}
}

/* バーベキュー */

.facility-bbq-photo h3 {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 14px;
    font-weight: bold;
}

/* ---------- event ----------*/

/* イベントカレンダー */

.ai1ec-main-container {
    margin: 0 0 30px 0 !important;
}

.ai1ec-views-dropdown,
.ai1ec-popup-in-month-view,
.ai1ec-allday-badge,
.ai1ec-single-event,
.ai1ec-event-time,
.ai1ec-popover,
.ai1ec-calendar-toolbar {
    display: none !important;
}

.contents-event-calendar-category {
    margin: 0 0 20px 2em;
    list-style: none;
}

.contents-event-calendar-category li {
    padding: 0 3em 0 .5em;
    display: inline-block;
    line-height: 1em;
}

.contents-event-calendar-category .event-exhibition {
    border-left: 1em solid #29a7e1;
}

.contents-event-calendar-category .event-stage {
    border-left: 1em solid #8fc31f;
}

.contents-event-calendar-category .event-sports {
    border-left: 1em solid #f63e3e;
}

.contents-event-calendar-category .event-experience {
    border-left: 1em solid #8d82bc;
}

.contents-event-calendar-category .event-other {
    border-left: 1em solid #f39a00;
}

.contents-event-calendar-notice {
    padding: 10px;
    border: 1px solid #C91F22;
    border-radius: 8px;
}

/* 詳細 */

.contents-event p {
    margin: 0 0 20px;
}

.contents-event table {
    width: 100%;
}

.contents-event th,
.contents-event td {
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    text-align: left;
}

.contents-event th {
    background: #fff8d0;
    vertical-align: middle;
}

@media only screen and (max-width: 428px) {

#aec-filter {
    font-size: 10px;
}

#aec-filter a {
    padding: 3px 5px;
}

.fc-header-center,
.fc-header-right {
    display: none;
}
}

/* ---------- 花情報 ----------*/

.contents-flower-banner {
    margin: 0;
    list-style: none;
}

.contents-flower-banner li {
    margin: 0 0 20px 10px;
    width: 224px;
    height: 73px;
    float: left;
}

.contents-flower-banner li:first-child {
    margin: 0 0 20px 0;
}

.contents-flower-calendar p img {
    margin: 0 0 20px;
    width: 100%;
}

.contents-flower-calendar ul {
    margin: 0 0 0 -10px;
    list-style: none;
}

.contents-flower-calendar li {
    margin: 0 0 10px 10px;
    float: left;
    width: 224px;
    height: auto;
}

@media only screen and (max-width: 428px) {

.contents-flower-banner li {
    margin: 0 0 20px 0;
    width: 100%;
    height: auto;
}

.contents-flower-banner li img {
    width: 100%;
    height: auto;
}

.contents-flower-calendar ul {
    margin: 0 0 0 0;
}

.contents-flower-calendar li {
    margin: 0 0 10px 0;
    width: 100%;
}

.contents-flower-calendar li img {
    width: 100%;
}
}


/* ---------- アクセス ----------*/

.contents-access {
    padding: 0 10px;
}

.contents-access #access-map {
    margin: 0 0 30px;
    width: 100%;
    height: 298px;
}

.contents-access section {
    margin: 0 0 40px 0;
}

.contents-access h2 {
    margin: 0 0 20px 0;
    padding: 5px 0;
    background: url(../img/contents_border_dot.png) bottom repeat-x;
    font-size: 18px;
}

.contents-access p {
    margin: 0 0 20px;
}

.contents-access .access-train {
    padding-left: 40px;
    background: url(../img/access_icon_train.png) 10px center no-repeat;
}

.contents-access .access-car {
    padding-left: 40px;
    background: url(../img/access_icon_car.png) 10px center no-repeat;
}

.contents-access table {
    margin: 0 0 30px;
    width: 310px;
}

.contents-access caption {
    margin: 0 0 10px;
    padding: 5px 5px 5px 30px;
    background: #eee url(../img/contents_icon_square.png) 10px center no-repeat;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

.contents-access th {
    padding: 5px 5px 5px 10px;
    text-align: left;
}

.contents-access td {
    text-align: right;
}

.contents-access .access-train-akebono,
.contents-access .access-train-tachikawa,
.contents-access .access-train-nishitachikawa,
.contents-access .access-car-shinjuku {
    float: left;
}

.contents-access .access-train-akishima,
.contents-access .access-train-tamagawajosui,
.contents-access .access-train-sunagawa,
.contents-access .access-car-hachioji {
    float: right;
}

@media only screen and (max-width: 428px) {

.contents-access {
    padding: 0 0;
}

.contents-access table {
    margin: 0 0 30px;
    width: 100%;
}

.contents-access .access-train-akishima,
.contents-access .access-train-tamagawajosui,
.contents-access .access-train-sunagawa,
.contents-access .access-car-hachioji {
    float: left;
}
}


/* ---------- よくある質問 ----------*/

.contents-faq {
    margin: 0 0 20px;
}

.contents-faq .accordion {
    margin: 0 0 10px;
}

.contents-faq .accordion input {
	display: none;
}

.contents-faq .accordion label {
    padding:12px 35px 12px 44px;
    position: relative;
    display: block;
    cursor: pointer;
    background: #61c1e1 url(../img/faq_icon_q.png) 6px 6px no-repeat;
    color: #fff;
    line-height: 130%;
    border-radius: 8px;
}

.contents-faq .accordion label:after {
	position: absolute;
	top: 45%;
	right: 15px;
	display: block;
	content: '';
	width: 15px;
	height: 8px;
    background: url(../img/faq_button_open.png) no-repeat;
}

.contents-faq .accordion ul {
    margin: 0;
	background: #eee url(../img/faq_icon_a.png) 12px 14px no-repeat;
	position: relative;
	height: 0;
	overflow: hidden;
    border-radius: 0 0 8px 8px;
}

.contents-faq .accordion ul li{
	padding:12px 15px 0 45px;
	color:#626262;
}

.contents-faq .accordion input:checked + label:after {
    background: url(../img/faq_button_close.png) no-repeat;
}

.contents-faq .accordion input:checked ~ ul {
    height:auto;
    padding-bottom: 20px;
}



/* 各種ダウンロード */

.contents-download {
    background: #eee;
    display: table;
    width: 100%;
}

.contents-download dt {
    padding: 10px 30px;
    background: url(../img/contents_icon_arrow.png) 15px center no-repeat;
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    box-sizing: border-box;
}

.contents-download dd {
    padding: 10px 20px;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 30%;
    box-sizing: border-box;
}

@media only screen and (max-width: 428px) {

.contents-download {
    display: block;
}

.contents-download dt {
    padding: 10px 30px;
    display: block;
    width: 100%;
}

.contents-download dd {
    padding: 10px;
    display: block;
    text-align: center;
    width: 100%;
}

.contents-download dd img {
    width: 100%;
    height: auto;
}
}


/* 公園ボランティア */

.contents-volunteer {}

.contents-volunteer ul {
    margin: 0 0 0 -25px;
    list-style: none;
}

.contents-volunteer li {
    margin: 0 0 20px 25px;
    float: left;
    width: 214px;
}

.contents-volunteer li img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 428px) {

.contents-volunteer ul {
    margin: 0 0 0 0;
}
.contents-volunteer li {
    margin: 0 0 20px 0;
    float: none;
    width: 100%;
}
}

/* 公園ボランティア詳細 */

.contents-volunteer-detail {
    padding: 16px;
}

.contents-volunteer-detail h2 {
    margin: 0 0 10px;
    background: url(../img/volunteer_detail_title_background.gif) left center repeat-x;
}

.contents-volunteer-detail table {
    margin: 0 0 20px;
    width: 100%;
}

.contents-volunteer-detail th,
.contents-volunteer-detail td {
    padding: 5px 10px;
    border: 1px solid #d2d2d2;
    text-align: left;
}

.contents-volunteer-detail th {
    background: #daf0aa;
    vertical-align: middle;
}

.contents-volunteer-detail .contents-volunteer-photo {
    margin: 0 0 0 -8px;
    list-style: none;
}

.contents-volunteer-detail .contents-volunteer-photo li {
    margin: 0 0 10px 8px;
    float: left;
    width: 159px;
    height: auto;
}

.contents-volunteer-detail .contents-volunteer-photo img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 428px) {

.contents-volunteer-detail {
    padding: 0;
}

.contents-volunteer-detail .contents-volunteer-photo {
    margin: 0 0 0 0;
}

.contents-volunteer-detail .contents-volunteer-photo li {
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}
}

/* メールマガジン */

.mail-magazine-register,
.mail-magazine-cancel {
    margin: 0 0 20px;
    text-align: center;
}

/* リンク集 */

.contents-link {
    list-style: none;
}

.contents-link li {
    float: left;
    width: 33%;
}

.contents-link li a {
    padding: 5px 5px 5px 20px;
    background: url(../img/link_icon_new-window.png) left center no-repeat;
}

@media only screen and (max-width: 428px) {

.contents-link li {
    width: 100%;
}
}

/* お問い合わせ */

.contents-contact {
    padding: 20px 50px;
    background: #fffcf0;
}

.contents-contact dl {
    margin: 0 0 20px;
}

.contents-contact dt {
    margin: 0;
    font-size: 14px;
}

.contents-contact dd {
    font-size: 14px;
}

.contents-contact p {
    margin: 0 0 20px;
    text-align: center;
}

.contents-contact .required {
    margin: 0 0 0 10px;
    padding: 0 5px;
    background: #f19149;
    border-radius: 8px;
    color: #fff;
}
.contents-contact input[type="number"],
.contents-contact input[type="text"],
.contents-contact input[type="email"],
.contents-contact select,
.contents-contact textarea {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    font-size: 14px;
}
.contents-contact input[type="date"]{
    padding: 5px;
    width: 50%;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    font-size: 14px;
}

.contents-contact input[type="submit"] {
    padding: 10px 40px;
    background: #eb6100;
    border: none;
    border-radius: 10px;
    box-shadow: rgb(166, 69, 0) 0px 5px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

@media only screen and (max-width: 428px) {

.contents-contact {
    padding: 10px;
}
}

/* 個人情報保護方針について */

.contents-privacy-policy section {
    margin: 0 0 20px 0;
}

.contents-privacy-policy h2 {
    margin: 0 0 0 0;
    padding: 5px 0;
    background: none;
    font-size: 14px;
    font-weight: bold;
}


/* 多言語 */

.contents-lang {}

.contents-lang-map {
    margin: 0 0 20px;
}

.contents-lang-map img {
    width: 100%;
    height: auto;
}

.contents-lang-pdf {}

@media only screen and (max-width: 428px) {

.contents-lang-pdf img {
    width: 100%;
}
} 
/* レインボープール */
.contents-pool {}

.contents-pool {
    margin: 46px auto 0;
    width: 600px;
}

.contents-pool table {
    width: 100%;
}

.contents-pool th,
.contents-pool td {
    padding: 5px;
    border: 1px solid #f60;
    vertical-align: middle;
}

.contents-pool th {
    background: #ffc;
}

.contents-pool .blue th,
.contents-pool .blue td {
    padding: 5px;
    border: 1px solid #00A0E9;
    vertical-align: middle;
}

.contents-pool-photo {
    margin: 0 0 10px;
}

.contents-pool-photo img {
    width: 100%;
    height: auto;
}

.contents-pool-menu {
    margin: 0 0 20px;
    list-style: none;
}

.contents-pool-menu li {
    margin: 0;
    float: left;
    display: block;
    width: 100px;
    height: 30px;
}
.contents-pool-sandal {
    border:2px solid #C00;
    padding:0 10px;
    font-weight:bold;
    color:#C00;
    text-align:center;
}

.contents-pool-pay tfoot img {
    width: 100%;
    height: auto;
}

.contents-pool-event td img {
    width: 100%;
    height: auto;
}

.contents-pool-handycap h3 img {
    width: 100%;
    height: auto;
}

.contents-pool-handycap h4 {
    padding: 3px;
    background: #00A0E9;
    color: #fff;
    font-weight: bold;
}

.contents-pool-handycap h5 {
    padding: 5px;
    border: 2px solid #00A0E9;
    background: #fff;
    color: #00A0E9;
    font-weight: bold;
}

.contents-pool-handycap h6 {
    color: #00A0E9;
    font-weight: bold;
}

.contents-pool-style {
    color: #f60;
    font-weight: bold;
    padding-bottom: 3px;
}

/*コスモスまつり20160912*/
.contents-cosmos-menu {
    margin: 0 0 20px;
    list-style: none;
}

.contents-cosmos-menu li {
    margin: 0;
    float: left;
    display: block;
    width: 138px;
    height: 40px;
}
/*サマーフェスティバル2017*/
.contents-sumer-festival-menu {
    margin: 0 0 20px;
    list-style: none;
}

.contents-sumer-festival-menu li {
    margin: 0;
    float: left;
    display: block;
    width: 173px;
    height: 50px;
}

/*アウトドアフェスティバル20161011*/
.contents-menu-4 {
    margin: 0 0 20px;
    list-style: none;
}

.contents-menu-4 li {
    margin: 0;
    float: left;
    display: block;
    width: 50%;
    height: auto;
}
/*アウトドアフェスティバル20161011*/
.contents-menu-flower {
    margin: 0 0 20px;
    list-style: none;
}

.contents-menu-flower li {
    margin: 0;
    float: left;
    display: block;
    width: 16.66%;
    height: auto;
}
.contents-flower_2018 {
    margin: 0 0 20px;
    list-style: none;
}

.contents-flower_2018 li {
    margin: 0;
    float: left;
    display: block;
    width: 25%;
    height: auto;
}
@media only screen and (max-width: 428px) {
.contents-flower_2018 li {
    margin: 0;
    float: left;
    display: block;
    width: 50%;
    height: auto;
}
.contents-flower_2018 li img {
    width: 100%;
    height: auto;
}

.contents-pool {
    margin: 0;
    width: 100%;
}

.contents-pool-menu li {
    margin: 0;
    float: left;
    display: block;
    width: 50%;
    height: auto;
}
.contents-pool-menu li img {
    width: 100%;
    height: auto;
}
/*コスモスまつり20160912*/
.contents-cosmos-menu li {
    margin: 0;
    float: left;
    display: block;
    width: 20%;
    height: auto;
}
.contents-cosmos-menu li img {
    width: 100%;
    height: auto;
}
/*サマーフェスティバル2017*/
.contents-sumer-festival-menu li {
    margin: 0;
    float: left;
    display: block;
    width: 25%;
    height: auto;
}
.contents-sumer-festival-menu li img {
    width: 100%;
    height: auto;
}
/*アウトドアフェスティバル20161011*/
.contents-menu-4 li {
    margin: 0;
    float: left;
    display: block;
    width: 50%;
    height: auto;
}
.contents-menu-4 li img {
    width: 100%;
    height: auto;
}
/*アウトドアフェスティバル20161011*/
.contents-menu-flower li {
    margin: 0;
    float: left;
    display: block;
    width: 33.33%;
    height: auto;
}
.contents-menu-flower li img {
    width: 100%;
    height: auto;
}
/* ビジュアルモード編集用 */

.contents-box strong {
    font-weight: bold;
}
} 

/*SNSアイコン 20170321*/
.banner-sns-icon {
    margin: 0 0 18px;
    padding: 7px;
    list-style: none;
}

.banner-sns-icon li {
    margin: : 0 0 8px;
    float: left;
    display: block;
    width: 33.3%;
    height: auto;
}
@media only screen and (max-width: 428px) {
.banner-sns-icon li img {
    width: 100%;
    height: auto;
}
} 
/* ---------- コンテンツメニューボタン4つ ----------*/
.contents-menu_4button {
    margin: 0 0 20px;
    list-style: none;
}

.contents-menu_4button li {
    margin: 0;
    float: left;
    display: block;
    width: 25%;
    height: auto;
}
@media only screen and (max-width: 428px) {
.contents-menu_4button li {
    margin: 0;
    float: left;
    display: block;
    width: 50%;
    height: auto;
}
.contents-menu_4button li img {
    width: 100%;
    height: auto;
}
}
/* ---------- コンテンツメニューボタン4つ ----------*/
.contents-menu_3button {
    margin: 0 0 20px;
    list-style: none;
}

.contents-menu_3button li {
    margin: 0;
    float: left;
    display: block;
    width: 33.3%;
    height: auto;
}
@media only screen and (max-width: 428px) {
.contents-menu_3button li {
    margin: 0;
    float: left;
    display: block;
    width: 50%;
    height: auto;
}
.contents-menu_3button li img {
    width: 100%;
    height: auto;
}
}
/* ---------- コンテンツ調整用 ----------*/

.w10 { width: 10%; }

.w15 { width: 15%; }

.w20 { width: 20%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w35 { width: 35%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w60 { width: 60%; }

.w65 { width: 65%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.w100 { width: 100%; }

.mt05 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mr05 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mb05 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb120 { margin-bottom: 120px; }

.ml05 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.tar { text-align: right !important; }

.tac { text-align: center !important; }

.tal { text-align: left !important; }

.vat { vertical-align: top !important; }

.vam { vertical-align: middle !important; }

.vab { vertical-align: bottom !important; }

.lh100 { line-height: 1; }

.lh125 { line-height: 1.25; }

.lh150 { line-height: 1.5; }

.lh175 { line-height: 1.75; }

.lh200 { line-height: 2; }

.bdr-dot { border: 1px dotted #ccc; }

.bdr-sol { border: 1px solid #ccc; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 0 26px;

}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.top-banner-image {
    margin: 0 0 14px;
}

@media only screen and (max-width: 428px) {
    
.top-banner-image {
    margin: 0 5px 14px;
}
}