@charset "UTF-8";
/* ==========================================================================
   kajidonya.css — 全ページ共通の統合スタイルシート
   2026-11 に以下 6 ファイルを「読み込み順そのまま」で統合しました。
   順番を入れ替えると上書き関係が崩れるので、セクションの順序は変えないこと。

     1. style.css                         (旧: テーマ直下)
     2. kajidonya_addbyor.min.css
     3. kajidonya_renew.css
     4. kajidonya_renew_global.min.css
     5. kajidonya_renew_2024.min.css      → :where(.kr-2024) でスコープ
     6. splide-core.min.css

   ・5 は以前は一部ページでのみ読み込まれていたため、:where(.kr-2024) を
     先頭に付けています。:where() は詳細度 0 なので上書き関係は統合前と同じです。
     .kr-2024 は header.php の <html> に kr_uses_2024_css() が true の時だけ付きます。
   ・編集はこのファイルで行い、その後 kajidonya.min.css を生成してください:
       sass --no-source-map --style=compressed css/kajidonya.css css/kajidonya.min.css
   ・統合前のファイルと SCSS は css/BACKUP/before-merge-2026-11/ にあります。
   ========================================================================== */


/* ==========================================================================
   1. style.css
   ========================================================================== */

/*
Theme Name: Kajidonya_ver2021
Theme URI: http://www.neos-design.co.jp/

    This theme was designed and built by neos,
    whose blog you will find at http://www.neos-design.co.jp/

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/
/*---------------------------------------------------------------

reset

---------------------------------------------------------------*/
/* line 24, ../sass/style.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
  margin: 0;
  padding: 0; }

/* line 29, ../sass/style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 34, ../sass/style.scss */
fieldset, img {
  border: 0; }

/* line 38, ../sass/style.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

/* line 43, ../sass/style.scss */
ol, ul {
  list-style: none; }

/* line 47, ../sass/style.scss */
caption, th {
  text-align: left; }

/* line 51, ../sass/style.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

/* line 56, ../sass/style.scss */
img {
  vertical-align: top; }

/* line 60, ../sass/style.scss */
hr {
  display: none; }

/* line 64, ../sass/style.scss */
a {
  border: none;
  outline: none; }

:where(figure) {
  margin: 0; 
}

/*------------------------------------------------------------------------




common



ページ幅　　：　1100px

基本文字色　：　#646464

リンク　　　：　#646464
リンク（on）：　#c78a49

基本背景　　：　#fffcf4

グレー背景　：　#646464

濃いグレー　：　#282828

見出し文字　：　fz:2.5em
　　　　　　　　ls:0.2em

リード　　　：　ls:0.4em
　　　　　　　　fz:1.2em


------------------------------------------------------------------------*/
/* line 100, ../sass/style.scss */
body {
  font-family: 'Raleway',Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 13px;
  color: #646464;
  line-height: 1;
  letter-spacing: 0.1em; }

@media screen and (max-width: 1099px) {
  /* line 109, ../sass/style.scss */
  body {
    min-width: 1150px; } }
@media screen and (max-width: 736px) {
  /* line 115, ../sass/style.scss */
  body {
    min-width: 100%; } }
/* line 120, ../sass/style.scss */
a {
  text-decoration: none;
  color: #646464;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
  /* line 128, ../sass/style.scss */
  a:hover {
    color: #c78a49; }

/* line 133, ../sass/style.scss */
p {
  line-height: 2; }

@media screen and (max-width: 736px) {
  /* line 138, ../sass/style.scss */
  p {
    line-height: 1.5; } }

@media screen and (max-width: 736px){
	.sp_hide{display:none;}
}
/*---------------------------------------------------------------
header
---------------------------------------------------------------*/
/* line 147, ../sass/style.scss */
#sp_header {
  display: none; }

@media screen and (max-width: 736px) {
  /* line 152, ../sass/style.scss */
  #sp_header {
    display: block;
    text-align: center;
    background: #fffcf4;
    position: relative; }

  /* line 158, ../sass/style.scss */
  #menu_btn {
    position: absolute;
    top: 0;
    right: 10px; }

  /* line 163, ../sass/style.scss */
  .sp_nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    display: none; }
    /* line 170, ../sass/style.scss */
    .sp_nav li {
      width: 100%;
      float: none;
      border-bottom: 1px solid #8d8d8d;
      background: rgba(0, 0, 0, 0.8);
      font-size: 1.4em; }
      /* line 176, ../sass/style.scss */
      .sp_nav li a {
        text-align: left;
        color: #fff;
        font-weight: normal;
        width: 100%;
        padding: 15px 45px;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 186, ../sass/style.scss */
        .sp_nav li a:hover {
          text-align: left;
          color: #fff;
          font-weight: normal;
          width: 100%;
          padding: 15px 45px;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }

  /* line 200, ../sass/style.scss */
  .list_close {
    text-align: center;
    padding: 10px 0;
    background: #fff;
    color: #8d8d8d;
    font-size: 1.4em; } }
/* line 209, ../sass/style.scss */
#header {
  position: relative;
  z-index: 9999;
  background: rgba(255, 252, 244, 0.8);
  width: 100%; }
  /* line 214, ../sass/style.scss */
  #header div {
    width: 1200px;
    margin: 0 auto; }
  /* line 218, ../sass/style.scss */
  #header .logo a {
    position: relative;
    z-index: 104;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    /* line 226, ../sass/style.scss */
    #header .logo a:hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -moz-opacity: 0.8; }

@media screen and (max-width: 736px) {
  /* line 235, ../sass/style.scss */
  #header {
    display: none; } }
/*---------------------------------------------------------------
gnav
---------------------------------------------------------------*/
/* line 244, ../sass/style.scss */
#gnav {
  text-align: center;
  position: relative;
  margin: -200px 0 0 0;
  color: #000;
  z-index: 102; }
  /* line 250, ../sass/style.scss */
  #gnav > div {
    width: 1150px;
    margin: 0 auto; }
    /* line 253, ../sass/style.scss */
    #gnav > div > ul > li {
      display: inline-block;
      padding: 0 5px 0 0; }
      /* line 256, ../sass/style.scss */
      #gnav > div > ul > li > a {
        line-height: 1;
        letter-spacing: 1px;
        padding: 10px;
        display: inline-block;
        background: url(../img/common/nav_bg.png) no-repeat 0 1.1em; }
  /* line 266, ../sass/style.scss */
  #gnav a:hover {
    position: relative; }
  /* line 269, ../sass/style.scss */
  #gnav a.ico_home {
    float: right;
    position: relative;
    margin: -25px 0 0 0; }
  /* line 274, ../sass/style.scss */
  #gnav a.lang {
    display: inline;
    float: right;
    position: relative;
    margin: -27px 35px 0 10px;
    font-size: 0.7rem;
    background: #8c8c8c url(../img/common/lang.svg) no-repeat 8px 4px;
    background-size: 13px;
    padding: 5px 10px 5px 27px;
    color: #fff; }
    /* line 284, ../sass/style.scss */
    #gnav a.lang:hover {
      background: #c78a49 url(../img/common/lang.svg) no-repeat 8px 4px;
      background-size: 13px; }
    /* line 288, ../sass/style.scss */
    #gnav a.lang span {
      color: #cccccc; }
  /* line 293, ../sass/style.scss */
  #gnav .f_home {
    display: none;
    position: absolute;
    bottom: -30px;
    right: -1.4em;
    font-size: 0.8em;
    background: #fff;
    padding: 3px;
    border-radius: 2px 2px 2px 2px; }
    /* line 294, ../sass/style.scss */
    #gnav .f_home:before {
      content: "";
      border: solid transparent;
      display: inline-block;
      position: absolute;
      border-width: 3px;
      border-bottom-color: #fff;
      margin-left: -3px;
      left: 50%;
      top: -6px; }
  /* line 318, ../sass/style.scss */
  #gnav .ico_home:hover .f_home {
    display: inline; }

/*---------------------------------------------------------------
mega
---------------------------------------------------------------*/
/*jQuery MegaMenu Plugin
Author: Devadatta Sahoo
Author URI: http://www.geektantra.com */
/* line 332, ../sass/style.scss */
.MegaMenu a.MegaMenuLink:link, .MegaMenu a.MegaMenuLink:visited {
  z-index: 1000; }
/* line 337, ../sass/style.scss */
.MegaMenu a.MegaMenuLinkOff:link, .MegaMenu a.MegaMenuLinkOff:visited {
  z-index: 1000; }
/* line 342, ../sass/style.scss */
.MegaMenu a.MegaMenuLinkActive:link, .MegaMenu a.MegaMenuLinkActive:visited {
  color: #c78a49; }

/* line 348, ../sass/style.scss */
a.MegaMenuLinkActive:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 5px solid transparent;
  border-bottom: 5px solid #646464;
  z-index: 106; }

/* line 358, ../sass/style.scss */
.MegaMenu .MegaMenuContent {
  display: none; }

/* line 362, ../sass/style.scss */
#MegaMenuContent, #MegaMenuContentShadow {
  background: #646464;
  border-top: none;
  position: absolute;
  z-index: 105;
  color: #fff;
  padding: 33px 0 28px 0; }

/*Non IE CSS Starts*/
/* line 375, ../sass/style.scss */
html > body .MegaMenu a.MegaMenuLink:link, html > body .MegaMenu a.MegaMenuLink:visited {
  position: relative; }

/* line 382, ../sass/style.scss */
#MegaMenuContent ul, #MegaMenuContentShadow ul {
  width: 1100px;
  margin: 0 auto;
  text-align: center; }

/* line 388, ../sass/style.scss */
#MegaMenuContent .sq li, #MegaMenuContentShadow .sq li {
  width: 135px;
  display: inline-block;
  font-size: 0.9em;
  padding: 0 0 0 20px; }

/* line 395, ../sass/style.scss */
#MegaMenuContent a, #MegaMenuContentShadow a {
  color: #fff; }

/* line 399, ../sass/style.scss */
#MegaMenuContent a:hover, #MegaMenuContentShadow a:hover {
  color: #c78a49; }

/* line 403, ../sass/style.scss */
#MegaMenuContent .sq li a img, #MegaMenuContentShadow .sq li a img {
  display: block;
  margin: 0 0 8px 0; }

/* line 408, ../sass/style.scss */
#MegaMenuContent .news, #MegaMenuContentShadow .news {
  width: 1100px;
  padding: 0 0 0 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: -20px auto 0 auto;
  text-align: left; }

/* line 418, ../sass/style.scss */
#MegaMenuContent .products, #MegaMenuContentShadow .products {
  padding: 0 0 0 90px; }

/* line 422, ../sass/style.scss */
#MegaMenuContent .products li, #MegaMenuContentShadow .products li {
  padding: 0 0 0 12px; }

/* line 428, ../sass/style.scss */
#MegaMenuContent .news li, #MegaMenuContentShadow .news li {
  border-bottom: 1px solid #7c7b79;
  padding: 15px 0;
  display: inline-block; }

/* line 434, ../sass/style.scss */
#MegaMenuContent .news .cat, #MegaMenuContentShadow .news .cat {
  padding: 3px 10px;
  background: #ebe5d7;
  width: 8em;
  display: inline-block;
  text-align: center;
  color: #646464;
  float: left; }

/* line 444, ../sass/style.scss */
#MegaMenuContent .news .date, #MegaMenuContentShadow .news .date {
  padding: 0 20px;
  float: left; }

/* line 449, ../sass/style.scss */
#MegaMenuContent .news li a, #MegaMenuContentShadow .news li a {
  position: relative;
  padding: 0 0 0 10px;
  width: 590px;
  float: left; }

/* line 456, ../sass/style.scss */
#MegaMenuContent .news li a:before, #MegaMenuContentShadow .news li a:before {
  content: "";
  width: 5px;
  height: 5px;
  display: block;
  background: url(../img/top/sec3_bg.png) no-repeat;
  position: absolute;
  top: 4px;
  left: 0; }

/* line 467, ../sass/style.scss */
#MegaMenuContent .shoplist, #MegaMenuContentShadow .shoplist {
  width: 980px;
  padding: 0 0 0 170px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  margin: -20px auto 0 auto; }

/* line 477, ../sass/style.scss */
#MegaMenuContent .shoplist img, #MegaMenuContentShadow .shoplist img {
  float: left; }

/* line 481, ../sass/style.scss */
#MegaMenuContent .shoplist div, #MegaMenuContentShadow .shoplist div {
  float: right;
  width: 500px;
  text-align: center; }

/* line 487, ../sass/style.scss */
#MegaMenuContent .shoplist div p, #MegaMenuContentShadow .shoplist div p {
  margin: 50px 0 0 0;
  text-align: left; }

/* line 492, ../sass/style.scss */
#MegaMenuContent .plus, #MegaMenuContentShadow .plus {
  font-size: 1.2em;
  display: inline-block;
  position: relative;
  margin: 20px 0 0 0; }

/* line 499, ../sass/style.scss */
#MegaMenuContent .plus:before, #MegaMenuContentShadow .plus:before {
  content: "＋";
  padding: 5px;
  border: 1px solid #9e9e9e;
  margin: 0 10px 0 0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

/* line 511, ../sass/style.scss */
#MegaMenuContent .plus:hover:before, #MegaMenuContentShadow .plus:hover:before {
  border: 1px solid #c78a49; }

/*---------------------------------------------------------------
pagetop
---------------------------------------------------------------*/
/* line 519, ../sass/style.scss */
.pageTop {
  display: none;
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  text-align: left; }
  /* line 526, ../sass/style.scss */
  .pageTop a {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 70px;
    height: 70px;
    z-index: 103; }

/*---------------------------------------------------------------
footer
---------------------------------------------------------------*/
/* line 541, ../sass/style.scss */
#footer {
  position: relative;
  z-index: 101;
  background: #646464;
  color: #fff; }
  /* line 546, ../sass/style.scss */
  #footer a {
    color: #fff; }
  /* line 549, ../sass/style.scss */
  #footer .f_link {
    width: 1100px;
    margin: 0 auto;
    padding: 55px 0 120px 0; }
    /* line 553, ../sass/style.scss */
    #footer .f_link:after {
      content: '';
      height: 0;
      display: block;
      clear: both; }
  /* line 560, ../sass/style.scss */
  #footer .f_logo {
    float: left; }
  /* line 563, ../sass/style.scss */
  #footer .sp_f_logo {
    display: none; }
  /* line 567, ../sass/style.scss */
  #footer .address .sp_f_logo2 {
    display: none; }
  /* line 571, ../sass/style.scss */
  #footer .f_link div {
    float: right; }
  /* line 574, ../sass/style.scss */
  #footer .f_link ul:first-child {
    width: 950px;
    display: table;
    table-layout: fixed;
    float: left; }
    /* line 579, ../sass/style.scss */
    #footer .f_link ul:first-child > li {
      display: table-cell;
      font-size: 1.1em; }
      /* line 582, ../sass/style.scss */
      #footer .f_link ul:first-child > li:before {
        content: ' ';
        width: 5px;
        height: 5px;
        background: url(../img/common/f_list_bg.png);
        display: inline-block;
        position: relative;
        top: -3px; }
      /* line 591, ../sass/style.scss */
      #footer .f_link ul:first-child > li li {
        font-size: 0.8em;
        font-weight: normal;
        text-indent: -1em;
        padding: 0 0 0 1em;
        margin: 0 0 18px 0;
        line-height: 1.5; }
        /* line 592, ../sass/style.scss */
        #footer .f_link ul:first-child > li li:first-child {
          margin: 18px 0; }
        /* line 601, ../sass/style.scss */
        #footer .f_link ul:first-child > li li:before {
          content: "・"; }
  /* line 608, ../sass/style.scss */
  #footer .btn_contact {
    line-height: 0px;
    background: #a9a8a8;
    border-radius: 0px 2px 2px 0px;
    position: relative;
    padding: 9px 9px 9px 32px;
    letter-spacing: 0.3em;
    font-size: 12px; }
    /* line 620, ../sass/style.scss */
    #footer .btn_contact:before {
      content: "　";
      position: absolute;
      top: 0px;
      left: -15px;
      padding: 10px;
      width: 36px;
      height: 100%;
      background: url(../img/common/f_btn_contact.png) no-repeat 9px 9px #878686;
      border-radius: 2px 0px 0px 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  /* line 639, ../sass/style.scss */
  #footer .address {
    background: #fffcf4;
    color: #838383;
    font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
    /* line 643, ../sass/style.scss */
    #footer .address div {
      width: 1100px;
      margin: 0 auto;
      display: table;
      padding: 24px 0; }
      /* line 648, ../sass/style.scss */
      #footer .address div:after {
        content: '';
        height: 0;
        display: block;
        clear: both; }
    /* line 655, ../sass/style.scss */
    #footer .address a {
      display: table-cell;
      width: 155px; }
    /* line 659, ../sass/style.scss */
    #footer .address address {
      display: table-cell;
      vertical-align: middle;
      padding: 0 0 0 24px; }
  /* line 665, ../sass/style.scss */
  #footer small {
    background: #282828;
    padding: 24px 0;
    text-align: center;
    color: #838383;
    width: 100%;
    display: block; }

@media screen and (max-width: 736px) {
  /* line 676, ../sass/style.scss */
  #footer .f_link {
    width: 100%;
    padding: 55px 20px 55px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 687, ../sass/style.scss */
  #footer .f_logo {
    display: none; }
  /* line 690, ../sass/style.scss */
  #footer .sp_f_logo {
    display: block; } }
@media screen and (max-width: 736px) {
  /* line 698, ../sass/style.scss */
  #footer .address .f_logo2 {
    display: none; }
  /* line 701, ../sass/style.scss */
  #footer .address .sp_f_logo2 {
    display: block; } }
@media screen and (max-width: 736px) {
  /* line 708, ../sass/style.scss */
  #footer .f_link ul:first-child {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 714, ../sass/style.scss */
  #footer .address div {
    width: 100%;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 725, ../sass/style.scss */
  #footer .address address {
    display: block;
    padding: 10px 0; } }
/*------------------------------------------------------------------------




contentsページ共通





------------------------------------------------------------------------*/
/* line 744, ../sass/style.scss */
.tit {
  width: 100%;
  height: 280px;
  background-size: cover !important;
  position: fixed;
  top: 0;
  left: 0; }

@media screen and (max-width: 736px) {
  /* line 755, ../sass/style.scss */
  .tit {
    position: static;
    height: 140px; } }
/* line 761, ../sass/style.scss */
#contents {
  position: relative;
  z-index: 102;
  background: #fffcf4;
  padding: 0 0 100px 0; }

/* line 768, ../sass/style.scss */
#breadcrumb {
  width: 1100px;
  margin: 0 auto;
  text-align: right;
  padding: 12px 0; 
  font-size: 0.9em; }
  /* line 773, ../sass/style.scss */
  #breadcrumb li {
    display: inline;
    }

@media screen and (max-width: 736px) {
  /* line 780, ../sass/style.scss */
  #breadcrumb {
    display: none; } }
/* line 785, ../sass/style.scss */
#contents h1 {
  font-size: 2.5em;
  letter-spacing: 0.2em;
  text-align: center;
  padding: 37px 0px 60px 0px; }
  /* line 790, ../sass/style.scss */
  #contents h1 span {
    display: block;
    font-size: 0.4em;
    padding: 10px 0 0px 0;
    letter-spacing: 0.15em; }

@media screen and (max-width: 736px) {
  /* line 799, ../sass/style.scss */
  #contents h1 {
    font-size: 1.5em;
    padding: 30px 0px; } }
/*------------------------------------------------------------------------




top





------------------------------------------------------------------------*/
/* line 819, ../sass/style.scss */
#top #slider_wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
/* line 825, ../sass/style.scss */
#top #slider {
  width: 100%; }
  /* line 827, ../sass/style.scss */
  #top #slider .slider {
    width: 100%;
    height: 100%;
    position: fixed; }
    /* line 831, ../sass/style.scss */
    #top #slider .slider div {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      position: absolute; }
  /* line 840, ../sass/style.scss */
  #top #slider .image1 {
    background-image: url(../img/top/image01.jpg); }
  /* line 843, ../sass/style.scss */
  #top #slider .image2 {
    background-image: url(../img/top/image02.jpg); }
  /* line 846, ../sass/style.scss */
  #top #slider .image3 {
    background-image: url(../img/top/image03.jpg); }
  /* line 849, ../sass/style.scss */
  #top #slider .image4 {
    background-image: url(../img/top/image04.jpg); }
  /* line 852, ../sass/style.scss */
  #top #slider .image5 {
    background-image: url(../img/top/image05.jpg); }
  /* line 855, ../sass/style.scss */
  #top #slider div[class^="image"] {
    background-position: center top;
    background-size: cover; }
  /* line 860, ../sass/style.scss */
  #top #slider .active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important; }
/* line 867, ../sass/style.scss */
#top #slider_wrap .mv_con {
  position: absolute;
  z-index: 102;
  bottom: 20px;
  width: 100%; }
  /* line 872, ../sass/style.scss */
  #top #slider_wrap .mv_con div {
    width: 1100px;
    margin: 0 auto;
    position: relative; }
/* line 878, ../sass/style.scss */
#top #slider_wrap #bnrWrap {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  height: 100vh; }
/* line 884, ../sass/style.scss */
#top #slider_wrap #pickup {
  position: absolute;
  bottom: 100px;
  right: 0;
  width: 441px; }
  /* line 889, ../sass/style.scss */
  #top #slider_wrap #pickup:hover {
    opacity: 0.7; }
/* line 894, ../sass/style.scss */
#top #slider_wrap .mv_con div:after {
  content: '';
  height: 0;
  display: block;
  clear: both; }
/* line 900, ../sass/style.scss */
#top #slider_wrap .mv_con .arrowIcon {
  float: left;
  margin: 0 0 -20px 0;
  position: relative; }
/* line 907, ../sass/style.scss */
#top .prompt {
  position: relative;
  z-index: 102;
  float: left;
  margin: 20px 0 0 30px;
  letter-spacing: 0.3em; }
/* line 915, ../sass/style.scss */
#top #slider_wrap .mv_con .news {
  width: 640px;
  float: right;
  display: table; }
/* line 921, ../sass/style.scss */
#top #slider_wrap .news h2 {
  display: table-cell;
  color: #fff;
  background: #646464;
  letter-spacing: 0.2em;
  width: 4em;
  padding: 1em; }
/* line 929, ../sass/style.scss */
#top #slider_wrap .news .ticker {
  display: table-cell;
  background: #fffefa;
  position: relative;
  overflow: hidden; }
  /* line 934, ../sass/style.scss */
  #top #slider_wrap .news .ticker ul {
    width: 100%; }
    /* line 936, ../sass/style.scss */
    #top #slider_wrap .news .ticker ul li {
      width: 100%;
      display: none;
      padding: 1em; }
      /* line 940, ../sass/style.scss */
      #top #slider_wrap .news .ticker ul li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
/* line 950, ../sass/style.scss */
#top #content {
  position: relative;
  z-index: 102;
  min-width: 1100px;
  /* background: #fffcf4; */ }
/* line 957, ../sass/style.scss */
#top [id^="sec"] h2 {
  letter-spacing: 0.2em;
  font-size: 2.5em;
  text-align: center; }
/* line 962, ../sass/style.scss */
#top [id^="sec"] .lead {
  font-weight: bold;
  letter-spacing: 0.4em;
  font-size: 1.3em;
  text-align: center;
  padding: 50px 0 40px 0; }
/* line 969, ../sass/style.scss */
#top [id^="sec"] .plus {
  font-size: 1.4em;
  display: inline-block;
  position: relative;
  left: 50%;
    border: 1px solid #ccc;
    background: #fff;
    height: auto;
    padding: .8em 1.5em;
}
  /* line 974, ../sass/style.scss */
  #top [id^="sec"] .plus:before {
    content: "＋";
    padding: 5px;
    border: 1px solid #646;
    margin: 0 10px 0 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: none;
}
  /* line 985, ../sass/style.scss */
  #top [id^="sec"] .plus:hover:before {
    border: 1px solid #c78a49; }
/* line 990, ../sass/style.scss */
#top #sec1 {
  width: 100%;
  background: url(../img/top/sec1_img1.jpg) no-repeat center top;
  background-size: cover;
  padding: 75px 0; }
  /* line 996, ../sass/style.scss */
  #top #sec1 .con {
    width: 447px;
    background: rgba(255, 255, 255, 0.85);
    margin: 0 auto;
    padding: 64px 40px 57px 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0; }
    /* line 1004, ../sass/style.scss */
    #top #sec1 .con div {
      opacity: 0;
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      position: relative;
      top: -20px; }
  /* line 1012, ../sass/style.scss */
  #top #sec1 .txt {
    font-size: 1.2em;
    padding: 50px 0 20px 0; }
  /* line 1016, ../sass/style.scss */
  #top #sec1 div p {
    text-align: center; }
  /* line 1019, ../sass/style.scss */
  #top #sec1 .plus {
    margin: 20px 0 0 -4em; }
/* line 1023, ../sass/style.scss */
#top #sec2 {
  margin: 400px 0 0 0;
  padding: 78px 0 0 0;
  background: #fffcf4; }
  /* line 1027, ../sass/style.scss */
  #top #sec2 h2 {
    padding: 0 0 60px 0; }
  /* line 1030, ../sass/style.scss */
  #top #sec2 .link {
    width: 1100px;
    margin: 0 auto; }
    /* line 1033, ../sass/style.scss */
    #top #sec2 .link:after {
      content: '';
      height: 0;
      display: block;
      clear: both; }
  /* line 1040, ../sass/style.scss */
  #top #sec2 .plus {
    left: auto;
    float: right;
    margin: -5em 0 0 0; }
  /* line 1045, ../sass/style.scss */
  #top #sec2 .detail:before {
    content: "";
    background: url(../img/top/sec2_detail.png) no-repeat;
    width: 15px;
    height: 14px;
    display: inline-block;
    margin: 0 5px 0 0; }
  /* line 1053, ../sass/style.scss */
  #top #sec2 .cat {
    display: table;
    table-layout: fixed;
    width: 100%;
    float: left; }
    /* line 1058, ../sass/style.scss */
    #top #sec2 .cat li {
      display: table-cell;
      position: relative; }
      /* line 1061, ../sass/style.scss */
      #top #sec2 .cat li img {
        width: 100%;
        height: auto; }
      /* line 1065, ../sass/style.scss */
      #top #sec2 .cat li span {
        position: absolute;
        bottom: 1em;
        left: 10px;
        text-shadow: 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff; }
        /* line 1070, ../sass/style.scss */
      #top #sec2 .cat li:hover span {
		  text-shadow: none;}
        #top #sec2 .cat li span:before {
          content: "";
          width: 5px;
          height: 5px;
          display: inline-block;
          float: left;
          background: url(../img/top/sec2_tit_bg.png) no-repeat;
          position: relative;
          margin: 3px 8px 0 0; }
      /* line 1081, ../sass/style.scss */
      #top #sec2 .cat li div {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        color: #fff; }
        /* line 1096, ../sass/style.scss */
        #top #sec2 .cat li div h3 {
          font-size: 1.5em;
          margin: 0 0 13px 0;
          font-weight: bold; }
@media screen and (max-width: 736px){
	#top #sec2 .cat {display:flex; flex-wrap:wrap;}
	#top #sec2 .cat li {display:none;width:calc(100% / 2);}
	#top #sec2 .cat :is(li:nth-child(1), li:nth-child(2), li:nth-child(3), li:nth-child(4)){display:block;}
}
  /* line 1104, ../sass/style.scss */
  #top #sec2 .infiniteslide {
    clear: both; }
    /* line 1106, ../sass/style.scss */
    #top #sec2 .infiniteslide li {
      margin: 0 0 0 1px;
      overflow: hidden; }
      /* line 1109, ../sass/style.scss */
      #top #sec2 .infiniteslide li img {
        -webkit-transition: 0.5s;
        transition: 0.5s; }
        /* line 1111, ../sass/style.scss */
        #top #sec2 .infiniteslide li img:hover {
          -moz-transform: scale(1.1, 1.1);
          -webkit-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1); }
/* line 1121, ../sass/style.scss */
#top #sec3 {
  margin: 400px 0 0 0;
  padding: 80px 0 80px 0;
  background: rgba(255, 255, 255, 0.85); }
  /* line 1125, ../sass/style.scss */
  #top #sec3 ul {
    width: 860px;
    margin: 50px auto; }
  /* line 1129, ../sass/style.scss */
  #top #sec3 li {
    border-bottom: 1px solid #eae6dd;
    padding: 15px 0;
    display: inline-block;
    width: 100%; }
  /* line 1135, ../sass/style.scss */
  #top #sec3 .cat {
    padding: 3px 10px;
    background: #ebe5d7;
    width: 8em;
    display: inline-block;
    text-align: center;
    float: left; }
  /* line 1143, ../sass/style.scss */
  #top #sec3 .date {
    padding: 0 20px;
    float: left; }
  /* line 1147, ../sass/style.scss */
  #top #sec3 li a {
    position: relative;
    padding: 0 0 0 10px;
    width: 590px;
    float: left; }
    /* line 1152, ../sass/style.scss */
    #top #sec3 li a:before {
      content: "";
      width: 5px;
      height: 5px;
      display: block;
      background: url(../img/top/sec3_bg.png) no-repeat;
      position: absolute;
      top: 4px;
      left: 0; }
  /* line 1163, ../sass/style.scss */

@media screen and (max-width: 736px) {
  /* line 1170, ../sass/style.scss */
  #top #slider_wrap {
    position: static; } }
@media screen and (max-width: 736px) {
  /* line 1176, ../sass/style.scss */
  #top #slider .slider {
    width: 100%;
    height: 100%;
    position: relative; }
    /* line 1180, ../sass/style.scss */
    #top #slider .slider div {
      width: 100%;
      height: 100%;
      position: relative; } }
@media screen and (max-width: 736px) {
  /* line 1189, ../sass/style.scss */
  #top #slider_wrap .mv_con {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 1196, ../sass/style.scss */
  #top #slider_wrap #bnrWrap {
    width: 100%;
    height: auto;
    z-index: 100; }
  /* line 1201, ../sass/style.scss */
  #top #slider_wrap #pickup {
    bottom: -140px;
    width: 100%; }
    /* line 1204, ../sass/style.scss */
    #top #slider_wrap #pickup img {
      width: 100%; } }
/* fuwafuwaっていうアニメーションはこんなふうだよ！
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
*/
/*------------------------
content
------------------------*/
@media screen and (max-width: 736px) {
  /* line 1229, ../sass/style.scss */
  #top #content {
    width: 100%;
    min-width: 100%;
    margin-top: 140px; } }
@media screen and (max-width: 736px) {
  /* line 1237, ../sass/style.scss */
  #top [id^="sec"] h2 {
    font-size: 2em; } }
@media screen and (max-width: 736px) {
  /* line 1243, ../sass/style.scss */
  #top [id^="sec"] .lead {
    padding: 20px 0; } }
/*------------------------
sec1
------------------------*/
@media screen and (max-width: 736px) {
  /* line 1253, ../sass/style.scss */
  #top #sec1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px; } }
@media screen and (max-width: 736px) {
  /* line 1262, ../sass/style.scss */
  #top #sec1 .con {
    width: 100%;
    padding: 45px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 1272, ../sass/style.scss */
  #top #sec1 .con div {
    top: 0; } }
@media screen and (max-width: 736px) {
  /* line 1278, ../sass/style.scss */
  #top #sec1 .plus {
    margin: 40px 0 0 -4em; } }
/*------------------------
sec2
------------------------*/
@media screen and (max-width: 736px) {
  /* line 1288, ../sass/style.scss */
  #top #sec2 {
    margin: 0; } }
@media screen and (max-width: 736px) {
  /* line 1294, ../sass/style.scss */
  #top #sec2 .link {
    width: 100%; } }
@media screen and (max-width: 736px) {
  /* line 1300, ../sass/style.scss */
  #top #sec2 .plus {
    left: 50%;
    float: none;
    margin: -5em 0 20px -4em; } }
@media screen and (max-width: 736px) {
  /* line 1308, ../sass/style.scss */
  #top #sec2 .detail {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 1314, ../sass/style.scss */
  #top #sec2 .cat {
    width: 100%;
    float: none; } }
@media screen and (max-width: 736px) {
  /* line 1321, ../sass/style.scss */
  #top #sec2 .cat li span {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    font-size: 12px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-shadow: none; } }
@media screen and (max-width: 736px) {
  /* line 1337, ../sass/style.scss */
  #top #sec2 .cat li span:before {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 1343, ../sass/style.scss */
  #top #sec2 .cat li div {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 1349, ../sass/style.scss */
  #top #sec2 .infiniteslide {
    display: none; } }
/*------------------------
sec3
------------------------*/
@media screen and (max-width: 736px) {
  /* line 1359, ../sass/style.scss */
  #top #sec3 {
    margin: 0;
    padding: 50px 0; } }
@media screen and (max-width: 736px) {
  /* line 1366, ../sass/style.scss */
  #top #sec3 ul {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; } }
@media screen and (max-width: 736px) {
  /* line 1376, ../sass/style.scss */
  #top #sec3 .cat {
    padding: 3px 5px; } }
@media screen and (max-width: 736px) {
  /* line 1382, ../sass/style.scss */
  #top #sec3 li a {
    clear: both;
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 0 10px 10px; } }
@media screen and (max-width: 736px) {
  /* line 1395, ../sass/style.scss */
  #top #sec3 li a:before {
    top: 14px; } }
/*---------------------------------------------------------------



product



---------------------------------------------------------------*/
/* line 1411, ../sass/style.scss */
#product .tit {
  background: url(../img/products/title.jpg) center top; }
/* line 1414, ../sass/style.scss */
#product.index #c_nav_col {
  background: #ebedec;
  min-height: 600px; }
/* line 1418, ../sass/style.scss */
#product .sp_c_nav {
  display: none; }
/* line 1421, ../sass/style.scss */
#product.index #c_nav_col .c_nav {
  position: relative;
  width: 1100px;
  margin: 0 auto; }
/* line 1426, ../sass/style.scss */
#product.detail #contents nav, #product.index #c_nav_col .menu {
  position: relative;
  z-index: 2;
  width: 200px;
  border: 1px solid #d7d7d7;
  height: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/* line 1436, ../sass/style.scss */
#product.detail #contents nav div, #product.index #c_nav_col .menu div {
  padding: 12px 13px;
  line-height: 0; }
/* line 1440, ../sass/style.scss */
#product.detail #contents nav ul[class^="menu"], #product.index #c_nav_col .menu ul[class^="menu"] {
  position: absolute;
  top: 125px;
  left: 0; }
/* line 1445, ../sass/style.scss */
#product.detail #contents nav a, #product.index #c_nav_col .menu a {
  display: block; }
/* line 1448, ../sass/style.scss */
#product.detail #contents nav a:hover, #product.index #c_nav_col .menu a:hover {
  background: #fff; }
/* line 1451, ../sass/style.scss */
#product.detail #contents nav h2, #product.index #c_nav_col .menu h2 {
  margin: 0 0 8px 0; }
/* line 1454, ../sass/style.scss */
#product.detail #contents nav div ul, #product.index #c_nav_col .menu div ul {
  width: 100%;
  display: inline-block; }
/* line 1458, ../sass/style.scss */
#product.detail #contents nav div li, #product.index #c_nav_col .menu div li {
  float: left;
  border: 1px solid #d7d7d7; }
/* line 1462, ../sass/style.scss */
#product.detail #contents nav div li:first-child, #product.index #c_nav_col .menu div li:first-child {
  margin: 0 2px 0 0; }
/* line 1465, ../sass/style.scss */
#product.detail #contents nav > ul li, #product.index #c_nav_col .menu > ul li {
  border-top: 1px solid #d7d7d7; }
/* line 1469, ../sass/style.scss */
#product.detail #contents nav > div li a.select, #product.detail #contents nav > ul li a.hover {
  background: #fff; }
/* line 1476, ../sass/style.scss */
#product.index #c_nav_col .menu > div li a.select, #product.index #c_nav_col .menu > ul li a.hover {
  background: #fff; }
