@charset "UTF-8";
/* Scss Document */
/*-------------------------------------------------
common
=================================================*/
html {
font-size: 62.5%; }
body {
font-size: 1.6rem;
font-weight: 400;
color: #333;
line-height: 1.8;
background: #fff;
text-align: left;
-webkit-text-size-adjust: 100%;
word-break: break-word;
font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
margin: 0;
padding: 0;
font-feature-settings: "palt"; }
@media screen and (min-width: 768px) {
body {
line-height: 2; } }
.gotop {
position: fixed;
bottom: 5vw;
right: 5vw;
opacity: 0;
transition: .3s;
pointer-events: none;
z-index: 100; }
@media screen and (min-width: 768px) {
.gotop {
bottom: 50px;
right: 50px; } }
.gotop.active {
pointer-events: all;
opacity: 1; }
.gotop a {
border: 2px solid #fff;
border-radius: 100px !important;
display: block;
background: #39a24a;
width: 40px;
height: 40px;
position: relative;
text-align: left;
text-indent: -999em;
overflow: hidden;
padding: 0 !important; }
.gotop a::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -20%) rotate(45deg);
border-left: 2px solid #fff;
border-top: 2px solid #fff;
width: 10px;
height: 10px;
display: block; }
a {
color: #000;
text-decoration: underline;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: inline-block;
padding: 0 3px; }
a:hover {
text-decoration: none; }
a img {
transition: .3s; }
button,
inout.submit,
input.back {
transition: .3s; }
a:hover,
button:hover,
a:focus,
button:focus,
[tabindex]:focus,
input:focus + label {
outline: 0;
background: #39a24a !important;
border-radius: 3px;
text-decoration: none;
color: #fff !important; }
a:hover img,
a:focus img {
opacity: 0.6; }
.iframe_navi {
display: none;
height: 80px;
margin: 0 0 10vw; }
@media screen and (min-width: 768px) {
.iframe_navi {
height: 230px;
margin: 0 0 50px; } }
.honbun {
position: absolute;
top: -100px; }
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%; }
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important; }
.tal {
text-align: left !important; }
.tar {
text-align: right !important; }
.tac {
text-align: center !important; }
.fl {
float: left; }
.fr {
float: right; }
.mt0 {
margin-top: 0 !important; }
.mb0 {
margin-bottom: 0 !important; }
figure {
text-align: center; }
.red {
color: #ea0000; }
@media screen and (min-width: 768px) {
.pc_tal {
text-align: left !important; }
.pc_tar {
text-align: right !important; }
.pc_tac {
text-align: center !important; }
.pc_fl {
float: left; }
.pc_fr {
float: right; }
figure.pc_fl {
margin: 20px 40px 20px 0px; }
figure.pc_fr {
margin: 20px 0 20px 40px; }
.pc_mb0 {
margin-bottom: 0 !important; } }
@media (max-width: 767px) {
.sp_tal {
text-align: left !important; }
.sp_tar {
text-align: right !important; }
.sp_tac {
text-align: center !important; }
.sp_fl {
float: left; }
.sp_fr {
float: right; }
figure.sp_fl {
margin: 10px 10px 10px 0px;
max-width: 30vw; }
figure.sp_fr {
margin: 10px 0 10px 10px;
max-width: 30vw; } }
section,
nav,
header,
footer,
article {
margin: 0;
padding: 0; }
p,
figure {
margin: 20px 0; }
.clearfix {
overflow: hidden;
margin: 20px 0; }
.clearfix > .pc_fl, .clearfix > .pc_fr {
margin-top: 0 !important; }
.clearfix > * > :first-child {
margin-top: 0 !important; }
.clearfix > * > :last-child {
margin-bottom: 0 !important; }
/*------------------------------------------*/
img {
max-width: 100%;
height: auto; }
@media screen and (min-width: 768px) {
.inner {
width: 1020px;
margin: 0 auto; }
.sp_only {
display: none !important; } }
@media (max-width: 767px) {
.inner {
width: 100%;
padding: 0 5vw;
box-sizing: border-box; }
.pc_only {
display: none !important; } }
section {
padding: 5vw 0; }
@media screen and (min-width: 768px) {
section {
padding: 50px 0; } }
.btn {
margin: 20px 0 0 0; }
@media screen and (min-width: 768px) {
.btn {
margin: 40px 0 0 0;
text-align: center; } }
.btn a, .btn button, .btn input.submit, .btn input.back {
display: flex;
width: 70%;
min-width: 244px;
justify-content: center;
align-items: center;
color: #fff;
background: #0e3c7e;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.3;
height: 50px;
text-decoration: none;
margin: 10px auto;
position: relative;
-webkit-appearance: none;
appearance: none;
border: none; }
@media screen and (min-width: 768px) {
.btn a, .btn button, .btn input.submit, .btn input.back {
font-size: 1.8rem;
width: 320px;
height: 60px;
display: inline-flex;
margin: 0 20px;
vertical-align: top; } }
.btn a.common::after, .btn button.common::after, .btn input.submit.common::after, .btn input.back.common::after {
content: "";
background: url(../images/arrow.svg) no-repeat center center/contain;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -10px; }
.btn a.pamphlet::before, .btn button.pamphlet::before, .btn input.submit.pamphlet::before, .btn input.back.pamphlet::before {
content: "";
background: url("../images/icon_pamphlet.svg") no-repeat center center/contain;
width: 30px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
vertical-align: middle; }
.btn a.back, .btn button.back, .btn input.submit.back, .btn input.back.back {
background: #999; }
.btn2 {
margin-top: 5vw; }
@media screen and (min-width: 768px) {
.btn2 {
display: flex;
justify-content: center;
margin-top: 20px; } }
.btn2 a {
display: flex;
justify-content: center;
align-items: center;
width: 244px;
height: 47px;
border-radius: 3px;
color: #fff;
text-decoration: none;
font-weight: bold;
margin: 10px auto 0; }
@media screen and (min-width: 768px) {
.btn2 a {
margin: 0 20px; } }
.btn2 a::before {
content: "";
display: inline-block;
background: no-repeat center center / contain;
width: 17px;
height: 17px;
vertical-align: middle;
margin: 0 7px 0 0; }
.btn2 .list {
background: #e95a24;
box-shadow: 0 2px 0 0 #f8cebd; }
.btn2 .list::before {
background-image: url("../images/icon_list.svg"); }
.btn2 .map {
background: #0071b4;
box-shadow: 0 2px 0 0 #b3d4e9; }
.btn2 .map::before {
background-image: url("../images/icon_map.svg"); }
.btn2 .type {
background: #006837;
box-shadow: 0 2px 0 0 #b3d2c3; }
.btn2 .type::before {
background-image: url("../images/icon_type.svg"); }
/*-- スマホメニュー ----------------------------------------*/
.menu_btn {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 75px;
z-index: 2; }
.sp_menubtn {
width: 30px;
height: 22px;
position: absolute;
top: 50%;
left: 50%;
margin: -11px 0 0 -15px; }
.sp_menubtn span {
background: #39a24a;
width: 30px;
height: 2px;
border-radius: 10px;
display: block;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
transition: all 0.3s ease 0s; }
.sp_menubtn span:nth-of-type(1) {
top: 1px; }
.sp_menubtn span:nth-of-type(2) {
top: 11px; }
.sp_menubtn span:nth-of-type(3) {
top: 21px; }
.active .sp_menubtn span:nth-of-type(1) {
transform: translate(-50%, -50%) rotate(-135deg);
top: 50%; }
.active .sp_menubtn span:nth-of-type(2) {
opacity: 0;
left: 100%; }
.active .sp_menubtn span:nth-of-type(3) {
transform: translate(-50%, -50%) rotate(135deg);
top: 50%; }
/*------------------------------------------*/
#allwrap {
padding-top: 80px; }
@media screen and (min-width: 768px) {
#allwrap {
min-width: 1200px;
padding-top: 230px; } }
/*------------------------------------------*/
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
border-top: 5px solid #a9d251;
box-sizing: border-box;
z-index: 100;
background: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }
@media screen and (min-width: 768px) {
header {
height: 230px;
box-shadow: none; } }
header .logo {
margin: 0;
padding: 0;
background: #fff;
position: relative; }
header .logo a {
display: inline-block;
padding: 0; }
header .logo a:focus, header .logo a:hover {
background: none !important; }
header .logo img {
height: 75px;
width: auto; }
@media screen and (min-width: 768px) {
header .logo img {
height: 142px; } }
header .illust {
position: absolute;
top: 27px;
left: 450px; }
@media (max-width: 767px) {
header .contact {
text-align: center;
margin-top: 3vw; }
header .contact a.link {
background: #e95a24;
display: block;
color: #fff;
padding: 10px 0;
margin: 0 auto 10px;
line-height: 20px;
width: 80%;
text-decoration: none;
font-weight: bold; }
header .contact a.link::before {
content: "";
display: inline-block;
width: 23px;
height: 20px;
background: url("../images/icon_mail_wh.svg") no-repeat left center/contain;
vertical-align: middle;
margin: -2px 10px 0 0; }
header .contact span {
font-family: "Roboto"; } }
@media screen and (min-width: 768px) {
header .contact {
position: absolute;
top: 25px;
right: 50px;
font-size: 1.4rem; }
header .contact a.link {
display: block;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
text-decoration: none;
border-bottom: 2px solid #e95a24;
padding: 5px 0 5px;
margin: 0 0 10px;
line-height: 20px; }
header .contact a.link::before {
content: "";
display: inline-block;
width: 23px;
height: 20px;
background: url("../images/icon_mail.svg") no-repeat left center/contain;
vertical-align: middle;
margin: -2px 10px 0 0;
transition: .3s; }
header .contact a.link:focus::before, header .contact a.link:hover::before {
background: url("../images/icon_mail_wh.svg") no-repeat left center/contain; }
header .contact span {
font-family: "Roboto"; } }
/*------------------------------------------*/
#gnavi {
background: #eaeaea; }
@media (max-width: 767px) {
#gnavi {
display: none;
max-height: calc(100vh - 80px);
overflow: auto;
padding: 5vw;
box-sizing: border-box;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
#gnavi ul {
margin: 0;
padding: 3vw 0 1vw; }
#gnavi ul li {
margin: 0 0 10px;
padding: 0;
list-style: none; }
#gnavi ul li.line {
display: none; }
#gnavi ul li a {
position: relative;
display: block;
padding: 0 0 0 10px;
font-weight: bold;
text-decoration: none; }
#gnavi ul li a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border: 3px solid transparent;
border-left: 4px solid #39a24a;
display: block;
width: 0;
shape-outside: 0; }
#gnavi ul li a span {
display: none; } }
@media screen and (min-width: 768px) {
#gnavi {
padding: 0 30px;
display: block !important; }
#gnavi ul {
display: table;
margin: 0;
padding: 0 0;
justify-content: space-between;
align-items: center;
height: 80px;
width: 100%;
box-sizing: border-box;
position: relative; }
#gnavi ul::before {
content: "";
border-left: 1px dotted rgba(0, 0, 0, 0.2);
width: 0;
height: 50px;
position: absolute;
top: 15px;
left: 0; }
#gnavi ul li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
min-width: 110px;
display: table-cell;
position: relative; }
#gnavi ul li::after {
content: "";
border-left: 1px dotted rgba(0, 0, 0, 0.2);
width: 0;
height: 50px;
position: absolute;
top: 15px;
right: 0; }
#gnavi ul li a {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 1.8rem;
height: 80px;
width: 100%;
position: relative;
padding: 0; }
#gnavi ul li a span {
font-family: 'Roboto';
font-weight: normal;
display: block;
color: #39a24a;
font-size: 1rem;
transition: .3s; }
#gnavi ul li a.current::after {
content: "";
width: 100%;
height: 5px;
display: block;
position: absolute;
bottom: 0;
left: 0;
background: #39a24a; }
#gnavi ul li a:hover span, #gnavi ul li a:focus span {
color: #ff0; } }
/*------------------------------------------*/
footer {
background: #39a24a;
color: #fff; }
footer a {
color: #fff !important; }
footer .photo {
border-top: 3px solid #fff;
border-bottom: 3px solid #fff; }
@media screen and (min-width: 768px) {
footer .photo {
border-top-width: 5px;
border-bottom-width: 5px; } }
footer .photo img {
width: 100%; }
footer .seal {
margin-bottom: 5vw; }
@media screen and (min-width: 768px) {
footer .seal {
margin: 0; } }
footer .footer {
padding: 5vw 0; }
@media screen and (min-width: 768px) {
footer .footer {
padding: 50px 0; } }
@media screen and (max-width: 767px) {
footer .footer .inner .data {
text-align: center;
border-bottom: 1px solid #fff;
margin: 0 0 5vw;
padding: 0 0 5vw; }
footer .footer .inner .data strong {
display: block;
font-size: 1.8rem; }
footer .footer .inner .data .googlemap {
display: inline-block;
margin: 0 0 10px; }
footer .footer .inner .data .mail {
display: inline-block;
padding: 0 0 0 30px;
position: relative; }
footer .footer .inner .data .mail::before {
content: "";
display: block;
width: 25px;
height: 14px;
background: url(../images/icon_mail_wh.svg) no-repeat center center/contain;
position: absolute;
top: 50%;
left: 0;
margin-top: -7px; }
footer .footer .inner .contact {
line-height: 2; }
footer .footer .inner .contact dl {
margin: 0 auto;
padding: 0;
display: table; }
footer .footer .inner .contact dl dt {
margin: 0;
padding: 0px 0;
float: left; }
footer .footer .inner .contact dl dd {
margin: 0;
padding: 0px 0 0px 9em; } }
@media screen and (min-width: 768px) {
footer .footer .inner {
position: relative;
display: flex;
justify-content: space-around;
align-items: stretch; }
footer .footer .inner::before {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background: #fff; }
footer .footer .inner .data,
footer .footer .inner .contact {
width: 50%;
display: flex;
justify-content: center;
align-items: center; }
footer .footer .inner .data {
line-height: 1.8; }
footer .footer .inner .data strong {
display: block;
font-size: 2.2rem; }
footer .footer .inner .data .googlemap {
margin-left: 5px;
display: inline-block;
vertical-align: middle;
line-height: 1px; }
footer .footer .inner .data .mail {
display: inline-block;
padding: 0 3px 0 33px;
margin: 0 0 0 -3px;
position: relative; }
footer .footer .inner .data .mail::before {
content: "";
display: block;
width: 25px;
height: 14px;
background: url(../images/icon_mail_wh.svg) no-repeat center center/contain;
position: absolute;
top: 50%;
left: 3px;
margin-top: -7px; }
footer .footer .inner .data .mail:focus, footer .footer .inner .data .mail:hover {
background: #006837 !important; }
footer .footer .inner .contact {
line-height: 2; }
footer .footer .inner .contact dl {
margin: 0;
padding: 0; }
footer .footer .inner .contact dl dt {
margin: 0;
padding: 0px 0;
float: left; }
footer .footer .inner .contact dl dd {
margin: 0;
padding: 0px 0 0px 10em; } }
footer .copyright {
background: #fff;
color: #000; }
@media (max-width: 767px) {
footer .copyright {
text-align: center;
padding: 20px 0 0; } }
footer .copyright a {
color: #000 !important;
padding: 0 3px; }
footer .copyright a:hover, footer .copyright a:focus {
color: #fff !important; }
@media (max-width: 767px) {
footer .copyright .link {
text-align: center; }
footer .copyright .link a {
display: inline-block;
position: relative;
padding: 0 0 0 10px;
margin: 0 10px 10px;
text-decoration: none; }
footer .copyright .link a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
border: 3px solid transparent;
border-left: 4px solid #aaa;
transform: translateY(-50%); } }
@media screen and (min-width: 768px) {
footer .copyright .inner {
display: flex;
justify-content: space-between;
align-items: center; } }
/*------------------------------------------*/
#mainvisual img {
width: 100%; }
#pagevisual img {
width: 100%; }
/*------------------------------------------*/
#top_news h2 {
position: relative;
text-align: center;
font-size: 1.8rem;
line-height: 30px; }
#top_news h2::before {
content: "";
background: #39a24a;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px; }
#top_news h2 span {
background: #fff;
border: 2px solid #39a24a;
color: #39a24a;
position: relative;
display: inline-block;
padding: 3px 0;
border-radius: 100px;
width: 70%;
min-width: 250px; }
@media screen and (min-width: 768px) {
#top_news h2 span {
padding: 10px 88px;
width: auto; } }
#top_news h2 span::before {
content: "";
background: url(../images/icon_news.svg) no-repeat center/contain;
display: inline-block;
margin: 0 10px 0 0;
width: 21px;
height: 22px;
vertical-align: middle; }
#top_news dl {
margin: 0;
padding: 0; }
#top_news dl dt {
margin: 0;
padding: 0 0 0;
font-size: 1.2rem; }
@media screen and (min-width: 768px) {
#top_news dl dt {
float: left;
padding: 20px 0 20px 30px;
font-size: 1.4rem; } }
#top_news dl dd {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom: 1px solid #c4c4c4;
font-weight: bold;
font-size: 1.4rem; }
@media screen and (min-width: 768px) {
#top_news dl dd {
padding: 20px 30px 20px 200px;
margin: 0;
font-size: 1.6rem; } }
/*------------------------------------------*/
#top_activities .photo img,
#top_activities_load .iframe_contents .photo img {
width: 100%; }
#top_activities .frame,
#top_activities_load .iframe_contents .frame {
background: #fff;
position: relative;
padding: 20px 0 0; }
@media screen and (min-width: 768px) {
#top_activities .frame,
#top_activities_load .iframe_contents .frame {
margin-top: -75px;
padding: 30px 50px 0; } }
#top_activities h2,
#top_activities_load .iframe_contents h2 {
position: relative;
text-align: center;
font-size: 1.8rem;
line-height: 30px; }
@media screen and (min-width: 768px) {
#top_activities h2,
#top_activities_load .iframe_contents h2 {
margin: -30px 0 0;
transform: translateY(-50%); } }
#top_activities h2 span,
#top_activities_load .iframe_contents h2 span {
background: #39a24a;
border: 2px solid #fff;
color: #fff;
position: relative;
display: inline-block;
padding: 3px 0;
width: 70%;
border-radius: 100px;
min-width: 250px; }
@media screen and (min-width: 768px) {
#top_activities h2 span,
#top_activities_load .iframe_contents h2 span {
padding: 10px 88px;
width: auto; } }
#top_activities h2 span::before,
#top_activities_load .iframe_contents h2 span::before {
content: "";
background: url("../images/icon_activities.svg") no-repeat center/contain;
display: inline-block;
margin: -2px 10px 0 0;
width: 21px;
height: 27px;
vertical-align: middle; }
@media screen and (min-width: 768px) {
#top_activities h2 span::before,
#top_activities_load .iframe_contents h2 span::before {
width: 24px; } }
@media screen and (min-width: 768px) {
#top_activities .lead,
#top_activities_load .iframe_contents .lead {
font-size: 1.6rem;
text-align: center;
margin: 0 0 25px; } }
#top_activities table,
#top_activities_load .iframe_contents table {
width: 100%;
table-layout: fixed; }
@media (max-width: 767px) {
#top_activities table,
#top_activities_load .iframe_contents table {
display: block;
magin: 0 0 30px; }
#top_activities table tbody, #top_activities table tr, #top_activities table th, #top_activities table td,
#top_activities_load .iframe_contents table tbody,
#top_activities_load .iframe_contents table tr,
#top_activities_load .iframe_contents table th,
#top_activities_load .iframe_contents table td {
display: block; } }
@media screen and (min-width: 768px) {
#top_activities table,
#top_activities_load .iframe_contents table {
font-size: 1.6rem; } }
#top_activities table th,
#top_activities_load .iframe_contents table th {
background: #39a24a;
color: #fff;
padding: 10px 15px;
border-bottom: 1px solid #fff;
font-weight: normal; }
#top_activities table th a,
#top_activities_load .iframe_contents table th a {
color: #fff; }
#top_activities table th a:focus, #top_activities table th a:hover,
#top_activities_load .iframe_contents table th a:focus,
#top_activities_load .iframe_contents table th a:hover {
background: #006837 !important; }
#top_activities table td,
#top_activities_load .iframe_contents table td {
background: #dedede;
padding: 10px 15px;
border-bottom: 1px solid #fff; }
#activities_load .iframe_contents {
position: relative; }
#activities_load .iframe_contents .loading {
height: 100px;
text-align: center;
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center; }
/*------------------------------------------*/
#top_schedule {
background: #00a599;
margin-top: 5vw; }
@media (max-width: 767px) {
#top_schedule .inner {
padding: 0 10vw; } }
@media screen and (min-width: 768px) {
#top_schedule {
margin-top: 80px; } }
#top_schedule h2 {
position: relative;
text-align: center;
font-size: 1.8rem;
line-height: 30px;
margin: 0 -5vw 20px; }
@media screen and (min-width: 768px) {
#top_schedule h2 {
margin: -50px 0 15px;
transform: translateY(-50%); } }
#top_schedule h2 span {
background: #fff;
border: 2px solid #00a599;
color: #00a599;
position: relative;
display: inline-block;
padding: 3px 0;
width: 70%;
border-radius: 100px;
min-width: 250px; }
@media screen and (min-width: 768px) {
#top_schedule h2 span {
padding: 10px 88px;
width: auto; } }
#top_schedule h2 span::before {
content: "";
background: url("../images/icon_schedule.svg") no-repeat center/contain;
display: inline-block;
margin: -2px 10px 0 0;
width: 21px;
height: 27px;
vertical-align: middle; }
@media screen and (min-width: 768px) {
#top_schedule h2 span::before {
width: 24px; } }
#top_schedule .btn {
margin: 10px -5vw 0; }
@media screen and (min-width: 768px) {
#top_schedule .btn {
margin: 30px 0 0; } }
#top_schedule .iframe_wrap {
margin: 0 -10vw; }
@media screen and (min-width: 768px) {
#top_schedule .iframe_wrap {
margin: 0 -50px; } }
#top_schedule_load .iframe_contents {
background: #00a599;
padding: 0 10vw; }
#top_schedule_load .iframe_contents.bg_wh {
background: #fff;
padding: 0 !important; }
#top_schedule_load .iframe_contents.bg_wh .box {
background: #fff; }
@media screen and (min-width: 768px) {
#top_schedule_load .iframe_contents {
padding: 0 50px; } }
#top_schedule_load .iframe_contents ul.tab {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: -2px 0 0;
padding: 0; }
@media screen and (min-width: 768px) {
#top_schedule_load .iframe_contents ul.tab {
border-bottom: 3px solid #fff;
margin: 0 0 30px; } }
#top_schedule_load .iframe_contents ul.tab li {
cursor: pointer;
width: calc(50% - 1px);
margin: 2px 0 0 0;
padding: 10px 5px;
list-style: none;
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
box-sizing: border-box;
font-weight: bold;
transition: .3s; }
@media screen and (min-width: 768px) {
#top_schedule_load .iframe_contents ul.tab li {
width: calc((100% - 6px) / 4);
margin: 0;
font-size: 1.8rem; } }
#top_schedule_load .iframe_contents ul.tab li.active {
color: #fbed21;
background: rgba(0, 0, 0, 0.5); }
#top_schedule_load .iframe_contents ul.tab li:hover {
background: #39a24a !important; }
#top_schedule_load .iframe_contents .box {
background: #00a599;
position: relative;
z-index: -1;
height: 0;
opacity: 0;
transition: opacity 0.3s;
overflow: hidden; }
#top_schedule_load .iframe_contents .box a, #top_schedule_load .iframe_contents .box button {
display: none !important; }
#top_schedule_load .iframe_contents .box.active {
position: relative;
z-index: 1;
height: auto;
opacity: 1;
overflow: visible; }
#top_schedule_load .iframe_contents .box.active a, #top_schedule_load .iframe_contents .box.active button {
display: inline-block !important; }
#top_schedule_load .iframe_contents .box.active a.slick-disabled, #top_schedule_load .iframe_contents .box.active button.slick-disabled {
display: none !important; }
#top_schedule_load .iframe_contents .shedulelist {
margin: 0 -10px; }
#top_schedule_load .iframe_contents .shedulelist .child {
box-sizing: border-box;
padding: 10px; }
#top_schedule_load .iframe_contents .shedulelist .child .bg {
background: #fff;
padding: 20px 20px 15px;
min-height: 200px;
box-sizing: border-box; }
#top_schedule_load .iframe_contents .shedulelist .child .date {
text-align: center;
color: #39a24a;
border-bottom: 1px solid #39a24a;
padding: 0 0 5px;
margin: 0 0 15px;
font-weight: bold;
font-size: 1.5rem; }
@media screen and (min-width: 768px) {
#top_schedule_load .iframe_contents .shedulelist .child .date {
font-size: 1.6rem; } }
#top_schedule_load .iframe_contents .shedulelist .child dl {
margin: 0;
padding: 0;
line-height: 1.4; }
#top_schedule_load .iframe_contents .shedulelist .child dl dt {
float: left;
margin: 0;
padding: 2px 0 5px; }
#top_schedule_load .iframe_contents .shedulelist .child dl dd {
margin: 0;
padding: 2px 0 5px 7.5em; }
#top_schedule_load .iframe_contents .shedulelist .child dl dd a {
color: #39a24a;
display: block !important; }
#top_schedule_load .iframe_contents .shedulelist .child dl dd span {
padding: 0 3px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#top_schedule_load .iframe_contents [aria-hidden="true"] a {
display: none; }
#top_schedule_load .iframe_contents .slick-arrow {
position: absolute;
top: 50%;
background: none;
overflow: hidden;
text-indent: -999em;
border: none;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
transform: translateY(-50%);
outline: 0; }
#top_schedule_load .iframe_contents .slick-arrow::before {
content: "";
width: 12px;
height: 12px;
border-top: 3px solid #000;
border-right: 3px solid #000;
position: absolute;
top: 50%;
left: 50%; }
#top_schedule_load .iframe_contents .slick-arrow.slick-prev {
left: -23px; }
@media screen and (min-width: 768px) {
#top_schedule_load .iframe_contents .slick-arrow.slick-prev {
left: -40px; } }
#top_schedule_load .iframe_contents .slick-arrow.slick-prev::before {
transform: translate(-50%, -50%) rotate(225deg); }
#top_schedule_load .iframe_contents .slick-arrow.slick-next {
right: -23px; }
@media screen and (min-width: 768px) {
#top_schedule_load .iframe_contents .slick-arrow.slick-next {
right: -40px; } }
#top_schedule_load .iframe_contents .slick-arrow.slick-next::before {
transform: translate(-50%, -50%) rotate(45deg); }
#schedule_load .iframe_contents ul.schedule-tab {
background: #00a599;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: -2px 0 0;
padding: 0;
overflow: visible; }
@media screen and (min-width: 768px) {
#schedule_load .iframe_contents ul.schedule-tab {
border-bottom: 3px solid #fff;
margin: 0 0 30px; } }
#schedule_load .iframe_contents ul.schedule-tab li {
cursor: pointer;
width: calc(50% - 1px);
margin: 2px 0 0 0;
padding: 10px 5px;
list-style: none;
background: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
box-sizing: border-box;
font-weight: bold;
transition: .3s; }
@media screen and (min-width: 768px) {
#schedule_load .iframe_contents ul.schedule-tab li {
width: calc((100% - 6px) / 4);
margin: 0;
font-size: 1.8rem; } }
#schedule_load .iframe_contents ul.schedule-tab li:hover {
background: #39a24a; }
#schedule_load .iframe_contents ul.schedule-tab li.act {
color: #fbed21;
background: rgba(0, 0, 0, 0.5); }
#schedule_load .iframe_contents .month {
text-align: center;
font-weight: bold;
margin: 0 0 5vw; }
@media screen and (min-width: 768px) {
#schedule_load .iframe_contents .month {
margin: 0 0 30px; } }
@media screen and (min-width: 768px) {
#schedule_load .iframe_contents .schedule-tbl {
width: 100%;
border: 1px solid #00a599;
table-layout: fixed;
line-height: 1.4; }
#schedule_load .iframe_contents .schedule-tbl thead {
background: #00a599;
color: #fff; }
#schedule_load .iframe_contents .schedule-tbl thead th {
padding: 10px;
text-align: center;
color: #fff;
border-left: 1px solid #fff; }
#schedule_load .iframe_contents .schedule-tbl thead th:first-child {
border: none; }
#schedule_load .iframe_contents .schedule-tbl tbody th {
padding: 10px;
border: 1px solid #00a599;
text-align: center; }
#schedule_load .iframe_contents .schedule-tbl tbody td {
padding: 10px;
border: 1px solid #00a599; } }
@media (max-width: 767px) {
#schedule_load .iframe_contents .schedule-tbl {
display: block;
width: 100%; }
#schedule_load .iframe_contents .schedule-tbl thead {
display: none; }
#schedule_load .iframe_contents .schedule-tbl tbody, #schedule_load .iframe_contents .schedule-tbl tr, #schedule_load .iframe_contents .schedule-tbl th {
display: block; }
#schedule_load .iframe_contents .schedule-tbl tr {
padding: 0;
margin: 10px 0 0 0; }
#schedule_load .iframe_contents .schedule-tbl th {
background: #00a599;
padding: 5px 5vw;
color: #fff; }
#schedule_load .iframe_contents .schedule-tbl td {
display: flex;
justify-content: space-between;
border-left: 1px solid #00a599;
border-right: 1px solid #00a599;
padding: 2px 5vw; }
#schedule_load .iframe_contents .schedule-tbl td:first-of-type {
padding-top: 7px; }
#schedule_load .iframe_contents .schedule-tbl td:last-child {
border-bottom: 1px solid #00a599;
padding-bottom: 7px; }
#schedule_load .iframe_contents .schedule-tbl td .time {
width: 110px; }
#schedule_load .iframe_contents .schedule-tbl td .time + * {
width: calc(100% - 110px);
padding: 0 3px; } }
/*------------------------------------------*/
#common_bnr {
background: #eaeaea; }
#common_bnr ul {
margin: -15px 0 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
@media screen and (min-width: 768px) {
#common_bnr ul {
margin: -30px 30px 0; } }
#common_bnr ul li {
margin: 15px 0 0;
padding: 0;
list-style: none;
width: 100%;
text-align: center; }
@media screen and (min-width: 768px) {
#common_bnr ul li {
width: 450px;
margin: 30px 0 0 0; } }
#common_bnr a {
padding: 0; }
#common_bnr img {
width: 100%; }
/*------------------------------------------*/
/*------------------------------------------*/
body:not(.home) main h1 {
position: relative;
font-size: 2rem;
line-height: 1.3;
color: #39a24a;
padding: 0 0 5px;
margin: 0 0 15px; }
@media screen and (min-width: 768px) {
body:not(.home) main h1 {
font-size: 2.8rem;
padding: 0 0 8px;
margin: 0 0 40px; } }
body:not(.home) main h1::after {
content: "";
width: 100%;
height: 3px;
background: #c0c0c0;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
border-left: 180px solid #39a24a; }
@media screen and (min-width: 768px) {
body:not(.home) main h1::after {
border-left-width: 300px; } }
body:not(.home) main h2 {
font-size: 1.6rem;
line-height: 1.3;
color: #39a24a;
border-left: 3px solid #39a24a;
padding: 0 0 0 8px;
overflow: hidden; }
@media screen and (min-width: 768px) {
body:not(.home) main h2 {
font-size: 2.4rem;
border-left-width: 5px;
padding: 0 0 0 10px; } }
body:not(.home) main h2 .tel {
font-size: 1.4rem;
background: #e55a24;
display: inline-block;
float: right;
text-decoration: none;
padding: 2px 10px;
border-radius: 100px;
color: #fff;
vertical-align: top; }
@media screen and (min-width: 768px) {
body:not(.home) main h2 .tel {
float: none;
font-size: 1.8rem;
margin-left: 8px; } }
/*------------------------------------------*/
.hr {
text-align: center;
margin: 20px 0; }
@media screen and (min-width: 768px) {
.hr {
margin: 40px 0; } }
.hr span {
display: inline-block;
margin: 0 10px;
width: 10px;
height: 10px;
background: #39a24a;
transform: rotate(45deg); }
.hr span:nth-of-type(2) {
background: #a9d251; }
/*------------------------------------------*/
.pageLink {
background: #e6e6e6; }
@media (max-width: 767px) {
.pageLink {
margin: 0 0 20px; }
.pageLink ul {
margin: 0;
padding: 0; }
.pageLink ul li {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #c0c0c0; }
.pageLink ul li:first-child {
border-top: none; }
.pageLink ul li:last-child {
border-bottom: none; }
.pageLink ul li a {
display: block;
padding: 5px 15px; }
.pageLink ul li a.current {
text-decoration: none;
font-weight: bold; } }
@media screen and (min-width: 768px) {
.pageLink {
display: flex;
align-items: center;
padding: 10px 0;
margin: -15px 0 40px; }
.pageLink ul {
display: flex !important;
height: auto !important;
align-items: center;
margin: 0;
padding: 0; }
.pageLink ul li {
margin: 0;
padding: 5px 20px;
list-style: none;
border-left: 1px solid #fff;
border-right: 1px solid #c0c0c0; }
.pageLink ul li:first-child {
border-left: none; }
.pageLink ul li:last-child {
border-right: none; }
.pageLink ul li a.current {
text-decoration: none;
font-weight: bold; } }
/*------------------------------------------*/
.commonFrame {
background: #fefde9;
border: 1px solid #9a7c52;
margin: 30px 0;
padding: 30px; }
.commonFrame > :first-child {
margin-top: 0 !important; }
.commonFrame > :last-child {
margin-bottom: 0 !important; }
.commonFrame h3 {
color: #9a7c52;
font-size: 1.6rem;
margin: 0 0 20px;
line-height: 1.4; }
@media screen and (min-width: 768px) {
.commonFrame h3 {
font-size: 2.2rem; } }
.commonFrame ul {
margin: 20px 0;
padding: 0; }
.commonFrame ul li {
margin: 5px 0 0;
padding: 0 0 0 20px;
text-indent: -20px;
list-style: none; }
.commonFrame ul li::before {
content: "";
width: 13px;
height: 13px;
margin: 0 7px 0 0;
background: #9a7c52;
display: inline-block;
border-radius: 100px; }
/*------------------------------------------*/
/*------------------------------------------*/
.linklist_category {
margin: 7vw 0 0px;
padding: 0 0 0px; }
@media screen and (min-width: 768px) {
.linklist_category {
margin: 15px 0 40px;
padding: 0 0 20px;
border-bottom: 1px dotted #ccc; } }
.linklist_category .listmore {
display: none;
transition: .3s; }
@media screen and (min-width: 768px) {
.linklist_category .listmore {
margin: 10px 0 0 30px;
border: 1px solid #ccc;
display: block;
width: 200px;
padding: 2px 0;
text-align: center;
cursor: pointer;
border-radius: 4px; } }
.linklist_category .listmore:hover {
background: #39a24a;
color: #fff; }
@media (max-width: 767px) {
.accordion_head {
position: relative;
padding-right: 20px; }
.accordion_head::before {
content: "";
position: absolute;
top: 50%;
right: 8.5px;
width: 3px;
height: 20px;
transform: translateY(-50%);
background: #39a24a;
display: block;
transition: .3s; }
.accordion_head::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 3px;
transform: translateY(-50%);
background: #39a24a;
display: block;
transition: .3s; }
.accordion_head.active::before {
height: 3px; }
.accordion_head + ul.linklist {
display: none; } }
ul.linklist {
margin: 0;
padding: 0;
overflow: hidden; }
@media screen and (min-width: 768px) {
ul.linklist {
display: block !important;
height: auto !important; }
ul.linklist._2col {
display: flex;
flex-wrap: wrap; }
ul.linklist._2col li {
width: 50%; } }
ul.linklist.withmore {
display: none; }
@media screen and (min-width: 768px) {
ul.linklist.withmore li:nth-of-type(n + 6) {
display: none; }
ul.linklist.withmore li:nth-of-type(n + 6) a {
display: none; } }
ul.linklist li {
margin: 0 0 0;
padding: 0 0 0;
box-sizing: border-box;
list-style: none;
position: relative;
border-bottom: 1px dotted #ccc; }
@media (max-width: 767px) {
ul.linklist li:last-of-type {
border: none; } }
@media screen and (min-width: 768px) {
ul.linklist li {
border: none;
margin: 5px 0 0 0; } }
ul.linklist a {
display: block;
padding: 10px 0 10px 15px;
line-height: 1.4;
position: relative; }
@media screen and (min-width: 768px) {
ul.linklist a {
padding: 0 20px 0 35px;
display: inline-block; } }
ul.linklist a::before {
content: "";
border: 5px solid transparent;
border-left: 7px solid #a9d251;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%); }
@media screen and (min-width: 768px) {
ul.linklist a::before {
left: 20px; } }
ul.linklist span {
display: block;
padding: 0 0 10px 15px;
line-height: 1.4;
margin-top: -5px; }
@media screen and (min-width: 768px) {
ul.linklist span {
padding: 0 20px 0 35px;
margin-top: 0; } }
@media (max-width: 767px) {
ul.linklist a[href$=".pdf"] {
padding-right: 45px;
position: relative; } }
ul.linklist a[href$=".pdf"] em.pdf {
font-style: normal;
display: inline-block;
margin: 0 0 0 5px;
background: #b5272d;
color: #fff;
font-weight: bold;
padding: 0 7px;
border-radius: 3px;
vertical-align: middle;
font-size: 70%; }
@media (max-width: 767px) {
ul.linklist a[href$=".pdf"] em.pdf {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); } }
@media (max-width: 767px) {
.entrybody a[href$=".pdf"] {
padding-right: 45px;
position: relative; } }
.entrybody a[href$=".pdf"] em.pdf {
font-style: normal;
display: inline-block;
margin: 0 0 0 5px;
background: #b5272d;
color: #fff;
font-weight: bold;
padding: 0 7px;
border-radius: 3px;
vertical-align: middle;
font-size: 70%; }
@media (max-width: 767px) {
.entrybody a[href$=".pdf"] em.pdf {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); } }
/*------------------------------------------*/
.activitiesList article,
.newsList article {
border: 1px solid #dadada;
padding: 4vw 5vw 8vw;
margin: 0 0 10px;
background: url(../images/articlebox_bg.png) no-repeat right bottom/100% 30px;
transition: opacity 0.3s; }
@media screen and (min-width: 768px) {
.activitiesList article,
.newsList article {
padding: 20px 30px 50px;
margin: 0 0 20px;
background-size: 100% 45px; } }
.activitiesList article.noresult,
.newsList article.noresult {
text-align: center;
padding: 8vwvw 5vw 8vw; }
@media screen and (min-width: 768px) {
.activitiesList article.noresult,
.newsList article.noresult {
padding: 50px 30px 50px; } }
.activitiesList article.is-hidden,
.newsList article.is-hidden {
opacity: 0;
height: 0;
padding: 0;
margin: 0;
overflow: hidden;
border: none; }
.activitiesList article.is-hidden *,
.newsList article.is-hidden * {
display: none; }
.activitiesList article h3,
.newsList article h3 {
font-size: 1.8rem;
font-weight: bold;
border-bottom: 1px solid #39a24a;
margin: 0;
padding: 0 0 3px; }
@media screen and (min-width: 768px) {
.activitiesList article h3,
.newsList article h3 {
font-size: 2rem; } }
.activitiesList article .content,
.newsList article .content {
margin: 20px 0; }
.activitiesList article .date,
.newsList article .date {
text-align: right;
margin: 10px 0 0 0; }
.activitiesList article .date em,
.newsList article .date em {
margin: 0 0 0 10px;
display: inline-block;
background: #39a24a;
color: #fff;
padding: 0 5px;
border-radius: 3px;
font-style: normal; }
.activitiesList article .image,
.newsList article .image {
text-align: center;
margin: 20px 0 0 0; }
@media screen and (min-width: 768px) {
.activitiesList article .image,
.newsList article .image {
float: right;
margin: 20px 0 10px 10px; } }
.activitiesList article .image a,
.newsList article .image a {
display: block; }
.activitiesList article .image em.pdf,
.newsList article .image em.pdf {
display: none; }
.activitiesList article dl,
.newsList article dl {
clear: both;
margin: -10px 0 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
font-weight: bold; }
.activitiesList article dl dt,
.newsList article dl dt {
text-align: center;
color: #fff;
background: #39a24a;
border-radius: 3px;
width: 5em;
margin: 10px 0 0 0;
padding: 0; }
.activitiesList article dl dd,
.newsList article dl dd {
width: calc(100% - 5em);
box-sizing: border-box;
padding: 0 10px;
margin: 10px 0 0 0; }
@media screen and (min-width: 768px) {
.activitiesList article dl dd,
.newsList article dl dd {
width: calc(50% - 5em);
padding: 0 20px 0 10px; } }
.activitiesList article a.map,
.newsList article a.map {
background: #e55a24;
color: #fff;
display: inline-block;
font-size: 1rem;
line-height: 19px;
font-weight: bold;
position: relative;
padding: 0 7px 0 15px;
text-decoration: none;
vertical-align: middle;
border-radius: 4px; }
.activitiesList article a.map::before,
.newsList article a.map::before {
content: "";
background: url(../images/icon_map2.svg) no-repeat center center/contain;
width: 8px;
height: 10px;
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%); }
.activitiesList article a.mail,
.newsList article a.mail {
display: inline-block;
position: relative;
padding: 0 3px 0 33px;
margin: 0 0 0 -3px; }
.activitiesList article a.mail::before,
.newsList article a.mail::before {
content: "";
background: url("../images/icon_mail2.svg") no-repeat center center/contain;
width: 24px;
height: 18px;
position: absolute;
top: 50%;
left: 3px;
transform: translateY(-50%); }
.activitiesList article a.website,
.newsList article a.website {
display: inline-block;
padding: 0 3px;
margin: 0 0 0 -3px; }
.activitiesList article .youtube_wrap,
.newsList article .youtube_wrap {
margin: 20px 0 0 0; }
@media screen and (min-width: 768px) {
.activitiesList article .youtube_wrap,
.newsList article .youtube_wrap {
margin: 30px 100px 0; } }
/*------------------------------------------*/
#search_load {
padding: 18px 0 0; }
@media screen and (min-width: 768px) {
#search_load {
padding: 27px 0 0; } }
#search_load form {
display: block;
border: 2px solid #39a24a;
background: #ebf6ed;
padding: 0 5vw 5vw; }
@media screen and (min-width: 768px) {
#search_load form {
padding: 0 30px 30px; } }
#search_load h2 {
position: relative;
text-align: center;
font-size: 1.6rem;
line-height: 30px;
transform: translateY(-50%);
border: none; }
@media screen and (min-width: 768px) {
#search_load h2 {
font-size: 1.8rem; } }
#search_load h2 span {
background: #fff;
border: 2px solid #39a24a;
color: #39a24a;
position: relative;
display: inline-block;
padding: 3px 0;
border-radius: 100px;
width: 100%;
min-width: 250px;
box-sizing: border-box; }
@media screen and (min-width: 768px) {
#search_load h2 span {
padding: 10px 88px;
width: auto; } }
#search_load h2 span::before {
content: "";
background: url(../images/icon_search.svg) no-repeat center/contain;
display: inline-block;
margin: -2px 10px 0 0;
width: 22px;
height: 22px;
vertical-align: middle; }
#search_load p {
color: #39a24a;
font-weight: bold;
font-size: 1.6rem;
margin: -20px 0 10px;
line-height: 1.4;
text-align: center; }
@media screen and (min-width: 768px) {
#search_load p {
font-size: 1.8rem;
margin: -20px 0 20px; } }
#search_load dl {
margin: 0px 0 0;
padding: 0; }
#search_load dl dt {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.6rem; }
@media screen and (min-width: 768px) {
#search_load dl dt {
font-size: 1.8rem;
float: left; } }
#search_load dl dd {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #39a24a; }
@media screen and (min-width: 768px) {
#search_load dl dd {
padding: 0 0 20px 11em;
margin: 0 0 20px; } }
#search_load ul {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center; }
#search_load ul li {
margin: 0;
padding: 0;
list-style: none;
width: auto;
position: relative;
overflow: hidden;
width: 50%;
box-sizing: border-box; }
@media (max-width: 767px) {
#search_load ul li:nth-of-type(2n + 1) {
padding-right: 5px; } }
@media screen and (min-width: 768px) {
#search_load ul li {
width: 25%;
padding: 0 5px 0 0; } }
#search_load ul li input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
pointer-events: none; }
#search_load ul li label {
display: block;
padding: 5px 5px 5px 33px;
line-height: 1.4; }
#search_load ul li label::before {
content: "";
width: 20px;
height: 20px;
box-sizing: border-box;
border: 1px solid #a7a7a7;
background: #fff;
position: absolute;
top: 50%;
left: 6px;
display: block;
transform: translateY(-50%); }
#search_load ul li input[type="checkbox"]:checked + label::after {
content: "";
width: 12px;
height: 12px;
box-sizing: border-box;
background: #39a24a;
position: absolute;
top: 50%;
left: 10px;
display: block;
transform: translateY(-50%);
border-radius: 2px; }
#search_load .btn {
margin: 5vw 0 0 0; }
@media screen and (min-width: 768px) {
#search_load .btn {
margin: 30px 0 0 0; } }
/*------------------------------------------*/
.anchorpoint {
transform: translateY(-100px);
display: block; }
@media screen and (min-width: 768px) {
.anchorpoint {
transform: translateY(-250px); } }
/*------------------------------------------*/
.pages {
margin: 30px 0 0;
text-align: center;
font-size: 1.8rem;
position: relative; }
@media (max-width: 767px) {
.pages {
margin: 15px 0 0;
padding: 40px 0 0 0;
justify-content: space-between; } }
.pages a {
border: 1px solid #ccc;
color: #39a24a;
text-decoration: none;
padding: 0;
align-items: center;
box-sizing: border-box;
display: inline-flex;
margin: 0 3px;
line-height: 1;
font-size: 1.5rem;
text-align: center;
justify-content: center;
align-items: center;
box-sizing: border-box;
display: inline-flex;
width: 140px;
height: 34px; }
@media (max-width: 767px) {
.pages a {
font-size: 1.3rem;
width: 100%;
margin: 0; } }
.pages div {
display: inline-block; }
@media (max-width: 767px) {
.pages div {
display: block; } }
@media (max-width: 767px) {
.pages .prev {
position: absolute;
top: 0;
left: 0px;
width: calc(50% - 3px);
margin: 0; } }
@media (max-width: 767px) {
.pages .next {
position: absolute;
top: 0;
right: 0px;
width: calc(50% - 3px);
margin: 0; } }
@media (max-width: 767px) {
.pages .back a {
width: 100%;
margin: 0;
display: flex; } }
.wp-pagenavi {
margin: 30px 0 0;
text-align: center;
font-size: 1.8rem;
position: relative; }
@media (max-width: 767px) {
.wp-pagenavi {
margin: 15px -3px 0;
padding: 40px 0 0 0;
display: flex;
justify-content: space-between; } }
.wp-pagenavi a, .wp-pagenavi span {
border: 1px solid #ccc;
color: #39a24a;
text-decoration: none;
padding: 0;
width: 34px;
height: 34px;
justify-content: center;
align-items: center;
box-sizing: border-box;
display: inline-flex;
margin: 0 3px;
line-height: 1;
font-size: 1.5rem;
text-align: center; }
@media (max-width: 767px) {
.wp-pagenavi a, .wp-pagenavi span {
font-size: 1.3rem;
width: 100%; } }
.wp-pagenavi .current {
background: #39a24a;
color: #fff;
border: 1px solid #39a24a; }
.wp-pagenavi .previouspostslink {
justify-content: center;
align-items: center;
box-sizing: border-box;
display: inline-flex;
width: 140px;
height: 34px; }
@media (max-width: 767px) {
.wp-pagenavi .previouspostslink {
position: absolute;
top: 0;
left: 3px;
width: calc(50% - 6px);
margin: 0; } }
.wp-pagenavi .nextpostslink {
justify-content: center;
align-items: center;
box-sizing: border-box;
display: inline-flex;
width: 140px;
height: 34px; }
@media (max-width: 767px) {
.wp-pagenavi .nextpostslink {
position: absolute;
top: 0;
right: 3px;
width: calc(50% - 6px);
margin: 0; } }
/*------------------------------------------*/
@media screen and (min-width: 768px) {
.pankuzu + #contents {
margin-top: -30px; } }
.breadcrumbs {
text-align: right;
font-size: 1.1rem;
margin: 5px auto 0; }
@media screen and (min-width: 768px) {
.breadcrumbs {
font-size: 1.3rem;
margin: 10px auto 0; } }
.breadcrumbs span {
position: relative;
padding: 0 0 0 25px; }
.breadcrumbs span::before {
content: "";
width: 0;
height: 0;
border: 3px solid transparent;
border-left: 5px solid #a9d251;
position: absolute;
top: 50%;
left: 10px;
margin-top: -3px; }
.breadcrumbs span:first-child {
padding: 0; }
.breadcrumbs span:first-child::before {
display: none; }
.breadcrumbs a {
text-decoration: underline;
padding: 0 3px; }
.breadcrumbs a:hover {
text-decoration: none; }
/*------------------------------------------*/
body:not(.home) main .mapwrap {
display: block;
border: 2px solid #39a24a;
background: #ebf6ed;
padding: 0 5vw 5vw;
margin: 38px 0 0; }
@media screen and (min-width: 768px) {
body:not(.home) main .mapwrap {
margin: 67px 0 0;
padding: 0 30px 30px; } }
body:not(.home) main .mapwrap h2 {
position: relative;
text-align: center;
font-size: 1.6rem;
line-height: 30px;
padding: 0;
transform: translateY(-50%);
border: none; }
@media screen and (min-width: 768px) {
body:not(.home) main .mapwrap h2 {
font-size: 1.8rem; } }
body:not(.home) main .mapwrap h2 span {
background: #fff;
border: 2px solid #39a24a;
color: #39a24a;
position: relative;
display: inline-block;
padding: 3px 0;
border-radius: 100px;
width: 100%;
min-width: 250px;
box-sizing: border-box; }
@media screen and (min-width: 768px) {
body:not(.home) main .mapwrap h2 span {
padding: 10px 88px;
width: auto; } }
body:not(.home) main .mapwrap h2 span::before {
content: "";
background: url(../images/icon_search.svg) no-repeat center/contain;
display: inline-block;
margin: -2px 10px 0 0;
width: 22px;
height: 22px;
vertical-align: middle; }
.mapsearch_wrap {
margin: -15px 0 0 0; }
@media screen and (min-width: 768px) {
.mapsearch_wrap {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 0; } }
.mapsearch_wrap table {
padding: 0;
margin: 0 auto;
border-collapse: collapse; }
.mapsearch_wrap table td {
padding: 0; }
.mapsearch_wrap table td img {
vertical-align: top; }
.mapsearch_wrap table td a {
padding: 0;
display: block; }
.mapsearch_wrap .area {
margin: 5vw auto 0;
display: table;
border-top: 1px dotted #39a24a; }
@media screen and (min-width: 768px) {
.mapsearch_wrap .area {
margin: 0 0 0 50px;
display: block; } }
.mapsearch_wrap .area ul {
margin: 0;
padding: 5px 10px;
display: flex;
border-bottom: 1px dotted #39a24a; }
@media screen and (min-width: 768px) {
.mapsearch_wrap .area ul {
padding: 0 20px; } }
.mapsearch_wrap .area ul li {
list-style: none;
margin: 0;
padding: 0; }
.mapsearch_wrap .area ul li::before {
content: "";
display: inline-block;
margin: 0 7px;
width: 3px;
height: 3px;
vertical-align: middle;
background: #333;
border-radius: 100px;
line-height: 1px; }
@media screen and (min-width: 768px) {
.mapsearch_wrap .area ul li::before {
margin: 0 10px; } }
.mapsearch_wrap .area ul li:first-child::before {
display: none; }
.mapsearch_wrap .area ul li a {
display: inline-block;
min-width: 1.5em;
text-align: center;
font-weight: bold;
padding: 0 3px; }
/*------------------------------------------*/
#activities .btn2 {
margin: 0 0 5vw; }
@media screen and (min-width: 768px) {
#activities .btn2 {
margin: 0 0 40px; } }
/*------------------------------------------*/
@media screen and (min-width: 768px) {
.columnwrap {
display: flex;
justify-content: space-between; }
.columnwrap .maincolumn {
width: calc(100% - 330px); } }
.columnwrap .sidecolumn {
margin: 30px 10px 20px; }
@media screen and (min-width: 768px) {
.columnwrap .sidecolumn {
width: 280px;
margin: 0;
padding: 0 0 20px; } }
.columnwrap .sidecolumn .sideinner {
background: #fafafa;
overflow: auto;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
@media screen and (min-width: 768px) {
.columnwrap .sidecolumn .sideinner {
position: sticky;
top: 280px;
left: 0;
max-height: calc(100vh - 320px); } }
.columnwrap .sidecolumn hr {
border: none;
background: #ccc;
height: 1px;
width: 100%;
margin: 15px 0; }
.columnwrap .sidecolumn strong {
display: block; }
.columnwrap .sidecolumn ul {
margin: 0;
padding: 0; }
.columnwrap .sidecolumn ul li {
margin: 8px 0 0 0;
padding: 0;
list-style: none;
line-height: 1.4; }
.columnwrap .sidecolumn ul li a {
position: relative;
padding: 0 3px 0 18px;
text-decoration: none; }
.columnwrap .sidecolumn ul li a::before {
content: "";
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 7px solid #39a24a;
position: absolute;
top: 50%;
left: 3px;
transform: translateY(-50%);
transition: .3s; }
.columnwrap .sidecolumn ul li a:hover::before, .columnwrap .sidecolumn ul li a:focus::before {
border-left-color: #a9d251; }
/*------------------------------------------*/
.input_only,
.confirm_only {
display: none; }
.mw_wp_form_input .input_only,
.mw_wp_form_confirm .confirm_only {
display: block; }
.wpcf7 .org-error .wpcf7-not-valid-tip,
.mw_wp_form .org-error .wpcf7-not-valid-tip {
display: none; }
.wpcf7 .org-error .error-message,
.mw_wp_form .org-error .error-message {
color: #dc3232;
display: none; }
.wpcf7 .org-error:has(.wpcf7-not-valid-tip) .error-message,
.mw_wp_form .org-error:has(.wpcf7-not-valid-tip) .error-message {
display: block; }
.wpcf7 dl,
.mw_wp_form dl {
margin: 0;
padding: 0; }
.wpcf7 dl dt,
.mw_wp_form dl dt {
font-weight: bold;
font-size: 1.8rem;
line-height: 30px;
padding: 5vw 0 10px;
position: relative;
box-sizing: border-box; }
@media screen and (min-width: 768px) {
.wpcf7 dl dt,
.mw_wp_form dl dt {
padding: 30px 0 30px 6rem;
width: 22rem;
float: left;
line-height: 40px;
clear: left; } }
.wpcf7 dl dt em,
.mw_wp_form dl dt em {
position: absolute;
top: 5vw;
right: 0;
background: #ea0000;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
line-height: 30px;
padding: 0 1rem;
border-radius: 5px;
display: block;
font-style: normal; }
@media screen and (min-width: 768px) {
.wpcf7 dl dt em,
.mw_wp_form dl dt em {
left: 0;
right: inherit;
top: 50%;
transform: translateY(-50%); } }
.wpcf7 dl dd,
.mw_wp_form dl dd {
padding: 0 0 5vw;
margin: 0;
border-bottom: 1px dotted #c0c0c0;
position: relative; }
@media screen and (min-width: 768px) {
.wpcf7 dl dd,
.mw_wp_form dl dd {
padding: 30px 0 30px 25rem;
line-height: 50px; } }
@media screen and (min-width: 768px) {
.wpcf7 dl dd .error,
.mw_wp_form dl dd .error {
position: absolute;
bottom: 0;
left: 25rem;
background: #fff;
display: block;
width: 100%;
line-height: 30px; } }
.wpcf7 .address,
.mw_wp_form .address {
margin: -10px 0 0 0; }
@media screen and (min-width: 768px) {
.wpcf7 .address,
.mw_wp_form .address {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap; } }
.wpcf7 .address .label,
.mw_wp_form .address .label {
margin: 10px 0 0 0; }
@media screen and (min-width: 768px) {
.wpcf7 .address .label,
.mw_wp_form .address .label {
width: 14rem;
line-height: 50px;
font-weight: bold; } }
.wpcf7 .address .input,
.mw_wp_form .address .input {
margin: 3px 0 0 0; }
@media screen and (min-width: 768px) {
.wpcf7 .address .input,
.mw_wp_form .address .input {
width: calc(100% - 14rem);
margin: 10px 0 0 0; } }
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.mw_wp_form input[type="text"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="email"] {
height: 50px;
width: 100%;
padding: 0 10px;
border: 1px solid #aaa;
border-radius: 5px;
box-sizing: border-box;
margin: 10px 0 0 0; }
.wpcf7 input[type="text"]:first-child,
.wpcf7 input[type="tel"]:first-child,
.wpcf7 input[type="email"]:first-child,
.mw_wp_form input[type="text"]:first-child,
.mw_wp_form input[type="tel"]:first-child,
.mw_wp_form input[type="email"]:first-child {
margin-top: 0; }
.wpcf7 input[type="text"]#postal_code_first, .wpcf7 input[type="text"]#zip1,
.wpcf7 input[type="tel"]#postal_code_first,
.wpcf7 input[type="tel"]#zip1,
.wpcf7 input[type="email"]#postal_code_first,
.wpcf7 input[type="email"]#zip1,
.mw_wp_form input[type="text"]#postal_code_first,
.mw_wp_form input[type="text"]#zip1,
.mw_wp_form input[type="tel"]#postal_code_first,
.mw_wp_form input[type="tel"]#zip1,
.mw_wp_form input[type="email"]#postal_code_first,
.mw_wp_form input[type="email"]#zip1 {
width: 5rem;
box-sizing: content-box; }
.wpcf7 input[type="text"]#postal_code_last, .wpcf7 input[type="text"]#zip2,
.wpcf7 input[type="tel"]#postal_code_last,
.wpcf7 input[type="tel"]#zip2,
.wpcf7 input[type="email"]#postal_code_last,
.wpcf7 input[type="email"]#zip2,
.mw_wp_form input[type="text"]#postal_code_last,
.mw_wp_form input[type="text"]#zip2,
.mw_wp_form input[type="tel"]#postal_code_last,
.mw_wp_form input[type="tel"]#zip2,
.mw_wp_form input[type="email"]#postal_code_last,
.mw_wp_form input[type="email"]#zip2 {
width: 7rem;
box-sizing: content-box;
margin: 0; }
.wpcf7 .mt10,
.mw_wp_form .mt10 {
margin-top: 10px; }
.wpcf7 select,
.mw_wp_form select {
height: 50px;
width: 100%;
padding: 0 0 0 10px;
border: 1px solid #aaa;
border-radius: 5px;
box-sizing: border-box; }
.wpcf7 textarea,
.mw_wp_form textarea {
height: 250px;
width: 100%;
padding: 10px 10px;
border: 1px solid #aaa;
border-radius: 5px;
box-sizing: border-box; }
.wpcf7 .messageconfirm,
.mw_wp_form .messageconfirm {
line-height: 1.5;
padding-top: 39px;
padding-bottom: 39px; }
.wpcf7 .btn,
.mw_wp_form .btn {
position: relative; }
.wpcf7 .btn .wpcf7-spinner,
.mw_wp_form .btn .wpcf7-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0; }
@media screen and (min-width: 768px) {
.mw_wp_form_confirm.mw_wp_form .address {
line-height: 1.5; }
.mw_wp_form_confirm.mw_wp_form .messagebody {
line-height: 1.5;
padding-top: 39px;
padding-bottom: 39px; } }
/*------------------------------------------*/
ol.privacy li {
margin: 10px 0; }
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/