@charset "UTF-8"; @import url(vendor/common.css); @font-face { font-family: 'Yu Gothic'; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: 'Yu Gothic'; src: local("Yu Gothic Medium"); font-weight: 200; } @font-face { font-family: 'Yu Gothic'; src: local("Yu Gothic Medium"); font-weight: 300; } @font-face { font-family: 'Yu Gothic'; src: local("Yu Gothic Medium"); font-weight: 400; } @font-face { font-family: 'Yu Gothic'; src: local("Yu Gothic Bold"); font-weight: bold; } @font-face { font-family: 'Helvetica Neue'; src: local("Helvetica Neue Regular"); font-weight: 100; } @font-face { font-family: 'Helvetica Neue'; src: local("Helvetica Neue Regular"); font-weight: 200; } @font-face { font-family: 'epress'; src: url("fonts/icomoon.eot?uvj346"); src: url("fonts/icomoon.eot?uvj346#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?uvj346") format("truetype"), url("fonts/icomoon.woff?uvj346") format("woff"), url("fonts/icomoon.svg?uvj346#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* version */ html { font-size: 62.5%; overflow-x: hidden; } body { background: #fff; font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", YuGothic, Meiryo, sans-serif; font-size: 16px; font-size: 1.6em; line-height: 1.4; color: #1b1b1b; height: auto !important; overflow: hidden; } main { overflow: hidden; } figure { margin: 0; text-align: center; } figure figcaption { margin-top: 0.5em; text-align: left; } a { color: #1b1b1b; text-decoration: underline; } a:hover { color: #1b1b1b; text-decoration: none; } .highlight a { color: #1b1b1b; } .highlight a:hover { color: #1b1b1b; } img { vertical-align: middle; } img.circle { border-radius: 50%; } p { margin: 0.5em 0 1em; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } ol, ul { margin: 0 0 1em; padding: 0 0 0 2.5em; line-height: 1.6; } ol:last-child, ul:last-child { margin-bottom: 0; } ol ol, ol ul, ul ol, ul ul { margin: 0.5em 0; padding-left: 2em; } ol ol:last-child, ol ul:last-child, ul ol:last-child, ul ul:last-child { margin-bottom: 0.5em; } ul.list-unstyled { padding-left: 0; list-style: none; } ul.list-unstyled ol, ul.list-unstyled ul { padding-left: 2em; } ul.list-inline { margin: 0; padding: 0; list-style: none; margin-left: -7px; font-size: 0px; font-size: 0rem; margin-bottom: 16px; } ul.list-inline > li { display: inline; padding-left: 7px; padding-right: 7px; white-space: nowrap; font-size: 16px; font-size: 1.6rem; } dl { margin: 0 0 1em; line-height: 1.6; } dl:last-child { margin-bottom: 0; } dl dt { font-weight: bold; } dl dd { margin-left: 0; margin-bottom: 0.5em; } dl dd:last-child { margin-bottom: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } main section { margin-bottom: 10%; } main section.highlight:last-child { margin-bottom: 0; padding-bottom: 10%; } .sp-mask { transition: none !important; } .highlight { padding: 4% 0; background: rgba(74, 159, 68, 0.05); color: #1b1b1b; } body:not(.home) .column_main .highlight { padding-left: 4%; padding-right: 4%; } #swipebox-overlay { z-index: 10000002 !important; } @media (min-width: 768px) { p { margin: 0.5em 0 1em; } dl.dl-horizontal { overflow: hidden; } dl.dl-horizontal dt { float: left; clear: left; margin-right: 1em; } dl.dl-horizontal dd { float: left; } main section { margin-bottom: 7%; } main section:last-child { margin-bottom: 9%; } main section.highlight:last-child { margin-bottom: 0; padding-bottom: 8%; } } @media (max-width: 767px) { .tile:not(.sp-tile) > * { height: auto !important; } } @media (min-width: 768px) { .gutters .row.row_inline { letter-spacing: -0.4em; } .gutters .row.row_inline > .col { letter-spacing: normal; vertical-align: top; display: inline-block; float: none; margin-bottom: 5%; } .gutters .row.row_inline .span_1:nth-child(12n + 1) { margin-left: 0; } .gutters .row.row_inline .span_2:nth-child(6n + 1) { margin-left: 0; } .gutters .row.row_inline .span_3:nth-child(4n + 1) { margin-left: 0; } .gutters .row.row_inline .span_4:nth-child(3n + 1) { margin-left: 0; } .gutters .row.row_inline .span_5:nth-child(2n + 1) { margin-left: 0; } .gutters .row.row_inline .span_6:nth-child(2n + 1) { margin-left: 0; } .gutters .row.row_inline .span_7 { width: 57.5%; } .gutters .row.row_inline .span_8 { width: 66%; } .gutters .row.row_inline .span_9 { width: 74.5%; } .gutters .row.row_inline .span_10 { width: 83%; } .gutters .row.row_inline .span_11 { width: 91.5%; } .gutters .row.row_inline .span_12 { width: 100%; } } main .column_main, main .column_sub { overflow: hidden; min-height: 100px; } main .column_main .widget_header, main .column_sub .widget_header { font-size: 18px; font-size: 1.8rem; padding: 0.5em; margin-bottom: 0; } main .column_main .widget_header + *:not(.calendar_wrap), main .column_sub .widget_header + *:not(.calendar_wrap) { padding: 0; margin: 0 auto 1em; } main .column_main .widget_header + .epress_search, main .column_main .widget_header + .textwidget, main .column_sub .widget_header + .epress_search, main .column_sub .widget_header + .textwidget { padding: 10px 0; } main .column_main .widget_wrap .menu, main .column_main .widget_wrap > ul, main .column_sub .widget_wrap .menu, main .column_sub .widget_wrap > ul { margin: 0; padding: 0; list-style: none; } main .column_main .widget_wrap .menu ul, main .column_main .widget_wrap > ul ul, main .column_sub .widget_wrap .menu ul, main .column_sub .widget_wrap > ul ul { margin: 0; padding: 0; list-style: none; } main .column_main .widget_wrap .menu li, main .column_main .widget_wrap > ul li, main .column_sub .widget_wrap .menu li, main .column_sub .widget_wrap > ul li { padding: 0.5em 0.7em; border-bottom: 1px solid #ccc; } main .column_main .widget_wrap .menu li:last-child, main .column_main .widget_wrap > ul li:last-child, main .column_sub .widget_wrap .menu li:last-child, main .column_sub .widget_wrap > ul li:last-child { border-bottom: 0; } main .column_main .widget_wrap .menu li a, main .column_main .widget_wrap > ul li a, main .column_sub .widget_wrap .menu li a, main .column_sub .widget_wrap > ul li a { display: block; text-decoration: none; } main .column_main .widget_wrap .menu li a:hover, main .column_main .widget_wrap > ul li a:hover, main .column_sub .widget_wrap .menu li a:hover, main .column_sub .widget_wrap > ul li a:hover { text-decoration: underline; } main .column_main .widget_wrap ul > li.page_item, main .column_sub .widget_wrap ul > li.page_item { border-bottom: #ccc solid 1px; } main .column_main .widget_wrap ul > li.page_item.page_item_has_children, main .column_sub .widget_wrap ul > li.page_item.page_item_has_children { padding: 0.5em 0.7em 0.2em !important; } main .column_main .widget_wrap ul > li.page_item .children, main .column_sub .widget_wrap ul > li.page_item .children { border-top: #eee solid 1px; margin: 0.5em 0 0 !important; } main .column_main .widget_wrap ul > li.page_item .children li, main .column_sub .widget_wrap ul > li.page_item .children li { font-weight: normal; border-bottom: #eee solid 1px; font-size: 96%; padding: 0.5em 0.7em 0.5em 1em; position: relative; } main .column_main .widget_wrap ul > li.page_item .children li:before, main .column_sub .widget_wrap ul > li.page_item .children li:before { content: ''; position: absolute; left: 0; top: 15px; width: 5px; height: 5px; background: rgba(54, 46, 43, 0.4); border-radius: 2.5px; } main .column_main .widget_wrap ul > li.page_item .children li li:before, main .column_sub .widget_wrap ul > li.page_item .children li li:before { content: ''; position: absolute; left: 0; top: 14px; width: 5px; height: 5px; background: rgba(54, 46, 43, 0.15); border-radius: 0; } @media (max-width: 900px) { .gutters .span_3.column_sub, .gutters .span_9.column_main { float: none; width: 100%; margin-left: 0; } } @media (min-width: 600px) and (max-width: 900px) { .gutters .span_3.column_sub .sidebar { letter-spacing: -0.4em; } .gutters .span_3.column_sub .sidebar .widget_wrap { letter-spacing: normal; display: inline-block; vertical-align: top; width: 49%; margin-left: 2%; } .gutters .span_3.column_sub .sidebar .widget_wrap:nth-child(2n + 1) { margin-left: 0; } } @media (min-width: 768px) { .container { max-width: 1000px; } } @media (min-width: 1024px) { .container { padding: 0 10px; } } .article_button { margin-top: 5%; } @media (min-width: 768px) { .article_detail:not(.reverse) .col.span_12 + .span_4, .article_list:not(.reverse) .col.span_12 + .span_4 { margin-left: 0; } .article_detail.reverse .col.span_12, .article_list.reverse .col.span_12 { margin-left: 0; } } .sidebar { visibility: hidden; } .sidebar > .widget_wrap { visibility: visible; } .gutters .col.span_12 + .span_12 { margin-left: 0; } .sitemap { padding: 0; margin: 0; border-top: 1px solid #ccc; } .sitemap li { list-style: none; padding: 10px 0 10px 15px; border-bottom: 1px solid #ccc; } .sitemap li > ul { padding: 0; border-top: #ccc solid 1px; } .sitemap li > ul > li { border-bottom: 1px solid #ccc; position: relative; } .sitemap li > ul > li:before { content: ''; position: absolute; left: 0; top: 25px; width: 6px; height: 6px; background: #ccc; border-radius: 3px; } .sitemap li > ul > li:last-child { border-bottom: none; padding: 10px 0 0 15px; } .sitemap li > ul > li .children > li { padding: 10px 0 0 15px; } .sitemap li > ul > li .children > li:before { content: ''; position: absolute; left: 0; top: 25px; width: 6px; height: 6px; background: #ccc; border-radius: 0; } .sitemap a { font-size: 16px; font-size: 1.6rem; text-decoration: none; } .sitemap a:hover { text-decoration: underline; } @media (min-width: 768px) { .sitemap a { font-size: 22px; font-size: 2.2rem; } } .parallax_h1 { height: 250px; position: relative; } .parallax_h1:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.3); } .parallax_h1 h1 { color: #fff; } .parallax_h1 h1:after, .parallax_h1 h1:before { background: #fff; } @media (min-width: 768px) { .parallax_h1 { height: 450px; } } .map_wide #map_canvas, .map_wide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .map_wide img { max-width: none; } .slick-track { margin: 0 auto; } .col dl p { line-height: 1.4; margin: 0; } .col p { line-height: 1.8; } .container { padding: 0 10px; } @media (min-width: 1020px) { .container { padding: 0; } } .container .container { padding: 0; } #fb-root, .fb-page { font-family: 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif !important; } #swipebox-overlay { background: rgba(13, 13, 13, 0.8); } .ei { font-family: 'epress'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 14px; font-size: 1.4rem; } .ei.ei_triangle:before { content: '\e915'; } .ei.ei_triangle_s:before { content: '\e916'; } .ei.ei_circle:before { content: '\e917'; } .ei.ei_circle_s:before { content: '\e918'; } .ei.ei_circle_d:before { content: '\e919'; } .ei.ei_square:before { content: '\e91a'; } .ei.ei_square_s:before { content: '\e91b'; } .ei.ei_times:before { content: '\e91c'; } .ei.ei_star:before { content: '\e91d'; } .ei.ei_star_s:before { content: '\e91e'; } img.wp-edited-image[width] { width: auto !important; } img.wp-edited-image[height] { height: auto !important; } img.wp-edited-image.aligncenter { margin: 0 auto 10px; display: block; } img.wp-edited-image.alignright { margin: auto 0 auto auto; display: block; } header { position: relative; z-index: 100; width: 100%; background: #fff; color: #1b1b1b; } header .row { margin: 0 3%; } @media (max-width: 767px) { header .container .row { margin: 0; } } header .title { margin: 0; padding: 10px 0; line-height: 1; } header .title a { display: inline-block; } header .title img, header .title object { width: 240px; height: 52px; max-width: none; } @media (max-width: 600px) { header .title img, header .title object { width: 200px; height: 43.33333px; min-height: 45px; } } header .global_nav > ul { position: absolute; z-index: -1; top: 100%; left: 0; right: 0; margin: auto; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; margin: 0; padding: 0; list-style: none; border-top: 1px solid #b3b3b3; } @media (min-width: 768px) { header .global_nav > ul { left: auto; width: 50%; max-width: 400px; } } header .global_nav > ul > li { border-bottom: 1px solid #b3b3b3; } header .global_nav > ul > li a { display: block; padding: 1em; text-decoration: none; color: #fff; background: rgba(74, 159, 68, 0.9); } header .global_nav > ul > li a:hover { color: #fff; } header .global_nav > ul > li a:active { background: #4a9f44; color: #fff; } header .global_nav > ul > li > a { background: rgba(74, 159, 68, 0.9); } header .global_nav .menu_icon { position: absolute; top: 50%; right: 5%; transform: translateY(-50%); z-index: 100; } header .global_nav .menu_icon a { position: relative; display: block; width: 20px; height: 20px; padding: 0; transition: transform 0.3s; overflow: hidden; } header .global_nav .menu_icon a:after, header .global_nav .menu_icon a:before { content: ''; display: block; position: absolute; left: 0; right: 0; margin: auto; width: 100%; height: 4px; background: #4a9f44; transition: transform 0.5s; } header .global_nav .menu_icon a:before { top: 0; } header .global_nav .menu_icon a:after { bottom: 0; } header .global_nav .menu_icon a span { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; right: 0; margin: auto; width: 100%; height: 4px; background: #4a9f44; transition: transform 0.5s; overflow: hidden; text-indent: -9999px; white-space: nowrap; } header .global_nav .menu_icon a.close:not(.fix) { background: none; } header .global_nav .menu_icon a.close:not(.fix):before { top: 50%; transform: translate(0, -50%) rotate(45deg); background: #4a9f44; } header .global_nav .menu_icon a.close:not(.fix):after { bottom: 50%; transform: translate(0, 50%) rotate(-45deg); background: #4a9f44; } header .global_nav .menu_icon a.close:not(.fix) span { transform: translate(100%, -50%); } header .global_nav > ul { transform-origin: center top; visibility: hidden; transition: transform 0.3s; transform: rotateX(90deg); } header.menu_open .global_nav > ul { visibility: visible; transform: rotateX(0deg); } #google_translate_element, .translate_gt { position: absolute; top: 50%; right: 15%; margin-top: -12px; } .translate_gt { margin-top: -14px; } @media (min-width: 1024px) { header .row { table-layout: fixed; display: table; width: 94%; } } @media (min-width: 1024px) and (max-width: 999px) { header .row { margin: auto; width: 100%; } } @media (min-width: 1024px) { header .container .row { width: auto; margin: 0; } header .global_nav, header .title { margin: 0; vertical-align: middle; height: 78px; display: table-cell; } header .title { max-width: none; max-width: none; padding: 10px 0; } header .global_nav { text-align: right; width: 100%; padding: 0; padding: 0 0 15px; vertical-align: bottom; } header .global_nav > ul { position: static; display: inline-block; width: auto; border: none; background: none; visibility: visible; font-size: 0px; font-size: 0rem; transform: none; text-align: left; overflow: visible; max-width: none; } header .global_nav > ul > li { display: inline-block; vertical-align: middle; border: none; line-height: 1.5; border-left: 1px; font-size: 16px; font-size: 1.6rem; } header .global_nav > ul > li:not(.gnav_search) { text-align: center; } header .global_nav > ul > li:not(.gnav_search) > a { position: relative; } header .global_nav > ul > li:not(:first-child) > a:before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 50%; background: #1b1b1b; } header .global_nav > ul > li > a { display: inline-block; vertical-align: middle; color: #1b1b1b; text-decoration: none; background: transparent; text-align: center; transition: 0.3s; border-bottom: 2px solid transparent; padding: 0.3em 1.5em; } } @media (min-width: 1024px) and (max-width: 900px) { header .global_nav > ul > li > a { padding: 0.3em 0.5em; } } @media (min-width: 1024px) { header .global_nav > ul > li > a:hover { border-bottom: 2px solid #4a9f44; color: #4a9f44; } header .global_nav > ul > li > a:active { background: none; } header .global_nav > ul > li > a span { display: block; font-size: 14px; font-size: 1.4rem; } header .global_nav .menu_icon { display: none; } #google_translate_element, .translate_gt { position: static; float: right; margin-top: 3px; margin-left: 1em; } .translate_gt { margin-top: 0; } } @media (max-width: 1023px) { header .global_nav > ul > li a > span, header .global_nav > ul > li a > br { display: none; } } .hdr_info_wrap { display: none; display: block; position: absolute; top: 50%; left: auto; right: calc(10% + 20px); transform: translateY(-50%); margin: auto; } @media (min-width: 640px) { .hdr_info_wrap { right: 10%; } } .hdr_info_wrap .hdr_info_sp a { position: relative; display: block; background: #4a9f44; border-radius: 50%; width: 34px; height: 34px; } .hdr_info_wrap .hdr_info_sp a img { max-width: 17px; max-height: 19px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } @media (min-width: 1024px) { .hdr_info_wrap { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; max-width: 1000px; } .hdr_info_wrap .hdr_info { position: absolute; right: 10px; top: 35px; } } footer { position: relative; } footer nav { text-align: center; } footer nav ul { margin: 0; padding: 0; list-style: none; } footer nav ul li + li { border-top: 1px solid #b3b3b3; } footer nav a { display: block; padding: 0.7em 0; text-decoration: none; } footer nav a:hover { text-decoration: underline; } footer .footer_copyright_wrap { text-align: center; } footer .footer_copyright_wrap p { padding: 1em 0.3em; } @media (min-width: 768px) { footer .row:not(:last-child) { margin-bottom: 5px; } footer nav { text-align: center; padding: 0.7em 0 0; } footer nav ul { margin: 0; padding: 0; list-style: none; font-size: 0px; font-size: 0rem; white-space: normal; } footer nav ul > li { display: inline; padding-left: 0; padding-right: 0; white-space: nowrap; font-size: 16px; font-size: 1.6rem; } footer nav ul li { line-height: 1.5; white-space: normal; } footer nav ul li + li { border: 0; } footer nav ul li:not(:first-child):before { content: '|'; margin-right: 0.3em; margin-left: 0.3em; } footer nav a { display: inline; padding: 0; } } @media (min-width: 768px) and (max-width: 1023px) { footer nav ul li.tablet-break:after { content: '\A'; white-space: pre; } footer nav ul li.tablet-break + li:before { display: none; } } /* * フッターパターンA(footer pattern A) */ footer { background: #4a9f44; color: #fff; } footer a { color: #fff; } footer a:hover { color: #fff; } @media (min-width: 768px) { footer .container .row .col { float: none; width: 100%; } footer .container .row nav ul { display: inline-block; } footer .container .row nav a { display: inline-block; padding: 0.3em; } } .slider-pro.contents { overflow: hidden; margin: 0 auto !important; } .slider-pro.contents .sp-caption-container { width: 90%; margin: 0 auto; padding: 10px; } .slider-pro.contents .sp-caption-container h3 { margin: 0 0 15px; font-size: 14px; font-size: 1.4rem; } .slider-pro.contents .sp-caption-container h3:last-child { margin-bottom: 0; } .slider-pro.contents .sp-caption-container p { font-size: 13px; font-size: 1.3rem; } .slider-pro.contents.sp-horizontal .sp-previous-arrow { left: 10px; margin-top: 180px; } .slider-pro.contents.sp-horizontal .sp-next-arrow { right: 10px; margin-top: 180px; } .slider-pro.contents .sp-next-arrow:after, .slider-pro.contents .sp-next-arrow:before, .slider-pro.contents .sp-previous-arrow:after, .slider-pro.contents .sp-previous-arrow:before { background-color: #4a9f44; } @media (max-width: 767px) { .slider-pro.contents .sp-arrow { width: 10px; height: 15px; } } @media (min-width: 768px) { .slider-pro.contents .sp-caption-container { width: 450px; min-height: 40px; margin: 10px auto 0; border-right: 1px dashed #999; border-left: 1px dashed #999; } .slider-pro.contents .sp-arrow { width: 10px; height: 15px; } .slider-pro.contents.sp-horizontal .sp-previous-arrow { left: 50%; margin-top: 187.5px; margin-left: -230px; } .slider-pro.contents.sp-horizontal .sp-next-arrow { right: 50%; margin-top: 187.5px; margin-right: -230px; } } .slider-pro.center { overflow: hidden; width: 100%; } .slider-pro.center .sp-button { border: none; background: #d2d2d2; } .slider-pro.center .sp-selected-button { background: #4a9f44; } .slider-pro.center.sp-horizontal .sp-arrows { left: 0; right: 0; max-width: 1000px; margin-left: auto; margin-right: auto; } .slider-pro.center.sp-horizontal .sp-previous-arrow { left: 10px; } .slider-pro.center.sp-horizontal .sp-next-arrow { right: 10px; } .slider-pro.center .sp-previous-arrow, .slider-pro.center .sp-next-arrow { width: 30px; height: 30px; background-color: rgba(74, 159, 68, 0.7); background-position: center center; background-repeat: no-repeat; background-size: 8px; } .slider-pro.center .sp-previous-arrow { background-image: url(/wp-content/uploads/arrow_left_wh.png); } .slider-pro.center .sp-next-arrow { background-image: url(/wp-content/uploads/arrow_right_wh.png); } .slider-pro.center .sp-next-arrow:after, .slider-pro.center .sp-next-arrow:before, .slider-pro.center .sp-previous-arrow:after, .slider-pro.center .sp-previous-arrow:before { display: none; } .slider-pro.center .sp-layer { line-height: 1.2; white-space: normal !important; font-size: 20px; font-size: 2rem; color: #1b1b1b; } .slider-pro.center .sp-layer small { font-size: 14px; font-size: 1.4rem; } @media (min-width: 768px) { .slider-pro.center .sp-layer { font-size: 22px; font-size: 2.2rem; } .slider-pro.center .sp-padding { padding: 35px; } } @media (min-width: 1100px) { .slider-pro.center.sp-horizontal .sp-previous-arrow { left: -15px; } .slider-pro.center.sp-horizontal .sp-next-arrow { right: -15px; } } .slider-pro.wide { position: relative; overflow: hidden; width: 100%; max-width: 1600px; margin: 0 auto 10px; } .slider-pro.wide .sp-buttons { position: absolute; z-index: 2; bottom: 10px; right: 10px; width: auto; padding-top: 0; text-align: right; } .slider-pro.wide .sp-button { border: none; background: #d2d2d2; } .slider-pro.wide .sp-selected-button { background: #4a9f44; } .slider-pro.wide .sp-previous-arrow, .slider-pro.wide .sp-next-arrow { z-index: 2; } .slider-pro.wide .sp-next-arrow:after, .slider-pro.wide .sp-next-arrow:before, .slider-pro.wide .sp-previous-arrow:after, .slider-pro.wide .sp-previous-arrow:before { color: #fff; } .slider-pro.wide .hps-slider-mask { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .slider-pro.wide .hps-slider-mask.stripe { background-color: rgba(255, 255, 255, 0.2); background-image: url(/wp-content/uploads/mask_stripe.png); } .slider-pro.wide .hps-slider-copy { position: relative; top: 50%; transform: translateY(-50%); padding: 0 50px; color: #1b1b1b; text-align: left; font-size: 12px; font-size: 1.2rem; } .slider-pro.wide .hps-slider-copy .lead { margin: 0; font-size: 18px; font-size: 1.8rem; line-height: 1; text-align: center; color: #1b1b1b; } .slider-pro.wide.disable-arrows .hps-slider-copy { padding: 0 10px; } .slider-pro.wide .hps-slider-scroll { display: none; } @media (max-width: 767px) { .slider-pro.wide.sp-disable-arrows .hps-slider-copy { padding: 0 10px; } } @media (min-width: 768px) { .slider-pro.wide .sp-buttons { bottom: 20px; right: 25px; } .slider-pro.wide .sp-button { width: 18px; height: 18px; margin: 0 10px; } .slider-pro.wide .hps-slider-copy { text-align: center; font-size: 17px; font-size: 1.7rem; line-height: 1.8; } .slider-pro.wide .hps-slider-copy .lead { font-size: 46px; font-size: 4.6rem; } .slider-pro.wide .hps-slider-scroll { display: block; position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; } .slider-pro.wide .hps-slider-scroll a { display: inline-block; width: 100px; padding-bottom: 45px; background: url(/wp-content/uploads/arrow_down_white.png) center bottom no-repeat; text-align: center; color: #fff; font-size: 12px; font-size: 1.2rem; text-decoration: none; } .slider-pro.wide .hps-slider-scroll.text-black a { background: url(/wp-content/uploads/arrow_down_black.png) center bottom no-repeat; color: #000; } } @media (min-width: 1024px) { .slider-pro.wide .hps-slider-scroll { display: block; bottom: 45px; } } @media (max-width: 767px) { .bf-af .row:not(:last-child) { margin-bottom: 10%; } .bf-af .before { padding-bottom: 16%; background: url(/wp-content/uploads/arrow_down.svg) center bottom no-repeat; background-size: 20%; background-size: 45px auto; } .bf-af .after:not(:last-child) { margin-bottom: 10%; } } @media (min-width: 768px) { .bf-af { display: table; table-layout: fixed; width: 100%; } .bf-af .before, .bf-af .after { display: table-cell; vertical-align: top; } .bf-af .before span { display: block; position: relative; } .bf-af .before span:after { content: ''; display: block; position: absolute; top: 0; height: 100%; background: url(/wp-content/uploads/arrow_right.svg) center center no-repeat; background-size: 100%; } .bf-af.col2 .before { width: 55%; padding-right: 10%; } .bf-af.col2 .after { width: 45%; } .bf-af.col2 .before span:after { width: 10%; right: -16%; } .bf-af.col4 .before:nth-child(1) { width: 24%; padding-left: 0; padding-right: 2%; } .bf-af.col4 .after:nth-child(2) { width: 26%; padding-left: 3%; padding-right: 1%; } .bf-af.col4 .before:nth-child(3) { width: 26%; padding-left: 1%; padding-right: 3%; } .bf-af.col4 .after:nth-child(4) { width: 24%; padding-left: 2%; padding-right: 0; } .bf-af.col4 .before span:after { width: 13%; right: -18%; } } .bread_wrap { margin-bottom: 2%; } .bread { overflow: hidden; margin: 0; font-size: 12px; font-size: 1.2rem; } .bread ul { padding: 1em 0; margin: 0 auto; float: none; } .bread ul li { list-style: none; position: relative; float: left; padding-right: 2em; margin-right: 1.5em; } .bread ul li a { text-decoration: none; color: #1b1b1b; } .bread ul li a:hover { color: #1b1b1b; text-decoration: none; } .bread ul li:after { content: '>'; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; } .bread ul li:last-child { padding-right: 0; margin-right: 0; } .bread ul li:last-child:after { content: none; } .button, .inquiry .wpcf7-submit { display: inline-block; min-width: 0px; margin: 0; padding: 1em 1em; border: 0; border-radius: 4px; line-height: 1; background: #4a9f44; color: #fff; text-align: center; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.3s; } .button:hover, .inquiry .wpcf7-submit:hover { background: #ced4d2; color: #4a9f44; } .highlight .button, .highlight .inquiry .wpcf7-submit, .inquiry .highlight .wpcf7-submit { color: #fff; } .highlight .button:hover, .highlight .inquiry .wpcf7-submit:hover, .inquiry .highlight .wpcf7-submit:hover { color: #4a9f44; } .button.block, .inquiry .block.wpcf7-submit { display: block; min-width: 0; } .button.inverse, .inquiry .inverse.wpcf7-submit { border: 0; border-radius: 4px; background: #000; color: #fff; } .button.inverse:hover, .inquiry .inverse.wpcf7-submit:hover { background: #1a1a1a; color: #fff; } .button.cancel, .inquiry .cancel.wpcf7-submit { background: #888; color: #fff; } .button.cancel:hover, .inquiry .cancel.wpcf7-submit:hover { background: #6f6f6f; } .button.large, .inquiry .large.wpcf7-submit { padding: 1em 2em; font-size: 16px; font-size: 1.6rem; } .button + .button, .inquiry .wpcf7-submit + .button, .inquiry .button + .wpcf7-submit, .inquiry .wpcf7-submit + .wpcf7-submit { margin-left: 0.5em; } .button span, .inquiry .wpcf7-submit span { line-height: 1; padding-left: 20px; background: url(/wp-content/uploads/btn_icon.png) left center no-repeat; background-size: auto 14px; } .feature { color: #fff; } .feature h3 { margin: 0; text-align: center; color: #fff; font-size: 22px; font-size: 2.2rem; } .feature img { width: 100%; } .feature .col { display: table; table-layout: fixed; } .feature .col:not(:last-child) { margin-bottom: 0; } .feature .col:nth-child(1) { background: #49afe6; } .feature .col:nth-child(2) { background: #8ed95d; } .feature .col:nth-child(3) { background: #f6aa48; } .feature .col:nth-child(4) { background: #f98282; } .feature .col .textbox { display: table-cell; width: 70%; padding: 1em 3%; vertical-align: middle; } .feature .col figure { display: table-cell; width: 30%; vertical-align: middle; } .feature .col figure:first-child img { text-align: left; } .feature .col figure:last-child img { text-align: right; } @media (min-width: 768px) { .feature h3 { margin: 10px 0 15px; font-size: 26px; font-size: 2.6rem; } .feature .col { display: block; table-layout: auto; } .feature .col .textbox { display: block; width: auto; height: 250px; padding: 10px; font-size: 13px; font-size: 1.3rem; } .feature .col figure { display: inline; width: auto; vertical-align: middle; } } .grid { display: block; margin: 0; } .grid.row, .grid .row, .grid.col, .grid .col { margin: 0; } .has-child-grid .grid { display: -moz-flex; display: flex; -moz-justify-content: center; justify-content: center; -moz-align-items: stretch; align-items: stretch; } .has-child-grid .grid .col { display: -moz-flex; display: flex; -moz-flex-direction: column; flex-direction: column; -moz-justify-content: center; justify-content: center; text-align: center; } .has-child-grid .grid .col.span_12 { padding: 20px 0; } .grid .grid-arrow { position: relative; overflow: hidden; } .grid .grid-arrow:after { content: ''; display: block; position: absolute; right: -15px; bottom: -15px; width: 30px; height: 30px; background-color: #fff; transform: rotate(45deg); transition: 0.3s; } .grid p { margin: 0; padding: 0.2em 0; } .grid a { color: #fff; text-decoration: none; transition: 0.3s; } .grid a > [style^='background-image'], .grid a img { transition: 0.3s; } .grid a:hover > [style^='background-image'], .grid a:hover img { opacity: 0.6; } .grid .grid-bg1 { background-color: #e74c3c; } .grid .grid-bg1:hover { background-color: #eb6d60; } .grid .grid-bg1:hover .grid-arrow:after { background-color: #df2e1b; } .grid .grid-bg2 { background-color: #3498db; } .grid .grid-bg2:hover { background-color: #57aae1; } .grid .grid-bg2:hover .grid-arrow:after { background-color: #2383c4; } .grid .grid-bg3 { background-color: #f1c40f; } .grid .grid-bg3:hover { background-color: #f3cd36; } .grid .grid-bg3:hover .grid-arrow:after { background-color: #cba50c; } .grid .grid-bg4 { background-color: #1abc9c; } .grid .grid-bg4:hover { background-color: #1fe0ba; } .grid .grid-bg4:hover .grid-arrow:after { background-color: #15987e; } .grid .grid-bg5 { background-color: #9b59b6; } .grid .grid-bg5:hover { background-color: #ac75c2; } .grid .grid-bg5:hover .grid-arrow:after { background-color: #8646a0; } .grid .grid-bg6 { background-color: #34495e; } .grid .grid-bg6:hover { background-color: #435d78; } .grid .grid-bg6:hover .grid-arrow:after { background-color: #253544; } .grid .grid-bg7 { background-color: #2ecc71; } .grid .grid-bg7:hover { background-color: #4cd787; } .grid .grid-bg7:hover .grid-arrow:after { background-color: #26ab5f; } .ie .grid .grid-arrow:after { display: none; } @media (min-width: 768px) { .grid { display: -moz-flex; display: flex; -moz-justify-content: center; justify-content: center; -moz-align-items: stretch; align-items: stretch; } .grid .col { display: -moz-flex; display: flex; -moz-flex-direction: column; flex-direction: column; -moz-justify-content: center; justify-content: center; text-align: center; } .grid .col.span_12 { padding: 0; } .grid .col.has-child-grid > * { -moz-flex-grow: 1; flex-grow: 1; } .grid p { margin: 0; padding: 0.2em 0; } } .guide figure { margin-bottom: 1em; } .guide figure img { width: auto; max-width: 100%; } .guide .message .contents_link { text-align: center; } @media (min-width: 768px) { .guide { position: relative; display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: -1em; } .guide figure { flex: 1; margin-bottom: 0; min-width: 0; } .guide .message { flex: 3; padding-left: 2%; padding-bottom: 45px; } .guide .message.text-only { padding-bottom: 0; } .guide .message h2 { margin-bottom: 1em; } .guide .message .contents_link { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .guide.reverse { flex-direction: row-reverse; } .guide.reverse .message { padding-left: 0; padding-right: 2%; } .ie .guide { display: table; } .ie .guide figure { display: table-cell; width: 23.5%; vertical-align: middle; } .ie .guide .message { display: table-cell; width: 74.5%; padding-left: 2%; vertical-align: middle; } .ie .guide.reverse .message { padding-left: 2%; padding-right: 0; } } /* お問い合わせフォーム(form liên lạc) */ .inquiry fieldset { margin: 0; padding: 20px 10px; border: 0; background: rgba(74, 159, 68, 0.05); } .inquiry fieldset .row { margin: 0; } .inquiry dl { margin: 0; padding: 0; } .inquiry dt { font-weight: normal; } .inquiry dt.col:not(:last-child) { margin-bottom: 1em; } .inquiry dd { margin: 0; padding: 0; } .inquiry dd:last-child { padding-bottom: 0; } .inquiry dd .confirm { padding: 0 0 1em 1em; border-bottom: 1px dashed #ccc; } .inquiry input[type='text'], .inquiry input[type='url'], .inquiry input[type='email'], .inquiry input[type='tel'], .inquiry input[type='date'], .inquiry input[type='number'], .inquiry select, .inquiry textarea { width: 100%; padding: 5px; color: #000; font-size: 16px; font-size: 1.6rem; } .inquiry input[type='number'] { width: 65px; text-align: center; } .inquiry input[type='file'] { width: 100%; box-sizing: border-box; } .inquiry input.p-postal-code { width: 100px; } .inquiry input.p-region { width: 100px; } .inquiry input.p-locality { width: 150px; } .inquiry input.p-street-address { width: 100%; } .inquiry input.p-extended-address { width: 100%; } .inquiry .submit { display: block; overflow: hidden; margin: 1em auto; text-align: center; } .inquiry .submit .button, .inquiry .submit .wpcf7-submit, .inquiry .submit .wpcf7-submit { display: block; margin: 0 auto 10px; padding: 1em 1em; border-radius: 0; max-width: 280px; width: 100%; text-align: center; text-decoration: none; transition: 0.3s; border: 1px solid #4a9f44; color: #fff; background: #4a9f44; } .inquiry .submit .button:hover, .inquiry .submit .wpcf7-submit:hover, .inquiry .submit .wpcf7-submit:hover { border: 1px solid #4a9f44; color: #4a9f44; background: #fff; } .inquiry .submit .wpcf7-spinner { display: block; margin: 0 auto; } .inquiry .required { color: #f00; } .inquiry label { display: block; margin-bottom: 0.5em; } @media (min-width: 768px) { .inquiry { max-width: 780px; margin-right: auto; margin-left: auto; } .inquiry fieldset { margin: 0; padding: 60px; border: 0; } .inquiry dt { clear: both; padding: 6px 0; } .inquiry dd { padding-bottom: 1.5em; } .inquiry dd .confirm { min-height: 1.5em; padding: 6px 0 0; border: 0; line-height: 1.4; } .inquiry input[type='text'], .inquiry input[type='url'], .inquiry input[type='email'], .inquiry input[type='tel'], .inquiry input[type='date'], .inquiry input[type='text'], .inquiry select { width: 60%; } .inquiry input[type='number'] { width: 65px; } .inquiry input.p-postal-code { width: 100px; } .inquiry input.p-region { width: 100px; } .inquiry input.p-locality { width: 150px; } .inquiry input.p-street-address { width: 100%; } .inquiry input.p-extended-address { width: 100%; } .inquiry textarea { width: 100%; } .inquiry .submit { margin: 60px 0 0; } .inquiry label { display: inline-block; margin-top: 6px; margin-bottom: 0; margin-right: 0.8em; } .gutters .inquiry dt.col { margin-left: 0; } } .movie { position: relative; overflow: hidden; height: 0; padding-top: 56.25%; } .movie iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .movie.ar16to9 { padding-top: 56.25%; } .movie.ar4to3 { padding-top: 75%; } .news .news_bg { background: rgba(74, 159, 68, 0.05); } .news.typeC .news_bg { padding: 1em; } .news h2 { color: #1b1b1b; } .news dl { margin: 0; overflow-y: auto; max-height: 300px; } .news dl dt { margin: 0.5em 0 0; padding: 0 1em; font-weight: normal; } .news dl dd { margin: 0.5em 0; padding: 0 1em 0.5em; border-bottom: 1px solid #ccc; } .news dl dd a { text-decoration: none; } .news dl dd a:hover { text-decoration: underline; } @media (min-width: 768px) { .news.typeA > div { display: table; width: 100%; margin: 0 auto; } .news.typeA > div .heading { display: table-cell; width: 23.5%; vertical-align: middle; } .news.typeA h2 { margin: 0; padding: 0; } .news.typeA h2:after { display: none; } .news.typeA .content { display: table-cell; overflow: hidden; width: 74.5%; padding-left: 2%; vertical-align: middle; } .news.typeC .news_bg { height: 540px; padding: 20px; } .news.typeC dl { max-height: 500px; } .news dl { overflow-y: auto; max-height: 200px; } .news dl dt { width: 100px; clear: left; float: left; margin: 0; padding: 1em 0 1em 1em; } .news dl dd { margin: 0; padding: 1em 0 1em 0; } .news dl dt + dd { padding-left: 120px; } } .parallax { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .parallax.ios { background-attachment: scroll; } .parallax .parallax_contents { position: relative; top: 50%; transform: translateY(-50%); } .parallax .parallax_contents h1, .parallax .parallax_contents .h1 { margin: 0; padding: 1em 0; } .qa h3.question { font-size: 16px; font-size: 1.6rem; border: none; } .qa .question { position: relative; margin-bottom: 1em; padding: 1em 50px 1em 1em; background-color: rgba(74, 159, 68, 0.05); font-weight: normal; } .qa .question:after { content: none; } .qa .question:before { content: none; } .qa .question:hover { background: rgba(69, 148, 63, 0.05); } .qa .question.open:after { transform: rotate(0); } .qa .answer { padding: 0 0 0 1em; } .qa .answer:not(:last-child) { margin-bottom: 2em; } .qa.qa-open .question { padding-right: 1em; cursor: default; } .qa.qa-open .question:hover { background-color: rgba(74, 159, 68, 0.05); } .qa.qa-open .question:after { display: none; } .qa.qa-open .answer { display: block; } .highlight .qa .question { background: rgba(82, 177, 76, 0.05); } .highlight .qa .question:hover { background: rgba(77, 166, 71, 0.05); } .highlight .qa.qa-open .question:hover { background: rgba(82, 177, 76, 0.05); } .shopinfo figure { max-width: 80%; margin: 0 auto; } .shopinfo address { text-align: center; font-size: 20px; font-size: 2rem; font-style: normal; } .shopinfo dl { margin: 2em 0; line-height: 1.4; } .shopinfo dl:first-child { margin-top: 0; } .shopinfo dl dt { margin: 0 0 0.2em 0; font-weight: normal; } .shopinfo dl dt:before { content: ''; display: inline-block; width: 8px; height: 3px; margin-right: 0.3em; vertical-align: middle; background: #4a9f44; } .shopinfo dl dd { margin: 0 0 0.5em 1em; padding: 0; } .shopinfo .map_container { position: relative; width: 100%; height: 0; padding-top: 90%; } .shopinfo .map_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .shopinfo .map_container + p { margin-top: 2em; } .map_wide { position: relative; width: 100%; height: 0; padding-top: 90%; } .map_wide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.scroll .googlemap { pointer-events: none; } @media (min-width: 768px) { .shopinfo figure { max-width: 100%; } .shopinfo address { margin-bottom: 15px; text-align: left; font-size: 26px; font-size: 2.6rem; line-height: 1; } .shopinfo dl.dl-horizontal { margin: 10px 0; } .shopinfo dl.dl-horizontal dd { margin-bottom: 0.3em; } .shopinfo .map_container { padding-top: 70%; } .shopinfo .span_12 .map_container, .shopinfo .span12 .map_container { padding-top: 50%; } .map_wide { padding-top: 420px; } } .sns_icons { display: table; margin: 0; padding: 0; list-style: none; font-size: 0px; font-size: 0rem; margin: auto; } .sns_icons > li { display: inline; padding-left: 0; padding-right: 0; white-space: nowrap; font-size: 16px; font-size: 1.6rem; } .sns_icons li { display: inline-block; } .sns_icons li:not(:last-child) { margin-right: 10px; } .sns_icons a { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; width: 34px; height: 34px; background-repeat: no-repeat; background-size: contain; } .sns_icons a.icon_facebook { background-image: url(/wp-content/uploads/icon_facebook.png); } .sns_icons a.icon_twitter { background-image: url(/wp-content/uploads/icon_twitter.png); } .sns_icons a.icon_line { background-image: url(/wp-content/uploads/icon_line.png); } .sns_icons a.icon_google { background-image: url(/wp-content/uploads/icon_google.png); } .sns_icons a.icon_instagram { background-image: url(/wp-content/uploads/icon_instagram.png); } footer .sns_icons { margin-top: 1.5em; } @media (min-width: 768px) { .sns_icons { margin: 0; } .sns_icons.center { margin: auto; } .sns_icons li:not(:last-child) { margin-right: 20px; } .sns_icons a { width: 68px; height: 68px; } footer .sns_icons { margin-top: 30px; } } @media (max-width: 767px) { .sp_image_cols:not(.sp_col2):not(.sp_col3) .col:not(:last-child) { margin-bottom: 1em; } .sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure { overflow: hidden; } .sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure img { float: left; width: 32%; margin-bottom: 10px; vertical-align: middle; } .sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure figcaption { float: right; width: 66%; margin-top: 0; vertical-align: middle; } .sp_image_cols.sp_col2 .col { width: 49%; } .sp_image_cols.sp_col2 .col:nth-child(odd) { clear: both; float: left; } .sp_image_cols.sp_col2 .col:nth-child(even) { float: right; } .sp_image_cols.sp_col3 .col { float: left; width: 32%; } .sp_image_cols.sp_col3 .col:nth-child(3n + 1) { clear: both; margin-right: 2%; } .sp_image_cols.sp_col3 .col:nth-child(3n) { float: right; } .sp_image_left { overflow: hidden; } .sp_image_left .col:first-child { display: inline-block; float: left; width: 32%; margin-right: 2%; margin-bottom: 0.5em; } .sp_image_left .col:last-child { float: none; } .sp_image_right { overflow: hidden; } .sp_image_right .col:first-child { display: inline-block; float: right; width: 32%; margin-left: 2%; margin-bottom: 0.5em; } .sp_image_right .col:last-child { float: none; } } .step .row, .step-h .col { position: relative; padding: 1em; background: rgba(74, 159, 68, 0.05); } .step .row:not(:last-child):after, .step-h .col:not(:last-child):after, .step-h .row.continue .col:last-child:after { content: ''; display: block; position: absolute; left: 0; top: 100%; width: 100%; height: 0; background: url("/wp-content/uploads/arrow_down.svg") center center no-repeat; background-size: 45px auto; } @media (max-width: 767px) { .step .row:not(:last-child), .step-h .col:not(:last-child), .step-h .row.continue .col:last-child { margin-bottom: 18%; } .step .row:not(:last-child):after, .step-h .col:not(:last-child):after, .step-h .row.continue .col:last-child:after { padding-top: 20%; } .step-h .row.continue { margin-bottom: 0; } } @media (min-width: 768px) { .step .row { display: table; table-layout: fixed; width: 100%; padding: 2em; } .step .row .col { float: none; display: table-cell; vertical-align: middle; } .step .row .col:not(:first-child) { padding-left: 2%; } .step .row:not(:last-child) { margin-bottom: 80px; } .step .row:not(:last-child):after { top: 100%; padding-top: 60px; margin: 10px 0; } .step h3:last-child { margin-bottom: 0; font-size: 16px; font-size: 1.6rem; border: none; } .step h3:last-child:after, .step h3:last-child:before { content: none; } .step .row:not(:last-child):after, .step-h .col:not(:last-child):after, .step-h .row.continue .col:last-child:after { background-size: auto 100%; } .step-h.gutters .col { margin: 0; } .step-h .col { padding: 0; background: none; } .step-h .col:not(:last-child) { position: relative; margin-right: 4%; } .step-h .col:not(:last-child):after { display: none; } .step-h .col:not(:last-child) figure span { display: inline-block; position: relative; width: 100%; } .step-h .col:not(:last-child) figure span:after { content: ''; display: block; width: 28px; height: 100%; position: absolute; right: -30px; top: 0; background: url("/wp-content/uploads/arrow_right.svg") center center no-repeat; background-size: contain; } .step-h .span_3 { width: 22%; } .step-h .span_4 { width: 30.66666666%; } .step-h .span_6 { width: 48%; } } @media (min-width: 1024px) { .step-h .col:not(:last-child) figure span:after { right: -34px; } } table { margin: 0 auto; } table td, table th { padding: 0.7em 1em; } @media (max-width: 767px) { table td, table th { padding: 0.7em 0.4em; } } table th { text-align: center; font-weight: normal; } .table-default { width: 100%; } .table-default caption { margin-bottom: 0.5em; text-align: center; font-size: 20px; font-size: 2rem; } .table-default td, .table-default th { border: 1px solid #4a9f44; } .table-default th { background: rgba(74, 159, 68, 0.7); color: #fff; } .table-default td { background: transparent; } .table-menu { width: 100%; } .table-menu caption { margin-bottom: 0.5em; text-align: center; font-size: 20px; font-size: 2rem; } .table-menu td, .table-menu th { padding: 0.7em 1em; border-top: 1px solid #4a9f44; border-bottom: 1px solid #4a9f44; } @media (max-width: 767px) { .table-menu td, .table-menu th { padding: 0.7em 0.4em; } } .table-menu tbody th { text-align: left; } .table-menu td:last-child { text-align: right; white-space: nowrap; } .table-schedule { width: 100%; } .table-schedule caption { margin-bottom: 0.5em; text-align: center; font-size: 20px; font-size: 2rem; } .table-schedule td, .table-schedule th { border: 1px solid #4a9f44; padding: 0.7em 1em; text-align: center; } @media (max-width: 767px) { .table-schedule td, .table-schedule th { padding: 0.7em 0.4em; } } .table-schedule thead th { background: rgba(74, 159, 68, 0.7); color: #fff; } .table-schedule tbody th { background: transparent; } .table-schedule td { background: transparent; } .table-summary { border-top: 1px solid #4a9f44; width: 100%; } .table-summary caption { margin-bottom: 0.5em; text-align: center; font-size: 20px; font-size: 2rem; } .table-summary td, .table-summary th { padding: 1em; border-bottom: 1px solid #4a9f44; } .table-summary th { text-align: left; font-weight: normal; width: 20%; } @media (max-width: 767px) { .responsive-stack { display: block; } .responsive-stack thead { display: none; } .responsive-stack tbody, .responsive-stack td, .responsive-stack th, .responsive-stack tr { display: block; } .responsive-stack td, .responsive-stack th { width: 100% !important; } .responsive-stack tr:not(:last-child) td, .responsive-stack tr:not(:last-child) th { border-bottom: 0; } .responsive-stack tr:last-child :not(:last-child) { border-bottom: 0; } } @media (max-width: 767px) { .responsive-list { display: block; } .responsive-list thead { display: none; } .responsive-list tbody, .responsive-list td, .responsive-list th, .responsive-list tr { display: block; } .responsive-list tr:not(:last-child) td { border-bottom: 0; } .responsive-list td { position: relative; padding-left: 40%; white-space: normal; text-align: left; } .responsive-list td:first-child { border-bottom: 0; } .responsive-list td:last-child { border-top: 0; } .responsive-list td:not(:first-child):not(:last-child) { border-top: 0; border-bottom: 0; } .responsive-list td:before { content: attr(data-title); position: absolute; top: 6px; left: 6px; width: 35%; padding-right: 10px; white-space: normal; text-align: left; font-weight: bold; } } @media (max-width: 767px) { .responsive-scroll-container { display: block; width: 100%; min-height: 0.01%; overflow-x: scroll; } .responsive-scroll-container .responsive-scroll-inner { width: 798px; padding: 0 15px 15px; } .responsive-scroll-container table { width: 768px; margin: 0; } } @media (max-width: 767px) { table.combine tbody tr:last-child td, table.combine tbody tr:last-child th { border-bottom: 0; } } table.table-default.typeA tr td, table.table-default.typeA tr th { border: 0; } table.table-default.typeA tr:nth-child(odd) th { background: #4a9f44; } table.table-default.typeA tr:nth-child(odd) td { background: rgba(74, 159, 68, 0.05); } table.table-default.typeA tr:nth-child(even) th { background: #63ba5c; } table.table-default.typeA tr:nth-child(even) td { background: rgba(99, 186, 92, 0.05); } table.table-default.typeB { border-collapse: separate; border-spacing: 0; overflow: hidden; } table.table-default.typeB tbody td, table.table-default.typeB tbody th { background: transparent; color: #1b1b1b; border: 0; border-bottom: 1px dashed #4a9f44; } table.table-default.typeB tbody tr { position: relative; } table.table-default.typeB tbody td { transform: translateX(2px); } table.table-default.typeC th { background: rgba(74, 159, 68, 0.7); color: #fff; } table.table-default.typeC td, table.table-default.typeC th { border: 0; } table.table-default.typeC td:not(:last-child), table.table-default.typeC th:not(:last-child) { border-bottom: 2px #fff solid; } table.table-default.typeC tr { position: relative; } table.table-default.typeC td { transform: translateX(2px); } .highlight table.table-default.typeC td, .highlight table.table-default.typeC th { border: 0; } .highlight table.table-default.typeC td:not(:last-child), .highlight table.table-default.typeC th:not(:last-child) { border-bottom: 2px rgba(74, 159, 68, 0.05) solid; } ._table_line .news dl { border-top: 1px dotted #a6a6a6; max-height: none; } ._table_line .news dl dt { width: 230px; padding-left: 20px; } ._table_line .news dl dt + dd { border-bottom: 1px dotted #a6a6a6; padding-left: 230px; } .wide_image img { width: 100%; vertical-align: top; } @media (min-width: 768px) { .wide_image div { margin: 0 auto; } } h1:not(.title) { text-align: center; position: relative; font-size: 36px; font-size: 3.6rem; font-weight: normal; padding: 1em 0; color: #1b1b1b; background: url(/wp-content/uploads/h1_bg.jpg) no-repeat center top; margin: 0 0 0.5em; } h1:not(.title) a { text-decoration: none; } h1:not(.title) a:hover { text-decoration: underline; } h1:not(.title) span { display: block; font-size: 22px; font-size: 2.2rem; } @media (max-width: 767px) { h1:not(.title) { font-size: 22px; font-size: 2.2rem; background-size: cover; } h1:not(.title):after { height: 2px; } h1:not(.title) span { font-size: 14px; font-size: 1.4rem; } } h2 { display: block; margin: 0 auto 0.8em; position: relative; border: 0; word-wrap: break-word; font-size: 24px; font-size: 2.4rem; background-color: #e0faee; border-bottom: #60e1a6 3px solid; padding: .8em .5em .5em; color: #4a9f44; } h2.top { color: #2aa3e1; padding-top: 1.5em; text-align: center; background: url(/wp-content/uploads/icon_h2.png) no-repeat center top; font-weight: 600; border: none; } h2.noicon { color: #2aa3e1; font-weight: 600; background: none; padding: 0; border: none; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: underline; } @media (max-width: 767px) { h2 { font-size: 18px; font-size: 1.8rem; } } h3 { margin: 1em 0 0.5em; padding: 0 0 .3em 2em; font-weight: 600; font-size: 22px; font-size: 2.2rem; position: relative; border-bottom: #ccc solid 3px; color: #664816; background: url(/wp-content/uploads/icon_h3.png) no-repeat 0.3em top; } h3 a { text-decoration: none; } h3 a:hover { text-decoration: underline; } @media (max-width: 767px) { h3 { font-size: 16px; font-size: 1.6rem; } } h4 { margin: 0 0 0.5em; padding: .5em; font-size: 18px; font-size: 1.8rem; position: relative; color: #664816; font-weight: 600; background: url(/wp-content/uploads/h4_bg.png) no-repeat left bottom; } h4 a { text-decoration: none; } h4 a:hover { text-decoration: underline; } @media (max-width: 767px) { h4 { font-size: 16px; font-size: 1.6rem; } } .widget_wrap .widget_header { font-size: 16px; font-size: 1.6rem; color: #1b1b1b; padding: 0.7em 0 0.7em 1em; background: rgba(74, 159, 68, 0.05); } .widget_wrap .widget_header a { text-decoration: none; } .widget_wrap .widget_header a:hover { text-decoration: underline; } @media (max-width: 767px) { .widget_wrap .widget_header { font-size: 14px; font-size: 1.4rem; } } .main_visual { position: relative; table-layout: fixed; } .main_visual .main_visual_slick, .main_visual .slick-track { margin: 0; padding: 0; list-style: none; height: 100% !important; } .main_visual .slick-track { position: absolute; left: 0; right: 0; margin: auto; } .main_visual .slick-list { position: absolute; top: 0; left: 0; right: 0; margin: auto; height: 100%; } .main_visual .main_visual_slick { position: relative; margin: 0 auto; } .main_visual .main_visual_slick li:not([id^='slick-slide']) { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; } .main_visual .main_visual_slick li:not([id^='slick-slide']):not(.slick-active) { transition-delay: 0.5s !important; } .main_visual .main_visual_slick li:not([id^='slick-slide']) img { position: absolute; left: -300%; right: -300%; margin: auto; top: 0; height: 100%; } .main_visual .main_visual_copy { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; margin: 0; padding: 0; list-style: none; width: 1000px; max-width: 100%; margin: 0 auto; z-index: 53; } .main_visual .main_visual_copy > li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .main_visual .main_visual_copy > li img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 54.6%; max-width: 546px; max-height: 301px; z-index: 52; } .main_visual .main_visual_arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 1000px; max-width: 100%; margin: 0 auto; z-index: 53; } .main_visual .main_visual_arrow .slick-prev { left: 25px; } .main_visual .main_visual_arrow .slick-next { right: 25px; } .main_visual .main_visual_arrow .slick-prev:before, .main_visual .main_visual_arrow .slick-next:before { font-size: 30px; font-size: 3rem; } @media (max-width: 750px) { .main_visual .main_visual_arrow .slick-prev { left: 10px; } .main_visual .main_visual_arrow .slick-next { right: 10px; } .main_visual .main_visual_arrow .slick-prev:before, .main_visual .main_visual_arrow .slick-next:before { font-size: 20px; font-size: 2rem; } } @media (max-width: 750px) { .main_visual .main_visual_copy > li img { width: 90%; } } .main_visual .main_visual_slick { padding-top: 60%!important; } @media (min-width: 1000px) { .main_visual .main_visual_slick { padding-top: 0 !important; height: 600px !important; } } @media (min-width: 1920px) { .main_visual .main_visual_slick { padding-top: 31.25%!important; } } @media (max-width: 750px) { .main_visual .main_visual_slick { padding-top: 56.25%!important; } } .slick-dots li button { margin: 0 auto; background: #ccc; } .slick-dots li.slick-active button { background: #4a9f44; } .slide_scroll { position: absolute; bottom: 1%; left: 50%; transform: translateX(-50%); padding-bottom: 45px; background: url(/wp-content/uploads/icon_scroll.png) center bottom no-repeat; z-index: 55; color: #fff; text-decoration: none; } .slide_scroll:hover { color: #fff; } .main_visual .main_visual_slick li:not(:first-child) img { opacity: 0; transition: opacity 1000ms ease 0s; } .main_visual .main_visual_slick.slick-initialized li:not(:first-child) img { opacity: 1; } .epress_search { padding: 3px; width: 100%; z-index: 1; } .epress_search form { overflow: hidden; border: 4px solid #4a9f44; display: -moz-flex; display: flex; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: stretch; align-items: stretch; } .epress_search input[type='text'], .epress_search input[type='submit'] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .epress_search input[type='text'] { color: #000; margin: 0 0.3em; width: 70%; } .epress_search input[type='submit'] { cursor: pointer; padding: 0.6em 1em; color: #fff; width: 30%; background: rgba(74, 159, 68, 0.7); } @media (min-width: 1024px) { .epress_search input[type='submit'] { min-width: 65px; } } @media (max-width: 1023px) { header .global_nav > ul > li.gnav_search { position: static; } header .global_nav > ul > li.gnav_search > a { display: none !important; } header .global_nav > ul > li.gnav_search .epress_search { display: block !important; position: static !important; width: 100% !important; background: rgba(74, 159, 68, 0.9); } header .global_nav > ul > li.gnav_search .epress_search input[type='text'], header .global_nav > ul > li.gnav_search .epress_search input[type='submit'] { line-height: 1; } } /* * ヘッダーナビのデザイン(design của header navi) */ .epress_search form { background: #fff; } /* * ヘッダの検索表示タイプ(type hiển thị tìm kiếm của header) */ header .global_nav > ul > li.gnav_search { position: relative; } header .global_nav > ul > li.gnav_search a { color: transparent !important; display: inline-block; vertical-align: middle; background: url("/wp-content/uploads/search.png") no-repeat center center; overflow: hidden; text-indent: -9999px; white-space: nowrap; width: 30px; height: 30px; } header .global_nav > ul > li.gnav_search a:hover { border-bottom: 0; } header .global_nav > ul > li.gnav_search .epress_search { display: none; position: absolute; top: 100%; right: 0; } @media (min-width: 1024px) { header .global_nav > ul > li.gnav_search .epress_search { width: 230px; } header .global_nav > ul > li.gnav_search .epress_search input[type='submit'] { font-size: 12px; font-size: 1.2rem; padding: 0.5em; } } .article_list { padding: 0.5em; position: relative; overflow: hidden; } @media (min-width: 768px) { .article_list { padding: 1em; } } .article_list:nth-child(even) { color: #1b1b1b; background: rgba(74, 159, 68, 0.05); } .article_list:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: transparent; transform: translate(-10px, -10px) rotate(45deg); transition: 0.3s; } .article_list:hover:before { background: #4a9f44; } .article_list .case_arrow { overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; position: relative; height: 245px; } @media (max-width: 767px) { .article_list .case_arrow { height: 80px; } } .article_list .case_arrow:after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin: auto; width: 70px; height: 70px; border-top: 5px solid #4a9f44; border-right: 5px solid #4a9f44; transform: translate(0, -50%) rotate(45deg); transform-origin: left top; transition: 0.2s; } @media (max-width: 767px) { .article_list .case_arrow:after { left: 0; bottom: 25%; border-top: 5px solid #4a9f44; border-right: 5px solid #4a9f44; transform: translate(0, -50%) rotate(135deg); transform-origin: center; } } .article_list .span_12 { margin: 2% 0; } .pagination > * { display: inline-block; padding: 0.5em; border: 1px solid #ccc; } .pagination a { text-decoration: none; background: rgba(74, 159, 68, 0.05); transition: 0.3s; } .pagination a:hover { background: #fff; } .article_single01 .article_single01_02 { margin-top: 10px; } .article_single01 .article_single01_02 img { opacity: 1; transition: opacity 0.3s; } .article_single01 .article_single01_02 img:hover { cursor: pointer; opacity: 0.7; } .article_single01 .ofi { background: rgba(74, 159, 68, 0.05); } .article_single01 .more { display: block; text-align: center; } .article_single02 .article_single02_01 img { opacity: 1; transition: opacity 0.3s; } .article_single02 .article_single02_01 img:hover { cursor: pointer; opacity: 0.7; } .article_single02 .ofi { background: rgba(74, 159, 68, 0.05); } .article_single02 .more { display: block; text-align: center; } @media (min-width: 768px) { .article_single03 .article_single03_02 .span_6 { width: 45%; margin-left: 10%; } .article_single03 .article_single03_02 .span_6:first-child { margin-left: 0; } } @media (min-width: 768px) { .article_single03 .article_single03_02 .span_12 { margin-left: 0; margin-top: 20px; } } .article_single03 .article_single03_02 img { opacity: 1; transition: opacity 0.3s; } .article_single03 .article_single03_02 img:hover { cursor: pointer; opacity: 0.7; } .article_single03 .case_arrow { position: relative; } @media (max-width: 767px) { .article_single03 .case_arrow { margin-bottom: 10%; } } .article_single03 .case_arrow:after { content: ''; display: block; position: absolute; top: 50%; left: 108%; margin: auto; width: 35px; height: 35px; border-top: 3px solid #4a9f44; border-right: 3px solid #4a9f44; transform: translate(0, -50%) rotate(45deg); transform-origin: left top; transition: 0.2s; } @media (max-width: 767px) { .article_single03 .case_arrow:after { left: 0; right: 0; top: 105%; width: 20px; height: 20px; transform: translate(0, -50%) rotate(135deg); transform-origin: center; } } .article_single03 .ofi { background: rgba(74, 159, 68, 0.05); } .article_single03 .more { display: block; text-align: center; } .article_single04 ul { margin: 0; padding: 0; list-style: none; } .article_single04 .article_single04_01_img1 .ofi { padding-top: 75%; } .article_single04 .article_single04_01_img2 .ofi { padding-top: 15%; } .article_single04 .article_single04_01_img3 .ofi { padding-top: 10.8%; } .article_single04 .article_single04_01_img4 .ofi { padding-top: 8.4%; } .article_single04 .article_single04_01_img5 .ofi { padding-top: 6.9%; } .article_single04 .article_single04_01_img6 .ofi { padding-top: 5.8%; } .article_single04 .article_single04_01_nav { margin-top: 15px; } .article_single04 .article_single04_01_nav .ofi { padding-top: 11.1%; } .article_single04 .article_single04_01_nav .slick-track { width: 100% !important; transform: none !important; left: 0 !important; } .article_single04 .article_single04_01_nav li { margin-left: 0.8%; width: calc(96% / 6) !important; } .article_single04 .article_single04_01_nav li:nth-child(1) { margin-left: 0; } .article_single04.article_container .article_single04_01_img1 .ofi { padding-top: 74.5%; } .article_single04.article_container .article_single04_01_img2 .ofi { padding-top: 18.7%; } .article_single04.article_container .article_single04_01_img3 .ofi { padding-top: 14.9%; } .article_single04.article_container .article_single04_01_img4 .ofi { padding-top: 12.5%; } .article_single04.article_container .article_single04_01_img5 .ofi { padding-top: 10.7%; } .article_single04.article_container .article_single04_01_img6 .ofi { padding-top: 9.4%; } .article_single04.article_container .article_single04_01_nav { margin-top: 15px; } .article_single04.article_container .article_single04_01_nav .ofi { padding-top: 12%; } .article_single04.article_container .article_single04_01_nav .slick-track { width: 100% !important; transform: none !important; left: 0 !important; } .article_single04.article_container .article_single04_01_nav li { margin-left: 0.8%; width: calc(96% / 6) !important; } .article_single04.article_container .article_single04_01_nav li:nth-child(1) { margin-left: 0; } .article_single04 .article_single04_02 { margin-top: 10px; } .article_single04 .article_single04_02 img { opacity: 1; transition: opacity 0.3s; } .article_single04 .article_single04_02 img:hover { cursor: pointer; opacity: 0.7; } .article_single04 .slick-next, .article_single04 .slick-prev { z-index: 1; } .article_single04 .slick-next:before, .article_single04 .slick-prev:before { content: none; } .article_single04 .slick-next:after, .article_single04 .slick-prev:after { content: ''; display: block; position: absolute; top: 50%; margin: auto; width: 35px; height: 35px; border-top: 3px solid #4a9f44; transition: 0.2s; z-index: 1; } .article_single04 .slick-prev { left: 0; } .article_single04 .slick-prev:after { left: 0; border-left: 3px solid #4a9f44; transform: translate(0, -50%) rotate(-45deg); transform-origin: right top; } .article_single04 .slick-next { right: 0; } .article_single04 .slick-next:after { right: 0; border-right: 3px solid #4a9f44; transform: translate(0, -50%) rotate(45deg); transform-origin: left top; } .article_single04 .ofi { background: rgba(74, 159, 68, 0.05); height: auto !important; } .article_single04 .more { display: block; text-align: center; } @media (min-width: 768px) { .article_list_case02 .article_list_case02_01 { width: 67%; } .article_list_case02 .article_list_case02_02 { width: 31%; } .article_list_case02.article_single01 .article_single01_02 { margin-top: 0; } } .article_container .article_single01_02 { margin-top: 10px; } .article_container .article_single01_02 img { opacity: 1; transition: opacity 0.3s; } .article_container .article_single01_02 img:hover { cursor: pointer; opacity: 0.7; } .article_detail { background: rgba(74, 159, 68, 0.05); padding: 4%; margin-bottom: 4%; font-size: 15px; font-size: 1.5rem; } .article_detail .article_date { margin-bottom: 1em; } .article_detail .article_thumbnail { float: left; margin: 0 2% 2% 0; } .article_detail .article_content { float: none; width: 100%; margin-left: 0; } .article_detail .case_arrow { overflow: hidden; text-indent: 100%; white-space: nowrap; display: block; position: relative; height: 245px; } @media (max-width: 767px) { .article_detail .case_arrow { height: 80px; } } .article_detail .case_arrow:after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin: auto; width: 70px; height: 70px; border-top: 5px solid #4a9f44; border-right: 5px solid #4a9f44; transform: translate(0, -50%) rotate(45deg); transform-origin: left top; transition: 0.2s; } @media (max-width: 767px) { .article_detail .case_arrow:after { left: 0; bottom: 25%; border-top: 5px solid #4a9f44; border-right: 5px solid #4a9f44; transform: translate(0, -50%) rotate(135deg); transform-origin: center; } } .article_detail .span_12 { margin: 2% 0; } .epress_social { letter-spacing: -0.4em; text-align: right; padding: 2%; } .epress_social > * { letter-spacing: normal; vertical-align: top; display: inline-block; margin-right: 10px; } .epress_pager { overflow: hidden; margin-bottom: 5%; } .epress_pager .epress_pager_prev { float: left; } .epress_pager .epress_pager_prev a { display: block; position: relative; padding-left: 15px; text-decoration: none; } .epress_pager .epress_pager_prev a:before, .epress_pager .epress_pager_prev a:after { content: ''; display: block; position: absolute; left: 2px; margin: auto; width: 8px; height: 1px; background: #1b1b1b; transition: 0.2s; } .epress_pager .epress_pager_prev a:before { transform: translateY(-50%) rotate(-45deg); top: calc(50% - 2px); } .epress_pager .epress_pager_prev a:after { transform: translateY(-50%) rotate(-135deg); top: calc(50% + 3px); } .epress_pager .epress_pager_prev a:hover { text-decoration: underline; } .epress_pager .epress_pager_prev a:hover:before { left: 0; } .epress_pager .epress_pager_prev a:hover:after { left: 0; } .epress_pager .epress_pager_next { float: right; } .epress_pager .epress_pager_next a { display: block; position: relative; padding-right: 15px; text-decoration: none; } .epress_pager .epress_pager_next a:before, .epress_pager .epress_pager_next a:after { content: ''; display: block; position: absolute; right: 2px; margin: auto; width: 8px; height: 1px; background: #1b1b1b; transform-origin: center; transition: 0.2s; } .epress_pager .epress_pager_next a:before { transform: translateY(-50%) rotate(45deg); top: calc(50% - 2px); } .epress_pager .epress_pager_next a:after { transform: translateY(-50%) rotate(135deg); top: calc(50% + 3px); } .epress_pager .epress_pager_next a:hover { text-decoration: underline; } .epress_pager .epress_pager_next a:hover:before { right: 0; } .epress_pager .epress_pager_next a:hover:after { right: 0; } #commentform { background: transparent; padding: 2% 5%; border: 1px solid #333; } #commentform #comment { width: 100%; } #commentform #submit { background: #4a9f44; color: #fff; border: 0; font-size: 14px; font-size: 1.4rem; padding: 3px 10px; margin: 0 auto; display: table; } #commentform input[type='submit'] { background: #4a9f44; color: #fff; border: 0; font-size: 14px; font-size: 1.4rem; padding: 0.3em 1em; margin: 0 auto; display: table; border-radius: 5px; } @media (min-width: 768px) { #commentform #submit { font-size: 18px; font-size: 1.8rem; } #commentform input[type='submit'] { font-size: 18px; font-size: 1.8rem; } } #biz_calendar, #biz_calendar1, #biz_calendar2 { max-width: none; margin: 2% auto 0; font-family: inherit; padding: 0.3em 1em; background: rgba(74, 159, 68, 0.05); font-size: 18px; font-size: 1.8rem; } #biz_calendar p, #biz_calendar1 p, #biz_calendar2 p { margin: 0; line-height: 170%; font-size: 12px; font-size: 1.2rem; text-align: left; } #biz_calendar p span.boxholiday, #biz_calendar1 p span.boxholiday, #biz_calendar2 p span.boxholiday { background-color: #ffb0c3; padding-left: 25px; margin-right: 10px; } #biz_calendar p span.boxeventday, #biz_calendar1 p span.boxeventday, #biz_calendar2 p span.boxeventday { background-color: #64bdeb; padding-left: 25px; margin-right: 10px; } #biz_calendar table.bizcal, #biz_calendar1 table.bizcal, #biz_calendar2 table.bizcal { margin: 10px 0; width: 100%; table-layout: fixed; border: none; line-height: 1.6; cursor: default; vertical-align: middle; font-size: 18px; font-size: 1.8rem; border-collapse: collapse; border-spacing: 1px; background: transparent; } #biz_calendar table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today), #biz_calendar1 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today), #biz_calendar2 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today) { background: #fff; } #biz_calendar table.bizcal th, #biz_calendar1 table.bizcal th, #biz_calendar2 table.bizcal th { text-align: center; border-width: 0; padding: 0.5em 0.2em; color: #1b1b1b; background-color: #dedede; } #biz_calendar table.bizcal th:first-child, #biz_calendar1 table.bizcal th:first-child, #biz_calendar2 table.bizcal th:first-child { color: red; } #biz_calendar table.bizcal th:nth-last-of-type(1), #biz_calendar1 table.bizcal th:nth-last-of-type(1), #biz_calendar2 table.bizcal th:nth-last-of-type(1) { color: blue; } #biz_calendar table.bizcal td, #biz_calendar1 table.bizcal td, #biz_calendar2 table.bizcal td { text-align: center; border: 1px solid rgba(0, 57, 122, 0.3); padding: 0.5em 0.2em; color: #1b1b1b; } #biz_calendar table.bizcal .calmonth, #biz_calendar1 table.bizcal .calmonth, #biz_calendar2 table.bizcal .calmonth { text-align: left; font-weight: bold; padding: 2px 7px; border: none; } #biz_calendar table.bizcal .calbtn, #biz_calendar1 table.bizcal .calbtn, #biz_calendar2 table.bizcal .calbtn { border: none; cursor: pointer; } #biz_calendar table.bizcal .holiday, #biz_calendar1 table.bizcal .holiday, #biz_calendar2 table.bizcal .holiday { background-color: #ffb0c3; color: red; } #biz_calendar table.bizcal .eventday, #biz_calendar1 table.bizcal .eventday, #biz_calendar2 table.bizcal .eventday { background-color: #64bdeb; color: #ffffff; } #biz_calendar table.bizcal .eventday a, #biz_calendar1 table.bizcal .eventday a, #biz_calendar2 table.bizcal .eventday a { color: #ffffff; } #biz_calendar table.bizcal .today, #biz_calendar1 table.bizcal .today, #biz_calendar2 table.bizcal .today { font-weight: bold; text-decoration: underline; color: #1b1b1b; } #biz_calendar table.bizcal .today a, #biz_calendar1 table.bizcal .today a, #biz_calendar2 table.bizcal .today a { font-weight: bold; color: #1b1b1b; } #biz_calendar table.bizcal img, #biz_calendar1 table.bizcal img, #biz_calendar2 table.bizcal img { vertical-align: middle; box-shadow: none; margin: 0; } #biz_calendar table.bizcal .down-img, #biz_calendar1 table.bizcal .down-img, #biz_calendar2 table.bizcal .down-img { text-align: right; } #biz_calendar table.bizcal .today-img, #biz_calendar1 table.bizcal .today-img, #biz_calendar2 table.bizcal .today-img { text-align: center; } #biz_calendar table.bizcal .up-img, #biz_calendar1 table.bizcal .up-img, #biz_calendar2 table.bizcal .up-img { text-align: left; } #biz_calendar table.bizcal td, #biz_calendar table.bizcal th { padding: 0.5em 0.2em; } .column_sub #biz_calendar, .column_sub #biz_calendar1, .column_sub #biz_calendar2 { font-size: 12px; font-size: 1.2rem; } .column_sub #biz_calendar p span.boxholiday, .column_sub #biz_calendar1 p span.boxholiday, .column_sub #biz_calendar2 p span.boxholiday { background-color: #ffb0c3; padding-left: 25px; margin-right: 10px; } .column_sub #biz_calendar p span.boxeventday, .column_sub #biz_calendar1 p span.boxeventday, .column_sub #biz_calendar2 p span.boxeventday { background-color: #64bdeb; padding-left: 25px; margin-right: 10px; } .column_sub #biz_calendar table.bizcal, .column_sub #biz_calendar1 table.bizcal, .column_sub #biz_calendar2 table.bizcal { font-size: 12px; font-size: 1.2rem; } .column_sub #biz_calendar table.bizcal td, .column_sub #biz_calendar table.bizcal th, .column_sub #biz_calendar1 table.bizcal td, .column_sub #biz_calendar1 table.bizcal th, .column_sub #biz_calendar2 table.bizcal td, .column_sub #biz_calendar2 table.bizcal th { padding: 0.3em 0.2em; } @media (max-width: 767px) { #biz_calendar, #biz_calendar1, #biz_calendar2 { font-size: 12px; font-size: 1.2rem; } #biz_calendar p span.boxholiday, #biz_calendar1 p span.boxholiday, #biz_calendar2 p span.boxholiday { background-color: #ffb0c3; padding-left: 25px; margin-right: 10px; } #biz_calendar p span.boxeventday, #biz_calendar1 p span.boxeventday, #biz_calendar2 p span.boxeventday { background-color: #64bdeb; padding-left: 25px; margin-right: 10px; } #biz_calendar table.bizcal, #biz_calendar1 table.bizcal, #biz_calendar2 table.bizcal { font-size: 12px; font-size: 1.2rem; } #biz_calendar table.bizcal td, #biz_calendar table.bizcal th, #biz_calendar1 table.bizcal td, #biz_calendar1 table.bizcal th, #biz_calendar2 table.bizcal td, #biz_calendar2 table.bizcal th { padding: 0.3em 0.2em; } } .calendar_wrap { position: relative; padding: 4em 1.8em 2em; display: inline-block; background: rgba(74, 159, 68, 0.05); font-size: 10px; font-size: 1rem; } .calendar_wrap caption { position: absolute; top: 24px; left: 0; right: 0; margin: auto; } .calendar_wrap table { border-spacing: 0; border-collapse: collapse; } .calendar_wrap table thead th { background: rgba(74, 159, 68, 0.7); color: #fff; border: 1px solid #4a9f44; border-bottom: none; } .calendar_wrap table tfoot { position: absolute; top: 10px; left: 0; right: 0; margin: auto; } .calendar_wrap table tfoot #prev a { width: 26px; height: 25px; overflow: hidden; text-indent: -9999px; white-space: nowrap; display: block; position: absolute; top: 0; left: 40px; } .calendar_wrap table tfoot #prev a:after { content: ''; display: block; position: absolute; top: 50%; margin: auto; width: 6px; height: 6px; border-top: 1px solid #1b1b1b; transition: 0.2s; } .calendar_wrap table tfoot #prev a:after { transform: translate(0, -50%) rotate(-45deg); border-left: 1px solid #1b1b1b; left: 15%; } .calendar_wrap table tfoot #prev a:hover:after { left: 2%; } .calendar_wrap table tfoot #next a { width: 26px; height: 25px; overflow: hidden; text-indent: -9999px; white-space: nowrap; display: block; position: absolute; top: 0; right: 40px; } .calendar_wrap table tfoot #next a:after { content: ''; display: block; position: absolute; top: 50%; margin: auto; width: 6px; height: 6px; border-top: 1px solid #1b1b1b; transition: 0.2s; } .calendar_wrap table tfoot #next a:after { transform: translate(0, -50%) rotate(45deg); border-right: 1px solid #1b1b1b; right: 15%; } .calendar_wrap table tfoot #next a:hover:after { right: 2%; } .calendar_wrap table tbody td { text-align: center; background: #fff; border: 1px solid #4a9f44; } @media (min-width: 768px) { .column_sub .calendar_wrap { padding: 40px 5px 5px; width: 100%; margin: 0 auto 1em; } .column_sub .calendar_wrap caption { top: 10px; font-size: 14px; font-size: 1.4rem; } .column_sub .calendar_wrap table { width: 100%; } .column_sub .calendar_wrap table th, .column_sub .calendar_wrap table td { padding: 0.5em 0.2em; } .column_sub .calendar_wrap table tfoot #prev a { width: 18px; height: 18px; top: 0; left: 20px; } .column_sub .calendar_wrap table tfoot #next a { width: 18px; height: 18px; top: 0; right: 20px; } } @media (max-width: 767px) { .calendar_wrap { padding: 40px 5px 5px; width: 100%; } .calendar_wrap caption { top: 10px; } .calendar_wrap table { width: 100%; } .calendar_wrap table th, .calendar_wrap table td { padding: 0.5em 0.2em; } .calendar_wrap table tfoot #prev a { width: 12px; height: 12px; top: 0; left: 20px; } .calendar_wrap table tfoot #next a { width: 12px; height: 12px; top: 0; right: 20px; } } /* * ボタン矢印(mũi tên button) */ .add_arrow { display: block; position: relative; } .add_arrow:after { content: ''; display: block; position: absolute; top: 50%; right: 5%; margin: auto; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translate(0, -50%) rotate(45deg); transition: 0.2s; } .add_arrow.inverse:after { border-top: 2px solid #4a9f44; border-right: 2px solid #4a9f44; } .add_arrow.inverse:hover { border-color: #fff; color: #fff; background: #4a9f44; } .add_arrow.inverse:hover:after { border-color: #fff; } .add_arrow.blank_link1:after { width: 15px; height: 13px; border: none; background: url(/wp-content/uploads/icon_blank01.svg) no-repeat center/contain; transform: translate(0, -50%) rotate(0); } .add_arrow.blank_link1:hover { color: #fff; background: #4a9f44; } .add_arrow.blank_link2:after { width: 13px; height: 13px; border: none; background: url(/wp-content/uploads/icon_blank02.svg) no-repeat center/contain; transform: translate(0, -50%) rotate(0); } .add_arrow.blank_link2:hover { color: #fff; background: #4a9f44; } .add_arrow:hover { border: 1px solid #4a9f44; color: #fff; background: #257320; } .add_arrow:hover:after { right: 4%; border-color: #fff; } /* * moreボタン雛形 (hình dạng button more) */ .more { display: block; overflow: hidden; margin: auto; } .more a { display: block; border: 1px solid #4a9f44; color: #fff; background: #4a9f44; padding: 0.6em 1.6em 0.6em 0.6em; margin: 0 auto 1px; max-width: 280px; width: 100%; text-align: center; text-decoration: none; transition: 0.3s; font-size: 14px; font-size: 1.4rem; } @media (min-width: 768px) { .more a { font-size: 18px; font-size: 1.8rem; } } .more a.inverse { border: 1px solid #4a9f44; color: #4a9f44; background: #fff; } /* * ボタンエフェクト(button effect) */ .effect01 { overflow: hidden; position: relative; z-index: 0; } .effect01:before { content: ""; position: absolute; display: block; width: 0; height: 100%; top: 0; left: -35%; z-index: -1; background: #fff; transform: skew(50deg); transform-origin: top left; transition-duration: 0.5s; } .effect01:hover { background: #4a9f44; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3); } .effect01:hover:before { height: 100%; width: 135%; } header .global_nav > ul > li.has_under > a { position: relative; } header .global_nav > ul > li.has_under > a:after { content: ''; display: block; position: absolute; top: 50%; right: 6%; margin: auto; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translate(0, -50%) rotate(135deg); transition: 0.2s; } header .global_nav > ul > li.has_under > a.menu_under_open:after { transform: translate(0, 0) rotate(-45deg); } header .global_nav > ul > li > ul { margin: 0; padding: 0; list-style: none; display: none; } header .global_nav > ul > li > ul > li { border-bottom: 1px solid #b3b3b3; } @media (max-width: 1023px) { header .global_nav > ul > li > ul > li a { background: rgba(67, 145, 62, 0.9); } } @media (min-width: 1024px) { header .global_nav > ul > li.has_under > a { padding-right: 1.5em; } header .global_nav > ul > li.has_under > a:after { border-color: #1b1b1b; width: 6px; height: 6px; } header .global_nav > ul > li.has_under > a:after { transform: translate(0, -50%) rotate(135deg); } header .global_nav > ul > li.has_under > a.menu_under_open:after { transform: translate(0) rotate(-45deg); } header .global_nav > ul > li.has_under > ul { position: absolute; width: 100%; left: 0; right: 0; margin: auto; top: 100%; letter-spacing: -0.4em; background: rgba(74, 159, 68, 0.9); z-index: 52; } header .global_nav > ul > li.has_under > ul > li { letter-spacing: normal; display: inline-block; vertical-align: middle; width: 15%; text-align: center; border-bottom: 0; padding: 0; } header .global_nav > ul > li.has_under > ul > li a { background: transparent; padding: 1em; overflow-wrap: break-word; } } .pagetop { position: fixed; bottom: 5%; right: 5%; z-index: 100; } .pagetop a { overflow: hidden; text-indent: -9999px; white-space: nowrap; display: inline-block; position: relative; width: 50px; height: 50px; padding: 0; border-radius: 50%; background: rgba(74, 159, 68, 0.9); } @media (min-width: 768px) { .pagetop a { width: 70px; height: 70px; } } .pagetop a:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: auto; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: translate(-50%, -20%) rotate(45deg); transition: 0.2s; } footer.high .pagetop { position: absolute; bottom: auto; right: 5%; top: 0; margin: 0; transform: translateY(-45%); } /* * ページトップのデザインタイプ(type design của top page) */ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .lead { color: #4a9f44; font-size: 20px; font-size: 2rem; } .text-xxlarge { font-size: 24px; font-size: 2.4rem; } .text-xlarge { font-size: 20px; font-size: 2rem; } .text-large { font-size: 16px; font-size: 1.6rem; } .text-small { font-size: 12px; font-size: 1.2rem; } .text-xsmall { font-size: 10px; font-size: 1rem; } .text-white { color: #fff !important; } .text-black { color: #000 !important; } .text-red { color: #f00 !important; } .text-primary { color: #4a9f44 !important; } @media (max-width: 767px) { .sp-hide, .pc-only, .tablet-only { display: none !important; } .sp-text-center { text-align: center; } .sp-text-left { text-align: left; } .sp-text-right { text-align: right; } } @media (min-width: 768px) { .lead { font-size: 28px; font-size: 2.8rem; } .text-xxlarge { font-size: 36px; font-size: 3.6rem; } .text-xlarge { font-size: 28px; font-size: 2.8rem; } .text-large { font-size: 20px; font-size: 2rem; } .text-small { font-size: 12px; font-size: 1.2rem; } .text-xsmall { font-size: 10px; font-size: 1rem; } .pc-hide, .sp-only { display: none !important; } .pc-text-center { text-align: center; } .pc-text-left { text-align: left; } .pc-text-right { text-align: right; } } @media (min-width: 768px) and (max-width: 1023px) { .tablet-hide { display: none !important; } } @media (min-width: 1024px) { .tablet-only { display: none !important; } } @media (max-width: 1023px) { .sp-hide02, .pc-only02, .tablet-only02 { display: none !important; } } @media (min-width: 1024px) { .pc-hide02, .sp-only02 { display: none !important; } } @media (max-width: 750px) { .sp-hide03, .pc-only03, .tablet-only03 { display: none !important; } } @media (min-width: 751px) { .pc-hide03, .sp-only03 { display: none !important; } } .arial { font-family: 'Arial', arial !important; } .arial_n { font-family: 'Arial Narrow', arial !important; } .color_pri { color: #4a9f44; } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .m-auto { margin-right: auto !important; margin-left: auto !important; } .inverse h2, .inverse h3, .inverse h4, .inverse p { color: #fff; } .inverse h2:after { background: #fff; } .inverse h2 small, .inverse h2 span { color: #fff; } .link-tel { text-decoration: none; } @media (min-width: 768px) { .link-tel { pointer-events: none; cursor: default; } } .t_1 { color: #fc041b; } .t_2 { color: #4a9f44; } .t_3 { color: #2aa3e1; } .sec_plant .span_4 { margin-right: 1.5em; } .sec_plant .span_4 figure img { width: 100%; } .sec_plant .span_4 figure + figure { margin-top: 1em; } .sec_plant .row_inline .span_4 { margin-right: 0; } p.more a.add_arrow.long { max-width: 500px; border-radius: 2em; } header { background: url(/wp-content/uploads/h_bg.png) no-repeat left top; } header .hdr_info_wrap .hdr_info { top: 8px; } header .f_box { display: flex; justify-content: space-between; align-items: center; width: 500px; } header .f_box .l_box { text-align: right; } header .f_box .r_box { padding-top: 10px; } header .f_box p, header .f_box a { font-size: 15px; margin-bottom: 5px; color: #664816; } header .f_box .more a.add_arrow { border-radius: 2em; padding: .6em 1.6em; color: #fff; font-size: 16px; } header .global_nav { background-color: #faedcd; height: 64px; width: 100%; display: block; padding: 1.1em 0 0; text-align: center; } header .global_nav > ul > li:not(:first-child) > a:before { display: none; } @media screen and (max-width: 1023px) { header { background-size: 140% 100%; } header .hdr_info_wrap .hdr_info .pc-only { display: none; } header .global_nav { height: 0; padding: 0; } header .hdr_info_wrap .hdr_info .sp-only { display: block !important; } } body.home { background: #60e1a6 url(/wp-content/uploads/bg_01.png) no-repeat left top; } body.home header { background: none; } @media screen and (max-width: 1024px) { body.home { background-size: 100% 120vh; } } .main_visual .main_visual_copy { width: 100%; max-width: 1920px; } .main_visual .main_visual_copy li img { margin-left: 12vw; } .main_visual .main_visual_copy::before { position: absolute; display: block; content: ''; width: 273px; height: 269px; background: url(/wp-content/uploads/main_icon002.png) no-repeat center top; top: 45%; right: 0; bottom: 0; left: -2%; margin: auto; } .main_visual .main_visual_copy::after { position: absolute; display: block; content: ''; width: 262px; height: 257px; background: url(/wp-content/uploads/main_icon001.png) no-repeat center top; top: 80%; right: 0; bottom: 0; left: 3%; margin: auto auto auto 0; } @media screen and (max-width: 1440px) { .main_visual .main_visual_copy li img { margin-left: 8vw; width: 38vw; } .main_visual .main_visual_copy::before { width: 14vw; height: 14vw; background: url(/wp-content/uploads/main_icon002.png) no-repeat center top; background-size: cover; top: 45%; right: 0; bottom: 0; left: -2%; margin: auto; } .main_visual .main_visual_copy::after { width: 14vw; height: 14vw; background: url(/wp-content/uploads/main_icon001.png) no-repeat center top; background-size: cover; top: 80%; right: 0; bottom: 0; left: 0; margin: auto auto auto 0; } } @media screen and (max-width: 768px) { .main_visual .main_visual_copy li img { margin-left: 3vw; width: 50vw; } .main_visual .main_visual_copy::before { width: 15vw; height: 15vw; top: 45%; left: 5%; } .main_visual .main_visual_copy::after { width: 15vw; height: 15vw; top: 80%; left: 2vw; margin: auto auto auto 0; } } .sec_1 { padding: 5% 0; margin-bottom: 0; } .sec_1 .more a { display: inline-block; border-radius: 2em; margin-right: 1em; } @media screen and (max-width: 1024px) { .sec_1 .more a { width: 30vw; margin: 0 .5vw; } .sec_1 .more a:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .sec_1 figure img { width: 80%; } .sec_1 h2 { padding-left: 2em; } .sec_1 .span_8 p { padding-left: 2.3em; } .sec_1 .span_8 p.more { padding-left: 0; } .sec_1 .span_8 p.more a { width: 45vw; margin: 0 .5vw; } .sec_1 .span_8 p.more a:last-child { margin-right: 0; } } .sec_news { background-color: #fff; padding: 3% 0; margin-bottom: 0; } @media screen and (max-width: 1024px) { .sec_news { padding: 6% 0; } } .sec_time { background-color: #fcf9f2; padding: 3% 0; margin-bottom: 0; } .sec_time p { line-height: 2em; } .sec_time.ex { background: none; } @media screen and (max-width: 1024px) { .sec_time { padding: 6% 0; } .sec_time p.t_3 { font-size: 3.7vw; } } .table-default.ex { font-size: 21px; color: #664816; } .table-default.ex thead th { background-color: #edf9ff; color: #664816; border-color: #d3d3d3; border-width: 2px; font-weight: 600; width: auto; } .table-default.ex thead th:first-of-type { width: 25%; } .table-default.ex thead th:nth-child(7) { color: #0787c9; } .table-default.ex thead th:nth-child(8), .table-default.ex thead th:nth-child(9) { color: #feb94c; } .table-default.ex tbody th, .table-default.ex tbody td { border-color: #d3d3d3; border-width: 2px; color: #664816; text-align: center; background-color: #fff; font-weight: 600; } .table-default.ex tbody th:nth-child(7), .table-default.ex tbody td:nth-child(7) { color: #0787c9; } .table-default.ex tbody th:nth-child(8), .table-default.ex tbody th:nth-child(9), .table-default.ex tbody td:nth-child(8), .table-default.ex tbody td:nth-child(9) { color: #feb94c; } .table-default.ex tbody th { font-weight: 400; } .table-default.ex tbody th:first-of-type { width: 20%; } @media screen and (max-width: 767px) { .table-default.ex { font-size: 12px; } } .sec_2 { background-color: #fff; margin-bottom: 0; padding: 3% 0; } .sec_2 p { font-size: 17px; } .sec_2 .box_2 { background: url(/wp-content/uploads/bg_02.jpg) no-repeat center top; background-size: 100% 100%; position: relative; margin-bottom: 7%; padding: 15px; } .sec_2 .box_2 .inner { background-color: #fff; padding: 2% 4%; box-shadow: 1px 1px 3px #aaa; position: relative; } .sec_2 .box_2 .inner::before, .sec_2 .box_2 .inner::after { position: absolute; display: block; content: ''; width: 10px; height: 10px; border-radius: 100%; background-color: #ffc468; top: 1em; right: 0; bottom: 0; left: 0; } .sec_2 .box_2 .inner::before { left: 1em; margin: 0 auto auto 0; } .sec_2 .box_2 .inner::after { right: 1em; margin: 0 0 auto auto; } .sec_2 .box_2 h2 { background: none; border-bottom: #2aa3e1 dotted 1px; text-align: center; color: #2aa3e1; } .sec_2 .box_2 p { line-height: 2em; font-size: 14px; text-align: center; margin-bottom: 1.5em; } .sec_2 .box_2 p a { color: #2aa3e1; text-decoration: none; } .sec_3 { padding: 3% 0; background-color: #fcf9f2; margin-bottom: 0; } .sec_3 .span_5 figure { text-align: left; } .sec_3 .span_5 figure + p { margin-bottom: 0; } .sec_3 .span_5 p { font-size: 14px; } .sec_3 .span_7 .table-default.ex { font-size: 14px; } .sec_3 .span_7 .table-default.ex td { padding: 0.7em 0.4em; } @media screen and (max-width: 1024px) { .sec_3 .span_5 p { font-size: 13px; } .sec_3 .span_7 .table-default.ex { font-size: 12px; } .sec_3 .span_7 .table-default.ex + p { font-size: 13px; } } .sec_4 { background-color: #fff; padding: 3% 0; margin-bottom: 0 !important; } .sec_4 p { margin-bottom: 5px; text-align: center; } .sec_4 .more a { display: inline-block; border-radius: 2em; max-width: 100%; } .sec_4 .f_box { width: 100%; display: flex; align-items: center; justify-content: space-between; } .sec_4 .f_box .w4 { width: 42%; } .sec_4 .f_box .w3 { width: 25%; } @media screen and (max-width: 1023px) { .sec_4 .f_box .w4 p { font-size: 12px; } .sec_4 .f_box .w4 p a { font-size: 14px; } } @media screen and (max-width: 767px) { .sec_4 .f_box { flex-flow: wrap; } .sec_4 .f_box .w4 { width: 100%; margin-bottom: 1em; } .sec_4 .f_box .w3 { width: 48%; } } footer { background: url(/wp-content/uploads/f_bg.png) no-repeat center top; background-size: cover; color: #1b1b1b; } footer a { color: #1b1b1b; } .anc_lnk a { background-color: #4a9f44; padding: .6em 2em .6em 1em; position: relative; display: inline-block; margin: 0 .2em 1em; text-decoration: none; color: #fff; font-weight: 600; border-radius: 8px; } .anc_lnk a::after { position: absolute; display: block; content: ''; width: .5em; height: .5em; border-right: #fff solid 2px; border-bottom: #fff solid 2px; top: 0; right: .65em; bottom: .2em; left: 0; margin: auto 0 auto auto; transform: rotate(45deg); } .box_dot { background-color: rgba(250, 237, 205, 0.5); border: #faedcd dotted 3px; border-radius: 6px; padding: 2%; } @media (max-width: 767px) { .table-default { font-size: 3.4vw; } } /*# sourceMappingURL=main.css.map */ .sp_res_cont { display: block; position: fixed; bottom: 0; width: 100%; float: left; z-index: 1; border-top: 1px solid #ffffff; } .sp_res_cont a { color: #fff; } .sp_res_cont a:after { content: ""; display: block; position: absolute; top: 50%; right: 5%; margin: auto; width: 6px; height: 6px; border-top: 1px solid #509cda; border-right: 1px solid #509cda; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); transition: 0.2s; } .sp_res_cont a:hover:after { border-color: #509cda; } .sp_res_cont { display: none; } @media (max-width: 1000px) { .sp_res_cont { display: block; position: fixed; bottom: 0; width: 100%; border-radius: 0; } } @media (max-width: 1000px) { .sp_res_cont a { width: 100% !important; max-width: 50% !important; z-index: 10000 !important; float: left; } } .sp_res_cont a { color: #fff; } .sp_res_cont a:after { content: ""; display: block; position: absolute; top: 50%; right: 5%; margin: auto; width: 6px; height: 6px; border-top: 1px solid #509cda; border-right: 1px solid #509cda; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); transition: 0.2s; } .sp_res_cont a:hover:after { border-color: #509cda; } .menu__item { background: #4a9f44; color: #4a9f44; cursor: pointer; display: block; margin-bottom: 1px; border-radius: 10px; } .menu__item a { color: #ffffff; text-decoration: none; } .menu__item__link { display: block; padding: 1.5rem 40px 1.5rem 2rem; position: relative; } .submenu2 { display: none; background: #f7f6f5; border-radius: 0px 0px 10px 10px; } .submenu { background: #f7f6f5; border-radius: 0px 0px 10px 10px; } .submenu__item { color: #222222; padding: 1rem; } .submenu__item { color: #222222; padding: 2rem; } .submenu__item { color: #222222; padding: 2rem; } .accordion_menu ul { margin: 0 0 20px 0; padding: 0 0 0 0; } .menu__item__link:after { background: #4a9f44; border-radius: 10px; content: '+'; font-weight: bold; display: block; position: absolute; right: 0; text-align: center; top: 0; padding: 1.5rem; } .menu__item a { color: #ffffff; text-decoration: none; } a:hover { color: #222222; text-decoration: none; } .menu__item__link.on:after { content: '-'; font-weight: bold; } .menu__item__link:after { background: #4a9f44; border-radius: 10px; content: '+'; font-weight: bold; display: block; position: absolute; right: 0; text-align: center; top: 0; padding: 1.5rem; } .menu__item a { color: #ffffff; text-decoration: none; } a:hover { color: #222222; text-decoration: none; } .sec_5 { background-color: #fff; padding: 3% 0; margin-bottom: 0 !important; } .sec_5 p { margin-bottom: 5px; text-align: center; } .sec_5 .more a { display: inline-block; border-radius: 2em; max-width: 30%; } .sec_5 .f_box { width: 100%; display: flex; align-items: center; justify-content: space-between; } .sec_5 .f_box .w4 { width: 42%; } .sec_5 .f_box .w3 { width: 25%; } @media screen and (max-width: 1023px) { .sec_5 .f_box .w4 p { font-size: 12px; } .sec_5 .f_box .w4 p a { font-size: 14px; } } @media screen and (max-width: 767px) { .sec_5 .f_box { flex-flow: wrap; } .sec_4 .f_box .w4 { width: 100%; margin-bottom: 1em; } .sec_5 .f_box .w3 { width: 48%; } } .sec_4 .f_box { justify-content: space-around; }