@charset "UTF-8";
/* CSS Document */
/*  --------------------------------
margin, padding, borderのCSSリセット
--------------------------------  */
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

/*  --------------------------------
フォントのCSSリセット
--------------------------------  */
html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  line-height: 1.8;
  /* フォントfamilyの設定はここで */
  font-family: heisei-mincho-std, serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.8;
  }
}

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a,
a:visited {
  color: inherit;
}

a {
  text-decoration: none;
}

/*  --------------------------------
レイアウトとbox-sizingのCSSリセット
--------------------------------  */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

/*  --------------------------------
特定要素のCSSリセット
--------------------------------  */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul {
  list-style: none;
}

img,
video {
  max-width: 100%;
}

img {
  border-style: none;
}

/* aタグ内の画像hover時不透明度70% */
a img:hover {
  opacity: 0.7;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}

a.link{
	color: #0000ff;
	text-decoration:underline;
}

/*  --------------------------------
属性と状態のCSSリセット
--------------------------------  */
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

/*  --------------------------------
　基本設定
--------------------------------  */
/* 各種設定 */
.item a:hover, .c_menu a:hover {
  border-bottom: solid 1px #000000;
  padding-bottom: .5rem;
}

.page-wrapper {
  margin: 0 auto;
}

main {
  overflow: hidden;
  color: #4d4d4d;
}

main .inner {
  width: 1160px;
  margin-top: 80px;
}

.main-inner {
  padding: 0 1rem;
  max-width: 1000px;
  margin: 0 auto;
}

.none {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .only-pc {
    display: none;
  }
  .page-wrapper {
    padding-top: 115px;
  }
}

/*  --------------------------------
 共通
--------------------------------  */
.section-ttl {
  display: inline-block;
  font-weight: normal;
  border-bottom: solid 2px #baa97b;
  padding: 0 2rem;
  margin-bottom: 4rem;
}

td, th {
  vertical-align: top;
  font-weight: normal;
}

/* テーブル */
table, tbody, thead, tr, td, th {
  border-collapse: collapse;
}

.table-lg__tr > td, th {
  padding: 2rem 0;
}

@media screen and (min-width: 768px) {
  .section-ttl {
    font-size: 3rem;
  }
  .table-lg__tr > th {
    width: 30%;
  }
}

@media screen and (max-width: 767px) {
  .section-ttl {
    font-size: 2.5rem;
  }
  .table-lg__tr > td, th {
    display: block;
    width: 100%;
  }
  .table-lg__tr > th {
    font-size: 2rem;
    padding-bottom: 0;
  }
}

/* ボタン　白からhover後黒 */
.btn-white {
  border: solid 1px #4D4D4D;
  padding: 1rem 2rem;
  transition: .5s;
  display: flex;
  align-items: center;
  width: 225px;
}

.btn-white img {
  width: 3rem;
  margin-left: 2rem;
  transition: .5s;
}

.btn-white .def {
  display: block;
}

.btn-white .hover {
  display: none;
}

.btn-white:hover {
  background: #4D4D4D;
  color: #fff;
}

.btn-white:hover .def {
  display: none;
}

.btn-white:hover .hover {
  display: block;
}

/* メインビジュアル */
.area-mv {
  position: relative;
  margin-bottom: 3rem;
}

.area-mv img {
  width: 100%;
}

.area-mv .mv-ttl {
  /* タイトル */
  position: absolute;
  color: #fff;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .area-ttl {
    font-size: 2.5rem;
  }
  .mv-ttl {
    font-size: 5rem;
    top: 55%;
  }
}

@media screen and (max-width: 767px) {
  .section-ttl {
    margin-bottom: 3rem;
  }
  .mv-ttl {
    font-size: 3rem;
    top: 50%;
  }
  .area-ttl {
    font-size: 2.3rem;
  }
}

/* 横ライン見出し */
.area-ttl {
  width: 250px;
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.area-ttl::after {
  content: "";
  flex-grow: 1;
  height: 2px;
  background: #baa97b;
  display: block;
  margin-left: .7em;
}

/*  --------------------------------
 concept
--------------------------------  */
.effect-fade {
  opacity: 0;
  transform: translate(0, 300px);
  transition: all 2s ease 0s;
  animation-name: fadein;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

.area-mv.concept {
  margin-bottom: 0;
}

.area-mv.concept img {
  vertical-align: bottom;
}

.page-wrapper._concept {
  margin-bottom: -2.8rem;
}

#concept section {
  margin-bottom: 0 !important;
}

#concept section img {
  vertical-align: bottom;
}

#concept .sec1 .area-txt {
  float: left;
}

#concept .sec1 .area-img {
  clear: both;
}

#concept .sec2 {
  background: #c0c2bb;
  color: #fff;
}

#concept .sec3 {
  background: #e8eced;
}

@media screen and (min-width: 992px) {
  #concept .main-inner {
    padding: 0;
    max-width: 1440px;
  }
  #concept section .img-sp {
    display: none;
  }
  #concept .sec-ttl {
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  #concept .sec1, #concept .sec3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #concept .sec1 .area-txt, #concept .sec3 .area-txt {
    padding: 2rem 7rem;
    width: 60%;
  }
  #concept .sec2 {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #concept .sec2 .area-txt {
    width: 350%;
    margin-right: -480rem;
    margin-left: 8rem;
  }
  #concept .sec2 .area-img {
    width: 40%;
  }
  #concept .sec3 .area-img {
    width: 50%;
    height: auto;
  }
}