/* line 1480, ../sass/style.scss */
#product.index #c_nav_col .con {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0; }
  /* line 1485, ../sass/style.scss */
  #product.index #c_nav_col .con [class^="con"] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 1100px;
    height: 600px; }
    /* line 1492, ../sass/style.scss */
    #product.index #c_nav_col .con [class^="con"] div {
      width: 250px;
      padding: 15px 20px;
      position: absolute;
      top: 50px;
      right: 10px;
      background: rgba(255, 255, 255, 0.8); }
      /* line 1499, ../sass/style.scss */
      #product.index #c_nav_col .con [class^="con"] div h3 {
        font-weight: bold;
        color: #8e8e8e;
        font-size: 1.2em;
        font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        padding: 0 0 13px 0; }
      /* line 1506, ../sass/style.scss */
      #product.index #c_nav_col .con [class^="con"] div p {
        line-height: 1.5; }
/* line 1513, ../sass/style.scss */
#product.index .section_wrap {
  position: relative; }
  /* line 1515, ../sass/style.scss */
  #product.index .section_wrap [id^="menu"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
/* line 1523, ../sass/style.scss */
#product.index [id^="menu"] .sec_wrap {
  width: 100%;
  display: inline-block;
  margin: -2.5em 0 0 0;
  padding: 2.5em 0px 0 0; }
  /* line 1528, ../sass/style.scss */
  #product.index [id^="menu"] .sec_wrap h2 {
    width: 100%;
    text-align: center;
    font-size: 1.7em;
    background: #fff;
    padding: 60px 0 55px 0;
    margin: 0 0 30px 0; }
    /* line 1535, ../sass/style.scss */
    #product.index [id^="menu"] .sec_wrap h2 span {
      display: block;
      margin: 10px 0 0 0;
      font-size: 0.7em; }
/* line 1542, ../sass/style.scss */
#product.index [id^="menu"] .section {
  width: 1100px;
  margin: 0 auto; }

@media screen and (max-width: 736px) {
  /* line 1551, ../sass/style.scss */
  #product.index #c_nav_col {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 1557, ../sass/style.scss */
  #product .sp_c_nav {
    display: block; }
    /* line 1559, ../sass/style.scss */
    #product .sp_c_nav .sp_menu {
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 1564, ../sass/style.scss */
      #product .sp_c_nav .sp_menu:after {
        content: '';
        height: 0;
        display: block;
        clear: both; }
      /* line 1570, ../sass/style.scss */
      #product .sp_c_nav .sp_menu li {
        float: left;
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        /* line 1576, ../sass/style.scss */
        #product .sp_c_nav .sp_menu li a {
          border-top: 1px solid #d7d7d7;
          border-right: 1px solid #d7d7d7;
          border-left: 1px solid #d7d7d7;
          width: 100%;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center;
          font-size: 1.1em;
          font-weight: bold;
          padding: 7px 0px; }
          /* line 1589, ../sass/style.scss */
          #product .sp_c_nav .sp_menu li a.select {
            background: #fff;
            display: inline-block; }
        /* line 1594, ../sass/style.scss */
        #product .sp_c_nav .sp_menu li:nth-of-type(1) {
          padding: 0 2px 0 0; }
        /* line 1597, ../sass/style.scss */
        #product .sp_c_nav .sp_menu li:nth-of-type(2) {
          padding: 0 0 0 2px; }
    /* line 1603, ../sass/style.scss */
    #product .sp_c_nav > ul[class^="sp_menu"] {
      background: #fff;
      border-top: 1px solid #d7d7d7;
      border-bottom: 1px solid #d7d7d7;
      width: 100%;
      display: inline-block; }
      /* line 1609, ../sass/style.scss */
      #product .sp_c_nav > ul[class^="sp_menu"]:after {
        content: '';
        height: 0;
        display: block;
        clear: both; }
      /* line 1615, ../sass/style.scss */
      #product .sp_c_nav > ul[class^="sp_menu"] li {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #d7d7d7; }
        /* line 1622, ../sass/style.scss */
        #product .sp_c_nav > ul[class^="sp_menu"] li:nth-of-type(odd) {
          border-right: 1px solid #d7d7d7;
          clear: both; }
        /* line 1626, ../sass/style.scss */
        #product .sp_c_nav > ul[class^="sp_menu"] li:nth-last-of-type(1) {
          border-bottom: none; }
    /* line 1631, ../sass/style.scss */
    #product .sp_c_nav > ul.sp_menu1 li:nth-last-of-type(2) {
      border-bottom: none; }
    /* line 1634, ../sass/style.scss */
    #product .sp_c_nav > ul[class^="sp_menu"] li a {
      padding: 9px 20px;
      display: block;
      position: relative; }
      /* line 1638, ../sass/style.scss */
      #product .sp_c_nav > ul[class^="sp_menu"] li a:before {
        content: "";
        width: 5px;
        height: 5px;
        display: block;
        position: absolute;
        margin: auto 0;
        top: 0;
        bottom: 0;
        left: 10px;
        background: url(../img/common/nav_bg.png) no-repeat; } }
@media screen and (max-width: 736px) {
  /* line 1656, ../sass/style.scss */
  #product.index .section_wrap {
    width: 100%;
    display: inline-block; } }
@media screen and (max-width: 736px) {
  /* line 1663, ../sass/style.scss */
  #product.index .section_wrap [id^="menu"] {
    position: static; } }
@media screen and (max-width: 736px) {
  /* line 1669, ../sass/style.scss */
  #product.index [id^="menu"] .sec_wrap {
    margin: 10px 0 0 0;
    padding: 0; } }
@media screen and (max-width: 736px) {
  /* line 1676, ../sass/style.scss */
  #product.index [id^="menu"] .sec_wrap h2 {
    font-size: 1.4em;
    padding: 30px 0;
    margin: 0 0 10px 0; } }
/* line 1683, ../sass/style.scss */
.sec_wrap .section div .new {
  position: absolute;
  top: 0;
  left: 0; }

@media screen and (max-width: 736px) {
  /* line 1690, ../sass/style.scss */
  #product.index [id^="menu"] .section {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
/* line 1701, ../sass/style.scss */
#product.index [id^="menu"] .section div {
  width: 200px;
  float: left;
  margin: 0 25px 50px 0;
  position: relative; }
/* line 1707, ../sass/style.scss */
#product.index [id^="menu"] .section .img {
  width: 200px;
  overflow: hidden;
  display: block; }
  /* line 1711, ../sass/style.scss */
  #product.index [id^="menu"] .section .img img {
    -webkit-transition: 0.5s;
    transition: 0.5s; }
/* line 1716, ../sass/style.scss */
#product.index [id^="menu"] .section div img:hover {
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1); }
/* line 1722, ../sass/style.scss */
#product.index [id^="menu"] .section div:nth-of-type(5n) {
  margin: 0 0 50px 0; }
/* line 1725, ../sass/style.scss */
#product.index [id^="menu"] .section div:nth-of-type(5n+1) {
  clear: both; }
/* line 1729, ../sass/style.scss */
#product.index [id^="menu"] .section h3 {
  font-size: 1.1em;
  font-weight: bold;
  padding: 17px 0 10px 0;
  letter-spacing: 0; 
  line-height: 1.3;}
/* line 1735, ../sass/style.scss */
#product.index [id^="menu"] .section dl {
  font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 0.85em;
  letter-spacing: 0em;
  line-height: 1.4;
  display: table;
  width: 100%; }
/* line 1743, ../sass/style.scss */
#product.index [id^="menu"] .section dt {
  display: table-cell;
  width: 3.5em; }
/* line 1747, ../sass/style.scss */
#product.index [id^="menu"] .section dd {
  display: table-cell; }
/* line 1752, ../sass/style.scss */
#product.detail article {
  width: 1100px;
  margin: 0 auto; }
  /* line 1755, ../sass/style.scss */
  #product.detail article:after {
    content: '';
    height: 0;
    display: block;
    clear: both; }
/* line 1762, ../sass/style.scss */
#product.detail #pimg {
  width: 870px; }
  @media screen and (max-width: 736px) {
    /* line 1762, ../sass/style.scss */
    #product.detail #pimg {
      width: 100%; } }
  /* line 1767, ../sass/style.scss */
  #product.detail #pimg .btn {
    clear: both;
    text-align: center; }
    /* line 1770, ../sass/style.scss */
    #product.detail #pimg .btn a {
      color: #fff;
      background: #c78a49;
      font-size: 1.2rem;
      padding: 20px 90px;
      display: inline-block;
      margin-bottom: 20px; }
/* line 1780, ../sass/style.scss */
#product.detail #contents nav {
  float: left;
  height: 601px; }
  /* line 1783, ../sass/style.scss */
  #product.detail #contents nav li a {
    background: #fffcf4; }
/* line 1787, ../sass/style.scss */
#product.detail .con_col {
  float: right;
  width: 870px; }
  /* line 1790, ../sass/style.scss */
  #product.detail .con_col h2 {
    background: url(../img/common/tit_bg.png) repeat-y 8px #646464;
    color: #fff;
    font-size: 1.4em;
    padding: 13px 0 13px 30px;
    margin: 0 0 10px 0; }
/* line 1798, ../sass/style.scss */
#product.detail #viewer {
  width: 580px;
  height: 580px;
  overflow: hidden;
  position: relative;
  float: left; }
  /* line 1804, ../sass/style.scss */
  #product.detail #viewer img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: auto; }
/* line 1812, ../sass/style.scss */
#product.detail #sec1 .con {
  float: right;
  width: 270px; }
/* line 1816, ../sass/style.scss */
#product.detail #thumbnail {
  width: 100%;
  display: inline-block;
  margin: 30px 0 0 0; }
  /* line 1820, ../sass/style.scss */
  #product.detail #thumbnail li {
    width: 53px;
    float: left;
    border: 1px solid #e5e2db;
    margin: 0 10px 10px 0; }
    /* line 1825, ../sass/style.scss */
    #product.detail #thumbnail li img {
      width: 53px;
      height: 53px; }
  /* line 1830, ../sass/style.scss */
  #product.detail #thumbnail .active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important; }
/* line 1837, ../sass/style.scss */
#product.detail #sec1 .ex {
  margin: 0 0 20px 0;
  line-height: 1.7em;
  font-size: 1.1em; }
/* line 1842, ../sass/style.scss */
#product.detail #sec1 .wash {
  margin: 0 0 20px 0;
  width: 100%;
  display: table;
  vertical-align: top; }
  /* line 1847, ../sass/style.scss */
  #product.detail #sec1 .wash img {
    margin: 0 5px 0 0; }
  /* line 1850, ../sass/style.scss */
  #product.detail #sec1 .wash > span {
    border-radius: 5px 5px;
    background: #f2ebd9;
    border: 1px solid #d8cfb7;
    text-align: center;
    font-size: 0.8em;
    display: inline-block;
    width: 3.5em;
    height: 3.5em;
    position: relative;
    letter-spacing: 0; }
  /* line 1866, ../sass/style.scss */
  #product.detail #sec1 .wash span span {
    position: absolute;
    width: 3.5em;
    height: 1.8em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block; }
/* line 1878, ../sass/style.scss */
#product.detail #sec1 dl {
  font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  display: table;
  width: 100%;
  margin: 0 0 12px 0; }
/* line 1884, ../sass/style.scss */
#product.detail #sec1 dt {
  display: table-cell;
  width: 3.5em; }
/* line 1888, ../sass/style.scss */
#product.detail #sec1 dd {
  display: table-cell; }
/* line 1891, ../sass/style.scss */
#product.detail #sec1 dl.price {
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px solid #e0dbcf;
  padding: 0 0 9px 0;
  margin: 0 0 16px 0; }
/* line 1899, ../sass/style.scss */
#product.detail #sec2 {
  width: 100%;
  display: inline-block; }
  /* line 1902, ../sass/style.scss */
  #product.detail #sec2 h3 {
    margin: 25px 0;
    background: #f4f0e6;
    padding: 8px 0 8px 10px;
    font-weight: bold; }
    /* line 1907, ../sass/style.scss */
    #product.detail #sec2 h3:before {
      content: "";
      background: url(../img/products/stit_bg.png) no-repeat;
      width: 5px;
      height: 5px;
      display: block;
      float: left;
      margin: 3px 7px 0 0; }
/* line 1919, ../sass/style.scss */
#product.detail .postnav a {
  width: 250px;
  color: #fff;
  border-top: 2px solid #696767;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  z-index: 104;
  display: table; }
  /* line 1931, ../sass/style.scss */
  #product.detail .postnav a.next {
    padding: 12px 12px 12px 33px;
    right: -250px;
    background: url(../img/products/btn_next.png) no-repeat 13px 46% #333231; }
  /* line 1936, ../sass/style.scss */
  #product.detail .postnav a.prev {
    padding: 12px 33px 12px 12px;
    left: -250px;
    background: url(../img/products/btn_prev.png) no-repeat 227px 46% #333231; }
/* line 1942, ../sass/style.scss */
#product.detail .postnav span {
  display: table-cell;
  vertical-align: middle; }
  /* line 1945, ../sass/style.scss */
  #product.detail .postnav span.pic {
    width: 80px; }
  /* line 1948, ../sass/style.scss */
  #product.detail .postnav span.txt {
    line-height: 1.2; }
/* line 1952, ../sass/style.scss */
#product.detail .postnav a img {
  width: 80px;
  height: auto;
  float: left;
  margin: 0 12px 0 0; }

@media screen and (max-width: 736px) {
  /* line 1963, ../sass/style.scss */
  #product.index [id^="menu"] .section div {
    width: 48%;
    margin: 0 0 20px 0; } }
@media screen and (max-width: 736px) {
  /* line 1971, ../sass/style.scss */
  #product.index [id^="menu"] .section .img {
    width: 100%; }
  /* line 1975, ../sass/style.scss */
  #product.index [id^="menu"] .section div img {
    width: 100%;
    height: auto; }
  /* line 1979, ../sass/style.scss */
  #product.index [id^="menu"] .section div .new {
    width: 30%;
    height: auto; } }
@media screen and (max-width: 736px) {
  /* line 1989, ../sass/style.scss */
  #product.index [id^="menu"] .section div:nth-of-type(5n+1) {
    clear: none; }
  /* line 1992, ../sass/style.scss */
  #product.index [id^="menu"] .section div:nth-of-type(odd) {
    clear: both; }
  /* line 1995, ../sass/style.scss */
  #product.index [id^="menu"] .section div:nth-of-type(even) {
    float: right; } }
/**/
@media screen and (max-width: 736px) {
  /* line 2004, ../sass/style.scss */
  #product.detail article {
    width: 100%; } }
@media screen and (max-width: 736px) {
  /* line 2010, ../sass/style.scss */
  #product.detail #contents nav {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2016, ../sass/style.scss */
  #product.detail .con_col {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0px 0; } }
@media screen and (max-width: 736px) {
  /* line 2028, ../sass/style.scss */
  #product.detail #viewer {
    width: 100%; } }
@media screen and (max-width: 736px) {
  /* line 2034, ../sass/style.scss */
  #product.detail #viewer img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2041, ../sass/style.scss */
  #product.detail #sec1 .con {
    width: 100%;
    float: none;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; } }
@media screen and (max-width: 736px) {
  /* line 2058, ../sass/style.scss */
  #product.detail #thumbnail {
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 10px 0 0 0; } }
@media screen and (max-width: 736px) {
  /* line 2069, ../sass/style.scss */
  #product.detail #sec1 .ex {
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }
@media screen and (max-width: 736px) {
  /* line 2079, ../sass/style.scss */
  #product.detail #sec1 .wash {
    -moz-order: 3;
    -ms-order: 3;
    -o-order: 3;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; } }
@media screen and (max-width: 736px) {
  /* line 2089, ../sass/style.scss */
  #product.detail #sec1 dl {
    -moz-order: 4;
    -ms-order: 4;
    -o-order: 4;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; } }
@media screen and (max-width: 736px) {
  /* line 2099, ../sass/style.scss */
  #product.detail .postnav {
    display: none; } }
/*---------------------------------------------------------------

about

---------------------------------------------------------------*/
/* line 2111, ../sass/style.scss */
#about .tit {
  background: url(../img/about/title.jpg) center top; }
/* line 2114, ../sass/style.scss */
#about h2 {
  font-size: 2.5em;
  letter-spacing: 0.2em;
  text-align: center;
  padding: 75px 0px; }
  /* line 2119, ../sass/style.scss */
  #about h2 span {
    display: block;
    font-size: 0.4em;
    padding: 10px 0 0px 0;
    letter-spacing: 0.15em; }
/* line 2127, ../sass/style.scss */
#about section > div:after, #about section:after {
  content: '';
  height: 0;
  display: block;
  clear: both; }
/* line 2134, ../sass/style.scss */
#about #sec1 {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 100px 0; }
  /* line 2139, ../sass/style.scss */
  #about #sec1 h2 {
    font-size: 1.4em;
    padding: 8px 40px;
    display: inline-block;
    margin: 54px auto;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+8,1+92,0+100 */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(8%, #ffffff), color-stop(92%, #ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-8 */ }
  /* line 2156, ../sass/style.scss */
  #about #sec1 iframe {
    width: 100%;
    height: 280px; }
    @media screen and (max-width: 736px) {
      /* line 2156, ../sass/style.scss */
      #about #sec1 iframe {
        height: 210px; } }
/* line 2164, ../sass/style.scss */
#about #sec2 h2 {
  font-size: 1.4em;
  padding: 8px 40px;
  display: inline-block;
  margin: 54px auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+8,1+92,0+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(8%, #ffffff), color-stop(92%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-8 */ }
/* line 2182, ../sass/style.scss */
#about #sec1 div {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  text-align: center; }
/* line 2188, ../sass/style.scss */
#about #sec1 p {
  width: 500px;
  margin: 0 auto 50px auto;
  text-align: center;
  font-size: 1.2em;
  z-index: 2;
  position: relative; }
/* line 2196, ../sass/style.scss */
#about #sec1 [class^="img"] {
  position: absolute; }
/* line 2199, ../sass/style.scss */
#about #sec1 .img1 {
  top: 120px;
  left: 80px; }
/* line 2203, ../sass/style.scss */
#about #sec1 .img2 {
  top: 227px;
  left: -260px; }
/* line 2207, ../sass/style.scss */
#about #sec1 .img3 {
  top: 252px;
  left: 639px; }
/* line 2211, ../sass/style.scss */
#about #sec1 .img4 {
  top: 100px;
  right: 53px; }
/* line 2215, ../sass/style.scss */
#about #sec1 .img5 {
  top: 350px;
  right: -360px; }
/* line 2219, ../sass/style.scss */
#about #sec1 .img6 {
  top: 800px;
  left: -830px; }
/* line 2223, ../sass/style.scss */
#about #sec1 .img7 {
  top: 900px;
  left: 50px; }
/* line 2228, ../sass/style.scss */
#about #sec2 {
  background: url(../img/about/sec2_bg.jpg) no-repeat;
  background-attachment: fixed; }
  /* line 2231, ../sass/style.scss */
  #about #sec2 div {
    width: 880px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 150px 0;
    overflow: hidden; }
  /* line 2238, ../sass/style.scss */
  #about #sec2 li {
    float: left;
    display: block;
    width: 260px;
    height: 260px;
    color: #fff;
    background: rgba(100, 100, 100, 0.6);
    border-radius: 50% 50%;
    position: relative; }
    /* line 2251, ../sass/style.scss */
    #about #sec2 li:nth-of-type(2) {
      margin: 0 50px; }
    /* line 2255, ../sass/style.scss */
    #about #sec2 li span.col {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 260px;
      height: 3em;
      font-size: 1.7em; }
    /* line 2267, ../sass/style.scss */
    #about #sec2 li span span {
      display: block;
      font-size: 0.7em;
      margin: 10px 0 0 0; }
/* line 2275, ../sass/style.scss */
#about #sec3 {
  background: #fffcf4; }
  /* line 2277, ../sass/style.scss */
  #about #sec3 div {
    width: 1100px;
    margin: 0 auto;
    padding: 124px 0 0 0;
    overflow: hidden; }
  /* line 2283, ../sass/style.scss */
  #about #sec3 p {
    width: 725px;
    position: relative;
    z-index: 2; }
  /* line 2288, ../sass/style.scss */
  #about #sec3 img {
    float: right;
    position: relative;
    margin: -200px 0 106px 0; }
  /* line 2293, ../sass/style.scss */
  #about #sec3 h2 {
    font-size: 1.7em;
    text-align: left;
    padding: 0px 0 45px 0;
    position: relative;
    z-index: 2; }
/* line 2301, ../sass/style.scss */
#about #sec4 {
  background: #fff;
  padding: 70px 0 100px 0; }
  /* line 2304, ../sass/style.scss */
  #about #sec4 h2 {
    background: url(../img/about/sec4_tit.png) no-repeat center top;
    min-height: 229px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 2311, ../sass/style.scss */
  #about #sec4 div {
    width: 1100px;
    margin: 70px auto 0 auto; }
    /* line 2314, ../sass/style.scss */
    #about #sec4 div img {
      float: left;
      margin: 8px 0 0; }
    /* line 2318, ../sass/style.scss */
    #about #sec4 div p {
      float: right;
      width: 655px; }
/* line 2324, ../sass/style.scss */
#about #sec5 {
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 80px 0; }
  /* line 2328, ../sass/style.scss */
  #about #sec5 h2 {
    position: relative;
    z-index: 2; }
  /* line 2332, ../sass/style.scss */
  #about #sec5 h3 {
    position: relative; }
  /* line 2335, ../sass/style.scss */
  #about #sec5 div {
    width: 340px;
    float: left;
    margin: 0 40px 0 0; }
    /* line 2339, ../sass/style.scss */
    #about #sec5 div:last-child {
      margin: 0; }
    /* line 2342, ../sass/style.scss */
    #about #sec5 div p {
      line-height: 1.4; }
      /* line 2343, ../sass/style.scss */
      #about #sec5 div p:nth-of-type(1) {
        font-weight: bold;
        padding: 35px 0; }
/* line 2351, ../sass/style.scss */
#about #sec6 {
  background: #fff;
  padding: 0 0 134px 0; }
  /* line 2354, ../sass/style.scss */
  #about #sec6 div {
    width: 1100px;
    margin: 0 auto; }
    /* line 2357, ../sass/style.scss */
    #about #sec6 div:after {
      content: '';
      height: 0;
      display: block;
      clear: both; }
  /* line 2364, ../sass/style.scss */
  #about #sec6 table {
    width: 510px;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
    /* line 2369, ../sass/style.scss */
    #about #sec6 table:last-child {
      float: right; }
    /* line 2372, ../sass/style.scss */
    #about #sec6 table th {
      padding: 12px 47px 12px 20px;
      border-top: 1px solid #e2e2e2; }
    /* line 2376, ../sass/style.scss */
    #about #sec6 table td {
      padding: 12px 0;
      line-height: 1.6;
      border-top: 1px solid #e2e2e2; }
/* line 2383, ../sass/style.scss */
#about #map {
  width: 100%;
  height: 400px; }
/* line 2387, ../sass/style.scss */
#about #contents {
  padding: 0; }

@media screen and (max-width: 736px) {
  /* line 2393, ../sass/style.scss */
  #about h2 {
    font-size: 1.7em; } }
@media screen and (max-width: 736px) {
  /* line 2399, ../sass/style.scss */
  #about #sec1 {
    padding: 0 0 20px 0; } }
@media screen and (max-width: 736px) {
  /* line 2406, ../sass/style.scss */
  #about #sec1 h2, #about #sec2 h2 {
    margin: 20px 0;
    font-size: 1.2em; } }
@media screen and (max-width: 736px) {
  /* line 2414, ../sass/style.scss */
  #about #sec1 div {
    width: 100%; } }
@media screen and (max-width: 736px) {
  /* line 2420, ../sass/style.scss */
  #about #sec1 p {
    width: 100%;
    font-size: 1em;
    margin: 0 auto 30px auto; } }
@media screen and (max-width: 736px) {
  /* line 2428, ../sass/style.scss */
  #about #sec1 .img1 {
    top: 0;
    left: -70px; }
    /* line 2431, ../sass/style.scss */
    #about #sec1 .img1 img {
      width: 150px;
      height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2439, ../sass/style.scss */
  #about #sec1 .img2 {
    top: 380px;
    left: -90px; }
    /* line 2442, ../sass/style.scss */
    #about #sec1 .img2 img {
      width: 150px;
      height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2450, ../sass/style.scss */
  #about #sec1 .img3 {
    left: 50%;
    margin: 0 0 0 -40px; }
    /* line 2451, ../sass/style.scss */
    #about #sec1 .img3 img {
      width: 80px;
      height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2461, ../sass/style.scss */
  #about #sec1 .img4 {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2467, ../sass/style.scss */
  #about #sec1 .img5 {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2473, ../sass/style.scss */
  #about #sec1 .img6 {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2479, ../sass/style.scss */
  #about #sec1 .img7 {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2485, ../sass/style.scss */
  #about #sec2 {
    background-attachment: scroll;
    background-size: cover; } }
@media screen and (max-width: 736px) {
  /* line 2493, ../sass/style.scss */
  #about #sec2 div {
    width: 100%;
    padding: 25px 0 30px 0; } }
@media screen and (max-width: 736px) {
  /* line 2501, ../sass/style.scss */
  #about #sec2 ul {
    width: 200px;
    margin: 0 auto; }
  /* line 2505, ../sass/style.scss */
  #about #sec2 li {
    width: 200px;
    height: 200px;
    float: none;
    display: inline-block;
    clear: both; } }
@media screen and (max-width: 736px) {
  /* line 2516, ../sass/style.scss */
  #about #sec2 li:nth-of-type(2) {
    margin: 10px 0; } }
@media screen and (max-width: 736px) {
  /* line 2522, ../sass/style.scss */
  #about #sec2 li span.col {
    width: 200px;
    font-size: 1.3em; } }
@media screen and (max-width: 736px) {
  /* line 2529, ../sass/style.scss */
  #about #sec3 div {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 10px 0 10px; } }
@media screen and (max-width: 736px) {
  /* line 2539, ../sass/style.scss */
  #about #sec3 p {
    width: 100%; } }
@media screen and (max-width: 736px) {
  /* line 2545, ../sass/style.scss */
  #about #sec3 img {
    float: none;
    margin: 30px 0;
    width: 100%;
    height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2554, ../sass/style.scss */
  #about #sec3 h2 {
    padding: 0px 0 20px 0;
    font-size: 1.3em; } }
@media screen and (max-width: 736px) {
  /* line 2561, ../sass/style.scss */
  #about #sec4 {
    padding: 45px 0; } }
@media screen and (max-width: 736px) {
  /* line 2567, ../sass/style.scss */
  #about #sec4 h2 {
    width: 200px;
    min-height: 200px;
    margin: 0 auto;
    background-size: 100% auto; } }
@media screen and (max-width: 736px) {
  /* line 2577, ../sass/style.scss */
  #about #sec4 div {
    width: 100%;
    margin: 40px auto 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 2588, ../sass/style.scss */
  #about #sec4 div img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0; } }
@media screen and (max-width: 736px) {
  /* line 2597, ../sass/style.scss */
  #about #sec4 div p {
    float: none;
    width: 100%; } }
@media screen and (max-width: 736px) {
  /* line 2604, ../sass/style.scss */
  #about #sec5 {
    width: 100%;
    padding: 0 10px 40px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 2614, ../sass/style.scss */
  #about #sec5 h2 {
    padding: 40px 0; } }
@media screen and (max-width: 736px) {
  /* line 2620, ../sass/style.scss */
  #about #sec5 div {
    width: 100%;
    float: none;
    margin: 0 0 30px 0; }
    /* line 2624, ../sass/style.scss */
    #about #sec5 div img {
      width: 100%;
      height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2632, ../sass/style.scss */
  #about #sec5 div p:nth-of-type(1) {
    padding: 15px 0; } }
@media screen and (max-width: 736px) {
  /* line 2638, ../sass/style.scss */
  #about #sec6 {
    padding: 0 0 50px 0; } }
@media screen and (max-width: 736px) {
  /* line 2644, ../sass/style.scss */
  #about #sec6 div {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; } }
@media screen and (max-width: 736px) {
  /* line 2654, ../sass/style.scss */
  #about #sec6 table {
    width: 100%;
    float: none; } }
@media screen and (max-width: 736px) {
  /* line 2661, ../sass/style.scss */
  #about #sec6 table:last-child {
    float: none; } }
@media screen and (max-width: 736px) {
  /* line 2667, ../sass/style.scss */
  #about #sec6 table th {
    display: block;
    background: #e2e2e2; } }
@media screen and (max-width: 736px) {
  /* line 2674, ../sass/style.scss */
  #about #sec6 table td {
    display: block; } }
@media screen and (max-width: 736px) {
  /* line 2680, ../sass/style.scss */
  #about #map {
    height: 300px; } }
/*---------------------------------------------------------------

shoplist

---------------------------------------------------------------*/
/* line 2692, ../sass/style.scss */
#shoplist .tit {
  background: url(../img/shoplist/title.jpg) center top; }
/* line 2695, ../sass/style.scss */
#shoplist article {
  width: 1100px;
  margin: 0 auto; }
  /* line 2698, ../sass/style.scss */
  #shoplist article .sp_area {
    display: none; }
/* line 2702, ../sass/style.scss */
#shoplist #lead {
  width: 100%;
  display: inline-block;
  margin: 85px auto 22px auto; }
  /* line 2706, ../sass/style.scss */
  #shoplist #lead .area {
    width: 503px;
    position: relative;
    float: left; }
    /* line 2710, ../sass/style.scss */
    #shoplist #lead .area p {
      position: absolute;
      top: 42px;
      left: 42px; }
  /* line 2716, ../sass/style.scss */
  #shoplist #lead .txt {
    float: right;
    width: 540px; }
    /* line 2719, ../sass/style.scss */
    #shoplist #lead .txt p {
      margin: 20px 0 0 0; }
/* line 2724, ../sass/style.scss */
#shoplist h2 {
  background: url("../img/common/tit_bg.png") repeat-y 8px #646464;
  color: #fff;
  font-size: 1.4em;
  padding: 13px 0 13px 30px; }
/* line 2730, ../sass/style.scss */
#shoplist [id^="area"] {
  padding: 40px 0 0 0;
  margin: -40px 0 40px 0; }
  /* line 2733, ../sass/style.scss */
  #shoplist [id^="area"] table {
    font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    width: 100%;
    letter-spacing: 0; }
    /* line 2737, ../sass/style.scss */
    #shoplist [id^="area"] table thead th {
      text-align: center;
      border-bottom: 1px solid #000;
      padding: 7px 0; }
    /* line 2743, ../sass/style.scss */
    #shoplist [id^="area"] table tbody td {
      text-align: left;
      line-height: 1.4; }
      /* line 2746, ../sass/style.scss */
      #shoplist [id^="area"] table tbody td:first-child {
        width: 250px;
        padding: 0 10px; }
      /* line 2750, ../sass/style.scss */
      #shoplist [id^="area"] table tbody td:nth-child(2) {
        width: 430px;
        text-align: left;
        padding: 0 10px; }
      /* line 2755, ../sass/style.scss */
      #shoplist [id^="area"] table tbody td:nth-child(3) {
        padding: 0 10px; }
      /* line 2758, ../sass/style.scss */
      #shoplist [id^="area"] table tbody td:nth-child(4) {
        text-align: left;
        width: 175px; }
    /* line 2763, ../sass/style.scss */
    #shoplist [id^="area"] table tbody tr:nth-child(1) th {
      background: #eee6d2;
      padding: 8px 13px;
      font-weight: bold;
      font-size: 1.2em;
      letter-spacing: 0.1em; }
    /* line 2770, ../sass/style.scss */
    #shoplist [id^="area"] table tbody td {
      padding: 18px 0; }
    /* line 2773, ../sass/style.scss */
    #shoplist [id^="area"] table tbody tr:nth-child(odd):not(:nth-child(1)) {
      background: #fff; }

@media screen and (max-width: 736px) {
  /* line 2782, ../sass/style.scss */
  #shoplist article {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; } }
@media screen and (max-width: 736px) {
  /* line 2792, ../sass/style.scss */
  #shoplist article .sp_area {
    display: block;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 30px 0; }
    /* line 2798, ../sass/style.scss */
    #shoplist article .sp_area:after {
      content: '';
      height: 0;
      display: block;
      clear: both; }
    /* line 2804, ../sass/style.scss */
    #shoplist article .sp_area li {
      width: 50%;
      float: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-top: 1px solid #d7d7d7;
      border-right: 1px solid #d7d7d7; }
      /* line 2812, ../sass/style.scss */
      #shoplist article .sp_area li:nth-of-type(odd) {
        border-left: 1px solid #d7d7d7; }
      /* line 2815, ../sass/style.scss */
      #shoplist article .sp_area li a {
        text-align: center;
        display: block;
        padding: 7px 0; } }
@media screen and (max-width: 736px) {
  /* line 2825, ../sass/style.scss */
  #shoplist #lead {
    margin: 0 0 30px 0; } }
@media screen and (max-width: 736px) {
  /* line 2831, ../sass/style.scss */
  #shoplist #lead .area {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2838, ../sass/style.scss */
  #shoplist #lead .txt {
    float: none;
    width: 100%; }
  /* line 2842, ../sass/style.scss */
  #shoplist #lead img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 736px) {
  /* line 2850, ../sass/style.scss */
  #shoplist h2 {
    margin: 0 0 10px 0; } }
@media screen and (max-width: 736px) {
  /* line 2856, ../sass/style.scss */
  #shoplist [id^="area"] table thead th {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 2862, ../sass/style.scss */
  #shoplist [id^="area"] table tbody td {
    display: block;
    -ms-word-break: break-all;
    word-break: break-all; } }
@media screen and (max-width: 736px) {
  /* line 2870, ../sass/style.scss */
  #shoplist [id^="area"] table tbody td:first-child {
    width: 50%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-weight: bold; } }
@media screen and (max-width: 736px) {
  /* line 2882, ../sass/style.scss */
  #shoplist [id^="area"] table tbody td:nth-child(2) {
    clear: both;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 2892, ../sass/style.scss */
  #shoplist [id^="area"] table tbody td:nth-child(3) {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 10px; } }
@media screen and (max-width: 736px) {
  /* line 2903, ../sass/style.scss */
  #shoplist [id^="area"] table tbody td:nth-child(4) {
    padding: 10px;
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
/*---------------------------------------------------------------

faq

---------------------------------------------------------------*/
/* line 2920, ../sass/style.scss */
#faq .tit {
  background: url(../img/faq/title.jpg) center top; }
/* line 2923, ../sass/style.scss */
#faq section {
  width: 1100px;
  margin: 0 auto; }
  /* line 2926, ../sass/style.scss */
  #faq section dl {
    background: #fff;
    padding: 17px 15px 0 15px;
    margin: 0 0 10px 0; }
  /* line 2931, ../sass/style.scss */
  #faq section dt {
    padding: 10px 0 17px 60px;
    min-height: 30px;
    font-weight: bold;
    background: url(../img/faq/arrow.png) no-repeat 50px 14px; }
    /* line 2932, ../sass/style.scss */
    #faq section dt:before {
      content: "Q";
      background: #646464;
      color: #fff;
      display: block;
      float: left;
      padding: 10px;
      font-size: 1.5em;
      margin: -10px 0 0 -60px;
      width: 17px; }
    /* line 2947, ../sass/style.scss */
    #faq section dt:hover {
      cursor: pointer; }
  /* line 2951, ../sass/style.scss */
  #faq section dd {
    padding: 0 0 17px 48px;
    line-height: 1.5;
    display: none; }
    /* line 2952, ../sass/style.scss */
    #faq section dd:before {
      content: "A";
      background: #bc9974;
      color: #fff;
      display: block;
      float: left;
      margin: 0 0 0 -48px;
      padding: 10px;
      font-size: 1.5em;
      width: 17px;
      line-height: 1; }
    /* line 2967, ../sass/style.scss */
    #faq section dd p {
      padding: 10px 0 0 0;
      min-height: 30px; }

@media screen and (max-width: 736px) {
  /* line 2976, ../sass/style.scss */
  #faq section {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 2986, ../sass/style.scss */
  #faq section dl {
    padding: 10px; } }
@media screen and (max-width: 736px) {
  /* line 2992, ../sass/style.scss */
  #faq section dt:before {
    font-size: 1.2em;
    padding: 5px;
    width: 1em;
    margin: -10px 0 0 -40px; } }
@media screen and (max-width: 736px) {
  /* line 3001, ../sass/style.scss */
  #faq section dt {
    padding: 10px 0 0px 40px;
    background: url(../img/faq/arrow.png) no-repeat 30px 14px; } }
@media screen and (max-width: 736px) {
  /* line 3008, ../sass/style.scss */
  #faq section dd:before {
    font-size: 1.2em;
    padding: 5px;
    width: 1em;
    margin: 0px 0 0 -40px; } }
