@charset "utf-8";
/*
Theme Name: Smilefarm WordPress Themes
Theme URI: https://smile-farm.co.jp/
Author: Smilefarm
Author URI: https://smile-farm.co.jp
Description: Smilefarm WordPress Themes
Version: 1.0
Text Domain: Smilefarm
*/
/* bootstrap-reboot.css */
/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* matome.css */
h1 {font-size:40px;}
h2 {font-size:40px; margin-bottom: 40px;}
h3 {font-size:23px;}
h4 {font-size:20px;}
h5 {font-size:18px;}

@media screen and (max-width:768px) {
  h1 {font-size:30px;}
  h2 {font-size:25px; margin-bottom: 20px;}
  h3 {font-size:20px;}
  h4 {font-size:18px;}
  h5 {font-size:16px;}
}

.mds_st {
  margin-bottom:45px;
}

.box_us {
  padding-top:70px;
  padding-bottom:70px;
}
.box_u {
  padding-top:70px;
}
.box_s {
  padding-bottom:70px;
}
.box_hm {
  padding-left:70px;
  padding-right:70px;
}
@media screen and (max-width:1000px) {
  .box_us {
    padding-top:40px;
    padding-bottom:40px;
  }
  .box_u {
    padding-top:40px;
  }
  .box_s {
    padding-bottom:40px;
  }
  .box_hm {
    padding-left:20px;
    padding-right:20px;
  }
}
body {font-size:17px;line-height:1.8;}
body, body a {color:#222;text-decoration:none;}
body a:hover {color:#222;text-decoration:underline;}

@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

a:hover img {opacity:0.7;}
a.nop img {opacity:1;}
/* 文字色 */
.fc_fff {color:#fff;}
.fc_pink {color:#E82B5A;}
.fc_red {color:#FF0000;}

.fc_01 {color:#00A2E5;}
.fc_02 {color:#54BE19;}
.fc_03 {color:#EC609A;}
.fc_04 {color:#FB5E52;}
.fc_05 {color:#511497;}
.fc_06 {color:#707070;}
.fc_pink00 {color: #E90000;}
.fc_pink01 {color: #F55774;}
.fc_pink02 {color: #F6999D;}
.fc_pink03 {color: #F5ABAE;}
.fc_pink04 {color: #FEEFF0;}
.fc_pink05 {color: #F55774;}
.fc_blue {color: #00B1D7;}
.fc_666 {color: #666666;}

.fc_07i {color:#1E0C01 !important;}


/* 背景色 */
.bgc_fff {background-color:#fff;}
.bgc_fa {background-color:#fafafa;}
.bgc_00 {background-color:#000;}
.bgc_bl {background-color:#EDFAFF;}
.bgc_f3 {background-color:#F3F3F3;}
.bgc_pink01 {background-color: #F55774;}
.bgc_pink02 {background-color: #F6999D;}
.bgc_pink03 {background-color: #F5ABAE;}
.bgc_pink04 {background-color: #FEEFF0;}
.bgc_f4 {background-color: #F4F4F4;}
.bgc_f9 {background-color: #F9F9F9;}
.bgc_blue {background-color: #ECF8FC;}

/* border */
.b_all1 {border:1px solid ;}
.bb1 {border-bottom:1px solid ;}
.bb2 {border-bottom:2px solid ;}
.bb3 {border-bottom:3px solid ;}
.bbn {border-bottom:0 !important;}
.bc_ccc {border-color:#ccc;}
.bc_fff {border-color:#fff;}
.bc_000 {border-color:#000;}
.bc_01 {border-color:#00A2E5 !important;}
.bc_02 {border-color:#54BE19 !important;}
.bc_03 {border-color:#EC609A !important;}
.bc_04 {border-color:#FB5E52 !important;}
.bc_05 {border-color:#511497 !important;}
.bc_06 {border-color:#707070 !important;}
.bc_07 {border-color:#EFE3E3}

a.tdbb {text-decoration:underline;}

/* table */
table.bb {border:1px solid #000;}
table.bb th {border:1px solid #000;background-color:#000;color:#fff;padding:12px;}
table.bb td {border:1px solid #000;padding:11px;}

table.bb2 {width:100%;border:1px solid #A5A5A5;}
table.bb2 th {border:1px solid #A5A5A5;background-color:#F1F1F1;padding:12px;}
table.bb2 td {border:1px solid #A5A5A5;padding:11px;text-align:center;}

/* コピーライトの背景 */
#copyright {
  background-color: #F1EADB;
  padding:15px 0 15px 0;
}
#copyright a {
  color: #1E0C01;
}

/* ボタン */
.btn_w {
  margin:0 auto;
  text-align:center;
}
.btn_w a.btn {
  background: #1E0C01;
  color: #fff;
  font-weight: bold;
  max-width: 300px;
  width:100%;
  padding: 20px 0;
  display: inline-block;
  position:relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 300% auto;
}
.btn_w a.btn:hover {
  text-decoration:none;
  background-color: #283A38;
  background-position: right center;
}

.btn_w a.btn:hover:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.btn_w a.btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
@keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

.btn_w a.btn2 {
  border-radius: 2em;
  background: linear-gradient(81deg,#5FC8F3 0%, #00A2E5 51%,#5FC8F3 100%);
  color: #fff;
  font-weight: bold;
  max-width: 300px;
  width:100%;
  padding: 20px 0;
  display: inline-block;
  position:relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 300% auto;
}
.btn_w a.btn2:hover {
  text-decoration:none;
  background-color: #00A2E5;
  background-position: right center;
}
.btn_w a.btn2:hover:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.btn_w a.btn2:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
.btn_w .btn3{
  width: 100%;
  font-weight: bold;
  display: inline-block;
  padding: 10px 0 10px 15px;
  border-radius: 3px;
  box-shadow: 0px 2px 3px #00000029;
  text-align: left;
  color: #222222;
  text-decoration: none;
}
.btn_w .btn3::after{
  content: "";
  border-top: 2px solid #222222;
  border-right: 2px solid #222222;
  transform: rotate(45deg) translate(0, -50%);
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
}
.btn_w .btn3:hover{
  text-decoration: underline;
}
@media screen and (max-width: 768px){
  .btn_w .btn3{
    font-size: 13px;
    padding: 10px 0 10px 10px;
  }
}
@media screen and (max-width:370px) {
  .btn_w .btn3 {
    font-size:11px;
    padding-left: 3px;
  }
}

.btn_w .btn4 {
  border-radius: 2em;
  color: #fff;
  font-weight: bold;
  max-width: 350px;
  width: 100%;
  padding: 15px 0;
  display: inline-block;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-decoration: none;
  box-shadow: #C9686C 2px 3px;
  background-color: #F17D82;
}
.btn_w .btn4.rows_2 {
  line-height: 1.4;
  padding: 8px 0;
}
.btn_w .btn4:hover {
  background-color: #C9686C;
}
.btn_w a.btn4:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
@media screen and (max-width:550px) {
  .btn_w a.btn, .btn_w a.btn2 {
    width:80%;
  }
}

body {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight:500;
  -webkit-text-size-adjust: 100%;
}
ul, ul ul {
  padding-left:1.5em;
}
ul.ln {
  list-style:none;
  padding-left:0;
}

/* 2カラム */
.column2_w55 > div, .column2_w55 > li {width:50%;}
.column2_w64 > div:first-child, .column2_w64 > li:first-child {width:60%;}
.column2_w64 > div:last-of-type, .column2_w64 > li:last-child {width:40%;}
.column2_w46 > div:first-child, .column2_w46 > li:first-child {width:40%;}
.column2_w46 > div:last-of-type, .column2_w46 > li:last-of-type {width:60%;}
.column2_w73 > div:first-child, .column2_w73 > li:first-child {width:70%;}
.column2_w73 > div:last-of-type, .column2_w73 > li:last-child {width:30%;}
.column2_w37 > div:first-child, .column2_w37 > li:first-child {width:30%;}
.column2_w37 > div:last-of-type, .column2_w37 > li:last-child {width:70%;}
ul.column2_w55, ul.column2_w64, ul.column2_w46, ul.column2_w73, ul.column2_w37, ul.column3_w, ul.column4_w, ul.column5_w {padding-left:0;}
ul.column2_w55 > li, ul.column2_w64 > li, ul.column2_w46 > li, ul.column2_w73 > li, ul.column2_w37 > li, ul.column3_w > li, ul.column4_w > li, ul.column5_w > li {float:left; list-style:none;}

/* 3カラム */
.column3_w > div, ul.column3_w > li {width:33%;margin-right:0.5%;float:left;}
.column3_w > div:last-child, ul.column3_w > li:last-child, ul.column3_w > li:nth-child(3n) {margin-right:0;}

/* 4カラム */
.column4_w > div, .column4_w > li {width:25%; float:left;}

/* 5カラム */
.column5_w > div, .column5_w > li {width:20%; float:left;}

.column2_w55.w48 > li,
.column2_w55.w48 > div {
  width:48%;
  margin-right:4%;
  margin-bottom:60px;
}
.column2_w55.w48 > li:nth-child(even),
.column2_w55.w48 > div:nth-child(even) {
  margin-right:0;
}
.column2_w55.w49 > li,
.column2_w55.w49 > div {
  width:49%;
  margin-right:2%;
  margin-bottom:20px;
}
.column2_w55.w49 > li:nth-child(even),
.column2_w55.w49 > div:nth-child(even) {
  margin-right:0;
}

@media screen and (max-width:768px) {
  .column2_w55.w48 > li,
  .column2_w55.w48 > div {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
  .column2_w55.w49 > li,
  .column2_w55.w49 > div {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
}
.column2_w55.w47 > li,
.column2_w55.w47 > div {
  width:47%;
  margin-right:6%;
  margin-bottom:60px;
}
.column2_w55.w47 > li:nth-child(even),
.column2_w55.w47 > div:nth-child(even) {
  margin-right:0;
}
@media screen and (max-width:768px) {
  .column2_w55.w47 > li,
  .column2_w55.w47 > div {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
}


/* float */
.f_left {float:left;}
.f_right {float:right;}

/* 768pxでカラムをスマホ対応 */
@media screen and (max-width:768px) {
  .column2_w55 > div.f_left, .column2_w55 > div.f_right {float:none; width: 100%;}
  .column2_w64 > div.f_left, .column2_w64 > div.f_right {float:none; width: 100%;}
  .column2_w46 > div.f_left, .column2_w46 > div.f_right {float:none; width: 100%;}
  .column2_w73 > div.f_left, .column2_w73 > div.f_right {float:none; width: 100%;}
  .column2_w37 > div.f_left, .column2_w37 > div.f_right {float:none; width: 100%;}
  ul.column2_w55 > li, ul.column2_w64 > li, ul.column2_w46 > li, ul.column2_w73 > li, ul.column2_w37 > li, ul.column3_w > li, ul.column4_w > li, ul.column5_w > li {float:none; width: 100%;}

  /* 3カラム */
  .column3_w > div, ul.column3_w > li {width:100% !important;margin-right:0 !important;float:none !important;}
  /* 4カラム */
  .column4_w > div, .column4_w > li {width:100% !important; float:none;}
  /* 5カラム */
  .column5_w > div, .column5_w > li {width:100%; float:none;}
}
@media screen and (max-width:768px) {
  .column2_w55 > div,
  .column2_w64 > div,
  .column2_w46 > div,
  .column2_w73 > div,
  .column2_w37 > div,
  .column3_w > div,
  .column4_w > div,
  .column5_w > div
  {
    margin-bottom:1em;
  }
}

/* clearfix */
#container:after,
#navi ul:after,
.column2_w55:after,
.column2_w64:after,
.column2_w46:after,
.column2_w73:after,
.column2_w37:after,
.column3_w:after,
.column4_w:after,
.column5_w:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}
#container,
#navi ul,
.column2_w55,
.column2_w64,
.column2_w46,
.column2_w73,
.column2_w37,
.column3_w,
.column4_w,
.column5_w,
.clearfix {
  display: block;
}

/* font-size指定 */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs12_10 {font-size:12px;}
.fs14_12 {font-size:14px;}
.fs18_12 {font-size:18px;}
.fs18_16 {font-size:18px;}
.fs18_14 {font-size:18px;}
.fs6e {font-size:0.6em;}
.fs7e {font-size:0.7em;}
.fs8e {font-size:0.8em;}
.fs9e {font-size:0.9em;}

@media screen and (max-width:768px){
  .fs12_10 {font-size: 10px;}
  .fs14_12 {font-size: 12px;}
  .fs18_12 {font-size: 12px;}
  .fs18_16 {font-size: 16px;}
  .fs18_14 {font-size: 14px;}
}
/* font-weight指定 */
.fwbold {font-weight:bold;}
.fwnormal {font-weight:normal !important;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

/* text-align指定 */
.ta_left {text-align: left !important;}
.ta_right {text-align: right !important;}
.ta_center {text-align: center !important;}
.ta_justify {text-align: justify !important;}

.aligncenter {
  display: block;
  margin: 0 auto;
  text-align:center;
}
.alignright {float: right;}
.alignleft {float: left;}

/* display指定 */
.disp_ib {display:inline-block  !important;}
.disp_bl {display:block !important;}
.disp_il {display:inline;}
.disp_nn {display:none  !important;}

/* position指定 */
.pos_rel {position:relative;}
.pos_abs {position:absolute;}
.pos_sta {position:static;}
.pos_fix {position:fixed;}

/* z-index指定 */
.zi100 {z-index:100;}
.zi200 {z-index:200;}
.zi300 {z-index:300;}


/* width指定 */
.wid10 {width:10%;}
.wid15 {width:15%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid35 {width:35%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid65 {width:65%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid95 {width:95%;}
.wid100 {width:100%;}

/* margin padding 指定 */
.mar0 {margin:0 !important;}
.mart0 {margin-top: 0 !important;}
.mart5p {margin-top: 5%;}
.mart8p {margin-top: 8%;}
.mart10p {margin-top: 10%;}
.mart15p {margin-top: 15%;}
.mart20p {margin-top: 20%;}
.marb0 {margin-bottom: 0 !important;}
.marb5p {margin-bottom: 5%;}
.marb8p {margin-bottom: 8%;}
.marb10p {margin-bottom: 10%;}
.marb15p {margin-bottom: 15%;}
.marb20p {margin-bottom: 20%;}

.padt0 {padding-top: 0 !important;}
.padt5p {padding-top: 5%;}
.padt8p {padding-top: 8%;}
.padt10p {padding-top: 10%;}
.padt15p {padding-top: 15%;}
.padt20p {padding-top: 20%;}
.padb0 {padding-bottom: 0 !important;}
.padb5p {padding-bottom: 5%;}
.padb8p {padding-bottom: 8%;}
.padb10p {padding-bottom: 10%;}
.padb15p {padding-bottom: 15%;}
.padb20p {padding-bottom: 20%;}

.marr0 {margin-right: 0 !important;}
.marr5px {margin-right: 5px;}
.marr10px {margin-right: 10px;}
.marr20px {margin-right: 20px;}
.marr30px {margin-right: 30px;}

.marl0 {margin-left: 0 !important;}
.marl5px {margin-left: 5px;}
.marl10px {margin-left: 10px;}
.marl20px {margin-left: 20px;}
.marl30px {margin-left: 30px;}
.marl1em {margin-left: 1em;}

.mart5px {margin-top: 5px !important;}
.mart10px {margin-top: 10px !important;}
.mart15px {margin-top: 15px !important;}
.mart20px {margin-top: 20px !important;}
.mart25px {margin-top: 25px !important;}
.mart30px {margin-top: 30px !important;}
.mart35px {margin-top: 35px !important;}
.mart40px {margin-top: 40px !important;}
.mart50px {margin-top: 50px !important;}
.mart60px {margin-top: 60px !important;}
.mart70px {margin-top: 70px !important;}
.mart80px {margin-top: 80px !important;}
.mart90px {margin-top: 90px !important;}
.mart100px {margin-top: 100px !important;}
.marb5px {margin-bottom: 5px !important;}
.marb10px {margin-bottom: 10px !important;}
.marb15px {margin-bottom: 15px !important;}
.marb20px {margin-bottom: 20px !important;}
.marb25px {margin-bottom: 25px !important;}
.marb30px {margin-bottom: 30px !important;}
.marb35px {margin-bottom: 35px !important;}
.marb40px {margin-bottom: 40px !important;}
.marb50px {margin-bottom: 50px !important;}
.marb60px {margin-bottom: 60px !important;}
.marb70px {margin-bottom: 70px !important;}
.marb80px {margin-bottom: 80px !important;}
.marb90px {margin-bottom: 90px !important;}
.marb100px {margin-bottom: 100px !important;}
.marb1em {margin-bottom:1em !important;}

.padt5px {padding-top: 5px !important;}
.padt8px {padding-top: 8px !important;}
.padt10px {padding-top: 10px !important;}
.padt15px {padding-top: 15px !important;}
.padt20px {padding-top: 20px !important;}
.padt25px {padding-top: 25px !important;}
.padt30px {padding-top: 30px !important;}
.padt35px {padding-top: 35px !important;}
.padt40px {padding-top: 40px !important;}
.padt50px {padding-top: 50px !important;}
.padt60px {padding-top: 60px !important;}
.padt70px {padding-top: 70px !important;}
.padt80px {padding-top: 80px !important;}
.padt90px {padding-top: 90px !important;}
.padt100px {padding-top: 100px !important;}
.padt110px {padding-top: 110px !important;}
.padt120px {padding-top: 120px !important;}
.padt130px {padding-top: 130px !important;}
.padb5px {padding-bottom: 5px !important;}
.padb10px {padding-bottom: 10px !important;}
.padb15px {padding-bottom: 15px !important;}
.padb20px {padding-bottom: 20px !important;}
.padb25px {padding-bottom: 25px !important;}
.padb30px {padding-bottom: 30px !important;}
.padb35px {padding-bottom: 35px !important;}
.padb40px {padding-bottom: 40px !important;}
.padb50px {padding-bottom: 50px !important;}
.padb60px {padding-bottom: 60px !important;}
.padb70px {padding-bottom: 70px !important;}
.padb80px {padding-bottom: 80px !important;}
.padb90px {padding-bottom: 90px !important;}
.padb100px {padding-bottom: 100px !important;}


.column3_w.w30 > li,
.column3_w.w30 > div {
  width:30%;
  margin-right:5%;
}

/* ※マーク */
ul.kome {list-style:none;padding-left:0;margin-left:1em;}
ul.kome > li {color:#666;font-size:0.9em;text-indent:-1em;line-height:1.8;}
ul.kome > li::before {content:"※";}
@media screen and (max-width:768px){
  ul.kome > li {font-size: 11px;}
}

/* 矢印 */
.migi {
  position:relative;
}
.migi::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #484848;
  border-right: 2px solid #484848;
  transform: rotate(45deg);
  margin-top: -5px;
}

/* 見出し用 */
.mds1 {
  border:2px solid;
  text-align:center;
  font-weight:bold;
  padding:13px 0 11px;
  margin-bottom:30px;
}
.mds2 {
  border-bottom:1px solid;
  font-weight:bold;
  padding-bottom:10px;
  margin-bottom:20px;
}

ul.column3_s {
  padding-left:0;
  list-style:none;
}
ul.column3_s li {
  float:left;
  width:30%;
  margin-right:5%;
  margin-bottom:40px;
}
ul.column3_s li:nth-child(3n) {
  margin-right:0;
}
ul.column3_s li img {
  display:block;
  margin-bottom:10px;
  width:100%;
}

ul.column2_s {
  padding-left:0;
  list-style:none;
}
ul.column2_s li {
  float:left;
  width:45%;
  margin-right:10%;
  margin-bottom:40px;
  text-align:center;
}
ul.column2_s li:last-child {
  margin-right:0;
}
ul.column2_s li img {
  margin:0 auto;
  display:block;
  margin-bottom:10px;
}

/* 定義リスト */

dt {font-size:20px;margin-bottom:.5em;}
dd {margin-bottom:2em;}

dl.b1 dt {
  float:left;
  padding-bottom:10px;
  font-weight:normal;
}
dl.b1 dd {
  padding-left:120px;
  border-bottom:1px dotted #707070;
}

/* 網掛け */
.ami {
  border:1px solid #D1D1D1;
  background-color:#EDFAFF;
  padding:15px 35px 13px 35px;
}

/* SPのときに表示、PCの時に表示 */
.sp_disp {display: none !important;}
.sp_disp_in {display: none !important;}
.sp_disp_inb {display: none !important;}
.pc_disp {display: block !important;}
.pc_disp_in {display:inline !important;}

.sp_disp3 {display: none !important;}
.pc_disp3 {display: inline !important;}
.sp_disp4 {display: none !important;}
.pc_disp4 {display: inline !important;}
.pc_disp5 {display: flex !important;}

#navToggle {
  display:none;
  position:absolute;
  right:13px;
  top:13px;
  width:30px;
  height:25px;
  cursor:pointer;
}
#navToggle div {
  position:relative;
  }
#navToggle span {
  display:block;
  position:absolute;
  width:100%;
  border-bottom:solid 1px #fff;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:8px}
#navToggle span:nth-child(3) {top:16px}

@media screen and (max-width: 1100px) {
  header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    right:0;
    top: -1100px; /*通常時はビュー外*/
    background:rgba(255,255,255,1);
    width:100%;
    padding:0;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left;
    z-index:10000;
  }
  header ul {margin:0}
  header ul li {
    display:block;
    margin:0;
    line-height:3}
  header ul li a {
    display:block;
    line-height: 1;
    padding: 18px 0;
  }
  header ul.sp_sub_menu_h li a {
    padding: 0;
  }
  header ul li::after {content:''}
  header ul li:last-child {border-bottom:none}
  #navToggle {display:block}
  .openNav #navToggle span:nth-child(1) {
    top: 8px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)
  }
  .openNav #navToggle span:nth-child(2),
  .openNav #navToggle span:nth-child(3) {
    top: 8px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
  }
  .openNav nav {
    -moz-transform: translateY(1150px);
    -webkit-transform: translateY(1150px);
    transform: translateY(1150px);
  }
  #navToggle_w {
    width: 50px;
    height: 50px;
    margin: 0 0 0 auto;
    background-color: #1E0C01;
    position: fixed;
    right: 0;
    z-index: 10001;
  }
  #navToggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    padding: 17px 14px;
    cursor: pointer;
  }
}
@media screen and (max-width: 1200px) {
  .sp_disp4 {display: block !important;}
  .pc_disp4 {display: none !important;}
}
@media screen and (max-width: 1100px) {
  .sp_disp3 {display: block !important;}
  .pc_disp3 {display: none !important;}
  .pc_disp5 {display: none !important;}
}
@media screen and (max-width: 768px) {
  .sp_disp {display: block !important;}
  .sp_disp_in {display: inline !important;}
  .sp_disp_inb {display: inline-block !important;}
  .pc_disp {display: none !important;}
  .pc_disp_in {display:none !important;}
}
img {
  max-width:100%;
  height:auto;
  margin-bottom:10px;
}


img[class*="wp-image-"],
img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}


/* パンクズ（Breadcrumb NavXT） */
.breadcrumbs {
  padding: 15px 0;
  margin-bottom: 0;
  font-size: 12px;
  color: #706960;
}
.breadcrumbs a {
  color:#706960;
}
.breadcrumbs a:hover {
  color:#000;
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    padding: 8px 0;
    font-size: 10px;
  }
}

/* シングルページ */
.single .contents_w .cont_w img {
  margin-bottom:1em;
}

/* ページネーション（WP-PageNavi） */
.wp-pagenavi {
  text-align:center;
  margin:20px 0;
}
.wp-pagenavi a,
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
  display: inline-block;
  border: 1px solid #222;
  padding: 5px 10px;
  margin: 0 5px;
  color: #222;
}
.wp-pagenavi span.current {
  background-color: #222;
  color: #fff;
}
.wp-pagenavi span.pages {
  margin-right: 8px;
}

/* グローバルナビゲーション サブメニュー */
#navi ul.sub-menu,
#navi ul.children{
  display: none;
  position: absolute;
  margin-left: 0;
  list-style:none;
  padding-left:0;
  z-index:99;

  opacity: 0;
  transition: 0.5s ease-in-out;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
#navi .sub-menu li,
#navi .children li{
  border: none;
  float:none;
  display: inline-block;
}

#navi ul.sub-menu ul,
#navi ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#navi ul li:hover > ul{
  display: block;

  opacity: 1;
  transition: 0.5s ease-in-out;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
@media screen and (max-width: 1100px) {
  #navi ul.sub-menu
  , #navi ul.children {
    position: relative;
    opacity: 1;
  }
  #navi ul.sub-menu li, #navi ul.children li {
    display: block;
  }
  #navi ul li:hover > ul {
    display: none;
  }
  #navi ul li:hover > ul {
    transition: none;
  }
}

@media screen and (min-width:769px) {
  @-moz-document url-prefix() {
    #navi ul.sub-menu {
      margin-top:-1px;
    }
  }
}

/* instagram feed */
#sb_instagram .sb_instagram_header {
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
    width: 50%!important;
    height: auto;
  }
}

.bl_mar0a {
  display:block;
  margin:0 auto;
}
.totop_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index:500;
}
@media screen and (max-width:768px) {
  .totop_btn {
    right:0px;
    bottom:70px;
  }
  .totop_btn img {
    width:80%;
  }
}

.single main {
  word-break : break-all;
}


/* リンク */
a.noicon::after {
  content:none !important;
  vertical-align:-1px !important;
  margin-left:0 !important;
}
a[target="_blank"]{
}
/*
a[target="_blank"]::after{
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_blank.png");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.pdf'] {
}

a[href $='.pdf']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_pdf.png");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.doc'] {
}
a[href $='.doc']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_doc.png");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.docx'] {
}
a[href $='.docx']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_doc.png");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.xls'] {
}
a[href $='.xls']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_xls.png");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.xlsx'] {
}
a[href $='.xlsx']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_xls.png");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.zip'] {
}
a[href $='.zip']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_zip.png");
  display: inline-block;
  vertical-align: -1px;
}
*/

/* gallery */
.gallery {
  display: flow-root;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: left;
}
.gallery-columns-3 {
    flex-wrap: nowrap;
}
.gallery-item {
  box-sizing: border-box;
  margin: 5px 1% 5px 0;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
  margin-right: 0;
}
.gallery-columns-2 .gallery-item {
  width: 49%;
}
.gallery-columns-3 .gallery-item {
  width: 32%;
}
.gallery-columns-4 .gallery-item {
  width: 24%;
}
.gallery-columns-5 .gallery-item {
  width: 19%;
}
.gallery-columns-6 .gallery-item {
  width: 15.66%;
}
.gallery-columns-7 .gallery-item {
  width: 13.28%;
}
.gallery-columns-8 .gallery-item {
  width: 11.5%;
}
.gallery-columns-9 .gallery-item {
  width: 10.11%;
}
@media screen and (max-width: 768px) and (min-width: 481px){
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    width: 49%;
    max-width: 49%;
  }
}
@media screen and (max-width: 480px){
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item{
    width: 100%;
    max-width: 100%;
  }
}

.uln {
  padding-left:0;
  list-style:none;
}

#page-top {
  position: fixed;
  z-index: 50000;
  bottom: 20px;
  right: 20px;
}
.single-shohin #page-top {
  bottom: 68px;
}
@media screen and (max-width: 768px) {
  #page-top {
    bottom: 10px;
    right: 10px;
  }
  .single-shohin #page-top {
    bottom: 58px;
  }
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}


/* style2.css */
#p_cat_list {
    margin-top: 100px;
    margin-bottom: 150px;
}

#p_cat_list ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
}

#p_cat_list li {
    display: inline-block;
    max-width: 330px;
    width: 25%;
    margin-right: 2%;
}

#p_cat_list li:nth-of-type(4n) {
    margin-right: 0px;
}

.p_container {
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #1e0c01;
}

.p_cat_pad {
    padding: 120px 0 15px 0;
}

.p_cat_summary {
    padding-bottom: 20px;
}

.p_cat_summary ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.p_cat_summary li {
    display: inline-block;
}

.p_cat_ruby {
    color: #c9c19f;
    font-size: 16px;
    line-height: 1;
}

.p_cat_txt {
    font-size: 17px;
    max-width: 800px;
    width: 100%;
    float: right;
}

.bgc01 {
    background-color: #f1eadb;
}

.bgc02 {
    background-color: #f6f4ef;
}
.bgc03 {
    background-color: #1e0c01;
}

.bgc11 {
    background-color: #706960;
    word-break: keep-all;
}

.bgc12 {
    background-color: #ad002d;
    word-break: keep-all;
}

.bgc13 {
    background-color: #d59b00;
    word-break: keep-all;
}

ul.p_ul {
    list-style: none;
    max-width: 1400px;
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.p_ul li {
    display: inline-block;
    width: 23%;
    margin-left: 0px;
    margin-right: 2%;
    margin-bottom: 85px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p_ul li:nth-of-type(4n) {
    margin-right: 0;
}

.p_product {
    width: 100%;
}

.img_thumbnail {
    margin-top: 40px;
    width: 100%;
    position: relative;
}

.img_thumbnail img {
    margin-bottom: 20px;
}

.gift_circle {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #ad002d;
    text-align: center;
    line-height: 80px;
    font-size: 14px;
    color: #ffffff;
    right: 10px;
    top: -40px;
}

.jitaku_circle {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #283a38;
    text-align: center;
    line-height: 80px;
    font-size: 14px;
    color: #ffffff;
    right: 10px;
    top: -40px;
}

.p_pro_margin {
    margin-bottom: 10px;
}

.p_info {
    font-size: 12px;
    color: #ffffff;
}

.p_info span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 3px 10px 3px 10px;
}

.p_title {
    font-size: 20px;
    line-height: initial;
    display: block;
}

.p_price {
    font-size: 17px;
}

a.p_product_linkbtn {
    font-size: 17px;
    display: inline-block;
    max-width: 320px;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid;
    border-color: #1e0c01;
    margin-top: 20px;
    position: relative;
}

.p_product_linkbtn:hover {
    text-decoration: none;
    color: inherit;
}

.p_product_linkbtn::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
}

ul.p_terroir {
    list-style: none;
    max-width: 1200px;
    height: auto;
    margin: 15px auto 85px auto;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
}

.p_terroir li.lileft {
    display: inline;
    width: 600px;
    height: 350px;
    margin: 0;
    z-index: 1;
}
.p_terroir li.lileft img.lileft_grape {
    width: 100%;
    filter: brightness(180%);
    object-fit: cover;
    object-position: 0 100%;
}
.p_terroir li.lileft img.lileft_lectier {
    width: 100%;
    filter: brightness(120%);
    object-fit: cover;
    object-position: 100% 50%%;
}

.p_terroir li.liright {
    display: inline;
    width: 600px;
    height: 350px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: calc(100% - 1200px);
    z-index: 2;
}

.p_terroir img {
    margin: 0;
    max-width: initial;
    width: 600px;
    height: 350px;
}

.p_terroir_container {
    width: 600px;
    height: 350px;
    background: #1e0c01;
}

.p_terroir_container_in {
    display: block;
    max-width: 400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: #ffffff;
}

.p_terroir_p {
    padding-top: 48px;
    margin-bottom: 0;
}

.p_terroir_txt {
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

a.p_terrior_linkbtn {
    font-size: 17px;
    color: inherit;
    display: inline-block;
    max-width: 400px;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid;
    border-color: #ffffff;
    margin-top: 0;
    margin-bottom: 46px;
    position: relative;
}

.p_terrior_linkbtn:hover {
    text-decoration: none;
    color: inherit;
}

.p_terrior_linkbtn::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
}

@media screen and (max-width: 1460px) {
    .p_container {
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1240px) {
    .p_cat_summary ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
    }

    .p_cat_summary li {
        display: block;
    }

    .p_cat_txt {
        font-size: 17px;
        max-width: 800px;
        width: 100%;
        float: initial;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1200px) {
    #p_cat_list {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    #p_cat_list ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    #p_cat_list li {
        width: 45%;
        margin-right: 7%;
        margin-bottom: 20px;
    }

    #p_cat_list li:nth-of-type(2n) {
        margin-right: 0px;
    }

    .p_ul li {
        width: 30%;
        margin-bottom: 40px;
    }

    .p_ul li:not(:nth-of-type(3n)) {
        margin-right: 5%;
    }

    .p_ul li:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 1040px) {
    ul.p_terroir {
        flex-wrap: wrap;
        margin-bottom: 60px;
    }

    .p_terroir li.lileft,
    .p_terroir li.liright {
        display: inline-block;
        width: 600px;
        height: 350px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .p_cat_txt {
        font-size: 14px;
        margin-bottom: 20px;
        float: right;
    }

    .img_thumbnail {
        margin-top: 25px;
    }

    .img_thumbnail img {
        margin-bottom: 5px;
    }

    .gift_circle,
    .jitaku_circle {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 10px;
        top: -25px;
    }

    .p_pro_margin {
        margin-bottom: 5px;
    }

    .p_info {
        font-size: 10px;
    }

    .p_title {
        font-size: 14px;
    }

    .p_price {
        font-size: 12px;
    }

    .p_terroir_p {
        padding-top: 24px;
        text-align: center;
    }

    a.p_product_linkbtn {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
    }

    .p_terroir_container_in {
        padding-left: 20px;
        padding-right: 20px;
    }

    a.p_terrior_linkbtn {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 640px) {
    .p_cat_pad {
        padding: 60px 0 50px 0;
    }

    .p_ul li {
        width: 47%;
        margin-bottom: 15px;
    }

    .p_ul li:not(:nth-of-type(2n)) {
        margin-right: 5%;
    }

    .p_ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    ul.p_terroir {
        max-width: 600px;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .p_terroir li.lileft,
    .p_terroir li.liright {
        display: inline-block;
        max-width: 600px;
        height: auto;
        margin: 0 auto;
    }

    .p_terroir img {
        margin: 0;
        max-width: 600px;
        width: 100%;
        height: auto;
    }

    .p_terroir_container {
        max-width: 600px;
        width: 100%;
        height: auto;
    }
}

/***************** アクセス ***************/
#access {
}
.of_hidden {
    overflow: hidden;
}

.acc_summary {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
}
.acc_summary .acc_info {
    width: 50%;
    margin-bottom: 30px;
}
.acc_summary table {
    width: 100%;
}
.acc_summary table tr th {
    width: 30%;
    padding-left: 30px;
    vertical-align: top;
}
.acc_summary table tr td {
    padding-right: 30px;
}
.acc_summary > img {
    width: 50%;
    margin-bottom: 30px;
}
#access iframe {
    width: 100%;
    max-height: 500px;
    height: calc(500 / 1200 * 100vw);
}

@media screen and (max-width: 768px) {
    .acc_summary {
        flex-wrap: wrap;
    }
    .acc_summary .acc_info,
    .acc_summary > img {
        margin-left: auto;
        margin-right: auto;
    }
    .acc_summary .acc_info {
        width: 100%;
        order: 2;
    }
    .acc_summary table {
        min-width: 275px;
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }
    .acc_summary > img {
        width: 80%;
        order: 1;
    }
}

/***************** プライバシーポリシー ***************/
#privacy_policy {
    background-color: #f6f4ef;
    padding-top: 100px;
    padding-bottom: 100px;
}

.pp_container {
    max-width: 1400px;
    margin: 0 auto;
}

.pp_ruby {
    color: #c9c19f;
    font-size: 16px;
}

.pp_txt {
    padding-top: 0px;
}

.pp_txt h4 {
    margin-top: 30px;
}

.pp_txt p,
.pp_txt ul {
    margin: 0;
}

@media screen and (max-width: 1460px) {
    .pp_container {
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    #privacy_policy {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/***************** お買い物ガイド ***************/
#user_guide {
    background-color: #f6f4ef;
    padding-top: 100px;
    padding-bottom: 100px;
}

.ug_container {
    max-width: 1400px;
    margin: 0 auto;
}

#user_guide span {
    text-decoration: underline;
}

#user_guide h3 {
    margin-top: 50px;
}

#user_guide p {
    padding-left: 20px;
}
#user_guide ul {
    margin-left: 20px;
}

@media screen and (max-width: 1460px) {
    .ug_container {
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    #user_guide {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/***************** 渡辺果樹園のぶどう ***************/
#grapes_intro,
#lectier_intro,
#original_intro {
    background-color: #f1eadb;
}

p.int_ruby {
    color: #c9c19f;
    font-size: 16px;
    margin: 0;
}
.int_sum_container {
    width: 100%;
    margin-bottom: 40px;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.int_sum_container h2 {
    word-break: keep-all;
}

.int_summary {
    max-width: 800px;
    width: 60%;
    word-break: keep-all;
}

ul.int_type_list {
    max-width: 800px;
    width: 100%;
    margin-bottom: 50px;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

ul.int_type_list li {
    width: 200px;
}

img.int_img {
    max-width: 1400px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}
.int_sub_sum {
    text-align: center;
    word-break: keep-all;
    margin-bottom: 60px;
}

.int_ingenuity {
    text-align: center;
}

ul.int_ing {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

ul.int_ing li {
    margin-bottom: 60px;
}

ul.int_ing li:nth-child(1) {
    width: 50%;
    order: 1;
}

ul.int_ing li:nth-child(2) {
    max-width: 700px;
    width: 50%;
    order: 2;
}

ul.int_ing li:nth-child(3) {
    max-width: 440px;
    width: 35%;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 4;
}

ul.int_ing li:nth-child(4) {
    width: 55%;
    height: auto;
    margin-left: 5%;
    order: 3;
    position: relative;
}
li.int_ing_li_pad:before {
    content: "";
    display: block;
    padding-top: 58%;
}
ul.int_ing li:nth-child(4) img.int_ing01_01 {
    position: absolute;
    width: 28%;
    height: auto;
    left: 0;
    top: 0;
}
ul.int_ing li:nth-child(4) img.int_ing01_02 {
    position: absolute;
    width: 55%;
    height: auto;
    right: 0;
    bottom: 0;
}

ul.int_ing li:nth-child(5) {
    width: 50%;
    height: auto;
    order: 5;
}
ul.int_ing li:nth-child(6) {
    width: 50%;
    height: auto;
    order: 6;
}

.int_ing_ruby {
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
}

.int_ing_ruby::after {
    content: "";
    width: 21px;
    height: 1px;
    margin-top: -1px;
    border-top: solid 1px;
    border-right: solid 1px;
    border-color: #c9c19f;
    position: absolute;
    top: 50%;
    left: 85px;
}

.int_ing_title {
    font-size: 24px;
    margin-bottom: 40px;
}

.int_ing_txt1 {
    font-size: 17px;
    max-width: 500px;
    margin-bottom: 0;
    padding-right: 10%;
}

.int_ing_txt2 {
    font-size: 17px;
    max-width: 310px;
    margin-bottom: 0;
}

@media screen and (max-width: 1060px) {
    .int_sum_container {
        flex-wrap: wrap;
    }

    .int_summary {
        max-width: initial;
        width: 100%;
    }

    img.int_img {
        margin-bottom: 60px;
    }

    .int_ing_title {
        font-size: 18px;
    }

    .int_ing_txt1 {
        font-size: 14px;
        max-width: 660px;
    }

    .int_ing_txt2 {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    ul.int_type_list > li {
        width: 50%;
    }
    .int_summary {
        word-break: initial;
    }
    .int_sub_sum {
        text-align: left;
        word-break: initial;
        margin-bottom: 40px;
    }

    ul.int_ing li {
        margin-bottom: 40px;
    }

    ul.int_ing li:nth-child(1) {
        max-width: initial;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    ul.int_ing li:nth-child(2) {
        max-width: initial;
        width: 100%;
        text-align: center;
    }

    ul.int_ing li:nth-child(3) {
        max-width: initial;
        width: 100%;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        order: 3;
    }

    ul.int_ing li:nth-child(4) {
        max-width: initial;
        width: 100%;
        margin-left: 0;
        order: 4;
    }
    ul.int_ing li:nth-child(5) {
        width: 100%;
    }
    ul.int_ing li:nth-child(6) {
        width: 100%;
    }

    .int_ing img {
        max-width: initial;
        width: 100%;
    }
    .int_ingenuity {
        text-align: left;
    }
    .int_ing_ruby {
        margin-bottom: 10px;
    }

    .int_ing_title {
        margin-bottom: 25px;
    }
    .int_ing_txt1 {
        padding-right: 0;
    }
    .int_ing_txt2 {
        max-width: 100%;
        padding-right: 0;
    }
}

/***************** 特商法 ***************/
#wf_law {
    background-color: #f1eadb;
    padding-top: 100px;
    padding-bottom: 100px;
}

.law_container {
    max-width: 1400px;
    margin: 0 auto;
}

p.law_ruby {
    color: #c9c19f;
    font-size: 16px;
    margin: 0;
}

ul.law_list {
    list-style-type: disc;
    padding-top: 60px;
}

ul.law_list > li {
    margin-bottom: 40px;
}

ul.law_list2 {
    list-style-type: decimal;
}

.law_list table {
    border-collapse: collapse;
}

.law_list td {
    width: 150px;
    border: solid 2px;
    padding-left: 10px;
    padding-right: 10px;
}

ul.law_list3 {
    list-style-type: circle;
}

@media screen and (max-width: 1460px) {
    .law_container {
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/***************** お知らせ ***************/
.ymd_w {
    text-align: right;
    margin-bottom: 10px;
}
.cate_mar span:last-of-type {
    margin-right: 0;
}
h2.nw_tit {
    border-bottom: 1px solid #060606;
    line-height: 1.5;
    padding-bottom: 0;
    margin-bottom: 40px;
    padding-bottom: 10px;
    font-weight: 600;
}
.btn_w a.btn_lb {
    font-size: 17px;
    color: #ffffff;
    background: #1e0c01;
    display: inline-block;
    max-width: 400px;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid;
    border-color: #ffffff;
    margin-top: 60px;
    margin-bottom: 46px;
    position: relative;
}

.btn_w .btn_lb:hover {
    text-decoration: none;
    color: #ffffff;
}

.btn_w .btn_lb::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -2px;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 12px;
}

/***************** お知らせ一覧 ***************/
ul.news_w {
    list-style: none;
    padding-left: 0;
}
.news_w li.kt_w {
    border-bottom: 1px solid #c9c19f;
    padding: 20px;
    position: relative;
}
.news_w li.kt_w:first-of-type {
    border-top: 1px solid #c9c19f;
}
.news_w li.kt_w:hover {
    background-color: #f1eadb;
    transition: 0.5s;
}
/* .news_w li.kt_w a {
	position: relative;
} */
.kt_w a:hover {
    text-decoration: none;
}
.kt_in {
    width: 250px;
    /*   vertical-align: top; */
    display: inline-block;
}
.kt_in .kt_date {
    display: inline-block;
    padding: 0 20px 0 30px;
    border-right: 1px solid #c9c19f;
    color: #706960;
    vertical-align: text-top;
}
.kt_in .cat_tag {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 0;
}

.kt_w h3.kt_tit {
    font-weight: 500;
    display: inline-block;
    width: calc(100% - 300px);
    margin: 0;
    padding-left: 15px;
    vertical-align: middle;
}
.pn_ul {
    padding-left: 0;
    list-style: none;
    display: inline-block;
}
.pn_ul li {
    display: inline-block;
    float: left;
    margin: 10px;
}
.pn_ul li a {
    padding: 5px 10px;
    border: 1px solid #060606;
}
.pn_ul li.acti span {
    padding: 5px 10px;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}
.new_icon {
    color: red;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 5px;
}
.news_w li.kt_w .new_icon {
    top: 5px;
    left: 3.5%;
}
@media screen and (max-width: 768px) {
    .news_w li.kt_w {
        padding: 30px 20px 20px;
    }
    .kt_in {
        margin-bottom: 5px;
    }
    .kt_w h3.kt_tit {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .kt_in .kt_date {
        padding: 0 20px 0 0;
    }
    .news_w li.kt_w .new_icon {
        left: 7px;
    }
}

/***************** お客様の声一覧 ***************/
ul.voice_w {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}
.voice_w li.vkt_w {
    display: inline-block;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 20px;
}
.voice_w li.vkt_w:nth-of-type(3n) {
    margin-right: 0;
}
.vkt_img {
    width: 100%;
    height: auto;
    max-height: 200px;
    position: relative;
}
.vkt_img::before {
    content: "";
    display: block;
    padding-top: calc(200 / 300 * 100%);
}

.vkt_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    .voice_w li.vkt_w {
        width: 48%;
    }
    .voice_w li.vkt_w:not(:nth-of-type(2n)) {
        margin-right: 3%;
    }
    .voice_w li.vkt_w:nth-of-type(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 480px) {
    .voice_w li.vkt_w {
        width: 100%;
        margin-right: 0 !important;
    }
}

/***************** お客様の声詳細 ***************/
.voice-single__list > li:not(:last-of-type) {
    margin-bottom: 1em;
}

/***************** お問い合わせ ***************/
.contact_w table {
    width: 100%;
}
.contact_w table tr {
    border-bottom: 1px solid #c9c19f;
}
.contact_w table th {
    width: 30%;
    padding: 10px 0;
}
.contact_w table td {
    width: 70%;
    padding: 10px 0;
}
.contact_w table td input {
    width: 100%;
}
.contact_w table td span.kome {
    font-weight: normal;
}
.contact_w table td textarea {
    width: 100%;
}
.contact_w .hissu {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    background: #ff0000;
    display: inline-block;
}
.btn_w .c_btn {
    background: #1e0c01;
    color: #fff;
    font-weight: bold;
    max-width: 350px;
    width: 40%;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size: 300% auto;
}
.btn_w .c_btn:hover {
    background: #fff;
    color: #000;
}
.btn_w .modoru_btn {
    background: #f6f4ef;
    color: #1e0c01;
    font-weight: bold;
    max-width: 350px;
    width: 40%;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size: 300% auto;
}
.btn_w .modoru_btn:hover {
    background: #fff;
}
@media screen and (max-width: 600px) {
    .contact_w table th {
        width: 100%;
        padding: 10px 0 0 0;
        display: block;
    }
    .contact_w table td {
        width: 100%;
        padding: 10px 0;
        display: block;
    }
}

/***************** 予約フォーム ***************/
.page_reserve table {
    width: 100%;
    text-align: initial;
}
.page_reserve table tr {
    border-bottom: 1px solid #c9c19f;
}
.page_reserve table th {
    width: 30%;
    padding: 10px 0;
    text-align: left;
}
.page_reserve table td {
    width: 70%;
    padding: 10px 0;
    text-align: left;
}
.page_reserve table td input {
    width: 100%;
}
.page_reserve table td.vlt-shubetsu input {
    width: inherit;
}
.page_reserve table td input.hasDatepicker {
    width: 140px;
}
.page_reserve table td input.dis_ib {
    width: initial;
}
.page_reserve .kome {
    font-weight: normal;
}
.page_reserve table td textarea {
    width: 100%;
}
.page_reserve .hissu {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    background: #ff0000;
    display: inline-block;
}
.page_reserve .btn_w .c_btn {
    background: #1e0c01;
    color: #fff;
    font-weight: bold;
    max-width: 350px;
    width: 40%;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size: 300% auto;
}
.page_reserve .btn_w .c_btn:hover {
    background: #fff;
    color: #000;
}
.page_reserve .btn_w .modoru_btn {
    background: #f6f4ef;
    color: #1e0c01;
    font-weight: bold;
    max-width: 350px;
    width: 40%;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size: 300% auto;
}
.page_reserve .btn_w .modoru_btn:hover {
    background: #fff;
}
@media screen and (max-width: 600px) {
    .page_reserve table th {
        width: 100%;
        padding: 10px 0 0 0;
        display: block;
        text-align: left;
    }
    .page_reserve table td {
        width: 100%;
        padding: 10px 0;
        display: block;
    }
}

/***************** ドライブスルー販売 ***************/
.page_reserve {
    text-align: center;
}
.page_reserve p {
    padding: 70px 0;
}
.page_reserve span.dr_hidebox {
    color: #1e0c01;
    background: #c9c19f;
    display: flex;
    width: 100%;
    height: 120px;
    margin-bottom: 70px;
    justify-content: center;
    align-items: center;
}
.no_disp_prev {
    font-weight: normal;
}
.mw_wp_form_preview .no_disp_prev {
    display: none;
}

@media screen and (max-width: 540px) {
    .page_reserve {
        text-align: left;
    }
    .page_reserve h3,
    .page_reserve h4 {
        text-align: center;
    }
    .page_reserve p {
        padding: 30px 0;
    }
}

/***************** 農園体験 ***************/
#exp_in_link ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}
#exp_in_link ul li {
    width: 30%;
    height: auto;
    margin: 0 2.5%;
}
#exp_in_link ul li:first-child {
    margin: 0 2.5% 0 0;
}
#exp_in_link ul li:last-child {
    margin: 0 0 0 2.5%;
}
#exp_in_link ul li .exp_in_link_box {
    width: 100%;
    height: 100px;
    border: 1px solid #1e0c01;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    word-break: keep-all;
    text-align: center;
}
#exp_in_link ul li a:hover {
    text-decoration: none;
}
#exp_in_link ul li a:hover .exp_in_link_box {
    color: #fff;
    background: #1e0c01;
}
/*
@media screen and (max-width: 1100px) {
  #exp_in_link ul {
    max-width:700px;
  }
  #exp_in_link ul li {
    max-width:300px;
    width:46%;
    margin-bottom:30px;
  }
}
*/
@media screen and (max-width: 768px) {
    #exp_in_link ul li .exp_in_link_box {
        font-size: 18px;
    }
}
@media screen and (max-width: 650px) {
    #exp_in_link ul li {
        width: 80%;
    }
    #exp_in_link ul li:nth-of-type(1n) {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
}

#exp_cafe .exp_cafe_box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 60px;
}
#exp_cafe .exp_cafe_box img {
    width: 45%;
    height: auto;
}
#exp_cafe .exp_cafe_box p {
    line-height: 2;
    padding: 10px 10%;
    font-size: 22px;
}
#exp_cafe .exp_cafe_box .exp_cafe_txt {
    width: 55%;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#exp_cafe .exp_cafe_box .exp_cafe_txt .btn_w {
    margin: initial;
}
#exp_cafe .exp_cafe_box .exp_cafe_txt .btn_w a.btn {
    max-width: initial;
    width: 60%;
}
#exp_cafe .exp_cafe_box .exp_cafe_txt .btn_w a.btn .exp_cafe_btn_txt {
    padding: 0 30px;
    word-break: keep-all;
}
#exp_cafe .exp_cafe_btn_br {
    display: none;
}
#exp_cafe .exp_cafe_btn_br {
    display: none;
}
@media screen and (max-width: 1100px) {
    #exp_cafe .exp_cafe_btn_br {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    #exp_cafe .exp_cafe_btn_br {
        display: none;
    }
}
@media screen and (max-width: 550px) {
    #exp_cafe .exp_cafe_btn_br {
        display: block;
    }
}

#exp_cafe .exp_cafe_imgbox {
    list-style: none;
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-around;
}
#exp_cafe .exp_cafe_imgbox li {
    width: 23%;
}

#exp_cafe .exp_cafe_imgbox img {
    width: 100%;
}

.exp_hb_box {
    padding: 0 5%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.exp_hb_box img {
    width: 30%;
    height: auto;
}

.exp_hb_box_in {
    width: 70%;
    padding-left: 10%;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

p.exp_hb_txt {
    font-size: 22px;
    margin-bottom: 50px;
    overflow-wrap: break-word;
}

#exp_experience .exp_exp_box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
#exp_experience .exp_exp_box img {
    width: 30%;
}
#exp_experience .exp_exp_box p {
    font-size: 22px;
    width: 60%;
    padding: 0 5%;
    align-self: center;
}

@media screen and (max-width: 1000px) {
    #exp_cafe .exp_cafe_box p {
        font-size: 17px;
    }
}
@media screen and (max-width: 768px) {
    #exp_cafe .exp_cafe_box {
        flex-wrap: wrap;
    }
    #exp_cafe .exp_cafe_box img {
        width: 80%;
    }

    #exp_cafe .exp_cafe_box .exp_cafe_txt {
        width: 100%;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #exp_cafe .exp_cafe_imgbox {
        flex-wrap: wrap;
    }
    #exp_cafe .exp_cafe_imgbox li {
        width: 48%;
    }

    .exp_hb_box {
        flex-wrap: wrap;
    }
    .exp_hb_box img {
        width: auto;
    }
    .exp_hb_box_in {
        width: 100%;
        padding: 5% 0;
    }
    p.exp_hb_txt {
        font-size: 17px;
        margin-bottom: 30px;
    }

    #exp_experience .exp_exp_box {
        flex-wrap: wrap;
    }
    #exp_experience .exp_exp_box img {
        width: 80%;
    }
    #exp_experience .exp_exp_box p {
        width: 100%;
        padding: 0 10%;
        font-size: 17px;
    }
}