@media screen and (max-width: 991px) {
  #concept .main-inner {
    padding: 0 !important;
  }
  #concept .sec-ttl {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  #concept section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #concept section .img-pc {
    display: none;
  }
  #concept section .area-txt {
    padding: 4rem 1rem;
  }
  #concept section .area-img {
    width: 100%;
  }
  #concept section .area-img img {
    width: 100%;
  }
  #concept .sec1 .area-img, #concept .sec2 .area-img {
    padding: 2rem;
  }
  #concept .sec1 .area-txt {
    padding-bottom: 0;
  }
  #concept .sec2 .area-txt {
    padding-top: 0;
    padding-bottom: 0;
  }
  #concept .sec3 .area-txt {
    padding-bottom: 2rem;
  }
}

/*  --------------------------------
 inquiry, bespoke
--------------------------------  */
#inquiry section, #bespoke section {
  text-align: center;
}

#inquiry .section-ttl, #bespoke .section-ttl {
  border-bottom: solid 2px #baa97b;
  padding: 0 2rem;
}

#inquiry table, #bespoke table {
  text-align: left;
  margin: 0 auto;
  margin-bottom: 5rem;
}

#inquiry table th, #inquiry table td, #bespoke table th, #bespoke table td {
  padding: 2rem;
}

#inquiry .tag, #bespoke .tag {
  font-size: 1.2rem;
  text-align: center;
  padding: calc(.175rem + 1px) 0.75rem;
  border-radius: 7px;
}

#inquiry .required, #bespoke .required {
  background: #ff5044;
  border: solid 1px #972e00;
  color: #FFF;
}

#inquiry .any, #bespoke .any {
  border: solid 1px #FFF;
}

#inquiry .wpcf7-text, #inquiry .wpcf7-textarea, #inquiry .txt, #inquiry .wpcf7-select, #bespoke .wpcf7-text, #bespoke .wpcf7-textarea, #bespoke .txt, #bespoke .wpcf7-select {
  border: 1px solid #828282 !important;
  border-radius: 1rem;
}

#inquiry .wpcf7-text, #bespoke .wpcf7-text {
  height: 4rem;
  width: 100%;
}

#inquiry .wpcf7-textarea, #bespoke .wpcf7-textarea {
  width: 100%;
}

#inquiry .txt, #bespoke .txt {
  padding: 1rem;
  margin-bottom: 3rem;
}

#inquiry .type, #inquiry .sozai, #bespoke .type, #bespoke .sozai {
  overflow: hidden;
  width: 90%;
  margin: 2em auto;
  text-align: center;
}

#inquiry .type select, #inquiry .sozai select, #bespoke .type select, #bespoke .sozai select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

#inquiry .type select::-ms-expand, #bespoke .type select::-ms-expand {
  display: none;
}

#inquiry .sozai select::-ms-expand, #bespoke .sozai select::-ms-expand {
  display: none;
}

#inquiry .type::before, #inquiry .sozai::before, #bespoke .type::before, #bespoke .sozai::before {
  position: absolute;
  top: .5rem;
  left: 2rem;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 11px solid #000000;
  pointer-events: none;
}

#inquiry .type select, #inquiry .sozai select, #bespoke .type select, #bespoke .sozai select {
  padding: 8px 20px 8px 55px;
}

#inquiry .wpcf7-form-control.wpcf7-radio, #bespoke .wpcf7-form-control.wpcf7-radio {
  display: flex;
}

#inquiry span.wpcf7-list-item, #bespoke span.wpcf7-list-item {
  position: relative;
  width: 100%;
}

#inquiry span.wpcf7-list-item.first, #bespoke span.wpcf7-list-item.first {
  margin: 0 !important;
}

#inquiry .wpcf7-list-item-label, #bespoke .wpcf7-list-item-label {
  color: #333;
  cursor: pointer;
}

#inquiry input[type="radio"], #bespoke input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: 100;
  width: 100px;
  height: 30px;
}

#inquiry input[type="radio"]:hover, #bespoke input[type="radio"]:hover {
  cursor: pointer;
}

#inquiry .wpcf7-list-item-label:before, #bespoke .wpcf7-list-item-label:before {
  content: '';
  background: #fff;
  border-radius: 100%;
  border: 1px solid #000000;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 14px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

#inquiry input[type="radio"]:checked + .wpcf7-list-item-label:before, #bespoke input[type="radio"]:checked + .wpcf7-list-item-label:before {
  background-color: #000000;
  box-shadow: inset 0 0 0 2px #fff;
}

#inquiry .wpcf7-submit, #bespoke .wpcf7-submit {
  font-size: 2.5rem;
  border: solid 1px #4D4D4D;
  padding: .5rem 2rem;
  transition: .5s;
  border-radius: 1rem;
  background: #fff;
}

#inquiry .wpcf7-submit:hover, #bespoke .wpcf7-submit:hover {
  background: #4D4D4D;
  color: #fff;
}

#inquiry .notes, #bespoke .notes {
  color: #f4064f;
  font-size: 1.4rem;
  margin-top: 1rem;
}

#inquiry .btn-white, #bespoke .btn-white {
  margin: 0 auto;
  width: 265px;
  font-size: 1.6rem;
  border: solid 2px #baa97b;
}

#inquiry .btn-white img, #bespoke .btn-white img {
  width: 2rem;
}

#inquiry .btn-white:hover, #bespoke .btn-white:hover {
  background: #baa97b;
}

