@charset utf-8;
@import url("./sub2.css?1");

/*
TOP
***********************************/

.sp {
  display: none;
}

/* eyecatch_plus */
@media screen and (min-width: 1201px) {
  .mainvisual .slide-img a.catch_01 {
    background: url(../img/top/eyecatch_01.png) no-repeat center 0;
    width: 100%;
    height: 400px;
  }
  .mainvisual .slide-img a.catch_02 {
    background: url(../img/top/eyecatch_02.png) no-repeat center 0;
    width: 100%;
    height: 400px;
  }
  .mainvisual .slide-img a.catch_03 {
    background: url(../img/top/eyecatch_03.png) no-repeat center 0;
    width: 100%;
    height: 400px;
  }
  .mainvisual .slide-img a.catch_04 {
    background: url(../img/top/eyecatch_04.png) no-repeat center 0;
    width: 100%;
    height: 400px;
  }
  .mainvisual .slide-img a.catch_05 {
    background: url(../img/top/eyecatch_05.png) no-repeat center 0;
    width: 100%;
    height: 400px;
  }
  .mainvisual .slide-img div.catch_newyear {
    background: url(../img/top/eyecatch_2021_newyear.png) no-repeat center 0;
    width: 100%;
    height: 400px;
  }
  .mainvisual .slide-img div.link picture {
    display: none;
  }
}
/* pickup */
.pickuplist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pickuplist li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 40px;
}

.pickuplist_top .pickuplist li {
  width: 33%;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0;
}

.container_top_link {
  margin: -50px auto 100px auto;
}

.pickuplist_home {
  line-height: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.pickuplist_home li {
  width: 32%;
  margin: 0;
}

.pickuplist_home li a {
  border: none !important;
}

.pickuplist_top .pickuplist,
.products_futured_list {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  height: 0;
}

.pickuplist.slick-initialized,
.products_futured_list.slick-initialized {
  opacity: 1;
  height: auto;
}

.pickuplist_top .pickuplist li a {
  border: none;
}

.column_sp {
  display: none;
}

.pickuplist_top .pickuplist {
  width: 100%;
  margin: 0 auto;
  position: relative !important;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 50px;
}
.pickuplist_top .pickuplist .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: transparent;
  font-size: 0;
  background-color: #af8f66;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
  border: none;
}
.pickuplist_top .pickuplist .slick-arrow:hover {
  background-color: #eee;
}
.pickuplist_top .pickuplist .slick-arrow:hover:after {
  border-color: #af8f66;
}
.pickuplist_top .pickuplist .slick-arrow:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-37%, -50%);
  transform: translate(-37%, -50%);
  -webkit-transform: translate(-37%, -50%) rotate(-45deg);
  transform: translate(-37%, -50%) rotate(-45deg);
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}
.pickuplist_top .pickuplist .slick-prev {
  left: 0;
}
.pickuplist_top .pickuplist .slick-prev:after {
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
}
.pickuplist_top .pickuplist .slick-next {
  right: 0;
}
.pickuplist_top .pickuplist .slick-next:after {
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  margin-left: -2px;
}

.pickuplist_top .pickuplist .slick-dots {
  text-align: center;
  z-index: 10;
  position: relative;
}

.pickuplist_top .pickuplist .slick-dots li {
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0 5px !important;
  height: 10px;
}

.pickuplist_top .pickuplist .slick-dots li button {
  color: transparent;
  font-size: 0;
  border: none;
  border-radius: 100%;
  background-color: #af8f66;
  width: 10px;
  height: 10px;
  overflow: hidden;
  padding: 0;
  border: solid 2px #af8f66;
  cursor: pointer;
}

.pickuplist .slick-dots li.slick-active button,
.products_futured_list .slick-dots li.slick-active button {
  background-color: #fff;
}

.products_futured_list .slick-dots {
  text-align: center;
  height: 10px;
  margin-top: 15px;
  z-index: 10;
  position: relative;
}

.products_futured_list .slick-dots li {
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0 5px !important;
  height: 10px;
}

.products_futured_list .slick-dots li button {
  color: transparent;
  font-size: 0;
  border: none;
  border-radius: 100%;
  background-color: #af8f66;
  width: 10px;
  height: 10px;
  overflow: hidden;
  padding: 0;
  border: solid 2px #af8f66;
  cursor: pointer;
}

.products_futured_list .slick-dots li.slick-active button {
  background-color: #fff;
}

.pickuplist li:nth-of-type(3n) {
  margin-right: 0;
}
.pickuplist li a {
  display: block;
  border: solid 1px #f5f2e9;
  height: 100%;
}
.pickuplist li a:hover {
  text-decoration: none;
}
.pickuplist li .txtzone {
  color: #272727;
  font-size: 14px;
  padding: 20px 10px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pickuplist li .txtzone .date {
  font-size: 16px;
  margin-bottom: 5px;
}
/* bland */
.blandlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 975px;
  margin: 0 auto;
}
.blandlist li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.blandlist li:nth-of-type(3n) {
  margin-right: 0;
}
/* about */
.aboutlist .inner {
  background: url(../img/top/img_about.png) no-repeat 100% 0;
  background-size: auto 115%;
}
.aboutlist .txtzone {
  width: 47%;
  margin-right: 50%;
  padding-right: 3%;
}
.aboutlist .catch {
  font-size: 26px;
  color: #412101;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.7;
}
.aboutlist .txtzone {
  margin-bottom: 50px;
}
.aboutlist .txtzone p {
  margin-bottom: 30px;
  line-height: 2;
}
.aboutlist .photo {
  display: none;
}
.aboutlist.bg2 .inner {
  background: url(../img/top/img_about_02.png) no-repeat 100% 0;
  background-size: 100%;
  max-width: 100%;
}
.aboutlist.bg2 .txtzone {
  margin-left: 50%;
  padding: 20px 0;
}
.aboutlist.bg2 .catch {
  color: #fff;
  padding-top: 20px;
  margin-bottom: 30px;
  font-size: 26px;
}
.aboutlist.bg2 .txtlist {
  background: #faf8f4;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #412101;
}
.aboutlist.bg2 .txtlist dt {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 22px;
}
.aboutlist.bg2 .txtlist dd {
  margin-bottom: 30px;
  margin-left: 10px;
}
.aboutlist.bg2 .txtzone .txtlist p {
  margin-bottom: 0;
  font-size: 14px;
}
.aboutlist_top {
  margin-top: 40px;
}
/* product */
.productlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.content_foot .productlist {
  margin-bottom: 0;
}
.productlist li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1%;
  text-align: center;
}
.productlist li:nth-of-type(4n) {
  margin-right: 0;
}
.productlist li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #f4f1e8;
  background-color: #fff;
}
.productlist li a:hover {
  text-decoration: none;
  background: #f4f1e8;
}
.productlist li .photo {
  width: 25%;
  text-align: center;
  line-height: 0;
}
.productlist li .title {
  width: 75%;
  text-align: center;
  font-weight: bold;
  color: #412101;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.productsshop {
  padding: 60px 0;
}
.productsshop a {
  display: block;
  max-width: 750px;
  width: 100%;
  border: solid 2px #412101;
  position: relative;
  color: #412101;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.productsshop a span {
  background: url(../img/icon/icon_shop.png) no-repeat 0 50%;
  padding: 7px 0 7px 40px;
  display: inline-block;
}
.productsshop a:hover span {
  background: url(../img/icon/icon_shop_white.png) no-repeat 0 50%;
  padding: 7px 0 7px 40px;
  display: inline-block;
}
.productsshop a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #412101;
  border-right: 1px solid #412101;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -3px;
}
.productsshop a:hover {
  text-decoration: none;
  color: #fff;
  background: #412101;
}
.productsshop a:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -3px;
}
/* service */
.servicelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 985px;
}
.servicelist li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.servicelist li:nth-of-type(2n) {
  margin-right: 0;
}

