@charset "UTF-8";
/*
Theme Name: wakuwaku-farm-tsukioka
Theme URI: http://lafcre8.com
Author: Laf Create
Description: This is the theme of wakuwaku farm tsukioka
Version: 1.0
License: GNU General Public License v2 or later
*/
/* PC用の記述 */
.pcNone, .hamburger {
  display: none;
}

.sp_500px {
  display: none;
}

html {
  overflow-x: initial;
}

/*メインビジュアル*/
.site-mainvisual .mv-slider {
  width: 100%;
  margin: 20px 0 0;
  position: relative;
}
.site-mainvisual .mv-slider:before {
  content: "";
  display: block;
  padding-top: 45%;
}
.site-mainvisual .mv-slider div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/*サイドバー*/
.sidebar_bnr ul {
  padding: 0;
}
.sidebar_bnr ul li {
  width: 232px;
  margin: 0 0 10px;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 5px #aaa;
  -moz-box-shadow: 0px 0px 5px #aaa;
  -webkit-box-shadow: 0px 0px 5px #aaa;
}
.sidebar_bnr ul li a img {
  vertical-align: bottom;
}
.sidebar_bnr ul li a:first-child img {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
}
.sidebar_bnr ul li a:last-child img {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
}

/*トップページ&カテゴリページ ファームマップ*/
.top_farmmap,
.cate_farmmap {
  position: relative;
}
.top_farmmap li a,
.cate_farmmap li a {
  transition: 0.6s;
}
.top_farmmap li a:hover,
.cate_farmmap li a:hover {
  opacity: 0.7;
}

.top_farmmap_shop li {
  position: absolute;
}
.top_farmmap_shop li img {
  width: 92.5px;
}
.top_farmmap_shop li.appare {
  top: 65%;
  left: 15%;
}
.top_farmmap_shop li.budoubatake {
  top: 28%;
  left: 28%;
}
.top_farmmap_shop li.gelete {
  top: 36%;
  left: 13%;
}
.top_farmmap_shop li.haracuche {
  top: 44%;
  left: 52%;
}
.top_farmmap_shop li.tukinooka {
  top: 58%;
  left: 37%;
}
.top_farmmap_shop li.wakuwakufarm {
  top: 60%;
  left: 1%;
}

.top_farmmap_playing li {
  position: absolute;
}
.top_farmmap_playing li.ecovillage {
  top: 28%;
  left: 63%;
}
.top_farmmap_playing li.swing {
  top: 49%;
  left: 80%;
}
.top_farmmap_playing li.rabbit {
  top: 33%;
  left: 43%;
}
.top_farmmap_playing li img {
  width: 137.1px;
}

.farmMap div.cate_farmmap {
  border-radius: 10px;
}

.cate_farmmap_shop li {
  position: absolute;
}
.cate_farmmap_shop li img {
  width: 128.5px;
}
.cate_farmmap_shop li.appare {
  top: 68%;
  left: 14%;
}
.cate_farmmap_shop li.budoubatake {
  top: 22%;
  left: 26%;
}
.cate_farmmap_shop li.gelete {
  top: 31%;
  left: 13%;
}
.cate_farmmap_shop li.haracuche {
  top: 43%;
  left: 52%;
}
.cate_farmmap_shop li.tukinooka {
  top: 60%;
  left: 38%;
}
.cate_farmmap_shop li.wakuwakufarm {
  top: 62%;
  left: 0.5%;
}

.cate_farmmap_playing li {
  position: absolute;
}
.cate_farmmap_playing li img {
  width: 190px;
}
.cate_farmmap_playing li.ecovillage {
  top: 22%;
  left: 63%;
}
.cate_farmmap_playing li.swing {
  top: 50%;
  left: 80%;
}
.cate_farmmap_playing li.rabbit {
  top: 28%;
  left: 43%;
}

/*固定ページ　エコシェルター*/
.maintxt .maintxt_subtitle {
  font-size: 1.4em;
  display: block;
  margin: 0 0 10px;
}

