@charset "utf-8";
html {
font-size: 14px;
}
body {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 500;
font-style: normal;
color: #5A3B06;
}
.montserrat {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
a[name=*] {
margin-top: -20px;
}
.mw1080 {
max-width: 1080px;
}
.mw504 {
max-width: 504px;
}
.mw488 {
max-width: 488px;
}
.mg-t1 {
margin-top: 20px;
}
.mg-t2 {
margin-top: 30px;
}
.pd-lr {
padding-left: 20px;
padding-right: 20px;
}
p {
line-height: 1.6;
}
.pos_r {
position: relative;
}
.ovf_h {
overflow: hidden;
}
.disp_n {
display: none;
}
.v_mid {
vertical-align: middle;
}
.fs-1 {
font-size: 8px;
}
.fs-2 {
font-size: 10px;
}
.fs-3 {
font-size: 12px;
}
.fs-4 {
font-size: 16px;
}
.font_b {
font-weight: bold;
}
.bgc_w {
background-color: #FFFFFF;
}
.bgc_p {
background-color: #FDEFEE;
}
.bgc_r {
background-color: #F94141;
}
.dbox {
padding: 60px 20px;
}
.fa {
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: transform 0.8s ease-in-out, opacity 1s ease-in-out;
}
.fa.on {
opacity: 1;
visibility:visible;
transform: translateY(0px);
}

#to_top {
display: block;
width: 45px;
height: 68px;
position: absolute;
bottom: 20px;
right: 40px;
z-index: 90;
}
#top-head {
top: 0;
left: 0;
width: 100%;
height: 100px;
position: absolute;
padding: 12px 20px;
z-index: 100;
}
#top-head:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
}
#top-head .logo {
display: block;
line-height: 76px;
float: left;
width: 20%;
max-width: 190px;
padding-right: 10px;
}
#top-head .logo a {
display: inline-block;
vertical-align: middle;
}

#mobile-nav {
position: absolute;
width: 60px;
height: 70px;
right: 0;
top: 0;
z-index: 105;
display: none;
}
/* Toggle Button */
#nav-toggle {
  position: absolute;
  top: 22px;
  right: 17px;
  width: 26px;
  height: 27px;
  text-align: center;
  cursor: pointer;
  z-index: 106;
}
#nav-toggle div {
  position: relative;
  height: 16px;
}
#nav-toggle .mtxt {
font-size: 9px;
color: #F94141;
text-align: center;
}
#nav-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #F94141;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0px;
}
#nav-toggle span:nth-child(2) {
  top: 6px;
}
#nav-toggle span:nth-child(3) {
  top: 12px;
}

/* #nav-toggle */
.open #nav-toggle .mtxt {
color: #fff;
}
.open #nav-toggle .mtxt .n {
display: none;
}
.open #nav-toggle .mtxt .w {
display: block;
}
.open #nav-toggle span:nth-child(1) {
  top: 6px;
  background-color: #fff;
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  transform: rotate(330deg);
}
.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
  background-color: #fff;
}
.open #nav-toggle span:nth-child(3) {
  top: 6px;
  background-color: #fff;
  -webkit-transform: rotate(-330deg);
  -moz-transform: rotate(-330deg);
  transform: rotate(-330deg);
}
/* #global-nav */
.open #global-nav {
  height: 100%;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