.servicelist_sub li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.servicelist_sub li:nth-of-type(2n) {
  margin-right: 2%;
}
.servicelist_sub li:nth-of-type(3n) {
  margin-right: 0;
}
/* transaction */
.transactionlist .desc {
  margin-bottom: 30px;
  text-align: center;
}
.transactionlist .btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto;
}
.transactionlist .btnlist li {
  width: 49%;
  margin-right: 1%;
}
.transactionlist .btnlist li:last-child {
  margin-right: 0;
}
.transactionlist .btnlist li a {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  position: relative;
  background: #af8f66;
  padding: 20px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  line-height: 1.5;
}
.transactionlist .btnlist li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -3px;
}
.transactionlist .btnlist li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.transactionlist .btnlist li a span {
  display: block;
}
.transactionlist .btnlist li a span.sub {
  font-size: 12px;
  margin-top: 5px;
}
/* news */
.newslist {
  max-width: 700px;
  margin: 0 auto 50px;
}
.newslist dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 1px #272727;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding: 0 10px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.newslist dt {
  width: 95px;
  margin-right: 20px;
  white-space: nowrap;
}
.newslist dd a {
  color: #272727;
  text-decoration: none;
}
.news_post .wp-block-table tr td {
  min-width: 110px;
}

/* f_bnr */
.snslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1010px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .snslist .footer-online {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) {
  .snslist .footer-online {
    width: calc(55% - 20px);
    margin-right: 40px;
    text-align: center;
  }
}
.snslist .instazone,
.snslist .fbzone {
  width: calc(45% - 20px);
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .snslist .instazone,
	.snslist .fbzone {
    margin-bottom: 50px;
  }
}
#insta_box .title,
.footer-online .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  margin-bottom: 29px;
  font-size: 20px;
  color: #412101;
}
#insta_box .title {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  #insta_box .title,
  .footer-online .title {
    text-align: center;
    margin-bottom: 10px;
  }
}
#insta_box .chuui,
.footer-online .chuui {
  font-size: 12px;
  padding-bottom: 40px;
  display: block;
  text-decoration: underline;
  color: #2c2c2c;
}
@media screen and (max-width: 767px) {
  #insta_box .chuui,
  .footer-online .chuui {
    text-align: center;
    padding-bottom: 30px;
  }
}
#insta_box #instafeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#insta_box #instafeed li {
  width: 33.3333333%;
  padding-top: 33.3333%;
  overflow: hidden;
  position: relative;
}
#insta_box #instafeed li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
#insta_box #instafeed li a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
#insta_box #instafeed li:nth-of-type(9) {
  display: none;
}
#insta_box #instafeed li:nth-of-type(10) {
  display: none;
}
#insta_box #instafeed li:nth-of-type(11) {
  display: none;
}

.fbzone .title {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 20px;
  color: #412101;
}