/***************** 渡辺果樹園について ***************/
#map iframe {
    max-width: 1000px;
    width: 100%;
}
#map img {
    width: 100%;
    height: auto;
}
#about a,
#link a {
    color: #007bff;
}

.link_ul {
    list-style: square;
}
.link_ul li {
    padding: 10px;
}
.link_ul li span {
    color: #c9c19f;
}

/***************** テロワール ***************/
#ter_in_link ul.ter_link_flex {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
}
#ter_in_link ul.ter_link_flex li {
    max-width: 300px;
    width: 100%;
    margin: 0 10px;
}

.btn_w a.ter_btn {
    background: #fff;
    color: #1e0c01;
    font-weight: bold;
    width: 100%;
    padding: 15px 0 25px 0;
    border: 1px solid #1e0c01;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size: 300% auto;
    position: relative;
}

.btn_w a.ter_btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #283a38;
    background-position: right center;
}
.btn_w a.ter_btn:hover:after {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.btn_w a.ter_btn:after {
    content: "";
    position: absolute;
    top: 80%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #1e0c01;
    border-right: 2px solid #1e0c01;
    transform: rotate(135deg);
    margin-top: -5px;
}

.sc_anim {
    opacity: 0;
    transition: all 1s ease;
    transform: translate(10px, 10px);
}
.sc_anim.show {
    opacity: 1;
    transform: none;
}

#ter_seasons .ter_hero {
    width: 100%;
    height: auto;
    position: relative;
}
#ter_seasons .ter_hero:before {
    content: "";
    display: block;
    padding-bottom: calc(900 / 1920 * 100vw);
}
#ter_seasons .ter_hero img {
    width: 100%;
    height: calc(800 / 1920 * 100vw);
    margin: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
