/*
 Theme Name:   greenery2021
 Theme URI:    https://www.greenkitano.com/
 Description:  EGO for WooCommerce Child Theme
 Author:       PIPELINE inc.
 Author URI:   https://www.pipe-line.biz/
 Template:     ego_woocommerce_tcd079
 Version:      1.0.0
 License:      GNU General Public License v2 or later
*/
.cf:before, .cf:after {
 content: "";
 display: table;
}
.cf:after {
 clear: both;
}
.cf {
 zoom: 1;
}
.cl {
 clear: both;
}
hr {
 height: 0;
 margin: 0.5em 0 0;
 padding: 0.5em 0 0;
 border: 0;
 overflow: visible;
 border-top: 1px solid #bbb;
}
img {
 border: 0px;
 -ms-interpolation-mode: bicubic;
}
a {
 color: #222222;
 text-decoration: none;
 transition: .3s;
 pointer-events: painted;
}
a img:hover {
 filter: alpha(opacity=80);
 -moz-opacity: 0.80;
}
img, object, embed {
 max-width: 100%;
 height: auto;
 backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
}
/* ---ヘッダーのカート関連ボタン--- */
.p-header__membermenu{
display: none;
}
/* ---フォント--- */
.line-green {
 background: #00A0AC;
 padding: 0 0.25em 0.05em;
 color: white;
 display: inline-block;
 margin: 0.1em 0.15em;
 line-height: 1.4;
}
.circle-green {
 background: #00A0AC;
 padding: 0 0.75em 0.1em;
 color: white;
 display: inline-block;
 margin: 0.1em 0.5em 0.15em 0;
 border-radius: 50%;
}
.font-green {
 color: #00A0AC;
}
.font-blue {
 color: #00BCBC;
}
.font-s {
 font-size: 80%;
 line-height: 1.4;
}
.font-l {
 font-size: 140%;
 line-height: 1.6;
}
.font-ll {
 font-size: 180%;
 line-height: 1.6;
}
.text-red {
 color: #FF0039;
}
.required {
 color: #FF0039;
 font-size: 90%;
}
.p-header__logo, .p-logo {
 width: auto;
}
.p-logo a {
 width: 60%;
}
.p-header__logo img {
 width: 100%;
}
.p-footer__logo {
 max-width: 160px;
 margin: 0 auto;
}
.l-inner {
 max-width: 1380px;
}
/* ---トップページ動画ボタン--- */
.video-btn-wrap {
 position: absolute;
 overflow: hidden;
 width: 100%;
 height: 100%;
}
.video-btn-wrap::after {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.1);
 background-image: radial-gradient(rgba(0, 0, 0, 0.1) 30%, transparent 31%), radial-gradient(rgba(0, 0, 0, 0.1) 30%, transparent 31%);
 background-size: 4px 4px;
 background-position: 0 0, 2px 2px;
}
.video-btn-wrap .video-btn-wrap-inner {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 -webkit- transform: translateY(-50%) translateX(-50%);
 z-index: 10;
 width: 90%;
 max-width: 400px;
}
.video-btn-wrap .video-btn-wrap-inner .video-logo {
 margin: 0 auto 20px;
 text-align: center;
}
.video-btn-wrap .video-btn-wrap-inner .video-logo img {
 animation: video-logo-anime 3s forwards;
}
@keyframes video-logo-anime {
 0% {
  opacity: width:50%
 }
 100% {
  opacity: width:100%
 }
}
.video-btn-wrap .video-btn-wrap-inner .video-btn {
 margin: 10px auto;
}
.video-btn .video-btn-l {
 width: 46%;
 float: left;
}
.video-btn .video-btn-r {
 width: 46%;
 float: right;
}
.video-btn .video-btn-l a, .video-btn .video-btn-r a {
 display: inline-block;
 padding: 1.5em 1.5em;
 background: #fff;
 color: #00A0AC;
 width: 100%;
 text-align: center;
}
.video-btn .video-btn-l a:hover, .video-btn .video-btn-r a:hover {
 background: #00A0AC;
 color: #fff;
}
/* ---メニュー--- */
.our-menu-wrap {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 position: relative;
 z-index: 2;
}
.our-menu-wrap h2 {
 padding-bottom: 1em;
 text-align: center;
 color: #fff;
 font-size: 3em;
 line-height: 100%;
}
.our-menu-wrap h2 .h2-span {
 display: block;
 font-size: 0.4em;
 margin: 0 auto;
}
.top-menu {
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-around;
 width: 88.8888%;
 max-width: 1110px;
 margin: 0 auto;
}
.top-menu .top-menu-inside {
 width: 20%;
 text-align: center;
}
.top-menu .top-menu-inside a {
 color: white;
}
.top-menu .top-menu-inside p {
 padding-bottom: 0;
 margin-bottom: 0;
}
.top-menu-inside:hover a {
 cursor: pointer;
}
.top-menu-inside a .btn01 {
 margin: 0.5em auto 0;
}
/*---パララックス---*/
.parallax-wrap {
 background-color: #EBFBFA;
 overflow: hidden;
}
.parallax_content {
 display: block;
}
.para-txt {
 display: block;
 background-color: #00A0AC;
 color: #fff;
 padding: 5% 5% 3% 5%;
 position: absolute;
 left: 50%;
 top: 10%;
}
.para-txt h3 {
 padding-bottom: 0.1em;
 font-size: 2rem;
}
.para-txt p {
 line-height: 1.8;
 margin-bottom: 1em;
}
.black-box {
 background-color: rgba(0, 0, 0, 0.6);
 color: #fff;
 padding: 5%;
 width: 40%;
 text-align: center;
 position: absolute;
 top: -12%;
 left: -10%;
}
.num {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 1000;
}
.parallax_box {
 position: relative;
 padding: 20% 0;
 min-height: 1000px;
}
.parallax_box .particle {
 position: absolute;
 margin: 0 auto;
}
.parallax_box .particle img {
 width: 100%;
 height: auto;
}
.parallax_box .particle1 {
 width: 75%;
 max-width: 900px;
 height: auto;
 background-size: 100%;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 z-index: 100;
}
.parallax_box .particle1 img {
 width: 60%;
 height: auto;
}
.parallax_box .particle2 {
 width: 30%;
 left: 2%;
 top: 4%;
}
.parallax_box .particle3 {
 width: 34%;
 left: 66%;
 top: 10%;
}
.parallax_box .particle4 {
 width: 20%;
 left: 0;
 top: 40%;
}
.parallax_box .particle5 {
 width: 20%;
 right: 0;
 top: 60%;
}
.parallax_box .particle6 {
 width: 20%;
 left: 20%;
 top: 70%;
}
#cb_1.p-cb__item {
 padding: 0;
}
#cb_1 .p-entry__body {
 margin-top: 0;
}
#cb_2.p-cb__item {
 padding: 0;
}
#cb_2 .p-entry__body {
 margin-top: 0;
}
#cb_4.p-cb__item {
 padding: 0;
}
#cb_4 .p-entry__body {
 margin: 0;
}
#cb_7.p-cb__item {
 padding: 0;
}
#cb_8.p-cb__item {
 padding: 0;
}
.parallax-wrap a.btn02 {
 /*margin-top: 0.5em;*/
}
/*---greeneryの商品とは---*/
.commitment-wrap {
 /*background: #F1F1F1;*/
 background: #F1F6F6;
 padding: 100px 0;
}
.commitment-wrap h2 {
 padding-bottom: 1em;
 text-align: center;
 font-size: 3em;
 line-height: 100%;
}
.commitment-wrap h2 .h2-span {
 display: block;
 font-size: 0.4em;
 margin: 0 auto;
}
.commitment-wrap .commitment-box {
 width: 90%;
 max-width: 1400px;
 margin: 0 auto 2em;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 overflow: hidden;
}
.commitment-wrap .commitment-box .commitment-inner {
 width: 30%;
 margin-right: 2%;
 position: relative;
 margin-bottom: 4%;
 text-align: center;
}
.commitment-wrap .commitment-box .commitment-inner:after {
 position: absolute;
 content: "";
 background: url("/wp/wp-content/uploads/2021/04/img-plus.svg") center center no-repeat;
 right: -20px;
 top: 30%;
 width: 40px;
 height: 40px;
}
.commitment-wrap .commitment-box .commitment-inner:last-child:after {
 position: absolute;
 content: "";
 width: 0;
 height: 0;
}
.commitment-wrap .commitment-box .commitment-inner .commitment-inner-img {
 width: 60%;
 margin: 0 auto 1em;
}
.commitment-wrap .commitment-box .commitment-inner .commitment-inner-img img {
 width: 100%;
 height: auto;
}
.commitment-wrap .commitment-box .commitment-inner .commitment-inner-midashi {
 font-weight: 700;
 margin-bottom: 0.5em;
 line-height: 1.4;
}
.commitment-wrap .commitment-box .commitment-inner .commitment-inner-txt {
 font-size: 90%;
 line-height: 1.4;
}
.commitment-wrap .equal {
 width: 90%;
 max-width: 1200px;
 margin: 60px auto 0;
 position: relative;
 text-align: center;
 letter-spacing: 0.1em;
}
.commitment-wrap .equal:after {
 position: absolute;
 content: "";
 background: url("/wp/wp-content/uploads/2021/04/img-minus.svg") center center no-repeat;
 right: calc(50% - 20px);
 top: -60px;
 width: 40px;
 height: 40px;
}
/*---エシカル---*/
.ethical-wrap {
 background: #F1ECE0;
 padding: 100px 0 100px;
}
.ethical-wrap .ethical-inner {
 width: 90%;
 max-width: 1000px;
 margin: 0 auto;
}
.ethical-wrap .ethical-inner .ethical-slogan {
 width: 48%;
 float: right;
}
.ethical-wrap .ethical-inner .ethical-img {
 width: 48%;
 float: left;
 text-align: center;
}
.ethical-wrap .ethical-inner .ethical-img img {
 width: 70%;
 height: auto;
}
.ethical-wrap .ethical-inner .ethical-slogan .circle-green {
 font-size: 140%;
}
.ethical-wrap .ethical-inner .ethical-slogan p {
 margin: 0.5em 0;
}
/*---マップ---*/
#cb_5.p-cb__item {
 /*padding-bottom: 0;*/
}
#cb_5.p-entry__body {
 /*margin-top: 0*/
}
.g-access-wrap {
 background: #EFF7F6 url("/wp/wp-content/uploads/2021/04/main-uber.jpg") left center no-repeat;
 background-size: 84%;
 background-attachment: fixed;
}
.g-access-box {
 background-color: #EFF7F6;
 float: right;
 padding: 4%;
 text-align: left;
 font-size: 18px;
 line-height: 200%;
 margin-top: 10%;
 margin-bottom: 10%;
 width: 40%;
}
.g-access-box .g-access-logo {
 width: 30%;
 margin-bottom: 1em;
}
.g-access-box .g-access-logo img {
 width: 100%;
 height: auto;
}
.p-body .g-access-box .g-access-txt p {
 line-height: 1.8;
 margin-bottom: 1em;
}
.p-body table.table-noborder {
 border-collapse: collapse;
 border: none;
 margin-bottom: 1em;
}
.p-body table.table-noborder th, .p-body table.table-noborder td {
 border: none;
}
.p-body table.table-noborder th {
 padding: 0 1em 0.25em 0;
 vertical-align: top;
 font-weight: normal;
 background: transparent;
}
.p-body table.table-noborder td {
 padding: 0 0 0.25em 0;
 line-height: 1.6;
 background: transparent;
}
table.wc-tab__spec-table{
width: 100%;
}
table.wc-tab__spec-table th{
background: #FEFEFE;
}
.wc-tab__inner{
background: #fAfAfA;
}
.border {
 border-bottom: 1px solid #D5D5D5;
}
.square {
 display: inline-block;
 width: 15px;
 height: 15px;
 background: #000;
 margin-right: 5px;
}
.access-p {
 padding: 20px 0%;
}
.p-head {
 padding: 10px 0px;
}
/*---インスタグラム---*/
#cb_6.p-cb__item {
 /*padding: 0;*/
}
.insta-wrap {
 background-color: #00A0AC;
 text-align: center;
 padding-bottom: 10%;
}
.insta-ttl {
 display: block;
 width: 35%;
 color: #fff;
 margin: 0 auto;
 padding-bottom: 4%;
 padding-top: 4%;
}
.insta-photo {
 width: 90%;
 background-color: #fff;
 margin: 0 auto;
}
.p-body .insta-ttl a {
 color: white;
}
.p-body .insta-ttl a:hover {
 opacity: 0.8;
}
.sns-btn ul {
 list-style: none;
 text-align: center;
 margin: 10px auto;
}
.sns-btn ul li {
 display: inline-block;
 margin: 0 4px;
}
/*---btn---*/
.btn01, a.btn01 {
 position: relative;
 background: #00A0AC;
 padding: 0.25em 2em 0.25em 1.25em;
 color: white;
 display: inline-block;
}
.btn01:hover, a .btn01:hover {
 background: #00D0DF;
}
.top-menu-inside:hover a .btn01 {
 background: #00D0DF;
}
.btn01::before, a.btn01::before {
 position: absolute;
 content: "";
 vertical-align: middle;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 1em;
 width: 4px;
 height: 4px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.btn02, a.btn02, .p-body .btn02, .p-body a.btn02 {
 position: relative;
 background: #FFF;
 padding: 0.5em 1em 0.5em 2em;
 color: #00A0AC;
 display: inline-block;
}
.btn02:hover, a .btn02:hover, .p-body .btn02:hover, .p-body a.btn02:hover {
 background: #BFE5E8;
 color: #00A0AC;
}
.btn02::before, a.btn02::before {
 position: absolute;
 content: "";
 vertical-align: middle;
 top: 0;
 bottom: 0;
 margin: auto;
 left: 1em;
 width: 4px;
 height: 4px;
 border-top: 1px solid #00A0AC;
 border-right: 1px solid #00A0AC;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.p-footer-nav__area {
 border-top: solid 1px #ddd;
}
/* 第二階層の枠を削除-------------------------------------------------------------- */
.p-entry-page__inner {
 border: none;
 padding: 0;
}
/* お問い合わせ-------------------------------------------------------------- */
.wpcf7 {
 border: none;
 background: transparent;
}
.inquiry dl {
 display: flex;
 flex-wrap: wrap;
 width: 90%;
 max-width: 800px;
 margin: 0 auto;
}
.inquiry dl dt {
 width: 40%;
 text-align: left;
 line-height: 140%;
 margin-bottom: 2em;
}
.inquiry dl dd {
 width: 60%;
 text-align: left;
}
fieldset {
 margin: 2em auto;
}
.stores-size{
color: #7B7B7B;
}
@media screen and (max-width: 767px) {}
/* PC パソコン用CSS-------------------------------------------------------------- */
@media print, screen and (min-width: 769px) {
 .sp {
  display: none;
 }
 .p-page-header__image .p-page-header__overlay {
  min-height: 300px;
 }
 .box-l {
  float: left;
  width: 48%;
 }
 .box-r {
  float: right;
  width: 48%;
 }
 .flex-box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 2em;
 }
 .flex-box .flex-box-in {
  width: 48%;
 }
 .contents-tel-wrap {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
 }
 .contents-tel-number {
  width: 100%;
  padding: 10px auto;
 }
 .contents-tel-number .tel-number-box {
  background: url("images/icon-tell.png") left center no-repeat;
  padding: 0 0;
 }
 .contents-tel-number .tel-txt {
  display: block;
  padding-left: 210px;
  font-size: 0.8em;
 }
 .contents-tel-number .tel-number {
  font-size: 3.6em;
  padding-left: 0.25em;
  letter-spacing: 0;
  font-weight: bold;
 }
 .contents-tel-number .tel-number a {
  text-decoration: none;
  pointer-events: none;
 }
}
/* PC 幅の狭いパソコン用CSS-------------------------------------------------------------- */
@media print, screen and (max-width: 1136px) {}
/* PC 幅の狭いパソコン用CSS-------------------------------------------------------------- */
@media print, screen and (max-width: 960px) {}
/* SP スマホ用CSS-------------------------------------------------------------- */
@media print, screen and (max-width: 768px) {
 .p-header__logo--mobile {
  width: 36%;
 }
 .p-header__logo--mobile img {
  width: 100%;
  height: auto;
 }
 .p-header__upper {
  display: none;
 }
 /* ---フォント--- */
 .line-green {
  display: inline;
 }
 .circle-green {
  padding: 0.25em 0.75em 0.25em;
 }
 .font-s {
  font-size: 80%;
  line-height: 1.4;
 }
 .font-l {
  font-size: 120%;
  line-height: 1.6;
 }
 .font-ll {
  font-size: 140%;
  line-height: 1.6;
 }
 .pc {
  display: none;
  text-indent: -9999px;
 }
 /*---メニュー---*/
 .our-menu-wrap h2 {
  font-size: 2em;
 }
 .top-menu {
  flex-wrap: wrap;
  justify-content: space-around;
  width: 60%;
 }
 .top-menu .top-menu-inside {
  width: 100%;
  text-align: center;
  margin-bottom: 20%;
 }
 .video-btn-wrap .video-btn-wrap-inner .video-btn {
  font-size: 80%;
 }
 .p-header-video {
  height: 470px;
 }
 /*---greeneryの商品とは---*/
 .commitment-wrap {
  padding: 60px 0;
 }
 .commitment-wrap h2 {
  font-size: 2em;
 }
 .commitment-wrap .commitment-box .commitment-inner .commitment-inner-midashi {
  line-height: 1.6;
 }
 .video-btn-wrap .video-btn-wrap-inner {
  width: 80%;
  max-width: 300px;
 }
 .video-btn-wrap .video-btn-wrap-inner .video-logo {
  width: 40%;
 }
 .commitment-wrap .commitment-box {
  width: 90%;
  margin: 0 auto 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  overflow: hidden;
 }
 .commitment-wrap .commitment-box .commitment-inner {
  width: 38%;
  margin-right: 2%;
  position: relative;
  margin-bottom: 4%;
  text-align: center;
 }
 .commitment-wrap .commitment-box .commitment-inner:after {
  position: absolute;
  content: "";
  background: url("/wp/wp-content/uploads/2021/04/img-plus.svg") center center no-repeat;
  right: -16%;
  top: 40px;
  width: 20px;
  height: 20px;
  background-size: 20px;
 }
 .commitment-wrap .equal:after {
  top: -40%;
  background-size: 40%;
 }
 /*---パララックス---*/
 .parallax-wrap {
  background-color: #EBFBFA;
  overflow: hidden;
 }
 .parallax_content {
  display: block;
 }
 .para-txt {
  padding: 6% 6% 4% 6%;
  position: absolute;
  left: 10%;
  top: 80%;
  width: 100%;
 }
 .parallax_box {
  min-height: 100vh;
 }
 .parallax_box .particle1 {
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  -webkit-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
 }
 .parallax_box .particle1 img {
  width: 80%;
  height: auto;
 }
 .para-txt h3 {
  padding-bottom: 0.5em;
  margin-bottom: 0;
  font-size: 1.4rem;
 }
 .parallax_box .particle2 {
  width: 60%;
  left: 2%;
  top: 4%;
 }
 .parallax_box .particle3 {
  width: 44%;
  left: 66%;
  top: 10%;
 }
 .parallax_box .particle4 {
  width: 30%;
  left: 0;
  top: 40%;
 }
 .parallax_box .particle5 {
  width: 40%;
  right: 0;
  top: 60%;
 }
 .parallax_box .particle6 {
  width: 30%;
  left: 20%;
  top: 70%;
 }
 /*---エシカル---*/
 .ethical-wrap {
  padding: 60px 0 60px;
 }
 .ethical-wrap .ethical-inner .ethical-slogan {
  width: max-content;
  float: inherit;
  margin: 0 auto 10%;
 }
 .ethical-wrap .ethical-inner .ethical-img {
  width: 100%;
  float: inherit;
  margin-bottom: 10%;
 }
 .ethical-wrap .ethical-inner .ethical-img img {
  width: 70%;
  height: auto;
 }
 /*---マップ---*/
 .g-access-wrap {
  background: #EFF7F6 url("/wp/wp-content/uploads/2021/04/main-uber.jpg") center top no-repeat;
  background-size: cover;
  background-attachment: inherit;
 }
 .g-access-box {
  background-color: #EFF7F6;
  float: inherit;
  line-height: 200%;
  margin: 40% auto 0;
  width: 88%;
  padding: 8% 6% 10% 6%;
 }
 .g-access-box .g-access-logo {
  width: 40%;
  display: inline-block;
  margin: 0 auto 1em;
 }
 .p-body .g-access-box .g-access-txt p {
  font-size: 75%;
 }
 .p-body .g-access-box table.table-noborder th, .p-body table.table-noborder td {
  font-size: 75%;
 }
 /*---インスタ---*/
 .insta-wrap {
  padding: 40px;
 }
 .insta-ttl {
  width: 80%;
 }
 .p-footer__logo--mobile {
  width: 40%;
  margin: 0 auto;
 }
 .p-footer__desc {
  line-height: 1.6;
 }
 .box-l, .box-r {
  float: inherit;
  width: 100%;
  margin-bottom: 4em;
 }
 .flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em;
 }
 .flex-box .flex-box-in {
  width: 100%;
  margin-bottom: 2em;
 }
 .contents-tel-wrap {
  width: 100%;
  margin: 0 auto;
 }
 .contents-tel-number {
  width: 100%;
  padding: 10px auto;
  text-align: center;
 }
 .contents-tel-number .tel-number-box {
  background: url("images/icon-tell.png") left center no-repeat;
  padding: 0em 0 0em 1.5em;
  background-size: 10%;
 }
 .contents-tel-number .tel-txt {
  display: block;
  padding-left: 210px;
  font-size: 0.8em;
 }
 .contents-tel-number .tel-number {
  font-size: 2.6em;
  padding-left: 0.25em;
  letter-spacing: 0;
  font-weight: bold;
 }
 .contents-tel-number .tel-number a {
  text-decoration: none;
  pointer-events: none;
 }
 .contents-tel-wrap .contents-tel-txt {
  text-align: center;
 }
 .contents-tel-number .tel-number a {
  pointer-events: auto;
 }
}
@media screen and (max-width: 991px) {}