@charset "UTF-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : common_style.css
 Style : common_style
================================================================= */
/*(濃いベージュ)*/
/*(赤茶)*/
/*(こげ茶)*/
/*(ベージュ)*/
/*(黄色)*/
/*(黄緑)*/
/*(薄い黄緑)*/
/*(青)*/
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@import url(https://fonts.googleapis.com/css2?family=Arapey:ital@0;1&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap);
@import url(https://use.typekit.net/fhd7qnz.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700|Noto+Serif+JP:300,400,500,600,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700&display=swap);
.zdo_drawer_menu * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none; }
.zdo_drawer_menu a {
  color: inherit;
  text-decoration: none; }
.zdo_drawer_menu a:visited {
  color: inherit; }
.zdo_drawer_menu .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0; }
.zdo_drawer_menu .zdo_drawer_button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 42px;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 1001;
  text-align: center;
  outline: none; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
    width: 49px; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
    transform: rotate(30deg); }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 {
    opacity: 0; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
    transform: rotate(-30deg); }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text {
    display: none; }
  .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
    display: block; }
.zdo_drawer_menu .zdo_drawer_bar {
  display: block;
  height: 2px;
  margin: 10px 0;
  transition: all 0.2s;
  transform-origin: 0 0; }
.zdo_drawer_menu .zdo_drawer_text {
  text-align: center;
  font-size: 10px; }
.zdo_drawer_menu .zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none; }
.zdo_drawer_menu .zdo_drawer_menu_text {
  display: block; }
.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 312px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(312px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #FFF; }
  .zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
    transform: translate(0); }
.zdo_drawer_menu.left .zdo_drawer_button {
  right: auto;
  left: 32px; }
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(-312px);
  right: auto;
  left: 0; }
  .zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
    transform: translate(0); }

/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav {
  padding: 112px 24px; }
  .zdo_drawer_menu .zdo_drawer_nav li {
    font-size: 16px;
    margin-bottom: 15px; }

/*+++ Default Button Color +++*/
.zdo_drawer_menu .zdo_drawer_button {
  color: #276490; }
  .zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
    background-color: #276490; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #fff;
  counter-reset: number 0;
  line-height: 2em;
  font-weight: 500;
  letter-spacing: 1.0px;
  color: #473c26;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "a-otf-ryumin-pr6n", "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  word-wrap: break-word;
  overflow: hidden;
  font-size: 0.875rem;
  /*
  @media screen and (min-width:835px){
  background: url(../images/common/bg01.png) no-repeat right top;
  background-size: cover;
  background-attachment: fixed;
  }
  */ }
  @media only screen and (max-width: 640px) {
    body {
      font-size: 0.9375rem;
      line-height: 1.8em;
      letter-spacing: normal; } }

.contents-inner {
  /*
  	background:rgba(#fff,0.6);
  	padding:2%;
  	*/ }

@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .inner {
    padding-left: 10px !important;
    padding-right: 10px !important; } }
@media screen and (min-width: 835px) and (max-width: 1000px) {
  .inner {
    padding-left: 10px !important;
    padding-right: 10px !important; } }
@media only screen and (max-width: 834px) {
  .inner {
    padding-left: 15px !important;
    padding-right: 15px !important; } }

/*
.inner2 {
	margin: 0 auto;
	max-width: 1000px;
}
*/
#contents_wrap {
  width: 100%;
  min-width: 100% !important;
  background: #fff; }

#contents {
  font-size: 100%;
  width: 100%;
  max-width: 1200px; }
  @media screen and (min-width: 1001px) and (max-width: 1200px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media screen and (min-width: 835px) and (max-width: 1000px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    #contents {
      padding-left: 20px !important;
      padding-right: 20px !important; } }
  @media only screen and (max-width: 640px) {
    #contents {
      padding-left: 10px !important;
      padding-right: 10px !important; } }

#main {
  width: 100%; }

#main #col_main {
  width: 100%; }

/*
#side {
	width: 18.75000%;
}
*/
.map {
  margin: 56px 20px 0; }

.map li {
  border-left: 5px solid #CCCCCC;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  text-align: left; }

.policy h2 {
  border-bottom: 2px solid #BBBBBB;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 0 0 5px; }

.policy p {
  margin: 0 0 20px; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  table {
    table-layout: fixed; } }
.tlfixed table {
  table-layout: fixed; }

table td img {
  height: auto !important; }

.pdtd10 td {
  padding: 10px !important; }

pre {
  margin: 0;
  padding: 0;
  white-space: pre-line; }

b, strong {
  font-weight: bold; }

u {
  text-decoration: line-through; }

img {
  max-width: 100%;
  height: auto !important; }

small {
  font-size: 80%; }

hr {
  border: none;
  height: 0;
  border-bottom: 1px dashed #B3B3B3; }

span {
  font-weight: inherit; }

u {
  text-decoration: underline; }

b {
  font-weight: 500; }

input[type="button"] {
  cursor: pointer;
  padding: 5px 10px; }

a {
  text-decoration: none; }

a:hover {
  opacity: 0.7; }

@media screen and (min-width: 641px) and (max-width: 834px) {
  .imgR, .imgL {
    max-width: 30% !important; } }
@media only screen and (max-width: 640px) {
  .imgR, .imgL {
    display: block;
    float: none;
    margin: 0 auto 10px;
    max-width: 100% !important;
    text-align: center; } }

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "a-otf-ryumin-pr6n", "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.gothic {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media only screen and (max-width: 640px) {
  .fltL {
    float: none;
    width: 100% !important; }

  .fltR {
    float: none;
    width: 100% !important; }

  .sptal {
    text-align: left !important; }

  .sptar {
    text-align: right !important; }

  .sptac {
    text-align: center !important; }

  .spcenter {
    text-align: center;
    display: block;
    margin-top: 10px; } }
header#global_header {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
  height: auto;
  border-top: 3px solid #e2e0dc; }
  @media only screen and (max-width: 834px) {
    header#global_header {
      border-top: none; } }
  header#global_header #header-wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%; }
    @media only screen and (max-width: 640px) {
      header#global_header #header-wrap {
        display: none; } }

#header {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media only screen and (max-width: 834px) {
    #header {
      margin-right: 60px; } }

@media screen and (min-width: 834px) {
  .header-logo-sm {
    display: none; } }
.header-logo-sm img {
  display: block;
  width: 50%;
  margin: 10px auto;
  max-width: 200px; }

.header-tel-wrap {
  max-width: 320px;
  margin: 10px 0 -40px auto; }