#ter_seasons .ter_hero h2 {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#ter_intro {
    max-width: 1400px;
    width: 100%;
    height: auto;
    position: relative;
}
#ter_intro:before {
    content: "";
    display: block;
    padding-bottom: calc(777 / 1360 * 100%);
}
#ter_intro img.ter_intro_img_01 {
    max-width: 750px;
    width: calc(750 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    right: 15px;
}
#ter_intro img.ter_intro_img_02 {
    max-width: 400px;
    width: calc(400 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: calc(402 / 777 * 100%);
    left: calc(156 / 1360 * 100%);
}

#ter_intro p {
    position: absolute;
    left: calc(100 / 1360 * 100%);
    top: calc(130 / 777 * 100%);
}

#ter_winter {
    max-width: 1400px;
    width: 100%;
    height: auto;
    position: relative;
}
#ter_winter:before {
    content: "";
    display: block;
    padding-bottom: calc(815 / 1360 * 100%);
}
#ter_winter img.ter_winter_logo {
    max-width: 116px;
    width: calc(116 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: calc((750 / 1360 * 100%) - (116 / 1360 * 100% / 2) + 15px);
    z-index: 5;
}

#ter_winter img.ter_winter_img {
    max-width: 750px;
    width: calc(750 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: calc(106 / 815 * 100% / 2);
    left: 15px;
    z-index: 3;
}
#ter_winter p {
    position: absolute;
    top: calc(237 / 815 * 100%);
    left: calc(850 / 1360 * 100%);
}
.ter_seasons_logo {
    color: #c9c19f;
    font-size: 40px;
}