@media screen and (max-width: 736px) {
  /* line 3017, ../sass/style.scss */
  #faq section dd p {
    padding: 0;
    line-height: 1.3; } }
/*---------------------------------------------------------------

news

---------------------------------------------------------------*/
/* line 3030, ../sass/style.scss */
#news .tit {
  background: url(../img/news/title.jpg) center top; }
/* line 3033, ../sass/style.scss */
#news #sidebar {
  width: 230px;
  float: right; }
  /* line 3036, ../sass/style.scss */
  #news #sidebar dl {
    padding: 13px 10px;
    background: #fff;
    margin: 0 0 8px 0; }
  /* line 3041, ../sass/style.scss */
  #news #sidebar dt {
    background: url(../img/news/side_bg.png) repeat-y;
    font-size: 1.2em;
    padding: 3px 0 3px 10px;
    margin: 0 0 7px 0; }
  /* line 3047, ../sass/style.scss */
  #news #sidebar li {
    padding: 13px 0 13px 20px;
    border-top: 1px solid #eeebe6;
    position: relative; }
    /* line 3051, ../sass/style.scss */
    #news #sidebar li:before {
      content: "";
      display: block;
      position: absolute;
      margin: auto;
      width: 5px;
      height: 5px;
      top: 0;
      bottom: 0;
      left: 0px;
      background: url(../img/news/arrow.png) no-repeat; }
    /* line 3063, ../sass/style.scss */
    #news #sidebar li:last-child {
      border-bottom: 1px solid #eeebe6; }
/* line 3068, ../sass/style.scss */
#news h2 {
  background: url("../img/common/tit_bg.png") repeat-y 8px #646464;
  color: #fff;
  font-size: 1.4em;
  padding: 13px 0 13px 30px;
  margin: 0 0 30px 0; }
/* line 3075, ../sass/style.scss */
#news.single h2 {
  margin: 0 0 10px 0; }
/* line 3078, ../sass/style.scss */
#news article {
  width: 1100px;
  margin: 0 auto; }
  /* line 3081, ../sass/style.scss */
  #news article:after {
    content: '';
    height: 0;
    display: block;
    clear: both; }
  /* line 3087, ../sass/style.scss */
  #news article section {
    width: 840px;
    float: left; }
/* line 3093, ../sass/style.scss */
#news.index article section .list a {
  width: 100%;
  padding: 10px;
  display: table;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #eae6dd; }
  /* line 3101, ../sass/style.scss */
  #news.index article section .list a figure {
    display: table-cell;
    width: 110px; }
  /* line 3105, ../sass/style.scss */
  #news.index article section .list a time {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
    text-align: center;
    width: 125px; }
  /* line 3112, ../sass/style.scss */
  #news.index article section .list a span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 0 0 10px; }
    /* line 3117, ../sass/style.scss */
    #news.index article section .list a span:before {
      content: "";
      display: block;
      position: absolute;
      width: 5px;
      height: 5px;
      top: 4px;
      bottom: 0;
      left: 0;
      background: url(../img/news/arrow.png) no-repeat; }
@media screen and (max-width: 736px) {
	#news.index article section .list a span:before {
		top: 14px;
	}
}
/* line 3131, ../sass/style.scss */
#news.index article section .list li:last-child {
  border-bottom: 1px solid #eae6dd; }
/* line 3135, ../sass/style.scss */
#news.single .day {
  margin: 0 0 30px 0; }
/* line 3138, ../sass/style.scss */
#news .news_nav {
  border-top: 1px solid #e0dbcf;
  width: 100%;
  display: inline-block;
  margin: 50px 0 0 0;
  padding: 20px 0 0 0; }
  /* line 3144, ../sass/style.scss */
  #news .news_nav li {
    display: inline; }
    /* line 3146, ../sass/style.scss */
    #news .news_nav li a {
      background: #ebe7db;
      padding: 7px;
      letter-spacing: 0em; }
  /* line 3152, ../sass/style.scss */
  #news .news_nav .prev {
    float: left; }
  /* line 3155, ../sass/style.scss */
  #news .news_nav .next {
    float: right; }

@media screen and (max-width: 736px) {
  /* line 3162, ../sass/style.scss */
  #news #sidebar {
    display: none; } }
@media screen and (max-width: 736px) {
  /* line 3168, ../sass/style.scss */
  #news article {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 3178, ../sass/style.scss */
  #news article section {
    width: 100%;
    float: none; } }
@media screen and (max-width: 736px) {
  /* line 3185, ../sass/style.scss */
  #news.index article section .list a {
    display: inline-block;
    width: 100%;
    position: relative; }
    /* line 3189, ../sass/style.scss */
    #news.index article section .list a:after {
      content: "";
      display: none;
      height: 0px;
      width: 0px;
      border: 4px solid transparent;
      border-left-color: #c78a49;
      position: absolute;
      top: 50%;
      right: 10px; } }
@media screen and (max-width: 736px) {
  /* line 3204, ../sass/style.scss */
  #news.index article section .list a figure {
    width: 50px;
    float: left;
    margin: 0;
    display: block; }
    /* line 3209, ../sass/style.scss */
    #news.index article section .list a figure img {
      width: 50px;
      height: auto; } }
@media screen and (max-width: 736px) {
  /* line 3217, ../sass/style.scss */
  #news.index article section .list a time {
    display: block;
    float: left;
    width: auto;
    padding: 7px 0 0 10px; } }
@media screen and (max-width: 736px) {
  /* line 3226, ../sass/style.scss */
  #news.index article section .list a span {
    display: block;
    clear: both;
    padding: 10px 0 0 0; } }
.wp-pagenavi {
  margin: 10px auto;
  text-align: center; }
  /* line 3242, ../sass/style.scss */
  .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #c78a49;
    border: 1px solid  #c78a49 !important; }

@media screen and (max-width: 736px) {
  /* line 3249, ../sass/style.scss */
  .wp-pagenavi .pages {
    display: none; } }
/* editor */
/* line 3256, ../sass/style.scss */
.edit {
  font-size: 1.1em; }
  /* line 3258, ../sass/style.scss */
  .edit:after {
    content: '';
    height: 0;
    display: block;
    clear: both; }
  /* line 3264, ../sass/style.scss */
  .edit li {
    line-height: 1.5;
    margin: 1em 0; }
  /* line 3268, ../sass/style.scss */
  .edit p {
    display: block;
    margin: 1em 0; }
  /* line 3272, ../sass/style.scss */
  .edit strong {
    font-weight: bold; }
  /* line 3275, ../sass/style.scss */
  .edit em {
    font-style: italic; }
  /* line 3278, ../sass/style.scss */
  .edit blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px; }
  /* line 3285, ../sass/style.scss */
  .edit .aligncenter {
    display: block;
    margin: 0 auto; }
  /* line 3289, ../sass/style.scss */
  .edit .alignright {
    float: right;
    margin: 0 0 0 10px; }
  /* line 3293, ../sass/style.scss */
  .edit .alignleft {
    float: left;
    margin: 0 10px 0 0; }
  /* line 3298, ../sass/style.scss */
  .edit img[class*="wp-image-"], .edit img[class*="attachment-"] {
    height: auto;
    max-width: 100%; }

/* img */
@media screen and (max-width: 736px) {
  /* line 3309, ../sass/style.scss */
  .edit div, .edit iframe {
    width: 100% !important; } }
/*---------------------------------------------------------------

contact

---------------------------------------------------------------*/
/* line 3322, ../sass/style.scss */
#contact .tit {
  background: url(../img/contact/title.jpg) center top; }
/* line 3325, ../sass/style.scss */
#contact article {
  background: #fff;
  padding: 40px 0; }
  /* line 3328, ../sass/style.scss */
  #contact article section {
    width: 860px;
    margin: 0 auto 55px auto; }
/* line 3333, ../sass/style.scss */
#contact h2 {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 1px solid #e0dbcf;
  padding: 0 0 8px 0; }
/* line 3339, ../sass/style.scss */
#contact #lead {
  border: 1px solid #e0dbcf;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  /* line 3345, ../sass/style.scss */
  #contact #lead h2 {
    font-weight: bold;
    padding: 0 0 20px 0;
    border: none; }
/* line 3352, ../sass/style.scss */
#contact #tel ul {
  margin: 30px 0 0 0;
  width: 100%;
  display: inline-block; }
/* line 3357, ../sass/style.scss */
#contact #tel li {
  width: 50%;
  float: left;
  font-size: 2.6em;
  font-family: Verdana,"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
  /* line 3362, ../sass/style.scss */
  #contact #tel li span {
    display: block;
    font-size: 0.4em;
    margin: 7px 0; }
/* line 3370, ../sass/style.scss */
#contact #form p {
  padding: 40px 0;
  text-align: center; }
/* line 3374, ../sass/style.scss */
#contact #form span {
  color: #c78a49; }
/* line 3377, ../sass/style.scss */
#contact #form table {
  width: 100%; }
/* line 3380, ../sass/style.scss */
#contact #form th {
  width: 240px;
  border-top: 1px solid #e0dbcf;
  padding: 20px 0 20px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/* line 3388, ../sass/style.scss */
#contact #form td {
  border-top: 1px solid #e0dbcf;
  padding: 20px 0 20px 60px; }
/* line 3394, ../sass/style.scss */
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"] {
  font-size: 1.1em;
  padding: 5px; }
/* line 3399, ../sass/style.scss */
#contact textarea {
  font-size: 1.1em;
  padding: 5px; }
/* line 3403, ../sass/style.scss */
#contact .address input[type="text"] {
  width: 80%; }
/* line 3406, ../sass/style.scss */
#contact textarea {
  width: 100%; }
/* line 3410, ../sass/style.scss */
#contact input[type="submit"], #contact input[type="button"] {
  background-color: #646464;
  border: medium none;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #414141;
          box-shadow: 0 3px 0 #414141;
  color: #fff;
  font-size: 13px;
  height: 35px;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  width: 200px; }

@media screen and (max-width: 736px) {
  /* line 3429, ../sass/style.scss */
  #contact article {
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 3439, ../sass/style.scss */
  #contact article section {
    width: 100%;
    margin: 0 auto 40px auto; } }
@media screen and (max-width: 736px) {
  /* line 3446, ../sass/style.scss */
  #contact #lead {
    padding: 10px; } }
@media screen and (max-width: 736px) {
  /* line 3452, ../sass/style.scss */
  #contact #tel ul {
    margin: 15px 0 0 0; } }
@media screen and (max-width: 736px) {
  /* line 3458, ../sass/style.scss */
  #contact #tel li {
    width: 100%;
    font-size: 1.5em;
    margin: 0 0 20px 0; } }
@media screen and (max-width: 736px) {
  /* line 3466, ../sass/style.scss */
  #contact #form p {
    padding: 20px 0;
    font-size: 0.9em; } }
@media screen and (max-width: 736px) {
  /* line 3473, ../sass/style.scss */
  #contact #form th {
    width: 100%;
    display: block;
    padding: 10px; } }
@media screen and (max-width: 736px) {
  /* line 3481, ../sass/style.scss */
  #contact #form td {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 736px) {
  /* line 3493, ../sass/style.scss */
  #contact input[type="text"], #contact input[type="email"], #contact input[type="tel"] {
    width: 80%; }
  /* line 3497, ../sass/style.scss */
  #contact textarea {
    width: 80%; } }
@media screen and (max-width: 736px) {
  /* line 3504, ../sass/style.scss */
  #contact input[type="button"]:last-child {
    position: relative;
    margin: 20px 0 0 -20px; } }
/*---------------------------------------------------------------


suppliers


---------------------------------------------------------------*/
/* line 3520, ../sass/style.scss */
#suppliers .tit {
  background: url(../img/products/title.jpg) center top; }
/* line 3523, ../sass/style.scss */
#suppliers .inner {
  width: 900px;
  margin: 0 auto; }
  @media screen and (max-width: 736px) {
    /* line 3523, ../sass/style.scss */
    #suppliers .inner {
      width: 100%;
      margin: 0 4%; } }
  /* line 3530, ../sass/style.scss */
  #suppliers .inner .rule {
    padding: 40px 50px;
    border: 1px solid #e0dbcf;
    margin: 30px 0 60px 0; }
    /* line 3534, ../sass/style.scss */
    #suppliers .inner .rule h3 {
      font-size: 1.3rem;
      margin-bottom: 30px; }
    /* line 3538, ../sass/style.scss */
    #suppliers .inner .rule ul {
      list-style: disc;
      padding-left: 1rem; }
      /* line 3541, ../sass/style.scss */
      #suppliers .inner .rule ul li {
        line-height: 1.8;
        margin-bottom: 5px; }
  /* line 3547, ../sass/style.scss */
  #suppliers .inner .link {
    text-align: center;
    margin-bottom: 80px; }
    /* line 3550, ../sass/style.scss */
    #suppliers .inner .link p {
      margin-bottom: 20px; }
    /* line 3553, ../sass/style.scss */
    #suppliers .inner .link a {
      color: #fff;
      background: #c78a49;
      font-size: 1.5rem;
      padding: 30px 150px;
      display: inline-block;
      margin-bottom: 20px; }
/* line 3563, ../sass/style.scss */
#suppliers .form {
  background: #fff;
  padding: 60px 0; }
  /* line 3567, ../sass/style.scss */
  #suppliers .form .inner > p {
    margin-bottom: 30px; }
  /* line 3572, ../sass/style.scss */
  #suppliers .form h2 {
    border-bottom: 1px solid #e0dbcf;
    padding-bottom: 10px;
    font-size: 1rem; }
  /* line 3577, ../sass/style.scss */
  #suppliers .form p {
    padding: 40px 0;
    text-align: center; }
  /* line 3581, ../sass/style.scss */
  #suppliers .form span {
    color: #c78a49; }
  /* line 3584, ../sass/style.scss */
  #suppliers .form table {
    width: 100%; }
  /* line 3587, ../sass/style.scss */
  #suppliers .form th {
    width: 240px;
    border-top: 1px solid #e0dbcf;
    padding: 20px 0 20px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 3595, ../sass/style.scss */
  #suppliers .form td {
    border-top: 1px solid #e0dbcf;
    padding: 20px 0 20px 60px; }
/* line 3601, ../sass/style.scss */
#suppliers input[type="text"], #suppliers input[type="email"], #suppliers input[type="tel"] {
  font-size: 1.1em;
  padding: 5px; }
/* line 3606, ../sass/style.scss */
#suppliers textarea {
  font-size: 1.1em;
  padding: 5px; }
/* line 3610, ../sass/style.scss */
#suppliers .address input[type="text"] {
  width: 80%; }
/* line 3613, ../sass/style.scss */
#suppliers textarea {
  width: 100%; }
/* line 3617, ../sass/style.scss */
#suppliers input[type="submit"], #suppliers input[type="button"] {
  background-color: #646464;
  border: medium none;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #414141;
          box-shadow: 0 3px 0 #414141;
  color: #fff;
  font-size: 13px;
  height: 35px;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  width: 200px; }
/* line 3632, ../sass/style.scss */
#suppliers input[type="submit"]:disabled, #suppliers input[type="button"]:disabled {
  background-color: #c8c8c8;
  -webkit-box-shadow: 0 3px 0 #a2a2a2;
          box-shadow: 0 3px 0 #a2a2a2; }

/*---------------------------------------------------------------


download


---------------------------------------------------------------*/
/* line 3650, ../sass/style.scss */
#download .tit {
  background: url(../img/products/title.jpg) center top; }
/* line 3653, ../sass/style.scss */
#download .inner {
  width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 736px) {
    /* line 3653, ../sass/style.scss */
    #download .inner {
      width: 92%;
      margin: 0 4%; } }
  /* line 3660, ../sass/style.scss */
  #download .inner .post-password-form {
    text-align: center;
    padding: 70px 0;
    margin: 0 auto;
    border: 1px solid #e0dbcf;
    width: 800px; }
    /* line 3666, ../sass/style.scss */
    #download .inner .post-password-form p {
      margin-bottom: 10px; }
      /* line 3668, ../sass/style.scss */
      #download .inner .post-password-form p label {
        font-weight: bold; }
        /* line 3670, ../sass/style.scss */
        #download .inner .post-password-form p label input {
          line-height: 2;
          width: 15rem;
          padding: 10px;
          margin: 0 10px; }
/* line 3681, ../sass/style.scss */
#download .tab_wrap input[type="radio"] {
  display: none; }
/* line 3682, ../sass/style.scss */
#download .tab_wrap .tab_area {
  font-size: 0;
  background: #fff;
  padding: 30px 40px;
  margin-bottom: 30px; }
  @media screen and (max-width: 736px) {
    /* line 3682, ../sass/style.scss */
    #download .tab_wrap .tab_area {
      padding: 30px 4%; } }
  /* line 3690, ../sass/style.scss */
  #download .tab_wrap .tab_area h2 {
    font-size: 1rem;
    margin-bottom: 20px; }
  /* line 3694, ../sass/style.scss */
  #download .tab_wrap .tab_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    /* line 3698, ../sass/style.scss */
    #download .tab_wrap .tab_area ul li {
      margin-bottom: 10px;
      width: calc(96% / 3); }
      @media screen and (max-width: 736px) {
        /* line 3698, ../sass/style.scss */
        #download .tab_wrap .tab_area ul li {
          width: 100%; } }
      /* line 3704, ../sass/style.scss */
      #download .tab_wrap .tab_area ul li label {
        margin: 0 5px;
        display: inline-block;
        padding: 12px 0;
        color: #999;
        background: #eee;
        text-align: center;
        font-size: 13px;
        cursor: pointer;
        -webkit-transition: ease 0.2s opacity;
        transition: ease 0.2s opacity;
        width: 100%; }
        /* line 3715, ../sass/style.scss */
        #download .tab_wrap .tab_area ul li label:hover {
          opacity: 0.5; }
        @media screen and (max-width: 736px) {
          /* line 3704, ../sass/style.scss */
          #download .tab_wrap .tab_area ul li label {
            margin: 0; } }
/* line 3725, ../sass/style.scss */
#download .tab_wrap #note {
  margin-bottom: 30px;
  text-align: center; }
/* line 3730, ../sass/style.scss */
#download .tab_wrap .panel_area .tab_panel {
  width: 100%;
  display: none;
  padding: 0 0 100px 0; }
  /* line 3734, ../sass/style.scss */
  #download .tab_wrap .panel_area .tab_panel p {
    font-size: 14px;
    letter-spacing: 1px; }
  /* line 3738, ../sass/style.scss */
  #download .tab_wrap .panel_area .tab_panel h3 {
    background: url(../img/common/tit_bg.png) repeat-y 8px #646464;
    color: #fff;
    font-size: 1.4em;
    padding: 13px 0 13px 30px;
    margin: 0 0 20px 0; }
  /* line 3745, ../sass/style.scss */
  #download .tab_wrap .panel_area .tab_panel ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    /* line 3749, ../sass/style.scss */
    #download .tab_wrap .panel_area .tab_panel ul li {
      margin-bottom: 40px;
      width: calc(88% / 5);
      margin-right: 3%; }
      /* line 3753, ../sass/style.scss */
      #download .tab_wrap .panel_area .tab_panel ul li:nth-of-type(5n) {
        margin-right: 0; }
      @media screen and (max-width: 736px) {
        /* line 3749, ../sass/style.scss */
        #download .tab_wrap .panel_area .tab_panel ul li {
          width: calc(95% / 2);
          margin-right: 5%; }
          /* line 3759, ../sass/style.scss */
          #download .tab_wrap .panel_area .tab_panel ul li:nth-of-type(5n) {
            margin-right: 5%; }
          /* line 3762, ../sass/style.scss */
          #download .tab_wrap .panel_area .tab_panel ul li:nth-of-type(2n) {
            margin-right: 0; } }
      /* line 3766, ../sass/style.scss */
      #download .tab_wrap .panel_area .tab_panel ul li figure {
        margin: 0 0 20px 0; }
        /* line 3768, ../sass/style.scss */
        #download .tab_wrap .panel_area .tab_panel ul li figure img {
          width: 100%;
          height: auto; }
      /* line 3773, ../sass/style.scss */
      #download .tab_wrap .panel_area .tab_panel ul li h4 {
        font-weight: bold;
        margin-bottom: 10px; }
      /* line 3777, ../sass/style.scss */
      #download .tab_wrap .panel_area .tab_panel ul li .btn {
        color: #fff;
        background: #b1b1b1;
        padding: 7px 0;
        text-align: center;
        display: block;
        cursor: pointer; }
        /* line 3784, ../sass/style.scss */
        #download .tab_wrap .panel_area .tab_panel ul li .btn:hover {
          opacity: 0.7; }
/* line 3792, ../sass/style.scss */
#download .tab_wrap #tab1:checked ~ .tab_area .tab1_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* line 3793, ../sass/style.scss */
#download .tab_wrap #tab1:checked ~ .panel_area #panel1 {
  display: block; }
/* line 3794, ../sass/style.scss */
#download .tab_wrap #tab2:checked ~ .tab_area .tab2_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* line 3795, ../sass/style.scss */
#download .tab_wrap #tab2:checked ~ .panel_area #panel2 {
  display: block; }
/* line 3796, ../sass/style.scss */
#download .tab_wrap #tab3:checked ~ .tab_area .tab3_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* line 3797, ../sass/style.scss */
#download .tab_wrap #tab3:checked ~ .panel_area #panel3 {
  display: block; }
/* line 3798, ../sass/style.scss */
#download .tab_wrap #tab4:checked ~ .tab_area .tab4_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* line 3799, ../sass/style.scss */
#download .tab_wrap #tab4:checked ~ .panel_area #panel4 {
  display: block; }
/* line 3800, ../sass/style.scss */
#download .tab_wrap #tab5:checked ~ .tab_area .tab5_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* line 3801, ../sass/style.scss */
#download .tab_wrap #tab5:checked ~ .panel_area #panel5 {
  display: block; }
/* line 3802, ../sass/style.scss */
#download .tab_wrap #tab6:checked ~ .tab_area .tab6_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* line 3803, ../sass/style.scss */
#download .tab_wrap #tab6:checked ~ .panel_area #panel6 {
  display: block; }
/* added */
#download .tab_wrap #tab7:checked ~ .tab_area .tab7_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* added */
#download .tab_wrap #tab7:checked ~ .panel_area #panel7 {
  display: block; }
/* added */
#download .tab_wrap #tab8:checked ~ .tab_area .tab8_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
/* added */
#download .tab_wrap #tab8:checked ~ .panel_area #panel8 {
  display: block; }
  /* added */
  /* added */
#download .tab_wrap #tab9:checked ~ .tab_area .tab9_label {
  background: #c78a49;
  color: #fff;
  font-weight: bold; }
#download .tab_wrap #tab9:checked ~ .panel_area #panel9 {
  display: block; }
/* line 3816, ../sass/style.scss */
#new_products .tit {
  background: url(../img/products/title_new.jpg) center top; }
/* line 3819, ../sass/style.scss */
#new_products section {
  width: 1100px;  
  margin: 0 auto; }
  @media screen and (max-width: 736px) {
    /* line 3819, ../sass/style.scss */
    #new_products section {
      width: 92%;
      padding: 0 4%; } }
  /* line 3826, ../sass/style.scss */
  #new_products section #lead {
    text-align: center;
    margin: 0 0 120px; }
    /* line 3829, ../sass/style.scss */
    #new_products section #lead iframe {
      -webkit-box-shadow: 10px 10px 40px -20px #000;
              box-shadow: 10px 10px 40px -20px #000; }
      @media screen and (max-width: 736px) {
        /* line 3829, ../sass/style.scss */
        #new_products section #lead iframe {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
    /* line 3835, ../sass/style.scss */
    #new_products section #lead p {
      font-size: 1.1rem; }
    /* line 3838, ../sass/style.scss */
    #new_products section #lead .link {
      text-align: center;
      margin-bottom: 80px; }
      /* line 3841, ../sass/style.scss */
      #new_products section #lead .link a {
        color: #fff;
        background: #c78a49;
        font-size: 1rem;
        padding: 10px 50px;
        display: inline-block;
        margin-top: 20px;
        border-bottom: 3px solid #96632e;
        border-radius: 3px; }
        /* line 3850, ../sass/style.scss */
        #new_products section #lead .link a:before {
          content: ' ';
          width: 5px;
          height: 5px;
          background: url(../img/common/f_list_bg.png);
          display: inline-block;
          position: relative;
          top: -3px;
          left: -8px; }
    @media screen and (max-width: 736px) {
      /* line 3826, ../sass/style.scss */
      #new_products section #lead {
        margin: 0 0 20px;
        width: 100%; }
        /* line 3865, ../sass/style.scss */
        #new_products section #lead iframe {
          width: 100%;
          height: 190px; } }
  /* line 3872, ../sass/style.scss */
  #new_products section .flex li {
    width: calc(92% / 3);
    margin-right: 4%;
    margin-bottom: 50px; }
    /* line 3876, ../sass/style.scss */
    #new_products section .flex li:nth-of-type(3n) {
      margin-right: 0; }
    @media screen and (max-width: 736px) {
      /* line 3872, ../sass/style.scss */
      #new_products section .flex li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px; } }
    /* line 3884, ../sass/style.scss */
    #new_products section .flex li iframe {
      width: 100%;
      height: 190px;
      -webkit-box-shadow: 10px 10px 40px -20px #000;
              box-shadow: 10px 10px 40px -20px #000; }
      @media screen and (max-width: 736px) {
        /* line 3884, ../sass/style.scss */
        #new_products section .flex li iframe {
          -webkit-box-shadow: none;
                  box-shadow: none; } }
    /* line 3892, ../sass/style.scss */
    #new_products section .flex li h3 {
      font-size: 1rem;
      padding: 15px 0 0 0; }
      @media screen and (max-width: 736px) {
        /* line 3892, ../sass/style.scss */
        #new_products section .flex li h3 {
          padding: 5px 0 0 0; } }

/* line 3909, ../sass/style.scss */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* line 3915, ../sass/style.scss */
.flex_jc-s {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/* line 3921, ../sass/style.scss */
.flex_ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/* line 3926, ../sass/style.scss */
.flex_wp_wp {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/* line 3931, ../sass/style.scss */
.mb30 {
  margin-bottom: 30px; }

/* line 3935, ../sass/style.scss */
.mb50 {
  margin-bottom: 50px; }

/* line 3939, ../sass/style.scss */
.mb100 {
  margin-bottom: 100px; }

/* ==========================================================================
   2. kajidonya_addbyor.min.css
   ========================================================================== */

.sp_visible {
  display: none;
}

@media (max-width: 600px) {
  .sp_visible {
    display: block;
  }
}
.pc_visible {
  display: block;
}

@media (max-width: 600px) {
  .pc_visible {
    display: none;
  }
}
.movie {
  width: 100%;
  display: inline-block;
}

.movie h3 {
  margin: 25px 0;
  background: #f4f0e6;
  padding: 8px 0 8px 10px;
  font-weight: bold;
}

.movie h3::before {
  content: "";
  background: url(../img/products/stit_bg.png) no-repeat;
  width: 5px;
  height: 5px;
  display: block;
  float: left;
  margin: 3px 7px 0 0;
}

.movie .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 auto;
}

.movie .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.manual_pdf {
  margin: 25px 0;
  padding: 15px 30px 15px 20px;
  background: #646464;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  position: relative;
}

.manual_pdf::after {
  content: "";
  position: absolute;
  background: url(../img/common/href_arrow.svg) no-repeat;
  height: 10px;
  width: 10px;
  top: 16px;
  right: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.manual_pdf:hover::after {
  content: "";
  background: url(../img/common/href_arrow_brown.svg) no-repeat;
}

.junp_to_new {
  width: 148px;
  padding: 20px 10px;
  text-align: center;
  border: 1px solid #d7d7d7;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 15px;
}

.junp_to_new:hover {
  background: #fff;
  color: #646464;
}

.junp_to_new_sp {
  max-width: 100%;
  border: 1px solid #d7d7d7;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  display: block;
  margin: 0 10px 5px;
  padding: 10px;
}

#product.detail #contents nav ul[class^=menu], #product.index #c_nav_col .menu ul[class^=menu] {
  top: 175px;
}

.tax {
  text-align: center;
  margin: -30px auto 40px;
}

@media (max-width: 600px) {
  .tax {
    margin: -10px auto 20px;
  }
}
#download .tab_wrap .panel_area .tab_panel ul li {
  position: relative;
}

#download .tab_wrap .panel_area .tab_panel ul li .new {
  width: 25%;
  position: absolute;
  top: 0;
  left: 0;
}

#product.detail #pimg .btn {
  margin-top: 40px;
}

#footer .f_link ul:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  table-layout: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 600px) {
  #footer .f_link ul:first-child {
    display: none;
  }
}
#download .tab_wrap .panel_area .tab_panel ul li h4 {
  line-height: 1.5;
}

#MegaMenuContent .products, #MegaMenuContentShadow .products {
  padding: 0px 0 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 1000px;
}

@media (max-width: 1119px) {
  #MegaMenuContent .products, #MegaMenuContentShadow .products {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 0 0 150px;
  }
}
@media (max-width: 1119px) {
  #MegaMenuContent .products .sq .products li, #MegaMenuContentShadow .products .sq .products li {
    margin-bottom: 15px;
  }
}
#parts_support .tit {
  background: url(../img/parts_support/title.jpg) center top;
}

.parts_support_link {
  margin: 65px auto;
}

@media (max-width: 600px) {
  .parts_support_link {
    margin: 40px auto;
  }
}
.parts_support_link p {
  text-align: center;
}

.parts_support_link .manual_pdf {
  display: block;
  margin: 10px auto auto;
}

#shoplist [id^=area] table tbody td:nth-child(3) {
  padding: 15px 10px;
}

@media (max-width: 600px) {
  #shoplist [id^=area] table tbody td:nth-child(3) {
    padding: 10px;
  }
}
#shoplist [id^=area] table tbody td:first-child {
  width: 300px;
  padding: 0 10px;
}

@media (max-width: 600px) {
  #shoplist [id^=area] table tbody td:first-child {
    padding: 10px;
  }
}
#shoplist [id^=area] table tbody td:nth-child(2) {
  width: 500px;
  text-align: left;
  padding: 15px 10px;
}

@media (max-width: 600px) {
  #shoplist [id^=area] table tbody td:nth-child(2) {
    width: 320px;
  }
}
.shop_address a {
  padding-left: 25px;
  text-decoration: underline;
  position: relative;
  display: block;
}

.shop_address a::before {
  content: "";
  background: url(../img/common/map_icon.svg) no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0px;
}

.onlineshop_address a {
  text-decoration: underline;
  position: relative;
  display: block;
}

.onlineshop_address a::after {
  content: "";
  background: url(../img/common/icon_outerlink.svg) no-repeat;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 3px;
  margin-left: 5px;
}

.onlineshop_address a:hover:after {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: url(../img/common/icon_outerlink_hov.svg) no-repeat;
}

.a_underline {
  text-decoration: underline;
}

#news.index article section .list a span {
  line-height: 1.5;
}

#MegaMenuContent .news li, #MegaMenuContentShadow .news li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#MegaMenuContent .news li a:before, #MegaMenuContentShadow .news li a:before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  width: 5px;
  height: 5px;
  top: 0;
  bottom: 0;
  left: -5px;
  background: url(../img/news/arrow.png) no-repeat;
}

#MegaMenuContent .news li a, #MegaMenuContentShadow .news li a {
  line-height: 1.5;
}

#shoplist article .wisywig_text p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0px auto 60px;
  text-align: center;
}

@media (max-width: 600px) {
  #shoplist article .wisywig_text p {
    text-align: left;
  }
}
#shoplist article .sp_area {
  margin: 0;
}

#shoplist article div .area9_btn {
  background: #fff;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  padding: 7px 0;
  text-align: center;
  display: block;
}

#shoplist article #lead {
  margin: 0 auto 65px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#shoplist article #lead .area {
  margin: 0 auto;
  width: 951px;
}

#shoplist article #lead .area .click_text {
  font-size: 16px;
  top: 65px;
  left: 35px;
  line-height: 1.4;
  font-weight: bold;
  border-bottom: 2px solid #a0a0a0;
}

#shoplist article #lead .area .map_area_btn {
  position: absolute;
}

#shoplist article #lead .area .map_area_btn a {
  padding-bottom: 15px;
  padding-top: 15px;
  background: #fff;
  border: 1px solid #a0a0a0;
  font-size: 16px;
  font-weight: bold;
  text-underline-offset: 0.2rem;
}

#shoplist article #lead .area .map_area_btn a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}

#shoplist article #lead .area .btn_hokkaido {
  top: 101px;
  right: 0px;
}

#shoplist article #lead .area .btn_hokkaido a {
  padding-left: 35px;
  padding-right: 20px;
}

#shoplist article #lead .area .btn_hokkaido a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #e2a9d4;
  position: absolute;
  left: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_tohoku {
  top: 233px;
  right: 135px;
}

#shoplist article #lead .area .btn_tohoku a {
  padding-left: 35px;
  padding-right: 20px;
}

#shoplist article #lead .area .btn_tohoku a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #b7badb;
  position: absolute;
  left: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_tohoku {
  top: 233px;
  right: 135px;
}

#shoplist article #lead .area .btn_tohoku a {
  padding-left: 35px;
  padding-right: 20px;
}

#shoplist article #lead .area .btn_tohoku a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #b7badb;
  position: absolute;
  left: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_kanto {
  bottom: 130px;
  right: 230px;
}

#shoplist article #lead .area .btn_kanto a {
  padding-left: 35px;
  padding-right: 20px;
}

#shoplist article #lead .area .btn_kanto a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #f3eb87;
  position: absolute;
  left: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_chubu {
  top: 148px;
  left: 426px;
}

#shoplist article #lead .area .btn_chubu a {
  padding-left: 20px;
  padding-right: 35px;
}

#shoplist article #lead .area .btn_chubu a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #b4d5bf;
  position: absolute;
  right: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_kinki {
  top: 208px;
  left: 301px;
}

#shoplist article #lead .area .btn_kinki a {
  padding-left: 20px;
  padding-right: 35px;
}

#shoplist article #lead .area .btn_kinki a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #f9c598;
  position: absolute;
  right: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_chugoku {
  top: 276px;
  left: 177px;
}

#shoplist article #lead .area .btn_chugoku a {
  padding-left: 20px;
  padding-right: 35px;
}

#shoplist article #lead .area .btn_chugoku a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #b3d6e3;
  position: absolute;
  right: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_shikoku {
  bottom: 15px;
  right: 430px;
}

#shoplist article #lead .area .btn_shikoku a {
  padding-left: 35px;
  padding-right: 20px;
}

#shoplist article #lead .area .btn_shikoku a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fad9e9;
  position: absolute;
  left: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_kyushu {
  bottom: 145px;
  left: -4px;
}

#shoplist article #lead .area .btn_kyushu a {
  padding-left: 20px;
  padding-right: 35px;
}

#shoplist article #lead .area .btn_kyushu a::before {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #ffa698;
  position: absolute;
  right: 10px;
  top: -2px;
}

#shoplist article #lead .area .btn_other {
  bottom: 15px;
  right: 85px;
}

#shoplist article #lead .area .btn_other a {
  padding-left: 20px;
  padding-right: 20px;
}

#shoplist article #lead .area map .hov_hokkaido:hover {
  background: url(../img/shoplist/hokkaido.svg);
  background-repeat: no-repeat;
}

#product.detail #sec1 dd {
  line-height: 1.4;
}

.grecaptcha-badge {
  z-index: 999;
  margin-bottom: 77px;
}

#top #slider_wrap .news .ticker ul {
  width: 640px;
}