.header-tel {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.875rem;
  font-family: "Arapey", serif; }
  @media (max-width: 1200px) {
    .header-tel {
      font-size: calc(1.3125rem + 0.75vw) ; } }
  .header-tel img {
    margin-right: 5px; }
  @media only screen and (max-width: 640px) {
    .header-tel {
      width: 250px;
      text-align: center;
      margin: 0 10px; } }

.h-time {
  font-size: 0.75rem;
  color: #473c26;
  letter-spacing: normal; }

.header-icon {
  max-width: 150px; }
  .header-icon:first-child {
    margin-right: 10px; }
  .header-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #271a00;
    background: #dde8c5;
    font-size: 0.8125rem;
    font-family: "M PLUS 1p", sans-serif;
    padding: 3px 10px; }
    .header-icon a img {
      margin-right: 5px;
      width: 15px; }
    .header-icon a:hover {
      opacity: 1 !important;
      transition: 0.5s;
      background: #c6dd94; }

.mean-container .mean-push {
  display: none !important; }

#nav_global {
  max-width: 1200px;
  margin: 0 auto; }
  @media only screen and (max-width: 834px) {
    #nav_global {
      display: none; } }
  #nav_global ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-end; }
    #nav_global ul li {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      position: relative;
      width: 20%; }
      #nav_global ul li a {
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        font-family: "M PLUS 1p", sans-serif;
        display: block;
        padding: 5px 20px;
        text-align: center;
        color: #271a00;
        line-height: 1.5em; }
        #nav_global ul li a span {
          font-weight: initial !important;
          display: block;
          font-size: 14px;
          color: #473c26;
          font-family: "Tangerine", cursive, sans-serif; }
        @media screen and (max-width: 1100px) {
          #nav_global ul li a {
            font-size: 0.875rem;
            padding: 5px 10px;
            letter-spacing: inherit;
            display: block; } }
        #nav_global ul li a:hover {
          opacity: 1 !important; }
          #nav_global ul li a:hover span {
            transform: scale(1.1);
            transition: 0.5s; }
      #nav_global ul li ul {
        position: absolute;
        margin: auto;
        display: block;
        width: 100%;
        z-index: 1;
        background: rgba(221, 232, 197, 0.8); }
        #nav_global ul li ul li {
          width: 100%; }
          #nav_global ul li ul li:before {
            content: none !important; }
          @media screen and (min-width: 835px) and (max-width: 1000px) {
            #nav_global ul li ul li a {
              font-size: 15px; } }

.mean-bar {
  display: none; }

#mainArea2 {
  position: relative;
  height: 100%; }
  @media only screen and (max-width: 640px) {
    #mainArea2:before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100vh;
      background: url(../images/common/main_img1.png) no-repeat;
      background-size: cover; } }
  #mainArea2 　 > div {
    box-sizing: border-box;
    color: #FFF;
    font-size: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  #mainArea2 .parallax-bg {
    position: relative;
    background: url(../images/common/main_img1.png) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
    @media only screen and (max-width: 640px) {
      #mainArea2 .parallax-bg {
        background: none;
        position: static; } }
  #mainArea2 .main-img > img {
    height: 100vh !important;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: block; }

#main-txt {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  #main-txt img {
    width: 15%;
    max-width: 200px;
    height: auto; }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    #main-txt img {
      width: 30%; } }
  @media only screen and (max-width: 640px) {
    #main-txt img {
      width: 45%;
      height: auto !important; } }

#mainArea {
  position: relative;
  left: 0;
  right: 0;
  max-width: 100%; }
  #mainArea li img {
    margin: 0  auto;
    display: block;
    height: auto; }
    @media screen and (min-width: 641px) and (max-width: 834px) {
      #mainArea li img {
        width: 130%; } }
    @media only screen and (max-width: 640px) {
      #mainArea li img {
        width: 130%;
        height: 40vh !important;
        object-fit: cover; } }
  #mainArea .slick-prev, #mainArea .slick-next {
    z-index: 100;
    height: auto !important;
    width: auto !important; }
  #mainArea .slick-prev {
    left: 18% !important; }
    @media screen and (min-width: 641px) and (max-width: 834px) {
      #mainArea .slick-prev {
        width: 50px !important; } }
  #mainArea .slick-next {
    right: 18% !important; }
    @media screen and (min-width: 641px) and (max-width: 834px) {
      #mainArea .slick-next {
        width: 50px !important; } }
  #mainArea .slick-prev:before, #mainArea .slick-next:before {
    display: none; }

.mean-container .mean-bar {
  background: #ffb73f !important;
  position: fixed !important; }

.mean-container .mean-nav {
  background: #ffb73f !important; }

.mean-container .mean-nav ul li a {
  border-top: 1px solid #fff !important;
  padding: 0.8em 5% !important; }

.mean-container .mean-nav ul li a.mean-expand:hover {
  /*
  background-color: #e9832f !important;*/ }

@media screen and (min-width: 641px) and (max-width: 834px) {
  .mean-container .mean-nav ul li a.mean-expand {
    height: 25px !important; } }

.mean-container .mean-nav ul li li a {
  padding: 0.2em 10% !important; }

.mean-nav ul .top-logo {
  display: none; }

.anchor {
  display: block;
  transform: translateY(-150px); }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    .anchor {
      transform: translateY(-100px); } }
  @media only screen and (max-width: 640px) {
    .anchor {
      transform: translateY(-100px); } }

.anchor2 {
  display: block;
  transform: translateY(-100px); }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    .anchor2 {
      transform: translateY(-100px); } }
  @media only screen and (max-width: 640px) {
    .anchor2 {
      transform: translateY(-100px); } }

/*
飛ばしたいところの前に以下のような記述
<span id="map" class="anchor"></span>
*/
.clone-nav {
  width: 100%;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  transition: .3s;
  transform: translateY(-100%); }
  @media only screen and (max-width: 834px) {
    .clone-nav {
      display: none; } }

.is-show {
  transform: translateY(0); }

@media screen and (min-width: 834px) {
  .zdo_drawer_menu {
    display: none !important; } }