@media screen and (min-width: 768px) {
  #inquiry table, #bespoke table {
    width: 90%;
    border: solid 2px #baa97b;
  }
  #inquiry table th, #bespoke table th {
    border: 2px solid #fff;
    color: #fff;
    background: #baa97b;
    font-size: 2rem;
    width: 37%;
    vertical-align: middle;
  }
  #inquiry table td, #bespoke table td {
    clear: both;
    border: 2px solid #baa97b;
  }
  #inquiry .tag, #bespoke .tag {
    float: right;
  }
  #inquiry .type select, #inquiry .sozai select, #bespoke .type select, #bespoke .sozai select {
    width: 300px;
  }
}

@media screen and (max-width: 767px) {
  #inquiry table, #bespoke table {
    width: 95%;
    margin-bottom: 3rem;
  }
  #inquiry tr:last-child p:last-child, #bespoke tr:last-child p:last-child {
    text-align: center;
  }
  #inquiry tr:not(:last-child), #bespoke tr:not(:last-child) {
    border-bottom: 1px solid #818181;
  }
  #inquiry th, #bespoke th {
    position: relative;
    padding-left: 4rem !important;
  }
  #inquiry th:before, #bespoke th:before {
    background: #baa97b;
    content: "";
    height: 67%;
    width: 25px;
    left: 0;
    position: absolute;
    top: 12px;
  }
  #inquiry td, #bespoke td {
    padding-top: 0 !important;
  }
  #inquiry .tag, #bespoke .tag {
    margin-left: 2rem;
    vertical-align: text-top;
    font-size: 1.3rem;
  }
  #inquiry .any, #bespoke .any {
    border: solid 1px #000000;
  }
}

@media screen and (max-width: 767px) {
  #inquiry .section-ttl {
    font-size: 2.5rem;
  }
}

#bespoke .about {
  text-align: left;
  margin-bottom: 3rem;
}

#bespoke .works-box {
  margin: 8rem 0;
}

#bespoke .works-box .ttl {
  text-align: left;
  font-size: 2.5rem;
  border-bottom: 2px solid #baa97b;
  width: 200px;
  margin-bottom: 3rem;
}

#bespoke .works-box h4.ttl {
  font-size: 2rem;
  width: fit-content;
  padding-right: 3rem;
  margin-bottom: 1rem;
  padding-top: 4rem;
  border-bottom: 2px solid #c0c0c0 !important;
}

#bespoke .works-box .ttl.order {
  width: fit-content;
  padding-right: 3rem;
  margin-bottom: 0;
}

#bespoke .works-box .works-list {
  overflow: hidden;
  width: 100%;
}

#bespoke .works-box .works-item {
  float: left;
}

#bespoke .works-box .step-inner p {
  text-align: left;
}

#bespoke .works-box .step-inner .example-txt {
  padding: 0;
}

#bespoke .works-box .step-inner > p {
  padding: 2rem 0;
}

#bespoke .works-box .sozai-item p {
  font-size: 1.4rem;
}

#bespoke .works-box .ttl._step2 {
  clear: both;
}

#bespoke .works-box .example-list {
  padding-left: 1rem;
}

#bespoke .works-box .example-item {
  text-align: left;
}

@media screen and (min-width: 992px) {
  #bespoke .works-item {
    width: 23%;
  }
  #bespoke .works-item:not(:last-child) {
    margin-right: 2.6%;
  }
  #bespoke .step-inner {
    padding-left: 3rem;
  }
  #bespoke .sozai-item {
    width: 18%;
    float: left;
  }
  #bespoke .sozai-item:not(:last-child) {
    margin-right: 2%;
  }
}

@media screen and (max-width: 991px) {
  #bespoke .works-item {
    width: 49%;
    margin-bottom: 2rem;
  }
  #bespoke .works-item:nth-child(odd) {
    margin-right: 2%;
  }
  #bespoke .sozai-item {
    width: 31%;
    float: left;
  }
  #bespoke .sozai-item:not(:last-child) {
    margin-right: 2%;
  }
}

@media screen and (max-width: 767px) {
  #bespoke h3.ttl {
    font-size: 2rem !important;
  }
  #bespoke h4.ttl {
    font-size: 1.8rem !important;
  }
  #bespoke .ttl.order {
    width: 240px !important;
  }
  #bespoke .ttl._step1 {
    width: 220px !important;
  }
  #bespoke .ttl._step2 {
    width: 240px !important;
  }
  #bespoke .ttl._step3 {
    width: 300px !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 520px) {
  #bespoke .sp {
    display: none;
  }
}

@media screen and (max-width: 519px) {
  #bespoke .sp {
    display: block;
  }
}

/*  --------------------------------
 exotics
--------------------------------  */
#exotics {
  /* process */
  /* 当社が扱う品種 */
}

#exotics .process .area-ttl {
  margin-bottom: 1rem;
}

#exotics .process .ttl-list {
  margin-bottom: 3rem;
  padding-left: 2rem;
  overflow: hidden;
  width: 100%;
}

#exotics .process .ttl-item {
  float: left;
}

#exotics .process .ttl-item .icon-number {
  /* margin-bottom: -.9rem; */
  margin-bottom: -.7rem;
  margin-right: 2rem;
}

#exotics .process .ttl-item:not(:last-child) {
  margin-bottom: 2rem;
}

#exotics .process .ttl-item:hover span {
  border-bottom: solid 1px;
  padding-bottom: .3rem;
}

#exotics .variety .area-ttl {
  width: 350px;
}

#exotics .variety-list {
  margin-bottom: 8rem;
}

#exotics .variety-item h3 {
  font-size: 2rem;
}

#exotics .variety-item p {
  margin-bottom: 1rem;
}

#exotics .exposition {
  margin-bottom: 8rem;
}

#exotics .exposition-list {
  margin-bottom: 10rem;
}

#exotics .exposition-item {
  margin-bottom: 5rem;
}