#top #slider_wrap .mv_con .news {
  width: 640px;
  float: right;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide {
  width: 100%;
  margin-bottom: 7.75rem;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr {
  text-align: center;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr th {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 50%;
  border: solid 1px #707070;
}

@media (max-width: 600px) {
  #guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr th {
    font-size: 13px;
  }
}
#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr th a {
  display: block;
  width: 100%;
  padding: 18px 0;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr td {
  font-size: 18px;
  background: #fff;
  width: 50%;
  border: solid 1px #707070;
}

@media (max-width: 600px) {
  #guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr td {
    font-size: 13px;
  }
}
#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr td a {
  display: block;
  width: 100%;
  padding: 18px 0;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr:first-child th {
  border-bottom: none;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr:first-child td {
  border-bottom: none;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr:nth-last-child(1) th {
  border-top: none;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap .user_guide tbody tr:nth-last-child(1) td {
  border-top: none;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap #kr_guide_price div h4 {
  font-size: 18px;
  margin-bottom: 15px;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap #kr_guide_price div h4 span {
  font-weight: bold;
}

#guide .kr_guide.kr_page_content .kr_guide__wrap #kr_guide_price div img {
  width: 60%;
  margin-bottom: 70px;
}

@media (max-width: 600px) {
  #guide .kr_guide.kr_page_content .kr_guide__wrap #kr_guide_price div img {
    width: 100%;
  }
}
@media (max-width: 600px) {
  #guide .kr_guide.kr_page_content .kr_guide__wrap #kr_guide_payment .kr_guide_grid__block:nth-child(odd)::after {
    display: none !important;
  }
}
.time_select_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  background: #F4F0E5;
  width: 60%;
  padding: 0 20px;
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  .time_select_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
  }
}
.time_select_list li {
  font-family: YuGothic;
  padding: 25px 0;
  font-size: 15px;
}

@media (max-width: 600px) {
  .time_select_list li {
    width: 28%;
  }
}
.time_select_list li span {
  font-size: 17px;
  color: #C88B42;
  padding-right: 4px;
}

.members_link {
  border-bottom: solid 1px #707070;
}

#news #sidebar li {
  line-height: 1.2rem;
}

#suppliers .tit {
  background: url(../img/suppliers/suppliers_head.jpg) center top;
}

/* ==========================================================================
   3. kajidonya_renew.css
   ========================================================================== */

/*********************************************
*
* for renewing in 2021.09
* specific prefix : kr_ (kajidonya renewal)
*
**********************************************/
/*********************************************
*
* over ride the default
**********************************************/

:root {
  --gap_s: calc(var(--gap) / 1.618);
  --gap: 0.8rem;
  --gap_x2: calc(var(--gap) * 1.618);
  --gap_x3: calc(var(--gap_x2) * 1.618);
  --gap_x4: calc(var(--gap_x3) * 1.618);
  --gap_x5: calc(var(--gap_x4) * 1.618);
  --gap_x6: calc(var(--gap_x5) * 1.618);
  --gap_x7: calc(var(--gap_x6) * 1.618);
  --gap_x8: calc(var(--gap_x7) * 1.618);
  --gap_x9: calc(var(--gap_x8) * 1.618);
  --gap_x10: calc(var(--gap_x9) * 1.618);
}

body,
textarea {
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
}

#header div {
  width: initial;
  margin: initial;
}

#contents h1 span {
  padding-top: 5px;
}

#contents h1 {
  padding-bottom: 40px;
  margin-bottom: 2.1rem;
  letter-spacing: 0.12em;
  line-height: 1.3;
}

@media screen and (max-width: 736px) {
  #contents h1 {
      padding: 30px 0px;
      margin-bottom: 0 !important;
  }
}

#contents h1 small {
  font-size: 0.64em;
  line-height: 2.2;
  display: block;
}

#contents strong,
#contents em {
  font-weight: 700;
}

.kr_header_small {
  text-align: center;
}

h2.kr_second_title {
  font-size: 2.5em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.15em;
  margin-bottom: 43px;
  line-height: 1.5;
}
h2.kr_second_title--mb30 {
  margin-bottom: 30px !important;
}
h2.kr_second_title::after {
  display: block;
  content: "";
  width: 22px;
  height: 1px;
  background: #646464;
  margin: 19px auto 0;
}

body[id^="about"] h2.kr_third_title,
body[id^="about"] h2.kr_second_title {
  margin-bottom: 98px;
  text-align: center;
  font-size: 1.9em !important;
  letter-spacing: 0.15em !important;
  padding: 0 !important;
  font-weight: 400;
}
body[id^="about"] h2.kr_third_title--small_mb,
body[id^="about"] h2.kr_second_title--small_mb {
  margin-bottom: 43px;
}
body[id^="about"] h2.kr_third_title.kr_small_mb,
body[id^="about"] h2.kr_second_title.kr_small_mb {
  margin-bottom: 33px;
}

.tit {
  background: url(../img/products/title.jpg) center top;
}

#header .logo a {
  z-index: 5;
}

#breadcrumb {
  padding: 10px 0;
  line-height: 1.3;
}

#top #sec2 .cat {
  float: none;
}

/*********************************************
*
* common
**********************************************/
body.kn_fixed {
  position: fixed;
  width: 100%;
}

::placeholder {
  color: #c3c3c3;
  font-size: 14px;
}

.wp-pagenavi {
  margin-top: 7rem;
  margin-bottom: 2.8rem;
}

article#else {
  width: 1100px;
  margin: 0 auto;
}

body[id^="about"] .kr_content {
  margin-top: 65px;
}

.kr_white_back {
  background: #fff;
}

/* additional default css */
.kr_content {
  width: 100%;
  min-width: 1250px;
}
.kr_content__inner {
  width: 1200px;
  margin: 0 auto;
}
:where(.kr_content) figure {
  margin: 0;
  padding: 0;
}
:where(.kr_content) a {
  text-decoration: underline;
}
.kr_content strong {
  font-weight: 700;
}
.kr_content img {
  height: auto;
}

input[type="submit"] {
  transition: opacity 0.5s ease;
}
input[type="submit"]:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}

/*********************************************
*
* tool
**********************************************/
.kr_show_sp {
  display: none;
}

.kr_show_pc {
  display: inherit;
}

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

/*
* title
*/
.kr_title {
  letter-spacing: 0.2em;
  font-size: 2.5em;
  text-align: center;
}

.kr_second_title {
  font-size: 2.5em;
  font-weight: 700;
}

/*
* button
*/
button {
  font-family: inherit;
  transition: 0.5s;
}
button:hover {
  color: #c78a49;
  transition: 0.5s;
}

.kr_gray_btn {
  margin: 25px 0;
  padding: 15px 30px;
  display: inline-block;
  background: #646464;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  position: relative;
}

/*
* icon
*/
.kr_icon_header::after {
  display: inline-block;
  content: "";
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  position: relative;
  margin-left: 0.5em;
}
.kr_icon_header--login::after {
  background-image: url("../img/common/kr_login.svg");
}
.kr_icon_header--cart::after {
  background-image: url("../img/common/kr_cart.svg");
}

.kr_acmenu_open.kr_on {
  position: relative;
}
.kr_acmenu_open.kr_on::before {
  content: " ";
  width: 5px;
  height: 5px;
  background: url(../img/common/kr_gnav_icon.svg) center center/contain
    no-repeat;
  display: block;
  position: absolute;
  top: 9px;
  left: -11px;
}

/*
* section
*/
.kr_section {
  margin: 400px 0 0 0;
  padding: 78px 0 0 0;
}
.kr_section__header {
  text-align: center;
}
.kr_section__header p {
  line-height: 1.5;
  margin: 2.13rem 0;
}

/*
* top
*/
#ytbg {
  z-index: 1 !important;
  background: #fff;
}
#ytbg iframe {
  transition: opacity 0.5s ease;
}

@media (min-aspect-ratio: 16 / 9) {
  #ytbg iframe {
    width: 100% !important;
  }
}

/*
* product_section
*/
.kr_product_section__title {
  margin: 50px 0 25px 0;
  background: #f4f0e6;
  padding: 8px 0 8px 10px;
  font-weight: bold;
}
.kr_product_section__title::before {
  content: "";
  background: url(../img/products/stit_bg.png) no-repeat;
  width: 5px;
  height: 5px;
  display: block;
  float: left;
  margin: 3px 7px 0 0;
}

#news.index article section .list a span.kr_readings__posttitle::before {
  background-image: url(../img/readings/kr_reading_title_mark.svg);
  width: 7px;
  height: 7px;
}

/*
* page_section
*/
.kr_page_content {
  width: 1100px;
  margin: 0 auto;
}

.kr_page_content_w {
  width: 1200px;
  margin: 0 auto;
}

/*
* header
*/
.kr_header {
  position: fixed;
  width: auto !important;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  z-index: 99;
 
  right: 0px;
}
.kr_header > * + * {
  margin-left: 0.5rem;
}
.kr_header__link {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  line-height: 22px;
}
.kr_header__link--margin {
  margin-left: 1.5rem;
}
.kr_header__link--margin_wide {
  margin-left: 2rem;
}

#header .kr_header_logo {
  position: absolute;
  width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  text-align: left;
  top: -280px;
}
#header .kr_header_logo p.logo a {
  position: relative;
  top: 0px;
}
#header .kr_header_logo h1.logo a {
  position: relative;
  top: 240px;
}

.kr_menu_btn {
  width: 64px;
  height: 64px;
  border: none;
  background: #393939;
  padding: 11px 13px 15px 13px;
  border-radius: 0;
  margin-left: 1.5rem;
  cursor: pointer;
}
.kr_menu_btn span {
  height: 1px;
  width: 100%;
  background: #fff;
  display: block;
  margin: 7px 0;
}
.kr_menu_btn::before,
.kr_menu_btn::after {
  content: "";
  display: block;
  height: 1px;
  background: #fff;
  position: relative;
}
.kr_menu_btn.kr_show span {
  display: none;
}
.kr_menu_btn.kr_show::before,
.kr_menu_btn.kr_show::after {
  top: 1px;
}
.kr_menu_btn.kr_show::before {
  transform: rotate(30deg);
}
.kr_menu_btn.kr_show::after {
  transform: rotate(-30deg);
}

/*
* global nav
*/
.kr_nav {

}
.kr_nav__inner {
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  padding: 30px;
  width: 100% !important;
  max-width: 1120px;
  min-width: 960px;
  box-sizing: border-box;
}
.kr_nav__logo {
  top: -3px;
  left: -7px;
  width: 150px;
  position: absolute;
}
.kr_nav__logo img {
  width: 100%;
}
.kr_nav__search {
  left: 25%;
  z-index: 9;
  position: relative;
}
.kr_nav__main {
  left: 26%;
  padding-top: 3.75rem;
  padding-left: 20px;
  margin-bottom: 0px;
  width: 790px;
  position: relative;
}
.kr_nav__main button {
  background: none;
  border: none;
  padding: 0;
}
.kr_nav__submenu {
  padding-left: 1rem;
}
.kr_nav__submenu > li {
  margin-top: 1rem;
}
.kr_nav__submenu a {
  font-size: 15px;
  color: #383838;
  line-height: 1.3;
}
.kr_nav__submenu a:hover {
  color: #c78a49;
}
.kr_nav__submenu--hori {
  display: grid;
  margin-bottom: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.kr_nav__submenu--hori > li {
  margin-top: 0;
}
.kr_nav__mainmenu > li {
  margin-bottom: 1.5rem;
}
.kr_nav__en {
  font-size: 12px;
  padding-left: 1rem;
  font-weight: 400;
}
.kr_nav__btn {
  color: #797979;
  cursor: pointer;
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.kr_nav__btn.kr_on {
  color: #383838;
}
.kr_nav__bottom {
  position: relative;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.kr_nav__leftbottom {
  left: 0;
  position: relative;
  bottom: -55px;
}
.kr_nav__leftbottom li {
  margin-bottom: 0.7rem;
}
.kr_nav__rightbottom {
  bottom: 3.31rem;
  display: block;
  right: 0;
  bottom: 0;
  text-align: right;
  width: 200px;
}
.kr_nav__rightbottom ul > * + * {
  margin-top: 1.2rem;
}
.kr_nav__rightbottom ul a {
  display: block;
  font-size: 15px;
}
.kr_nav__scene {
  font-size: 10px;
  margin-top: 0.7rem;
  margin-bottom: 0.5rem;
}
.kr_nav__lang {
  font-family: verdana;
  font-size: 14px;
}
.kr_nav__lang span {
  font-size: 22px;
}
.kr_nav__lang a,
.kr_nav__lang span {
  vertical-align: middle;
}
.kr_nav__lang .kr_current_lang {
  color: #bababa;
}
.kr_nav__lan ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.5rem;
}
.kr_nav__lan ul > * + *::before {
  content: "/";
  display: inline-block;
  padding-left: 9px;
  font-size: 13px;
  line-height: 14px;
  position: relative;
  bottom: -2px;
}
.kr_nav__lan ul > * + * a {
  margin-left: 6px;
  position: relative;
  display: inline-block;
}
.kr_nav__lan ul a {
  font-size: 11px;
  vertical-align: text-bottom;
}
.kr_nav__sns_sp {
  display: flex;
  justify-content: start;
  gap: 0 20px;
}

.kr_nav_icon {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.kr_nav_icon::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: top;
  position: relative;
  top: -0.25em;
  margin-right: 0.94rem;
}
.kr_nav_icon--insta::before {
  background-image: url("../img/common/kr_insta.svg");
}
.kr_nav_icon--fb::before {
  background-image: url("../img/common/kr_facebook.svg");
}
.kr_nav_icon--twitter::before {
  background-image: url("../img/common/x_icon.svg");
}
.kr_nav_icon--youtube::before {
  background-image: url(../img/common/youtube_icon.png);
}
.kr_nav_icon--note::before {
  background-image: url(../img/common/note_icon.png);
}
/*
* footer
*/
.kr_footer {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.kr_footer__sns {
  display: flex;
  position: absolute;
  bottom: 42px;
  left: 0;
  justify-content: space-between;
  width: 16%;
}
.kr_footer__sns .noteicon {
  background: #fff;
}
#footer .f_link .kr_footer_menu {
  margin-top: 3rem;
}
#footer .f_link .kr_footer_menu--lower ul:first-child {
  display: grid !important;
  grid-template-columns: 0.8fr 1fr 1fr 0.8fr 1.3fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 18px 0;
}
#footer .f_link .kr_footer_menu--lower ul:first-child a {
  font-size: 0.9em;
}
#footer .f_link .kr_footer_menu--lan ul:first-child {
  display: flex;
  justify-content: flex-start;
}
#footer .f_link .kr_footer_menu--lan ul li::before {
  background: none;
}
#footer .f_link .kr_footer_menu--lan ul li::after {
  content: "/";
  padding: 0 20px;
}
@media screen and (min-width: 737px) {
  #footer .f_link .kr_footer_menu--lan ul:first-child > li:first-child {
    padding-left: 3em;
  }
}

.kr_footer_childmenu {
  padding-left: 10px;
}
.kr_footer_childmenu li::before {
  content: " " !important;
  width: 5px;
  height: 5px;
  background: url(../img/common/f_list_bg.png);
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 0.5em;
}

#footer .f_link {
  padding-bottom: 50px;
}

#footer .f_link div,
#footer .f_logo,
#footer .f_link ul:first-child {
  float: none;
}

#footer .f_link:after {
  display: none;
}

@media screen and (min-width: 737px) {
  #footer .f_link .kr_footer__logo .spgnav_wrapper {
    display: none;
  }
}
@media screen and (max-width: 736px) {
  #footer .f_link .kr_footer__logo {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #footer .f_link .kr_footer__logo .logoicon {
    display: flex;
    align-items: flex-end;
  }
  #footer .f_link .kr_footer__logo .spgnav_wrapper {
    box-sizing: border-box;
    padding-left: 2em;
    width: calc(100% - 71px);
    display: flex;
    justify-content: center;
  }
  #footer .f_link .kr_footer__logo .spgnav,
  #footer .f_link .kr_footer__logo .spgnav > li {
    display: block;
    width: auto;
  }
  #footer .f_link .kr_footer__logo .spgnav li:not(:first-child) {
    margin-top: 1em;
  }
  #footer .f_link .kr_footer__logo .spgnav li::before {
    content: " ";
    width: 5px;
    height: 5px;
    background: url(../img/common/f_list_bg.png);
    display: inline-block;
    position: relative;
    top: -3px;
    margin-right: 0.5em;
  }
  #footer .f_link .kr_footer__logo .kr_footer__sns {
    width: 100%;
    justify-content: flex-start;
  }
}

/*
* kr_vflex
*/
.kr_vflex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*
* plus
*/
.plus--kr {
  height: 33px;
}
.plus--top_about {
  left: initial !important;
  right: 0;
  display: block;
  margin-left: auto;
}
.plus--read {
  transform: translateX(-50%);
}

/*
* kr_for_detail
*/
.kr_for_detail {
  display: table !important;
  float: none !important;
  margin: 30px auto 50px !important;
}
/*
* tool
*/
.kr_section {
  width: 1000px;
  margin: 0 auto;
}
/*
* kr_search
* 検索
*/
.kr_search {
  display: flex;
  width: 600px;
}
.kr_search__input {
  width: 540px;
  padding: 0.5em;
  box-sizing: border-box;
  margin-right: 1rem;
}

.kr_search_result__title {
  margin-bottom: 2rem;
}
.kr_search_result__title span {
  font-size: 1.5em;
  font-weight: 700;
}
.kr_search_result ul {
  list-style: disc;
  padding-left: 3rem;
}
.kr_search_result ul li {
  margin-bottom: 2rem;
}
.kr_search_result ul li a {
  text-decoration: underline;
  line-height: 1.8;
}

/*********************************************
*
* js
**********************************************/
/*
* ac menu
*/
.kr_acmenu_body {
  overflow: hidden;
  max-height: 0;
  transition: 0.7s ease;
  padding-bottom: 0;
}
.kr_acmenu_body.kr_show {
  max-height: 25em;
  transition: 0.7s ease;
  padding-bottom: 1rem;
}

/*
* ac menu
*/
.kr_js_ac_list {
  position: relative;
}

/*
* colorme area
*/
#kr_colorme {
  margin-top: 40px;
}
#kr_colorme.kr_show {
  display: block;
}

/*
* fade slider
*/
.an_fade_slider_body {
  position: relative;
}
.an_fade_slider_body__item {
  position: absolute;
  will-change: opacity;
}
.an_fade_slider_body__item.out {
  animation-name: fadeOut;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/******************
 * fadeOut
 */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*********************************************
*
* top
**********************************************/
/*
* main visual
*/
.kr_main_visual {
  height: 100vh;
  height: var(--kr_fullvh);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.kr_main_visual__logo {
  position: relative;
  display: inline-block;
  z-index: 99;
}
.kr_main_visual__logo img {
  width: 100px;
}
.kr_main_visual::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.15;
}
.kr_main_visual__scroll {
  position: absolute;
  color: #fff;
  bottom: 30px;
  z-index: 9;
  font-size: 16px;
}

/*
* 重要なお知らせ
*/
.main_visual_wrapper {
  position: relative;
}
.main_important_list_wrapper {
  position: absolute;
  z-index: 9;
  bottom: 80px;
  width: 100%;
}
.main_important_list_inner {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-size: 105%;
  padding-right: 30px;
  box-sizing: border-box;
}
.main_important_list_inner .title {
  color: #fff;
  background: #b12222;
  width: 11em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_important_list_block {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  max-width: 600px;
}
.main_important_list .link {
  display: flex;
  padding: 1.2em 2.5em 1.2em 1.5em;
  gap: 0.4em 1em;
  position: relative;
}
.main_important_list .link::after {
  content: ">";
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 12px;
  color: #999;
  transform: translate(0, -50%);
}
.main_important_list .text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
@media (max-width: 736px) and (min-width: 521px) {
  .main_important_list_inner .title {
    width: 30%;
  }
  .main_important_list_block {
    width: 70%;
  }
}
@media (max-width: 736px) {
  .main_important_list_wrapper {
    position: static;
    background: #fffcf4;
    padding: 20px 10px 0 10px;
    box-sizing: border-box;
  }
  .main_important_list .link {
    flex-direction: column;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
}
@media (max-width: 520px) {
  .main_important_list_inner {
    flex-direction: column;
  }
}

/*
* kr_about
* 家事問屋とは
*/
#about #sec1 .img2 {
  left: -256px;
}

#about #sec1 .img4 {
  right: -246px;
}

#about #sec1 .img1 {
  left: -15px;
}

#about #sec1 .img3 {
  left: 960px;
}

#about #sec1 .img5 {
  right: -213px;
}

#about #sec1 .img6 {
  left: -534px;
}

#about #contents {
  overflow: hidden;
}

.kr_tit--bg {
  background-image: url(../img/about/bg_mv.jpg);
}
.kr_tit--quality {
  background-image: url(../img/about/quality_mv.jpg);
}
.kr_tit--mission {
  background-image: url(../img/about/mission_mv.jpg);
}

.kr_section_header {
  text-align: center;
}
.kr_section_header--quality_middle {
  padding-top: 72px;
}

.kr_about {
  background: #fffcf4;
  padding-bottom: 5.13rem;
  overflow: hidden;
}
.kr_about figure {
  margin: 0;
}
.kr_about__number {
  font-family: "Oswald", sans-serif;
  font-size: 50px;
  color: #c88b42;
  line-height: 1;
  position: absolute;
}

.kr_about_upper__body {
  display: flex;
  margin-top: 3rem;
  margin-bottom: 3.25rem;
}
.kr_about_upper__body figure {
  width: 45%;
  flex: 0 0 auto;
}
.kr_about_upper__body figure img {
  width: 100%;
}
.kr_about_upper__txt {
  padding-left: 2.5rem;
  text-align: left;
}
.kr_about_upper__en {
  font-size: 1.23em;
}
.kr_about_upper__title {
  font-size: 1.62em;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.kr_about_upper__read {
  font-size: 1.08em;
  line-height: 1.7;
  margin-bottom: 20px;
}

.kr_about_lower__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.kr_about_lower__list li {
  flex: 0 0 30.5%;
}
.kr_about_lower__list figure img {
  width: 100%;
}
.kr_about_lower__list a {
  text-decoration: none;
}
.kr_about_lower__read {
  padding-left: 48px;
  line-height: 1.5;
}
.kr_about_lower__read P {
  line-height: initial;
}
.kr_about_lower__txt {
  margin-top: 1rem;
}
.kr_about_lower p.kr_about_lower__title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: 0;
}

#about #sec1 {
  overflow: visible;
}

#about_us #contents {
  padding-bottom: 0;
}

.kr_about_together,
.kr_about_continue {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/about/about_together_back.jpg");
  position: relative;
}
.kr_about_together::before,
.kr_about_continue::before {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: #efefee;
  display: block;
  content: "";
}

.kr_about_continue {
  background-image: url("../img/about/about_continue_back.jpg");
}
.kr_about_continue::before {
  right: 0;
  left: inherit;
}

.kr_about_slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55px 45px;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
.kr_about_slider__slider {
  width: 655px;
}
.kr_about_slider--reverse {
  flex-direction: row-reverse;
}
.kr_about_slider--np {
  padding: 55px 0;
}

.kr_page_section {
  margin-bottom: 180px;
}
.kr_page_section p.kr_taller {
  margin-bottom: 35px;
}
.kr_page_section p,
.kr_page_section h2 {
  margin-bottom: 24px;
}
.kr_page_section p.kr_shorter {
  margin-bottom: 15px;
}
.kr_page_section .kr_no_margin {
  margin-bottom: 0;
}
.kr_page_section .kr_b_border::after {
  display: block;
  content: "";
  width: 203px;
  height: 1px;
  margin: 50px auto;
  background: #707070;
}
.kr_page_section--nm {
  margin-bottom: 0;
}
.kr_page_section--pt {
  padding-top: 187px;
}

.kr_about_small {
  font-size: 1.1em;
  line-height: 2.2;
}
.kr_about_small--nm {
  margin-bottom: 0 !important;
}

.kr_about_large {
  font-size: 1.5em;
  line-height: 2;
}
.kr_about_large--mb {
  margin-bottom: 27px;
}

.kr_about_larger {
  font-size: 1.75em;
  line-height: 1.9;
}

.kr_about_orange {
  color: #c88b42;
}

.kr_article {
  background: #fff;
  margin-bottom: 60px;
}
.kr_article__inner {
  display: flex;
  align-items: center;
}
.kr_article__inner > * {
  flex: 0 0 auto;
}
.kr_article__inner--reverse {
  flex-direction: row-reverse;
}
.kr_article__inner--overflow {
  width: 1105px;
  margin: 0 auto;
}
.kr_article__image {
  width: 50%;
  overflow: hidden;
  align-self: stretch;
  position: relative;
}
.kr_article__image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.kr_article__image--overflow {
  overflow: visible;
}
.kr_article__image figcaption {
  position: absolute;
  z-index: 0;
  color: #646464;
  bottom: 16px;
  right: 17px;
  font-size: 12px;
  letter-spacing: 0.15em;
}
.kr_article__image_inner {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 478px;
}
.kr_article__image_inner--left {
  right: inherit;
  left: 0;
}
.kr_article__txt {
  padding: 55px 0px 55px 60px;
  width: 600px;
  letter-spacing: 0.07em;
  box-sizing: border-box;
}
.kr_article__txt--left {
  padding: 55px 70px 55px 0px;
}
.kr_article__txt--hpad {
  padding: 125px 0 125px 30px;
}
.kr_article__txt--overflow {
  width: auto;
  min-width: 552.5px;
}
.kr_article--quality {
  margin-bottom: 170px;
}
.kr_article--nm {
  margin-bottom: 0;
}
.kr_article--mb90 {
  margin-bottom: 90px;
}

.kr_about_connect__slider {
  width: 50%;
  overflow: hidden;
  align-self: stretch;
}
.kr_about_connect__slider img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/*
* kr_about_us
* 家事問屋とは
*/
.kr_about_movie__movie {
  width: 800px !important;
}
.kr_about_movie__title {
  font-size: 1.53em !important;
  font-weight: 400;
}
.kr_about_movie__read {
  font-size: 1.1em !important;
}

#about #sec1 iframe {
  height: 443px;
}

.an_gallery__top_img {
  opacity: 0;
}
.an_gallery__top_img.an_show {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/******************
 * fadein
 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
* kr_background
* 家事問屋が生まれた場所
*/
.kr_background_tsubame {
  display: flex;
  width: 980px;
  justify-content: space-between;
  margin: 77px auto 0;
}
.kr_background_tsubame__txt h2 {
  font-size: 2.15em;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.kr_background_tsubame__txt h2::after {
  display: block;
  content: "";
  width: 22px;
  height: 1px;
  background: #646464;
  margin: 30px 0;
}

/*
* kr_about_quality
* 家事問屋のこだわり
*/
body[id^="about"] h2.kr_easytouse_title {
  margin-bottom: 38px;
}

.kr_items_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.kr_items_list__item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 330px;
  min-height: 497px;
  position: relative;
}
.kr_items_list__item p {
  background: rgba(0, 0, 0, 0.83);
  bottom: 25px;
  color: #fff;
  display: table;
  left: 0;
  line-height: 1.5;
  min-width: 284px;
  padding: 21px 0;
  position: absolute;
  text-align: center;
  font-size: 1.53em;
  margin-bottom: 0;
}
.kr_items_list__item--stainless {
  background-image: url("../img/about/quality_stainless@1x.jpg");
}
.kr_items_list__item--steel {
  background-image: url("../img/about/quality_steel@1x.jpg");
  margin-top: 60px;
}
.kr_items_list__item--alum {
  background-image: url("../img/about/quality_alum@1x.jpg");
  margin-top: 120px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .kr_items_list__item--steel {
    background-image: url("../img/about/quality_steel@2x.jpg");
  }
  .kr_items_list__item--stainless {
    background-image: url("../img/about/quality_stainless@2x.jpg");
  }
  .kr_items_list__item--alum {
    background-image: url("../img/about/quality_alum@2x.jpg");
  }
}

/*
* kr_about_link
* 家事問屋についてのページ回遊リンク
*/
.kr_about_link_wrapper {
  width: 100%;
  justify-content: space-between;
  display: flex;
}
.kr_about_link_wrapper--prev {
  justify-content: flex-end;
}

.kr_about_link {
  width: 374px;
  background: #2d2d2d;
  text-decoration: none !important;
  display: flex;
  padding: 20px;
  align-items: center;
  box-sizing: border-box;
}
.kr_about_link figure {
  margin-right: 20px;
}
.kr_about_link--left {
  margin-left: inherit;
  justify-content: flex-end;
}
.kr_about_link--left figure {
  margin-left: 20px;
  margin-right: 0;
}
.kr_about_link__txt {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.kr_about_link__txt span {
  font-size: 14px;
  color: #c88b42;
  margin-bottom: 5px;
  display: inline-block;
}

/*
* kr_full_bk
* 背景全幅エリア
*/
.kr_full_bk {
  width: 100%;
  min-height: 487px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
  background-attachment: fixed;
}
.kr_full_bk--bowl {
  background-image: url("../img/about/bowl_fullbk.jpg");
}
.kr_full_bk--bowl_blur {
  display: block;
  background-image: url("../img/about/bowl_fullbk_blur.jpg");
  background-size: 100% auto;
  padding-top: 120px;
  background-position: center top;
  height: auto;
  margin-bottom: 140px;
  padding-bottom: 120px;
}

.kr_tr_read {
  padding: 90px 110px;
  box-sizing: border-box;
  min-width: 823px;
  background: url("../img/about/tomato_else.png") right center/auto 100%
    no-repeat;
  background-color: rgba(255, 255, 255, 0.88);
}
.kr_tr_read h3 {
  font-size: 2.5em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.15em;
  margin-bottom: 43px;
  line-height: 1.5;
}
.kr_tr_read p {
  line-height: 2.4;
  margin-bottom: 34px;
}
.kr_tr_read p:last-child {
  margin-bottom: 0;
}
.kr_tr_read--nobk {
  background-image: none;
  margin: 0 auto;
  text-align: center;
  margin-top: 60px;
  max-width: 840px;
  min-width: inherit;
}
.kr_tr_read--mission {
  background: none;
  text-align: center;
  padding: 0;
  margin: 0 auto 75px;
}

.kr_full_image {
  width: 100%;
  margin-bottom: 120px;
}
.kr_full_image img {
  width: 100%;
}

/*
* kr_read
* 読みもの
*/
.kr_read {
  background: #fffcf4;
  padding-bottom: 1rem;
}
.kr_read h2 {
  margin-bottom: 2.13rem;
}
.kr_read__list {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 2rem;
}
.kr_read__list li {
  flex: 0 0 auto;
  width: 20%;
}
.kr_read__list figure {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  margin-bottom: 0.3rem;
}
.kr_read__list figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

/*
* kr_insta
* instagram
*/
.kr_insta {
  background: #fffcf4;
  padding-bottom: 5rem;
}
.kr_insta h2 {
  margin-bottom: 2.13rem;
}
.kr_insta .plus {
  margin-top: 40px;
}

@media screen and (max-width: 736px) {
  .kr_insta {
    padding-bottom: var(--gap_x5);
  }
}

/*********************************************
*
* page
**********************************************/
/*
* page common
* ページ共通
*/
.kr_page_top_title {
  font-size: 1.85em;
  margin-bottom: 1.06rem;
}

/*
* kr_faq
* よくある質問
*/
.kr_faq__block {
  display: none;
}
.kr_faq__block.show {
  display: block;
}
.kr_faq__menu_wrap {
  width: 860px;
  padding: 0 120px;
  border-bottom: 1px solid #707070;
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 25px;
}
.kr_faq__menu_wrap li {
  flex: 1 1 auto;
}
.kr_faq__menu {
  background: #fff;
  border-bottom: 1px solid #707070;
  border-left: 1px solid #707070;
  border-radius: 0;
  border-right: 1px solid #707070;
  border-top: 1px solid #707070;
  bottom: -1px;
  cursor: pointer;
  font-size: 17px;
  padding: 10px 0px;
  position: relative;
  transition: color 0.5s ease;
  width: 100%;
}
.kr_faq__menu:hover {
  color: #c78a49;
  transition: color 0.5s ease;
}
.kr_faq__menu.show {
  background: none;
  border-bottom: 1px solid #fffcf4;
}
.kr_faq__bottom {
  text-align: center;
  margin-top: 60px;
}
.kr_faq__anno {
  font-size: 18px;
  margin-bottom: 20px;
}

#faq section dd:before {
  text-align: center;
}

#faq section dd p {
  padding: 7px 0 0 0;
}

/*
* kr_menu_list
* ご利用メニュー
*/
.kr_guide__menulist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #707070;
  gap: 1px;
  border: 1px solid #707070;
  margin-bottom: 7.75rem;
}
.kr_guide__menulist li {
  padding: 1em;
  background: #fff;
  text-align: center;
}
.kr_guide__title {
  font-size: 1.69em;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.kr_guide__section {
  margin-bottom: 4.69rem;
  margin-top: -55px;
  padding-top: 55px;
}
.kr_guide__section p {
  margin-bottom: 1rem;
}
.kr_guide__section strong {
  font-size: 1.2em;
}

.kr_guide_grid {
  display: grid;
  grid-template-columns: 45% 45%;
  grid-template-rows: auto auto auto;
  gap: 0 10%;
  margin-top: 1.69rem;
}
.kr_guide_grid__block {
  position: relative;
  margin-bottom: 2.5rem;
}
.kr_guide_grid__block h3 {
  font-size: 1.38em;
  margin-bottom: 0.5rem;
}
.kr_guide_grid__block img {
  width: 100%;
}
.kr_guide_grid__block:nth-child(odd)::after {
  display: block;
  height: 100%;
  width: 1px;
  background: #ccc;
  content: "";
  position: absolute;
  right: -11%;
  top: 0;
}

/*
* kr_regulation
* 特定商取引に関する法律に基づく表示
*/
.kr_regulation {
  width: 585px;
}
.kr_regulation dt {
  margin-bottom: 0.5rem;
}
.kr_regulation__float {
  float: left;
  clear: both;
  margin-bottom: 0;
}
.kr_regulation dd {
  margin-bottom: 2rem;
  line-height: 1.4;
}

/*
* kr_regulation
* プライバシーポリシー
*/
.kr_privacy {
  width: 585px;
}
.kr_privacy dt {
  margin-bottom: 0.5rem;
}
.kr_privacy dd {
  margin-bottom: 2rem;
  line-height: 1.4;
}

/*
* kr_readigns_archive
*
*/
.kr_archive_wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 1200px;
  margin: -72px auto 0;
}
.kr_archive_wrap aside {
  width: 211px;
}

.kr_archive {
  width: 933px;
}

/*
* kr_readigns
* 投稿関連共通
*/
.kr_readings_body .tit {
  background: url(../img/common/kr_page_head.jpg) center top/cover no-repeat !important;
}
.kr_readings_body a img {
  transition: opacity 0.5s ease;
}
.kr_readings_body a:hover img {
  transition: opacity 0.5s ease;
  opacity: 0.8;
}

.kr_readings_header {
  text-align: center;
  padding-bottom: 3.75rem;
}

.kr_readings {
  width: 744px;
  margin: 0 auto;
  color: #646464;
}
.kr_readings__title {
  font-size: 2.5em;
  margin: 0 0 19px 0;
  line-height: 1.4;
  color: #000;
}
.kr_readings__day--single {
  margin-bottom: 53px;
}
.kr_readings__day--single time {
  font-size: 15.5px;
  margin-right: 13px;
}
.kr_readings__cat {
  display: inline-block;
}
.kr_readings__cat li {
  background: #eeeadf;
  display: inline-block;
  font-size: 13px;
  padding: 5px 11px;
  margin-right: 10px;
}
.kr_readings__content {
  margin-bottom: 0rem;
  padding-bottom: 4.19rem;
}
.kr_readings__content img {
  height: auto;
}
.kr_readings__content p,
.kr_readings__content ul:not(.toc_list),
.kr_readings__content ol {
  font-size: 1.23em;
  line-height: 1.8;
  margin-bottom: 1.23em;
  letter-spacing: 0.16em;
}
.kr_readings__content ul,
.kr_readings__content ol {
  margin-left: 1.3rem;
}
.kr_readings__content ul {
  list-style: disc;
}
.kr_readings__content ol {
  list-style: decimal;
}
.kr_readings__content h2,
.kr_readings__content h3 {
  /*text-align: center;*/
  line-height: 1.3;
  color: #000;
}
.kr_readings__content h2 {
  font-size: 2em;
  margin-top: 62px;
  margin-bottom: 25px;
}
.kr_readings__content h3 {
  font-size: 1.7em;
  margin-top: 80px;
  margin-bottom: 28px;
}
.kr_readings iframe {
  width: 100%;
}