#ter_spring {
    max-width: 1400px;
    width: 100%;
    height: auto;
    position: relative;
}
#ter_spring:before {
    content: "";
    display: block;
    padding-bottom: calc(933 / 1360 * 100%);
}
#ter_spring img.ter_spring_logo {
    max-width: 117px;
    width: calc(117 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    right: calc((850 / 1360 * 100%) - (117 / 1360 * 100% / 2) + 15px);
    z-index: 5;
}
#ter_spring img.ter_spring_img_01 {
    max-width: 850px;
    width: calc(850 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: calc(110 / 933 * 100% / 2);
    right: 15px;
    z-index: 3;
}
#ter_spring img.ter_spring_img_02 {
    max-width: 350px;
    width: calc(350 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: calc(480 / 933 * 100%);
    left: 15px;
}

#ter_spring p {
    position: absolute;
    top: calc(130 / 933 * 100%);
    left: calc(100 / 1360 * 100%);
}

#ter_summer {
    max-width: 1400px;
    width: 100%;
    height: auto;
    position: relative;
}
#ter_summer:before {
    content: "";
    display: block;
    padding-bottom: calc(944 / 1360 * 100%);
}
#ter_summer img.ter_summer_logo {
    max-width: 117px;
    width: calc(117 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: calc((850 / 1360 * 100%) - (117 / 1360 * 100% / 2));
    z-index: 5;
}
#ter_summer img.ter_summer_img_01 {
    max-width: 750px;
    width: calc(750 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: calc(110 / 944 * 100% / 2);
    left: calc(100 / 1360 * 100%);
    z-index: 3;
}
#ter_summer img.ter_summer_img_02 {
    max-width: 233px;
    width: calc(233 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: calc(500 / 944 * 100%);
    right: 15px;
}
#ter_summer img.ter_summer_img_03 {
    max-width: 200px;
    width: calc(200 / 1360 * 100vw);
    max-height: 200px;
    height: calc(200 / 1360 * 100vw);
    margin: 0;
    position: absolute;
    top: calc(640 / 944 * 100%);
    left: calc(840 / 1360 * 100%);
}