#exotics .exposition-item .item-ttl {
  margin-bottom: 2rem;
}

#exotics .exposition-item .item-ttl .icon-gold {
  width: 5rem;
  margin-bottom: -.8rem;
  margin-right: -2rem;
}

#exotics .exposition-item .item-ttl span {
  border-bottom: solid 2px #baa97b;
  padding: 0 4rem;
  font-size: 2.5rem;
}

@media screen and (min-width: 992px) {
  #exotics {
    /* process */
    /* 当社が扱う品種 */
  }
  #exotics .process .ttl-item {
    font-size: 2rem;
    width: 25%;
  }
  #exotics .process .icon-number {
    width: 4rem;
  }
  #exotics .variety-list {
    overflow: hidden;
    width: 100%;
  }
  #exotics .variety-item {
    width: 31.5%;
    margin-bottom: 1rem;
    float: left;
  }
  #exotics .variety-item:nth-child(1), #exotics .variety-item:nth-child(2), #exotics .variety-item:nth-child(4), #exotics .variety-item:nth-child(5) {
    margin-right: 2.744444%;
  }
}

@media screen and (min-width: 768px) {
  #exotics .exposition, #exotics .col-2 {
    display: flex;
    align-items: flex-start;
  }
  #exotics .exposition .txt-xposition, #exotics .col-2 .txt-xposition {
    width: 55%;
  }
  #exotics .exposition .img-box, #exotics .col-2 .img-box {
    width: 42%;
    margin-left: 3%;
  }
  #exotics .exposition-item:nth-child(odd) .img-box {
    margin-left: 0;
    margin-right: 3%;
  }
}

@media screen and (max-width: 991px) {
  #exotics {
    /* process */
    /* 当社が扱う品種 */
  }
  #exotics .process .ttl-item {
    width: 48%;
  }
  #exotics .process .ttl-item:not(odd) {
    margin-right: 2%;
  }
  #exotics .process .icon-number {
    width: 3rem;
  }
  #exotics .variety-list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #exotics .variety-item {
    padding: 0 10%;
  }
  #exotics .variety-item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 767px) {
  #exotics .area-ttl {
    padding-left: 2rem;
  }
  #exotics .exposition .txt-xposition, #exotics .col-2 .txt-xposition {
    margin-bottom: 2rem;
  }
  #exotics .exposition .img-box, #exotics .col-2 .img-box {
    padding: 0 10%;
    margin-bottom: 2rem;
  }
  #exotics .exposition-list .txt-xposition {
    margin-bottom: 0;
  }
  #exotics .exposition-item:nth-child(even) .col-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #exotics .exposition-item:nth-child(even) .txt-xposition {
    order: 2;
  }
  #exotics .exposition-item:nth-child(even) .img-box {
    order: 1;
  }
}

/*  --------------------------------
 stocklist
--------------------------------  */
#stocklist section {
  text-align: center;
}

#stocklist .section-ttl {
  border-bottom: solid 2px #baa97b;
  padding: 0 2rem;
}

#stocklist .sm-table {
  text-align: left;
  margin-bottom: 3.5rem;
}

#stocklist .sm-table th {
  font-weight: normal;
}

#stocklist .sm-table td, #stocklist .sm-table th {
  padding: 1rem 0;
}

#stocklist .sm-table td p, #stocklist .sm-table th p {
  padding-bottom: 2rem;
}

#stocklist .sm-table .office-name {
  padding-bottom: 1rem;
}

#stocklist .sm-table .btn-white {
  font-size: 1.6rem;
  border: solid 2px #baa97b;
}

#stocklist .sm-table .btn-white:hover {
  background: #baa97b;
}

#stocklist .area-box {
  margin-bottom: 3rem;
}

#stocklist .shops-box .inquiry-box {
  margin-bottom: 10rem;
}

#stocklist .shops-box .inquiry-box p {
  margin-bottom: 3rem;
}

#stocklist .shops-box .inquiry-box .icon-mail {
  margin: 0 2rem -.6rem 0;
}

#stocklist .shops-box .inquiry-box .btn-white {
  font-size: 2rem;
  padding: 1.5rem 2rem;
}

#stocklist .shops-box .inquiry-box .btn-white.inguiry {
  width: 265px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #stocklist .head-office__inner {
    display: flex;
    align-items: center;
  }
  #stocklist .head-office__inner .img-honten, #stocklist .head-office__inner .area-txt {
    width: 50%;
  }
  #stocklist .area-txt {
    display: flex;
    align-items: center;
    padding-left: 5rem;
    text-align: left;
  }
  #stocklist .sm-table, #stocklist table {
    width: 100%;
  }
  #stocklist .sm-table .office-name {
    font-size: 2rem;
  }
  #stocklist .area-box {
    padding: 0 5%;
    overflow: hidden;
  }
  #stocklist .shop {
    width: 50%;
    float: left;
  }
  #stocklist .shop:nth-child(odd) {
    padding-left: 5rem;
  }
  #stocklist .sns-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 6rem;
  }
  #stocklist .sns-box p {
    display: flex;
    align-items: center;
    padding: 0 23%;
    font-size: 2rem;
  }
  #stocklist .sns-box p:before, #stocklist .sns-box p:after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background: #baa97b;
    display: block;
  }
  #stocklist .sns-box p:before {
    margin-right: 2rem;
  }
  #stocklist .sns-box p:after {
    margin-left: 2rem;
  }
  #stocklist .sns-box .icon-box {
    overflow: hidden;
    margin: 0 auto;
    margin-top: 3rem;
  }
  #stocklist .sns-box .icon {
    width: 5rem;
    float: left;
    margin: 0 5rem;
  }
}