.kr_reading_aside {
  background: #FDFCF8;
  /*border: 1px solid #bfbfbf;*/
  margin-bottom: 5.75rem;
  padding: 5px;
  font-weight: 700;
}
.kr_reading_aside p {
  font-size: 10px;
  padding: 9px 10px;
  border-bottom: 1px solid #bfbfbf;
}
.kr_reading_aside li a {
  border-bottom: 1px solid #bfbfbf;
  padding: 0.2em;
  font-size: 14px;
  padding: 12px 5px 12px 15px;
  line-height: 1.3;
  color: #707070;
  font-weight: 500;
}
.kr_reading_aside li a:hover {
  color: #c78a49;
}
.kr_reading_aside li a.current_cat {
  color: #c78a49;
}
.kr_reading_aside li:last-child a {
  border: none;
}

.kr_icon_title {
  display: flex;
  line-height: 1.3;
}
.kr_icon_title::before {
  display: block;
  content: "";
  width: 7px;
  height: 1.3em;
  background: url("../img/readings/kr_reading_title_mark.svg") center
    center/contain no-repeat;
  flex: 0 0 auto;
  position: relative;
  margin-right: 5px;
}
.kr_icon_title--gray::before {
  background: url("../img/guide/kr_title_icongray.svg") center center/contain
    no-repeat;
}

.kr_post_nav {
  position: relative;
}
.kr_post_nav ul {
  display: flex;
  justify-content: space-between;
}
.kr_post_nav a {
  background: #eeeadf;
  padding: 7px;
  letter-spacing: 0em;
  display: block;
}
.kr_post_nav--single {
  margin-bottom: 20px;
}
.kr_post_nav--single a {
  padding: 20px 58px;
  font-size: 17px;
  position: relative;
  display: table;
}
.kr_post_nav__back {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.kr_readings_archive {
  border-bottom: 1px solid #707070;
}
.kr_readings_archive li {
  display: flex;
  border-top: 1px solid #707070;
}
.kr_readings_archive li figure {
  margin-left: 0;
}
.kr_readings_archive li figure img {
  width: 110px;
}
.kr_readings_archive__txt {
  display: flex;
  align-items: center;
}
.kr_readings_archive__txt h4 {
  font-size: 14px;
  margin-left: 1.88rem;
}
.kr_readings_archive__nopost {
  padding: 1rem 0;
}

.kr_post_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 55px 33px;
}
.kr_post_grid__elm {
  width: 450px;
}
.kr_post_grid__image {
  width: 100%;
  margin: 0;
  height: 0;
  padding-bottom: 58%;
  overflow: hidden;
  position: relative;
}
.kr_post_grid__image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.kr_post_grid__title {
  font-size: 18px;
  font-weight: normal;
  /*margin-top: 28px;*/
  /*margin-bottom: 10px;*/
  line-height: 1.6;
}
.kr_post_grid__title a {
  color: #707070;
}
.kr_post_grid__title a:hover {
  color: #c78a49;
}
.kr_post_grid__time {
  font-size: 15px;
  margin-right: 23px;
}
.kr_post_grid__meta {
  display: flex;
  align-items: center;
  margin-top: 28px;
  margin-bottom: 10px;
}
.kr_post_grid__cat a {
  display: block;
  background: #eeeadf;
  font-size: 13px;
  padding: 6px 15px;
}

figure.is-provider-youtube iframe {
  height: 418px;
}

/* contents table */
div#toc_container {
  margin: 82px auto 0;
  box-sizing: border-box;
  padding: 20px 35px;
  font-size: 100%;
  background: #fff !important;
}
div#toc_container a {
  text-decoration: underline;
}

div#toc_container p.toc_title {
  font-size: 1.85em !important;
  letter-spacing: 0.1em !important;
  font-weight: 700 !important;
  margin-bottom: 25px !important;
}

div#toc_container span.toc_toggle {
  font-weight: 400 !important;
  font-size: 0.55em !important;
}

div#toc_container ul ul {
  margin-left: 1.8em;
}

div#toc_container a {
  display: inline-block;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.6;
}

/* wp original*/
.wp-block-image {
  margin: 1em 0 4em 0 !important;
}

.wp-block-columns {
  margin-bottom: 0 !important;
}

.wp-block-image figcaption {
  margin-top: 1.2em !important;
  line-height: 1.5;
  margin-bottom: 1em;
  font-size: 13px !important;
  color: #707070;
}

/* sns */
.kr_readings_sns__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 83px;
  position: relative;
  left: 15px;
}
.kr_readings_sns__list li {
  margin: 0 35px;
}

.kr_sns_icon {
  font-size: 1.08em;
  vertical-align: middle;
  position: relative;
}
.kr_sns_icon::before {
  display: inline-block;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: -26px;
  transition: opacity 0.5s ease;
}
.kr_sns_icon:hover::before {
  transition: opacity 0.5s ease;
  opacity: 0.6;
}
.kr_sns_icon--twitter::before {
  background-image: url("../img/readings/x_icon.svg");
  width: 24px;
  height: 20px;
  top: -3px;
}
.kr_sns_icon--fb::before {
  background-image: url("../img/readings/fb_icon.svg");
  width: 24px;
  height: 25px;
  top: -6px;
}

.kr_readings_latest_top {
  color: #707070;
  margin-bottom: 10px;
}

.kr_readings_latest {
  color: #707070;
  margin-bottom: 98px;
}
.kr_readings_latest__title {
  font-size: 0.95em;
  border-bottom: 1px solid #e5e1d6;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.kr_readings_latest__body {
  display: flex;
  justify-content: center;
}
.kr_readings_latest__body.wrap_block {
  flex-wrap: wrap;
}
.kr_readings_latest__item {
  width: 31.1%;
  margin-right: 3.3%;
}
.kr_readings_latest__item figure {
  padding-bottom: 58%;
  margin: 0 0 35px 0;
  height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.kr_readings_latest__item figure img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.kr_readings_latest__item time {
  margin-right: 11px;
}
.kr_readings_latest__item:last-child,
.wrap_block .kr_readings_latest__item:nth-child(3n) {
  margin-right: 0;
}
.kr_readings_latest__elm_title {
  line-height: 1.5;
}
.kr_readings_latest__elm_title a {
  color: #707070;
}
.kr_readings_latest__elm_title a:hover {
  color: #c78a49;
}
.kr_readings_latest__meta {
  margin-bottom: 10px;
}
.kr_readings_latest__cat {
  font-size: 1em;
  margin-bottom: 5px;
}

/*
* product archive
*
*/
#product.index #c_nav_col {
  height: 786px;
  overflow: hidden;
}

#product.index #c_nav_col .con img {
  width: auto;
  height: 786px;
}

.sp_menu3 {
  display: none;
}
@media screen and (max-width: 736px) {
  .sp_menu3 {
    margin-bottom: 3rem;
    display: block;
    margin-top: 0rem;
    width: 100%;
  }
  .sp_menu3 a {
    display: block;
    background: #fff;
    padding: 9px 20px;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
  }
  .sp_menu3 a::before {
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: 10px;
    background: url(../img/common/nav_bg.png) no-repeat;
  }
}

.section_parts_wrap {
  display: block !important;
  height: auto !important;
}
.section_parts_wrap article {
  display: block;
  position: relative !important;
}
.section_parts_wrap article h2 {
  width: 100%;
  text-align: center;
  font-size: 1.7em;
  background: #fff;
  padding: 60px 0 55px 0;
  margin: 0 0 30px 0;
}
.section_parts_wrap .section div {
  position: relative;
}

.kr_pmenu_ttl {
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  padding-left: 25px;
  position: relative;
  line-height: 1.5;
}
.kr_pmenu_ttl::before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 1em;
  margin-right: 5px;
  background: url("../img/products/p_menu_ttl_deco.svg") center center/contain
    no-repeat;
  position: absolute;
  top: 1.1em;
  left: 12px;
}

.kr_pmenu_body {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

#product.detail #contents nav,
#product.index #c_nav_col .menu {
  height: auto;
}

/*
* product detail
*
*/
.kr_movie__body {
  display: flex;
  justify-content: space-between;
}
.kr_movie__body > * {
  flex: 0 0 auto;
}
.kr_movie__spec {
  width: 250px;
}
.kr_movie__spec dl {
  display: flex;
  margin-top: 0.8rem;
}
.kr_movie__spec dt {
  flex: 0 0 auto;
}
.kr_movie__spec .wash {
  border-bottom: 1px solid #e0dbcf;
  padding-bottom: 1rem;
}
.kr_movie__spec .wash img {
  height: auto;
}
.kr_movie__youtube {
  width: 580px;
  margin-top: 1rem;
}
.kr_movie__youtube iframe {
  width: 100%;
  height: 326px;
}

.kr_product_reffer__list {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 48% 48%;
  gap: 4%;
}
.kr_product_reffer__list--q {
  grid-template-columns: 23% 23% 23% 23%;
  gap: 2%;
}
.kr_product_reffer__item figure {
  margin: 0 0 5px 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.kr_product_reffer__item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.kr_product_reffer__item p {
  line-height: 1.5;
}
.kr_product_reffer__item--parts {
  display: flex;
  align-items: center;
  background: #fff;
}
.kr_product_reffer__item--parts figure {
  margin-bottom: 0;
  padding-bottom: 0;
  height: auto;
  width: auto;
}
.kr_product_reffer__item--parts figure img {
  width: 155px;
  height: 155px;
  position: relative;
  vertical-align: bottom;
}
.kr_product_reffer__txt {
  padding-left: 20px;
}

.kr_product_strength__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75rem;
  flex-direction: row-reverse;
}
.kr_product_strength__item > * {
  flex: 0 0 48%;
}
.kr_product_strength__item:nth-child(even) {
  flex-direction: row;
}
.kr_product_strength__img {
  margin: 0;
}
.kr_product_strength__img img {
  width: 100%;
  height: auto;
}
.kr_product_strength__sub {
  color: #b1b1b1;
}
.kr_product_strength__main {
  font-size: 1.16em;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.3rem;
}

.menu2__parts {
  border-bottom: 1px solid #d7d7d7;
  box-sizing: border-box;
  width: 198px;
}
.menu2__parts img {
  height: auto;
}

.menu3 {
  display: block !important;
  bottom: -60px;
  top: inherit !important;
}

.comment {
  background: #fff;
  margin-bottom: 2rem;
  padding: 2rem;
  list-style: none;
}
.comment .says,
.comment .reply {
  display: none;
}

.children {
  border-left: 4px solid #f4f0e6;
  margin: 0 15px;
  margin-top: 1.5rem;
}
.children .comment {
  background: #fffcf4;
}
.children cite {
  display: none;
}
.children [class*="comment-author"] .comment-title::before {
  content: "ショップからのコメント";
  display: inline-block;
}

.comment-form-cookies-consent,
.comment-notes,
.comment-reply-title,
.comment-edit-link {
  display: none;
}

.comment-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.comment-author img {
  display: none;
}

.comment-body {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  line-height: 1.7;
}
.comment-body .comment-title {
  grid-column: 1/2;
  grid-row: 1/2;
  margin-bottom: 0.8rem;
  font-weight: 700;
}
.comment-body .comment-author {
  grid-column: 3/4;
  grid-row: 1/2;
  text-align: right;
}
.comment-body .comment-meta {
  grid-column: 2/3;
  grid-row: 1/2;
  text-align: right;
}
.comment-body .comment-meta a {
  padding-right: 0.5rem;
}
.comment-body .comment-text {
  grid-column: 1/4;
  grid-row: 2/3;
}

.comment-form-author {
  grid-column: 1/3;
  grid-row: 1/2;
}

.comment-form-mail {
  grid-column: 1/3;
  grid-row: 2/3;
}

.comment-form-title {
  grid-column: 1/3;
  grid-row: 3/4;
}

.comment-form-comment {
  grid-column: 1/3;
  grid-row: 4/5;
}

.comment-form-privacy {
  grid-column: 1/2;
  grid-row: 5/6;
  text-align: right;
  padding-right: 1rem;
}
.comment-form-privacy label {
  padding-left: 0.5rem;
}

.form-submit {
  grid-column: 2/3;
  grid-row: 5/6;
}
.form-submit input {
  background: #646464;
  color: #fff;
  padding: 0.2rem 2rem;
  border: none;
  border-radius: none;
}

.comment-form-author,
.comment-form-mail,
.comment-form-title,
.comment-form-comment {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 25px;
}
.comment-form-mail {
  align-items: center;
}
.comment-form-author > *,
.comment-form-mail > *,
.comment-form-title > *,
.comment-form-comment > * {
  flex: 0 0 auto;
}
.comment-form-author label,
.comment-form-mail label,
.comment-form-title label,
.comment-form-comment label {
  display: block;
  width: 170px;
  background: #f4f0e5;
  text-align: center;
  padding: 0.35rem 0.3em;
  line-height: 1.5;
  box-sizing: border-box;
}
.comment-form-author input,
.comment-form-author textarea,
.comment-form-mail input,
.comment-form-mail textarea,
.comment-form-title input,
.comment-form-title textarea,
.comment-form-comment input,
.comment-form-comment textarea {
  width: 675px;
  display: block;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #707070;
}

.comment-awaiting-moderation {
  margin-top: 1rem;
}

.cartjs_product_table table {
  margin: 0 !important;
  width: 100% !important;
}
.cartjs_product_table input[type="submit"] {
  width: 100% !important;
  border-radius: 0 !important;
  background: #c12525 !important;
  height: 52px !important;
  width: 180px !important;
  margin-top: 1rem;
}

.cartjs_sales_price {
  border-bottom: 1px solid #e0dbce;
  margin-bottom: 10px;
  width: 100%;
}
.cartjs_sales_price__title {
  padding-left: 10px;
}
.cartjs_sales_price__price {
  font-size: 28px !important;
  font-weight: 900 !important;
  font-family: Verdana;
}
.cartjs_sales_price__small {
  font-size: 0.6em;
  font-family: "Raleway", Verdana, "游ゴシック", YuGothic,
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  padding-left: 0.5rem;
}

.cartjs_sales_price {
  border-bottom: 1px solid #e0dbce;
  width: 100%;
}
.cartjs_sales_price th {
  padding-left: 10px;
  font-weight: 700 !important;
}
.cartjs_sales_price td {
  font-size: 28px !important;
  font-family: Verdana;
  font-weight: 700 !important;
}

.cartjs_product_num {
  visibility: hidden;
}
.cartjs_product_num.kr_show {
  visibility: visible;
}
.cartjs_product_num td:first-child::after {
  content: "個";
  display: inline-block;
}
.cartjs_product_num td:last-child {
  text-align: right;
}
.cartjs_product_num th,
.cartjs_product_num td {
  padding-top: 0.6rem;
}

.cartjs_product_input_txt {
  width: 50px !important;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #707070;
}

.cartjs_box {
  padding: 0 !important;
}

.kr_colorme_link {
  font-size: 11px;
}
.kr_colorme_link__txt {
  color: #c12525;
  border: 1px solid #c12525;
  text-align: center;
  border-radius: 2px;
  margin-bottom: 13px;
  line-height: 1.6;
  padding: 4px 0;
  font-size: 11px;
}
.kr_colorme_link__link {
  padding: 12px;
  color: #fff;
  background: #707070;
  display: block;
  text-align: center;
}
.kr_colorme_link__link::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1em;
  background: url("../img/products/kr_mail_icon.svg") center center/contain
    no-repeat;
  vertical-align: bottom;
  margin-right: 0.5rem;
}

.no_colorme_txt {
  font-size: 11px;
}

.cartjs_product_img,
.cartjs_product_explain,
.cartjs_stock,
.cartjs_sk_link_other,
.cartjs_sk_link {
  display: none !important;
}

#product.detail #sec1 .ex {
  margin-bottom: 0;
}

#product.detail #thumbnail {
  margin-top: 20px;
  position: relative;
  left: 10px;
}

.kr_goto_review {
  margin-top: -10px;
  text-align: right;
}
.kr_goto_review a {
  font-size: 10px;
  text-decoration: underline;
  letter-spacing: -0.01em;
}

.kr_soldout_anno {
  font-size: 13px;
  display: block;
  background: #673030;
  color: #fff;
  text-align: center;
  padding: 17px 0;
  margin-bottom: 17px;
}
.kr_colorme_link .sainyuuka {
  margin-top: -2px;
  margin-bottom: 13px;
  padding: 0 1em 1em;
  line-height: 1.1;
}
.kr_colorme_link .title_nyuuka {
  font-weight: bold;
  margin-bottom: 5px;
  color: #b9813e;
}
.kr_colorme_link .comment_nyuuka {
  font-size: 130%;
  font-weight: bold;
}
.kr_post_link_block {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  border: 1px solid #707070;
  width: 440px;
  margin: 0 auto 15px;
}
.kr_post_link_block__image {
  grid-column: 1/2;
  grid-row: 1/3;
  margin: 0;
  padding: 0;
}
.kr_post_link_block__image img {
  width: 132px;
  height: auto;
}
.kr_post_link_block__title {
  grid-column: 2/3;
  grid-row: 1/2;
  padding: 19px 10px 0 30px;
  font-size: 1rem;
}
.kr_post_link_block__price {
  grid-column: 2/3;
  grid-row: 2/3;
  text-align: right;
  padding: 0 18px 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.kr_post_link_block__price p {
  font-size: 1em !important;
  margin-bottom: 0 !important;
}
.kr_post_link_block__price span {
  padding-right: 10px;
  display: inline-block;
}

/*
* support
* アフターサポート
*/
#support .tit,
#repairs .tit {
  background: url(../img/support/title.jpg) center top;
}

.kr_support_reading {
  display: flex;
  padding-top: 73px;
  padding-bottom: 220px;
}
.kr_support_reading__txt {
  padding-right: 117px;
  padding-top: 22px;
}
.kr_support_reading p {
  font-size: 1.6em;
  letter-spacing: 0.11em;
  line-height: 1.8;
  margin-bottom: 19px;
}
.kr_support_reading p.kr_small {
  font-size: 1.2em;
  line-height: 2.3;
}
.kr_support_reading p.kr_orange_large {
  font-size: 1.6em;
  line-height: 1.9;
  color: #c88b42;
  margin-bottom: 41px;
}
.kr_support_reading .kr_orange {
  color: #c88b42;
}
.kr_support_reading .kr_large {
  margin-bottom: 41px;
}
.kr_support_reading__first {
  margin-bottom: 35px;
}
.kr_support_reading__second {
  margin-bottom: 33px;
}
.kr_support_reading__images figure img {
  margin-bottom: 5px;
}

.kr_support_photo {
  display: flex;
  margin-top: -140px;
}

.kr_flow_link {
  display: flex;
  justify-content: center;
  font-size: 1.7em;
  letter-spacing: 0.12em;
  padding-bottom: 133px;
  margin: 145px 0 142px;
  border-bottom: 1px solid #707070;
}
.kr_flow_link li:first-child::after {
  display: inline-block;
  content: "";
  width: 21px;
  height: 27px;
  background: url("../img/support/skew_line.svg") center center/contain
    no-repeat;
  vertical-align: middle;
  margin: 0px 36px;
  position: relative;
  top: -0.1em;
}

.kr_flow {
  margin-bottom: 65px;
}
.kr_flow__wrapper {
  margin-bottom: 140px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 140px;
}
.kr_flow__wrapper--nb {
  border: none;
  margin-bottom: 0;
  padding-bottom: 40px;
}
.kr_flow__item::after {
  display: block;
  content: "";
  background: url("../img/support/down_arrow.svg") center center/contain
    no-repeat;
  width: 29px;
  height: 26px;
  margin: 26px auto;
}
.kr_flow__item--no_arrow::after {
  display: none;
}
.kr_flow__item_inner {
  background: #fff;
  padding: 50px 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kr_flow__item_inner > * {
  flex: 0 0 auto;
}
.kr_flow__step {
  text-align: center;
  min-width: 265px;
}
.kr_flow__step_number {
  margin-bottom: 4px;
}
.kr_flow__step_title {
  font-size: 1.6em;
  border-bottom: 1px solid #e0dbce;
  margin-bottom: 35px;
  letter-spacing: 0.15em;
  padding-bottom: 5px;
}
.kr_flow__step_title--narrow {
  letter-spacing: 0.061em;
}
.kr_flow__step_image {
  position: relative;
}
.kr_flow__step_image--l15 {
  left: 15px;
}
.kr_flow__def {
  width: 781px;
}
.kr_flow__def em {
  font-weight: 700;
}
.kr_flow__def p {
  font-size: 1.3em;
  margin-bottom: 34px;
  letter-spacing: 0.09em;
}
.kr_flow__def p:last-child {
  margin-bottom: 0;
}

a.kr_flow_btn {
  display: table;
  margin: 0 auto;
  padding: 21px 50px 21px 35px;
  font-size: 15px;
  text-decoration: none;
}
a.kr_flow_btn--wide {
  padding: 21px 63px 21px 43px;
}
a.kr_flow_btn::after {
  display: block;
  content: "";
  width: 6px;
  height: 100%;
  background: url("../img/support/block_arrow.svg") center center/contain
    no-repeat;
  position: absolute;
  right: 21px;
  top: 0;
}

.kr_flow_flex {
  display: flex;
}
.kr_flow_flex__txt {
  padding-right: 45px;
}
.kr_flow_flex__to {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 300px;
  padding: 20px;
  border: 1px solid #707070;
  font-size: 1.1em;
  line-height: 1.8;
  letter-spacing: 0.17em;
  padding: 20px 30px;
}

/*---------------------------------------------------------------
repairs
---------------------------------------------------------------*/
/* line 3325, ../sass/style.scss */
#repairs article {
  padding: 40px 0;
}

/* line 3328, ../sass/style.scss */
#repairs article section {
  width: 860px;
  margin: 0 auto 55px auto;
}

/* line 3333, ../sass/style.scss */
#repairs h2 {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 1px solid #e0dbcf;
  padding: 0 0 8px 0;
}

/* line 3339, ../sass/style.scss */
#repairs #lead {
  border: 1px solid #e0dbcf;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 3345, ../sass/style.scss */
#repairs #lead h2 {
  font-weight: bold;
  padding: 0 0 20px 0;
  border: none;
}

/* line 3352, ../sass/style.scss */
#repairs #tel ul {
  margin: 30px 0 0 0;
  width: 100%;
  display: inline-block;
}

/* line 3357, ../sass/style.scss */
#repairs #tel li {
  width: 50%;
  float: left;
  font-size: 2.6em;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN",
    Meiryo, sans-serif;
}

/* line 3362, ../sass/style.scss */
#repairs #tel li span {
  display: block;
  font-size: 0.4em;
  margin: 7px 0;
}

/* line 3370, ../sass/style.scss */
#repairs #form p {
  padding: 40px 0;
  text-align: center;
}

#repairs #form td.kr_repair_no_margin p {
  padding: 0;
  margin-bottom: 5px;
  text-align: left;
}

#repairs #form .kr_no_border,
#repairs #form .kr_no_border_pc {
  border: none;
}

#repairs #form .kr_repair_section_title {
  font-size: 1.15em;
  margin-bottom: -20px;
  padding: 0;
  text-align: left;
}

/* line 3374, ../sass/style.scss */
#repairs #form span {
  color: #c78a49;
}

/* line 3377, ../sass/style.scss */
#repairs #form table {
  width: 100%;
}

/* line 3380, ../sass/style.scss */
#repairs #form th {
  width: 240px;
  border-top: 1px solid #e0dbcf;
  padding: 20px 0 20px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 3388, ../sass/style.scss */
#repairs #form td {
  border-top: 1px solid #e0dbcf;
  padding: 20px 0 20px 60px;
}

/* line 3394, ../sass/style.scss */
#repairs input[type="text"],
#repairs input[type="email"],
#repairs input[type="tel"] {
  font-size: 1.1em;
  padding: 5px;
}

/* line 3399, ../sass/style.scss */
#repairs textarea {
  font-size: 1.1em;
  padding: 5px;
}

/* line 3403, ../sass/style.scss */
#repairs .address input[type="text"] {
  width: 80%;
}

/* line 3406, ../sass/style.scss */
#repairs textarea {
  width: 100%;
}

/* line 3410, ../sass/style.scss */
#repairs input[type="submit"],
#repairs input[type="button"] {
  background-color: #646464;
  border: medium none;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #414141;
  box-shadow: 0 3px 0 #414141;
  color: #fff;
  font-size: 13px;
  height: 35px;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  width: 200px;
}

@media screen and (max-width: 736px) {
  /* line 3429, ../sass/style.scss */
  #repairs article,
  #suppliers article {
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 736px) {
  /* line 3439, ../sass/style.scss */
  #repairs article section {
    width: 100%;
    margin: 0 auto 40px auto;
  }
}
@media screen and (max-width: 736px) {
  /* line 3446, ../sass/style.scss */
  #repairs #lead {
    padding: 10px;
  }
}
@media screen and (max-width: 736px) {
  /* line 3452, ../sass/style.scss */
  #repairs #tel ul {
    margin: 15px 0 0 0;
  }
}
@media screen and (max-width: 736px) {
  /* line 3458, ../sass/style.scss */
  #repairs #tel li {
    width: 100%;
    font-size: 1.5em;
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 736px) {
  /* line 3466, ../sass/style.scss */
  #repairs #form p {
    padding: 20px 0;
    font-size: 0.9em;
  }
}
@media screen and (max-width: 736px) {
  /* line 3473, ../sass/style.scss */
  #repairs #form th,
  #suppliers .form th {
    width: 100%;
    display: block;
    padding: 10px;
  }
}
@media screen and (max-width: 736px) {
  /* line 3481, ../sass/style.scss */
  #repairs #form td,
  #suppliers .form td {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #repairs #form td input,
  #repairs #form td textarea,
  #suppliers .form td input,
  #suppliers .form td textarea {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 736px) {
  /* line 3493, ../sass/style.scss */
  #repairs input[type="text"],
  #repairs input[type="email"],
  #repairs input[type="tel"] {
    width: 80%;
  }

  /* line 3497, ../sass/style.scss */
  #repairs textarea {
    width: 80%;
  }
}
@media screen and (max-width: 736px) {
  /* line 3504, ../sass/style.scss */
  #repairs input[type="button"]:last-child {
    position: relative;
    margin: 20px 0 0 -20px;
  }
}
@media screen and (max-width: 736px) {
  /* line 3523, ../sass/style.scss */
  #suppliers .inner {
    width: 100%;
    margin: 0;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
  }
}
#suppliers .inner .link a {
  width: auto;
  padding: 30px 40px;
}

@media screen and (max-width: 736px) {
  #suppliers .inner .link a {
    font-size: 15px;
  }
}
/*---------------------------------------------------------------
/** gallery **/
.l_casestudy_gallery {
  visibility: hidden;
}
.l_casestudy_gallery.show {
  visibility: visible;
}
.l_casestudy_gallery__main {
  width: 100%;
  text-align: center;
  height: 477px;
  position: relative;
  overflow: hidden;
}
.l_casestudy_gallery__main img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.l_casestudy_gallery__main img.vertical {
  width: auto;
  max-height: 590px;
}
.l_casestudy_gallery__thumbnails {
  margin-top: 30px;
  position: relative;
  width: 100%;
  transition: all 0.2s;
  display: flex;
  user-select: none;
  cursor: pointer;
  justify-content: space-between;
}
.l_casestudy_gallery__thumbnails > * + * {
  margin-left: 7px;
}
.l_casestudy_gallery__thumbnails li {
  width: 139px;
  height: 100px;
  overflow: hidden;
  position: relative;
  text-align: left;
  display: inline-block;
}
.l_casestudy_gallery__thumbnails li img {
  box-sizing: border-box;
}
.l_casestudy_gallery__thumbnails li img.checked {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  cursor: pointer;
}
.l_casestudy_gallery__thumbnails li img.current {
  opacity: 1;
  filter: brightness(0.6);
}
.l_casestudy_gallery__thumbnails li img,
.l_casestudy_gallery__thumbnails li img:hover {
  transition: all 0.5s ease;
}
.l_casestudy_gallery__thumbnails li img:hover {
  opacity: 1;
  filter: brightness(0.6);
}