#ter_summer p {
    position: absolute;
    top: calc(236 / 933 * 100%);
    left: calc(900 / 1360 * 100% - 15px);
}
#ter_autumn {
    max-width: 1400px;
    width: 100%;
    height: auto;
    position: relative;
}
#ter_autumn:before {
    content: "";
    display: block;
    padding-bottom: calc(1150 / 1360 * 100%);
}
#ter_autumn img.ter_autumn_logo {
    max-width: 117px;
    width: calc(117 / 1360 * 100%);
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    right: calc((850 / 1360 * 100%) - (117 / 1360 * 100% / 2) + 15px);
    z-index: 5;
}
#ter_autumn img.ter_autumn_img_01 {
    max-width: 850px;
    width: calc(850 / 1360 * 100%);
    height: auto;
    filter: brightness(120%);
    margin: 0;
    position: absolute;
    top: calc(106 / 1150 * 100% / 2);
    right: 15px;
    z-index: 3;
}
#ter_autumn img.ter_autumn_img_02 {
    max-width: 650px;
    width: calc(650 / 1360 * 100vw);
    height: auto;
    margin: 0;
    object-fit: cover;
    position: absolute;
    top: calc(494 / 1150 * 100%);
    left: 15px;
    z-index: 4;
}
#ter_autumn img.ter_autumn_img_03 {
    max-width: 400px;
    width: calc(400 / 1360 * 100vw);
    filter: brightness(110%);
    max-height: auto;
    margin: 0;
    position: absolute;
    top: calc(784 / 1150 * 100%);
    right: calc(100 / 1360 * 100%);
}

#ter_autumn p {
    position: absolute;
    top: calc(155 / 1150 * 100%);
    left: calc(100 / 1360 * 100%);
}

#ter_ground .ter_ground_box {
    width: 100%;
    height: auto;
    border: 1px solid #c9c19f;
    position: relative;
}
#ter_ground .ter_ground_box:before {
    content: "";
    display: block;
    padding-bottom: calc(610 / 1360 * 100%);
}
#ter_ground .ter_ground_box img.ter_ground_img {
    max-width: 700px;
    width: calc(700 / 1360 * 100vw);
    height: auto;
    margin: 0;
    object-fit: cover;
    position: absolute;
    top: calc(80 / 610 * 100%);
    right: calc(100 / 1360 * 100%);
}
#ter_ground .ter_ground_box .ter_ground_nobgbox {
    margin: 0;
    position: absolute;
    top: calc(144 / 610 * 100%);
    left: calc(150 / 1360 * 100%);
}
#ter_ground .ter_ground_box .ter_ground_bgbox {
    color: #fff;
    font-size: 30px;
    background: #1e0c01;
    max-width: 570px;
    width: calc(570 / 1360 * 100%);
    max-height: 194px;
    height: 32%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: keep-all;
    position: absolute;
    top: calc(365 / 610 * 100%);
    left: calc(100 / 1360 * 100%);
}
#ter_ground .ter_ground_box .ter_ground_bgbox p {
    margin: 0;
}

#ter_howtogrow {
    text-align: center;
}
#ter_howtogrow span.ter_grow_ruby {
    color: #c9c19f;
    font-size: 16px;
}
#ter_howtogrow .ter_grow_list {
    list-style: none;
    max-width: 1180px;
    width: 100%;
    min-height: 82px;
    margin: 40px auto;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #706960;
}
#ter_howtogrow .ter_grow_list li:not(:last-of-type) {
    margin-top: 10px;
    margin-bottom: 10px;
    border-right: 1px solid #706960;
}

#ter_howtogrow .ter_grow_list a {
    color: #706960;
}
#ter_howtogrow .ter_grow_list span {
    display: block;
    white-space: nowrap;
    padding: 0 10px;
}

.ter_head_padding {
    margin-top: -100px;
    padding-top: 100px;
}

#ter_howtogrow .ter_grow_box {
    text-align: left;
    background: #fff;
    width: 100%;
    height: auto;
    margin-top: 40px;
    padding: 60px calc(60 / 1360 * 100%);
    display: flex;
    align-items: flex-start;
}
#ter_howtogrow .ter_grow_box img {
    max-width: 450px;
    width: calc(450 / 1360 * 100vw);
    height: auto;
    margin-bottom: 30px;
}
#ter_howtogrow .ter_grow_box .ter_grow_box_in {
    width: 60%;
    padding-left: 4vw;
}
#ter_howtogrow .ter_grow_box .ter_grow_box_in span.ter_grow_num {
    margin-bottom: 20px;
    position: relative;
}
#ter_howtogrow .ter_grow_box .ter_grow_box_in span.ter_grow_num:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -30px;
    width: 20px;
    height: 1px;
    background: #c9c19f;
}
#ter_howtogrow .ter_grow_box .ter_grow_box_in h3 {
    margin: 0;
}
#ter_howtogrow .ter_grow_box .ter_grow_box_in span.ter_grow_sub_tit {
    font-size: 14px;
    color: #fff;
    background: #706960;
    padding: 0 10px;
    margin-bottom: 30px;
    display: inline-block;
}
#ter_howtogrow .ter_grow_box .ter_grow_box_in p {
    /*word-break:keep-all;*/
}
#ter_howtogrow .ter_grow_box .ter_branch_imgbox {
    display: flex;
    flex-direction: column;
}

#ter_howtogrow .ter_grow_box .ter_flower_box {
    max-width: 100%;
    width: calc(770 / 1360 * 100vw);
    height: auto;
    padding: 30px;
    border: 1px solid #c9c19f;
}
#ter_howtogrow .ter_grow_box .ter_flower_box h4 {
    /*word-break: keep-all;*/
}
.pc_disp1000 {
    display: block;
}
.pc_disp500 {
    display: block;
}
.sp_disp500 {
    display: none;
}

@media screen and (max-width: 1200px) {
    #ter_ground .ter_ground_box .ter_ground_bgbox p {
        font-size: 22px;
    }
}

@media screen and (max-width: 1000px) {
    #ter_intro p,
    #ter_winter p,
    #ter_spring p,
    #ter_summer p,
    #ter_autumn p {
        font-size: 14px;
    }
    #ter_ground .ter_ground_box .ter_ground_bgbox p {
        font-size: 17px;
    }
    #ter_ground .ter_ground_box .ter_ground_nobgbox {
        font-size: 14px;
    }
    #ter_howtogrow .ter_grow_list {
        flex-wrap: wrap;
    }
    #ter_howtogrow .ter_grow_list li {
        width: 25%;
    }
    #ter_howtogrow .ter_grow_list li:nth-of-type(4) {
        border: none;
    }
    #ter_howtogrow .ter_grow_box .ter_grow_box_in p {
        font-size: 14px;
    }
    .pc_disp1000 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .ter_seasons_logo {
        font-size: 25px;
    }
    #ter_seasons .ter_hero:before {
        padding: 0;
    }
    #ter_seasons .ter_hero img {
        position: initial;
        margin-bottom: 30px;
    }
    #ter_seasons .ter_hero h2 {
        position: initial;
        color: #222;
    }
    #ter_intro,
    #ter_spring {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        padding-top: calc(120 / 768 * 100%);
    }
    #ter_autumn {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: flex-end;
        padding-top: calc(120 / 768 * 100%);
    }
    #ter_winter {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
        padding-top: calc(120 / 768 * 100%);
    }
    #ter_summer {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        padding-top: calc(120 / 768 * 100%);
    }

    #ter_intro:before,
    #ter_winter:before,
    #ter_spring:before,
    #ter_summer:before,
    #ter_autumn:before {
        padding-bottom: 0;
    }
    #ter_intro img.ter_intro_img_01 {
        position: initial;
        width: 80%;
        height: auto;
        margin-bottom: 20px;
    }
    #ter_intro img.ter_intro_img_02 {
        position: initial;
        width: 50%;
        height: auto;
        margin-bottom: 20px;
    }
    #ter_intro p {
        position: initial;
        width: 100%;
    }
    #ter_winter img.ter_winter_logo {
        width: calc(116 / 768 * 100vw);
        height: auto;
        top: calc(120 / 768 * 100% / 2);
        left: calc(80% - (116 / 768 * 100vw / 2));
    }
    #ter_winter img.ter_winter_img {
        position: initial;
        width: 80%;
        height: auto;
        margin-bottom: 20px;
        align-self: flex-start;
    }
    #ter_winter p {
        position: initial;
    }
    #ter_spring img.ter_spring_logo {
        width: calc(117 / 768 * 100%);
        height: auto;
        top: calc(100 / 768 * 100% / 2);
        right: calc(80% - (117 / 768 * 100% / 2));
    }
    #ter_spring img.ter_spring_img_01 {
        position: initial;
        width: 80%;
        height: auto;
        margin-bottom: 20px;
    }
    #ter_spring img.ter_spring_img_02 {
        position: initial;
        width: 50%;
        height: auto;
        margin-bottom: 20px;
    }
    #ter_spring p {
        position: initial;
        width: 100%;
    }
    #ter_summer img.ter_summer_logo {
        width: calc(116 / 768 * 100vw);
        height: auto;
        top: calc(120 / 768 * 100% / 2);
        left: calc(80% - (116 / 768 * 100vw / 2));
    }
    #ter_summer img.ter_summer_img_01 {
        position: initial;
        width: 80%;
        height: auto;
        margin-bottom: 20px;
        align-self: flex-start;
    }
    #ter_summer p {
        position: initial;
        margin-left: auto;
        margin-right: 0;
    }
    #ter_summer:after {
        content: "";
        width: 100%;
    }
    #ter_summer img.ter_summer_img_02 {
        position: initial;
        width: 40%;
        height: auto;
        margin-bottom: 20px;
        padding-right: 30px;
        align-self: flex-start;
        order: 1;
    }
    #ter_summer img.ter_summer_img_03 {
        position: initial;
        width: 30%;
        height: 30%;
        margin-bottom: 20px;
        align-self: flex-end;
        order: 1;
    }
    #ter_autumn img.ter_autumn_logo {
        width: calc(117 / 768 * 100%);
        height: auto;
        top: calc(100 / 768 * 100% / 2);
        right: calc(80% - (117 / 768 * 100% / 2));
    }
    #ter_autumn img.ter_autumn_img_01 {
        position: initial;
        width: 80%;
        height: auto;
        margin-bottom: 20px;
    }
    #ter_autumn img.ter_autumn_img_02 {
        position: initial;
        width: 50%;
        height: auto;
        margin-bottom: 20px;
        order: 2;
    }
    #ter_autumn img.ter_autumn_img_03 {
        position: initial;
        width: 35%;
        height: auto;
        margin-right: 20px;
        margin-bottom: 20px;
        order: 1;
    }
    #ter_autumn p {
        position: initial;
        width: 100%;
    }
    #ter_ground .ter_ground_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 30px 30px;
    }
    #ter_ground .ter_ground_box:before {
        padding-bottom: 0;
    }
    #ter_ground .ter_ground_box img.ter_ground_img {
        position: initial;
        max-width: 100%;
        width: 80%;
        height: auto;
        overflow: hidden;
        object-fit: cover;
        margin: 20px auto;
    }
    #ter_ground .ter_ground_box .ter_ground_nobgbox {
        position: initial;
        text-align: center;
        word-break: keep-all;
    }
    #ter_ground .ter_ground_box .ter_ground_bgbox {
        position: initial;
        width: 85%;
        padding: calc(50 / 640 * 100% / 2) 30px;
    }
    #ter_howtogrow .ter_grow_box {
        padding: 30px calc(60 / 768 * 100%);
        flex-wrap: wrap;
        justify-content: center;
    }
    #ter_howtogrow .ter_grow_box img {
        max-width: 450px;
        width: 100%;
    }
    #ter_howtogrow .ter_grow_box .ter_grow_box_in {
        width: 100%;
        padding-left: 0;
    }
    #ter_howtogrow .ter_grow_box .ter_flower_box {
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 500px) {
    .pc_disp500 {
        display: none;
    }
    .sp_disp500 {
        display: block;
    }
    #ter_ground .ter_ground_box .ter_ground_bgbox p {
        font-size: 14px;
    }
    #ter_howtogrow .ter_grow_list li {
        width: 50%;
    }
    #ter_howtogrow .ter_grow_list li:nth-of-type(2n) {
        border: none;
    }
    #ter_howtogrow .ter_grow_list li span {
        text-align: right;
    }
    #ter_howtogrow .ter_grow_list li:nth-of-type(2n) span {
        text-align: left;
    }

    #ter_howtogrow .ter_grow_box .ter_grow_box_in p {
        word-break: normal;
    }
    #ter_howtogrow .ter_grow_box .ter_flower_box h4 {
        word-break: normal;
    }
}

/***************** TOPページ修正 ***************/
#slider_w {
    background-color: #fff;
    transition-duration: 1.4s;
    opacity: 0;
}
#slider_w.op1 {
    opacity: 1;
}

#top_howtogrow {
    background-color: #f6f4ef;
    margin-top: -50px;
}
#top_howtogrow h2 {
    margin-right: 0;
}

#top_osusume .btn_w a.btn {
    max-width: 370px;
}
@media screen and (max-width: 768px) {
    #top_osusume .btn_w a.btn {
        max-width: 300px;
    }
}

.content_flex {
    display: flex;
    align-items: flex-start;
}
.content_flex > img {
    width: calc(650 / 1200 * 100%);
}
.content_flex .content_flex_in {
    width: calc(550 / 1200 * 100%);
    padding-left: calc(150 / 1920 * 100vw);
    padding-right: 0;
}
.top_terroir .btn_w,
.farm-experience .btn_w,
.drive-through .btn_w {
    text-align: left;
}
.top_terroir .btn_w a.btn,
.farm-experience .btn_w a.btn,
.drive-through .btn_w a.btn {
    text-align: center;
}
.top_terroir,
.drive-through,
.farm-experience {
    background: #f6f4ef;
}

.drive-through .content_flex > img {
    order: 2;
}
.drive-through .content_flex_in {
    padding-left: 0;
    padding-right: calc(150 / 1200 * 100%);
    order: 1;
}
@media screen and (max-width: 768px) {
    .content_flex {
        flex-wrap: wrap;
    }
    .content_flex > img,
    .content_flex .content_flex_in {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .content_flex > img {
        width: 80%;
        order: 1;
    }
    .content_flex .content_flex_in {
        width: 100%;
        margin-bottom: 30px;
        order: 2;
    }
    .top_terroir .btn_w,
    .farm-experience .btn_w,
    .drive-through .btn_w {
        text-align: center;
    }
}

#dt_bg img {
    width: 100%;
    height: calc(500 / 1920 * 100vw);
    object-fit: cover;
    object-position: 0 100%;
    margin: 0;
}