@media screen and (max-width: 767px) {
  #stocklist .area-ttl {
    width: 300px !important;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding-right: 60px;
    font-size: 2rem;
  }
  #stocklist .area-txt .sm-table, #stocklist .area-txt table {
    margin: 0 auto;
  }
  #stocklist .area-txt table {
    text-align: left;
  }
  #stocklist .area-box {
    margin-bottom: 6rem;
  }
  #stocklist .sm-table {
    margin-bottom: 3rem;
  }
  #stocklist .sm-table th {
    padding-right: 2rem;
  }
  #stocklist .sm-table .office-name {
    font-size: 1.8rem;
    padding-bottom: 0;
  }
  #stocklist .img-honten {
    margin-bottom: 2rem;
  }
  #stocklist .shop table {
    margin: 0 auto;
  }
  #stocklist .office-name {
    text-align: center;
  }
  #stocklist .sns-box {
    display: none;
  }
}

/*  --------------------------------
 privacy
--------------------------------  */
#privacy {
  padding: 220px 0 30px;
}

#privacy .main-inner {
  text-align: center;
}

#privacy section {
  text-align: left;
}

#privacy section .explanation, #privacy section .privacy-item {
  margin-bottom: 4rem;
}

#privacy .privacy-item .ttl {
  font-size: 2.5rem;
}

#privacy .privacy-item .indent {
  padding-left: 1em;
  text-indent: -1em;
}

/*  --------------------------------
 ecommerce
--------------------------------  */
#ecommerce .explanation {
  text-align: left;
  margin: 3rem 0 6rem;
}

#ecommerce .btn-white {
  font-size: 2rem;
  padding: 1.5rem 2rem;
  width: 265px;
}

#ecommerce .btn-white .icon-mail {
  margin: 0 2rem -.6rem 0;
}

/*  --------------------------------
 company
--------------------------------  */
#company, #ecommerce {
  padding: 220px 0 100px;
}

#company .main-inner, #ecommerce .main-inner {
  text-align: center;
}

#company table, #ecommerce table {
  text-align: left;
  width: 100%;
}

#company .table-lg__tr:not(:last-child), #ecommerce .table-lg__tr:not(:last-child) {
  border-bottom: 1px solid #4d4d4d;
}

#company ._access, #ecommerce ._access {
  padding: .5rem 0 3.5rem;
}

#company ._access span, #ecommerce ._access span {
  line-height: 6rem;
}

#company .btn-white img, #ecommerce .btn-white img {
  width: 3rem;
  margin-left: 2rem;
}

@media screen and (min-width: 768px) {
  #company .c-tbl__head, #ecommerce .c-tbl__head {
    padding-left: 10rem;
    width: 40%;
  }
  #company .c-tbl__data, #ecommerce .c-tbl__data {
    padding-right: 10rem;
  }
}

@media screen and (max-width: 767px) {
  #company, #ecommerce, #privacy {
    padding: 1rem 0 5rem;
  }
  #company .c-tbl__data, #ecommerce .c-tbl__data, #privacy .c-tbl__data {
    font-size: 2rem;
  }
}

/*  --------------------------------
 customer_care
--------------------------------  */
#customar_care {
  padding: 220px 0 100px;
  /*タブ*/
  /*内容*/
  /* 返品ー注意事項 */
}

#customar_care .main-inner {
  text-align: center;
}

#customar_care ul.navi_wrap li {
  border: 1px solid #000;
  font-size: 2rem;
  padding: 5px;
  text-align: center;
  display: inline-block;
  padding: 0 2rem;
}

#customar_care ul.navi_wrap li:not(:last-child) {
  margin-right: 1rem;
}

#customar_care ul.navi_wrap li.active {
  font-weight: bold;
  background: #4d4d4d;
  color: #fff;
}

#customar_care ul.navi_wrap li:hover {
  cursor: pointer;
}

#customar_care .main-dis {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

#customar_care .box_wrap {
  background: #f5f5f5;
  padding: 3rem 5rem;
  margin-top: 3rem;
  text-align: left;
}

#customar_care .box_wrap .box_text-ttl {
  text-align: center;
}

#customar_care .box_wrap .box_text-ttl .section-ttl {
  font-size: 2.5rem;
  margin-bottom: 3rem;
}

#customar_care .box_wrap .box_text {
  display: none;
}

#customar_care #returns {
  display: block;
}

#customar_care .notes-box {
  background: #fff;
  padding: 3rem 2rem;
  margin: 2rem 0;
}

#customar_care .table-lg__tr {
  border-top: solid 1px #000;
}

#customar_care .table-sm {
  width: 100%;
}

#customar_care .table-sm .table-sm__head {
  background: #6d6d6d;
  border: 1px solid #fff;
  color: #fff;
}

#customar_care .table-sm .table-sm__data {
  background: #fff;
  border: 1px solid #6d6d6d;
}

#customar_care .table-sm .table-sm__head, #customar_care .table-sm .table-sm__data {
  padding: .5rem 0;
  padding-left: 3rem;
}

#customar_care .table-sm._bank, #customar_care .table-sm._daikin {
  margin: 2rem 0;
}

#customar_care .daikin_card a{
	color:darkblue;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
  #customar_care .table-sm__head {
    width: 17%;
  }
  #customar_care .table-sm._bank .table-sm__head {
    width: 21%;
  }
}