/** for the breakpoint **/
@media screen and (max-width: 736px) {
  /* default css */
  article#else {
    width: 93%;
  }

  #top #sec2 {
    padding-bottom: 20px;
  }

  #top #sec2 .plus {
    left: initial;
    float: none;
  }

  #product .sp_c_nav > ul[class^="sp_menu"] li {
    width: 100%;
    float: none;
    border-right: initial !important;
  }

  #product .sp_c_nav > ul.sp_menu1 li:nth-last-of-type(2) {
    border-bottom: 1px solid #d7d7d7;
  }

  /* additional default css */
  .kr_content {
    min-width: inherit;
  }
  .kr_content__inner {
    width: 92% !important;
  }

  /** common **/
  #header {
    display: block;
  }

  #header .kr_header_logo {
    display: none;
  }

  #header.kr_page_header {
    height: auto;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/common/kr_page_head.jpg");
  }

  #header.kr_page_header--fork {
    background-image: url("../img/common/kr_page_head_fork.jpg");
    background-color: initial;
  }

  .kr_page_content_w,
  .kr_page_content {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .kr_show_sp {
    display: inherit;
  }

  .kr_show_pc {
    display: none;
  }

  .kr_section {
    width: 90%;
  }

  .kr_nav {
    overflow: scroll;
  }
  .kr_nav__inner {
    width: 90% !important;
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0 !important;
    height: auto;
    min-width: unset;
  }
  .kr_nav__inner > * {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 3rem !important;
  }
  .kr_nav__main {
    height: auto;
    padding: 0;
    width: auto;
  }
  .kr_nav__logo {
    display: none;
  }
  .kr_nav__btn {
    font-size: 16px;
    font-weight: 700;
  }
  .kr_nav__bottom {
    display: block;
  }
  .kr_nav__rightbottom {
    text-align: left;
    margin-top: 40px !important;
  }
  .kr_nav__leftbottom {
    display: none;
  }
  .kr_nav__mainmenu {
    padding-left: 0;
  }
  .kr_nav__lang {
    margin-top: 2rem;
  }
  .kr_nav__submenu ul {
    padding-left: 0.1rem;
  }
  .kr_nav__submenu a {
    font-size: 14px;
  }
  .kr_nav__submenu--hori {
    grid-template-columns: 1fr;
    gap: 5px 20px;
    margin-bottom: 1rem;
  }
  .kr_nav__submenu--hori > * + * {
    margin-left: 0;
  }
  .kr_nav__submenu--hori li {
    margin-bottom: 10px;
  }
  .kr_nav__lan ul {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 1rem 0;
    justify-content: start;
  }
  .kr_nav__lan ul li {
    text-align: left;
  }
  .kr_nav__lan ul > * + *::before {
    padding-right: 1vw;
  }
  .kr_nav__lan ul > * + * a {
    padding-left: 0;
    margin-left: 0;
  }
  .kr_nav__lan ul li:nth-child(3),
  .kr_nav__lan ul li:nth-child(5) {
    padding-left: 0;
  }
  .kr_nav__lan ul li:nth-child(3)::before,
  .kr_nav__lan ul li:nth-child(5)::before {
    display: none;
  }
  .kr_nav__lan ul li:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  .kr_nav__lan ul li:nth-child(2) {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  .kr_nav__lan ul li:nth-child(3) {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
  }
  .kr_nav__lan ul li:nth-child(4) {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
  }
  .kr_nav__lan ul li:nth-child(5) {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
  }
  .kr_nav__lan ul li:nth-child(6) {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
  }
  .kr_nav__lan ul li:nth-child(7) {
    grid-row: 3 / 4;
    grid-column: 3 / 4;
  }

  .kr_nav_icon {
    font-size: 14px;
  }

  .kr_acmenu_body.kr_show {
    margin-bottom: 3rem;
  }

  .kr_search {
    min-width: inherit;
    width: 100%;
    margin: 0 auto;
  }
  .kr_search__input {
    flex: 1;
  }

  .sp_menu2__nb {
    border-bottom: none !important;
  }

  .kr_mb10_sp {
    margin-bottom: 10px;
  }

  /*
  * header
  */
  .kr_header {
    z-index: 999;
    width: 100% !important;
    justify-content: flex-end;
  }
  .kr_header__link {
    font-size: 10px;
  }
  .kr_header__link--margin {
    margin-left: 0.7rem;
  }
  .kr_header__link--margin_wide {
    margin-left: 0.7rem;
  }
  .kr_icon_header--home {
    position: absolute;
    left: 0;
  }

  .kr_menu_btn {
    margin-left: 0.7rem;
  }

  #sp_header {
    padding-top: 2.5rem;
  }

  #top [id^="sec"] .plus {
    position: relative;
  }

  #top #slider_wrap {
    display: none;
  }

  .plus--top_about {
    text-align: center;
    margin-top: 1rem;
  }

  .sec_wrap {
    padding-top: 30px !important;
    margin-top: -20px !important;
  }

  /** footer **/
  .kr_footer__sns {
    position: relative;
    bottom: 0;
    margin-top: 2rem;
    width: auto;
  }
  .kr_footer__sns > li {
    margin: 0 15px 0 0;
  }

  .kr_footer_menu--lower/*, .kr_footer_menu--lan*/ {
    display: none !important;
  }
  /*スマホのとき非表示になっている言語リンクを表示*/
  .f_link.kr_footer {
    flex-wrap: wrap;
  }
  #footer .f_link .kr_footer_menu--lan ul:first-child {
    width: auto;
    flex-wrap: wrap;
    row-gap: 1em;
  }
  #footer .f_link .kr_footer_menu--lan ul:first-child > li:before {
    display: none;
  }

  /** top **/
  #top #content {
    margin-top: 0;
  }

  .kr_main_visual__scroll {
    display: none;
  }

  .kr_about_upper__body figure {
    width: 100%;
    margin-bottom: 10px;
  }

  .kr_about_upper__txt {
    padding-left: 0;
  }

  .kr_about_upper__read {
    margin-bottom: 20px;
  }

  .plus--top_about {
    margin-left: 0;
  }

  .kr_about_upper__body,
  .kr_about_lower__list {
    display: block;
  }

  .kr_about_lower__list > * + * {
    margin-top: 3rem;
  }

  .kr_read__list {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
  }

  .kr_read__list li {
    width: 48%;
    margin-bottom: 2rem;
  }

  .kr_main_visual {
    height: auto;
  }
  .kr_main_visual img {
    display: none;
  }

  .kr_about_upper__title {
    font-size: 4.85vw;
  }

  .kr_for_detail {
    margin-top: 40px !important;
    margin-bottom: 0 !important;
  }

  /** product **/
  .kr_movie__body {
    display: block;
  }
  .kr_movie__youtube {
    width: 100%;
  }
  .kr_movie__youtube iframe {
    width: 100%;
    height: 51vw;
  }

  .kr_product_section__title {
    margin-top: 5rem;
  }

  .kr_product_strength__item {
    display: block;
  }
  .kr_product_strength__main {
    margin: 5px 0 10px;
  }
  .kr_product_strength__txt {
    margin-bottom: 0.5rem;
  }

  .kr_acmenu_body > * + * {
    margin-top: 2rem;
  }

  /*
* ac menu
*/
  .kr_acmenu_body.kr_show {
    max-height: 50em;
  }

  #product.detail #thumbnail {
    order: 0;
  }

  .kr_goto_review {
    order: 1;
    margin: 10px;
  }

  #product.detail #sec1 .ex {
    order: 2;
  }

  #kr_colorme {
    order: 3;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .comment-body {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    line-height: 1.7;
  }
  .comment-body .comment-title {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .comment-body .comment-author {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .comment-body .comment-meta {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .comment-body .comment-text {
    margin-bottom: 1rem;
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .comment-form {
    grid-template-rows: 1fr;
  }

  .comment-form-author {
    grid-row: 1/2;
  }

  .comment-form-mail {
    grid-row: 2/3;
  }

  .comment-form-title {
    grid-row: 3/4;
  }

  .comment-form-comment {
    grid-row: 4/5;
  }

  .comment-form-privacy {
    grid-row: 5/6;
    text-align: center;
    margin-bottom: 1rem;
  }

  .form-submit {
    grid-row: 6/7;
    text-align: center;
  }

  .comment-form-author,
  .comment-form-mail,
  .comment-form-title,
  .comment-form-comment,
  .comment-form-privacy,
  .form-submit {
    grid-column: 1/2;
  }

  .comment-form-author,
  .comment-form-mail,
  .comment-form-title,
  .comment-form-comment {
    display: block;
  }

  .comment-form-author label,
  .comment-form-mail label,
  .comment-form-title label,
  .comment-form-comment label {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .comment-form-author input,
  .comment-form-author textarea,
  .comment-form-mail input,
  .comment-form-mail textarea,
  .comment-form-title input,
  .comment-form-title textarea,
  .comment-form-comment input,
  .comment-form-comment textarea {
    width: 100%;
  }

  .children {
    margin-left: 2px;
    margin-right: 2px;
  }
  .children .comment {
    padding-left: 20px;
    padding-right: 20px;
  }

  /** readings **/
  .kr_readings_wrap {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }

  .kr_readings_header p {
    text-align: left;
    padding: 0 10px;
  }

  .kr_readings {
    width: 100%;
  }
  .kr_readings__title {
    font-size: 1.8em;
  }
  .kr_readings__content h2 {
    font-size: 1.45em;
  }
  .kr_readings__content h3 {
    font-size: 1.25em;
  }
  .kr_readings__content p {
    font-size: 1.1em;
  }

  .kr_reading_aside {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2.75rem;
    padding: 0 10px;
  }
  .kr_reading_aside li a {
    font-size: 13px;
  }

  .kr_readings_archive__txt {
    flex-wrap: wrap;
  }

  .kr_readings_wrap aside {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }

  .kr_readings_wrap article {
    width: 100%;
  }

  /** guide **/
  .kr_guide__menulist {
    line-height: 1.5;
  }

  .kr_guide_grid {
    display: block;
  }

  /** regulation **/
  .kr_regulation__float {
    float: none;
  }
  .kr_regulation dt {
    font-weight: 700;
  }

  /** q and a **/
  .kr_faq__menu_wrap {
    width: 100%;
    padding: 0;
    display: block;
  }
  .kr_faq__menu_wrap > * + * button {
    border-top: none;
  }
  .kr_faq__menu {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding: 10px;
    font-size: 1.1em;
  }
  .kr_faq__menu.show {
    border-bottom: 1px solid #707070;
  }
  .kr_faq__anno {
    font-size: 15px;
  }

  /** about **/
  #about #sec1 .img2 {
    left: -113px;
    top: 201px;
  }

  #about #sec1 .img3 {
    left: 283px;
  }

  #about #sec1 .img1 {
    left: -53px;
  }

  .l_casestudy_gallery__main {
    height: 60vw;
  }
  .l_casestudy_gallery__main img {
    width: 100%;
    height: auto;
  }
  .l_casestudy_gallery__thumbwrap {
    margin: 0 auto;
  }
  .l_casestudy_gallery__thumbnails {
    width: auto;
    gap: 2vw;
    margin-top: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
  .l_casestudy_gallery__thumbnails li {
    width: 20vw;
    height: 20vw;
    padding-bottom: 0;
  }

  /** kr_product_reffer **/
  .kr_product_reffer__list--q {
    grid-template-columns: 1fr 1fr;
    gap: 4%;
  }
  .kr_product_reffer__item--parts {
    display: block;
  }
  .kr_product_reffer__item--parts figure {
    margin: 0 0 5px 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
  }
  .kr_product_reffer__item--parts figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .kr_product_reffer__txt {
    padding: 5px;
  }

  /** readings **/
  .kr_archive_wrap {
    flex-direction: column-reverse;
    width: 100%;
  }
  .kr_archive_wrap aside {
    width: 100%;
  }

  .kr_archive {
    width: 100%;
  }

  .kr_post_grid {
    display: block;
  }
  .kr_post_grid__elm {
    width: 100%;
    display: grid;
    grid-template-columns: 45% 1fr;
    grid-template-rows: auto 1fr;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e1d6;
  }
  .kr_post_grid__link {
    display: block;
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .kr_post_grid__title {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 0;
    font-size: 15px;
    padding-left: 10px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .kr_post_grid__meta {
    display: block;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .kr_post_grid__meta ul {
    display: block;
  }
  .kr_post_grid__meta ul li {
    display: inline-block;
    margin-right: 10px;
  }
  .kr_post_grid__time {
    font-size: 12px;
  }
  .kr_post_grid__cat {
    margin-top: 5px;
  }
  .kr_post_grid__cat a {
    font-size: 10px;
  }

  div#toc_container {
    width: 100% !important;
    padding: 20px 20px;
  }
  div#toc_container p.toc_title {
    font-size: 16px !important;
  }
  div#toc_container a {
    font-size: 14px !important;
  }
  div#toc_container ul ul {
    margin-left: 10px;
  }

  .kr_post_link_block {
    width: 100%;
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9em;
  }
  .kr_post_link_block img {
    width: 100%;
  }

  .kr_readings_latest__body {
    display: block;
  }
  .kr_readings_latest__item,
  .kr_readings_latest__item > a {
    margin-right: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 45% 1fr;
    grid-template-rows: auto 1fr;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e1d6;
  }
  .kr_readings_latest__item.kr_readings_block {
    display: block;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .kr_readings_latest__item figure {
    margin-bottom: 0;
  }
  .kr_readings_latest__link {
    display: block;
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .kr_readings_latest__link img {
    height: auto;
    position: relative;
  }
  .kr_readings_latest__elm_title {
    grid-column: 2/3;
    grid-row: 2/3;
    margin-top: 0;
    font-size: 15px;
    padding-left: 10px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .kr_readings_latest__meta {
    display: block;
    padding-left: 10px;
    margin-bottom: 10px;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .kr_readings_latest__meta ul {
    display: block;
  }
  .kr_readings_latest__meta ul li {
    display: inline-block;
    margin-right: 10px;
  }

  .kr_readings_latest__cat li {
    font-size: 10px;
  }

  .wp-block-image {
    margin-bottom: 2em !important;
  }

  .wp-block-image figcaption {
    font-size: 13px !important;
  }

  .wp-block-columns {
    margin-bottom: 2em !important;
  }

  figure.is-provider-youtube iframe {
    height: 51vw;
  }

  .wp-pagenavi {
    margin-top: 5rem;
    margin-bottom: 2rem;
  }

  /** support **/
  .kr_support_reading {
    display: block;
    padding-bottom: 0;
    padding-top: 10px;
  }
  .kr_support_reading p {
    font-size: 1.3em;
  }
  .kr_support_reading p.kr_small {
    font-size: 1em;
  }
  .kr_support_reading__images {
    display: flex;
  }
  .kr_support_reading__images figure {
    width: 50%;
  }
  .kr_support_reading__images figure img {
    width: 100%;
    margin-bottom: 0px;
  }
  .kr_support_reading__txt {
    padding-right: 0;
    padding-bottom: 7vw;
  }

  .kr_support_photo {
    margin-top: 0;
  }
  .kr_support_photo figure {
    width: 50%;
  }
  .kr_support_photo figure img {
    width: 100%;
  }

  .kr_flow_link {
    padding-bottom: 20vw;
    margin: 20vw 0 20vw;
  }
  .kr_flow_link li:first-child::after {
    margin: 0 10px;
    width: 10px;
    top: 0;
  }
  .kr_flow_link a {
    font-size: 0.6em;
  }

  .kr_flow__wrapper {
    margin-bottom: 20vw;
    padding-bottom: 20vw;
  }
  .kr_flow__wrapper--nb {
    margin-bottom: 0;
    padding-bottom: 10vw;
  }
  .kr_flow__item_inner {
    display: block;
    padding: 40px 27px;
  }
  .kr_flow__step {
    width: 100%;
    min-width: inherit;
  }
  .kr_flow__step_title {
    font-size: 1.4em;
  }
  .kr_flow__step_number {
    margin-bottom: 10px;
  }
  .kr_flow__step_image img {
    margin-bottom: 20px;
  }
  .kr_flow__step_image--l15 {
    left: 0;
  }
  .kr_flow__def {
    width: 100%;
  }
  .kr_flow__def p {
    font-size: 1.2em;
    margin-bottom: 20px;
  }

  .kr_flow_flex {
    display: block;
  }
  .kr_flow_flex__txt {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .kr_flow_flex__to {
    width: 100%;
    padding: 20px;
  }

  h2.kr_second_title {
    font-size: 2em;
    letter-spacing: 0.1em;
  }

  /** repairs **/
  #repairs #form .kr_no_border_sp {
    border: none;
  }

  #repairs #form .kr_no_border_pc {
    border-top: 1px solid #e0dbcf;
  }

  #repairs #form .kr_repair_section_title {
    margin-top: 20px;
  }

  /** about **/
  body[id^="about"] .kr_content {
    margin-top: 0;
  }

  body[id^="about"] h2.kr_third_title,
  body[id^="about"] h2.kr_second_title {
    margin-bottom: 10vw;
    font-size: 1.48em !important;
    letter-spacing: 0.1em !important;
    padding: 0 !important;
    font-weight: 400;
  }
  body[id^="about"] h2.kr_third_title--small_mb,
  body[id^="about"] h2.kr_second_title--small_mb {
    margin-bottom: 43px;
  }
  body[id^="about"] h2.kr_third_title.kr_small_mb,
  body[id^="about"] h2.kr_second_title.kr_small_mb {
    margin-bottom: 33px;
  }

  .kr_about_small {
    font-size: 1.1em;
  }

  .kr_about_large {
    font-size: 1.4em;
  }

  .kr_about_larger {
    font-size: 1.4em;
  }

  .kr_article__inner {
    display: block;
  }
  .kr_article__inner--overflow {
    width: 100%;
  }
  .kr_article__txt {
    padding: 4%;
    width: 100%;
    box-sizing: border-box;
    min-width: inherit;
  }
  .kr_article__txt--overflow {
    min-width: inherit;
    padding: 4%;
  }
  .kr_article__image {
    width: 100%;
  }
  .kr_article__image_inner {
    width: 100%;
    position: static;
    transform: none;
  }
  .kr_article--quality {
    margin-bottom: 0;
  }

  .kr_page_section {
    margin-bottom: 33vw;
  }
  .kr_page_section--pt {
    padding-top: 0;
  }

  .kr_section_header--quality_middle {
    padding-top: 0;
  }

  .kr_about_link {
    display: block;
    width: 40%;
    flex-direction: column;
    align-items: flex-start;
    padding: 5%;
  }
  .kr_about_link__txt {
    font-size: 13px;
  }
  .kr_about_link--left {
    display: flex;
    flex-direction: column-reverse;
  }
  .kr_about_link--left figure {
    margin-left: 0;
    margin-right: 0;
  }
  .kr_about_link figure {
    margin-left: 0;
    margin-right: 0;
  }
  .kr_about_link__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2vw !important;
  }
  .kr_about_link__image img {
    width: 100%;
  }

  /*
* kr_about_us
* 家事問屋とは
*/
  .kr_about_movie {
    margin-bottom: 20vw !important;
  }
  .kr_about_movie__movie {
    width: 100% !important;
  }
  .kr_about_movie__title {
    font-size: 1.4em !important;
  }
  .kr_about_movie__read {
    font-size: 1.1em !important;
    line-height: 2.2;
  }

  #about #sec1 iframe {
    height: 56.25vw;
  }

  .kr_about_slider {
    display: block;
    padding: 0;
  }
  .kr_about_slider__slider {
    width: 100%;
  }

  .kr_about_together,
  .kr_about_continue,
  .kr_about_continue {
    background: none;
  }
  .kr_about_together::before,
  .kr_about_continue::before,
  .kr_about_continue::before {
    background: none;
  }

  .kr_about_connect__slider {
    width: 100%;
    height: 58vw;
  }

  /*
* kr_about_background
* 家事問屋が生まれた場所
*/
  .kr_background_tsubame {
    display: block;
    width: 100%;
    margin-top: 0;
  }
  .kr_background_tsubame__txt h2 {
    font-size: 1.5em;
  }
  .kr_background_tsubame img {
    width: 100%;
  }

  /*
* kr_about_quality
* 家事問屋のこだわり
*/
  .kr_tr_read {
    min-width: inherit;
    width: 92%;
    box-sizing: border-box;
    padding: 4%;
    background-image: url("../img/about/tomato_else_sp.png");
  }
  .kr_tr_read--nobk,
  .kr_tr_read--mission {
    background-image: none;
  }
  .kr_tr_read--nobk {
    padding: 15% 4%;
    margin-top: 0;
  }
  .kr_tr_read--mission {
    margin-bottom: 10vw;
  }

  .kr_items_list__item {
    min-width: inherit;
    min-height: inherit;
    width: 30%;
    height: 50vw;
    margin: 0 auto 10vw;
  }
  .kr_items_list__item p {
    max-width: 95%;
    min-width: 85%;
    box-sizing: border-box;
    padding: 10px 0;
    font-size: 0.9em;
  }
  .kr_items_list__item--steel {
    margin-top: 5vw;
  }
  .kr_items_list__item--alum {
    margin-top: 10vw;
  }

  .kr_full_bk--bowl_blur {
    padding-top: 11vw;
    padding-bottom: 11vw;
    background-size: cover;
  }

  /*
* ダウンロード
*/
  #download .inner .post-password-form {
    width: 100%;
    box-sizing: border-box;
    padding-left: 2%;
    padding-right: 2%;
  }
  #download .inner .post-password-form label {
    display: block;
    margin-bottom: 1rem;
  }
  #download .inner .post-password-form input[type="password"] {
    max-width: 90%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }
  #download .inner .post-password-form input[type="submit"] {
    width: 120px;
  }
}

.post_prof {
  background: #fff;
  border: 1px solid #f3ebd8;
  padding: 15px;
  margin-bottom: 40px;
  display: flex;
  gap: 30px;
}
.post-author-img {
  width: 180px;
  margin-right: auto;
  margin-left: auto;
}
.post-author-img .inner {
  aspect-ratio: 1 / 1;
}
.post-author-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.post-author-img a img:hover {
  opacity: 1;
}
.post-author-meta {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.post_prof .company {
  font-size: 11px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.6em;
  display: inline-block;
  padding: 0.4em 2em;
  background: #f5edd8;
  border-radius: 100vw;
}
.post_prof .name {
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5em;
}
.post_prof .name p {
  font-size: 100%;
  margin-bottom: 0 !important;
}
.post_prof .name .kana {
  font-weight: normal;
  font-size: 75%;
}
.post_prof .prof_comment {
  margin-top: 0.8em;
  line-height: 1.6;
  font-size: 13px;
  margin-bottom: 0 !important;
}
@media (max-width: 734px) {
  .post_prof {
    flex-direction: column;
  }
}

.kr_readings__content .has-small-font-size {
  font-size: 13px;
}
.kr_readings__content .has-normal-font-size {
  font-size: 16px;
}
.kr_readings__content .has-medium-font-size {
  font-size: 20px;
  line-height: 1.55;
  letter-spacing: 0.12em;
}
.kr_readings__content .has-large-font-size {
  font-size: 36px;
  line-height: 1.6;
}
.kr_readings__content .has-huge-font-size {
  font-size: 42px;
}

.fv_video_sp video {
  width: 100%;
}
@media (min-width: 561px) {
  .fv_video_sp {
    display: none;
  }
}
@media (max-width: 560px) {
  #ytbg {
    display: none;
  }
  .kr_main_visual {
    height: auto;
  }
  .fv_video_sp {
    display: block;
  }
}

/* hr装飾 */
.wp-block-separator {
  border-top: 1px solid #b9b9b9 !important;
  border-bottom: none !important;
  margin-bottom: 1.23em;
  display: block;
}

/* 検索後ページへのフォーム配置 */
.search_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 3em;
  padding-right: 2.5%;
  padding-left: 2.5%;
}

/* アーカイブリスト */
.archive_list {
  display: flex;
  border-top: 1px solid #eae6dd;
  align-items: center;
  gap: 1.5em;
  padding: 25px 0;
}
#news.index article section .list .archive_list_category li {
  border: none;
}
#news.index article section .list .archive_list_category a {
  border: none;
  border-radius: 5px;
  background: #ebe5d7;
  font-size: 85%;
  padding: 7px 10px 8px;
  width: 9em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
}
#news.index article section .list a span {
  line-height: unset;
}
#news.index article section .list .archive_list > a {
  width: auto;
  flex: 1;
  border: none;
  padding: 0;
}
@media screen and (max-width: 736px) {
  .archive_list {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0;
    font-size: 85%;
    padding-bottom: 15px;
  }
  .archive_list_category {
    padding-bottom: 3px;
    width: calc(100% - 8em);
    box-sizing: border-box;
  }
  #news.index article section .list .archive_list_category a::after {
    display: none;
  }
  #news.index article section .list .archive_list > a {
    width: calc(100% - 8em);
    flex: unset;
  }
  #news.index article section .list a:after {
    top: calc(50% - 4px);
  }
  #news.index article section .list a span {
    padding: 10px 0 10px 10px;
  }
  #news.index article section .list .archive_list time {
    width: 8em;
  }
}

#top #sec3 li {
  display: flex;
  gap: 1.5em;
  align-items: center;
  padding: 25px 0;
}
#top #sec3 .date {
  padding: 0;
}
#top #sec3 .cat {
  border-radius: 5px;
  font-size: 85%;
  padding: 7px 10px 8px;
  width: 9em;
}
@media screen and (max-width: 736px) {
  #top #sec3 li {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0;
    font-size: 85%;
    padding-bottom: 15px;
  }
  #top #sec3 .date {
    width: 8em;
  }
  #top #sec3 .cat_wrapper,
  #top #sec3 li a {
    width: calc(100% - 8em);
  }
}

/* サイドバーのお知らせ非表示処理 */
#sidebar .ctid_85 {
  display: none;
}

/* 2024.02.21追記 */
#footer .f_link .kr_footer_menu--lower ul:first-child {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

/*追記 */
.kr_icon_title.kr_icon_title--gray {
  font-weight: bold;
  text-shadow: currentcolor 0.02em 0px 0px;
  font-size: 1.38em; /* クレジットカード決済などと同じ大きさに統一 */
}

#top #header .logo {
  margin-top: 0;
}

/* ==========================================================================
   4. kajidonya_renew_global.min.css
   ========================================================================== */

.kr_n_nav_latest__date {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.kr_mb_00 {
  margin-bottom: 0 !important;
}

.kr_mb_05 {
  margin-bottom: 0.5rem !important;
}

.kr_mb_x {
  margin-bottom: 0.8rem !important;
}

.kr_mb_s {
  margin-bottom: 0.5rem !important;
}

.kr_mb_xx {
  margin-bottom: 1.3rem !important;
}

.kr_mb_xxx {
  margin-bottom: 2.1rem !important;
}

@media screen and (max-width: 736px) {
  .kr_mb_xxx.for_sp {
    margin-bottom: 1.3rem !important;
  }
}
.kr_mb_xxxx {
  margin-bottom: 3.39rem !important;
}

@media screen and (max-width: 736px) {
  .kr_mb_xxxx.for_sp {
    margin-bottom: 2.1rem !important;
  }
}
.kr_mb_xxxxx {
  margin-bottom: 5.49rem !important;
}

.kr_mb_xxxxxx {
  margin-bottom: 8.88rem !important;
}

.kr_mb_xxxxxxx {
  margin-bottom: 14.36rem !important;
}

.kr_mt_00 {
  margin-top: 0 !important;
}

.kr_mt_x {
  margin-top: 0.8rem !important;
}

.kr_mt_xx {
  margin-top: 1.3rem !important;
}

.kr_mt_xxx {
  margin-top: 2.1rem !important;
}

.kr_mt_xxxx {
  margin-top: 3.39rem !important;
}

@media screen and (max-width: 736px) {
  .kr_mt_xxxx.for_sp {
    margin-top: 2.1rem !important;
  }
}
.kr_mt_xxxxx {
  margin-top: 5.49rem !important;
}

.kr_mt_xxxxxx {
  margin-top: 8.88rem !important;
}

@media screen and (max-width: 736px) {
  .kr_mt_xxx_sp {
    margin-top: 2.1rem !important;
  }
}
@media screen and (max-width: 736px) {
  .kr_mt_xxxx_sp {
    margin-top: 3.39rem !important;
  }
}
.kr_pt_00 {
  padding-top: 0 !important;
}

.kr_pt_xx {
  padding-top: 1.3rem;
}

.kr_pt_xxx {
  padding-top: 2.1rem;
}

.kr_pt_xxxx {
  padding-top: 3.39rem !important;
}

.kr_pt_xxxxx {
  padding-top: 5.49rem;
}

.kr_pt_xxxxxx {
  padding-top: 8.88rem;
}

.kr_pt_65 {
  padding-top: 6.5rem;
}

.kr_pb_00 {
  padding-bottom: 0 !important;
}

.kr_pb_xx {
  padding-bottom: 1.3rem !important;
}

.kr_pb_xxx {
  padding-bottom: 2.1rem;
}

.kr_pb_xxxx {
  padding-bottom: 3.39rem;
}

.kr_pb_xxxxx {
  padding-bottom: 5.49rem;
}

.kr_pb_xxxxxx {
  padding-bottom: 8.88rem;
}

@media screen and (max-width: 736px) {
  .kr_pb_xxxxx_sp {
    padding-bottom: 5.49rem;
  }
}
@media screen and (max-width: 736px) {
  .kr_pt_tb_00 {
    padding-top: 0;
  }
}
@media screen and (max-width: 736px) {
  .kr_pt_xxx_sp {
    padding-top: 2.1rem !important;
  }
}
.kr_solid_round_btn {
  color: #fff;
  background: #393939;
  display: inline-block;
  padding: 0.5em 1.5em;
  line-height: 1.2;
  border-radius: 2em;
  position: relative;
  padding: 1.1em 4.47em 1.1em 1.54em;
  text-decoration: none;
}

.kr_solid_round_btn::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/common/white_right_arrow.svg) center center/contain no-repeat;
  width: 0.47em;
  height: 0.85em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
}

.kr_solid_round_btn--center {
  padding: 1.1em 3.85em 1.1em 2.62em;
}

.kr_solid_round_btn--ivory {
  background: #e4e0d4;
  color: #646464;
}

.kr_solid_round_btn--ivory::after {
  background-image: url(../img/common/button_arrow_black.svg);
}

@media screen and (max-width: 736px) {
  .kr_solid_round_btn {
    font-size: 0.85em;
  }
}
.kr_normal_link {
  text-decoration: underline;
}

@media screen and (max-width: 736px) {
  .kr_hide_tb {
    display: none;
  }
}
.kr_show_tb {
  display: none;
}

@media screen and (max-width: 736px) {
  .kr_show_tb {
    display: block;
  }
}
.kr_ta_center {
  text-align: center;
}

:root {
  --gray: #646464;
}

.kr_header {
  right: 87px;
  top: 18px;
  z-index: 0;
}

@media screen and (max-width: 736px) {
  .kr_header {
    background: #fefcf2;
    -webkit-transition: none;
    transition: none;
  }
}
body {
  overflow: unset;
}

body #header::after {
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.21);
  z-index: 999;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}

body.kn_position_fixed #header::after {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: auto;
  opacity: 1;
}

body.kn_position_fixed {
  overflow: hidden;
}

body#top header, body#top .main_visual_wrapper {
  opacity: 0;
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
}

body#top.start header, body#top.start .main_visual_wrapper {
  opacity: 1;
}

#kr_menu_opener {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

@media screen and (max-width: 736px) {
  #kr_menu_opener {
    position: absolute;
  }
}
#kr_menu_opener {
  top: 0px;
}

@media screen and (max-width: 736px) {
  #kr_menu_opener {
    top: 0px;
  }
}
#top #kr_menu_opener {
  top: 0px;
}

@media screen and (max-width: 736px) {
  #top #kr_menu_opener {
    top: 0;
  }
}
.sp_logo_wrap {
  background: none;
  position: fixed;
  display: table;
  top: -30px;
  left: 0;
}

.sp_logo_wrap__logo {
  width: auto;
  height: 145px;
  position: absolute;
  top: -145px;
  -webkit-transition: 0.3s ease !important;
  transition: 0.3s ease !important;
}

@media screen and (max-width: 736px) {
  .sp_logo_wrap {
    display: block;
    position: fixed;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    top: 0px;
    left: 0;
    z-index: 0;
    background: #fffcf5;
    height: 58px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    padding-left: 3.59%;
    padding-top: 4px;
  }
  .sp_logo_wrap__logo {
    width: auto;
    height: 50px;
    position: absolute;
    top: -58px;
    -webkit-transition: 0.3s ease !important;
    transition: 0.3s ease !important;
  }
}
@media screen and (max-width: 736px) {
  #top .sp_logo_wrap {
    top: 0;
  }
}
#header.kr_half_scrolled .sp_logo_wrap__logo {
  top: 0px !important;
}

@media screen and (max-width: 736px) {
  #header #kr_menu_opener {
    position: fixed;
  }
  #header.kr_scrolled .sp_logo_wrap__logo {
    top: 4px !important;
  }
  #header.kr_page_header .sp_logo_wrap__logo {
    top: 4px !important;
  }
}
#header.kr_half_scrolled .sp_logo_wrap__logo {
  top: 30px !important;
}

@media screen and (max-width: 736px) {
  #header.kr_half_scrolled .sp_logo_wrap__logo {
    top: 4px !important;
  }
}
#top #header.kr_half_scrolled .sp_logo_wrap__logo {
  top: 30px !important;
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  #top #header.kr_half_scrolled .sp_logo_wrap__logo {
    top: 4px !important;
    margin-top: 0;
  }
}
#sp_header {
  z-index: -1;
}

@media screen and (max-width: 736px) {
  #sp_header {
    padding-top: 58px;
  }
}
@media screen and (max-width: 736px) {
  .kr_page_header #sp_header .logo {
    display: none !important;
  }
}
.kr_menu_btn {
  padding-left: 19px;
  padding-right: 19px;
}

.kr_menu_btn span {
  opacity: 0;
  margin: 5px 0;
}

@media screen and (max-width: 736px) {
  .kr_menu_btn {
    width: 58px;
    height: 58px;
    padding-left: 17px;
    padding-right: 17px;
  }
}
.kr_n_nav_solid {
  background: #f8f7f0;
  padding-left: 1.54em;
  padding-right: 1.54em;
  padding-top: 2.16em;
  padding-bottom: 2.16em;
  margin-right: 25px !important;
}

.kr_n_nav_block__inner {
  padding-left: 1.54em;
  padding-right: 1.54em;
}

.kr_n_nav_block {
  margin-bottom: 3.39rem !important;
}

.kr_n_nav_block--nb {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_block {
    margin-bottom: 1.3rem !important;
  }
}
.kr_nav_new {
  height: 100vh;
  height: 100dvh;
  overflow: auto;
  right: -540px;
  width: 540px !important;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 1;
  position: fixed;
  top: 0;
  overflow-y: scroll;
  z-index: 2;
}

.kr_nav_new.kr_show {
  right: 0;
}

@media screen and (max-width: 736px) {
  .kr_nav_new {
    max-width: 344px;
    width: 100% !important;
    right: -344px;
  }
}
.kr_n_nav {
  font-size: 13px;
  line-height: 1.5;
  padding: 1.54em 0 3.47em;
}

.kr_n_nav p {
  line-height: 1.5;
}

.kr_n_nav {
  background: #f5f2e8;
}

@media screen and (max-width: 736px) {
  .kr_n_nav {
    padding: 0.93rem 0 1.93rem;
  }
}
.kr_n_nav {
  padding-top: 20px;
}

@media screen and (max-width: 736px) {
  .kr_n_nav {
    padding-top: 15px;
  }
}
#top .kr_n_nav {
  padding-top: 20px;
}

@media screen and (max-width: 736px) {
  #top .kr_n_nav {
    padding-top: 20px;
  }
}
.kr_search {
  position: relative;
  display: block;
  position: relative;
  width: 495px;
  margin-left: 0;
  margin-right: 0;
}

.kr_search__input {
  width: 100%;
  margin-right: 0;
  height: 42px;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  padding-right: 41px;
}

.kr_search__submit {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

@media screen and (max-width: 736px) {
  .kr_search {
    width: 100%;
  }
  .kr_search__submit {
    right: 13px;
  }
}
.kr_of_hidden {
  overflow: hidden;
}

.kr_n_nav_header {
  padding: 0 1.54em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.31em 0;
}

.kr_n_nav_header .kr_n_nav_lang {
  grid-column: 1/3;
  grid-row: 1/2;
}

.kr_n_nav_header .kr_n_nav_search {
  grid-column: 1/3;
  grid-row: 2/3;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_header {
    padding: 0 1.16em;
  }
}
.kr_n_nav_lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 0.77em;
}

.kr_n_nav_lang__select {
  background: #fff;
  border: none;
  color: var(--gray);
  width: 180px;
  height: 32px;
  font-size: 1em;
  padding-left: 20px;
}

.kr_n_nav_lang__label {
  font-size: 0.93em;
  letter-spacing: 0.1em;
  line-height: 1.2;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_lang__select {
    max-width: 125px;
  }
}
.kr_n_nav_search {
  margin-bottom: 2.31em !important;
}

.kr_n_nav_search ::-webkit-input-placeholder {
  font-size: 15px;
}

.kr_n_nav_search ::-moz-placeholder {
  font-size: 15px;
}

.kr_n_nav_search :-ms-input-placeholder {
  font-size: 15px;
}

.kr_n_nav_search ::-ms-input-placeholder {
  font-size: 15px;
}

.kr_n_nav_search ::placeholder {
  font-size: 15px;
}

.kr_n_nav_admin_wrap {
  position: absolute;
  top: 17px;
  right: 68px;
  width: 120px !important;
}

.kr_n_nav_admin_wrap--fixed {
  position: fixed;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_admin_wrap {
    top: 13px;
    right: 60px;
  }
}
.kr_n_nav_admin_wrap {
  top: 15px;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_admin_wrap {
    top: 10px;
  }
}
#top .kr_n_nav_admin_wrap {
  top: 16px;
}

@media screen and (max-width: 736px) {
  #top .kr_n_nav_admin_wrap {
    top: 12px;
  }
}
.kr_n_nav_admin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.kr_n_nav_admin__item {
  display: block;
  text-align: center;
  font-size: 0.85em;
  line-height: 1.2;
  letter-spacing: 0;
  padding: 0 10px;
}

.kr_n_nav_admin__item img.login {
  margin-bottom: 2px;
}

.kr_n_nav_admin__item p {
  color: #393939;
  font-weight: 700;
  line-height: 2;
}

.kr_n_nav_admin > * + * {
  border-left: 1px solid #bfbfbf;
}

.kr_n_nav_ttl {
  font-size: 1.47em;
  letter-spacing: 0.1em;
  margin-bottom: 0.6rem;
  padding-left: 1.1em;
  padding-right: 1.1em;
}

.kr_n_nav_ttl__ja {
  font-size: 0.65em;
  letter-spacing: 0.15em;
}

.kr_n_nav_sub_ttl {
  font-size: 1.08em;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 0.8rem;
  padding-left: 0.62em;
}

.kr_n_nav_ttl_small {
  font-size: 1.08em;
  letter-spacing: 0.1em;
  margin-bottom: 0.8rem;
}

.kr_n_nav_ttl_small--shift_in {
  padding-left: 0.2em;
}

.kr_n_nav_list {
  margin-bottom: 2.1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0 28px;
}

.kr_n_nav_list > * {
  -ms-flex-item-align: start;
  align-self: start;
}

.kr_n_nav_list__item {
  border-top: 1px solid rgba(191, 191, 191, 0.57);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -1px;
}

.kr_n_nav_list.even .kr_n_nav_list__item:last-child, .kr_n_nav_list.even .kr_n_nav_list__item:nth-last-child(2) {
  border-bottom: 1px solid rgba(191, 191, 191, 0.57);
}

.kr_n_nav_list.odd .kr_n_nav_list__item:last-child, .kr_n_nav_list.odd .kr_n_nav_list__item:nth-last-child(2) {
  border-bottom: 1px solid rgba(191, 191, 191, 0.57);
}

.kr_n_nav_list__link {
  text-decoration: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 5px;
  position: relative;
}

.kr_n_nav_list__link--high {
  padding: 18px 5px;
}

.kr_n_nav_list__link {
  padding-right: 20px;
}

.kr_n_nav_list__link::after {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 10px;
  background: url(../img/common/button_arrow_small.svg) center center/contain no-repeat;
}

.kr_n_nav_list__fig {
  width: 17.5%;
  aspect-ratio: 1/1;
  height: 0;
  padding-bottom: 17.5%;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.kr_n_nav_list__fig img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}

.kr_n_nav_list__ttl {
  font-size: 0.93em;
  font-weight: 600;
  line-height: 1.5;
}

.kr_n_nav_list--vertical {
  grid-template-columns: 1fr;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_list {
    grid-template-columns: 1fr;
  }
  .kr_n_nav_list__fig {
    width: 14%;
    padding-bottom: 14%;
  }
  .kr_n_nav_list.even .kr_n_nav_list__item:nth-last-child(2) {
    border-bottom: none;
  }
  .kr_n_nav_list.odd .kr_n_nav_list__item:nth-last-child(2) {
    border-bottom: none;
  }
  .kr_n_nav_list--vertical {
    grid-template-columns: 1fr 1fr;
    background: #f0eee1;
    gap: 0;
    width: 100%;
  }
  .kr_n_nav_list--vertical .kr_n_nav_list__item {
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.57);
    border-right: 1px solid hsla(0, 0%, 100%, 0.57);
  }
  .kr_n_nav_list--vertical .kr_n_nav_list__item:nth-child(2n) {
    border-right: none;
  }
  .kr_n_nav_list--vertical .kr_n_nav_list__link {
    padding: 15px 5.62%;
  }
  .kr_n_nav_list--vertical .kr_n_nav_list__link::after {
    display: none;
  }
  .kr_n_nav_list--vertical .kr_n_nav_list__fig {
    width: 18.88%;
    padding-bottom: 18.88%;
  }
}
.kr_icon_grid {
  position: relative;
  padding-left: 1.4em;
  display: block;
}

.kr_icon_grid::before {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  top: 0.4em;
  left: 0;
  background: url(../img/common/grid_icon.svg) center center/contain no-repeat;
}

.kr_n_nav_latest {
  display: grid;
  background: #fff;
  padding: 15px 10px;
  margin-bottom: 1.3rem;
  grid-template-columns: 30% auto;
  grid-template-rows: auto auto 1fr;
  gap: 0 17px;
}

.kr_n_nav_latest > * {
  -ms-flex-item-align: start;
  align-self: start;
}

.kr_n_nav_latest__fig {
  grid-column: 1/2;
  grid-row: 1/4;
  width: 100%;
  aspect-ratio: 5/3;
  position: relative;
}

.kr_n_nav_latest__fig img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.kr_n_nav_latest__ttl {
  grid-column: 2/3;
  grid-row: 3/4;
  font-size: 1.08em;
  line-height: 1.2;
  letter-spacing: 0.01em;
  align-self: stretch;
}

.kr_n_nav_latest__term {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 0.85em;
  align-self: stretch;
  margin-bottom: 0.2rem;
}

.kr_n_nav_latest__term span {
  background: #e4e0d4;
  display: table;
  padding: 0.2em 0.8em;
}

.kr_n_nav_latest__date {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-bottom: 0.15rem;
  align-self: stretch;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_latest {
    padding: 6px 10px 10px;
    grid-template-columns: 41.27% auto;
    gap: 0 12px;
  }
  .kr_n_nav_latest__fig {
    grid-column: 1/2;
    grid-row: 2/4;
  }
  .kr_n_nav_latest__date {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .kr_n_nav_latest__term {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .kr_n_nav_latest__ttl {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}
.kr_n_nav_bn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.7em 2.16em;
  margin-bottom: 1.3rem;
}

.kr_n_nav_bn__link {
  display: block;
  font-size: 1.31em;
}

.kr_n_nav_bn__ja {
  font-size: 0.7em;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_bn {
    grid-template-columns: 1fr;
  }
}
.kr_n_nav_bn_img {
  display: block;
  position: relative;
  overflow: hidden;
}

.kr_n_nav_bn_img::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.21);
  top: 0;
  left: 0;
  z-index: 1;
}

.kr_n_nav_bn_img__fig {
  width: 100%;
  aspect-ratio: 3/2;
  height: 0;
  padding-bottom: 57%;
}

.kr_n_nav_bn_img__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s ease !important;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
}

.kr_n_nav_bn_img__txt {
  position: absolute;
  width: 100% !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  z-index: 2;
}

.kr_n_nav_bn_img__txt::after {
  content: "";
  height: 1px;
  width: 30px;
  background: #fff;
  display: block;
  margin: 0.5em auto;
}

.kr_n_nav_bn_img__en {
  font-size: 1.62em;
  letter-spacing: 0.1em;
}

.kr_n_nav_bn_img__ja {
  font-size: 0.93em;
  letter-spacing: 0.08em;
}

.kr_n_nav_bn_img:hover .kr_n_nav_bn_img__img {
  -webkit-transition: -webkit-transform 0.3s ease !important;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}