#global-nav {
float: right;
width: 670px;
}
#global-nav ul {
list-style: none;
}
#global-nav ul li {
float: left;
margin-left: 30px;
line-height: 76px;
}
#global-nav ul li:first-child +li{
margin-left: 0;
}
#global-nav .top-contact {
/*max-width: 170px;*/
max-width: 230px;
line-height: 1.2;
}
#global-nav a {
font-size: 16px;
font-weight: bold;
display: inline-block;
color: inherit;
}
#global-nav .top-contact a {
margin-top: 5px;
}
#footer {
position: relative;
margin-top: 60px;
padding: 80px 40px 20px;
height: 250px;
background: url(images/footer_bg.png) center top repeat-x;
color: #fff;
font-weight: 500;
}
#footer:before {
content: '';
height: 77px;
width: 100%;
position: absolute;
top: -17px;
left: 0;
background: url(images/footer_top.png) center top repeat-x;
}
#footer > div {
max-width: 460px;
}
#footer > div > div {
border-top: solid 1px #fff;
margin-top: 15px;
padding-top: 15px;
line-height: 1.5;
}
#footer .logo {
display: block;
max-width: 180px;
}
#contactbox {
height: 70px;
width: 100%;
position: fixed;
bottom: 0;
left:0;
z-index: 50;
}
#contactbox:before {
content: '';
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
background-color: #fff;
opacity: 0.8;
}
#contactbox .left {
/*width: 37.8%;*/
width: 32.2%;
line-height: 70px;
text-align: center;
}
#contactbox .left > div {
/*max-width: 154px;*/
max-width: 162px;
display: inline-block;
}
#contactbox .right {
/*width: 60%;*/
width: 41.7%;
line-height: 70px;
text-align: center;
}
#contactbox .right a {
max-width: 210px;
}

#main {
min-height: 90%;
max-width: none;
overflow: hidden;
}
.btn_wrap {
max-width: 300px;
margin: 40px auto 10px;
position: relative;
}
.btn_wrap:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: -5px;
border-radius: 24px;
background-color: #FFDAD7;
}
.btn {
display: block;
position: relative;
opacity: 1 !important;
padding: 0 24px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 48px;
border-radius: 24px;
color: inherit;
z-index:2;
transition: 0.1s ease-in-out;
}
.btn:hover {
transform: translateY(2px);
}
.btn:hover img {
opacity: 1!important;
}

#top-main {
min-height: 720px;
background: url(images/top-main.jpg) center center no-repeat;
background-size: cover;
padding: 130px 20px 0;
}
#top-main > div {
max-width: 700px;
}
#top-main .fa {
transform: translateY(0px)!important;
}
#top-r {
max-width: 155px;
}
#top-news {
padding-bottom: 30px;
}
.r img {
max-width: none;
width: 100%;
}

.box-1 {
overflow: hidden;
border-radius: 4px;
font-size: 14px;
font-weight: bold;
background-color: #fff;
border: solid 2px #FFDAD7;
}
.box-1 .title {
background-color: #FFDAD7;
padding: 10px 20px;
line-height: 1;
}
.box-1 .content {
padding: 20px 10px;
}

#top-main .box-1 .content {
min-height: 60px;
padding: 10px;
}
#top-main .box-1 {
font-size: 16px;
margin-top: 25px;
}
#top-main .box-1 .comment {
color: #548156;
font-size: 12px;
}
.title-1 {
max-width: 328px;
margin: 0 auto 30px;
}
#newslist .no_news {
font-size: 16px;
height: 150px;
}
.newsbox {
display: block;
margin-top: 20px;
color: inherit;
}
.newsbox .left {
width: 125px;
float: left;
margin-right: 20px;
}
.newsbox .left img {
border-radius: 4px;
}
.date {
color: #548156;
font-size: 12px;
font-weight: 500;
}
.entry-title {
font-size: 14px;
line-height: 1.3;
margin-top: 2px;
}
.post .entry-title {
font-size: 16px;
margin-top: 10px;
}
.entry-content {
margin-top: 15px;
}
.newsbox .excerpt-content {
font-size: 12px;
font-weight: 500;
line-height: 1.5;
height: 36px;
overflow: hidden;
margin-top: 5px;
}
.box-2 {
margin-top: 40px;
margin-bottom: 80px;
}
.strawberry {
width: 110px;
position: absolute;
}
.s1 {
left: -36px;
top: -15px;
}
.s2 {
right: -36px;
bottom: -40px;
}
.note {
background-color: #EBF4EA;
border-radius: 10px;
border: solid 3px #CAE4CB;
padding: 40px 0;
}
.note > div {
padding: 0 30px;
}