@media screen and (max-width: 767px) {
  #customar_care {
    padding: 1rem 0 5rem;
  }
  #customar_care ul.navi_wrap li {
    font-size: unset;
    padding: .5rem 0;
    float: left;
    width: 50%;
  }
  #customar_care .box_wrap {
    padding: 2rem;
    margin-top: 11rem;
    clear: both;
  }
  #customar_care .table-lg__tr > th {
    text-align: center;
  }
  #customar_care .table-sm__head, #customar_care .table-sm__data {
    display: block;
    width: 100%;
  }
  #customar_care .table-sm._daikin .table-sm__head, #customar_care .table-sm._daikin .table-sm__data {
    display: table-cell;
    width: auto;
  }
}

/*  --------------------------------
 blog
--------------------------------  */
.blog {
  background: #fff;
}

.blog .main-inner {
  padding-top: 3rem;
}

.blog .btn-white {
  font-size: 1.6rem;
  border: solid 2px #baa97b;
  width: 195px;
}

.blog .btn-white:hover {
  background: #baa97b;
}

.blog .tukibetu, .blog .category-name {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.blog .single .left-box h2 {
  font-size: 2.2rem;
  padding-left: 25px;
  text-indent: -25px;
  margin-bottom: 2rem;
}

.blog .single .left-box h2:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 30px;
  margin-bottom: .7rem;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background: #baa97b;
  margin-right: .5rem;
  font-size: 2rem;
}

.blog .single .txt, .blog .single .wp-pagenavi {
  margin-top: 4rem;
}

.blog .single .wp-pagenavi {
  color: #4d4d4d;
}

@media screen and (min-width: 768px) {
  .blog .main-inner {
    display: flex;
    flex-direction: row;
    padding-top: 5rem;
  }
  .blog .left-box {
    width: 70%;
    margin-right: 3%;
  }
  .blog .sidebar {
    width: 27%;
  }
}

@media screen and (max-width: 767px) {
  .blog .single .left-box h2 {
    margin-bottom: 1rem;
  }
  .blog .single .txt, .blog .single .wp-pagenavi {
    margin-top: 2rem;
  }
  .blog .single .wp-pagenavi {
    font-size: 1.8rem;
  }
}

/*  --------------------------------
 TOP
--------------------------------  */
#top .news .section-headline::after {
  background: #baa97b;
}

#top .news-item__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

#top .btn {
  width: fit-content;
  color: #ffffff;
  background: #4D4D4D;
  border: solid 1px #4D4D4D;
  padding: 1rem 2rem;
  transition: .5s;
  font-size: 1.8rem;
}

#top .btn:hover {
  background: none;
  color: #4D4D4D;
}

#top .btn_top {
  width: fit-content;
  color: #ffffff;
  background: #4D4D4D;
  border: solid 1px #4D4D4D;
  padding: 1rem 2rem;
  transition: .5s;
  font-size: 1.8rem;
}

#top .btn_top:hover {
  background: none;
  color: #4D4D4D;
}

#top .area-btn {
  display: flex;
  justify-content: center;
}

#top .btn-backnumber {
  background: none;
  border: solid 1px #4D4D4D;
  color: #4D4D4D;
  padding: 1rem 2rem;
  transition: .5s;
}

#top .btn-backnumber:hover {
  color: #ffffff;
  background: #4D4D4D;
}

@media screen and (min-width: 768px) {
  #top .news-item__inner {
    padding: 2rem 5rem 0;
  }
  #top .thumbnail {
    width: 20%;
  }
  #top .area-title {
    width: 53%;
    margin-right: 2rem;
  }
  #top .area-title .title {
    font-size: 2rem;
  }
  #top .btn-backnumber {
    margin-top: 2rem;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  #top .news {
    margin-bottom: 7rem;
  }
  #top .news-item {
    margin-bottom: 1rem;
  }
  #top .btn {
    display: none !important;
  }
  #top .thumbnail {
    width: 40%;
    margin-right: 5%;
  }
  #top .area-title {
    width: 55%;
  }
  #top .area-title .title {
    font-size: 1.6rem;
  }
  #top .btn-backnumber {
    font-size: 1.6rem;
  }
}

.slick-item {
  position: relative;
}

.slick-item--inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.slick-item--inner h2 {
  font-size: 5rem;
}

.slick-item--inner p {
  margin-bottom: 3rem;
}

.slick-item--inner a {
  font-size: 2rem;
  text-align: center;
  color: #000;
  background: #ffffff;
  border: none;
  padding: 1rem 2rem;
  transition: .5s;
}

.slick-item--inner a:hover {
  color: #ffffff;
  border: solid 1px #ffffff;
  background: none;
}

.slick-item--inner * {
  text-align: center;
  color: #ffffff;
}

/* sliclkのインジケーター */
.slick-dots {
  bottom: 2%;
}

.slick-dots li button:before {
  color: #ffffff47;
  font-size: 12px;
  opacity: 1;
  -webkit-text-stroke: 1px #ffffff;
}

.slick-dots li.slick-active button:before {
  color: #ffffff;
  opacity: 1;
}

.slick-list .slick-item--inner > * {
  opacity: 0;
}

.slick-list .slick-active .slick-item--inner > * {
  opacity: 1;
}

.slick-list .slick-active .element01 {
  transition: opacity 1.0s linear 0.4s;
}

.slick-list .slick-active .element02 {
  transition: opacity 1.0s linear 0.6s;
}

.slick-list .slick-active .element03 {
  transition: opacity 1.0s linear 0.8s;
}

section {
  margin-bottom: 7rem;
}

section .section-headline {
  width: 49%;
  font-size: 5rem;
  display: flex;
  align-items: center;
}

section .section-headline::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #000000;
  display: block;
  margin-left: .7em;
}