/*お問い合わせ*/
.contentArea .contentBox div.wpcf7 {
  background: none;
}
.contentArea .contentBox div.wpcf7 .title {
  font-size: 1.3em;
}
.contentArea .contentBox div.wpcf7 .require {
  margin-left: 3px;
  color: #e55a3b;
}
.contentArea .contentBox div.wpcf7 .wpcf7-display-none {
  background: none;
}
.contentArea .contentBox div.wpcf7 textarea {
  width: 98%;
}
.contentArea .contentBox div.wpcf7 .wpcf7-form-control {
  border: 1px solid #ccc;
  padding: 5px 0px;
  font-size: 1.2em;
}
.contentArea .contentBox div.wpcf7 .wpcf7-submit {
  display: block;
  margin: 50px auto 0;
  padding: 15px 40px;
  font-size: 1.2em;
  background-color: #F5F5F5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 5px #aaa;
  -moz-box-shadow: 0px 0px 5px #aaa;
  -webkit-box-shadow: 0px 0px 5px #aaa;
}
.contentArea .contentBox div.wpcf7 .wpcf7-mail-sent-ok {
  border-radius: 0;
}

/*--------------------------------------------------------------
 //mixin
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14.0 Theme Style Tablet
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14.0 Theme Style SP
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  * {
    box-sizing: border-box;
  }

  .spNone {
    display: none;
  }

  .pcNone {
    display: block;
  }

  #breadcrumb {
    padding: 10px;
    width: 100%;
  }
  #breadcrumb ul li:last-child {
    margin-right: 0;
  }

  #headerWrap {
    position: relative;
    height: auto;
  }
  #headerWrap header {
    width: 100%;
    height: auto;
    display: flex;
  }
  #headerWrap header h1 {
    position: static;
    margin: 0 0 0 60px;
    width: 46.35%;
  }
  #headerWrap header h1 a img {
    width: 100%;
    box-sizing: border-box;
  }
  #headerWrap header .tel {
    margin: 15px 0 0 10px;
    position: static;
    top: 0;
    right: 0;
    width: 24.73%;
  }
  #headerWrap header .tel img {
    width: 95%;
    box-sizing: border-box;
  }
  #headerWrap .hamburger {
    position: absolute;
    top: 0;
    width: 30px;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: transparent;
  }

  #contentWrap {
    padding: 0 10px;
    width: 100%;
  }
  #contentWrap #container {
    width: 100%;
  }
  #contentWrap #container img.subMainImg {
    width: 100%;
  }
  #contentWrap #container #mainImg {
    padding: 0 2%;
    box-sizing: border-box;
    width: 100%;
  }
  #contentWrap #container .contentArea {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }
  #contentWrap #container .contentArea .content-green {
    width: 100%;
  }
  #contentWrap #container .contentArea .content-green img {
    width: 100%;
  }
  #contentWrap #container .contentArea .contentBox {
    width: 100%;
  }
  #contentWrap #container .contentArea .contentBox img {
    width: 100%;
    height: auto;
  }
  #contentWrap #container .contentArea .contentBox .btn {
    display: inline-block;
    text-align: left;
    padding: 5px 0;
    width: 100%;
  }
  #contentWrap #container .contentArea .contentBox > img {
    width: 100%;
  }
  #contentWrap #container .contentArea .contentBox div {
    background: url("images/titlebar_01.png") top left repeat;
  }
  #contentWrap #container .contentArea .contentBox .textbox {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    display: flex;
    -webkit-flex-direction: column;
    /* Safari */
    flex-direction: column;
  }
  #contentWrap #container .contentArea .contentBox .textbox dl:last-child {
    border: 0;
  }
  #contentWrap #container .contentArea .contentBox .smallBox2 {
    margin: 0;
    padding: 15px;
    width: 100%;
    height: auto;
  }
  #contentWrap #container .contentArea .contentBox .smallBox2 .farm-title {
    margin: 0 10px;
  }
  #contentWrap #container .contentArea .contentBox .smallBox2 img {
    margin: 0;
    float: none;
    width: 100%;
  }
  #contentWrap #container .contentArea .contentBox .smallBox2 a {
    width: 100%;
    display: block;
    float: none;
  }
  #contentWrap #container .contentArea .contentBox iframe {
    width: 100%;
    margin: 0;
  }
  #contentWrap #container .contentArea .contentBox .top_farmmap_shop li {
    width: 15%;
  }
  #contentWrap #container .contentArea .contentBox .top_farmmap_playing li {
    width: 20%;
  }
  #contentWrap #container .contentArea .contentBox div.wpcf7 {
    background: none;
  }
  #contentWrap #container .contentArea .contentBox div.wpcf7 .title {
    font-size: 1.3em;
  }
  #contentWrap #container .contentArea .contentBox div.wpcf7 .require {
    margin-left: 3px;
    color: #e55a3b;
  }
  #contentWrap #container .contentArea .contentBox div.wpcf7 .wpcf7-display-none {
    background: none;
  }
  #contentWrap #container .contentArea .newsBox {
    font-size: .8em;
  }
  #contentWrap #container .contentArea .newsBox > li > span {
    margin-right: 5px;
    width: 9%;
    font-size: .6em;
  }
  #contentWrap #container .contentArea .newsBox > li > a {
    width: 80%;
  }
  #contentWrap #container .contentArea .farmMapClass {
    width: 100%;
  }
  #contentWrap #container .contentArea .content1_2, #contentWrap #container .contentArea .content-sg-farm, #contentWrap #container .contentArea .subMainImg2 {
    width: 100%;
  }
  #contentWrap #container .contentArea .content1_2 img {
    width: 100%;
  }
  #contentWrap #container .contentArea #imgRepeat {
    display: none;
  }
  #contentWrap #container .contentArea .storeTitle {
    width: 95%;
    z-index: 10;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 5px;
    display: inline-block;
  }
  #contentWrap #container .contentArea .storeTitle:before {
    content: '';
  }
  #contentWrap #container .contentArea .subMainImg2 {
    height: auto;
  }
  #contentWrap #container #sidebar {
    padding: 30px 0 0;
    display: flex;
    -webkit-flex-direction: column;
    /* Safari */
    flex-direction: column;
    float: none;
    width: 100%;
  }
  #contentWrap #container #sidebar div {
    margin: auto;
    text-align: center;
    padding: 0 2%;
    width: 232px;
  }

  .farmMap {
    width: 100%;
  }
  .farmMap img {
    width: 100%;
  }

  dl.infoBox-none dt, dl.infoBox dt {
    padding: 0;
    width: 100%;
  }
  dl.infoBox-none dd, dl.infoBox dd {
    padding: 0 0 0 15px;
    width: 100%;
    margin: 0;
  }

  #trust-form {
    width: 100%;
  }
  #trust-form table {
    width: 100%;
  }
  #trust-form table input, #trust-form table textarea {
    width: 100%;
  }
  #trust-form .submit-container {
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  #trust-form .submit-container input[type=submit] {
    margin: 0 0 20px;
  }

  #footerWrap {
    width: 100%;
  }
  #footerWrap footer {
    width: 100%;
    padding: 0;
  }
  #footerWrap footer .footermenu {
    width: 50%;
  }
  #footerWrap footer .footerRight {
    width: 100%;
    margin-top: 25px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    background: #247433;
  }
  #footerWrap footer .footerRight p.copyright {
    padding: 0 15px;
  }

  #pagetop a {
    right: -30px;
  }
  #pagetop a img {
    width: 70%;
  }

  /* サイドバー */
  .sb-slidebar.sb-left {
    -webkit-overflow-scrolling: touch;
    width: 80%;
  }
  .sb-slidebar.sb-left .sb-left-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    color: #cfcfcf;
    font-size: .9em;
    font-weight: 200;
  }
  .sb-slidebar.sb-left .sb-left-inner .logo {
    background: #1c1c1c;
    padding: 2em 1em;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .sb-slidebar.sb-left .sb-left-inner > ul {
    background: #2f2f2f;
    padding: 0;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li .label {
    display: block;
    padding: 1em;
    cursor: pointer;
    background: url(images/icon-arrow-open-sp.png) no-repeat 96% center;
    background-size: 12px 8px;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li .label.open {
    background: url(images/icon-arrow-close-sp.png) no-repeat 96% center;
    background-size: 12px 8px;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li:last-child {
    border-bottom: none;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li ul {
    display: none;
    margin-left: 0;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li ul li a {
    padding-left: 2em;
    background: #373737 url(images/icon-arrow-right-sp.png) no-repeat 96% center;
    background-size: 12px 12px;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li ul li:last-child {
    border-bottom: none;
  }
  .sb-slidebar.sb-left .sb-left-inner > ul > li a {
    display: block;
    color: #cfcfcf;
    padding: 1em;
    padding-right: 2em;
    background: url(images/icon-arrow-right-sp.png) no-repeat 96% center;
    background-size: 12px 12px;
  }

  /*カテゴリー ファームマップ*/
  .cate_farmmap_shop li {
    width: 15%;
  }
  .cate_farmmap_shop li img {
    width: 100%;
  }

  .cate_farmmap_playing li {
    width: 20%;
  }
  .cate_farmmap_playing li img {
    width: 100%;
  }

  .subMainImg2 img.rightside {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .sp_500px {
    display: block;
  }

  .newsBox > li > span {
    font-size: .8em;
  }
}