.note .ring {
position: absolute;
width: 31px;
height: 100%;
left: -14px;
top: 0;
background: url(images/ring.png) left top no-repeat;
background-size: auto 100%;
}
.note .box .left {
width: 120px;
}
.note .title {
width: 150px;
}
.note p {
color: #548156;
}
.note .line {
margin: 30px 0;
border-top: solid 2px #fff;
}
.note .box h4 {
max-width: 150px;
margin-top: 15px;
}
#top-fee {
padding-top: 30px;
}
#top-fee .box-1 {
border-radius: 10px;
}
#top-fee .box-1 .title {
font-size: 16px;
padding-top: 20px;
padding-bottom: 20px;
}
#top-fee .box-1 .content {
border-top: solid 1px #CCCCCC;
font-size: 16px;
}
#top-fee .box-1 .content > div {
max-width: 300px;
margin :0 auto;
}
#top-fee .box-1 .content > div p {
line-height: 30px;
}
#top-fee .box-1 .content > div .price {
font-size: 24px;
}
#map iframe {
width: 100%;
height: 300px;
border-radius: 10px;
}
.btn.g:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
right: 50%;
margin-right: -100px;
background: url(images/icon-1.png) center center no-repeat;
}
.wave {
height: 5px;
}
.w1 {
background: url(images/bg-t.png) center bottom;
}
.w2 {
background: url(images/bg-t2.png) center top;
}
.btn_wrap.c {
max-width: 350px;
margin-top: 25px;
}
.btn_wrap.c:before {
background-color: #CCCCCC;
border-radius: 35px;
}
.btn_wrap.c .btn {
line-height: 70px;
border-radius: 35px;
}
.btn_wrap.c .btn img {
max-width: 258px;
}
.fruitsbox {
margin-top: 20px;
padding: 30px 20px;
border-radius: 10px;
border: solid 1px #FFDAD7;
background-color: #FDEFEE;
}
.fruitsbox > div {
max-width: 388px;
}
.fruitsbox .title {
max-width: 172px;
margin-bottom: 10px;
}
.fruitsbox .img {
width: 48.8%;
max-width: 189px;
}
.fruitsbox .img img {
border-radius: 4px;
}
.fruitsbox .box {
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px #CDD6DD;
}
.fruitsbox .box span {
background-color: #FFDAD7;
border-radius: 4px;
text-align: center;
display: inline-block;
padding: 6px 15px;
font-weight: bold;
margin-right: 10px;
}
.fruitsbox p {
margin-top: 10px;
}