.kr_n_nav_bn_img--reading_bottom {
  font-size: 1.1em;
}

.kr_n_nav_bn_img--reading_bottom .kr_n_nav_bn_img__fig {
  padding-bottom: 37%;
}

.kr_n_nav_bn_img--reading_bottom .kr_n_nav_bn_img__en {
  line-height: 1.4;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_bn_img__fig {
    padding-bottom: 42%;
  }
  .kr_n_nav_bn_img--reading_bottom {
    font-size: 0.9em;
  }
}
.kr_flex_half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}

.kr_flex_half > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

@media screen and (max-width: 736px) {
  .kr_flex_half {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .kr_flex_half > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
.kr_n_nav_bn_small {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.8rem;
  padding-bottom: 2.1rem;
  border-bottom: 1px solid #e0dbce;
  gap: 0.77em 2.16em;
}

.kr_n_nav_bn_small a {
  font-size: 0.93em;
  font-weight: 600;
}

@media screen and (max-width: 736px) {
  .kr_n_nav_bn_small {
    grid-template-columns: 1fr;
  }
}
.kr_n_nav_bn_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0px 2.16em;
  align-items: center;
}

.kr_n_nav_bn_sns img {
  vertical-align: middle;
}

.kr_n_nav_bn_sns__link {
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #bfbfbf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  margin-top: 0;
  margin-bottom: 3.39rem;
}

.wp-pagenavi .pages {
  color: #646464;
}

.wp-pagenavi > span, .wp-pagenavi > a, .wp-pagenavi span.current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  border: none !important;
}

.wp-pagenavi > a, .wp-pagenavi > span.extend {
  background: rgba(57, 57, 57, 0.27);
}

.wp-pagenavi > a:hover, .wp-pagenavi > span.extend:hover {
  border: none !important;
}

.wp-pagenavi > span.current {
  background: #393939;
}

@media screen and (max-width: 736px) {
  .wp-pagenavi {
    gap: 0px;
  }
  .wp-pagenavi > span, .wp-pagenavi > a, .wp-pagenavi span.current {
    width: 30px;
    height: 30px;
    font-size: 10px;
  }
}
.kr_light_dark_back {
  background: rgba(243, 241, 231, 0.82);
  padding: 3.39rem 0 5.49rem;
}

.kr_light_dark_back--single {
  padding-top: 5.49rem;
}

.kr_light_dark_back--related {
  margin-bottom: 5.49rem;
}

.kr_light_dark_back--white {
  background: #fff;
}

@media screen and (max-width: 736px) {
  .kr_light_dark_back {
    padding-top: 3.39rem;
  }
  .kr_light_dark_back--single {
    padding-top: 1.3rem;
  }
  .kr_light_dark_back--related {
    padding-bottom: 2.1rem;
    margin-bottom: 2.1rem;
  }
}
.kr_ja_en_ttl {
  font-size: 2em;
  letter-spacing: 0.08em;
  line-height: 1.7;
  text-align: center;
  display: table;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}

.kr_ja_en_ttl__sub {
  font-size: 0.54em;
  letter-spacing: 0.15em;
  display: block;
}

@media screen and (max-width: 736px) {
  .kr_ja_en_ttl {
    font-size: 1.85em;
  }
}
.kr_bg_area {
  background: #fffcf4;
}

#kr_loading {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: #fffcf4;
  z-index: 9999;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#kr_loading.hide {
  opacity: 0;
  pointer-events: none;
}

#kr_loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#kr_loading img {
  opacity: 0.8;
  width: 150px;
  -webkit-animation: jumping 2s linear infinite;
  animation: jumping 2s linear infinite;
}

@media screen and (max-width: 736px) {
  #kr_loading img {
    width: 80px;
  }
}
#top #kr_loading {
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}

@-webkit-keyframes jumping {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes jumping {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.kr_np_banner {
  text-align: center;
}

.kr_np_banner a {
  display: block;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.kr_np_banner a:hover {
  opacity: 0.8;
}

.kr_np_banner img {
  height: auto;
}

.kr_np_banner {
  padding-top: 6.16rem;
  padding-bottom: 6.16rem;
}

@media screen and (max-width: 736px) {
  .kr_np_banner {
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
  .kr_np_banner img {
    width: 87.4vw;
  }
}
.kr_np_banner_nav {
  margin-bottom: 2.5rem !important;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.kr_np_banner_nav:hover {
  opacity: 0.8;
}

.kr_np_banner_nav {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}

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

.kr_n_nav_search {
  position: relative;
}

.kr_n_nav_search .kr_search {
  z-index: 10;
  width: 100% !important;
}

.kr_search_keywords {
  background: #f8f7f0;
  position: absolute;
  height: auto;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 10px 10px 15px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  width: 105% !important;
  left: -2.5%;
  top: -12px;
  padding-top: 65px;
}

@media screen and (max-width: 736px) {
  .kr_search_keywords {
    background: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    padding-top: 0 !important;
    margin-top: 10px !important;
    padding: 0;
  }
}
.kr_search_words_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.kr_search_words_list li {
  margin-bottom: 0;
}

.kr_search_words_list li a {
  font-size: 14px;
  padding: 0.5em 1em !important;
}

@media screen and (max-width: 736px) {
  .kr_search_words_list li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 736px) {
  .kr_search_words_list li a {
    font-size: 13px;
  }
}
.kr_fixed_cart_btn {
  display: none;
}

.kr_fixed_cart_btn:has(input[type=submit]) {
  padding: 10px;
  display: table !important;
  position: fixed;
  bottom: 10px;
  right: calc(50vw - 598px);
  z-index: 999999;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  background: #f8f7f0;
  border: 2px solid #e0dbce;
}

.kr_fixed_cart_btn:has(input[type=submit]).kr_show {
  opacity: 1;
}

.kr_fixed_cart_btn:has(input[type=submit]) .cartjs_sales_price {
  display: none;
}

.kr_fixed_cart_btn:has(input[type=submit]) .cartjs_product_num td:first-child {
  padding-right: 10px;
}

.kr_fixed_cart_btn:has(input[type=submit]) .cartjs_product_num td {
  padding-top: 0;
  padding-bottom: 0 !important;
}

.kr_fixed_cart_btn:has(input[type=submit]) .cartjs_product_num td input {
  margin: 0 !important;
}

@media screen and (max-width: 736px) {
  .kr_fixed_cart_btn:has(input[type=submit]) {
    right: unset;
    left: 10px;
    padding: 5px;
  }
  .kr_fixed_cart_btn:has(input[type=submit]) .cartjs_product_num td input[type=submit] {
    font-size: 12px !important;
    height: 46px !important;
    width: 122px !important;
  }
}
@media screen and (max-width: 736px) {
  .kr_product_detail_footer_copyright {
    height: 100px;
  }
}
@media screen and (max-width: 736px) {
  .pageTop a {
    width: 60px;
    height: 60px;
    bottom: 10px;
    right: 10px;
  }
  .pageTop img {
    width: 60px;
    height: 60px;
  }
}
.form-submit {
  grid-column: 2/3;
  grid-row: 6/7;
}

@media screen and (max-width: 736px) {
  .form-submit {
    grid-column: 1/2;
    grid-row: 6/7;
  }
}
.comment-form-privacy-policy {
  grid-column: 1/3;
  grid-row: 5/6;
  text-align: right;
  padding: 10px 0 20px 0;
}

.comment-form-privacy-policy label {
  vertical-align: top;
}

.comment-form-privacy-policy a {
  text-decoration: underline;
}

@media screen and (max-width: 736px) {
  .comment-form-privacy-policy {
    grid-column: 1/2;
    grid-row: 5/6;
    text-align: center;
    padding-bottom: 35px;
    font-size: 13px;
  }
  .comment-form-privacy-policy label {
    line-height: 3;
    vertical-align: middle;
  }
  .comment-form-privacy-policy input {
    position: relative;
    top: 0.2em;
  }
}
.header_camp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 40px;
  background-color: #fddec9;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999999;
}

.header_camp a {
  text-decoration: none;
  color: #646464;
  display: block;
  width: 100%;
  text-align: center;
}

.header_camp a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 736px) {
  .header_camp {
    font-size: 12px;
    height: 30px;
  }
}
@media screen and (max-width: 350px) {
  .header_camp {
    font-size: 10px;
  }
}
#header .logo {
  position: absolute;
  top: 0px;
}

#top #header .logo {
  top: 0;
  margin-top: 40px;
}

.kr_tag_list_wrap {
  background: #fdfcf8;
  padding: 25px 20px 10px 20px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 736px) {
  .kr_tag_list_wrap {
    width: 100% !important;
  }
}
.kr_tag_list_wrap__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}

.kr_tag_list_wrap__ttl {
  font-size: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #646464;
  font-weight: 600;
  line-height: 1.1;
}

@media screen and (max-width: 736px) {
  .kr_tag_list_wrap__ttl {
    font-size: 12px;
  }
}
.kr_tag_inline_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}

.kr_tag_inline_list:first-child {
  margin-bottom: 8px;
}

.kr_sidebar_list li a, .kr_tag_inline_list a, .kr_search_words_list li a {
  display: block;
  padding: 0.7em 1em;
  color: #646464;
  background: rgba(243, 241, 231, 0.82);
  text-decoration: none;
  border-radius: 5em;
  border: 1px solid #646464;
  -webkit-transition: background 0.16s;
  transition: background 0.16s;
  font-weight: 500;
}

.kr_tag_inline_list a:hover, .kr_tag_inline_list a:focus {
  color: #c78a49;
}

.kr_tag_inline_list--more {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s ease, margin-top 0.35s ease;
  transition: max-height 0.35s ease, margin-top 0.35s ease;
  margin-bottom: 0 !important;
}

.kr_tag_inline_list--more.is-open {
  max-height: 99999px;
}

.kr_tag_more_button {
  cursor: pointer;
  display: inline-block;
  padding: 0 1.2em;
  border: none;
  background: none;
  color: #222;
  font-size: 0.9em;
  border-radius: 5em;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  font-weight: 500;
  line-height: 1;
  margin-top: 10px;
}

.kr_tag_more_button img {
  width: 14px;
}

.kr_tag_more_button[aria-expanded=true] {
  margin-top: 18px !important;
}