.zdo_drawer_menu .zdo_drawer_button {
  background: #1d2089 !important; }

.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
  background: #1d2089 !important; }

.store_areA {
  padding: 0 10%; }
  .store_areA .h_logo img {
    display: block;
    width: 150px;
    margin: -10px auto 10px auto; }
  .store_areA .header-icon-wrap {
    display: flex;
    justify-content: space-around; }
    .store_areA .header-icon-wrap li {
      width: 25%; }
      .store_areA .header-icon-wrap li a {
        text-decoration: center;
        font-size: 1.25rem; }
        .store_areA .header-icon-wrap li a i {
          padding-right: 0; }
  .store_areA .header-tel {
    justify-content: center;
    align-items: center;
    margin: 0  auto; }
    .store_areA .header-tel a {
      padding-bottom: 0; }
  .store_areA .h-time {
    text-align: center;
    line-height: 1.5; }

.h_tel, .h_cont {
  width: 220px;
  height: 50px;
  line-height: 50px;
  background: #ffb73f;
  color: #fff;
  letter-spacing: 0.2em;
  font-size: 1rem;
  margin-bottom: 10px; }
  .h_tel i, .h_cont i {
    margin-right: 5px; }
  .h_tel a, .h_cont a {
    display: block;
    color: #fff !important;
    font-size: 1rem;
    text-align: center; }

.zdo_drawer_menu .zdo_drawer_nav {
  padding: 50px 20px 10px 20px !important;
  	/*height: 400px;
      overflow: scroll;
  	*/ }

.zdo_drawer_menu a {
  display: block;
  color: #271a00;
  padding-bottom: 10px;
  text-align: center; }
  .zdo_drawer_menu a i {
    color: #1d2089;
    padding-right: 5px; }

.zdo_drawer_menu .zdo_drawer_nav li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px !important; }

.zdo_drawer_menu .zdo_drawer_menu_text, .zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
  display: none !important; }

.zdo_drawer_menu .zdo_drawer_button {
  background: rgba(255, 255, 255, 0.5) !important;
  padding: 0 5px !important;
  width: 50px;
  height: 50px;
  top: 5px !important;
  right: 5px !important; }

.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  background: #fff;
  background-size: cover; }

.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  height: 100%;
  overflow: scroll; }

footer#global_footer {
  position: relative;
  background: #fff !important;
  min-width: auto !important;
  margin-top: 80px; }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    footer#global_footer {
      margin-top: 50px; } }
  @media only screen and (max-width: 640px) {
    footer#global_footer {
      margin-top: 0; } }

#top-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 3; }
  #top-button img {
    width: 80px; }
  @media only screen and (max-width: 640px) {
    #top-button {
      bottom: 10px;
      right: 10px; }
      #top-button img {
        width: 60px; } }

#footer_wrap {
  background: url(../images/common/footer_bg.png) repeat;
  padding: 30px 15px 15px 10px; }

#footer {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 350px) {
    #footer {
      flex-direction: column; }
      #footer .footer-info, #footer #footer-nav {
        width: 100%;
        margin: 0 auto; } }

.footer-info {
  max-width: 200px;
  width: 40%;
  margin: 0 auto 0 0; }
  .footer-info #footer-logo {
    max-width: 90%;
    margin: 5%; }
  .footer-info .footer-icon-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    .footer-info .footer-icon-wrap li a {
      color: rgba(71, 60, 38, 0.5);
      padding: 10px;
      font-size: 1.125rem; }
      .footer-info .footer-icon-wrap li a:hover {
        opacity: 1 !important;
        transition: 0.5s;
        color: #473c26; }

#footer-nav {
  min-width: 460px;
  margin-left: 10px;
  width: 50%;
  display: flex !important; }
  #footer-nav .ULwrap {
    width: 60%;
    margin: 1%;
    display: flex; }
    #footer-nav .ULwrap ul li {
      width: auto;
      min-width: 100px; }
      #footer-nav .ULwrap ul li a {
        display: block;
        text-align: left;
        position: relative;
        color: #473c26; }
        #footer-nav .ULwrap ul li a:hover {
          opacity: 1 !important;
          transition: 0.5s;
          color: #271a00;
          font-weight: bold; }
    #footer-nav .ULwrap .ul1, #footer-nav .ULwrap .ul1b {
      margin: 1%; }
      #footer-nav .ULwrap .ul1 .ichiran, #footer-nav .ULwrap .ul1b .ichiran {
        font-size: 1rem;
        margin-bottom: 5px;
        margin-left: -10px;
        text-align: left; }
        #footer-nav .ULwrap .ul1 .ichiran a, #footer-nav .ULwrap .ul1b .ichiran a {
          color: #473c26; }
    @media only screen and (max-width: 834px) {
      #footer-nav .ULwrap {
        display: none !important; } }
  #footer-nav .ul2 li {
    text-align: left; }
    #footer-nav .ul2 li a {
      font-size: 1rem;
      color: #271a00;
      text-align: left; }
  @media only screen and (max-width: 834px) {
    #footer-nav .ul2 {
      font-size: 0.875rem; } }
  @media screen and (max-width: 350px) {
    #footer-nav .ul2 {
      margin: 0 auto; }
      #footer-nav .ul2 li {
        text-align: center; }
        #footer-nav .ul2 li a {
          text-align: center; } }
  @media only screen and (max-width: 834px) {
    #footer-nav {
      min-width: auto; } }

#copyright {
  color: #271a00;
  padding: 10px; }
  #copyright a {
    color: #271a00; }

.mean-container .mean-push {
  display: none !important; }

.top-title, .top-title-en {
  padding-bottom: 50px; }
  .top-title h1, .top-title-en h1 {
    font-size: 1.5rem;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    color: #271a00;
    line-height: 2em;
    display: inline-block;
    position: relative; }
    @media (max-width: 1200px) {
      .top-title h1, .top-title-en h1 {
        font-size: calc(1.275rem + 0.3vw) ; } }
    @media only screen and (max-width: 640px) {
      .top-title h1, .top-title-en h1 {
        font-size: 1.25rem;
        line-height: 1.5em; } }
    .top-title h1 .sub-en, .top-title-en h1 .sub-en {
      font-size: 1.125rem;
      color: #ffb73f;
      display: block;
      font-family: "Tangerine", cursive, sans-serif; }
    .top-title h1:before, .top-title-en h1:before {
      position: absolute;
      content: '';
      background: url(../images/common/item1.png) no-repeat;
      background-size: 100%;
      width: 123px;
      height: 118px;
      top: 55%;
      left: -30%; }
      @media only screen and (max-width: 640px) {
        .top-title h1:before, .top-title-en h1:before {
          content: none; } }
    .top-title h1:after, .top-title-en h1:after {
      position: absolute;
      content: '';
      background: url(../images/common/deco1.png) no-repeat;
      background-size: 100%;
      width: 243px;
      height: 445px;
      top: 0;
      right: -50%; }
  .top-title h2, .top-title-en h2 {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "M PLUS 1p", sans-serif; }
    @media (max-width: 1200px) {
      .top-title h2, .top-title-en h2 {
        font-size: calc(1.275rem + 0.3vw) ; } }