/***************** 渡辺果樹園の果物を味わえるお店 ***************/
.p-taste__btn-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.p-taste__block {
    border-bottom: 1px solid #ccc;
    margin-top: -100px;
    padding-top: 100px;
}
.p-taste__inner {
    padding: 30px 0 15px;
}
.p-taste__head {
    font-size: 30px;
}
.p-taste__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 3em;
}
.p-taste__list a {
    color: #007bff;
}
@media screen and (max-width: 768px) {
    .p-taste__btn-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .p-taste__block {
        margin-top: -50px;
        padding-top: 50px;
    }
    .p-taste__inner {
        padding: 30px 0 0;
    }
    .p-taste__head {
        font-size: 25px;
    }
    .p-taste__list {
        grid-template-columns: 1fr;
        gap: 0;
    }
}


/* style3.css */
h2 {
    color: #1e0c01;
}

.footer h2 {
    color: #fff;
}

.single .contents_w a {
    color: #ad002d;
    text-decoration: underline;
}

.single .contents_w .btn_w a.btn_lb {
    color: #fff;
    text-decoration: none;
}

.single a:hover {
    opacity: 0.7;
}

/*****果物の育て方*****/

.howto-grow {
    background-color: #f6f4ef;
    position: relative;
    padding: 100px 0 0;
}

@media screen and (max-width: 896px) {
    .howto-grow {
        padding: 50px 0;
    }
}

@media screen and (max-width: 768px) {
    .howto-grow {
        padding-bottom: 50px;
    }
}

.howto-grow_wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: center;
}

.howto-grow .jp {
}

@media screen and (max-width: 1220px) {
    .howto-grow_wrap {
        width: 100%;
    }
}

@media screen and (max-width: 896px) {
    .howto-grow_wrap {
        padding: 0 30px 0 30px;
    }
}

@media (max-width: 768px) {
    .howto-grow_wrap {
        width: 850px;
        display: block;
    }
}

.howto-grow_wrap p {
    margin: 0 0 0 85px;
}

@media screen and (max-width: 1250px) {
    .howto-grow_wrap p {
        margin: 0 0 0 50px;
    }
}

@media screen and (max-width: 1100px) {
    .howto-grow_wrap p {
        margin: 0 0 0 35px;
    }
}

@media screen and (max-width: 991px) {
    .howto-grow_wrap p {
        margin: 0 0 0 15px;
    }
}

.txt_rl {
    -ms-writing-mode: tb-rl; /* IE用　*/
    -webkit-writing-mode: vertical-rl; /* chrome用　*/
    -o-writing-mode: vertical-rl; /* opera用　*/
    writing-mode: vertical-rl;
}

.txt_w {
    letter-spacing: 5px;
    line-height: 2.8;
}

.h300 {
    height: 365px;
    min-height: 300px;
}

.mg_right0 {
    margin-right: 0;
    margin-left: auto;
}

@media (max-width: 768px) {
    .mg_right0 {
        margin-right: 0;
        margin-left: 20px;
    }
}

.mg_left0 {
    margin-right: auto;
    margin-left: 0;
}

.grow_bd {
    display: inline-block;
    border-right: 1px solid #1e0c01;
    border-left: 1px solid #1e0c01;
}

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

.howto-grow div.btn_w02 {
    display: none;
}

@media screen and (max-width: 896px) {
    .howto-grow_wrap div.btn_w01 {
        display: none;
    }
    .howto-grow div.btn_w02 {
        display: block;
    }

    .howto-grow div.btn_w02 a.btn {
        width: 100%;
        padding: 20px 0;
    }
    .howto-grow div.btn_w02 a.btn::after {
        top: 50%;
        right: 20px;
    }
}

.btn_w00 a.btn {
    background: #1e0c01;
    color: #fff;
    font-weight: bold;
    max-width: 300px;
    padding: 20px 20px 70px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-size: 300% auto;
    text-decoration: none;
}
.btn_w00 a.btn::after {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 30px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
}

.btn_w00 a.btn:hover {
    text-decoration: none;
    background-color: #283a38;
}

@media (min-width: 768px) {
    .howto-grow .mask {
        display: none;
    }
    .howto-grow .jp {
        display: block;
        margin: 0 auto;
        overflow-x: inherit;
        overflow-y: inherit;
        width: 1200px;
        height: 460px;
    }
}

.howto-grow .mask {
    position: absolute;
    left: 0;
    top: 50px;
    background: url("/wp-content/themes/watanabe/images/mask.png") no-repeat left top;
    background-position: 131px auto;
    width: 131px;
    height: 320px;
    z-index: 5;
}

.howto-grow .jp {
    -webkit-transition: color 2s ease;
    -moz-transition: color 2s ease;
    -o-transition: color 2s ease;
    transition: color 2s ease;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    z-index: 1;
    width: 100%;
    height: 370px;
}

/*****旬のおススメ*****/

.osusume {
    background-color: #f1eadb;
    padding-top: 145px;
    padding-bottom: 110px;
}

.osusume_tit-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.osusume_tit-wrap h2 {
    width: 35%;
}
.osusume_tit-wrap .osusume_description {
    width: 65%;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.osusume .container .container_in2 .p_ul {
    justify-content: space-between;
}

.osusume .container_in2 .p_ul li {
    width: 30%;
    margin-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.osusume .container_in2 .p_ul li:last-child {
    margin-right: 0;
}

.osusume .container_in2 .p_ul li .btn_w {
    width: 100%;
}

.osusume .container .container_in2 .p_ul .p_product .p_product_linkbtn {
    color: #fff;
    background-color: #1e0c01;
    max-width: inherit;
}

.osusume .container .container_in2 .p_ul .p_product .p_product_linkbtn:hover {
    text-decoration: none;
    background-color: #283a38;
}

.osusume .container .container_in2 .circle_btn .c_btn::before {
    background-color: transparent;
}

@media (max-width: 1420px) {
    .osusume .container .container_in2 .circle_btn {
        right: 85px;
    }
}

@media (max-width: 1000px) {
    .osusume_tit-wrap {
        width: 100%;
    }

    .osusume_tit-wrap h2,
    .osusume_tit-wrap .osusume_description {
        width: 100%;
    }
    .osusume_tit-wrap .osusume_description {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .osusume {
        padding-top: 50px;
    }
}

@media (max-width: 768px) {
    .osusume .container .container_in2 .p_ul {
        display: block;
    }

    .osusume .container_in2 .p_ul li:first-child {
        width: 100%;
    }

    .osusume .container_in2 .p_ul li {
        width: 100%;
        margin-right: 0;
    }

    .osusume .container_in2 .p_ul li:not(:first-child) {
        margin-top: 0;
    }
}

/*****お客様の声*****/

.voice-top {
    position: relative;
    background-color: #f6f4ef;
    padding-top: calc(100 / 1920 * 100%);
    padding-bottom: 150px;
}
.voice-top > img {
    width: auto;
    height: auto;
    max-width: initial;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.voice-top h2 {
    position: relative;
    text-align: center;
}
.voice-top ul {
    padding: 0;
    margin: 0;
}
.voice-top .circle_btn {
    right: calc((100vw - 1200px) / 2 + 70px);
    bottom: 70px;
}
.voice-shop_name,
.vkt_sname {
    color: #b28416;
}
@media screen and (max-width: 1240px) {
    .voice-top .circle_btn {
        right: 85px;
    }
}

.w90 {
    max-width: 1720px;
    padding-left: 70px;
    margin-left: 190px;
    background-image: url("/wp-content/themes/watanabe/images/voice-bg.jpg");
}

@media (max-width: 1024px) {
    .w90 {
        padding-left: 10px;
        margin-left: 0px;
    }
}

.w86 {
    max-width: 1660px;
    position: relative;
    bottom: -100px;
}

@media (max-width: 786px) {
    .w86 {
        bottom: -50px;
    }
}

.w86 h2 {
    text-align: center;
}

.tit_w {
    padding: 0 15px 20px;
}

.voice-cat {
    color: #fff;
    background-color: #706960;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 10px;
}

.voice-slide_w {
    max-width: 360px;
    width: calc(100% - 40px);
    background-color: #fff;
    margin: 0 auto;
}
.voice-top .splide__list {
    align-items: stretch;
    height: auto;
}
.voice-top .splide__slide {
    display: flex;
    height: auto;
}
.voice-top .splide__slide > .voice-slide_w {
    display: flex;
    flex-direction: column;
}
.voice-top .voice-slide_w > a {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}
.voice-top .voice-eye img {
    display: block;
    width: 100%;
    height: auto;
}
.voice-top .tit_w {
    flex: 1 1 auto;
}
.voice-top .slider ul li {
    max-width: 360px;
}
.prev-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -70px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border: 1px solid #1e0c01;
    border-radius: 50%;
    background: #f6f4ef;
}
.prev-arrow:after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 0;
    right: -52px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-top: 1px solid #1e0c01;
    border-right: 1px solid #1e0c01;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.next-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -70px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    border: 1px solid #1e0c01;
    border-radius: 50%;
    background: #f6f4ef;
}
.next-arrow:after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 0;
    left: -52px;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    border-top: 1px solid #1e0c01;
    border-right: 1px solid #1e0c01;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media (max-width: 480px) {
    .voice-slide_w {
        max-width: 280px;
    }
}

.voice-top .slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    background: transparent;
    border: 0;
    width: 0;
    height: 0;
    padding: 0;
    opacity: 1;
    border-radius: 0;
}
.voice-top .splide__arrow svg {
    display: none;
}

.voice-top .prev-arrow {
    left: 13%;
}

.voice-top .next-arrow {
    right: 13%;
}
@media screen and (max-width: 1100px) {
    .voice-top .prev-arrow {
        left: 3%;
    }
    .voice-top .next-arrow {
        right: 3%;
    }
}

/*.slider a {
	display: inline-block;
}*/

/*****バックグラウンド*****/

.he-bg {
    background-color: #f6f4ef;
}
.he-bg img {
    margin-bottom: 0;
}

/*****お知らせ*****/

.news-top {
    background-color: #f6f4ef;
    padding-top: 175px;
    padding-bottom: 150px;
}

@media (max-width: 1100px) {
    .news-top {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .news-top {
        padding-top: 50px;
    }
}

.top-news_w {
    width: 900px;
    background-color: #fff;
}

.top-news_w li {
    border-bottom: 1px solid #c9c19f;
}

.top-news_w li:first-child {
    border-top: 1px solid #c9c19f;
}

.top-news_w li a {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0 0 0;
    position: relative;
}

.top-news_w li:hover {
    background-color: #f1eadb;
    transition: 0.5s;
}

.disp_inblo {
    display: inline-block;
}

.tn_op {
    width: 230px;
    line-height: 2.8;
}

.flo_l {
    float: left;
}

.flo_r {
    float: right;
}

@media (max-width: 991px) {
    .top-news_w {
        width: 100%;
        background-color: transparent;
    }

    .flo_l {
        float: none;
    }

    .flo_r {
        float: none;
    }

    .tn_op {
        width: 100%;
    }
}

.tn_op {
    color: #706960;
    display: flex;
}

.tn_op-ymd {
    padding: 0 20px;
}

.tn_op-cat {
    padding-left: 20px;
}

.bd_r {
    position: relative;
    display: inline-block;
}

.bd_r::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #c9c19f;
    position: absolute;
    top: 11px;
    right: -5px;
}

.tn_tit {
    width: calc(100% - 230px);
    padding-left: 80px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .tn_tit {
        width: 100%;
        padding-left: 20px;
    }
}

/*****農園体験*****/

.farm-experience {
    background-color: #f6f4ef;
    position: relative;
}

.farm-experience_images {
    width: 50%;
    max-width: 960px;
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .farm-experience_images {
        top: 50px;
    }
}

@media (max-width: 768px) {
    .farm-experience_images {
        width: 100%;
    }
}

.fei-wrap {
    position: relative;
}

@media (max-width: 768px) {
    .fe-image01 {
        width: 77%;
    }
}

.fe-image02 {
    width: 300px;
    position: absolute;
    bottom: -150px;
    right: 40px;
}

@media (max-width: 1100px) {
    .fe-image02 {
        bottom: 20%;
        right: -80%;
        transform: translateX(50%) translateY(50%);
    }
}

@media (max-width: 768px) {
    .fe-image02 {
        width: 35%;
        bottom: 25%;
        right: 0;
        transform: translateY(50%);
    }
}

.farm-experience_contents {
    width: 70%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 120px;
    padding-bottom: 200px;
}

@media (max-width: 1700px) {
    .farm-experience_contents {
        padding-top: 100px;
        padding-bottom: 200px;
    }
}

@media (max-width: 1600px) {
    .farm-experience_contents {
        padding-bottom: 135px;
    }
}

@media (max-width: 991px) {
    .farm-experience_contents {
        padding-bottom: 120px;
    }
}

@media (max-width: 768px) {
    .farm-experience_contents {
        width: 100%;
        background-color: transparent;
        position: static;
        padding-top: 50px;
    }
}

.fec-wrap {
    width: 55%;
    margin-right: 0;
    margin-left: 35%;
    box-sizing: border-box;
    padding: 20px;
}

@media (max-width: 768px) {
    .fec-wrap {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px 20px 20px;
    }
}

/*****共通パーツ*****/

.sub_tit {
    display: block;
    font-size: 16px;
    color: #c9c19f;
}

.fec-wrap .btn_w,
.dh-wrap .btn_w {
    text-align: start;
    margin-top: 40px;
}

@media (max-width: 768px) {
    .fec-wrap .btn_w,
    .dh-wrap .btn_w {
        text-align: center;
    }
}

.fec-wrap .btn_w a.btn,
.dh-wrap .btn_w a.btn {
    width: 100%;
    text-align: center;
}

.pc_disp_in00 {
    display: inline;
}

.sp_disp_in00 {
    display: none;
}

@media (max-width: 375px) {
    .pc_disp_in00 {
        display: none;
    }

    .sp_disp_in00 {
        display: inline;
    }
}

.txt-right {
    text-align: right;
}
.txt-right a {
    font-size: 17px;
}
.arrow {
    position: relative;
    display: inline-block;
    padding: 0 60px 0 0;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    box-sizing: border-box;
    margin: 20px 0;
}
.arrow::before,
.arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow-circle_btn::before {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    border: 1px solid #1e0c01;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.arrow-circle_btn::after {
    right: 22px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #1e0c01;
    border-right: 1px solid #1e0c01;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.voice-top .arrow {
    margin: 40px 0;
}
@media screen and (max-width: 768px) {
    .arrow {
        margin: 40px 0 20px 0;
    }
}