.kr_tag_more_button[aria-expanded=true] img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.kr_sidebar_list {
  list-style: none;
  padding: 0;
  margin: 12px 0 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kr_sidebar_list--side {
  gap: 5px;
}

@media screen and (max-width: 736px) {
  .kr_sidebar_list {
    margin: 12px 0 12px 0;
  }
  .kr_sidebar_list--side {
    gap: 10px;
  }
}
.kr_sidebar_list li {
  margin-bottom: 10px;
  padding: 0;
  margin: 0;
}

.kr_sidebar_list li a {
  padding: 0.5em;
  font-size: 12px;
}

.kr_sidebar_list li a:last-child {
  border: 1px solid #646464;
}

.kr_sidebar_list li a:hover, .kr_sidebar_list li a:focus {
  color: #c78a49;
} 

/* ==========================================================================
   5. kajidonya_renew_2024.min.css (scoped: html.kr-2024)
   ========================================================================== */

:where(.kr-2024) {  }
:where(.kr-2024) #contents {
  min-width: 1200px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) #contents {
    min-width: unset;
  }
}
:where(.kr-2024) .kr_gift_wrap {
  letter-spacing: 0.15em;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_gift_wrap p {
    text-align: justify;
  }
}
:where(.kr-2024) button:disabled {
  opacity: 0.33;
}
:where(.kr-2024) .kr_solid_bar {
  background: url("../img/common/tit_bg.png") repeat-y 8px #646464;
  color: #fff;
  padding: 13px 0 13px 30px;
  margin-bottom: 1.3rem;
  font-size: 1.4em;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_solid_bar {
    line-height: 1.4;
  }
}
:where(.kr-2024) .kr_small_solid_bar {
  margin: 25px 0;
  background: #f4f0e6;
  padding: 8px 0 8px 10px;
  font-weight: bold;
  color: #5c5c5c;
  font-size: 1.08em;
}
:where(.kr-2024) .kr_small_solid_bar::before {
  content: "";
  background: url(../img/products/stit_bg.png) no-repeat;
  width: 5px;
  height: 5px;
  display: block;
  float: left;
  margin: 5px 7px 0 0;
}
:where(.kr-2024) .kr_step_ttl {
  font-size: 1.39em;
}
:where(.kr-2024) .kr_step_ttl__number {
  font-weight: 700;
  display: inline-block;
  margin-right: 1.2em;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_step_ttl {
    line-height: 1.4;
  }
}
:where(.kr-2024) .kr_small_ttl {
  font-size: 1.39em;
  margin-bottom: 1.3rem;
}
:where(.kr-2024) .kr_lined_ttl {
  font-size: 1.16em;
  border-bottom: 1px solid #e5e1d6;
  margin: 55px 0 25px 0;
  padding-bottom: 10px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_lined_ttl {
    margin-top: 5rem;
  }
}
:where(.kr-2024) .kr_line_ttl, :where(.kr-2024) .kr_line_ttl_small {
  font-size: 1.93em;
  line-height: 1.4;
  letter-spacing: 0.15em;
  font-weight: 500;
}
:where(.kr-2024) .kr_line_ttl::after, :where(.kr-2024) .kr_line_ttl_small::after {
  content: "";
  display: block;
  width: 62px;
  height: 1px;
  background: #707070;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.3rem;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_line_ttl, :where(.kr-2024) .kr_line_ttl_small {
    font-size: 1.47em !important;
    margin-bottom: 1.3rem !important;
  }
  :where(.kr-2024) .kr_line_ttl::after, :where(.kr-2024) .kr_line_ttl_small::after {
    margin-top: 1rem;
  }
}
:where(.kr-2024) .kr_line_ttl_small {
  font-size: 1.39em;
  font-weight: 700;
}
:where(.kr-2024) .kr_line_ttl_small::after {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_line_ttl_small {
    font-size: 1.08em !important;
  }
}
:where(.kr-2024) .kr_fw_600 {
  font-weight: 600 !important;
}
:where(.kr-2024) .kr_fs_25 {
  font-size: 1.93em !important;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_fs_25 {
    font-size: 1.39em !important;
  }
}
:where(.kr-2024) .kr_fs_15 {
  font-size: 1.16em !important;
}
:where(.kr-2024) .kr_fs_14 {
  font-size: 1.08em !important;
}
:where(.kr-2024) .kr_fs_13 {
  font-size: 1em !important;
}
:where(.kr-2024) .kr_lh_21 {
  line-height: 2.1;
}
:where(.kr-2024) .kr_center_tb {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  :where(.kr-2024) .kr_center_tb_sp_original {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
:where(.kr-2024) .kr_ta_right {
  text-align: right;
}
:where(.kr-2024) .kr_ta_left {
  text-align: left;
}
:where(.kr-2024) .kr_ta_right_pc {
  text-align: right;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_ta_right_pc {
    text-align: left;
  }
}
:where(.kr-2024) .kr_normal_list {
  font-size: 1.08em;
  line-height: 2;
  list-style: disc;
  padding-left: 1.2em;
}
:where(.kr-2024) .kr_hr {
  display: block;
  border: none;
  border-top: 1px solid #e0dbce;
  margin: 3.39rem 0 3.39rem !important;
}
:where(.kr-2024) .kr_fluid {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_fluid {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
:where(.kr-2024) .kr_right_shift {
  padding-left: 0.8em;
}
:where(.kr-2024) .kr_product_section__title {
  font-size: 1.08em;
}
:where(.kr-2024) .logged-in-as {
  margin-bottom: 1rem;
}
:where(.kr-2024) .kr_movie h3 {
  margin-top: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_movie__spec {
    width: 100%;
  }
}
:where(.kr-2024) .manual_pdf {
  margin-bottom: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .manual_pdf {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_just_sp {
    text-align: justify;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_just_tb_nbr {
    text-align: justify;
  }
  :where(.kr-2024) .kr_just_tb_nbr br {
    display: none;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_anotation_block > * + * {
    margin-top: 0.5rem;
  }
  :where(.kr-2024) .kr_anotation_block {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_gift_small_block {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_flow img {
    max-width: 330px;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_border {
    border: 1px solid #e5e1d6;
  }
}
:where(.kr-2024) .kr_brown_back {
  background: #f4f0e5;
  text-align: center;
  padding: 0.8rem 50px;
  font-size: 1.24em;
}
:where(.kr-2024) .kr_brown_back__small {
  font-size: 0.94em;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_brown_back {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;
  }
  :where(.kr-2024) .kr_brown_back p {
    text-align: center;
  }
  :where(.kr-2024) .kr_brown_back > * + * {
    margin-top: 0.5rem;
  }
}
:where(.kr-2024) .kr_white_back {
  padding: 4.55%;
}
:where(.kr-2024) .kr_white_narrow_back {
  background: #fff;
  padding: 1.3rem 0 2.1rem 0;
}
:where(.kr-2024) .kr_photo_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4.19%;
}
:where(.kr-2024) .kr_photo_block__fig {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  margin: 0;
}
:where(.kr-2024) .kr_photo_block__img {
  width: 100%;
  height: auto;
}
:where(.kr-2024) .kr_photo_block__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
:where(.kr-2024) .kr_photo_block__ttl {
  font-size: 1.39em;
  margin-bottom: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
:where(.kr-2024) .kr_photo_block__ttl--grid {
  font-size: 1.7em;
  line-height: 1.7;
  margin-bottom: 2.65rem;
}
:where(.kr-2024) .kr_photo_block--start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
:where(.kr-2024) .kr_photo_block--grid {
  gap: 6%;
}
:where(.kr-2024) .kr_photo_block--np {
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 4.69rem;
}
:where(.kr-2024) .kr_photo_block--np:last-child {
  margin-bottom: 0;
}
:where(.kr-2024) .kr_photo_block--np .kr_photo_block__fig {
  width: 475px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_photo_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.7rem;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  :where(.kr-2024) .kr_photo_block__fig {
    -ms-flex-item-align: center;
    align-self: center;
  }
  :where(.kr-2024) .kr_photo_block__fig--grid {
    width: 80.2vw;
  }
  :where(.kr-2024) .kr_photo_block img {
    max-width: 100%;
  }
  :where(.kr-2024) .kr_photo_block__ttl--grid {
    font-size: 1.39em;
  }
  :where(.kr-2024) .kr_photo_block--grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 3%;
    padding-right: 3%;
  }
  :where(.kr-2024) .kr_photo_block--np p {
    line-height: 1.93;
  }
  :where(.kr-2024) .kr_photo_block--np .kr_photo_block__fig {
    width: 82.3vw;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) img.kr_full_with_photo_tb {
    width: 110vw !important;
    position: relative;
    left: -5vw;
  }
}
:where(.kr-2024) .product_pre_images .splide__image {
  width: 100%;
}
:where(.kr-2024) .product_pre_images .splide__arrows {
  padding-bottom: 67%;
  position: absolute;
  width: 100%;
}
:where(.kr-2024) .product_pre_images .splide__arrow {
  background: none;
  border: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
:where(.kr-2024) .product_pre_images .splide__arrow--prev {
  left: 15px;
}
:where(.kr-2024) .product_pre_images .splide__arrow--next {
  right: 15px;
}
:where(.kr-2024) .product_pre_images__img {
  position: relative;
  width: 100%;
  height: 100%;
}
:where(.kr-2024) .product_pre_images__img img {
  width: 100%;
}
:where(.kr-2024) .product_pre_images__ttl {
  font-size: 1.16em;
  font-weight: 700;
}
:where(.kr-2024) .product_pre_images__desc {
  font-size: 0.93em;
}
:where(.kr-2024) .product_pre_images__txt {
  position: relative;
  z-index: 1;
}
:where(.kr-2024) .product_pre_images__scroll {
  max-height: 75%;
  overflow: auto;
}
:where(.kr-2024) .product_thumbs .splide__thumbs_list {
  width: 100% !important;
}
:where(.kr-2024) .product_thumbs .splide__thumbs {
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-template-columns: repeat(6, 10px);
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where(.kr-2024) .product_thumbs .splide__thumb {
  width: 100%;
}
:where(.kr-2024) .product_thumbs .splide__slide {
  opacity: 0.2;
  width: 10px !important;
  height: 10px;
  background: #5c5c5c;
  border-radius: 50%;
}
:where(.kr-2024) .product_thumbs .splide__slide img {
  display: none;
}
:where(.kr-2024) .product_thumbs .splide__slide.is-active {
  opacity: 1;
}
:where(.kr-2024) .kr_content_narrow {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}
:where(.kr-2024) .comment:not(.depth-1) .comment-body, :where(.kr-2024) .comment.depth-1.kr_hide {
  overflow: hidden;
  height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
:where(.kr-2024) .comment:not(.depth-1) .comment-body.kr_show, :where(.kr-2024) .comment.depth-1 {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
:where(.kr-2024) .comment.depth-1 > .children {
  margin-top: 1.5rem;
  background: #fffcf4;
}
:where(.kr-2024) .comment.depth-1 > .children:has(.kr_open) {
  padding-bottom: 1.5rem;
}
:where(.kr-2024) .comment.depth-1 > .children:has(.kr_open) .children {
  margin-top: 18px;
}
:where(.kr-2024) .comment.depth-1 > .children:has(.kr_open) > * + * {
  margin-top: 18px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .comment-body {
    grid-template-rows: auto auto auto auto;
  }
  :where(.kr-2024) .comment-body .comment-title {
    grid-row: 1/2;
  }
  :where(.kr-2024) .comment-body .comment-author {
    grid-row: 4/5;
  }
  :where(.kr-2024) .comment-body .comment-meta {
    grid-row: 4/5;
  }
  :where(.kr-2024) .comment-body .comment-text {
    margin-bottom: 0.3rem;
  }
  :where(.kr-2024) .comment-body .kr_comment_more_btn {
    grid-row: 3/4;
  }
}
:where(.kr-2024) .children {
  margin-top: 0;
}
:where(.kr-2024) .children .comment {
  padding: 0 18px 0 18px;
  background: none;
}
:where(.kr-2024) .children .comment-body {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;
  line-height: 1.7;
}
:where(.kr-2024) .children .comment-body .comment-meta {
  grid-column: 1/3;
  grid-row: 1/2;
  text-align: left;
  margin-bottom: 0.8rem;
}
:where(.kr-2024) .children .comment-body .comment-author {
  grid-column: 3/4;
  grid-row: 1/2;
}
:where(.kr-2024) .children .comment-body .comment-title {
  grid-column: 1/4;
  grid-row: 2/3;
}
:where(.kr-2024) .children .comment-body .comment-title:empty {
  display: none;
}
:where(.kr-2024) .children .comment-body .comment-title::before {
  display: none;
}
:where(.kr-2024) .children .comment-body .comment-text {
  grid-column: 1/4;
  grid-row: 3/4;
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
:where(.kr-2024) .children .comment-body .comment-text p + p {
  margin-top: 1em;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .children .comment-body {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    line-height: 1.7;
  }
  :where(.kr-2024) .children .comment-body .comment-title {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  :where(.kr-2024) .children .comment-body .comment-author {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  :where(.kr-2024) .children .comment-body .comment-meta {
    grid-column: 1/2;
    grid-row: 3/4;
    text-align: right;
  }
  :where(.kr-2024) .children .comment-body .comment-text {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
:where(.kr-2024) .comment-meta__date {
  display: inline-block;
  margin-right: 0.5em;
}
:where(.kr-2024) .comment:not(.depth-1) {
  margin-bottom: 0;
}
:where(.kr-2024) .comment:not(.depth-1) .comment-body {
  padding-left: 0.8rem;
}
:where(.kr-2024) .comment:not(.depth-1) .comment-body.kr_show {
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}
:where(.kr-2024) .kr_comment_opener {
  color: #5c5c5c;
  cursor: pointer;
  border: none;
  background: none;
  display: block;
  width: 100%;
  position: relative;
  text-align: left;
  font-size: 13px;
  padding-top: 18px;
  padding-bottom: 18px;
}
:where(.kr-2024) .kr_comment_opener::before {
  content: "";
  display: inline-block;
  width: 0.77em;
  height: 0.93em;
  vertical-align: middle;
  background: url(../img/products/comment_balloon.svg) center center/contain no-repeat;
  margin-right: 0.5em;
}
:where(.kr-2024) .kr_comment_opener::after {
  content: "";
  display: inline-block;
  background: url(../img/products/plus_icon.svg) center center/100% no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 1.2em;
  height: 1.24em;
}
:where(.kr-2024) .kr_comment_opener.kr_open::after {
  background-image: url(../img/products/minus_icon.svg);
}
:where(.kr-2024) .kr_show_more {
  background: none;
  border: none;
  display: table;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  color: #5c5c5c;
  padding: 10px;
  cursor: pointer;
}
:where(.kr-2024) .kr_show_more::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/products/plus_icon.svg) center center/cover no-repeat;
  margin-right: 0.5em;
  vertical-align: middle;
  margin-bottom: 0.1em;
}
:where(.kr-2024) .kr_comment_text_wrap {
  position: relative;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_comment_text_wrap {
    grid-column: 1/3;
  }
}
:where(.kr-2024) .comment-text {
  overflow: hidden;
  line-height: 1.6;
  display: -webkit-box;
}
:where(.kr-2024) .comment-text .comment-title {
  grid-column: 1/2;
  grid-row: 2/3;
}
:where(.kr-2024) .comment-text .comment-text {
  grid-column: 1/2;
  grid-row: 3/4;
}
:where(.kr-2024) .comment-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  margin-bottom: 0.3rem;
}
:where(.kr-2024) .comment-text p {
  margin: 0;
  line-height: inherit;
}
:where(.kr-2024) .comment-text.kr_expanded {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
:where(.kr-2024) .comment-text.kr_expanded p + p {
  margin-top: 1em;
}
:where(.kr-2024) .kr_comment_more_btn {
  display: none;
  background: none;
  border: none;
  color: #5c5c5c;
  font-size: 13px;
  padding: 0.5em 0 0;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
}
:where(.kr-2024) .kr_comment_more_btn.kr_show {
  display: inline-block;
}
:where(.kr-2024) .kr_comment_more_btn__label::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 0.2em;
  margin-bottom: 0.1em;
  background: url(../img/common/button_arrow_small.svg) center center/contain no-repeat;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 1.2em;
  height: 0.8em;
}
:where(.kr-2024) .kr_comment_more_btn.kr_expanded .kr_comment_more_btn__label::after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
:where(.kr-2024) .kr_product_strength__text {
  font-size: 1em;
}
:where(.kr-2024) .kr_product_strength__text a {
  text-decoration: underline;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_product_strength__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 1rem 0;
  }
  :where(.kr-2024) .kr_product_strength__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
:where(.kr-2024) .kr_readings_latest__item figure a {
  display: block;
  padding-bottom: 58%;
  margin: 0 0 35px 0;
  margin-bottom: 35px;
  height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
:where(.kr-2024) .kr_readings_latest__item img {
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: unset !important;
  -ms-transform: unset !important;
  transform: unset !important;
}
:where(.kr-2024) .kr_readings_latest__item.kr_bb_none {
  border-bottom: none !important;
}
:where(.kr-2024) .kr_readings_full_thumbnail {
  width: 100%;
  position: relative;
  margin-bottom: 4rem;
}
:where(.kr-2024) .kr_readings_full_thumbnail img {
  width: 100%;
  height: auto;
}
:where(.kr-2024) #kr24_same_term_slider .splide__arrows {
  max-width: 744px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8px;
  position: absolute;
  top: -55px;
  right: 0;
}
:where(.kr-2024) #kr24_same_term_slider .splide__arrow {
  background: none;
  border: none;
  cursor: pointer;
  width: 42px;
  height: 43px;
  background: #eeeadf;
  position: relative;
}
:where(.kr-2024) #kr24_same_term_slider .splide__arrow svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
:where(.kr-2024) #kr24_same_term_slider .splide__arrow--prev {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
:where(.kr-2024) #kr24_same_term_slider .splide__pagination {
  position: relative;
  left: 50%;
  margin-top: 35px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
:where(.kr-2024) #kr24_same_term_slider .splide__pagination button {
  cursor: pointer;
  width: 10px;
  height: 10px;
  display: block;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: #eeeadf;
}
:where(.kr-2024) #kr24_same_term_slider .splide__pagination button.is-active {
  background: #5c5c5c;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) #kr24_same_term_slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 20px;
  }
  :where(.kr-2024) #kr24_same_term_slider .splide__arrows {
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
  }
  :where(.kr-2024) #kr24_same_term_slider .splide__pagination {
    margin-top: 20px;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_readings_content {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
:where(.kr-2024) .is_not_gift p {
  font-size: 11px;
  line-height: 1.37;
  padding-left: 27px;
  letter-spacing: 0;
}
:where(.kr-2024) .is_not_gift {
  position: relative;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
:where(.kr-2024) .is_not_gift--block {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
:where(.kr-2024) .is_not_gift::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url(../img/products/ng_box.svg) center center/contain no-repeat;
  width: 22px;
  height: 30px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .is_not_gift {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 1.3rem;
  }
}
:where(.kr-2024) #sec1::after {
  content: "";
  display: table;
  height: 0;
  clear: both;
}
:where(.kr-2024) .kr_top_main_v {
  width: 100%;
  height: 100dvh;
  position: relative;
  z-index: 1;
}
:where(.kr-2024) .kr_top_main_v video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_top_main_v {
    height: 120vw;
  }
}
:where(.kr-2024) .kr_section--wide {
  width: 1200px;
}
:where(.kr-2024) .kr_section--middle {
  width: 1100px;
}
:where(.kr-2024) .kr_section--full {
  width: 100%;
}
:where(.kr-2024) .kr_section--shift {
  position: relative;
  width: calc(50vw + 800px);
  left: calc(50vw - 800px);
  padding-top: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
:where(.kr-2024) .kr_section--small {
  width: 100%;
  padding-top: 0 !important;
}
@media screen and (max-width: 1250px) {
  :where(.kr-2024) .kr_section--shift {
    width: 100vw;
    left: 0;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_section {
    padding-top: 0.8rem;
  }
  :where(.kr-2024) .kr_section--shift {
    width: 95%;
    left: 5%;
  }
  :where(.kr-2024) .kr_section--wide, :where(.kr-2024) .kr_section--middle, :where(.kr-2024) .kr_section--small {
    width: 90%;
  }
  :where(.kr-2024) .kr_section--full_sp {
    width: 100%;
  }
}
:where(.kr-2024) .kr_howto_link {
  display: block;
  position: relative;
  overflow: hidden;
}
:where(.kr-2024) .kr_howto_link__txt {
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 5%;
  z-index: 9;
  max-width: 340px;
}
:where(.kr-2024) .kr_howto_link__ttl {
  font-size: 1.31em;
  font-weight: 700;
  line-height: 1.4;
}
:where(.kr-2024) .kr_howto_link__desc {
  font-size: 1em;
}
:where(.kr-2024) .kr_howto_link__img {
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
:where(.kr-2024) .kr_howto_link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, 0.36);
}
:where(.kr-2024) .kr_howto_link::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 2;
  background: url(../img/common/white_circle_arrow.svg) center center/contain no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5%;
}
:where(.kr-2024) .kr_howto_link:hover .kr_howto_link__img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_howto_link__txt {
    top: unset;
    bottom: 7%;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    max-width: 80%;
  }
  :where(.kr-2024) .kr_howto_link__ttl {
    font-size: 1.16em;
    font-weight: 700;
    width: 45vw;
  }
  :where(.kr-2024) .kr_howto_link__ttl_s {
    font-size: 0.8em;
  }
  :where(.kr-2024) .kr_howto_link__desc {
    font-size: 0.85em;
  }
  :where(.kr-2024) .kr_howto_link::after {
    width: 15px;
    height: 15px;
    top: unset;
    bottom: 5%;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }
}
:where(.kr-2024) .kr_four_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2px;
  margin-bottom: 2px;
}
:where(.kr-2024) .kr_photo_block_24 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
:where(.kr-2024) .kr_photo_block_24__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 51%;
}
:where(.kr-2024) .kr_photo_block_24__img img {
  width: 100%;
  height: auto;
}
:where(.kr-2024) .kr_photo_block_24 {
  gap: 0 4.42%;
}
:where(.kr-2024) .kr_photo_block_24__ttl {
  font-size: 1.54em;
  margin-bottom: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.95;
}
:where(.kr-2024) .kr_photo_block_24__desc {
  font-size: 1em;
  letter-spacing: 0.15em;
  line-height: 1.77;
}
:where(.kr-2024) .kr_photo_block_24__desc p {
  margin-bottom: 1.3rem;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_photo_block_24 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.1rem;
  }
  :where(.kr-2024) .kr_photo_block_24__img {
    width: 100%;
  }
  :where(.kr-2024) .kr_photo_block_24__ttl {
    font-size: 1.24em;
  }
}
:where(.kr-2024) .kr_en_ja_ttl {
  margin-bottom: 1.3rem;
  line-height: 1.21;
}
:where(.kr-2024) .kr_en_ja_ttl__en {
  font-size: 1.85em;
  letter-spacing: 0.1em;
}
:where(.kr-2024) .kr_en_ja_ttl__ja {
  font-size: 1em;
  letter-spacing: 0.15em;
  position: relative;
  bottom: 0.1em;
}
:where(.kr-2024) .kr_en_ja_ttl__ja::before {
  content: "";
  display: inline-block;
  width: 0.54em;
  height: 1em;
  margin-left: 1em;
  margin-right: 1em;
  background: url(../img/common/slash.svg) center center/contain no-repeat;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_en_ja_ttl__en {
    font-size: 1.7em;
  }
}
:where(.kr-2024) .kr_genre_link {
  text-decoration: none;
  position: relative;
}
:where(.kr-2024) .kr_genre_link .new {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: auto;
}
:where(.kr-2024) .kr_genre_link__img {
  position: relative;
  margin-bottom: 0.8rem;
  height: 0;
  padding-bottom: 97%;
}
:where(.kr-2024) .kr_genre_link__img img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_genre_link__img::before {
  content: "";
  display: block;
  position: absolute;
  width: 20.26%;
  height: 20.26%;
  background: url(../img/common/plus_icon.svg) center center/contain no-repeat;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9;
}
:where(.kr-2024) .kr_genre_link__img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
:where(.kr-2024) .kr_genre_link img {
  width: 100%;
  height: auto;
}
:where(.kr-2024) .kr_genre_link__txt {
  text-align: center;
  line-height: 1.2;
}
:where(.kr-2024) .kr_genre_link__ttl {
  font-size: 1.16em;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
:where(.kr-2024) .kr_genre_link__att {
  font-size: 0.85em;
  letter-spacing: 0;
}
:where(.kr-2024) .kr_genre_link__att p {
  line-height: 1.6;
}
:where(.kr-2024) .kr_genre_link:hover .kr_genre_link__img::before {
  opacity: 1;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
:where(.kr-2024) .kr_genre_link:hover .kr_genre_link__img::after {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_genre_link__ttl {
    font-size: 1.08em;
  }
  :where(.kr-2024) .kr_genre_link__txt {
    font-size: 0.93em;
  }
  :where(.kr-2024) .kr_genre_link__att {
    font-size: 0.77em;
  }
  :where(.kr-2024) .kr_genre_link__img--vertical_sp {
    height: 0;
    padding-bottom: 130%;
  }
  :where(.kr-2024) .kr_genre_link__img--vertical_sp img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
}
:where(.kr-2024) .kr_genre_slider {
  position: relative;
  left: -10px;
}
:where(.kr-2024) .kr_genre_slider--normal {
  left: 0;
}
:where(.kr-2024) .kr_genre_slider .splide__arrows {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8px;
  position: absolute;
  top: -55px;
  left: 1110px;
}
:where(.kr-2024) .kr_genre_slider .splide__arrow {
  background: none;
  border: none;
  cursor: pointer;
  width: 42px;
  height: 43px;
  background: #eeeadf;
  position: relative;
}
:where(.kr-2024) .kr_genre_slider .splide__arrow svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_genre_slider .splide__arrow svg path {
  fill: #645e52;
}
:where(.kr-2024) .kr_genre_slider .splide__arrow--prev svg {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
:where(.kr-2024) .kr_genre_slider .splide__track {
  overflow: unset;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_genre_slider {
    left: -10px;
  }
  :where(.kr-2024) .kr_genre_slider .splide__arrows {
    left: unset;
    gap: 5px;
    right: 2%;
    top: -48px;
  }
  :where(.kr-2024) .kr_genre_slider .splide__arrow {
    padding-right: 3%;
    width: 35px;
    height: 36px;
  }
}
:where(.kr-2024) .kr_section_header_24 p {
  font-size: 1.24em;
  text-align: center;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_section_header_24 p {
    font-size: 1em;
  }
}
:where(.kr-2024) .kr_pick_up, :where(.kr-2024) .kr_post_link__date, :where(.kr-2024) .kr_reading_cat_item__date, :where(.kr-2024) .kr_new_yomimono_sub__date, :where(.kr-2024) .kr_new_yomimono_main__date {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
:where(.kr-2024) .kr_new_yomimono_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.1rem;
}
:where(.kr-2024) .kr_new_yomimono_main__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 61.8%;
}
:where(.kr-2024) .kr_new_yomimono_main__img figure {
  width: 100%;
  height: 0;
  padding-bottom: 61%;
  position: relative;
}
:where(.kr-2024) .kr_new_yomimono_main__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_new_yomimono_main__ttl {
  font-size: 1.31em;
  line-height: 1.89;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #e0dbce;
  margin-bottom: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 400;
}
:where(.kr-2024) .kr_new_yomimono_main__desc {
  margin-bottom: 0.8rem;
}
:where(.kr-2024) .kr_new_yomimono_main__date {
  font-size: 1em;
  text-align: left;
}
:where(.kr-2024) .kr_new_yomimono_main__category {
  margin-bottom: 0.8rem;
}
:where(.kr-2024) .kr_new_yomimono_main:hover {
  color: #646464;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_new_yomimono_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.3rem;
    margin-bottom: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  :where(.kr-2024) .kr_new_yomimono_main__img {
    width: 100%;
  }
  :where(.kr-2024) .kr_new_yomimono_main__txt {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 0.5rem 0;
  }
  :where(.kr-2024) .kr_new_yomimono_main__desc {
    display: none;
  }
  :where(.kr-2024) .kr_new_yomimono_main__ttl {
    border-bottom: none;
    grid-column: 1/3;
    grid-row: 2/3;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 1.08em;
  }
  :where(.kr-2024) .kr_new_yomimono_main__date {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-left: 10px;
    padding-top: 0.1em;
  }
  :where(.kr-2024) .kr_new_yomimono_main__category {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 0;
  }
}
:where(.kr-2024) .kr_new_yomimono_sub {
  position: relative;
  display: block;
}
:where(.kr-2024) .kr_new_yomimono_sub__date {
  font-size: 1em;
  text-align: right;
  height: 1.57rem;
  font-weight: 400;
}
:where(.kr-2024) .kr_new_yomimono_sub__img {
  margin-bottom: 0.8rem;
  width: 100%;
  position: relative;
}
:where(.kr-2024) .kr_new_yomimono_sub__img figure {
  width: 100%;
  height: 0;
  padding-bottom: 61%;
  position: relative;
  margin-bottom: 0;
}
:where(.kr-2024) .kr_new_yomimono_sub__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_new_yomimono_sub__ttl {
  font-size: 1.16em;
  letter-spacing: 0.05em;
  font-weight: 400;
  line-height: 1.74;
  border-bottom: 1px solid #e0dbce;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
:where(.kr-2024) .kr_new_yomimono_sub__ttl.nb {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
:where(.kr-2024) .kr_new_yomimono_sub__desc {
  font-size: 0.93em;
  letter-spacing: 0.01em;
  line-height: 1.67;
}
:where(.kr-2024) .kr_new_yomimono_sub__desc p {
  line-height: 1.67;
}
:where(.kr-2024) .kr_new_yomimono_sub__category {
  position: absolute;
  top: 1.57rem;
  left: 0;
  z-index: 1;
  line-break: anywhere;
}
:where(.kr-2024) .kr_new_yomimono_sub:hover {
  color: #646464;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_new_yomimono_sub {
    display: grid;
    grid-template-columns: 47.97% auto 1fr;
    grid-template-rows: auto 1fr;
    gap: 0.5rem 0;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__img {
    grid-column: 1/2;
    grid-row: 1/3;
    margin-bottom: 0;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__img figure {
    padding-bottom: 0;
    width: 91%;
    height: 26vw;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__img img {
    width: 100%;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__ttl {
    grid-column: 2/4;
    grid-row: 2/3;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1em;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__date {
    grid-column: 3/4;
    grid-row: 1/2;
    text-align: left;
    padding-top: 0.1em;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__category {
    grid-column: 2/3;
    grid-row: 1/2;
    position: relative;
    top: unset;
    left: unset;
    margin-right: 8px;
  }
  :where(.kr-2024) .kr_new_yomimono_sub .kr_new_yomimono_sub__desc {
    display: none;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_new_yomimono_sub.first_post {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(3, auto);
    gap: 0.5rem 0;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__img {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 0.5rem;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__img img {
    width: 100%;
    height: 100%;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__ttl {
    grid-column: 1/2;
    grid-row: 3/4;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 1em;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__date {
    grid-column: 1/2;
    grid-row: 2/3;
    text-align: left;
    padding-top: 0.1em;
    height: auto;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__desc {
    display: none;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__img figure {
    width: 100%;
    height: 60vw;
  }
  :where(.kr-2024) .kr_new_yomimono_sub.first_post .kr_new_yomimono_sub__img img {
    width: 100%;
  }
}
:where(.kr-2024) .kr_img_hover {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
:where(.kr-2024) .kr_img_hover:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
:where(.kr-2024) .kr_category {
  background-color: #e4e0d4;
  color: #646464;
  font-size: 0.85em;
  line-height: 1.2;
  padding: 0.4em 1em;
  display: table;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_category {
    font-size: 0.77em;
    line-height: 1.1;
    padding: 0.4em 0.5em;
  }
}
:where(.kr-2024) .kr_three_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3.39rem 2.7%;
}
:where(.kr-2024) .kr_three_flex > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.5%;
  flex: 0 0 31.5%;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_three_flex {
    display: block;
    gap: 0;
  }
  :where(.kr-2024) .kr_three_flex > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: 1px solid #e0dbce;
  }
  :where(.kr-2024) .kr_three_flex > *:last-child {
    border-bottom: 1px solid #e0dbce;
    padding-bottom: 1.3rem;
  }
}
:where(.kr-2024) .kr_two_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3.39rem 4.29%;
}
:where(.kr-2024) .kr_two_flex > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 47.81%;
  flex: 0 0 47.81%;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_two_flex {
    display: block;
    gap: 0;
  }
  :where(.kr-2024) .kr_two_flex > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: 1px solid #e0dbce;
  }
  :where(.kr-2024) .kr_two_flex > *:last-child {
    border-bottom: 1px solid #e0dbce;
    padding-bottom: 1.3rem;
  }
}
:where(.kr-2024) .kr_lightbrown_back {
  background: rgba(243, 241, 231, 0.82);
}
:where(.kr-2024) .view_wrap {
  width: 580px;
  height: 580px;
  overflow: hidden;
  position: relative;
  float: left;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .view_wrap {
    width: 100%;
  }
}
:where(.kr-2024) .view_arrow {
  z-index: 999;
  background: none;
  border: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
}
:where(.kr-2024) .view_arrow--next {
  right: 2%;
}
:where(.kr-2024) .view_arrow--prev {
  left: 2%;
}
:where(.kr-2024) #product.detail #viewer img {
  pointer-events: none;
}
:where(.kr-2024) #product.index [id^=menu] .section h3 {
  line-height: 1.3;
}
:where(.kr-2024) #c_nav_col {
  display: none;
}
:where(.kr-2024) .kr_readings_header {
  margin-bottom: 2.1rem;
  padding-bottom: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_readings_header {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_single_header h1 {
    padding-bottom: 2.1rem !important;
  }
}
:where(.kr-2024) .kr_reading_cat_item__pad {
  font-size: 0.85em;
  text-align: right;
}
:where(.kr-2024) .kr_reading_cat_item__date {
  font-size: 1.18em;
  display: inline-block;
  margin-left: 0.8em;
}
:where(.kr-2024) .kr_reading_cat_item__img {
  margin-bottom: 1.3rem;
  height: 0;
  padding-bottom: 55%;
  position: relative;
}
:where(.kr-2024) .kr_reading_cat_item__img img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_reading_cat_item__ttl {
  font-size: 1.39em;
  text-align: center;
  margin-bottom: 1.3rem;
  background: none;
  padding: 0;
  letter-spacing: 0.05em;
}
:where(.kr-2024) .kr_reading_cat_item__desc {
  font-size: 1em;
  text-align: center;
  letter-spacing: 0.01em;
}
:where(.kr-2024) .kr_reading_cat_item__desc--left {
  text-align: left;
  font-size: 1.08em;
}
:where(.kr-2024) .kr_reading_cat_item__desc p {
  line-height: 1.92;
  text-align: left;
}
:where(.kr-2024) .kr_reading_cat_item:hover .kr_reading_cat_item__link {
  color: #646464;
  opacity: 0.8;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_reading_cat_item__ttl {
    font-size: 1.24em;
  }
  :where(.kr-2024) .kr_reading_cat_item__desc {
    font-size: 0.93em;
  }
}
:where(.kr-2024) .kr_post_grid_reading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 4rem 4%;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_post_grid_reading {
    grid-template-columns: 1fr;
    grid-auto-rows: unset;
    gap: 2.1rem 0;
  }
  :where(.kr-2024) .kr_post_grid_reading__elm {
    border-bottom: 1px solid #e0dbce;
    padding-bottom: 2.1rem;
  }
}
:where(.kr-2024) .kr_three_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 1rem 2.7%;
}
:where(.kr-2024) .kr_two_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 1rem 2.7%;
}
:where(.kr-2024) .kr_reading_switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
:where(.kr-2024) .kr_reading_switcher__list {
  margin-right: -1px;
}
:where(.kr-2024) .kr_box_btn {
  display: block;
  border: 1px solid #bfbfbf;
  min-width: 250px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  padding: 20px 0;
}
:where(.kr-2024) .kr_box_btn.current {
  background: #fdfcf8;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_box_btn {
    min-width: unset;
    width: 45vw;
    font-size: 12px;
  }
}
:where(.kr-2024) .kr_share_part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e0dbce;
  border-bottom: 1px solid #e0dbce;
  padding: 1.5rem 0.8rem;
  gap: 1rem;
}
:where(.kr-2024) .kr_share_part:first-child {
  border-bottom: none;
}
:where(.kr-2024) .kr_share_part__ttl {
  font-size: 14px;
  color: #646464;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_share_part {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
:where(.kr-2024) .kr_share_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
}
:where(.kr-2024) .kr_post_link {
  width: 50%;
}
:where(.kr-2024) .kr_post_link.left_line {
  border-left: 1px solid #e0dbce;
}
:where(.kr-2024) .kr_post_link--previous {
  margin-left: auto;
}
:where(.kr-2024) .kr_post_link__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4%;
  padding-right: 8%;
}
:where(.kr-2024) .kr_post_link__link--re {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 8%;
  padding-right: 0;
}
:where(.kr-2024) .kr_post_link__att {
  margin-bottom: 0.5rem;
}
:where(.kr-2024) .kr_post_link__term {
  font-size: 11px;
  background: #e4e0d4;
  line-height: 1.4;
  padding: 0.1rem 0.8em;
  display: inline-block;
  margin-right: 1em;
}
:where(.kr-2024) .kr_post_link__date {
  font-size: 13px;
}
:where(.kr-2024) .kr_post_link__img {
  width: 165px;
  margin-bottom: 0;
  padding-bottom: 21%;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
:where(.kr-2024) .kr_post_link__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_post_link__pad {
  font-size: 13px;
  margin-bottom: 0.5rem;
}
:where(.kr-2024) .kr_post_link__ttl {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.01em;
}
:where(.kr-2024) .kr_post_link:hover .kr_post_link__link {
  color: #646464;
  opacity: 0.8;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_post_link {
    width: 100%;
  }
  :where(.kr-2024) .kr_post_link.left_line {
    border: none;
    border-top: 1px solid #e0dbce;
    margin-top: 1.3rem;
    padding-top: 1.3rem;
  }
  :where(.kr-2024) .kr_post_link__ttl {
    font-size: 12px;
  }
  :where(.kr-2024) .kr_post_link__att {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  :where(.kr-2024) .kr_post_link__link {
    padding-left: 0;
    padding-right: 0;
  }
  :where(.kr-2024) .kr_post_link__date {
    font-size: 13px;
  }
  :where(.kr-2024) .kr_post_link__term {
    font-size: 10px;
  }
  :where(.kr-2024) .kr_post_link__img {
    width: 29%;
    padding-bottom: 17%;
  }
  :where(.kr-2024) .kr_post_link__link--re {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  :where(.kr-2024) .kr_post_link--previous {
    margin-left: unset;
  }
}
:where(.kr-2024) .kr_next_prev_link_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_next_prev_link_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
:where(.kr-2024) .kr_line_hr {
  border: none;
  border-top: 1px solid #e0dbce;
  display: block;
}
:where(.kr-2024) .kr_img_bk_btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.21);
  top: 0;
  left: 0;
  z-index: -1;
}
:where(.kr-2024) .kr_img_bk_btn {
  color: #fff;
  position: relative;
  display: block;
  max-width: 611px;
  text-align: center;
  padding: 30px 20px;
  margin-left: auto;
  margin-right: auto;
}
:where(.kr-2024) .kr_img_bk_btn__ttl {
  font-size: 25px;
}
:where(.kr-2024) .kr_img_bk_btn__ja {
  font-size: 14px;
}
:where(.kr-2024) .kr_img_bk_btn__head {
  line-height: 1.5;
}
:where(.kr-2024) .kr_img_bk_btn__head::after {
  content: "";
  display: block;
  width: 35px;
  height: 1px;
  background: #707070;
  margin: 16px auto;
}
:where(.kr-2024) .kr_img_bk_btn__head p {
  line-height: 1.4;
}
:where(.kr-2024) .kr_img_bk_btn__txt {
  font-size: 13px;
}
:where(.kr-2024) .kr_img_bk_btn__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_archive_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  :where(.kr-2024) .kr_archive_wrap .kr_readings_link {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  :where(.kr-2024) .kr_archive_wrap .kr_reading_aside_wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  :where(.kr-2024) .kr_archive_wrap .kr_archive {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
:where(.kr-2024) .grecaptcha-badge {
  visibility: hidden;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_reading_aside--pb_5_tb {
    padding-bottom: 5px;
  }
}
:where(.kr-2024) .kr_reading_cat_card__img {
  margin-bottom: 2.1rem;
}
:where(.kr-2024) .kr_reading_cat_card__img img {
  width: 100%;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) article#else {
    width: 95%;
    margin: 0 auto;
  }
}
:where(.kr-2024) .kr_header__link--margin_wide {
  margin-left: 0.5rem;
}
:where(.kr-2024) #news #header .kr_header_logo h1.logo a {
  top: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_block_right_tb {
    display: table;
    margin-left: auto;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_block_center_tb {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
:where(.kr-2024) .kr_pro_slider {
  width: 100%;
  position: relative;
}
:where(.kr-2024) .kr_pro_slider .splide__slide img {
  width: 100%;
}
:where(.kr-2024) .kr_pro_slider .splide__pagination {
  position: absolute;
  bottom: 2.8%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
:where(.kr-2024) .kr_pro_slider .splide__pagination li button {
  cursor: pointer;
  width: 10px;
  height: 10px;
  display: block;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: hsla(0, 0%, 100%, 0.3);
}
:where(.kr-2024) .kr_pro_slider .splide__pagination li button.is-active {
  background: #fff;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_pro_slider .splide__pagination {
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    left: unset;
    right: 4.11%;
    bottom: 1.93%;
  }
}
:where(.kr-2024) .kr_pick_up {
  font-size: 1em;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #fff;
  position: absolute;
  line-height: 1.5;
  left: 2.71%;
  top: 3.78%;
  z-index: 1;
}
:where(.kr-2024) .kr_pick_up::after {
  content: "";
  display: block;
  height: 1px;
  width: 17px;
  background: #fff;
  margin-top: 0.39rem;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_pick_up {
    font-size: 0.77em;
  }
  :where(.kr-2024) .kr_pick_up::after {
    width: 14px;
    margin-top: 0.24rem;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) #kr24_newarival_slider .splide__arrows {
    display: none;
  }
}
:where(.kr-2024) .kr_pro_slider_item {
  position: relative;
}
:where(.kr-2024) .kr_pro_slider_item figure {
  width: 100vw;
  height: 0;
  padding-bottom: 39%;
  position: relative;
  background: rgba(243, 241, 231, 0.82);
}
:where(.kr-2024) .kr_pro_slider_item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_pro_slider_item__txt_box {
  position: absolute;
  padding: 0 20px;
  bottom: 6.5%;
  right: 3.5%;
  color: #fff;
  max-width: 285px;
  z-index: 1;
}
:where(.kr-2024) .kr_pro_slider_item__ttl {
  font-size: 1.31em;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 0.39rem;
}
:where(.kr-2024) .kr_pro_slider_item__txt {
  font-size: 1em;
  letter-spacing: 0.01em;
  line-height: 1.7;
}
:where(.kr-2024) .kr_pro_slider_item__link {
  position: relative;
  width: 100%;
  display: block;
  height: 100%;
}
:where(.kr-2024) .kr_pro_slider_item__link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 465px;
  background: #fff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.4896223138)), to(rgba(255, 255, 255, 0.4868211933)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4896223138) 100%, rgba(255, 255, 255, 0.4868211933) 100%);
}
:where(.kr-2024) .kr_pro_slider_item a {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
:where(.kr-2024) .kr_pro_slider_item a:hover {
  opacity: 0.9;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_pro_slider_item figure {
    height: 100%;
    padding-bottom: 0;
  }
  :where(.kr-2024) .kr_pro_slider_item__txt_box {
    max-width: 100%;
    bottom: 5.5%;
  }
  :where(.kr-2024) .kr_pro_slider_item__ttl {
    font-size: 1.16em;
  }
  :where(.kr-2024) .kr_pro_slider_item__txt {
    font-size: 0.93em;
  }
  :where(.kr-2024) .kr_pro_slider_item__link::after {
    width: 100%;
    height: 70%;
    top: unset;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.4896223138)), to(rgba(255, 255, 255, 0.4868211933)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4896223138) 100%, rgba(255, 255, 255, 0.4868211933) 100%);
  }
}
:where(.kr-2024) .kr_en_ja_ttl_pro {
  font-size: 2em;
  letter-spacing: 0.1em;
  margin-bottom: 1.16rem;
}
:where(.kr-2024) .kr_en_ja_ttl_pro span {
  letter-spacing: 0.15em;
  font-size: 0.5em;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_en_ja_ttl_pro {
    font-size: 1.54em;
  }
}
:where(.kr-2024) .kr_genre_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 2.5rem 11px;
}
:where(.kr-2024) .kr_genre_list__item {
  text-align: center;
}
:where(.kr-2024) .kr_genre_list__item img {
  width: 100%;
  margin-bottom: 0.7rem;
}
:where(.kr-2024) .kr_genre_list__item a {
  text-decoration: none;
}
:where(.kr-2024) .kr_genre_list__ttl {
  font-size: 1em;
  letter-spacing: 0.15em;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_genre_list {
    grid-template-columns: 1fr 1fr;
  }
  :where(.kr-2024) .kr_genre_list br {
    display: none;
  }
}
:where(.kr-2024) .kr_pro_slider_pagination button {
  cursor: pointer;
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
:where(.kr-2024) .kr_pro_slider_pagination button:hover {
  opacity: 0.3;
}
:where(.kr-2024) .kr_pro_slider_pagination__prev {
  left: 1.5%;
}
:where(.kr-2024) .kr_pro_slider_pagination__next {
  right: 1.5%;
}
:where(.kr-2024) .kr_pro_slider_pagination__next img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
:where(.kr-2024) .kr_new_cat_body {
  display: grid;
  grid-template-columns: 21% 1fr;
  position: relative;
  gap: 0 2.93rem;
}
:where(.kr-2024) .kr_new_cat_body__right .wp-pagenavi {
  margin-top: 3.39rem;
  margin-bottom: 0;
}
:where(.kr-2024) .kr_new_cat_body:has(.wp-pagenavi) .kr_new_cat_body__left {
  padding-bottom: 6.5rem;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_new_cat_body {
    display: block;
  }
  :where(.kr-2024) .kr_new_cat_body__left {
    z-index: 999;
    position: sticky;
    top: 58px;
    overflow: hidden;
    margin-bottom: 2rem;
  }
  :where(.kr-2024) .kr_new_cat_body__left .kr_n_nav_list__link br {
    display: none;
  }
  :where(.kr-2024) .kr_new_cat_body:has(.wp-pagenavi) .kr_new_cat_body__left {
    padding-bottom: 0;
  }
}
:where(.kr-2024) .kr_cat_btn {
  display: none;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_cat_btn {
    border-top: 1px solid #efede6;
    border-bottom: 1px solid #efede6;
    border-left: none;
    border-right: none;
    display: block;
    margin-bottom: 0px;
    background: #fefcf2;
    font-size: 1em;
    font-weight: 700;
    width: 100vw;
    height: 46px;
    position: relative;
    font-size: 1em;
    letter-spacing: 0.1em;
    color: #646464;
    line-height: 1.5;
    padding-left: 5.63%;
    padding-right: 5.63%;
    text-align: left;
  }
  :where(.kr-2024) .kr_cat_btn::after {
    content: "";
    display: block;
    width: 9px;
    height: 5px;
    background: url(../img/common/cat_opener_arrow.svg) center center/contain no-repeat;
    position: absolute;
    right: 3.59%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
  }
  :where(.kr-2024) .kr_cat_btn.kr_active::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}
:where(.kr-2024) .kr_n_nav_list_wrap {
  overflow: hidden;
  position: sticky;
  margin-top: -20px;
  padding-top: 20px;
  top: 22px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_n_nav_list_wrap {
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
    height: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    overflow: hidden;
    width: 100vw;
    top: 0;
  }
}
:where(.kr-2024) .kr_n_nav_list--vertical {
  border-bottom: 1px solid rgba(191, 191, 191, 0.57);
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_n_nav_list--vertical {
    position: absolute;
    margin-top: 0px;
    padding-top: 0px;
  }
}
:where(.kr-2024) h2.kr_solid_ttl {
  background: #f5f2e8;
  color: #646464;
  font-size: 1.24em;
  padding: 1rem 28px;
  font-weight: 600;
  letter-spacing: 0.15em;
  margin-bottom: 1.85rem;
}
:where(.kr-2024) .kr_posts_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem 20px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_posts_list {
    grid-template-columns: 1fr 1fr;
  }
}
:where(.kr-2024) .kr_brown_bar {
  background: #f5f2e8;
  padding: 2rem 28px;
  margin-bottom: 3.47rem;
}
:where(.kr-2024) .kr_brown_bar .search_wrapper {
  margin-bottom: 0;
}
:where(.kr-2024) .kr_search_query {
  border-bottom: 1px solid #bfbfbf;
  font-size: 1.54em !important;
  margin-bottom: 2.7rem;
  padding-bottom: 1.1rem;
  line-height: 1.5;
}
:where(.kr-2024) .kr_search_result {
  line-height: 1.5;
  margin-bottom: 2.7rem;
  padding-left: 25px;
  padding-right: 25px;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_search_result {
    padding-left: 2%;
    padding-right: 2%;
  }
}
:where(.kr-2024) .kr_search_result_item {
  display: grid;
  grid-template-columns: 15% 1fr;
  grid-template-rows: auto 1fr;
  margin-bottom: 2.54rem;
  text-decoration: none;
}
:where(.kr-2024) .kr_search_result_item:last-child {
  margin-bottom: 0;
}
:where(.kr-2024) .kr_search_result_item {
  gap: 0 24px;
}
:where(.kr-2024) .kr_search_result_item > * {
  -ms-flex-item-align: start;
  align-self: start;
}
:where(.kr-2024) .kr_search_result_item__fig {
  grid-column: 1/2;
  grid-row: 1/3;
  aspect-ratio: 3/2;
  width: 100%;
  height: 0;
  padding-bottom: 64%;
  position: relative;
}
:where(.kr-2024) .kr_search_result_item__fig img {
  width: 100%;
  position: absolute;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  top: 0;
  left: 0;
}
:where(.kr-2024) .kr_search_result_item__txt {
  grid-column: 2/3;
  grid-row: 1/2;
  padding-top: 0.5rem;
  margin-bottom: 0.3rem;
}
:where(.kr-2024) .kr_search_result_item__excerpt {
  grid-column: 2/3;
  grid-row: 2/3;
  font-size: 1em;
  line-height: 1.2;
}
:where(.kr-2024) .kr_search_result_item__excerpt p {
  line-height: 1.4;
}
:where(.kr-2024) .kr_search_result_item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.62rem;
  margin-bottom: 0.5rem;
}
:where(.kr-2024) .kr_search_result_item__head > * {
  -ms-flex-item-align: start;
  align-self: start;
}
:where(.kr-2024) .kr_search_result_item__ttl {
  margin-top: -0.1em;
  font-size: 1.24em;
  letter-spacing: 0.15em;
}
:where(.kr-2024) .kr_search_result_item__price {
  font-size: 1em;
  letter-spacing: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_search_result_item {
    grid-template-columns: 27% 1fr;
    gap: 0.5rem 15px;
  }
  :where(.kr-2024) .kr_search_result_item__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0.1rem;
    gap: 0.31rem;
  }
  :where(.kr-2024) .kr_search_result_item__fig {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  :where(.kr-2024) .kr_search_result_item__txt {
    grid-column: 2/3;
    grid-row: 1/2;
    padding-top: 0;
    margin-bottom: 0;
  }
  :where(.kr-2024) .kr_search_result_item__txt:not(:has(.kr_search_result_item__price)) .kr_search_result_item__head {
    margin-bottom: 0rem;
  }
  :where(.kr-2024) .kr_search_result_item__excerpt {
    grid-column: 1/3;
    grid-row: 2/3;
    font-size: 0.85em;
  }
  :where(.kr-2024) .kr_search_result_item__ttl {
    font-size: 1.08em;
  }
  :where(.kr-2024) .kr_search_result_item__price {
    font-size: 0.85em;
  }
}
:where(.kr-2024) .kr_tag_label {
  font-size: 0.85em;
  background: #e4e0d4;
  display: table;
  padding: 0.2em 0.8em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
:where(.kr-2024) .post_pagination {
  margin-bottom: 4.39rem;
}
:where(.kr-2024) .post_pagination__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 0;
  margin-bottom: 3.39rem;
}
:where(.kr-2024) .post_pagination__body a {
  text-decoration: none;
}
:where(.kr-2024) .post_pagination__body span, :where(.kr-2024) .post_pagination__body a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  border: none !important;
  background: rgba(57, 57, 57, 0.27);
}
:where(.kr-2024) .post_pagination__body span {
  background: #393939;
}
:where(.kr-2024) .kr_colorme_loading {
  width: 100%;
  text-align: center;
  padding: 3rem 0;
}
:where(.kr-2024) #colorme_cartjs {
  height: 137px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
:where(.kr-2024) #colorme_cartjs.done {
  height: auto;
  display: block;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_colorme_link .comment_nyuuka {
    text-align: center;
  }
}
:where(.kr-2024) .kr_colorme_link__link {
  margin-bottom: 13px;
  display: block;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .cartjs_sales_price td {
    width: 1%;
    white-space: nowrap;
  }
  :where(.kr-2024) .cartjs_sales_price th, :where(.kr-2024) .cartjs_sales_price td {
    text-align: right;
  }
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .cartjs_product_table td {
    white-space: nowrap;
  }
  :where(.kr-2024) .cartjs_product_table th, :where(.kr-2024) .cartjs_product_table td {
    text-align: right;
  }
  :where(.kr-2024) .cartjs_product_table input[type=submit] {
    margin-left: 10px;
  }
}
:where(.kr-2024) .wp-block-image:not(.is-resized) {
  text-align: center;
}
:where(.kr-2024) .wp-block-image:not(.is-resized) img {
  width: 100%;
}
:where(.kr-2024) md-dialog div, :where(.kr-2024) md-dialog form {
  padding: 10px 20px !important;
}
:where(.kr-2024) body.translated .kr_search__submit {
  display: none;
}
:where(.kr-2024) .kr_np_intro {
  margin-bottom: 12rem;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_np_intro {
    margin-bottom: 5.77rem;
  }
}
:where(.kr-2024) .kr_new_p_item_wrap {
  padding: 1.5rem 1.3%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
:where(.kr-2024) .kr_new_p_item_wrap > * + * {
  margin-top: 1.62rem;
}
:where(.kr-2024) .kr_new_p_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.25%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "sans-serif";
}
:where(.kr-2024) .kr_new_p_item__img {
  width: 12.97%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
:where(.kr-2024) .kr_new_p_item__img img {
  width: 100%;
}
:where(.kr-2024) .kr_new_p_item__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
:where(.kr-2024) .kr_new_p_item__ttl {
  font-size: 1.08em;
  font-weight: 700;
  margin-bottom: 0.6rem;
  text-decoration: underline;
  line-height: 1.4;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_new_p_item__img {
    width: unset;
  }
}
:where(.kr-2024) .kr_product_info {
  line-height: 1.4;
}
:where(.kr-2024) .kr_product_info__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
:where(.kr-2024) .kr_product_info__row dt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
:where(.kr-2024) .kr_product_info__row dt::after {
  content: "：";
}
:where(.kr-2024) .kr_wide_img {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10rem;
}
:where(.kr-2024) .kr_wide_img img {
  width: 100%;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_wide_img {
    width: 100vw;
    height: 115vw;
    position: relative;
  }
  :where(.kr-2024) .kr_wide_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
:where(.kr-2024) .kr_product_mid_slider {
  margin-bottom: 8rem;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_product_mid_slider {
    margin-bottom: 5.39rem;
  }
}
:where(.kr-2024) .kr_np_movie {
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10rem;
}
:where(.kr-2024) .kr_np_movie video {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .kr_np_movie {
    width: 100vw;
    height: 115vw;
    position: relative;
    margin-bottom: 4.62rem;
  }
  :where(.kr-2024) .kr_np_movie video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
:where(.kr-2024) .kr_new_p_item_slider {
  margin-left: auto;
  margin-right: auto;
}
:where(.kr-2024) .kr_new_p_item_slider .splide__arrow {
  background: none;
  background: url(../img/common/kr_slider_arrow.svg) center center/contain no-repeat;
  width: 16px;
  height: 40px;
  border: none;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
  cursor: pointer;
}
:where(.kr-2024) .kr_new_p_item_slider .splide__arrow:hover {
  opacity: 0.3;
}
:where(.kr-2024) .kr_new_p_item_slider .splide__arrow svg {
  display: none;
}
:where(.kr-2024) .kr_new_p_item_slider .splide__arrow--next {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  right: 2%;
}
:where(.kr-2024) .kr_new_p_item_slider .splide__arrow--prev {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 2%;
}
:where(.kr-2024) .yu_gothic {
  font-family: "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "sans-serif";
}
:where(.kr-2024) #download .tab_wrap .tab_area ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px 20px;
}
:where(.kr-2024) #download .tab_wrap .tab_area ul li {
  width: auto;
  margin-bottom: 0;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) #download .tab_wrap .tab_area ul {
    display: block;
  }
  :where(.kr-2024) #download .tab_wrap .tab_area ul > * + * {
    margin-top: 10px;
  }
}
:where(.kr-2024) .same_term_posts__ttl_single {
  width: calc(100% - 120px);
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .same_term_posts__ttl_single {
    width: 100%;
  }
}
:where(.kr-2024) .modal-open {
  margin: 15px 0;
  padding: 12px 0 12px 0;
  border: 1px solid #707070;
  color: #707070;
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
:where(.kr-2024) .modal-open:hover {
  background: #707070;
  color: #fff;
}
:where(.kr-2024) .body-modal-open #header, :where(.kr-2024) .body-modal-open .kr_new_cat_body__left {
  z-index: 99;
}
:where(.kr-2024) .modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999;
}
:where(.kr-2024) .modal-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
:where(.kr-2024) .modal-container.active {
  opacity: 1;
  visibility: visible;
}
:where(.kr-2024) .modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 90%;
}
:where(.kr-2024) .modal-close {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .modal-close {
    right: -10px;
  }
}
:where(.kr-2024) .modal-content {
  background: #fff;
  text-align: left;
  padding: 35px 35px 10px 35px;
  max-width: 360px;
  font-size: 14px;
}
:where(.kr-2024) .modal-content:has(.modal-close) {
  padding-bottom: 40px;
}
:where(.kr-2024) .modal-content br {
  display: none;
}
:where(.kr-2024) .modal-content label {
  font-weight: 700;
}
:where(.kr-2024) .modal-content label br {
  display: inline-block;
}
:where(.kr-2024) .modal-content label span {
  display: inline-block;
  line-height: 2;
}
:where(.kr-2024) .modal-content input {
  font-size: 16px;
  padding: 10px 15px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:where(.kr-2024) .modal-content input[type=submit] {
  width: 100%;
}
:where(.kr-2024) .modal-content .wpcf7-response-output {
  margin-top: 0 !important;
  line-height: 1.8 !important;
}
:where(.kr-2024) .modal-content .wpcf7-form-control.wpcf7-submit {
  background-color: #646464;
  border: medium none;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 #414141;
  box-shadow: 0 3px 0 #414141;
  color: #fff;
  font-size: 13px;
  height: 35px;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
  width: 100%;
  display: table;
  margin: 0 auto 10px auto;
}
:where(.kr-2024) .modal-content .wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 0.5em 1em;
  margin-bottom: 25px !important;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .modal-content {
    padding: 20px;
  }
}
:where(.kr-2024) .sent .hide_sent {
  display: none;
}
:where(.kr-2024) .download_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
}
:where(.kr-2024) .download_all_btn_wrap {
  text-align: left;
  margin-bottom: 3rem;
  margin-top: 2rem;
}
:where(.kr-2024) .download_all_btn {
  background: none;
  border: none;
  color: #fff;
  background: #b1b1b1;
  padding: 7px 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
:where(.kr-2024) .download_all_btn:hover {
  opacity: 0.7;
  color: #fff;
}
:where(.kr-2024) .dl_checkbox {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 30%;
  text-align: right;
}
:where(.kr-2024) .dl_check_box {
  display: inline-block;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #333;
}
:where(.kr-2024) .dl_check_box .dl_check_box__inner {
  display: none;
}
:where(.kr-2024) .dl_check_box.checked .dl_check_box__inner {
  display: block;
}
:where(.kr-2024) .dl_checkbox_input {
  display: none;
}
:where(.kr-2024) .kr_search--right {
  margin-left: auto;
}
:where(.kr-2024) .like_btn {
  color: #fff;
  background: #b1b1b1;
  padding: 7px 25px;
  display: table;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
:where(.kr-2024) .product_pre_txt {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  padding: 0 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  :where(.kr-2024) .product_pre_txt {
    padding: 0 55px;
  }
}
:where(.kr-2024) .temp_camp {
  background-color: #fcdec8;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding: 2px;
  letter-spacing: 0.03em;
  border-radius: 2px;
  margin-top: 40px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
:where(.kr-2024) .temp_camp__inner {
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 10px 5px;
}
:where(.kr-2024) .kr_sidebar_tag_more_list {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s ease, margin-top 0.35s ease;
  transition: max-height 0.35s ease, margin-top 0.35s ease;
  margin-top: 0;
  margin-bottom: 0 !important;
}
:where(.kr-2024) .kr_sidebar_tag_more_list.is-open {
  max-height: 9999px;
  margin-top: 0;
  margin-bottom: 8px !important;
}
:where(.kr-2024) .kr_sidebar_tag_more_btn {
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 8px 0 0;
  border: none;
  background: none;
  text-align: center;
}
:where(.kr-2024) .kr_sidebar_tag_more_btn img {
  width: 14px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
:where(.kr-2024) .kr_sidebar_tag_more_btn[aria-expanded=true] img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ==========================================================================
   6. splide-core.min.css
   ========================================================================== */

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list {
  display: block;
}

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* ==========================================================================
   7. other to override
   ========================================================================== */
.grecaptcha-badge { visibility: hidden; }
@media screen and (max-width: 736px) {
    article#else{
   width: 95%;
   margin: 0 auto;
     }
}

.kr_header__link--margin_wide{
	margin-left:0.5rem;
}

#news #header .kr_header_logo h1.logo a{
	top:0;
}