@charset "UTF-8";

.mordal{ display: block; }

h1,
h2,
h3{ font-family: 'Noto Sans JP', sans-serif; font-weight: normal; }

.mainvisual{ position: relative; z-index: 5; max-width: 1280px; margin-left: auto; margin-right: auto; }
.mainvisual .slide-items img{ width: 100%; height: auto; }

.mainvisual:after{ content: ""; display: block; position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(../img/mask.png); background-position: center bottom; background-repeat: no-repeat; background-size: contain; z-index: 100; pointer-events:none; }

.lower .mainvisual:after{ display: none; }

.mainvisual-inner{ max-width: 1260px; width: calc(100% - 100px); margin-left: auto; margin-right: auto; height: auto; position: absolute; bottom: 90px; left: 50px; z-index: 130; }
.mainvisual-inner .txt h1{ font-size: 34px; line-height: 1.4em; letter-spacing: 0.2em; font-family: 'Kosugi Maru', sans-serif; text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.61); }
.mainvisual-inner .txt h1 span{ display: block; font-size: 14px; letter-spacing: 0.1em; font-family: 'Montserrat', sans-serif; font-weight: bold; }

.mainvisual-inner .txt .slidebtns{ height: 222px; position: relative; }
.mainvisual-inner .txt .slidebtns a{ display: block; position: absolute; left: 0px; top: 0px; }

.mainvisual-inner .txt .slidebtns a:nth-child(1){ left: 0px; top: 100px; }
.mainvisual-inner .txt .slidebtns a:nth-child(2){ left: 80px; top: 0px; }
.mainvisual-inner .txt .slidebtns a:nth-child(3){ left: 160px; top: 80px; }
.mainvisual-inner .txt .slidebtns a:nth-child(4){ left: 230px; top: 0px; }
.mainvisual-inner .txt .slidebtns a:nth-child(5){ left: 290px; top: 0px; }

.slide-items{  }
.slide-items .slide-item{  }
.slide-items .slide-item .pc{ display: block; }
.slide-items .slide-item .sp{ display: none; }

.sec-header{ text-align: center; margin-bottom: 60px; }
.sec-header h2{ font-size: 1rem; line-height: 1.5em; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.5em; }
.sec-header h2 span{ display: block; font-size: 3.125rem; line-height: 1.4em; font-weight: 200; font-family: 'Montserrat', sans-serif; letter-spacing: 0.1em; }

.sec-content{  }
.sec-content p{ font-size: 1rem; line-height: 1.8em; letter-spacing: 0.17em; }
.sec-content p + .btns{ padding-top: 90px; }
.btns{ margin-bottom: 80px; display: flex; justify-content: center; width: 560px; margin-left: auto; margin-right: auto; }
.btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 275px;
  height: 50px;
  border-radius: 5px 4px 5px 5px;
  background-color: #87b431;
  color: #fff;
  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.15);
  background-image: url(../img/btn_bg.png);
  background-position: left -5px bottom -10px;
  background-size: 48px;
  background-repeat:no-repeat;
  position: relative;
  /*margin-left: auto;
  margin-right: auto;*/
}