.postbox {
padding-top: 100px;
}
.mainimg {
margin-bottom: 20px;
}
.mainimg img {
border-radius: 10px;
}
.wp-pagenavi,.postlinks {
margin-top: 50px;
text-align: center;
}
.postlinks {
max-width: 500px;
line-height: 50px;
text-align: center;
}
.postlinks .list {
display: inline-block;
vertical-align: middle;
}
.postlinks > div.float_l,
.postlinks > div.float_r {
min-width: 126px;
line-height: 50px;
height: 50px;
}
.postlinks .list a {
padding: 0 5px;
}
.postlinks span,
.postlinks .list a {
color: #548156;
}
.postlinks span {
vertical-align: middle;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi {
font-size: 0px;
text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
color: #548156;
font-size: 18px;
font-weight: bold;
display: inline-block;
text-align: center;
padding: 10px 2px;
margin: 0 10px;
vertical-align: middle;
border: none;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.postlinks .prev,
.postlinks .next {
position:relative;
width: 48px;
height: 48px;
border: none!important;
font-size: 0;
display: inline-block;
vertical-align: middle;
}
.wp-pagenavi a.previouspostslink:before,
.wp-pagenavi a.nextpostslink:before,
.postlinks .prev:before,
.postlinks .next:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 10px;
border: solid 2px #FFDAD7;
background-color: #FFFFFF;
transition: 0.3s ease-in-out;
}
.wp-pagenavi a.previouspostslink:after,
.postlinks .prev:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: solid 2px transparent;
background-position: center center;
background-repeat: no-repeat;
background-image: url(images/la.png);
}
.wp-pagenavi a.nextpostslink:after,
.postlinks .next:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: solid 2px transparent;
background-position: center center;
background-repeat: no-repeat;
background-image: url(images/ra.png);
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.postlinks a:hover span {
color: #F94141;
opacity: 1;
}
.postlinks a:hover {
color: #F94141;
opacity: 1;
}
.wp-pagenavi a.previouspostslink:hover:before,
.wp-pagenavi a.nextpostslink:hover:before,
.postlinks a:hover .prev:before,
.postlinks a:hover .next:before {
}
.wp-pagenavi a.previouspostslink:hover:after,
.postlinks a:hover .prev:after {
background-image: url(images/la-r.png);
}
.wp-pagenavi a.nextpostslink:hover:after,
.postlinks a:hover .next:after {
background-image: url(images/ra-r.png);
}
.previouspostslink, .postlinks .float_l a .prev {
margin-right: 20px;
margin-left: 0px;
}
.nextpostslink, .postlinks .float_r a .next {
margin-right: 0px;
margin-left: 20px;
}

@media screen and (max-width: 999px){
#global-nav {
width: 590px;
}
#global-nav ul li {
margin-left: 20px;
}
#global-nav .top-contact {
max-width: 200px;
}
}

@media screen and (max-width: 799px){
.sp {
display: block;
}
.postbox {
padding-top: 70px;
}
#top-head {
height: 70px;
padding: 0px;
}
#top-head.open,#top-head.open .inner {
position: fixed;
width: 100%;
height: 100%;
background-color: #F94141;
}
#top-head:before {
height: 70px;
}
#top-head .logo {
float: none;
padding: 10px 60px;
line-height: 50px;
text-align: center;
position: relative;
z-index: 104;
width: auto;
max-width: none;
}
#top-head .logo a {
display: inline-block;
max-width: 180px;
}
#top-head.open .logo a .n{
display: none;
}
#top-head.open .logo a .w{
display: inline;
}
#top-head.open .logo a {
animation: slidein 0.8s ease-in-out 0s normal forwards;
}
@keyframes slidein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

#mobile-nav {
display: block;
}
#global-nav {
opacity: 0;
position: absolute;
width: 100%;
height: 0;
overflow: auto;
float: none;
clear:both;
font-size: 0;
top: 0;
left: 0;
padding: 70px 40px 0;
z-index: 101;
-webkit-transition: opacity .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out;
transition: opacity .8s ease-in-out;
}
#global-nav ul {
max-width: 500px;
margin: 50px auto 0;
}
#global-nav ul li {
float: none;
margin-left: 0;
line-height: 1;
border-top: dotted 2px #fff;
}
#global-nav ul li:first-child {
border-top: none;
}
#global-nav a {
color: #fff;
text-align: center;
display: block;
height: 60px;
line-height: 60px;
}

#global-nav ul li.top-contact {
max-width: none;
padding-top: 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
}
#global-nav ul li.top-contact a {
display: inline-block;
width: 250px;
line-height: 1;
}
#global-nav ul li.top-contact .n {
display: none;
}
#global-nav ul li.top-contact .w {
display: block;
margin-bottom: 5px;
}
#top-main {
padding-top: 100px;
background-image: url(images/top-main_sp.jpg);
}
}

@media screen and (max-width: 639px){
#to_top {
right: 5px;
}
#top-r {
max-width: 138px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 374px){
.s1 {
left: -80px;
}
.s2 {
right: -80px;
}
}