.top-title2, .top-title3, .top-title4 {
  border-bottom: 1px solid #ffb73f;
  padding-bottom: 5px; }
  .top-title2 .sub, .top-title3 .sub, .top-title4 .sub {
    font-size: 1rem;
    font-weight: bold;
    opacity: 0.5; }
  .top-title2 h2, .top-title3 h2, .top-title4 h2 {
    font-size: 1.5rem;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    color: #271a00;
    position: relative; }
    @media (max-width: 1200px) {
      .top-title2 h2, .top-title3 h2, .top-title4 h2 {
        font-size: calc(1.275rem + 0.3vw) ; } }

.top-title3 {
  border-bottom: 1px solid #473c26; }
  .top-title3 .sub {
    color: #ffb73f;
    opacity: 1; }

.top-title4 {
  border-bottom: 1px solid #473c26; }
  .top-title4 .sub {
    color: #271a00;
    opacity: 0.5; }
  .top-title4 img {
    margin-bottom: 5px; }

.top-title-en h2 {
  font-family: century-gothic, sans-serif;
  font-style: normal;
  font-weight: 400; }

canvas#cvs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
  z-index: 0; }

#contents_wrap {
  position: relative;
  z-index: 0; }

.con1-txt {
  font-size: 1rem;
  line-height: 2em; }

.con2-txt {
  color: #1d2089; }

.TFLX1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .TFLX1 .box {
    width: 31.333333%;
    margin: 1%;
    background: #fff;
    border: 1px solid #ededed;
    padding: 10px !important; }
    .TFLX1 .box .box-ttl h3 {
      font-size: 1.125rem;
      font-family: "M PLUS 1p", sans-serif; }
    .TFLX1 .box .box-img {
      position: relative; }
      .TFLX1 .box .box-img img {
        border-radius: 15px; }
      .TFLX1 .box .box-img .box-deco {
        position: absolute;
        bottom: -20px;
        right: -5px;
        width: 70px !important; }
    .TFLX1 .box .box-en {
      font-family: "Tangerine", cursive, sans-serif;
      font-size: 1.125rem;
      color: #ffb73f;
      font-size: 1.5rem;
      padding: 5px 10px !important; }
      @media (max-width: 1200px) {
        .TFLX1 .box .box-en {
          font-size: calc(1.275rem + 0.3vw) ; } }
    .TFLX1 .box .box-time {
      font-size: 1rem; }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    .TFLX1 .box {
      width: 48%; }
      .TFLX1 .box table td {
        line-height: 1; } }
  @media only screen and (max-width: 640px) {
    .TFLX1 {
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .TFLX1 .box {
        width: 100%;
        margin: 0 auto 15px auto; }
        .TFLX1 .box table td {
          line-height: 1; } }

.TFLX1-wrap {
  position: relative;
  padding: 3% 0 5% 0 !important; }
  @media only screen and (max-width: 834px) {
    .TFLX1-wrap {
      padding: 5% 15px !important; } }

.TFLX1-inr {
  width: 1000vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/common/bg1.png) repeat center bottom;
  z-index: -1; }

.top-scl-wrap {
  position: relative;
  padding: 20% 0 !important; }
  @media only screen and (max-width: 834px) {
    .top-scl-wrap {
      padding: 0 !important; } }

.top-scl-inr {
  width: 1000vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/common/scroollbg.png) repeat center bottom;
  background-attachment: fixed;
  background-size: cover;
  z-index: -1; }
  @media only screen and (max-width: 834px) {
    .top-scl-inr {
      background-attachment: none; } }