.circle_btn {
    position: absolute;
    bottom: -60px;
    right: 85px;
    transform: translateX(-50%);
}

@media (max-width: 991px) {
    .circle_btn {
        bottom: -80px;
    }
}

.circle_btn a.cbco:hover {
    opacity: 0.7;
}

.cbco {
    position: relative;
    display: inline-block;
    padding: 15px;
    color: #000;
    box-sizing: border-box;
    vertical-align: middle;
    text-decoration: none;
    font-size: 17px;
    text-decoration: none;
}

.cbco::before,
.cbco::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -70px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.c_btn::before {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border: 1px solid #1e0c01;
    border-radius: 50%;
    background: #f6f4ef;
}
.c_btn::after {
    right: -48px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #1e0c01;
    border-right: 1px solid #1e0c01;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*****ドライブスルー販売*****/

.dh-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.drive-through_contents {
    width: 47.5%;
    float: left;
}

.drive-through_images {
    width: 47.5%;
    max-width: 400px;
    float: right;
}

@media (max-width: 1220px) {
    .dh-wrap {
        max-width: 1000px;
        position: relative;
    }
}

@media (max-width: 1024px) {
    .dh-wrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .drive-through_contents {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding-top: 30px;
    }
    .drive-through_images {
        width: 77%;
        float: none;
        margin-top: -60px;
        margin-right: -15px;
        margin-left: auto;
    }
}


/* reset */

/* slider */
.home header {
    margin-bottom: -8px;
}
#slide {
    margin-bottom: 0 !important;
}
#slide img {
    margin-bottom: 0 !important;
}
#slide .slides .trim {
    list-style: none;
    overflow: hidden;
}
#slider_w .metaslider .caption-wrap {
    font-size: 3vw;
    color: #1e0c01;
    position: absolute;
    bottom: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    background: none;
    opacity: 1;
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.4em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    #slider_w .metaslider .caption-wrap {
        font-size: 7.5vw;
        transform: translate(-50%, -50%);
    }
}
/* header */
header.header #logo {
    display: block;
    margin-bottom: 0;
}
header.header #logo img {
    width: 430px;
    margin-bottom: 0;
    line-height: 1;

    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 101;
}
.navi_space {
    width: 100%;
    height: 111px;
}
@media screen and (max-width: 1300px) {
    header.header #logo img {
        width: 320px;
    }
}
@media screen and (max-width: 1100px) {
    .navi_space {
        height: 50px;
    }
}
.header_inner {
    display: inline-block;
    position: relative;
    z-index: 100;
}
header.header .head_ue {
    position: fixed;
    width: 100%;
    z-index: 15000;
    background: #fff;
    opacity: 1;
    transition-duration: 1s;
    line-height: 1;
}
header.header .head_ue.white_menu {
    background: #fff;
    transition-duration: 1s;
}
header.header .head_ue .logo_navi a {
    color: #1e0c01;
}
header.header .head_ue #menu-g-navi-sp a {
    color: #fff;
    transition-duration: 1s;
}
header.header .head_ue.white_menu a {
    color: #1e0c01;
    transition-duration: 1s;
}
@media screen and (max-width: 1100px) {
    header.header .head_ue.white_menu a {
        color: #fff;
        transition-duration: 1s;
    }
}
header.header .head_ue.white_menu .sub_menu_h a,
header.header .head_ue.white_menu .sub-menu a {
    color: #fff;
}
.logo_navi {
    text-align: right;
    line-height: 1;
}
.header_top_menu {
    display: block;
    width: 100%;
    text-align: right;
}

.container_h {
    padding-left: 20px;
    padding-right: 20px;
}
#logo img.logo_white {
    opacity: 1;
    transition-duration: 1s;
}
#logo.white_menu img.logo_white {
    opacity: 0;
    transition-duration: 1s;
}
#logo img.logo_black {
    opacity: 0;
    transition-duration: 1s;
}
#logo.white_menu img.logo_black {
    opacity: 1;
    transition-duration: 1s;
}

#sns_icon img.logo_white {
    opacity: 1;
    transition-duration: 1s;
}
#sns_icon.white_menu img.logo_white {
    opacity: 0;
    transition-duration: 1s;
}
#sns_icon img.logo_black {
    opacity: 0;
    transition-duration: 1s;
}
#sns_icon.white_menu img.logo_black {
    opacity: 1;
    transition-duration: 1s;
}
@media screen and (max-width: 1100px) {
    header.header #logo img {
        width: 270px;
        top: 10px;
    }
    .header_top_menu {
        display: none;
    }
    .logo_navi {
        margin-top: 50px;
    }
}
@media screen and (max-width: 550px) {
    header.header #logo img {
        width: 200px;
        top: 15px;
        left: 15px;
    }
    .logo_navi {
        margin-top: 50px;
    }
    .container_h {
        padding-left: 15px;
        padding-right: 15px;
    }
}

ul.sub_menu_h {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
ul.sub_menu_h > li {
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 7px 25px;
    background: #fff;
    position: relative;
    z-index: 101;
}
ul.sub_menu_h > li a {
    color: #1e0c01;
}
ul.sub_menu_h > li::after {
    content: "";
    background: #1e0c01;
    width: 1px;
    height: 40px;
    position: absolute;
    top: 9px;
    right: 0;
    z-index: 101;
}
.white_menu ul.sub_menu_h > li {
    background: #1e0c01;
}
.white_menu ul.sub_menu_h > li::after {
    background: #1e0c01;
}
.white_menu ul.sub_menu_h > li a {
    color: #fff;
}
.white_menu ul.sub_menu_h > li a img:first-of-type {
    opacity: 0;
}
.white_menu ul.sub_menu_h > li a img:last-of-type {
    opacity: 1;
    position: absolute;
}

ul.sub_menu_h > li:last-child::after {
    content: none;
}
ul.sub_menu_h > li img {
    margin: 5px 0;
    height: 20px;
    width: auto;
    transition-duration: 1s;
}
ul.sub_menu_h > li span {
    font-size: 8px;
    display: block;
    line-height: 1;
}

ul.sp_sub_menu_h {
    display: none;
}
@media screen and (max-width: 1300px) {
    ul.sub_menu_h > li {
        padding: 7px 20px;
    }
}
@media screen and (max-width: 1100px) {
    ul.sp_sub_menu_h {
        list-style: none;
        margin: 17px 70px 0 0;
        padding-left: 0;
        display: inline-block;

        float: right;
    }
    ul.sp_sub_menu_h > li {
        float: left;
        margin-right: 20px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 1.3;
        font-size: 8px;
    }
    ul.sp_sub_menu_h > li:last-child {
        margin-right: 0;
    }
    ul.sp_sub_menu_h > li img {
        height: 22px;
        width: auto;
        display: block;
        margin: 0 auto;
    }
}
.menu-g-navi-container {
    display: inline-block;
}
#navi {
    display: inline-block;
}
#navi #menu-g-navi {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 0;
}
#navi #menu-g-navi > li {
    float: left;
    font-size: 18px;
    position: relative;
}
#navi #menu-g-navi > li:last-child {
    margin-right: 0;
}
#navi #menu-g-navi > li a {
    font-size: 17px;
    line-height: 1;
    padding: 10px 20px;
    display: block;
    font-weight: 600;
}
#navi #menu-g-navi > li a:hover {
    text-decoration: none;
}

#navi #menu-g-navi .sub-menu {
    background-color: #1e0c01;
    width: 100%;
    position: fixed;
    left: 0;
    text-align: center;
    opacity: 1;
    transition: 0.5s ease-in-out;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
}
#navi #menu-g-navi .sub-menu li a {
    color: #fff;
    padding: 50px 10px;
    text-align: center;
    margin: 0 15px;
}
#navi #menu-g-navi .sub-menu li:last-child a {
    border-bottom: 0;
}
@media screen and (max-width: 1100px) {
    #navi {
        height: calc(100vh - 50px);
        background-color: #1e0c01;
        overflow-y: scroll;
        padding-bottom: 130px;
    }
    #navi #menu-g-navi .sub-menu {
        position: relative;
    }
}

.menu-g-navi-sp-container {
    background: #1e0c01;
}
.menu-g-navi-sp-container > ul#menu-g-navi-sp {
    padding: 30px 15px;
}
.menu-g-navi-sp-container > ul#menu-g-navi-sp > .menu-item {
    font-size: 16px !important;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;

    line-height: 2.7 !important;
}
.menu-g-navi-sp-container > ul#menu-g-navi-sp > .menu-item.white_box {
    background: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.menu-g-navi-sp-container > ul#menu-g-navi-sp > .menu-item img {
    height: 20px;
    width: auto;
    margin-right: 5px;
    margin-bottom: 4px;
}

.menu-g-navi-sp-container > ul#menu-g-navi-sp > .menu-item > ul.sub-menu > .menu-item {
    padding-left: 15px;
    font-size: 16px !important;
    font-weight: 500;

    line-height: 2.7 !important;
}
@media screen and (max-width: 1100px) {
    .menu-g-navi-sp-container > ul#menu-g-navi-sp {
        padding: 15px 15px 23px;
    }
    .menu-g-navi-sp-container > ul#menu-g-navi-sp > .menu-item > ul.sub-menu > .menu-item {
        padding-left: 28px;
        margin-left: 10px;
        border-left: 1px solid #706960;
    }

    #menu-item-692 {
        padding-bottom: 23px !important;
    }
    #menu-item-96 {
        position: relative;
        padding-top: 23px !important;
    }
    #menu-item-96::before {
        content: "";
        position: absolute;
        top: 0;
        left: -15px;
        z-index: 100;
        height: 1px;
        width: calc(100% + 30px);
        background: #706960;
    }
}

.sp_menu_sns {
    background: #1e0c01;
    color: #706960;
    font-size: 16px !important;
    border-top: 1px solid #706960;
    padding: 30px 20px;
}
.sp_menu_sns img {
    height: 30px;
    width: 30px;
    margin-left: 15px;
}
.sp_menu_sns_icon {
    float: right;
}

.pc_menu_sns_icon {
    vertical-align: top;
    line-height: 1;
    margin-right: 30px;
    display: inline-flex;
}
.pc_menu_sns_icon a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 20px;
    margin-top: 15px;
}
.pc_menu_sns_icon a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    z-index: 101;
}
.head_ue #navi img.logo_white {
    opacity: 1;
    transition-duration: 1s;
}
.head_ue.white_menu #navi img.logo_white {
    opacity: 0;
    transition-duration: 1s;
}
.head_ue #navi img.logo_black {
    opacity: 0;
    transition-duration: 1s;
}
.head_ue.white_menu #navi img.logo_black {
    opacity: 1;
    transition-duration: 1s;
}

/* 商品一覧 */
#menu-item-83 > a,
#menu-item-88 > a {
    position: relative;
    z-index: 100;
}
#menu-item-83 > a::before,
#menu-item-88 > a::before {
    content: "";
    background: #fff;
    width: 15px;
    height: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 101;
    transition-duration: 0.5s;
}
#menu-item-83 > a::after,
#menu-item-88 > a::after {
    content: "";
    background: #fff;
    width: 15px;
    height: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 101;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transition-duration: 0.5s;
}
#menu-item-83 > a.mns::before,
#menu-item-88 > a.mns::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);

    transition-duration: 0.5s;
}
#menu-item-83 > a.mns::after,
#menu-item-88 > a.mns::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

    transition-duration: 0.5s;
}

/* main */
.home main {
    margin-top: -9px;
}
@media screen and (max-width: 768px) {
    .home main {
        margin-top: 0;
    }
}
.flex_w {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}
.flex_w.flex_55 > .flex_item {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
}
.flex_w.flex_55_100 > .flex_item {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
}
@media screen and (max-width: 768px) {
    .flex_w.flex_55_100 > .flex_item {
        width: 100%;
    }
}

.flex_w.flex_2 > .flex_item {
    width: 48%;
    margin-right: 4%;
}
.flex_w.flex_2 > .flex_item:nth-of-type(2n) {
    margin-right: 0;
}
@media screen and (max-width: 768px) {
    .flex_w.flex_2 .flex_item {
        width: 100%;
        margin-right: 0;
    }
}

/*フッター footer*/
.flex_w.flex_footer > .flex_item {
    width: calc(100% / 3);
    position: relative;
    background: #1e0c01;
}
.flex_w.flex_footer > .flex_item img {
    margin-bottom: 0;
    opacity: 0.5;
}
.flex_w.flex_footer > .flex_item .footer_btn_num {
    position: absolute;
    top: 20%;
    left: 80px;
    z-index: 100;

    color: #c9c19f;
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
}
.flex_w.flex_footer > .flex_item .footer_subtitle {
    position: relative;
    margin-left: 44px;
}
.flex_w.flex_footer > .flex_item .footer_subtitle::after {
    content: "";
    background: #c9c19f;
    height: 1px;
    width: 22px;
    position: absolute;
    top: 9px;
    left: -32px;
}
.flex_w.flex_footer .flex_item .footer_title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}
@media screen and (max-width: 1100px) {
    .flex_w.flex_footer > .flex_item .footer_btn_num {
        left: 60px;
    }
}
@media screen and (max-width: 900px) {
    .flex_w.flex_footer > .flex_item {
        width: 100%;
        text-align: center;
    }
    .flex_w.flex_footer > .flex_item .footer_btn_num {
        left: 11vw;
    }
}
@media screen and (max-width: 768px) {
    .flex_w.flex_footer .flex_item .footer_title {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .flex_w.flex_footer > .flex_item .footer_btn_num {
        top: 34%;
        left: 15px;
    }
}

.footer-inner {
    background: #1e0c01;
    color: #fff;
}
a.cta_toiawase {
    width: 100%;
    border: 1px solid #fff;
    color: #fff;
    padding: 40px;
    display: block;
    font-size: 17px;
    transition-duration: 0.5s;
    position: relative;
    z-index: 100;
}
a.cta_toiawase::after {
    content: "";
    position: absolute;
    top: 45%;
    -ms-transform: translateY(-45%);
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);

    right: 40px;
    z-index: 101;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}
a.cta_toiawase:hover {
    text-decoration: none;
    color: #fff;
    background: #283a38;
    transition-duration: 0.3s;
}
a.cta_toiawase img {
    margin-right: 30px;
    margin-bottom: 0;
}
.cta_toiawase_w {
    margin-top: auto;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .cta_toiawase_w {
        margin-top: 50px;
    }
    a.cta_toiawase {
        width: 100%;
        border: 1px solid #fff;
        color: #fff;
        padding: 40px 10px 34px;
    }
    a.cta_toiawase::after {
        right: 10px;
    }
}

.cta_btn {
    max-width: 600px;
    margin: 0 auto;
    background-color: #1e0c01;
}
.cta_btn:hover {
    background: #283a38;
}