.exotics .btn, .bespoke .btn, .online .btn {
  color: #ffffff;
  background: #4D4D4D;
  font-size: 2rem;
  padding: 1rem 2rem;
  transition: .5s;
}

.exotics .btn:hover, .bespoke .btn:hover, .online .btn:hover {
  background: none;
  border: solid 1px #4D4D4D;
  color: #4D4D4D;
}

.exotics {
  background: #F7F5EE;
}

.online .new-items {
  background: #F7F5EE;
}

.online .img-newitem {
  vertical-align: bottom;
}

.products {
  text-align: center;
}

.products h3 {
  display: inline-block;
  position: relative;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.products h3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid #000000;
}

.products-list {
  display: flex;
}

.products-list .img-box {
  position: relative;
}

.products-list .img-box .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.products-list img, .products-list p {
  transition: 0.5s;
}

.products-list a:hover .active {
  opacity: 1;
}

.products-list a:hover .img {
  opacity: 0;
}

.products-list .products-item:hover {
  border: solid 1px;
}

.products-list .products-item:hover p {
  background: #4D4D4D;
  color: #fff;
}

.products-item p {
  text-align: center;
  font-size: 2rem;
}

/**在庫表記**/
.zaiko{
	font-size: 12px;
	color: red;
}

/** カテゴリ、商品コード非表示 **/
.product_meta{
	display: none;
}


@media screen and (min-width: 768px) {
  .slick-item--inner {
    top: 60%;
  }
  section {
    margin-bottom: 7rem;
  }
  .exotics, .bespoke {
    position: relative;
    padding: 6rem;
    margin-top: 6rem;
  }
  .exotics .img-exotice, .exotics .img-bespoke, .bespoke .img-exotice, .bespoke .img-bespoke {
    position: absolute;
    right: -2rem;
    width: 40%;
  }
  .exotics .img-exotice, .bespoke .img-exotice {
    top: 13rem;
  }
  .exotics .img-bespoke, .bespoke .img-bespoke {
    top: 8rem;
  }
  .exotics p, .bespoke p {
    width: 50%;
    margin-top: 2rem;
    margin-bottom: 5rem;
  }
  .online .section-headline {
    width: 60%;
    margin-bottom: 3rem;
  }
  .online .new-items {
    display: flex;
    margin: 0 3rem;
  }
  .online .new-items .img-newitem {
    width: 50%;
  }
  .online .new-items .area-txt {
    width: 50%;
    display: flex;
    align-items: center;
    padding-left: 5rem;
  }
  .online .new-items .area-txt h3 {
    font-size: 4rem;
    margin-top: -2rem;
  }
  .online .new-items .area-txt p {
    margin-bottom: 2rem;
  }
  .online .products {
    margin-top: 3rem;
  }
  .online .products h3 {
    font-size: 4rem;
    text-align: center;
  }
  .online .products-item:not(:first-child) {
    margin-left: 6rem;
  }
  .bespoke .catch {
    width: 100%;
    font-size: 2.3rem;
  }
}

@media screen and (max-width: 767px) {
  .slick-item--inner {
    width: 100%;
  }
  .slick-item--inner h2 {
    font-size: 3rem;
  }
  .slick-item--inner p {
    font-size: 1.3rem;
    /* margin-bottom: 2rem; */
    margin-bottom: 1rem;
  }
  .slick-item--inner a {
    font-size: 1.1rem;
    padding: .75rem 1rem;
  }
  .slick-products {
    position: relative;
  }
  .slick-products .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 3rem;
    color: #fff;
    position: absolute;
    z-index: 100;
    padding: 22% 5%;
  }
  .slick-products .prev {
    left: 0;
  }
  .slick-products .next {
    right: 0;
  }
  .slick-products .slick-arrow:hover {
    cursor: pointer;
  }
  article {
    padding: 0 2rem;
  }
  section {
    margin-bottom: 3rem;
  }
  section .section-headline {
    width: 30rem;
    font-size: 3rem;
  }
  .exotics {
    padding: 3rem 2rem;
  }
  .online, .bespoke {
    padding: 3rem 0;
  }
  .exotics img, .bespoke img {
    padding: 0 2rem;
  }
  .exotics p, .bespoke p {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
  }
  .online h2 {
    margin-bottom: 2rem;
  }
  .online .new-items {
    margin: 0 3rem 2rem;
  }
  .online .new-items .area-txt {
    padding: 2rem 7% 3.5rem;
    position: relative;
    cursor: pointer;
    transition: .5s;
  }
  .online .new-items .area-txt h3 {
    font-size: 2.5rem;
  }
  .online .new-items .area-txt .img-arrow {
    width: 5rem;
    position: absolute;
    right: 7%;
  }
  .online .new-items .area-txt:hover {
    opacity: .4;
  }
  .bespoke .catch {
    font-size: 2rem;
  }
  .products-item .img-box {
    padding-top: 8%;
  }
}

/*  --------------------------------
 ヘッダー
--------------------------------  */
header {
  position: fixed;
  z-index: 100;
  padding: 30px 0 10px;
  width: 100%;
  transition: .5s;
}