.f_bnrlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 19.5px;
  padding-bottom: 16px;
  margin-top: 49.5px;
  border-top: 1px solid #dadada;
}
@media screen and (min-width: 768px) {
  .f_bnrlist {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.f_bnrlist li {
  margin: 0 5px;
}
/* ir */
.ir {
  max-width: 800px;
  margin: 0 auto;
}
.ir_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ir_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*
PAGE
***********************************/

/* sub_common */
.subcatch {
  position: relative;
}
.subcatch.service {
  width: 100%;
  background: url(../img/items/img_subcatch_service.png) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
}
.subcatch.about {
  width: 100%;
  background: url(../img/items/img_subcatch_about.png) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
}
.subcatch.about2 {
  width: 100%;
  background: url(../img/items/img_subcatch2.png) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
}
.subcatch.activity {
  width: 100%;
  background: url(../img/items/img_subcatch_activity.png) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
}
.subcatch.company {
  background: #000;
}
.subcatch:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.brand {
  width: 100%;
  background: url(../img/brand/visual_brand.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.brand:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.products {
  width: 100%;
  background: url(../img/products/visual.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.products:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.shopguide {
  width: 100%;
  background: url(../img/shopguide/visual_shopguide.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.shopguide:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.company {
  width: 100%;
  background: url(../img/company/visual_company.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.company:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.news {
  width: 100%;
  background: url(../img/news/visual_news.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.news:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.customer {
  width: 100%;
  background: url(../img/customer/visual_customer.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.customer:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.organic {
  width: 100%;
  background: url(../img/organic/visual_organic.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.organic:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.japan {
  width: 100%;
  background: url(../img/japan/visual_japan.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.japan:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.rspo {
  width: 100%;
  background: url(../img/rspo/visual_rspo.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.rspo:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.plant {
  width: 100%;
  background: url(../img/plant/visual_plant.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.plant:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.vision {
  width: 100%;
  background: url(../img/vision/visual_vision.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.vision:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.kantannatural {
  width: 100%;
  background: url(../img/kantannatural/visual_kantannatural.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.kantannatural:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.sdgs {
  width: 100%;
  background: url(../img/about/visual_sdgs.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.sdgs:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.direction {
  width: 100%;
  background: url(../img/about/visual_direction.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.direction:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}
.subcatch.think {
  width: 100%;
  background: url(../img/about/visual_think.jpg) no-repeat center 50%;
  background-size: cover;
  padding: 30px 0;
  position: relative;
}
.subcatch.think:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.28);
}

.center {
  text-align: center;
}

.about_direction {
  border: solid 1px #8e9089;
}

.about_direction_box {
  border-bottom: solid 1px #8e9089;
  padding: 0 20px;
}

.about_direction_box:last-child {
  border-bottom: none;
}

.about_think_list {
  margin-top: 50px;
}

.about_think_ph {
  margin-bottom: 50px;
}

.about_think_ph img {
  width: 100%;
}

.format-type1 {
  margin: 30px 0;
}

.format-type1 tr th,
.format-type1 tr td {
  border-bottom: 1px dotted #000;
  padding: 10px;
}

.faq_list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #b08f65;
  margin-bottom: 30px;
}

.faq_list_box_q {
  width: 50px;
  background-color: #b08f65;
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
}

.faq_list_box_content {
  padding: 0 20px;
  width: calc(100% - 50px);
}

.faq_list_box_title {
  padding: 20px 0;
  position: relative;
  cursor: pointer;
}

.faq_list_box_text_wrap {
  padding: 20px 0;
  border-top: dotted 1px #b08f65;
  display: none;
}

.faq_list_box_title:after {
  display: block;
  content: "";
  width: 1px;
  height: 18px;
  background: #b08f65;
  position: absolute;
  right: 9px;
  top: 24px;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}

.faq_list_box_title:before {
  display: block;
  content: "";
  width: 18px;
  height: 1px;
  background: #b08f65;
  position: absolute;
  right: 0;
  top: 32px;
}

.faq_list_box_title.active:after {
  opacity: 0;
}

.faq_list_box_subtitle {
  font-weight: bold;
  color: #412101;
  margin-bottom: 20px;
}

/* company */
.company_content {
  max-width: 985px;
  margin-left: auto;
  margin-right: auto;
}
.company_links {
  padding: 20px 37px;
  background-color: #f9f9f9;
}
.company_links a {
  color: #674b2f;
}
.company_content_wrap {
  margin: 80px 0 0 0;
}
.company_content_jasdaq {
  text-align: center;
}
.company_content_jasdaq img {
  max-width: 100%;
  width: 160px;
  height: auto;
}
/* products */
.products_text a {
  color: #af8f66;
}
.products_search {
  margin: 100px 0 60px 0;
}
@media screen and (max-width: 767px) {
	.products_search .column_wrap {
		margin-top: 10px;
	}
}

.products_category {
  margin: 50px 0;
}
.products_search .title_h1 {
  margin-bottom: 0;
}
.products_search .title_h2 {
  margin-top: 0;
  text-align: center;
}
.products_search_input {
  margin-bottom: 10px;
}
.products_search_input .form_element {
  padding: 16px 22px;
}
@media screen and (max-width: 767px) {
  .products_search_input .form_element {
		font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
	}
  .products_search_input .form_element::placeholder {
		font-size: 11px;
	}
}
.products_search .column_box {
  margin-bottom: 30px;
}

/* pickyp */
.pickup_wrap {
  margin: 60px auto 40px auto;
  max-width: 900px;
}
.pickup_photo {
  margin: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pickup_photo_box {
  margin: 7px 0;
  width: 32%;
}

.pickup_download {
  position: relative;
  padding: 1px;
}

.pickup_download_btns {
  background-color: #ece7e7;
  border-radius: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
}

.pickup_chirashi {
  width: 26%;
  margin: 30px;
  z-index: 1;
  position: relative;
  line-height: 0;
  margin-top: 0;
}

.pickup_chirashi img {
  -webkit-box-shadow: 0px 0px 6px 0px rgba(17, 18, 17, 0.19);
  box-shadow: 0px 0px 6px 0px rgba(17, 18, 17, 0.19);
}

.pickup_download_btns_inner {
  width: 66%;
  margin-left: auto;
}

.pickup_download_btns_download {
  margin-bottom: 15px;
}

/* consultation */
.consultation {
  text-align: center;
}
/* customer */
.customer_telephone {
  border-radius: 5px;
  background-color: #412101;
  padding: 20px;
  text-align: center;
  color: #fff;
}
.customer_telephone_phone {
  font-size: 46px;
}
.customer_text {
  text-align: center;
  margin: 30px 0 50px 0;
}

.customer_text a {
  text-decoration: underline;
  font-weight: bold;
}
.customer_content {
  text-align: center;
}
.customer_content .title_h2 {
  margin-bottom: 0;
  margin-top: 70px;
}
.customer_content .column_box {
  background-color: #f9f9f9;
  border-radius: 5px;
  padding: 1px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.customer_info {
  text-align: left;
}
/* online */
.online .title_h4 {
  text-align: center;
  font-weight: bold;
}
.online_wrap {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.online_logo {
  margin: 30px auto;
}
.online_logo img {
  width: 100%;
  height: auto;
}
/* brand */
.brand_copy {
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  position: relative;
}
.brand_copy_title {
  position: absolute;
  left: 8%;
  right: 8%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.brand_copy_ph img {
  width: 100%;
  height: auto;
}
.brand_content {
  margin: 80px 0;
}
.brand_content p {
  margin: 2em 0;
}
.brand_column_box {
  background-color: #f9f9f9;
  padding: 10px 30px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.brand_content_title {
  text-align: center;
}
.brand_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(249, 249, 249, 0)), to(rgba(249, 249, 249, 1)));
  background: linear-gradient(90deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 100%);
  padding: 30px;
  border-radius: 5px; /*border-bottom: dotted 1px #ccc;*/ /*padding-bottom: 30px;*/
}
.brand_items .title_h4 {
  font-size: 19px;
  margin-top: 10px0;
  margin-bottom: 30px;
}
.brand_items .title_h3 {
  margin-bottom: 13px;
}
.brand_items:last-child {
  border-bottom: none;
}
.brand_items_ph {
  width: 30%;
}
.brand_items_ph img {
  width: 100%;
  height: auto;
}
.brand_items_wrap {
  width: 65%;
}
.brand_items_text {
  /*padding-left: 20px;*/
}
.brand_items_text p {
  margin-top: 0;
}
.brand_title {
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
  margin-top: 0;
}
.brand_items_button {
  text-align: right;
}
.brand_items_button .button {
  display: inline-block;
  width: auto;
  padding-left: 20px;
  padding-right: 40px;
}
/* news */
.news_txt {
  text-align: center;
}
.news_ph {
  text-align: center;
}
.news_ph img {
  max-width: 100%;
  height: auto;
}
.news_txt {
  margin: 30px 0;
}
.news_links {
  max-width: 985px;
  margin: 0 auto;
}
/* about */
.about_box {
}
.about_box .title {
  text-align: center;
  color: #412101;
  margin-bottom: 50px;
}
.about_box .title.green {
  text-align: center;
  color: #064a01;
}
.about_box .title span {
  display: block;
}
.about_box .title span.small {
  display: inline;
  font-size: 65%;
  padding: 0 10px;
}
.about_box .title span.small2 {
  display: inline;
  font-size: 130%;
  padding-right: 5px;
}
.about_box .title .sub {
  font-size: 20px;
  margin-bottom: 5px;
}
.about_box .title .main {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 20px;
}
.about_box .title2 {
  text-align: center;
  color: #064a01;
  margin-bottom: 50px;
  font-size: 34px;
  font-weight: bold;
}
.about_box .title2 span.small {
  display: inline;
  font-size: 65%;
  padding: 0 5px;
}
.about_box .kodawari_list {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px 20px; /* border: solid 3px #054900; */
  background: #faf8f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.about_box .kodawari_list li {
  margin-bottom: 20px; /* color: #054900; */
  font-size: 18px;
  letter-spacing: 0.15em;
}
.about_box .kodawari_list li span {
  color: #412001;
  font-weight: bold;
}
.about_box .photo {
  text-align: center;
  margin-bottom: 50px;
}
.about_box .txtbox {
  margin-bottom: 50px;
  line-height: 2;
  max-width: 900px;
  margin: 0 auto;
}
.about_box .txtbox p {
  margin-bottom: 30px;
}
.about_box .listbox {
  -webkit-transform: translate(25px, 0px);
  transform: translate(25px, 0px);
}
.about_box .listbox > li {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about_box .listbox > li .photo {
}
.about_box .listbox > li .txtzone {
  background: #ffffff;
  padding: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50px, 20px);
  transform: translate(-50px, 20px);
}
.about_box .listbox > li .title {
  color: #064a01;
  font-size: 22px;
  margin-bottom: 20px;
  text-align: left;
  font-weight: bold;
}
.about_box .listbox > li .list > li {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 10px;
}
.about_box .concept {
  max-width: 900px;
}
.about_box .concept .txtbox {
  padding: 50px 0;
  line-height: 2;
}
.about_box .concept .txtbox p {
  margin-bottom: 20px;
}
.about_box .playlist {
  max-width: 900px;
  margin: 0 auto;
  background: #faf8f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
.about_box .playlist .sub {
  text-align: center;
  color: #412101;
  font-weight: bold;
  padding: 20px 0;
  font-size: 22px;
}
.about_box .playlist .list {
}
.about_box .playlist .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 0 10px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 10px 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.about_box .playlist .list li .photo {
  line-height: 0;
  margin-bottom: 0;
  width: 100px;
  margin-right: 20px;
  background: #fff;
}
.about_box .playlist .list li .txt {
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; /* line-height: 2; */
}
/* service */
.service_box {
  max-width: 900px;
  margin: 0 auto 50px;
  border-bottom: solid 1px #064a01;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -90px;
  padding-top: 90px;
}
.service_box .title {
  color: #064a01;
  text-align: center;
  margin-bottom: 50px;
}
.service_box .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 50px;
}
.service_box .body .photo {
  margin-left: 5%;
}
.service_box .body .txtzone {
}
.service_box .body .txtzone > ul > li {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 10px;
}
.service_box .plus {
  margin-bottom: 50px;
}
.service_box .plus dt {
  font-size: 18px;
  color: #064a01;
  margin-bottom: 20px;
  font-weight: bold;
}
.service_box .plus dd > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.service_box .plus dd > ul li {
  width: 46%;
  margin-right: 2%;
  margin-bottom: 10px;
  text-indent: -1em;
  margin-left: 1em;
}
.service_box .plus dd > ul li:nth-of-type(2n) {
  margin-right: 0;
}
/* activity */
.activity_box {
}
.activity_box .worklist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  font-size: 14px;
  margin-top: -90px;
  padding-top: 90px;
}
.activity_box .worklist .photo {
  width: 310px;
  margin-right: 20px;
}
.activity_box .worklist .txtzone {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 2;
}
.activity_box .worklist .txtzone p {
  margin-bottom: 20px;
}
/* products */
.products_futured {
  position: relative;
}
.products_futured_list {
  width: 90%;
  margin: 0 auto;
  position: static !important;
}
.products_futured_list .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: transparent;
  font-size: 0;
  background-color: #af8f66;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
  border: none;
}
.products_futured_list .slick-arrow:hover {
  background-color: #eee;
}
.products_futured_list .slick-arrow:hover:after {
  border-color: #af8f66;
}
.products_futured_list .slick-arrow:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: all, 0.3s;
  transition: all, 0.3s;
}
.products_futured_list .slick-prev {
  left: 20px;
}
.products_futured_list .slick-prev:after {
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
}
.products_futured_list .slick-next {
  right: 20px;
}
.products_futured_list .slick-next:after {
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  margin-left: -2px;
}
.productsbox {
  width: 30%;
  margin: 0 20px;
}
.productsbox img {
  width: 100%;
  height: auto;
}
/* products_list */
.products_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.products_list_box {
  width: 49%;
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 15px 0;
  color: #412101;
  text-decoration: none;
}
.products_list_box:hover {
  opacity: 0.5;
  color: #412101;
  text-decoration: none;
}
.products_list_box:hover .products_list_ph {
  opacity: 1;
}
.products_list_ph {
  width: 25%;
  background-color: #fff;
  position: relative;
}
.products_list_contents {
  width: 70%;
}
.search_no {
  margin: 100px 0;
  text-align: center;
  width: 100%;
}
.products_list_ph img {
  object-fit: contain;
  max-height: 168px;
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.products_list_title_code {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
  color: #806868;
  display: block;
}
.products_list_title {
  font-size: 16px;
  font-weight: bold;
}
.products_list_tag {
  padding: 15px 10px;
  font-size: 11px;
  background-color: #efefef;
  border-top: dotted 1px #412101;
  border-bottom: dotted 1px #412101;
  margin: 15px 0 0 0;
  font-size: 12px;
}

.products_list_tag_contents {
}

.products_list_tag_contents th {
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  padding-right: 7px;
}

.button_wrap_left .button {
  margin: 0;
}

.button_dark {
  background-color: #422201;
}

.format-type1_first_nowrap {
  white-space: nowrap;
}

/*.products_list_tag_contents:after {
	display: inline-block;
	content: "　/　";
}*/

/*.products_list_tag_contents {display: inline-block;margin: 3px 5px 3px 0;background-color: #412101;padding: 3px 7px 4px 7px;border-radius: 5px;color: #412101;}*/
.products_list_text {
  font-size: 13px;
  margin-top: 10px;
}
.products_list_allergen {
  font-size: 11px;
  margin-top: 10px;
  background-color: #efefef;
  padding: 5px 11px;
  border-radius: 5px;
}
/* details */
.details_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 40px 0;
}
.details_info_ph {
  width: 35%;
  padding: 65px 0 0 0;
}
.details_info_ph img {
  width: 100%;
  height: auto;
}
.details_info_content {
  width: 60%;
}
.details_wrap {
  margin: 0 auto;
  max-width: 900px;
}
.details_content {
  background-color: #f9f9f9;
  border-radius: 5px;
  margin: 40px auto;
  padding: 10px 30px 30px 30px;
}
/* shopguide */
.shopguide_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shopguide_list {
  width: 24%;
  margin-bottom: 20px;
}
.shopguide_local {
  margin-top: 60px;
}
.shopguide_list li {
  margin-top: -1px;
}
.shopguide_pc {
  background-color: #eee;
  padding: 25px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.shopguide_sp {
  display: none;
}
.shopguide_map iframe {
  width: 100%;
  height: 300px;
}
.shopguide_wrap {
  padding-top: 50px;
}
.shopguide_box {
  background-color: #f9f9f9;
  margin: 25px 0;
  padding: 30px;
  border-radius: 5px;
}
.shopguide_box_title {
  margin-top: 0;
  margin-bottom: 5px;
  padding-left: 0;
}
.shopguide_box_title:after {
  display: none;
}
.shopguide_box_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shopguide_box_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-top: 10px;
}
.shopguide_box_subtitle {
  background-color: #412101;
  margin-right: 15px;
  color: #fff;
  padding: 3px 10px 4px 10px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}

.about_product_wrap {
  margin: 50px 0;
}

.about_product_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about_product_flex_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.about_product_flex_box {
  width: 48%;
}

.about_product_flex_box p {
  margin-bottom: 30px;
}

.about_product_flex_box_narrow {
  width: 35%;
}

.about_product_flex_box_wide {
  width: 61%;
}

.about_product_flex_box img {
  width: 100%;
  height: auto;
}

.about_product_flex_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  /*
TOP
***********************************/

  /* about */
  .aboutlist .inner {
    background: url(../img/top/img_about.png) no-repeat 100% 0;
    background-size: 50%;
  }
  .aboutlist .catch {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .aboutlist .txtzone p {
    font-size: 14px;
  }
  .aboutlist.bg2 .inner {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .about_product_flex {
    display: block;
  }
  .about_product_flex_box {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  /*
TOP
***********************************/
  /* pickup */
  .pickuplist {
    display: block;
  }
  .pickuplist li {
    width: 100%;
    margin-right: 0;
    margin-bottom: -1px;
  }
  .pickuplist li:nth-of-type(3n) {
    margin-right: 0;
  }
  .pickuplist li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: none;
  }
  .pickuplist li .photo {
    width: 40%;
    line-height: 0;
    position: relative;
    overflow: hidden;
  }
  .pickuplist li .txtzone {
    padding: 20px 2%;
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pickuplist li .txtzone .date {
    font-size: 12px;
  }
  .pickuplist_top .pickuplist {
    display: block;
    padding-left: 40px;
    padding-right: 40px;
  }
  .pickuplist_top .pickuplist li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
  }
  .pickuplist_top .pickuplist li {
    margin-bottom: 0;
  }
  .pickuplist_top .pickuplist li .txtzone {
    padding: 4px 2% 4px 6%;
    width: 60%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .pickuplist_top .pickuplist .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .pickuplist_top .pickuplist .slick-prev {
    left: 0;
  }
  .pickuplist_top .pickuplist .slick-next {
    right: 0;
  }
  .pickuplist_top .pickuplist .slick-dots {
    margin-top: 0;
  }
  .container_top_link a {
    width: 90%;
  }
  .container_top_link {
    margin-bottom: 50px;
  }
  .pickuplist_home {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .pickuplist_home li {
    width: 32%;
  }
  .pickuplist_home li .photo {
    width: auto;
  }
  .pickuplist_home img {
    width: 100%;
    height: auto;
  }
  .pickuplist_top .pickuplist li a {
    height: auto;
  }

  /* bland */
  .blandlist li {
    width: 50%;
    margin-right: 0;
    margin-bottom: 0;
    line-height: 0;
    text-align: center;
  }
  .blandlist li:nth-of-type(3n) {
    margin-right: 0;
  }
  /* about */
  .aboutlist .inner {
    background: none;
  }
  .aboutlist .txtzone {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
  .aboutlist .txtzone p.photo {
    display: block;
  }
  .aboutlist .txtzone p {
    margin-bottom: 20px;
  }
  .aboutlist .catch {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .aboutlist.bg2 .inner {
    background: none;
  }
  .aboutlist.bg2 .txtzone {
    margin-left: 0;
    padding: 0;
    position: relative;
  }
  .aboutlist.bg2 .catch {
    position: absolute;
    top: 0;
    left: 20px;
    font-size: 18px;
  }
  .aboutlist.bg2 .photo {
    margin-bottom: 0;
    line-height: 0;
  }
  .aboutlist.bg2 .txtlist {
    padding: 20px 3%;
    background: #fff;
  }
  .aboutlist.bg2 .txtlist dt {
    font-size: 20px;
  }

  /* product */
  .productlist {
    margin-bottom: 30px;
  }
  .productlist li {
    width: 49%;
    margin-right: 2%;
  }
  .productlist li:nth-of-type(2n),
  .productlist li:nth-of-type(4n) {
    margin-right: 0;
  }
  .productsshop {
    padding: 30px 0;
  }

  .products_search_wrap form {
    position: relative;
  }
  .products_search_wrap .products_search_btn {
    /*position: absolute;
    top: 0;
    right: 0;*/
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .products_search_wrap .products_search_btn .button {
    padding: 11px 3px;
  }

  /* transaction */
  .transactionlist .desc {
    font-size: 14px;
  }
  .transactionlist .btnlist {
    display: block;
  }
  .transactionlist .btnlist li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .transactionlist .btnlist li a {
    padding: 13px 2%;
  }
  /* s_brn・sns */
  .snslist {
    display: block;
  }
  .snslist .fbzone,
  .snslist .instazone {
    width: 98%;
  }
  #insta_box #instafeed li a {
    width: 100%;
  }
  /* brand */
  .brand_items {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(249, 249, 249, 0)),
      to(rgba(249, 249, 249, 1))
    );
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 100%);
    display: block;
  }
  .brand_items_ph {
    width: auto;
    text-align: center;
  }
  .brand_items_ph img {
    width: 60%;
  }
  .brand_items_wrap {
    width: auto;
  }
  .brand_items_button .button {
    width: auto;
    display: block;
  }
  /*
PAGE
***********************************/

  /* sub-common */
  .subcatch {
    padding: 70px 0;
  }
  .subcatch .subtitle {
    font-size: 23px;
  }
  /* about */
  .about_box .title .main {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .about_box .title .sub {
    font-size: 16px;
  }
  .about_box .title span.small {
    padding: 0 1px;
  }
  .about_box .title2 {
    font-size: 27px;
  }
  .about_box .kodawari_list {
    padding: 20px 2% 1px;
  }
  .about_box .kodawari_list li {
    margin-bottom: 20px;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  .about_box .txtbox {
    font-size: 14px;
  }
  .about_box .concept .txtbox {
    padding: 0;
  }
  .about_box .listbox {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    padding-top: 20px;
  }
  .about_box .listbox > li {
    display: block;
  }
  .about_box .photo {
    margin-bottom: 0;
  }
  .about_box .listbox > li .txtzone {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .about_box .listbox > li .title {
    font-size: 18px;
  }
  .about_box .listbox > li .list {
    font-size: 14px;
  }
  .about_box .playlist .sub {
    font-size: 16px;
  }
  .about_box .playlist .list li {
    padding: 0 15px 20px;
    display: block;
    margin: 0 10px 20px;
  }
  .about_box .playlist .list li .photo {
    margin: 0 auto;
    padding: 20px;
  }
  .about_box .playlist .list li .txt {
    line-height: 1.7;
  }
  /* service */
  .service_box .title {
    font-size: 18px;
  }
  .service_box .body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .service_box .body .photo {
    margin-left: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .service_box .body .txtzone > ul > li {
    font-size: 14px;
  }
  .service_box .body {
    margin-bottom: 30px;
  }
  .service_box .plus {
    margin-bottom: 30px;
  }
  .service_box .plus dt {
    font-size: 16px;
  }
  .service_box .plus dd > ul {
    display: block;
  }
  .service_box .plus dd > ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    text-indent: -1em;
    margin-left: 1em;
    font-size: 14px;
  }
  /* activity */
  .activity_box .worklist li {
    display: block;
  }
  .activity_box .worklist li .photo {
    margin: 0 auto 20px;
  }
  /* products_list */
  .products_list_box {
    width: 100%;
  }
  .products_text br {
    display: none;
  }
  /* shoplist */
  .shopguide_pc {
    display: none;
  }
  .shopguide_sp {
    display: block;
  }
  .shopguide_list {
    margin: 30px 0;
    width: 100%;
  }
}

@media screen and (max-width: 620px) {
  #insta_box #instafeed li a {
    width: 100%;
  }
  .products_futured_list .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .products_futured_list .slick-prev {
    left: 0;
  }
  .products_futured_list .slick-next {
    right: 0;
  }
  .products_search,
  .products_category {
    margin: 50px 0;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .format-type1,
  .format-type1 tr,
  .format-type1 tbody {
    display: block;
  }

  .format-type1 tr th,
  .format-type1 tr td {
    display: block;
    border-bottom: none;
    padding: 10px 0 0 0;
  }

  .format-type1 tr {
    border-bottom: 1px dotted #000;
    padding-bottom: 10px;
  }

  .format-type1_first {
    display: none !important;
  }
}

@media screen and (max-width: 520px) {
  .pickup_wrap {
    margin: 40px 0;
  }

  .pickup_photo_box {
    margin: 7px 0;
    width: 48%;
  }

  .pickup_download {
    /*background-color: #f9f9f9;*/
    border-radius: 5px;
    padding: 0;
  }

  .pickup_chirashi {
    margin: 0;
    width: auto;
    text-align: center;
  }

  .pickup_chirashi img {
    width: 60%;
  }

  .pickup_download_btns {
    position: static;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: transparent;
  }

  .pickup_download_btns_inner {
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  /*
TOP
***********************************/
  /* pickup */
  .pickuplist li .photo img {
    width: 100%;
  }
  .pickuplist li .txt {
    font-size: 11px;
  }
  /* product */
  .productlist {
    display: block;
  }
  .productlist li {
    width: 100%;
    margin-right: 0;
  }
  .productlist.listtune {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .productlist.listtune li {
    width: 50%;
    background: #fff;
  }
  .productlist.listtune li.list_full {
    width: 100%;
  }
  .productlist.listtune li a {
    display: block;
    height: 100%;
    font-size: 12px;
    padding: 5px 0;
  }
  .productlist.listtune li .photo {
    margin: 0 auto 10px;
    display: none;
  }
  .productlist.listtune li .title {
    width: 100%;
  }

  /* service */
  /*.servicelist{display:block;}*/
  .servicelist li {
    width: 48%;
    margin: 0 1%;
    margin-bottom: 0;
  }
  .servicelist_sub li:nth-of-type(2n) {
    margin-right: 1%;
  }
  .servicelist_sub li:nth-of-type(3n) {
    margin-right: 1%;
  }
  /* news */
  .newslist dl {
    display: block;
    font-size: 14px;
  }
  .newslist dl dt {
    margin-bottom: 5px;
  }
  /* f_bnr */
  .f_bnrlist {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 95%;
    margin: 0 auto;
  }
  .f_bnrlist li {
    width: 49%;
    margin: 0 2% 0 0;
  }
  .f_bnrlist li:nth-of-type(2n) {
    margin-right: 0;
  }
  #insta_box #instafeed li a {
    width: 100%;
  }
  /* consultation */
  .consultation {
    display: block;
  }
  .consultation_box {
    width: auto;
    margin: 10px 0;
  }
  .consultation_box .button_wrap {
    margin: 20px 0;
  }

  /* online */
  .online {
    width: 80%;
    margin: 0 auto;
  }
  .online .button_wrap {
    margin: 20px 0;
  }
  .online_logo {
    margin: 20px 0;
  }
  /* products_list */
  .products_list_box {
    width: 100%;
    display: block;
  }
  .products_list_ph {
    width: auto;
    margin-bottom: 10px;
    text-align: center;
  }
  .products_list_ph img {
    width: 50%;
    position: static;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .products_list_contents {
    width: auto;
    padding-bottom: 0;
    padding-top: 10px;
  }
  /* details */
  .details_info {
    display: block;
  }
  .details_info_ph {
    width: auto;
    padding-top: 0;
    margin-bottom: 40px;
    text-align: center;
  }
  .details_info_ph img {
    width: 60%;
  }
  .details_info_content {
    width: auto;
  }
  .details_content {
    padding: 2px 20px 20px 20px;
  }
  .contents_details {
    padding-bottom: 0;
  }
  /* shopguide */
  .shopguide_box_subtitle {
    width: 65px;
    text-align: center;
  }
  .shopguide_box_text {
    width: calc(100% - 100px);
  }
  .shopguide_box_content {
    width: 100%;
    margin-right: 0;
  }
  /* customer */
  .customer_telephone_phone {
    font-size: 24px;
  }
  .customer_telephone_holiday {
    font-size: 12px;
  }
  .customer_text br {
    display: none;
  }
  .brand_copy_title {
    font-size: 16px;
  }
  .brand_content {
    margin: 40px 0;
  }
  .brand_content_title {
    margin-bottom: 10px;
  }
  .brand_items {
    margin-top: 0;
  }
}

/* クリッカブル＆レスポンシブ日本地図
-------------------------------------------------------------- */
.clickaresjmap .dropdown-menu {
  top: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.clickaresjmap .dropdown-menu > li > a {
  padding: initial;
  line-height: inherit;
}

@media screen and (min-width: 576px) {
  .clickaresjmap {
    /*border: #6CC 1px solid;*/
    display: block;
    margin: 10px;
    padding: 0;
    position: relative;
    font-size: 14px;
    min-width: 630px;
  }
  .clickaresjmap *:after {
    display: block;
    content: " ";
    line-height: 0;
  }
  .clickaresjmap:after {
    display: block;
    content: " ";
    line-height: 0;
    padding-top: 70%;
  }
  /*  共通  */
  .clickaresjmap ul {
    padding: 0;
  }
  .clickaresjmap li,
  .clickaresjmap li ul {
    display: block;
    min-width: 3em;
    list-style: none;
    margin: 0;
    position: absolute;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s;
  }
  .clickaresjmap li ul {
    width: 100%;
    height: 100%;
    background-color: #eee;
  }
  .clickaresjmap li.area li.todofuken a:hover {
    color: #ffffff;
    background-color: inherit;
  }
  .clickaresjmap li.area li.todofuken {
    border: 1px solid #eee;
  }
  .clickaresjmap li.area li.todofuken:hover {
    opacity: 0.5;
  }
  .clickaresjmap a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .todofukenname {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    text-align: center;
    color: #ffffff;
  }
  .dropdown-toggle {
    position: absolute;
  }
  /*    北海道エリア    */
  .hokkaido-area {
    display: block;
    width: 20%;
    top: 0;
    left: 80%;
  }
  .hokkaido-area:after {
    padding-top: 65%;
  }
  .hokkaido {
    width: 100%;
    text-align: center;
    line-height: 0;
    background-color: #af8f66;
  }
  .hokkaido a:after {
    padding-top: 65%;
  }
  /*   東北エリア     */
  .touhoku-area {
    display: block;
    width: 20%;
    top: 20%;
    left: 80%;
    z-index: 1;
  }
  .touhoku-area:after {
    padding-top: 100%;
  }
  .aomori {
    width: 100%;
    text-align: center;
    line-height: 0;
    background-color: #af8f66;
  }
  .aomori a:after {
    padding-top: 25%;
  }
  .iwate {
    width: 50%;
    top: 25%;
    left: 50%;
    line-height: 0;
    background-color: #af8f66;
  }
  .iwate a:after {
    padding-top: 50%;
  }
  .akita {
    width: 50%;
    top: 25%;
    left: 0%;
    line-height: 0;
    background-color: #af8f66;
  }
  .akita a:after {
    padding-top: 50%;
  }
  .miyagi {
    width: 50%;
    top: 50%;
    left: 50%;
    line-height: 0;
    background-color: #af8f66;
  }
  .miyagi a:after {
    padding-top: 50%;
  }
  .yamagata {
    width: 50%;
    top: 50%;
    left: 0%;
    line-height: 0;
    background-color: #af8f66;
  }
  .yamagata a:after {
    padding-top: 50%;
  }
  .fukushima {
    width: 100%;
    top: 75%;
    left: 0;
    line-height: 0;
    background-color: #af8f66;
  }
  .fukushima a:after {
    padding-top: 24%;
  }
  /*  　   関東エリア   */
  .kanto-area {
    display: block;
    width: 20%;
    top: 48%;
    left: 80%;
  }
  .kanto-area:after {
    padding-top: 100%;
  }
  .ibaraki {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    left: 66.67%;
    background-color: #af8f66;
  }
  .ibaraki a:after {
    padding-top: 150%;
  }
  .tochigi {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    left: 33.33%;
    background-color: #af8f66;
  }
  .tochigi a:after {
    padding-top: 100%;
  }
  .gunma {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    left: 0;
    background-color: #af8f66;
  }
  .gunma a:after {
    padding-top: 100%;
  }
  .chiba {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 66.67%;
    background-color: #af8f66;
  }
  .chiba a:after {
    padding-top: 161%;
  }
  .saitama {
    width: 66.67%;
    text-align: center;
    line-height: 0;
    top: 33.33%;
    left: 0;
    background-color: #af8f66;
  }
  .saitama a:after {
    padding-top: 33.33%;
  }
  .tokyo {
    width: 66.67%;
    text-align: center;
    line-height: 0;
    top: 56.33%;
    left: 0;
    background-color: #af8f66;
  }
  .tokyo a:after {
    padding-top: 33.33%;
  }
  .kanagawa {
    width: 66.67%;
    text-align: center;
    line-height: 0;
    top: 79.3%;
    left: 0;
    background-color: #af8f66;
  }
  .kanagawa a:after {
    padding-top: 35.33%;
  }
  /*   甲信越エリア    */
  .koshin-etsu-area {
    display: block;
    width: 13%;
    top: 41.5%;
    left: 67%;
    z-index: 3;
  }
  .koshin-etsu-area:after {
    padding-top: 140%;
  }
  .nigata {
    width: 100%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .nigata a:after {
    padding-top: 45%;
  }
  .nagano {
    width: 100%;
    text-align: center;
    line-height: 0;
    top: 33%;
    left: 0;
    background-color: #af8f66;
  }
  .nagano a:after {
    padding-top: 52.5%;
  }
  .yamanashi {
    width: 100%;
    text-align: center;
    line-height: 0;
    top: 71.5%;
    left: 0;
    background-color: #af8f66;
  }
  .yamanashi a:after {
    padding-top: 41%;
  }
  /*  北陸エリア  */
  .hokuriku-area {
    display: block;
    width: 21%;
    top: 48%;
    left: 46%;
    z-index: 2;
    background-color: #af8f66;
  }
  .hokuriku-area:after {
    padding-top: 40%;
  }
  .toyama {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 66.67%;
    background-color: #af8f66;
  }
  .toyama a:after {
    padding-top: 121%;
  }
  .ishikawa {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 33.33%;
    background-color: #af8f66;
  }
  .ishikawa a:after {
    padding-top: 121%;
  }
  .fukui {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .fukui a:after {
    padding-top: 121%;
  }
  /*   東海エリア    */
  .toukai-area {
    display: block;
    width: 22%;
    top: 60%;
    left: 58%;
    z-index: 2;
  }
  .toukai-area:after {
    padding-top: 55%;
  }
  .shizuoka {
    width: 40%;
    text-align: center;
    line-height: 0;
    top: 46%;
    left: 60%;
    background-color: #af8f66;
  }
  .shizuoka a:after {
    padding-top: 75%;
  }
  .aichi {
    width: 30%;
    text-align: center;
    line-height: 0;
    top: 46%;
    left: 30%;
    background-color: #af8f66;
  }
  .aichi a:after {
    padding-top: 100%;
  }
  .gifu {
    width: 41%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .gifu a:after {
    padding-top: 60%;
  }
  .mie {
    width: 30%;
    text-align: center;
    line-height: 0;
    top: 46%;
    left: 0;
    background-color: #af8f66;
  }
  .mie a:after {
    padding-top: 100%;
  }
  /* 関西エリア */
  .kansai-area {
    display: block;
    width: 21%;
    top: 55%;
    left: 37%;
    z-index: 1;
  }
  .kansai-area:after {
    padding-top: 100%;
  }
  .shiga {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 17%;
    left: 66.67%;
    background-color: #af8f66;
  }
  .shiga a:after {
    padding-top: 100%;
  }
  .kyoto {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 33.33%;
    background-color: #af8f66;
  }
  .kyoto a:after {
    padding-top: 152%;
  }
  .nara {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 50%;
    background-color: #af8f66;
  }
  .nara a:after {
    padding-top: 50%;
  }
  .oosaka {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 0;
    background-color: #af8f66;
  }
  .oosaka a:after {
    padding-top: 50%;
  }
  .wakayama {
    width: 100%;
    text-align: center;
    line-height: 0;
    top: 75%;
    left: 0;
    background-color: #af8f66;
  }
  .wakayama a:after {
    padding-top: 25%;
  }
  .hyogo {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .hyogo a:after {
    padding-top: 152%;
  }
  /*   中国エリア    */
  .chugoku-area {
    display: block;
    width: 20%;
    top: 55%;
    left: 17%;
    z-index: 1;
  }
  .chugoku-area:after {
    padding-top: 55%;
  }
  .tottori {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 66.67%;
    background-color: #af8f66;
  }
  .tottori a:after {
    padding-top: 82%;
  }
  .shimane {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 33.33%;
    background-color: #af8f66;
  }
  .shimane a:after {
    padding-top: 82%;
  }
  .okayama {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 66.67%;
    background-color: #af8f66;
  }
  .okayama a:after {
    padding-top: 82%;
  }
  .hiroshima {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 33.33%;
    background-color: #af8f66;
  }
  .hiroshima a:after {
    padding-top: 82%;
  }
  .yamaguchi {
    width: 33.33%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .yamaguchi a:after {
    padding-top: 167%;
  }
  /*   四国エリア   */
  .shikoku-area {
    display: block;
    width: 18%;
    top: 72.3%;
    left: 18%;
    z-index: 1;
  }
  .shikoku-area:after {
    padding-top: 50%;
  }
  .kagawa {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 50%;
    background-color: #af8f66;
  }
  .kagawa a:after {
    padding-top: 50%;
  }
  .tokushima {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 50%;
    background-color: #af8f66;
  }
  .tokushima a:after {
    padding-top: 50%;
  }
  .kouchi {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 0;
    background-color: #af8f66;
  }
  .kouchi a:after {
    padding-top: 50%;
  }
  .ehime {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .ehime a:after {
    padding-top: 50%;
  }
  /*     九州エリア     */
  .kyu-syu-area {
    display: block;
    width: 16.5%;
    top: 56%;
    left: 0;
    z-index: 1;
  }
  .kyu-syu-area:after {
    padding-top: 150%;
  }
  .fukuoka {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 50%;
    background-color: #af8f66;
  }
  .fukuoka a:after {
    padding-top: 75%;
  }
  .ooita {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 25%;
    left: 50%;
    background-color: #af8f66;
  }
  .ooita a:after {
    padding-top: 75%;
  }
  .miyazaki {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 50%;
    background-color: #af8f66;
  }
  .miyazaki a:after {
    padding-top: 75%;
  }
  .kumamoto {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 50%;
    left: 0;
    background-color: #af8f66;
  }
  .kumamoto a:after {
    padding-top: 75%;
  }
  .saga {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .saga a:after {
    padding-top: 75%;
  }
  .nagasaki {
    width: 50%;
    text-align: center;
    line-height: 0;
    top: 25%;
    left: 0;
    background-color: #af8f66;
  }
  .nagasaki a:after {
    padding-top: 75%;
  }
  .kagoshima {
    width: 100%;
    text-align: center;
    line-height: 0;
    top: 75%;
    left: 0;
    background-color: #af8f66;
  }
  .kagoshima a:after {
    padding-top: 37%;
  }
  /*      沖縄エリア      */
  .okinawa-area {
    display: block;
    width: 10%;
    top: 92.5%;
    left: 0;
    z-index: 1;
  }
  .okinawa-area:after {
    padding-top: 50%;
  }
  .okinawa {
    width: 100%;
    text-align: center;
    line-height: 0;
    top: 0;
    left: 0;
    background-color: #af8f66;
  }
  .okinawa a:after {
    padding-top: 50%;
  }
}

@media (max-width: 575px) {
  .container {
    width: 100%;
    min-width: 100%;
    border: none;
    margin: 0;
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  .dropdown {
    position: relative;
    list-style: none;
    padding: 0;
  }
  .dropdown > li {
    padding: 0;
    width: 6em;
    height: 44px;
    border: #ccc 1px solid;
    border-radius: 5px;
  }
  .dropdown-toggle {
    widows: 100%;
    height: 100%;
    display: block;
    line-height: 44px;
    text-align: center;
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    left: 5em;
    top: auto;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: #ccc 1px solid;
  }
  .dropdown-menu > li > a:last-child {
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #999;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #999;
  }
  .dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
  }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

@media print {
  main {
    margin-top: 20px !important;
  }
  .head,
  .subcatch,
  .topic_path,
  .footer,
  .content_foot {
    display: none;
  }
  .contents {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px;
  }
  .title_main {
    text-align: left;
    color: #337733;
    font-weight: bold;
    font-size: 20px;
  }
  .title_h1 {
    margin: 12px 0;
    font-size: 17px;
    color: #337733;
  }
  .details_info {
    margin: 0;
  }
  .details_table th,
  .details_table td {
    font-size: 11px;
  }
  .title_h2 {
    color: #337733;
  }
  .title_h3 {
    color: #337733;
    padding-left: 0;
  }
  .title_h3:after {
    display: none;
  }
  .title_noprint {
    display: none;
  }
  .table_wrap {
    overflow: auto;
    white-space: normal;
  }
  .table {
    border: solid 1px #333;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 15px;
  }
  .table th,
  .table td {
    text-align: left;
    border: solid 1px #333;
    background-color: transparent;
    color: #333;
    padding: 3px 13px;
    font-size: 11px;
  }
  .details_info_ph {
    padding-top: 10px;
  }
  .details_info_content .title_h3 {
    display: none;
  }
  .details_content {
    margin: 10px 0 0 0;
    padding: 0;
    background-color: transparent;
  }
  .title_h2 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 18px;
  }
  .title_h2:after {
    display: none;
  }
  .title_h3 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .title_h4 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #337733;
  }
  .column_wrap {
    margin: 0;
  }
  .column_wrap .column_box_w50 {
    margin-top: 0;
  }
  .products_text {
    text-align: left;
  }

  .column_print_w {
    width: 32%;
  }

  .column_print_w th {
    width: 50%;
  }

  .column_print_w td {
    width: 50%;
  }

  .column_pc {
    display: none;
  }

  .column_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* 20220222 */
.pb_inner {
  margin-bottom: 60px;
  overflow: hidden;
}
.pb-foot {
  align-items: flex-end;
  background: url(../img/plant/mv_foot.png) top center / 150% no-repeat;
  display: flex;
  height: 48vw;
  margin: 0 calc(50% - 50vw);
  min-height: 400px;
  width: 100vw;
}

@media screen and (max-width: 767px) {
  .pb-foot {
    background: url(../img/plant/mv_foot_sp.png) top center / 100% no-repeat;
    height: 75.5vw;
    min-height: 350px;
    position: relative;
    align-items: center;
  }
}

.pb-foot_txt {
  color: #fff;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 500;
  font-size: 1.2vw;
  margin: 0 auto 40px;
  line-height: 2;
  width: 57%;
}

@media screen and (max-width: 767px) {
  .pb-foot_txt {
    font-size: 2vw;
    margin: 0 auto;
    padding-top: 25vw;
    position: relative;
    width: 56%;
    z-index: 2;
  }
}

@media screen and (max-width: 450px) {
  .pb-foot_txt {
    padding-top: 20vw;
  }
}

@media screen and (max-width: 400px) {
  .pb-foot_txt {
    padding-top: 11vw;
  }
}

@media screen and (max-width: 374px) {
  .pb-foot_txt {
    padding-top: 5vw;
  }
}

@media screen and (max-width: 345px) {
  .pb-foot_txt {
    padding-top: 1vw;
  }
}

.pb_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1085px;
}

@media screen and (max-width: 767px) {
  .pb_list {
    max-width: 510px;
  }
}

.pb_item {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .pb_item:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pb_item {
    width: calc(50% - 2rem / 2);
  }
}

@media screen and (min-width: 900px) {
  .pb_item {
    width: calc(50% - 4rem / 2);
  }
}

@media screen and (min-width: 768px) {
  .pb_item:first-child,
  .pb_item:nth-child(2) {
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pb_item:nth-child(2n) {
    margin-left: 2rem;
  }
}

@media screen and (min-width: 900px) {
  .pb_item:nth-child(2n) {
    margin-left: 4rem;
  }
}

.pb_box {
  position: relative;
}

.pb_txt {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 500;
  font-size: 15px;
  max-width: 405px;
  line-height: 2;
  position: absolute;
  top: 46%;
  left: 11%;
}

@media screen and (max-width: 1139px) {
  .pb_txt {
    font-size: 1.2vw;
    max-width: 78%;
  }
}

@media screen and (max-width: 767px) {
  .pb_txt {
    font-size: 15px;
    max-width: 82%;
  }
}

@media screen and (max-width: 535px) {
  .pb_txt {
    font-size: 2.8vw;
    max-width: 82%;
  }
}

.pb_ico {
  text-align: center;
}

.pb_ico._mt {
  margin-top: 20px;
}

@media screen and (min-width: 1140px) {
  .pb_ico._mt {
    margin-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pb_ico._mt {
    margin-top: 30px;
  }
}

.pb_ico img {
  max-width: 28%;
}

.pb_main {
  background: url(../img/plant/bg.png) center / 100%;
}

.pb_white_inner {
  background: #fff;
  padding-top: 20px;
}

.pb_white_contents {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 480px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb-foot_txt {
    margin: 0 auto -25px;
  }

  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb_inner::before {
    background-color: #008344;
    bottom: 9vw;
    content: "";
    display: block;
    height: 30%;
    left: 0;
    position: absolute;
    width: 100%;
  }

  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb_inner {
    padding-bottom: 70px;
    position: relative;
  }
}
@media screen and (max-width: 420px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb_inner::before {
    bottom: 11vw;
  }
}
@media screen and (max-width: 374px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb_inner::before {
    bottom: 11vw;
    height: 40%;
  }
}
@media screen and (max-width: 374px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb-foot_txt {
    margin: 0 auto -35px;
  }
}
@media screen and (max-width: 350px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb_txt {
    max-width: 90%;
    transform: scale(0.9);
  }
}

@media screen and (max-width: 767px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb-foot {
    min-height: 370px;
  }
}

@media screen and (max-width: 450px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb-foot_txt {
    padding-top: 25vw;
  }
}

@media screen and (max-width: 374px) {
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .pb-foot_txt {
    padding-top: 28vw;
  }
}

.mid-career__container {
  margin: 37px auto;
}
.mid-career__btn {
  width: 100%;
}
@media screen and (max-width: 599px) {
  .mid-career__btn {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 600px) {
  .mid-career__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 660px;
  }
  .mid-career__btn {
    width: calc(50% - 50px / 2);
  }
  .mid-career__btn:nth-child(2n) {
    margin-left: 50px;
  }
  .mid-career__btn:nth-child(1),
  .mid-career__btn:nth-child(2) {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .table br.is-768 {
    display: none;
  }
}

@media screen and (max-width: 660px) {
  .table .is-660 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .mid-career__foot {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .mid-career__foot {
    font-size: 13px;
    max-width: 360px;
    margin: 0 auto !important;
  }
}

.footer-online .wp_shopify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-online_container {
  display: none;
}
.wp_shopify_wrap figure {
  height: 112px;
  border: 1px solid #e6e6e6;
  margin-bottom: 6px;
  position: relative;
}
@media screen and (max-width: 1065px) and (min-width: 768px) {
  .wp_shopify_wrap figure {
    max-height: 112px;
    height: 11vw;
  }
}
@media screen and (max-width: 767px) {
  .wp_shopify_wrap figure {
    height: 20vw;
  }
}
.wp_shopify_wrap figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.footer-online .wp_shopify_ptitle {
  font-family: "Noto Serif JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.38;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #3d2308;
  text-align: left;
  margin-bottom: 4px;
}
.footer-online .wp_shopify_price {
  font-family: "Noto Serif JP", sans-serif;
  color: #3d2308;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.42;
  text-align: left;
  margin-bottom: 12px;
}
.footer-online .wp_shopify:not(:last-child) {
  margin-bottom: 49px;
}
@media screen and (max-width: 767px) {
  .footer-online .wp_shopify:not(:last-child) {
    margin-bottom: 20px;
  }
}
.footer-online .wp_shopify li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(33.3333% - 20px * 2 / 3);
}
@media screen and (max-width: 500px) {
  .footer-online .wp_shopify li {
    width: calc(33.3333% - 10px * 2 / 3);
  }
}
.footer-online .wp_shopify li:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 500px) {
  .footer-online .wp_shopify li:not(:last-child) {
    margin-right: 10px;
  }
}
.footer-online .wpsy-collection {
  position: relative;
  margin-bottom: 18px;
  text-align: center;
}
.footer-online .wpsy-collection h2 {
  font-family: "Noto Sans JP", sans-serif;
  background: #fff;
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 1.375;
  color: #3d2308;
  z-index: 2;
  padding: 0 13px;
  font-weight: 700;
}
.footer-online .wpsy-collection::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #3d2308;
  height: 1px;
  width: 100%;
}

.footer-online .wp_shopify_btn a {
  font-family: "Noto Sans JP", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #aa8f6b;
  font-size: 13px;
  height: 29px;
  width: 87px;
  border: 1px solid #aa8f6b;
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
  margin-left: auto;
  transition: all, 0.3s;
  padding-bottom: 1px;
}
@media screen and (max-width: 500px) {
  .footer-online .wp_shopify_btn a {
    font-size: 11px;
    height: 24px;
    width: 80px;
    padding-right: 8px;
    padding-bottom: 2px;
  }
}

.footer-online .wp_shopify_btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  transition: all, 0.3s;
}

.footer-online .wp_shopify_btn a:hover {
  text-decoration: none;
}

.footer-online .wp_shopify_label {
  display: none;
}

.footer-online .wpsy-collection:first-child + ul .wp_shopify_label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #4ab24e;
  height: 48.46px;
  width: 48.46px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: 2;
}

.footer-online .wpsy-collection:first-child + ul .wp_shopify_label span {
  color: #fff;
  font-family: "Noto Serif JP", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.38;
  position: relative;
  transform: translateX(-50%) rotate(-45deg);
  display: block;
  left: 35%;
  top: 15%;
}
@media screen and (max-width: 767px) {
  .footer-online .wpsy-collection:first-child + ul .wp_shopify_label span {
    left: 46%;
    top: 6%;
    font-size: 11px;
  }
}
@media screen and (max-width: 375px) {
  .footer-online .wpsy-collection:first-child + ul .wp_shopify_label {
    height: 40px;
    width: 40px;
  }
  .footer-online .wpsy-collection:first-child + ul .wp_shopify_label span {
    font-size: 10px;
  }
}

@media screen and (min-width: 768px) {
  .footer-online .wp_shopify_btn a:hover {
    color: #aa8f6b;
    background: #fff;
  }
  .footer-online .wp_shopify_btn a:hover::after {
    border-top: 1px solid #aa8f6b;
    border-right: 1px solid #aa8f6b;
  }
}

.instazone_foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.instazone .instazone_foot_title {
  font-family: "Noto Serif JP", sans-serif;
  font-size: 13px;
  line-height: 1.46;
  letter-spacing: 0.05em;
  color: #3d2308;
  margin-right: 12px;
  text-align: right;
  margin: 8px 0;
}

.instazone_foot_link {
  transition: opacity 0.3s ease;
}

@media screen and (min-width: 768px) {
  .instazone_foot_link:hover {
    opacity: 0.7;
  }
}

.instazone_foot_link_f,.instazone_foot_link_i {
  margin-right: 12px;
}

.instazone_foot_link_i span {
  background: url(../img/top/instagram-ico.png) center / contain no-repeat;
  display: block;
  height: 25px;
  width: 25px;
}

.instazone_foot_link_f span {
  background: url(../img/top/facebook-ico.svg) center / contain no-repeat;
  display: block;
  height: 25px;
  width: 25px;
}

.instazone_foot_link_y span {
  background: url(../img/top/youtube-ico.svg) center / contain no-repeat;
  display: block;
  height: 16.67px;
  width: 74.34px;
}