.flex_w.flex_copyright > .flex_item {
    width: calc(100% / 3);
}
.footer_logo_w {
    padding-left: 100px;
}
.footer_sns {
    text-align: center;
}
.footer_sns img {
    height: 30px;
    width: 30px;
    margin-left: 10px;
    margin-right: 10px;
}
.footer_logo {
    max-width: 430px;
    width: 95%;
}
.footer_menu_w a {
    display: block;
    margin-bottom: 10px;
}
@media screen and (max-width: 1100px) {
    .flex_w.flex_copyright > .flex_item {
        width: 50%;
    }
    .flex_w.flex_copyright > .flex_item.footer_sns {
        order: 3;
    }
}
@media screen and (max-width: 768px) {
    .flex_w.flex_copyright > .flex_item {
        width: 100%;
    }
    .flex_w.flex_copyright > .flex_item.footer_sns {
        order: 2;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .flex_w.flex_copyright > .flex_item.footer_menu_w {
        order: 3;
    }
    .footer_logo_w {
        text-align: center;
        padding-left: 0;
    }
    .footer_menu_w > .flex_55_100 > .flex_item {
        padding-top: 30px;
        padding-bottom: 30px;

        border-top: 1px solid #706960;
        text-align: center;
    }
    #copyright {
        padding: 15px 20px 0;
    }
}
@media screen and (max-width: 550px) {
    .footer_logo {
        width: 78%;
    }
}
.ft_toiawase_w {
    padding-top: 60px;
    padding-bottom: 60px;
}
.sp_only_cp {
    border-top: 1px solid #706960;
    text-align: center;
    padding: 10px;
    background: #f1eadb;
}

/* 下層ページ */
.bgc_beige2 {
    background: #f6f4ef;
}
.page_eyecatch_w {
    position: relative;
}
.page_eyecatch_w .title_w {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;

    text-align: center;
    width: 100%;
}
.page_eyecatch_w .subtitle {
    font-size: 50px;
    line-height: 1.4;
    letter-spacing: 2.5px;
    text-shadow: 1px 1px 5px #ffffff;
    color: #1e0c01;
}
.page_eyecatch_w .title_w h1 {
    font-size: 20px;
    margin-bottom: 0;
    text-shadow: 1px 1px 5px #ffffff;
    color: #1e0c01;
}
@media screen and (max-width: 768px) {
    .page_eyecatch_w .subtitle {
        font-size: 35px;
    }
}

/* instagramセクション */
.insta_w {
    background: #1e0c01;
}
.insta_w h2 {
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1;
}
.insta_w p {
    font-size: 17px;
    color: #ffffff;
}
.insta_w p img {
    height: 30px;
    margin-bottom: 6px;
    margin-right: 10px;
}
.insta_w .flex_item {
    text-align: center;
}
.insta_mds {
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .insta_w .flex_item {
        text-align: left;
    }
    .insta_w h2 {
        margin-bottom: 10px;
    }
    .insta_w p {
        font-size: 14px;
        margin-bottom: 40px;
    }
    .insta_w p img {
        height: 20px;
    }
    .insta_w #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
        width: 50%;
    }
    .insta_mds {
        margin-bottom: 20px;
    }
}

/* 商品詳細ページ */
.product_dtl_w {
    background: #f6f4ef;
    color: #1e0c01;
}
@media screen and (max-width: 768px) {
    .product_dtl_w .product_cat_w > span:first-of-type {
        float: none;
    }
}
.product_dtl_w div.product_cnt_w,
.product_dtl_w div.product_img_w {
    margin-bottom: 0;
}
.product_dtl_w .product_img_w > div {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
}
.product_dtl_w .product_img_w > div:before {
    content: "";
    display: block;
    padding-top: calc(400 / 650 * 100%);
}
@media screen and (max-width: 768px) {
    .product_dtl_w div.product_img_w {
        margin-bottom: 30px;
    }
    .product_dtl_w .product_img_w > div {
        margin-top: 20px;
    }
}

.product_dtl_w .product_img > img {
    width: auto;
    height: 100%;
    object-fit: contain;
    margin: auto;
}
.product_img {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product_img > p {
    width: 100%;
    text-align: center;
}

.product_dtl_top {
    width: 47%;
    float: right;
}
@media screen and (max-width: 768px) {
    .product_dtl_top {
        width: 100%;
        float: none;
    }
}

.product_cat_w > span {
    display: inline-block;
}

.column2_w55.w47 > li,
.column2_w55.w47 > div {
    width: 47%;
    margin-right: 6%;
    margin-bottom: 60px;
}
.column2_w55.w47 > li:nth-child(even),
.column2_w55.w47 > div:nth-child(even) {
    margin-right: 0;
}
@media screen and (max-width: 768px) {
    .column2_w55.w47 > li,
    .column2_w55.w47 > div {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.fs30_25 {
    font-size: 30px;
}
.fs14_12 {
    font-size: 14px;
}
.product_dtl_sec h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.product_price {
    background: #fff;
    padding: 30px;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .fs30_25 {
        font-size: 25px;
    }
    .fs14_12 {
        font-size: 12px;
    }
    .product_dtl_sec h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.sub_img figure {
    position: relative;
    padding-top: 61%;
    background: #fff;
}
.sub_img.column4_w > li {
    width: 23.5% !important;
    margin-right: 2%;
}
.sub_img.column4_w > li:nth-of-type(4n) {
    margin-right: 0;
}
.sub_img.column5_w > li > figure {
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .sub_img.column4_w > li {
        float: left;
    }
}
.sub_img figure > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.joho_mds {
    display: inline-block;
    border: 1px solid #c9c19f;
    padding: 8px 15px;
    margin-top: 20px;
}
.bb_gold {
    border-bottom: 1px solid #c9c19f;
}
.shohinmei_w {
    margin-bottom: 40px;
}
.shohinmei_w h1 {
    line-height: 1.4;
    padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .shohinmei_w {
        margin-bottom: 0;
    }
}
.sub_img p {
    display: none;
}
.btn_buy {
    text-align: center;
    position: relative;
    z-index: 101;
}
.single .contents_w .btn_buy a {
    color: #fff;
    background: #1e0c01;
    border: 1px solid #c9c19f;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 20px;
    display: block;
    transition-duration: 0.3s;
    line-height: 1;
    position: relative;

    text-decoration: none;
}
.single .contents_w .btn_buy a:hover {
    text-decoration: none;
    color: #fff;
    background: #150000;
    transition-duration: 0.3s;
    background: #283a38;
    opacity: 1;
}
.single .contents_w .btn_buy a::after {
    content: "";
    background-image: url("/wp-content/themes/watanabe/images/menuicon_cart_wh.svg");
    background-size: contain;
    background-repeat: no-repeat;

    height: 20px;
    width: 20px;
    z-index: 101;
    display: inline-block;

    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
.price_text {
    margin-left: 5px;
    margin-right: 5px;
}
.product_tyuki_text {
    font-size: 14px;
    margin-top: -5px;
    margin-bottom: 0;
    color: #706960;
}
.shohin_footer_w {
    border: 1px solid #c9c19f;
    padding: 50px;
    color: #706960;
}
.shohin_footer_w .flex_item:first-child {
    border-right: 1px solid #c9c19f;
    padding-right: 50px;
}
.shohin_footer_w .flex_item:nth-of-type(2n) {
    padding-left: 50px;
}
.shohin_footer_w .flex_item p {
    font-size: 17px;
}
.text_w {
    font-size: 14px;
}
ol li {
    list-style-type: none;
    counter-increment: cnt;
}
ol li::before {
    content: "(" counter(cnt) ")";
    display: inline-block;
    margin-left: -2em;
    width: 2em;
}
@media screen and (max-width: 768px) {
    .shohin_footer_w .flex_item:first-child {
        border-right: none;
        padding-right: 0;
        margin-bottom: 1rem;
    }
    .shohin_footer_w .flex_item:nth-of-type(2n) {
        padding-left: 0;
    }
}
.cat_tag {
    padding: 0 10px;
    background: #706960;
    color: #fff;
    margin-right: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
}
.cat_haiso {
    background: #706960;
    color: #fff;
}
.cat_before {
    background: #3f4f67;
    color: #fff;
}
.cat_uketsuke {
    background: #ad002d;
    color: #fff;
}
.cat_ninki {
    background: #d2bd00;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .cat_tag {
        font-size: 10px;
        margin-bottom: 0;
        margin-right: 5px;
    }
}

/* 商品詳細ページ */
.related_w .p_ul li {
    margin-bottom: 0;
}
.single .contents_w a.p_title,
.single .contents_w a.p_product_linkbtn {
    color: #222;
    text-decoration: none;
    transition-duration: 0.5s;
}
.single .contents_w a.p_product_linkbtn:hover {
    background: #283a38;
    color: #fff;
    opacity: 1;
    transition-duration: 0.5s;
}

/* 固定フッターボタン */
.single .contents_w .btn_buy_ft {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 15000;
    max-width: 100%;
    height: 70px;
    width: 100%;
    display: block;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #c9c19f;
}
.single .contents_w .btn_buy_ft a {
    color: #fff;
    background: #1e0c01;
    border: none;
    font-size: 20px;
    font-weight: bold;
    padding: 24px 20px;
    display: block;
    transition-duration: 0.3s;
    line-height: 1;
    position: absolute;
    max-width: 400px;
    top: 0;
    right: 0;
    width: 100%;
    text-align: center;

    color: #fff;
    text-decoration: none;
}
.single .contents_w .btn_buy_ft a:hover {
    text-decoration: none;
    color: #fff;
    background: #283a38;
    transition-duration: 0.3s;
    opacity: 1;
}
.single .contents_w .btn_buy_ft a::after {
    content: "";
    background-image: url("/wp-content/themes/watanabe/images/menuicon_cart_wh.svg");
    background-size: contain;
    background-repeat: no-repeat;

    height: 20px;
    width: 20px;
    z-index: 101;
    display: inline-block;

    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}
@media screen and (min-width: 1400px) {
    .single .contents_w .btn_buy_ft {
        width: 1400px;
        left: 50%;
        margin: 0 0 0 -700px;
    }
}
@media screen and (max-width: 768px) {
    .single .contents_w .btn_buy_ft {
        height: 60px;
    }
    .single .contents_w .btn_buy_ft a {
        padding: 11px 0;
        max-width: 250px;
        font-size: 12px;
    }
    .single .contents_w .btn_buy_ft a img {
        margin-bottom: 5px;
    }
    .single .contents_w .btn_buy_ft a::after {
        content: none;
    }
}
@media screen and (max-width: 500px) {
    .single .contents_w .btn_buy_ft a {
        max-width: 150px;
        color: #fff;
        text-decoration: none;
    }
}

.btn_buy_ft_text {
    position: absolute;
    z-index: 15000;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
@media screen and (max-width: 768px) {
    .btn_buy_ft_text {
        left: 10px;
    }
}

/* 商品一覧ページ */
.img_thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.img_thumbnail a {
    display: block;
    position: relative;
    padding-top: 75%;
    background: #fff;
}

.long_url {
    word-break: break-all;
}

/* ドライブスルーページ */
.drive-through-type {
    background: #ad002d;
    color: #fff;
    padding: 0 2em;
    display: inline-block;
}
.drive-through-list__start {
    margin-bottom: 10px;
    text-align: center;
}
.drive-through-list-wrap:not(:last-of-type) {
    margin-bottom: 40px;
}
.drive-through-list {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1em;
    table-layout: fixed;
    width: 100%;
}
.drive-through-list th,
.drive-through-list td {
    background: #fff;
    border: 1px solid #c9c19f;
    box-sizing: border-box;
    padding: 5px 0.75em;
    text-align: center;
}
/* .drive-through-list th {
    vertical-align: top;
} */
.drive-through-list__head {
    background: #f6f4ef !important;
}
.drive-through-hidebox {
    background: #f6f4ef;
    padding: 1.5em 1em;
}
.drive-through-list__sold {
    background-color: #706960 !important;
    color: #fff;
}

.ul_jc_center_inherit {
    justify-content: center;
}
@media screen and (max-width: 600px) {
    .ul_jc_center_inherit {
        justify-content: inherit !important;
    }
}

/* #navi #menu-g-navi .sub-menu li#menu-item-233,
#navi ul.sub-menu li#menu-item-85{
	display:none;
} */

/* #p_pear_set .p_product .p_price,
#post-857 .product_price {
	display: none;
} */

.drive-through_end_shohin {
    margin: auto;
    padding-bottom: 60px;
    text-align: center;
}
.drive-through_end_shohin > ul {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
}
.drive-through_end_shohin > ul li {
    text-align: left;
}
span.drive-through_end_txt {
    display: inline-block;
    text-align: left;
    text-indent: -1.4em;
}
@media screen and (max-width: 768px) {
    .drive-through_end_shohin {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 540px) {
    .drive-through_end_shohin {
        text-align: left;
    }
    .drive-through_end_shohin > ul {
        padding-left: 1.5em;
    }
}
.drive-recommend__txt {
    color: red;
    font-size: calc(11px + 3 * (100vw - 375px) / 1545);
}
.drive-recommend__txt2 {
    color: #05da05;
    font-size: calc(11px + 3 * (100vw - 375px) / 1545);
}

.pr2__tit {
    margin-bottom: 50px;
}
.pr__txt1 {
    margin-bottom: 2em;
}
.d-list_ul_w {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}
.d-list_ul {
    list-style: none;
    margin: 0 auto 60px;
    padding-left: 0;
    text-align: left;
    /*  width:-moz-fit-content;
  width: fit-content;
*/
}
.handling_breed_w {
    text-align: center;
}
.handling_breed_inner {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}
.handling_breed_w h4 {
    margin-bottom: 30px;
}
.drive-through-list2 {
    margin: 10px auto 50px;
    max-width: 480px;
}
.drive-through-list2 tr {
    border-bottom: 1px solid #c9c19f;
}
.drive-through-list2 th,
.drive-through-list2 td {
    padding: 10px 0;
    text-align: left;
    vertical-align: top;
}
.drive-through-list2 th {
    padding-right: 15px;
    width: 48%;
}
.drive-through-list2 td {
    width: 52%;
}
.page_reserve-form {
    margin-top: 80px;
}
@media screen and (max-width: 768px) {
    .pr2__tit {
        margin-bottom: 35px;
    }
    .drive-through-list2 {
        margin: 10px auto 35px;
    }
}

.p-single__ul--section {
    list-style: none;
    padding-left: 0;
}
.p-single__ul--section li {
    padding: 1em 0;
    border-bottom: 1px solid #ccc;
}

.ta_center-left {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .ta_center-left {
        text-align: left;
    }
}