header .inner-wrap {
  text-align: center;
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

header .hover {
  display: none;
  font-size: 1.4rem;
  width: 130px;
}

header .logo {
  width: 6rem;
}

header .nav-list {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

header .nav-list .item a:hover {
  padding-bottom: .5rem;
}

header .nav-list .item:hover .hover {
  display: block;
  border-bottom: solid 1px #000000;
}

header .nav-list .item:hover .default {
  display: none;
}

header .icon-list {
  position: absolute;
  right: 2rem;
  top: 0;
  display: flex;
  justify-content: flex-start;
}

header .icon-item {
  width: 3rem;
  position: relative;
}

header .icon-item .zaiko {
  position: absolute;
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: #fff;
  border-radius: 15px;
  top: -10px;
  right: -10px;
  background: #e73656;
  text-align: center;
  line-height: 17px;
}

header .icon-item:not(:first-child) {
  margin-left: 2rem;
}

header.fixed .nav-list {
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  header {
    background: #ffffff85;
  }
  header .nav-list .item {
    width: 130px;
  }
  header.fixed {
    background: #ffffff;
    padding: 13px 0 5px;
    height: 86px;
  }
  header.fixed .inner-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header.fixed .logo {
    width: 60px;
  }
  header.fixed .nav-list {
    margin: 0 1%;
  }
  header.fixed .icon-list {
    position: unset;
  }
  .header-pages {
    position: fixed;
    z-index: 10;
  }
  .header-pages .head-nav-menu {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #header {
    background: #ffffff;
  }
  #header ._pc .nav-menu {
    display: none !important;
  }
  #header .logo {
    width: 55px;
  }
  #header .nav_toggle {
    position: absolute;
    display: block;
    left: 10px;
    top: 40%;
    width: 40px;
    height: 37px;
    cursor: pointer;
    z-index: 300;
    text-align: center;
    float: right;
  }
  #header .nav_toggle span {
    display: block;
    position: absolute;
    width: 22px;
    border-bottom: solid 1px #707070;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 8px;
  }
  #header .nav_toggle span:nth-child(1) {
    top: 8px;
  }
  #header .nav_toggle span:nth-child(2) {
    top: 14px;
  }
  #header .nav_toggle span:nth-child(3) {
    top: 20px;
  }
  #header .nav_toggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  #header .nav_toggle.active span:nth-child(1) {
    top: 18px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #header .nav_toggle.active span:nth-child(2),
  #header .nav_toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #header nav {
    background: #000;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 100;
    display: table;
  }
  #header nav ul {
    padding: 15% 0;
  }
  #header nav li {
    text-align: left;
    font-size: 2.5rem;
    line-height: 2.2;
    color: #ffffff;
  }
  #header .icon-list {
    top: 21%;
  }
  #header .head-nav-menu .nav_inner .item {
    padding: 0 5rem;
  }
  #header .head-nav-menu .nav_inner .item a:hover {
    border-bottom: solid 1px #ffffff;
    padding-bottom: .5rem;
  }
  #header .head-nav-menu .nav_inner .item._icon {
    margin-top: 1rem;
  }
  #header .head-nav-menu .nav_inner .item._icon img {
    width: 4.5rem;
    margin-right: 1rem;
  }
  #header .head-nav-menu .nav_inner .item._c {
    font-size: 1.6rem;
  }
  header.fixed {
    padding: 10px 0 0;
  }
  header.fixed .nav_toggle {
    top: 23px !important;
  }
  header.fixed .icon-list {
    top: 15px;
  }
}

/* ページトップアイコン */
.pgtop {
  width: 45px;
  bottom: 1em;
  right: 1em;
  position: fixed;
}

@media screen and (min-width: 768px) {
  header {
    background: #ffffff85;
    padding: 30px 0 10px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pgtop {
    width: 32px;
    bottom: 2.5em;
    right: 1.4em;
    position: fixed;
  }
}

/*  --------------------------------
 フッター
--------------------------------  */
.footer_pages {
  background: #000000;
  font-size: 1.5rem;
  text-align: left;
  padding: 4.5rem 0;
}

.footer_pages * {
  color: #ffffff;
}

.footer_pages .inner-wrap {
  margin: 0 auto;
}

.footer_pages .logo {
  width: 9%;
}

.footer_pages .nav-inner {
  display: flex;
  float: right;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.footer_pages .nav-inner > .item:not(:first-child) {
  margin-left: 7rem;
}

.footer_pages .nav-list .item {
  margin-bottom: 1.4rem;
}

.footer_pages .nav-list .item a:hover {
  border-bottom: solid 1px #ffffff;
  padding-bottom: .5rem;
}

.footer_pages .copyright {
  clear: both;
  font-size: 1.3rem;
  text-align: center;
  padding-top: 2rem;
}

@media screen and (min-width: 992px) {
  footer .inner-wrap {
    width: 980px;
  }
  ._tb {
    display: none;
  }
  .nav-list .item {
    margin-bottom: 1.4rem;
  }
  .nav-list .item a:hover {
    border-bottom: solid 1px #ffffff;
    padding-bottom: .5rem;
  }
}

@media screen and (max-width: 991px) {
  .nav-inner._pc * {
    display: none;
  }
  .footer_pages {
    padding: 1rem 2rem;
  }
  .footer_pages .inner-wrap {
    text-align: left;
  }
  .footer_pages .logo {
    width: 6rem;
    float: left;
    margin-top: 1rem;
  }
  .footer_pages .nav {
    margin: 0rem 10%;
    padding-left: 34%;
  }
  .footer_pages .item._icon {
    margin-top: 1rem;
  }
  .footer_pages .item._icon img {
    width: 3.5rem;
    margin-right: .5rem;
  }
  .footer_pages .copyright {
    margin-top: 2rem;
    font-size: 1.2rem;
  }
}

/* 商品詳細ページの修正 */
@media screen and (max-width: 767px) {
  .woocommerce div.product div.summary {
    float: right;
    width: 100%!important;
    padding: 0 20px;
  }
}

.woocommerce-Tabs-panel--description {
  display: block !important;
}


.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #77a464;
}