.btn:hover{ color: #fff; }

#news .btn{ margin-left: auto; margin-right: auto; }

.newsbtn{ background-color: #AACD81; background-image: none; width: 175px; }
.exhibitionbtn{ background-color: #EDB07A; background-image: none; width: 175px; }
.awardbtn{ background-color: #95D1EA; background-image: none; width: 175px; }
.galleybtn{ background-color: #CE9E0E; }

.ico_arrow{ position: absolute; right: 9px; top: calc(50% - 8px); width: 6px; height: 11px; }

#greeting .sec-content p{ text-align: center; }


.news-items{ margin-bottom: 30px; }
.news-item{ padding: 20px 25px; border-bottom: 2px solid #E3E3E3; text-align: left; }
.news-item dl{  }
.news-item dl dt{ font-size: 1rem; line-height: 1.6em; margin-bottom: 5px; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.15em; }
.news-item dl dd{ font-size: 1rem; line-height: 1.6em; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.15em; }

.label{ display: inline-block; text-align: center; color: #fff; letter-spacing: 0.15em; font-style: normal; font-size: 12px; line-height: 1.0em; padding: 5px 0px; border-radius: 5px; width: 98px; margin-right: 5px; margin-left: 5px; position: relative; top: -1px; }
.label-news{ background-color: #AACD81; color: #fff; }
.label-exhibition{ background-color: #EDB07A; color: #fff; }
.label-aword{ background-color: #95D1EA; color: #fff; }

#news{ padding-bottom: 80px; }

.sec.bnr-sec{ max-width: 1280px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 50px; }
.sec.bnr-sec a{ position: relative; }
.sec.bnr-sec a img{ max-width: 100%; width: 100%; }

.sec.bnr-sec a .txt{ width: 50%; position: absolute; right: 0px; top: 0px; }
.sec.bnr-sec a .txt p{ font-size: 1rem; line-height: 1.8em; letter-spacing: 0.17em; }

.sec.full-sec{ max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 50px; }

#gallery{ background-image:url(../img/gallery_bg.png); background-repeat: repeat-x; padding-top: 75px; }
#gallery .inner{ max-width: 1240px; margin-left: auto; margin-right: auto; }


.gallery {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;   /*中央寄せ*/
  position: relative;
  margin-bottom: 50px;
  display: flex;
}
.gallery-item {
  width: 300px;
}

#gallry-items .gallery-item {
  width: 310px;
}
.gallery-item a{ display: block; margin: 5px 5px; }
.gallery-item img{ margin: 0px; max-width: 100%; width: 100%; height: auto; }




.bnr{ max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 88px; }

.sec .row{ display: flex; align-items: center; max-width: 900px; margin-left: auto; margin-right: auto; }
.sec .row .txt{ margin-left: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.sec .row .txt .btns{ padding-top: 25px; margin-bottom: 0px; }

.nyukai{ margin-bottom: 105px; max-width: 960px; }
.nyukai .icon{ padding-left: 10px; }
.nyukai .txt h3{ font-size: 1.75rem; margin-bottom: 25px; text-align: left; }
.nyukai .txt .btns .btn{ margin-left: 0; }

.col2{ max-width: 1035px; }
.col2>.col:first-child{ width: 50%; }
.col2>.col:last-child{ width: 50%; }
.col2>.col .row .txt h3{ font-size: 1.25rem; text-align: left; }
.col2>.col .row .txt .btns{ width: auto; margin-left: 0px; }
.col2>.col .row .txt .btns .btn{ width: 225px; height: 40px; font-size: 0.875rem; }
.col2>.col .row .txt{ margin-left: 30px; }


#bnr1,
#bnr2{ margin-bottom: 30px; }


.lower{  }
.lower .mainvisual img{ max-width: 100%; width: 1280px; height: auto; margin-top: 40px; }
.lower .mainvisual-inner{ top: auto; bottom: 15px; }
.lower .mainvisual-inner .txt .h1-title,
.lower .mainvisual-inner .txt h1{ font-size: 1rem; line-height: 1.4em; letter-spacing: .4em; color: #fff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); }
.lower .mainvisual-inner .txt .h1-title span,
.lower .mainvisual-inner .txt h1 span{ display: block; font-family: 'Montserrat', sans-serif; font-size: 3.125rem; font-weight: 200; line-height: 1.4em; color: #fff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); text-transform: capitalize; }

.breadcrumb{ max-width: 900px; margin-left: auto; margin-right: auto; padding: 14px 17px; font-size: 0.812rem; line-height: 1.6em; }
.breadcrumb>span{ margin-left: 1em; margin-right: 1em; }
.breadcrumb>span:first-child{ margin-left: 0; }
.breadcrumb ul{ display: flex; }
.breadcrumb ul li{ list-style: none; font-size: 0.812rem; }
.breadcrumb ul li:after{ content: ">"; margin-left: 1em; margin-right: 1em; font-size: 0.812rem; }
.breadcrumb ul li:last-child:after{ display: none; }

.lower .sec{ padding-top: 45px; padding-bottom: 50px; }
.lower .sec.sec-full{ max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
.lower .sec.sec-full .inner{ max-width: 900px; margin-left: auto; margin-right: auto; }


.lower .sec-header{ padding-top: 25px; margin-bottom: 30px; }
.lower .sec-header h2{ font-size: 1.25rem; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; }
.lower .sec-header h2:after{ content: ""; display: block; width: 182px; height: 0px; border-bottom: solid 2px #87B431; position: absolute; left: calc(50% - 91px); bottom: 0px; }

.lower .sec-content{ max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; }
.lower .sec-content.sec-content-full{ max-width: 900px; margin-left: auto; margin-right: auto; text-align: center; }

.lower .sec-content h2{ display: inline-block; font-size: 1.5rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; /*border-bottom: solid 2px #87B431;*/ margin-bottom: 30px; }
.lower .sec-content h2:before{ content: ""; display: block; width: 184px; border-bottom: solid 2px #87B431; position: absolute; left: calc(50% - 92px); bottom: 0px; }
.lower .sec-content h3{ display: block; font-size: 1.312rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; }
.lower .sec-content h4{ display: block; font-size: 1.187rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; }
.lower .sec-content h5{ display: block; font-size: 1.0rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; }

.lower .sec-content h3.align-left{ text-align:left; }
.lower .sec-content h4.align-left{ text-align:left; }
.lower .sec-content h5.align-left{ text-align:left; }

.lower .sec-content ul{ padding: 0px; margin: 0px; list-style: none; }
.lower .sec-content ul li{ font-size: 1.0rem; line-height: 2.0em; text-align: left; color: #000; position: relative; padding-left: 1.5em; margin-bottom: .5em; }
.lower .sec-content ul li:before{ content: ""; display: block; width: 7px; height: 7px; border-radius: 10px; background-color: #87B431; position: absolute; left: 3px; top: calc(1rem - 3px); }

.lower .sec-content ul + h2,
.lower .sec-content ul + h3,
.lower .sec-content ul + h4,
.lower .sec-content ul + h5,
.lower .sec-content ul + p{ margin-top: 50px; }

.lower .sec-content ul + .small{ margin-top:10px; }

.lower .sec-content p{ font-size: 1.0rem; line-height: 2.0em; text-align: left; }
.lower .sec-content p:last-child{ margin-bottom: 0px; }
.lower .sec-content p:empty{ margin-bottom: 0px; display: none; }

.lower .sec-content p + h2,
.lower .sec-content p + h3,
.lower .sec-content p + h4,
.lower .sec-content p + h5,
.lower .sec-content p + p,
.lower .sec-content p + table,
.lower .sec-content p + .photo_text{ margin-top: 40px; }
.lower .sec-content br + img{ margin-top: 40px; }

.lower .sec-content .w700{ max-width: 700px; margin-left: auto; margin-right: auto; }
.lower .sec-content .w700 + .photo_text{ margin-top: 50px; }
.lower .sec-content .w700 + .w700{ margin-top: 50px; }

.lower .sec-content .table-wrapper + h2,
.lower .sec-content .table-wrapper + h3,
.lower .sec-content .table-wrapper + h4,
.lower .sec-content .table-wrapper + h5,
.lower .sec-content .table-wrapper + p{ margin-top: 50px; }

.lower .sec-content p + div{ margin-top: 10px; }
.lower .sec-content p + ul{ margin-top: 20px; }

.lower .sec-content a{ color: #87B431; text-decoration: underline;}

.lower .sec-content table{ border-left: 1px solid #87b431; border-top: 1px solid #87b431; width: 100%; }
.lower .sec-content table tr th{ font-size: 1rem; line-height: 1.6em; font-weight: bold; padding:13px 20px; border-right: 1px solid #87b431; border-bottom: 1px solid #87b431; background:#e5ecd8;     white-space: nowrap;}
.lower .sec-content table tr td{ text-align: left; font-size: 1rem; line-height: 1.6em; padding:13px 20px; border-right: 1px solid #87b431; border-bottom: 1px solid #87b431; vertical-align: middle;
}

.lower .sec-content table + p{ margin-top: 15px; }
.lower .sec-content table + .small{ margin-top: 10px; }


.lower .sec-content table + h3,
.lower .sec-content table + h4,
.lower .sec-content table + h5{ margin-top: 50px; }

.lower .sec-content .famous-items{ display:flex; flex-wrap: wrap; margin-bottom: 30px; margin-top: 30px; }
.lower .sec-content .famous-items .famous-item{ width:calc((100% - 40px)/3); margin-right: 10px; margin-bottom: 30px; }
.lower .sec-content .famous-items .famous-item a{ border: none; text-decoration: none; }
.lower .sec-content .famous-items .famous-item:nth-child(3n){ margin-right: 0px; }
.lower .sec-content .famous-items .famous-item img{ max-width: 100%; margin-bottom: 0px; border: none; padding: 0px; }
.lower .sec-content .famous-items .famous-item .txt{ display: block; position: relative; top:0px; width: 100%; margin-left:auto; margin-right: auto; padding: 0px; box-sizing: border-box; background-color: #fff; }
.lower .sec-content .famous-items .famous-item .txt p{ display: block; margin-bottom: 0px; }
.lower .sec-content .famous-items .famous-item .txt p + p{ margin-top: 0px }
.lower .sec-content .notice{ background-color: #F8F8F8; padding:53px 88px; }
.lower .sec-content .notice p{ margin-bottom: 30px; }

.lower .sec-content .google-maps{ width: 100%; max-width: 700px; margin-bottom: 50px; }
.lower .sec-content .google-maps iframe{ width: 100%; max-width: 700px; }

.lower .sec-content .small p{ font-size: 0.75rem; text-align: left; }
.lower .sec-content .small + h2{ margin-top: 60px; }

.lower .sec-content img{display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; max-width: 100%; height: auto;border: 1px solid #87B431;
    padding: 2%;}

.lower .sec-content .gallery img{ margin-bottom: 0; }

.fancybox-content{ max-width: 990px; width: 100%; max-height: 960px; padding: 18px 18px; padding-top: 45px; }
.fancybox-content .inner{ max-width: 785px; margin-left: auto; margin-right: auto; }
.fancybox-content img {
  display: block;
  margin: 0px auto;
  height: auto;
  position: relative;
  width: 100%;
  max-width: 785px;
}

.fancybox-content .hd{ box-sizing: border-box; width: 100%; background-color: rgba(135,180,49,1); padding:13px 18px; }
.fancybox-content .hd p{ color: #fff; font-size: 1.0rem; line-height: 1.7em; text-align: left; }

.fancybox-content .txt{ box-sizing: border-box; width:100%; background-color: rgba(255,255,255,1); padding:13px 18px; padding-bottom: 0px; }
.fancybox-content .txt p{ color: #fff; font-size: 1.0rem; line-height: 1.7em; text-align: left; }
.fancybox-content .txt dl{ display: flex; flex-wrap: wrap; }
.fancybox-content .txt dl dt{ color: #87B431; font-size: 1.062rem; line-height: 1.6em;  width: 105px; padding-bottom: 1em; }
.fancybox-content .txt dl dd{ font-size: 1.062rem; line-height: 1.6em; width: calc(100% - 105px); padding-bottom: 1em; }

.fancybox-content .txt dl dd ul{ margin-left: 0em; color: #87B431; }
.fancybox-content .txt dl dd ul li{ color: #333333; position: relative; padding-left: 1.0em; list-style: none; }
.fancybox-content .txt dl dd ul li::before{ position: absolute; left: 2px; top: 12px; content: ""; display: block; background-color: #87B431; width: 6px; height: 6px; border-radius: 20px; }

.fancybox-button.fancybox-close-small{ right: 10px; top: 10px; padding: 0px; width: 20px; height: 20px; border-radius: 100px; box-shadow: 0px 0px 4px rgba(100,100,100,1); }
.fancybox-button.fancybox-close-small svg{ transform: scale(0.8); }
.fancybox-navigation{ max-width: 970px; width: 100%; position:absolute; margin-left: auto; margin-right: auto; top: calc(50% + 15px); left: calc(50% - 485px); }

.post .fancybox-stage{ max-width: 990px; width: 100%; padding: 18px 18px; padding-top: 45px; margin-left: auto; margin-right: auto; }
.post .fancybox-stage .fancybox-content{ max-width: 990px; width: 100%; height: auto !important; padding: 18px 18px; padding-top: 45px; padding-bottom: 45px; background-color: #fff; }
.post .fancybox-stage .fancybox-content img{ max-width: 785px; margin-left: auto; margin-right: auto; }
.post .fancybox-navigation{ max-width: 970px; width: 100%; position:absolute; margin-left: auto; margin-right: auto; top: calc(50% - 10px); left: calc(50% - 485px); }

.fancybox-infobar{ display: none; }

.fancybox-navigation .fancybox-button--arrow_right{ display: block; width: 57px; height: 57px; padding: 0px; overflow: hidden; background-color: inherit; }
.fancybox-navigation .fancybox-button--arrow_right:hover{ opacity: .7; }
.fancybox-navigation .fancybox-button--arrow_right:before{ content: ""; display: block; width: 57px; height: 57px; background-image: url(../img/ico_arrow_left.svg); background-size: contain; border-radius: 100px; }
.fancybox-navigation .fancybox-button--arrow_left{ display: block; width: 57px; height: 57px; padding: 0px; overflow: hidden; background-color: inherit; }
.fancybox-navigation .fancybox-button--arrow_left:hover{ opacity: .7; }
.fancybox-navigation .fancybox-button--arrow_left:before{ content: ""; display: block; width: 57px; height: 57px; background-image: url(../img/ico_arrow_right.svg); background-size: contain; border-radius: 100px; }

/*
.post .fancybox-stage .fancybox-content img{ max-width: auto !important; width: auto !important; max-height: 100% !important; height: 100% !important; }*/

.sec .row.photo_text{ align-items: center; }
.sec .row.photo_text .col:first-child{ width: 50%; padding-right: 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: flex-start; }
.sec .row.photo_text .col:last-child{ width: 50%; padding-left: 10px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: flex-start; }


.ico_dog{ display: block; width: 44px; height: 41px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }
.ico_dog:before{ content: ""; display: inline-block; width: 44px; height: 41px; background-image: url(../img/how_to/ico_dog.svg); background-position: center; background-size: contain; }


.page-id-4007 .lower .sec-content .gallery img{ border: none; padding: 0px; }

.lower .post .sec-content h1{ display: inline-block; font-size: 1.5rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; /*border-bottom: solid 2px #87B431;*/ margin-bottom: 30px; font-weight: normal; }
.lower .post .sec-content h1:before{ content: ""; display: block; width: 184px; border-bottom: solid 2px #87B431; position: absolute; left: calc(50% - 92px); bottom: 0px; }
.lower .post .sec-content h2{ display: block; font-size: 1.312rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 10px; font-weight: normal; }
.lower .post .sec-content h2:before{ display: none; }
.lower .post .sec-content h3{ display: block; font-size: 1.187rem; line-height: 1.6em; letter-spacing: 0; color: #333333; position: relative; padding-bottom: 25px; padding-top: 20px; font-weight: bold; }
.lower .post .sec-content h4{ display: block; font-size: 1.0rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; padding-top: 20px; font-weight: bold; }

.lower .post .sec-header{ padding-top: 25px; margin-bottom: 45px; }
.lower .post .sec-header h1{ display: inline-block; font-size: 1.5rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 25px; font-weight: normal; }
.lower .post .sec-header h1:after{ content: ""; display: block; width: 182px; height: 0px; border-bottom: solid 2px #87B431; position: absolute; left: calc(50% - 91px); bottom: 0px; }

.sec-sub-header{ margin-bottom: 40px; display: flex; flex-direction:column; max-width: 700px; margin-left: auto; margin-right: auto; }
.sec-sub-header .date{ text-align: center; font-size: 0.875rem; color: #666; margin-bottom: 20px; }
.sec-sub-header .cat{ text-align: center; }


img[usemap] { max-width: 100%; height: auto; padding: 0px; }
.lower .sec-content img[usemap] { max-width: 100%; height: auto; padding: 0px; }



@media (max-width: 1200px){
  .lower .mainvisual-inner{
    max-width: 100%;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 40px; padding-right: 40px;
        box-sizing: border-box;
        left: 0px;
  }
}


@media (max-width: 768px){

  .mainvisual{ position: relative; z-index: 5; }
.mainvisual img{ width: 100%; height: auto; }
.mainvisual-inner{ max-width: 100%; width: calc(100% - 40px); margin-left: auto; margin-right: auto; height: 100px; position: absolute; top: calc(50% - 50px); left: 20px; box-sizing: border-box; }


  .lower .sec{ padding-left: 20px; padding-right: 20px; }

  #news .news-items{ padding-left: 20px; padding-right: 20px; }

.gallery{ margin-left: 20px; margin-right: 20px; width: calc(100% - 20px); }

  #gallry-items .gallery-item{ width: calc((100% - 20px)/3); }

.sec .row.nyukai,
.sec .row.col2{ max-width: 100%; width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }

.sec .row.nyukai .nyukai .icon{ width: 200px; }
.sec .row.nyukai .txt{ margin-left: 30px; padding-left: 0px; width: calc(100% - 200px - 30px); }

.nyukai .icon img{ max-width: 200px; height: auto; }

.col2>.col .row .txt h3{ line-height: 1.6em; }
.col2>.col .row .txt{ width: 50%; }
.col2>.col .row .txt .btns .btn{ width: 180px; }


.gallery-item{ width: calc(100%/3); }

.post .fancybox-navigation{ left: 20px; width: calc(100% - 40px); top: calc(50% + 15px); }
.post .fancybox-stage .fancybox-content{ margin-left: 10px; margin-right: 10px; }
.post .fancybox-stage .fancybox-content img{ margin-left: 60px; margin-right: 60px; width: calc(100% - 120px) !important; }

}

@media (max-width: 640px){

  .mainvisual-inner{ max-width: 1140px; width: calc(100% - 34px); margin-left: auto; margin-right: auto; height: 100px; position: absolute; top: calc(50% - 50px); left: 17px; }
  .mainvisual-inner .txt{ width: 9em; }
  .mainvisual-inner .txt h1{ font-size: 1.187rem; line-height: 1.4em; letter-spacing: 0.15em; font-family: 'Noto Sans JP', sans-serif; text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.61); }
  .mainvisual-inner .txt h1 span{ display: block; font-size: 0.875rem; letter-spacing: 0.0em; font-family: 'Montserrat', sans-serif; font-weight: 200; }

  .mainvisual-inner .txt .slidebtns{ display: none; }

  .lower article>.sec{ margin-left: 17px; margin-right: 17px; padding-top: 0px; padding-bottom: 25px; padding-left: 0px; padding-right: 0px; }

  .lower article>.sec .sec-content p img{ width: auto; max-width: 100%; }

  .lower .sec-content #bol a{ display: block; width: 100%; max-width: 100%; }
  .lower .sec-content #bol a img{ width: auto; max-width: 100%; box-sizing: border-box; }

  .lower .sec-content .w700{ margin-left: 17px; margin-right: 17px; }

  .sec-header{ text-align: center; margin-bottom: 30px; }
  .sec-header h2{ font-size: 0.75rem; line-height: 1.5em; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.5em; }
  .sec-header h2 span{ display: block; font-size: 1.875rem; line-height: 1.4em; font-weight: 200; font-family: 'Montserrat', sans-serif; letter-spacing: 0.1em; }

  .sec-content p{ font-size: 0.875rem; line-height: 1.8em; letter-spacing: 0.17em; text-align: left; }
  .sec-content p br{display: block;}

  .sec-content p + .btns{ padding-top: 45px; }

  #greeting .sec-content p{ text-align: left; }

  .btns{ margin-bottom: 60px; display: flex; justify-content: center; width: 100%; margin-left: auto; margin-right: auto; }
  .btn{
    width: 100%;
    margin-left: 4px;
    margin-right: 3px;
    font-size: 0.875rem;
    line-height: 1.3em;
    padding-right: 10px;
  }

  .btn:first-child{ margin-left: 0px; }
  .btn:last-child{ margin-right: 0px; }

  .news-items{ margin-bottom: 30px; }
  .news-item{ padding: 22px 0px; border-bottom: 2px solid #E3E3E3; text-align: left; }
  .news-item dl{  }
  .news-item dl dt{ font-size: 0.875rem; line-height: 1.6em; margin-bottom: 5px; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.15em; }
  .news-item dl dd{ font-size: 0.875rem; line-height: 1.6em; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.15em; }

  .label{ display: inline-block; text-align: center; color: #fff; letter-spacing: 0.15em; font-style: normal; font-size: 12px; line-height: 1.0em; padding: 5px 0px; border-radius: 5px; width: 88px; margin-right: 5px; margin-left: 5px; position: relative; top: -1px; }

  .sec.full-sec{ margin-left: 0px; margin-right: 0px; }

  #news{ padding-bottom: 0px; }
  #news .btn{ margin-left: 4px; margin-right: 4px; width: calc((100% - 8px) / 3)}

  #gallery{ padding-top: 45px; }
  #gallery .btns{ max-width: 170px; }

  #gallery .gallery-items{ padding-left: 12px; padding-right: 12px; width: 100%; }
  #greeting .inner,
  #news .inner{ padding-left: 17px; padding-right: 17px; }

  .gallery {
    width: 100%;
    margin: 0 auto;   /*中央寄せ*/
    position: relative;
    margin-bottom: 50px;
    box-sizing: border-box;
  }
  .gallery-item {
    width:50%;
    padding: 5px;
    box-sizing: border-box;
  }
  #gallry-items .gallery-item {
    width: calc(50% - 12px);
  }
  .gallery-item a{ display: block; margin: 0px 0px; }
  .gallery-item img{ margin: 0px; max-width: 100%; width: 100%; height: auto; }


  .fancybox-navigation{ left: 0px; width: 100%; top: calc(50% + 25px); }
  .fancybox-navigation .fancybox-button--arrow_right{ display: block; width: 30px; height: 30px; padding: 0px; overflow: hidden; background-color: inherit; }
  .fancybox-navigation .fancybox-button--arrow_right:hover{ opacity: .7; }
  .fancybox-navigation .fancybox-button--arrow_right:before{ content: ""; display: block; width: 30px; height: 30px; background-image: url(../img/ico_arrow_left.svg); background-size: contain; }
  .fancybox-navigation .fancybox-button--arrow_left{ display: block; width: 30px; height: 30px; padding: 0px; overflow: hidden; background-color: inherit; }
  .fancybox-navigation .fancybox-button--arrow_left:hover{ opacity: .7; }
  .fancybox-navigation .fancybox-button--arrow_left:before{ content: ""; display: block; width: 30px; height: 30px; background-image: url(../img/ico_arrow_right.svg); background-size: contain; }

.post .fancybox-navigation{ left: 20px; width: calc(100% - 40px); top: calc(50% + 35px); }
.post .fancybox-stage .fancybox-content img{ margin-left: 40px; margin-right: 40px; width: calc(100% - 80px) !important; }


.bnr{ margin-bottom: 70px; }

.lower .mainvisual-inner{ height: auto; bottom: 13px; }
.lower .mainvisual-inner .txt{ width: 100%; }
.lower .mainvisual-inner .txt .h1-title,
.lower .mainvisual-inner .txt h1{ font-size: 0.812rem; line-height: 1.3em; }
.lower .mainvisual-inner .txt .h1-title span,
.lower .mainvisual-inner .txt h1 span{ font-size: 1.875rem; line-height: 1.3em; }


.lower .sec-content h2{ display: inline-block; font-size: 1.5rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 15px; /*border-bottom: solid 2px #87B431;*/ margin-bottom: 30px; }
.lower .sec-content h2:before{ content: ""; display: block; width: 156px; border-bottom: solid 2px #87B431; position: absolute; left: calc(50% - 78px); bottom: 0px; }

.lower .sec-content h3{ display: block; font-size: 1.312rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 15px; }
.lower .sec-content h4{ display: block; font-size: 1.187rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 15px; }
.lower .sec-content h5{ display: block; font-size: 1.0rem; line-height: 1.6em; letter-spacing: 0; color: #87B431; position: relative; padding-bottom: 15px; }


.lower .sec-content p + h2,
.lower .sec-content p + h3,
.lower .sec-content p + h4,
.lower .sec-content p + h5,
.lower .sec-content p + p,
.lower .sec-content p + table,
.lower .sec-content p + .photo_text{ margin-top: 30px; }


.lower .sec-content table{ border-left: 1px solid #87b431; border-top: 1px solid #87b431; width: 99%; margin: 0 auto; border: 1px solid #87b431;}
.lower .sec-content table tr th{ background: #e5ecd8; margin: 0 auto; font-size: 0.875rem; padding: 6px 10px; box-sizing: border-box; }
.lower .sec-content table tr td{ font-size: 0.875rem; padding: 6px 10px; vertical-align: top; box-sizing: border-box; }


.lower .sec-content p{ font-size: 0.875rem; line-height: 1.8em; }
.lower .sec-content ul li{ font-size: 0.875rem; }

.lower .sec-content .table-wrapper{ overflow: auto; }

.lower .sec-content .notice{ background-color: #F8F8F8; padding:24px 20px; }
.lower .sec-content .notice p{ margin-bottom: 0px; }

.sec .row.nyukai,
.sec .row.col2{ max-width: 100%; width: 100%; box-sizing: border-box; padding-left: 0px; padding-right: 0px; }


.sec .row.nyukai{ margin-bottom: 55px; max-width: 960px; align-items: flex-start; }
.sec .row.nyukai .icon{ padding-left: 10px; }
.sec .row.nyukai .icon img{ width: 107px; height: auto; }
.sec .row.nyukai .txt{ margin-left: 20px; padding-right: 17px; width: 100%; }
.sec .row.nyukai .txt h3{ font-size:1.062rem; line-height: 1.6em; margin-bottom: 10px; text-align: left; }
.sec .row.nyukai .txt .btns .btn{ margin-left: 0; }


#gallery.sec .row.nyukai .txt .btns{ margin-left: 0px; width: 210px; }

.col2{ max-width: 1035px; flex-wrap: wrap; }
.col2>.col:first-child{ width: 100%; padding-bottom: 30px; }
.col2>.col:last-child{ width: 100%; }

.col2>.col .row .col.icon img{ width: 112px; height: 112px; }

.col2>.col .row .txt h3{ font-size:1.062rem; line-height: 1.6em; text-align: left; }
.col2>.col .row .txt .btns{ width: auto; margin-left: 0px; }
.col2>.col .row .txt .btns .btn{ width: 204px; height: 36px; font-size: 0.75rem; }
.col2>.col .row .txt{ margin-left: 30px; padding-right: 0px; width: auto; }

}

@media (max-width: 320px){

.post .fancybox-stage .fancybox-content{ padding-top: 15px; padding-bottom: 15px; }
  .post .fancybox-navigation{ left: 5px; width: calc(100% - 10px); top: calc(50% + 20px); }
  .post .fancybox-stage .fancybox-content img{ margin-left: 20px; margin-right: 20px; width: calc(100% - 40px) !important; }

}
.sec-content.faq h3 {
    text-align: left;
    padding-bottom: 5px;
    font-size: 20px;
}
.sec-content.faq h3::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/wp/wp-content/uploads/2019/10/question.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 2%;
  color: #87B431;
}

.btn-flat-anchor {
position: relative;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    transition: .4s;
    border: solid 1px;
}

.btn-flat-anchor:hover {
  background: #87B431;
  color: white;
}
.an_flex {
    display: flex;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	flex-wrap: wrap;
    font-size: 15px;
	margin-top: 30px;
}
.an_flex a{
    margin: 1%;
    padding: 2% 1%;
    width: 29%;
    color: #87B431;}


table.aligncenter.news_01 tbody td{
	padding:5px;
	background: none;
	}
section.news_wapper{
    margin-top: 5%;
    width: 100%;
}
.sec-content.faq p{ margin-left: 38px; position: relative; }
.sec-content.faq p::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/wp/wp-content/uploads/2019/10/answer.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 2%;
  position: absolute;
  left: -38px;
  top: 5px;
}



/*accordion*/

.faqaccordion h2 {
    margin-bottom: 0%;
    margin-top: 10%;
}
/* アコーディオンB */
.cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    color: #87B431;
    text-align: left;
    background: #fff;
    padding-bottom: 0%;
  margin: 2% 0 -7% 0px;
}
.question::before{
    content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/wp/wp-content/uploads/2019/10/question.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 2%;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
display: none;
}

.cp_actab label {
font-weight: bold;
line-height: 1.5;
position: relative;
display: block;
padding: 0.5em 0px 0.5em 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #F0F6E4;
z-index: 1;
}

.cp_actab .actab-content_faq {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
    color: #333333;
    margin-left: 2%;
    opacity: 0;
}

.actab-content_faq {
    margin: 0 2% 0 8%;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 2.0em;
    text-align: left;
    background-color: #ffffff;
    padding: 1% 4% 2% 8%;
}
.actab-content_faq::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 25px;
    background-image: url(/wp/wp-content/uploads/2019/10/answer.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: -4%;
    position: relative;
    left: -40px;
    z-index: 0;
}

.cp_actab p{
margin-bottom:0px;
}

/* :checked */
.cp_actab input:checked ~ .actab-content_faq {
max-height: 100%;
    margin-left: 2%;
    opacity: 1;
        margin-bottom: 6%;
}


/*チェックのアイコン（↑）*/


.bl_block{
    display: block;
    font-size: 1.0rem;
    line-height: 2.0em;
    text-align: left;
}

/*mediastart*/
@media screen and (max-width: 896px) {
.bl_block{
    display: block;
    font-size: 0.875rem;
    line-height: 2.0em;
    text-align: left;
}
.lower .sec-content {
    padding-top: 5%;
}
.actab-content_faq::before {
    margin-right: -5%;
    left: -20px;
}
section.sec.sec-full {
    padding: 0% 4% 10%;
}
}/*mediafin*/


#red{
    color: red;
    margin-bottom: 20px;
}
.btns.contact a {
    color: #fff;
    text-decoration: none;
}
.sec .row.photo_text .col img{
    width: 100%;
    box-sizing: border-box;
}
/*ナビゲーション */

.pagerArea  ul.pagerList {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.pagerArea .pagerList li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 6px;
}

.pagerArea .pagerList li a {
    display: flex;
    color: #fff;
    background-color: #87B431;
    width: 33px;
    height: 33px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 30px;
}

.pagerArea .pagerList li span{
  display: flex;
  color: #87B431;
  background-color: #F0F6E4;
  width: 33px;
  height: 33px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 200;
  font-size: 30px;
}

.pagerArea .pagerList li a:hover,
.pagerArea .pagerList li a.active{
  color: #fff;
  background-color: #87B431;
}

.pagerArea .pagerList li a.nextpostslink,
.pagerArea .pagerList li a.previouspostslink{ width: auto; height: auto; background-color: inherit; font-size: 20px; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.15em; color: #474747; letter-spacing: 0; }

@media only screen and (max-width: 767px){
  .pagerArea .pagerList li{
    /*display: none;*/
  }
.an_flex a {
    margin: 1% auto;
    padding: 2% 1%;
}

  .pagerArea .pagerList li.pages,
  .pagerArea .pagerList li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pagerArea .pagerList li.pages a,
  .pagerArea .pagerList li.next a{
    width: 100%;
    text-align: center;
  }

  .pagerArea .pagerList li.pages span::after{
    content: "　前の10件へ";
  }

  .pagerArea .pagerList li.next span::before{
    content: "次の10件へ　";
  }

  .pagerArea .pagerList li a.nextpostslink,
  .pagerArea .pagerList li a.previouspostslink{ width: auto; height: auto; background-color: inherit; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.15em; color: #474747; letter-spacing: 0; }

  .pagerArea .pagerList li a {
      display: flex;
      color: #fff;
      background-color: #87B431;
      width: 28px;
      height: 28px;
      justify-content: center;
      align-items: center;
      border-radius: 3px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 200;
      font-size: 24px;
  }

  .pagerArea .pagerList li span{
    display: flex;
    color: #87B431;
    background-color: #F0F6E4;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 24px;
  }

}


/*追記css2019年11月14日*/
.lower .sec-content .White table tr td{
	background-color: #ffffff;
}

/*追記css2019年11月14日*/
.title03{
	text-align:left;
}
a.btn-flat-anchor.anchor{
    text-decoration: none;
}
a.btn-flat-anchor.anchor:hover{
	color: #fff;
    text-decoration: none;
}


@media screen and (max-width:480px) {
.cp_actab label {    padding: 4% 2%;
    font-size: 90%;}
.cp_actab input:checked ~ .actab-content_faq {
    font-size: 14px;}
}
ul.outline_li li a{
    font-size: 19px;
}


/*TOP緑の背景*/
section.sec-full_top {
    margin: 0 auto;
}
.inner_top {
    max-width: 980px;
    margin: 0 auto;
    padding: 2%;
}
.inner_top h3 {
    font-size: 19px;
    padding: 2% 0;
    text-align: center;
}