.TFLX2, .TFLX2b {
  display: flex;
  flex-wrap: wrap; }
  .TFLX2 .box, .TFLX2b .box {
    width: 31.333%;
    margin: 1%; }
    .TFLX2 .box > a, .TFLX2b .box > a {
      display: block;
      width: 100%;
      margin: 0 auto;
      overflow: hidden; }
      .TFLX2 .box > a:hover, .TFLX2b .box > a:hover {
        opacity: 1 !important; }
        .TFLX2 .box > a:hover img, .TFLX2b .box > a:hover img {
          transform: scale(1.2, 1.2);
          transition: 1s all; }
      .TFLX2 .box > a img, .TFLX2b .box > a img {
        display: block;
        margin: 0 auto;
        width: 100% !important;
        transition: 1s all; }
    .TFLX2 .box div .btn1, .TFLX2b .box div .btn1 {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      font-family: "M PLUS 1p", sans-serif; }
  @media only screen and (max-width: 640px) {
    .TFLX2, .TFLX2b {
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .TFLX2 .box, .TFLX2b .box {
        width: 95%;
        margin: 0 auto 15px auto; } }

.TFLX2b .box {
  width: 48%;
  margin: 1%;
  display: flex; }
  .TFLX2b .box > a {
    width: 50%; }
  .TFLX2b .box > div {
    width: 50%; }
@media only screen and (max-width: 640px) {
  .TFLX2b {
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .TFLX2b .box {
      width: 95%;
      margin: 0 auto 15px auto;
      flex-direction: column; }
      .TFLX2b .box a {
        width: 100%;
        margin: 0 auto; }
      .TFLX2b .box > div {
        width: 100%;
        margin: 0 auto; } }

.btn1 a {
  display: block;
  width: 100%;
  padding: 10px 5px;
  color: #271a00;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  position: relative;
  line-height: initial;
  background: url(../images/common/bg2.png) no-repeat;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover; }
  .btn1 a:after {
    position: absolute;
    content: '';
    background: url(../images/common/ico_angle.png) no-repeat;
    background-size: contain;
    width: 7px;
    height: 15px;
    right: 5px;
    bottom: auto;
    top: auto; }
    @media only screen and (max-width: 640px) {
      .btn1 a:after {
        width: 15px;
        height: 30px; } }
  .btn1 a:hover:after {
    transform: translate(3px, 0);
    transition: all 0.7s; }

.info-wrap {
  display: flex; }
  .info-wrap .box {
    width: 48%;
    margin: 1%;
    border: 1px solid #ccc; }
  @media only screen and (max-width: 640px) {
    .info-wrap {
      flex-direction: column; }
      .info-wrap .box {
        width: 95%;
        margin: 0 auto 15px auto; } }

.news-wrap {
  height: 400px;
  padding: 20px;
  max-width: 1000px;
  margin: 0 auto;
  background: url(../images/common/ptn1.png) repeat center top;
  background-size: 30px; }
  @media screen and (min-width: 835px) and (max-width: 1000px) {
    .news-wrap {
      margin: 20px; } }
  @media only screen and (max-width: 834px) {
    .news-wrap {
      height: 300px;
      margin: 0 10px; } }

.news {
  height: 100%;
  overflow-y: auto;
  line-height: 1.2; }
  .news dl {
    border: none !important;
    border-bottom: 1px dashed #ccc !important;
    padding: 15px 0;
    color: #333;
    line-height: 1.5em;
    flex-direction: column; }
    .news dl dt {
      background: none !important;
      width: 100% !important;
      border: none !important;
      background: rgba(29, 32, 137, 0.3);
      display: block !important;
      min-width: 140px;
      height: 30px;
      color: #271a00;
      font-family: "M PLUS 1p", sans-serif; }
    .news dl dd {
      border: none !important;
      width: 100% !important;
      background: none !important;
      padding: 5px 8px !important; }

#calendar {
  padding: 10px; }

.calWarp {
  font-family: fangsong; }

.fc-title {
  color: #fff;
  text-align: center;
  display: block; }

.fc-day-grid-event {
  background: #ffb73f !important;
  border: #ffb73f !important; }

.top-insta {
  width: 100%;
  margin: 0 auto; }
  .top-insta .sns_list {
    flex-direction: inherit !important;
    border: none  !important;
    flex-wrap: wrap; }
    .top-insta .sns_list .sns_text {
      display: none; }
    .top-insta .sns_list .sns_photo {
      width: 100% !important;
      height: 100%;
      padding: 0 !important; }
      .top-insta .sns_list .sns_photo img {
        width: 100%;
        height: 100% !important;
        object-fit: cover; }
  .top-insta .sns_list > div {
    border: none !important;
    width: 18%;
    margin: 1%; }
    @media only screen and (max-width: 640px) {
      .top-insta .sns_list > div {
        width: 48%; } }

.top-blog-wrap {
  height: 380px;
  padding: 30px;
  max-width: 1000px;
  margin: 0 auto;
  border: 1px solid rgba(39, 26, 0, 0.5);
  background: #fff; }
  @media screen and (min-width: 835px) and (max-width: 1000px) {
    .top-blog-wrap {
      margin: 20px; } }
  @media only screen and (max-width: 834px) {
    .top-blog-wrap {
      margin: 0;
      padding: 20px; } }

.top-blog {
  height: 100%;
  overflow-y: auto; }
  .top-blog .blog_list {
    border: none !important;
    display: block !important; }
    @media screen and (min-width: 641px) and (max-width: 834px) {
      .top-blog .blog_list div {
        flex-direction: row !important; } }
  .top-blog .blog_date {
    color: #271a00 !important;
    font-family: "Tangerine", cursive, sans-serif;
    font-size: 1rem; }
  @media only screen and (max-width: 640px) {
    .top-blog .blog_photo {
      width: 100% !important; } }

.spe {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  color: #803221; }

h2.mail {
  display: none; }

.tel-s a, .tel-h a {
  color: #473c26; }
  .tel-s a:hover, .tel-h a:hover {
    opacity: 1.0 !important; }

@media only screen and (max-width: 834px) {
  .brdnt {
    text-align: left !important; }
    .brdnt br {
      display: none; } }

@media only screen and (max-width: 640px) {
  .brdn {
    text-align: left !important; }
    .brdn br {
      display: none; }
    .brdn div {
      text-align: left !important; } }

@media screen and (min-width: 834px) {
  .brdnpc br {
    display: none; } }

@media only screen and (max-width: 640px) {
  .CLS table tr {
    display: flex;
    flex-direction: column-reverse; } }

.ai-company dt, .ai-company3 dt {
  align-items: center !important;
  background: rgba(255, 183, 63, 0.7) !important;
  color: #fff; }
@media only screen and (max-width: 640px) {
  .ai-company dl, .ai-company3 dl {
    display: block !important; }
    .ai-company dl dt, .ai-company3 dl dt {
      width: 100% !important;
      border-right: 1px solid #ccc !important; }
    .ai-company dl dd, .ai-company3 dl dd {
      width: 100% !important; } }

.ai-company3 dd {
  text-align: center !important; }

.ai-company2 dt {
  align-items: center !important;
  background: rgba(29, 32, 137, 0.5) !important;
  color: #fff; }
.ai-company2 dd a {
  color: #473c26; }
@media only screen and (max-width: 640px) {
  .ai-company2 dl {
    display: block !important; }
    .ai-company2 dl dt {
      width: 100% !important;
      border-right: 1px solid #ccc !important; }
    .ai-company2 dl dd {
      width: 100% !important; } }

.form_wrap dl dd > div {
  display: block; }

@media only screen and (max-width: 834px) {
  .fancybox-toolbar {
    top: 50px !important; } }

.pankuzu {
  text-align: right;
  margin-top: 20px; }
  @media only screen and (max-width: 834px) {
    .pankuzu {
      display: none; } }

.imgL {
  max-width: 100% !important; }

.error2 h2 {
  font-size: 40px;
  font-weight: bold; }
.error2 a {
  border: 1px solid #ccc;
  padding: 3px 20px;
  display: inline-block; }

.pick01 {
  background: rgba(71, 60, 38, 0.1);
  padding: 50px;
  position: relative; }
  @media only screen and (max-width: 834px) {
    .pick01 {
      padding: 50px 30px; } }
  .pick01:before {
    position: absolute;
    display: inline-block;
    content: '';
    background: url(../images/common/pickdeco1.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    top: 10px;
    left: 10px; }
    @media only screen and (max-width: 640px) {
      .pick01:before {
        top: 5px;
        left: 5px; } }
  .pick01:after {
    position: absolute;
    display: inline-block;
    content: '';
    background: url(../images/common/pickdeco2.png) no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    bottom: 10px;
    right: 10px;
    visibility: inherit; }
    @media only screen and (max-width: 640px) {
      .pick01:after {
        bottom: 5px;
        right: 5px; } }

.pick02 {
  background: rgba(168, 209, 77, 0.1);
  padding: 2%; }
  @media only screen and (max-width: 834px) {
    .pick02 {
      padding: 5% 10px; } }

.pick03 {
  padding: 2%;
  background: rgba(255, 183, 63, 0.1); }
  .pick03 h3 {
    font-size: 1.125rem; }
  @media only screen and (max-width: 834px) {
    .pick03 {
      padding: 5%; } }

.gallery-3 {
  display: flex;
  flex-wrap: wrap; }
  .gallery-3 .box {
    width: 31.333%;
    margin: 1%; }
    @media only screen and (max-width: 834px) {
      .gallery-3 .box {
        width: 48%; } }

.contact_contents #contents_wrap {
  margin-top: 100px; }
  @media only screen and (max-width: 834px) {
    .contact_contents #contents_wrap {
      margin-top: 50px; } }

.img100 img {
  display: block !important;
  width: 100% !important; }

.switch #cmn-toggle-1:checked + label {
  background-color: #ffb73f !important; }

.switch label {
  background: #dddddd !important; }

.page-title-wrap {
  margin-top: 50px; }

.page-title {
  padding-bottom: 10px;
  position: relative;
  position: relative; }
  .page-title .sub {
    font-size: 1.25rem;
    font-weight: bold;
    color: #ffb73f;
    font-family: "Tangerine", cursive, sans-serif;
    margin-bottom: 15px; }
  .page-title h1 {
    font-size: 1.75rem;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    color: #271a00;
    position: relative; }
    @media (max-width: 1200px) {
      .page-title h1 {
        font-size: calc(1.3rem + 0.6vw) ; } }
  .page-title:before {
    position: absolute;
    content: '';
    background: url(../images/common/line_pt.png) repeat;
    background-size: contain;
    display: inline-block;
    width: 50%;
    max-width: 300px;
    height: 2px;
    vertical-align: middle;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto 10px auto;
    opacity: 0.5; }

.title, .title-b, .title2, .title3 {
  position: relative;
  z-index: 2; }
  .title:after, .title-b:after, .title2:after, .title3:after {
    content: "";
    width: 100%;
    height: 8px;
    background: url(../images/common/line_pt2.png);
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    display: block;
    visibility: initial;
    opacity: 0.7; }
  .title h2, .title-b h2, .title2 h2, .title3 h2 {
    font-size: 1.25rem;
    color: #1d2089;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 5px 20px;
    background: #fff; }
  @media only screen and (max-width: 834px) {
    .title h2, .title-b h2, .title2 h2, .title3 h2 {
      padding: 5px 10px; } }

.title-b h2 {
  font-size: 1.5rem; }
  @media (max-width: 1200px) {
    .title-b h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }

.title2 h2 {
  border-left: solid 5px #ffb73f;
  /*左線*/
  color: #271a00;
  font-weight: 500;
  font-size: 1.5rem;
  font-family: "M PLUS 1p", sans-serif; }
  @media (max-width: 1200px) {
    .title2 h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }

.title-center01 h2 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0; }
  .title-center01 h2:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    width: 150px;
    height: 58px;
    border-radius: 50%;
    border: 5px solid #a6ddb0;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

@media only screen and (max-width: 640px) {
  .title3 h2 {
    font-size: 18px; } }

.step-title2 {
  border-bottom: 1px dotted rgba(71, 60, 38, 0.5); }
  .step-title2 h3 {
    font-size: 1.125rem;
    color: #473c26; }
    .step-title2 h3 div {
      background: rgba(71, 60, 38, 0.5);
      color: #fff;
      font-family: "M PLUS 1p", sans-serif;
      display: inline-block;
      width: 10%;
      min-width: 90px;
      margin-right: 10px;
      text-align: center !important; }

.staff-title h3 {
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  border-top: solid 2px rgba(138, 116, 29, 0.3);
  border-bottom: solid 2px rgba(138, 116, 29, 0.3);
  background: rgba(29, 32, 137, 0.1);
  line-height: 1.4;
  padding: 0.2em; }
  .staff-title h3:after {
    /*タブ*/
    position: absolute;
    font-family: "Font Awesome 5 pro";
    content: '\f7f3\ STAFF';
    background: #8a741d;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 3px 3px 0 0;
    padding: 5px 10px 3px;
    font-size: 0.8em;
    line-height: 1;
    letter-spacing: 0.05em; }

.land-title h2 {
  font-size: 1.5rem;
  color: #271a00;
  border-bottom: 2px dashed #ccc;
  position: relative;
  padding-left: 35px; }
  @media (max-width: 1200px) {
    .land-title h2 {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .land-title h2:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f69a";
    /*アイコンのユニコード*/
    font-weight: 600;
    position: absolute;
    /*絶対位置*/
    font-size: 1.875rem;
    /*サイズ*/
    left: 0;
    /*アイコンの位置*/
    top: 0;
    /*アイコンの位置*/
    color: #a8d14d;
    /*アイコン色*/ }
    @media (max-width: 1200px) {
      .land-title h2:before {
        font-size: calc(1.3125rem + 0.75vw) ; } }
.land-title h3 {
  font-size: 1.125rem;
  color: #271a00;
  border-bottom: 2px dashed #ccc;
  position: relative;
  padding-left: 35px; }
  .land-title h3:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f69a";
    /*アイコンのユニコード*/
    font-weight: 600;
    position: absolute;
    /*絶対位置*/
    font-size: 1.875rem;
    /*サイズ*/
    left: 0;
    /*アイコンの位置*/
    top: 0;
    /*アイコンの位置*/
    color: #a8d14d;
    /*アイコン色*/ }
    @media (max-width: 1200px) {
      .land-title h3:before {
        font-size: calc(1.3125rem + 0.75vw) ; } }

.menu-TBL h3 {
  color: #271a00;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px; }
  .menu-TBL h3 span {
    display: block;
    margin: 0 0 0 auto;
    text-align: right;
    color: #803221;
    font-size: 0.9em; }

.menu-FLX {
  display: flex;
  flex-wrap: wrap; }
  .menu-FLX .box {
    width: 31.333%;
    margin: 1%; }
    .menu-FLX .box article > h3 {
      display: none; }
    .menu-FLX .box article div h3 {
      color: #271a00;
      font-size: 1.1em;
      font-weight: 500; }
      .menu-FLX .box article div h3 span {
        display: block;
        margin: 0 0 0 auto;
        text-align: right;
        color: #803221;
        font-size: 0.9em; }
  @media only screen and (max-width: 640px) {
    .menu-FLX {
      flex-direction: column; }
      .menu-FLX .box {
        width: 95%;
        margin: 0 auto 15px auto; } }

.contact-tel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.875rem;
  font-family: "Arapey", serif; }
  @media (max-width: 1200px) {
    .contact-tel {
      font-size: calc(1.3125rem + 0.75vw) ; } }
  .contact-tel img {
    margin-right: 5px; }
  @media only screen and (max-width: 640px) {
    .contact-tel {
      width: 250px;
      text-align: center;
      margin: 0 10px; } }

.h-time {
  font-size: 0.75rem;
  color: #473c26;
  letter-spacing: normal; }

.shop-FLX {
  display: flex; }
  .shop-FLX .box-txt {
    width: 58%;
    margin: 1%; }
  .shop-FLX .box-img {
    width: 38%;
    margin: 1%; }
  @media only screen and (max-width: 834px) {
    .shop-FLX {
      flex-direction: column; }
      .shop-FLX .box-txt, .shop-FLX .box-img {
        width: 100%;
        margin: 0 auto 15px auto; } }

.items:not(.slick-initialized) {
  margin-left: 0; }
  .items:not(.slick-initialized) article {
    width: 23% !important;
    margin: 1% !important; }
    .items:not(.slick-initialized) article .photo {
      width: 100% !important;
      height: 170px !important; }
      .items:not(.slick-initialized) article .photo img {
        height: 170px !important;
        object-fit: cover;
        font-family: 'object-fit: cover;'; }
    .items:not(.slick-initialized) article .price {
      text-align: center; }
    .items:not(.slick-initialized) article button {
      margin: 0 auto; }
  @media screen and (max-width: 1050px) {
    .items:not(.slick-initialized) article {
      width: 31.333% !important;
      margin: 1% !important; } }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    .items:not(.slick-initialized) article {
      width: 31.333% !important;
      margin: 1% !important; } }
  @media only screen and (max-width: 640px) {
    .items:not(.slick-initialized) article {
      width: 48% !important;
      margin: 1% !important; } }
  @media screen and (max-width: 350px) {
    .items:not(.slick-initialized) article {
      width: 98% !important;
      margin: 1% !important; } }

.items article {
  align-items: stretch !important; }

#main {
  display: flex;
  flex-direction: row-reverse; }
  #main #col_main {
    width: 79%;
    padding-left: 10px;
    margin-top: 50px; }
  #main #col_side1 {
    width: 21%;
    min-width: 180px;
    padding-right: 10px;
    margin-top: 50px;
    z-index: 1; }
  @media only screen and (max-width: 834px) {
    #main {
      display: block !important; }
      #main #col_main {
        width: 100%;
        padding-left: 0;
        margin-top: 30px; }
      #main #col_side1 {
        width: 100%; } }

#main #col_main {
  float: none !important; }

.side-menu {
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff; }
  .side-menu h2 {
    text-align: center !important;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #271a00;
    position: relative; }
    .side-menu h2:before {
      position: absolute;
      content: '';
      background: url(../images/common/line_pt.png) repeat;
      background-size: contain;
      display: inline-block;
      width: 90%;
      height: 2px;
      vertical-align: middle;
      bottom: -15px;
      left: 0;
      right: 0;
      margin: 0 auto 10px auto; }
  .side-menu li a {
    display: block;
    padding: 5px;
    color: #271a00; }

.side-cart a {
  background: #dde8c5;
  border-radius: 14px;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 40px;
  color: #271a00;
  font-family: "M PLUS 1p", sans-serif; }
  .side-cart a img, .side-cart a i {
    margin-right: 5px; }
  .side-cart a div {
    color: #271a00; }
.side-cart:hover {
  opacity: 1 !important;
  transition: 0.5s;
  background: #c6dd94;
  border-radius: 14px; }

.side-cart2 a img {
  width: 25px; }

.side-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px;
  text-align: center;
  letter-spacing: 0.5em;
  color: #88693b;
  font-family: "M PLUS 1p", sans-serif;
  position: relative;
  line-height: initial;
  border-radius: 14px;
  border: 2px solid #88693b;
  margin: 15px auto; }
  .side-btn a:after {
    position: absolute;
    content: '';
    background: url(../images/common/ico_angle.png) no-repeat center;
    background-size: 50%;
    width: 15px;
    height: 30px;
    right: 5px;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 640px) {
      .side-btn a:after {
        content: none; } }
  .side-btn a:hover {
    opacity: 1 !important;
    transition: 0.5s;
    background: #c6dd94; }
    .side-btn a:hover:after {
      transform: translate(3px, 0);
      transition: all 0.7s; }

.side-access {
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff; }
  .side-access h2 {
    text-align: center !important;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #271a00;
    position: relative; }
    .side-access h2:before {
      position: absolute;
      content: '';
      background: url(../images/common/line_pt.png) repeat;
      background-size: contain;
      display: inline-block;
      width: 90%;
      height: 2px;
      vertical-align: middle;
      bottom: -15px;
      left: 0;
      right: 0;
      margin: 0 auto 10px auto; }
  .side-access .header-tel {
    justify-content: flex-start; }
  .side-access address {
    font-size: 0.75rem;
    font-weight: 600; }
    .side-access address span {
      font-size: 1rem;
      display: block;
      font-weight: 500; }

#TRANS_P3C2H {
  display: block !important; }

.entry .translate {
  display: block !important; }

.rs-tel {
  font-size: 1.5rem;
  color: #271a00 !important;
  font-family: century-gothic, sans-serif;
  font-style: normal;
  font-weight: 400; }
  @media (max-width: 1200px) {
    .rs-tel {
      font-size: calc(1.275rem + 0.3vw) ; } }
  .rs-tel a {
    color: #271a00; }
  .rs-tel:before {
   /*
 font-family: "Font Awesome 5 Free";
 content: "\f0c4";
 font-weight: 600;
*/
    content: '';
    background: url(../images/common/header_tel_icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    padding-right: 5px; }

.list01 dl, .list02 dl {
  border-bottom: 1px dotted #ccc; }
  .list01 dl dt, .list02 dl dt {
    border: none !important;
    background: none !important;
    font-size: 1.1em;
    color: #271a00;
    font-weight: 500; }
  .list01 dl dd, .list02 dl dd {
    border: none !important;
    background: none !important;
    text-align: right !important;
    min-width: 107px;
    color: #803221;
    font-weight: bold; }

.list02 dl dd {
  min-width: 300px; }
@media only screen and (max-width: 640px) {
  .list02 dl {
    display: block !important; }
    .list02 dl dd, .list02 dl dt {
      width: 100% !important; } }

.list03 dl {
  border-bottom: 1px dashed #473c26; }
  .list03 dl dt {
    border: none !important;
    background: none !important;
    color: #8a4609;
    font-weight: bold;
    min-width: 280px; }
  .list03 dl dd {
    border: none !important;
    background: none !important;
    text-align: right !important; }
  @media only screen and (max-width: 640px) {
    .list03 dl {
      display: block !important; }
      .list03 dl dd, .list03 dl dt {
        width: 100% !important;
        text-align: left !important; } }

.faq table td {
  border: none; }

.faq-q span, .faq-a span {
  width: 40px;
  height: 40px;
  display: block;
  background: #a8d14d;
  line-height: 40px;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  font-family: "Tangerine", cursive, sans-serif; }
  @media (max-width: 1200px) {
    .faq-q span, .faq-a span {
      font-size: calc(1.275rem + 0.3vw) ; } }
@media only screen and (max-width: 640px) {
  .faq-q, .faq-a {
    background: #a8d14d;
    padding: 0 !important; }
    .faq-q span, .faq-a span {
      display: inline-block; } }

.faq-a span {
  background: #ffb73f; }
@media only screen and (max-width: 640px) {
  .faq-a {
    background: #ffb73f; } }

@media screen and (min-width: 640px) {
  .faq-q-txt {
    border-bottom: 1px dashed #ccc !important; } }

.faq-a-txt div {
  font-weight: 500;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #ffb73f;
  font-size: 0.9375rem; }

#blog-title {
  text-align: center !important; }

.blog {
  max-width: 1200px;
  margin: 80px auto 0; }
  @media screen and (min-width: 641px) and (max-width: 834px) {
    .blog {
      margin: 50px auto 0; } }
  @media only screen and (max-width: 640px) {
    .blog {
      margin: 30px auto 0; } }
  .blog .wrap {
    display: flex; }
    .blog .wrap aside {
      width: 28%;
      margin: 1%; }
      .blog .wrap aside nav {
        line-height: 2.0em; }
        .blog .wrap aside nav h3 {
          background: #1d2089 !important; }
        .blog .wrap aside nav ul li {
          border-bottom: 1px dashed #ccc; }
          .blog .wrap aside nav ul li .blogside {
            color: #473c26; }
            .blog .wrap aside nav ul li .blogside span {
              color: #1d2089;
              margin-left: 5px; }
        .blog .wrap aside nav > a {
          background: #ffb73f !important; }
    .blog .wrap #contents {
      width: 68%;
      margin: 1%;
      min-width: auto; }
      .blog .wrap #contents article .date {
        color: #1d2089 !important; }
      .blog .wrap #contents article div {
        display: flex;
        flex-wrap: wrap; }
        .blog .wrap #contents article div img {
          width: 48%;
          margin: 1%; }
      .blog .wrap #contents article .date {
        color: #1d2089 !important; }
      .blog .wrap #contents article h2 {
        background: #ffb73f;
        color: #fff !important; }
    @media only screen and (max-width: 834px) {
      .blog .wrap {
        flex-direction: column; }
        .blog .wrap aside, .blog .wrap #contents {
          width: 100%;
          margin: 10px auto; }
        .blog .wrap aside {
          text-align: center !important; } }
    @media only screen and (max-width: 640px) {
      .blog .wrap #contents article div {
        flex-direction: column; }
        .blog .wrap #contents article div img {
          width: 100%; } }

.bg_100per_wrap {
  position: relative;
  padding: 50px 0 !important;
  margin-bottom: 60px !important; }

.bg_100per_inner {
  width: 1000%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0% 0% 0% -500%;
  background: #f7ead4;
  z-index: -1; }

.bg_100per_wrap {
  position: relative;
  padding: 80px 0 !important;
  margin-bottom: 60px 0 !important; }

.bg_100per_inner {
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-right: calc(((100vw - 100%) / 2) * -1);
  background: url(../images/contents/cont-bg.jpg) repeat center top;
  background-size: cover;
  z-index: -1; }

.hoverBgContents {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .hoverBgContents > .hoverBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
    transition: transform 0.8s;
    background-position: center; }
  .hoverBgContents:hover > .hoverBg {
    transform: scale(1.2); }

@media only screen and (max-width: 834px) {
  #col_main .errorbg {
    padding: 0 !important; } }

.slide-bottom {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1500ms; }

.slide-bottom.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.slide-top {
  opacity: 0;
  transform: translate(0, -50px);
  transition: all 1500ms; }

.slide-top.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.slide-top2 {
  opacity: 0.4;
  transform: translate(0, -50px);
  transition: all 1500ms; }

.slide-top2.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.slide-right {
  opacity: 0;
  transform: translate(100px, 0px);
  transition: all 2500ms; }

.slide-right.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.slide-left {
  opacity: 0;
  transform: translate(-100px, 0px);
  transition: all 2500ms; }

.slide-left.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.slide-left2 {
  opacity: 0;
  transform: translate(-100px, 0px);
  transition: all 1000ms; }

.slide-left2.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.works-FLX {
  display: flex;
  flex-wrap: wrap;
  align-items: top; }
  .works-FLX a:hover {
    opacity: 1 !important; }
  .works-FLX .boxL {
    width: 43%;
    margin: 1%; }
    .works-FLX .boxL ul li article div {
      display: none; }
  .works-FLX .boxR {
    width: 53%;
    margin: 1%; }
    .works-FLX .boxR ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .works-FLX .boxR ul li {
        width: 24%;
        margin: 0 0.5% 1% 0.5%; }
        .works-FLX .boxR ul li article {
          position: relative; }
          .works-FLX .boxR ul li article:before {
            content: '';
            display: block;
            padding-top: 100%; }
          .works-FLX .boxR ul li article img {
            position: absolute;
            top: 0;
            right: 0;
            height: 100% !important;
            width: 100% !important;
            object-fit: cover;
            font-family: 'object-fit: cover;';
            display: block; }
          .works-FLX .boxR ul li article div {
            display: none; }
  @media only screen and (max-width: 834px) {
    .works-FLX {
      flex-direction: column;
      align-items: center; }
      .works-FLX .boxL {
        width: 90%; }
      .works-FLX .boxR {
        width: 95%; } }
  @media only screen and (max-width: 640px) {
    .works-FLX .boxR ul li {
      width: 48%; } }

.modaal-close {
  position: absolute !important;
  right: 6px !important;
  top: 6px !important;
  background: #e1e1e1 !important;
  width: 50px !important;
  height: 50px !important; }
  .modaal-close:hover {
    opacity: 0.7 !important; }
  .modaal-close:before, .modaal-close:after {
    background: #000 !important; }

.modaal-content-container table td {
  padding: 10px; }

.modaal-container {
  background: none !important;
  color: #fff !important; }

@media only screen and (max-width: 640px) {
  .modaal-wrapper table td {
    display: block !important;
    border: none !important; } }

.modaalBox {
  display: none; }

/* title */
.midashi h2 {
  color: #fff;
  line-height: 2em;
  font-size: 40px;
  font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .midashi h2 {
      font-size: 20px; } }

.tdpd10 td {
  padding: 10px !important; }

/*# sourceMappingURL=common_style.css.map */