@charset "UTF-8";
/* ===================================================================
CSS information
file name  :style_sp.css
=================================================================== */
/*-----------------------------------------------
 ヘッダー
----------------------------------------------- */
@media screen and (max-width: 768px) {
  .pc_block {
    display: none;
  }
  #gHeader {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 99;
    top: 0;
    z-index: 9999;
  }
  .boxCont {
    margin: 0 auto;
    padding: 8% 0;
    width: 92%;
    clear: both;
    overflow: hidden;
  }
  #centercolumn {
    padding-top: 88px;
  }
  .pcCont {
    display: none;
  }
  #category_area .boxCont {
    width: 100%;
    padding: 0;
  }

  #hdIn {
    position: relative;
    box-sizing: border-box;
    height: 88px;
    overflow: hidden;
    padding: 10px 10px 0 20px;
    background: #f3f47f;
  }

  /*20231113bkup
  #hdIn { position: relative; box-sizing: border-box; height: 88px; overflow: hidden; padding: 10px 10px 0 20px; background: #4f6129; }
  */

  #hdIn .logo {
    float: left;
    width: 120px;
    padding: 10px 0 0;
  }
  /* #hdIn .logo { float: left; width: 70px; padding: 0; } */
  #hdIn .logo img {
    width: 100%;
  }
  #hdWrap {
    overflow: hidden;
  }
  .hdContact {
    text-align: right;
  }

  .hdContact a {
    display: inline-block;
    margin-top: 5px;
    color: #4f6129;
    font-size: 14px;
    text-decoration: underline;
  }

  /*
  .hdContact a { display: inline-block; margin-top: 5px; color: #000; font-size: 14px; text-decoration: underline; }
  */

  .hdNav02 {
    float: right;
    margin-right: 52px;
  }
  .hdNav02 li {
    float: left;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    margin: 0 0 0 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #4f6129;
    font-size: 14px;
  }
  .hdNav02 li a {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 43px;
    line-height: 1;
    overflow: hidden;
    padding: 6px 4px 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }
  .hdNav02 li a span {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 86px;
    font-weight: bold;
    white-space: nowrap;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
  .hdNav02 li.onlineshop {
    width: 75px;
  }
  .hdNav02 li.onlineshop a {
    background: #f85903;
    color: #fff;
  }
  .hdNav02 li.onlineshop a:before {
    font-size: 17px;
    content: '\e90c';
  }
  .hdNav02 li.onlineshop a span {
    width: 146px;
  }
  @media screen and (max-width: 335px) {
    .hdNav02 li.onlineshop {
      width: 52px;
    }
    .hdNav02 li.onlineshop a span {
      top: 27px;
      width: 100px;
    }
    .hdNav02 li.onlineshop a span br.viewSp_ip5 {
      display: block;
    }
  }
  .hdNav02 li br.viewSp_ip5 {
    display: none;
  }

  #js-hdNavOpen {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    margin: 0 0 0 7px;
    border: 1px solid #4f6129;
    border-radius: 3px;
    background: #4f6129;
    font-size: 14px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  #js-hdNavOpen:before,
  #js-hdNavOpen:after,
  #js-hdNavOpen i {
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    left: 0;
    z-index: 2;
    width: 23px;
    height: 2px;
    margin: auto;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #js-hdNavOpen:before {
    top: 9px;
    content: '';
  }
  #js-hdNavOpen:after {
    top: 23px;
    content: '';
  }
  #js-hdNavOpen span {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 86px;
    line-height: 1;
    margin: auto;
    opacity: 1;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  }
  #js-hdNavOpen span.close {
    display: none;
    opacity: 0;
    color: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  }
  #js-hdNavOpen.open {
    border: none;
    border-radius: 0;
    background: #fff;
    -webkit-transform: scale(1.45);
    transform: scale(1.45);
  }
  #js-hdNavOpen.open:before,
  #js-hdNavOpen.open:after,
  #js-hdNavOpen.open i {
    background: #4f6129;
  }
  #js-hdNavOpen.open:before {
    -webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
  }
  #js-hdNavOpen.open:after {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
  }
  #js-hdNavOpen.open i {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  }
  #js-hdNavOpen.open span {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  }
  #js-hdNavOpen.open span.close {
    color: #4f6129;
    display: block;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  }

  /*
  .hdNav02 { float: right; margin-right: 52px; }
  .hdNav02 li { float: left; box-sizing: border-box; width: 45px; height: 45px; margin: 0 0 0 7px; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 14px; }
  .hdNav02 li a { display: block; position: relative; box-sizing: border-box; height: 43px; line-height: 1.0; overflow: hidden; padding: 6px 4px 0; color: #000; text-decoration: none; text-align: center; }
  .hdNav02 li a span { display: block; position: absolute; top: 30px; left: 0; width: 86px; font-weight: bold; white-space: nowrap; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: top left; transform-origin: top left; }
  .hdNav02 li.onlineshop { width: 75px; }
  .hdNav02 li.onlineshop a { background: #f85903; color: #fff; }
  .hdNav02 li.onlineshop a:before { font-size: 17px; content: "\e90c"; }
  .hdNav02 li.onlineshop a span { width: 146px; }
  @media screen and (max-width: 335px) { .hdNav02 li.onlineshop { width: 52px; }  .hdNav02 li.onlineshop a span { top: 27px; width: 100px; }  .hdNav02 li.onlineshop a span br.viewSp_ip5 { display: block; } }
  .hdNav02 li br.viewSp_ip5 { display: none; }

  #js-hdNavOpen { position: absolute; top: 10px; right: 10px; z-index: 99; box-sizing: border-box; width: 45px; height: 45px; margin: 0 0 0 7px; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size: 14px; font-size: 14px; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform-origin: center center; transform-origin: center center; }
  #js-hdNavOpen:before , #js-hdNavOpen:after , #js-hdNavOpen i { display: block; position: absolute; top: 16px; right: 0; left: 0; z-index: 2; width: 23px; height: 2px; margin: auto; background: #000; -webkit-transition: all .3s ease; transition: all .3s ease; }
  #js-hdNavOpen:before { top: 9px; content: ""; }
  #js-hdNavOpen:after { top: 23px; content: ""; }
  #js-hdNavOpen span { display: block; position: absolute; top: 30px; left: 0; width: 86px; line-height: 1.0; margin: auto; opacity: 1; font-size: 14px; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: top left; transform-origin: top left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  #js-hdNavOpen span.close { display: none; opacity: 0; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  #js-hdNavOpen.open { border: none; border-radius: 0; background: #666; -webkit-transform: scale(1.45); transform: scale(1.45); }
  #js-hdNavOpen.open:before , #js-hdNavOpen.open:after , #js-hdNavOpen.open i { background: #fff; }
  #js-hdNavOpen.open:before { -webkit-transform: translateY(7px) rotate(-45deg); transform: translateY(7px) rotate(-45deg); }
  #js-hdNavOpen.open:after { -webkit-transform: translateY(-7px) rotate(45deg); transform: translateY(-7px) rotate(45deg); }
  #js-hdNavOpen.open i { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  #js-hdNavOpen.open span { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  #js-hdNavOpen.open span.close { display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  */

  /*! search form (only PC) */
  #gHeader .hdSearch {
    float: right;
    width: 260px;
  }
  #gHeader .hdSearch input {
    box-sizing: border-box;
    border: 1px solid #999;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  #gHeader .hdSearch input[type='text'] {
    float: left;
    width: 227px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 8px;
    border-right: none;
    font-size: 13px;
  }
  #gHeader .hdSearch .submit {
    position: relative;
    float: left;
    color: #999;
  }
  #gHeader .hdSearch .submit:before {
    position: absolute;
    top: 7px;
    left: 8px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  #gHeader .hdSearch .submit:hover:before {
    color: #fff;
  }
  #gHeader .hdSearch .submit input[type='submit'] {
    width: 33px;
    height: 30px;
    overflow: hidden;
    background: #fff;
    text-indent: 35px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
  #gHeader .hdSearch .submit input[type='submit']:hover {
    background: #9eb270;
  }
  /*!  #gNav
  ================================================ */
  #gNav .gNav {
    display: none;
    position: absolute;
    top: 65px;
    z-index: 15;
    width: 100%;
    background: #fff;
  }
  #gNav .gNav > ul > li {
    display: table;
    width: 100%;
    font-weight: bold;
  }
  #gNav .gNav > ul > li > a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 18px 45px 0 25px;
    border-bottom: 1px solid #dfdfd9;
    background: #fff;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
  }
  #gNav .gNav > ul > li > a:after {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #83942e;
    border-right: 2px solid #83942e;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #gNav .gNav > ul .icon a:before {
    position: relative;
    top: -2px;
    line-height: 1;
    margin-right: 12px;
    color: #4f6129;
    font-size: 23px;
    vertical-align: middle;
  }
  #gNav .gNav > ul .home a {
    font-size: 18px;
  }
  #gNav .gNav > ul .shop {
    background: #ebf3f6;
  }
  #gNav .gNav > ul .shop > a {
    display: block;
    padding: 17px 45px 0 13px;
    border-bottom-width: 2px;
    background: #ebf3f6;
  }
  #gNav .gNav > ul .shop > a:after {
    border-color: #8ca6b0;
  }
  #gNav .gNav > ul .shopIn {
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px 15px;
    border-bottom: 1px solid #dfdfd9;
  }
  #gNav .gNav > ul .shopIn ul {
    display: table;
    width: 100%;
    margin: 0 0 15px;
    border-collapse: separate;
    border-spacing: 5px 0;
  }
  #gNav .gNav > ul .shopIn ul li {
    display: table-cell;
    width: 32%;
    padding: 10px 0;
    vertical-align: top;
  }
  #gNav .gNav > ul .shopIn ul li a {
    display: block;
    box-sizing: border-box; /* height: 60px; line-height: 60px; */
    padding: 10px 0;
    overflow: hidden;
    border: 1px solid #4f6129;
    background: #fff;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
  }
  #gNav .gNav > ul .shopIn ul li a:before {
    display: block; /* </strong>position: relative; top: -3px; */
    margin-right: 5px;
    padding: 5px 0;
    color: #4f6129;
    font-size: 26px;
    vertical-align: middle;
    margin: 0 auto;
  }
  #gNav .gNav > ul .shopIn ul li a span {
    display: table-cell;
    width: 350px;
    vertical-align: middle;
    line-height: 1.2;
  }

  #gNav .gNav > ul .shopIn .search {
    display: block;
    position: relative;
    clear: both;
    height: 50px;
    margin: 0 5px;
  }
  #gNav .gNav > ul .shopIn .search input,
  #gNav .gNav > ul .shopIn .search .submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background: #4f6129;
    box-sizing: border-box;
    height: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  #gNav .gNav > ul .shopIn .search input[type='text'] {
    left: 0;
    width: 100%;
    padding: 0 70px 0 13px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
  }
  #gNav .gNav > ul .shopIn .search .submit {
    right: 0;
    width: 58px;
    border: 1px solid #ccc;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    background: #4f6129;
    text-align: center;
  }
  #gNav .gNav > ul .shopIn .search .submit:before {
    position: relative;
    top: 10px;
    color: #fff;
    font-size: 27px;
  }
  #gNav .gNav > ul .shopIn .search input[type='submit'] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: none;
    text-indent: 150%;
    white-space: nowrap;
    cursor: pointer;
  }

  /*-----------------------------------------------
  フッター
  ----------------------------------------------- */

  #gFooter {
    position: relative;
  }
  /*! pagetop */
  #gFooter .pagetop {
    position: relative;
  }
  #gFooter .pagetop a {
    display: block;
    width: 100%;
    height: 45px;
    overflow: hidden;
    background: #707070;
    text-indent: 150%;
    white-space: nowrap;
  }
  #gFooter .pagetop a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -5px;
    margin-left: -6px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*! sns */
  #gFooter .ftSns {
    padding: 25px 0;
    border-top: 2px solid #e4e4e4;
    text-align: center;
    letter-spacing: -0.5em;
    font-size: 0;
  }
  #gFooter .ftSns li {
    display: inline-block;
    width: 90px;
    height: 35px;
    margin: 0 5px;
    letter-spacing: normal;
    vertical-align: top;
  }
  #gFooter .ftSns li a {
    display: block;
    position: relative;
    width: 90px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-align: center;
  }
  #gFooter .ftSns li a:before {
    display: inline-block;
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: hinoseiyaku !important;
  }
  #gFooter .ftSns li a span {
    position: absolute;
    left: 100%;
  }
  #gFooter .ftSns li.facebook {
    background: #3b589a;
  }
  #gFooter .ftSns li.facebook a:before {
    font-size: 18px;
    content: '\e91b';
  }
  #gFooter .ftSns li.twitter {
    background: #1da1f2;
  }
  #gFooter .ftSns li.twitter a:before {
    font-size: 16px;
    content: '\e91a';
  }
  #gFooter .ftSns li.line {
    background: #25af01;
  }
  #gFooter .ftSns li.line a {
    line-height: 34px;
  }
  #gFooter .ftSns li.line a:before {
    font-size: 10px;
    content: '\e91c';
  }
  /*! ftNavSp (only SP) */
  #ftNavSp {
    width: 100%;
    letter-spacing: -0.5em;
    table-layout: fixed;
    display: table;
    font-size: 0;
    border-top: 1px solid #4f6129;
  }
  #ftNavSp li {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #4f6129;
    letter-spacing: 0;
  }
  #ftNavSp li:not(.factory):nth-child(even) {
    border-left: 1px solid #4f6129;
  }
  #ftNavSp li a {
    display: table-cell;
    position: relative;
    box-sizing: border-box;
    width: 510px;
    height: 64px;
    padding: 0 24px 0 12px;
    color: #4f6129;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    font-size: 14px;
  }
  #ftNavSp li a:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    border-top: 1px solid #4f6129;
    border-right: 1px solid #4f6129;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #ftNavSp li.factory {
    width: 100%;
    border: none;
    background: #83942e;
  }
  #ftNavSp li.factory a {
    width: /*784px;*/ 1000px;
    color: #fff;
    text-align: center;
  }
  #ftNavSp li.factory a:before {
    display: inline-block;
    margin: -2px 0.5em 0 0;
    font-family: hinoseiyaku !important;
    font-size: 12px;
    vertical-align: middle;
    content: '\e90a';
  }
  #ftNavSp li.factory a:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .ftCopy {
    padding: 10px 0;
    background: #4f6129;
    color: #fff;
    font-size: 10px;
    text-align: center;
  }
  /*! overlay */
  .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
  }

  /*-----------------------------------------------
  ページャー
  ----------------------------------------------- */
  .pager {
    clear: both;
  }

  /*-----------------------------------------------
  入力フォーム(会員登録、住所登録、お問い合わせ)
  ----------------------------------------------- */
  .entry_form {
    margin: 8% 0 0;
  }

  .entry_form input,
  .entry_form select {
    font-size: 14px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

  .entry_form p {
  }

  .entry_form dl {
    margin-bottom: 5%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4%;
  }

  .entry_form dt {
    font-weight: bold;
    margin-bottom: 2%;
  }

  .entry_form dt > span {
    color: #fff;
    padding: 0 8px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
  }
  .entry_form dt span.hissu {
    color: #ea5a52;
    margin-left: 7px;
    padding: 0;
  }
  .entry_form dt span.nini {
    background: #5bb0ff;
  }

  .post_number {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
  }

  .post_number div {
    width: 70%;
  }

  .post_number div input {
    width: 40% !important;
  }

  .post_number .zip_btn {
    width: 30%;
    background: #ccc;
  }

  .zip_btn a {
    background-color: #cccccc;
    display: block;
    width: 100%;
    color: #333;
    cursor: pointer;
    padding: 10px 0;
    text-align: center;
    font-size: 10px;
  }

  .shop_information {
    border-top: dashed #ccc 1px;
    padding: 6% 0;
  }

  /*-----------------------------------------------
  新フォーム
  ----------------------------------------------- */

  form.login_def {
  }

  /*-----------------------------------------------
  当サイト・特商法・プライバシーポリシー
  ----------------------------------------------- */

  /*-----------------------------------------------
  mainV
  ----------------------------------------------- */
  #mainV p {
    text-align: center;
  }

  /*-----------------------------------------------
  【TOP】　日野製品
  ----------------------------------------------- */

  /*アンカーリンクずれ調整のため*/
  #hino_product {
    margin-top: -80px;
    padding-top: 80px;
  }

  #hino_product .ttl {
    margin-bottom: 8%;
    text-align: center;
  }
  #hino_product .ttl {
    margin-bottom: 30px;
    margin-top: -20px;
  }
  #hino_product .ttl ul li {
    display: inline-block;
    margin: 0 5px;
  }
  #hino_product .box + .box {
    margin-top: 20px;
  }
  #hino_product .box li:last-child {
    margin-bottom: 0;
  }
  #hino_product .box .product_list01 li {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  #hino_product .box .product_list01 p {
    background-color: #83942e;
    padding: 8px;
    text-align: center;
  }
  #hino_product .box .product_list01 a p {
    background-image: url(../img/icon/icon_right_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
  }

  #hino_product .box .product_list02 {
    overflow: hidden;
    padding-top: 1px;
  }
  #hino_product .box .product_list02 li {
    float: left;
    width: 48%;
    text-align: center;
    vertical-align: top;
    font-size: 16px;
  }
  #hino_product .box .product_list02 li:nth-child(even) {
    float: right;
  }
  #hino_product .box .product_list02 li img {
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
  }
  #hino_product .box .product_list02 li p {
    margin: 10px 0 20px;
  }

  /*-----------------------------------------------
  【TOP】　セレクト製品
  ----------------------------------------------- */
  #select_product .title_bloc img {
    margin-right: 2%;
    vertical-align: middle;
    width: 16%;
  }
  #select_product .box ul {
    display: flex;
    display: -webkit-flex;
  }
  #select_product .box li {
    text-align: center;
    font-size: 16px;
    margin-right: 2%;
  }
  #select_product .box li:last-child {
    margin-right: 0;
  }
  #select_product .box li img {
    border: 1px solid #e4e4e4;
  }
  #select_product .box li p {
    margin: 10px 0;
  }

  /*-----------------------------------------------
  【TOP】　健康食品・そのほか
  ----------------------------------------------- */
  #health_food_other .title_bloc img {
    margin-right: 2%;
    vertical-align: middle;
    width: 16%;
  }
  #health_food_other .box ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #health_food_other .box ul li {
    /*display: flex;*/
    align-items: center;
    width: 48%;
    font-size: 16px;
  }
  #health_food_other .box li img {
    border: 1px solid #e4e4e4;
  }
  #health_food_other .box li p {
    margin: 10px 0 20px 0;
    text-align: center;
  }

  /*-----------------------------------------------
  【TOP】　ギフト最適品
  ----------------------------------------------- */

  /*-----------------------------------------------
  【TOP】　医薬区分で探す
  ----------------------------------------------- */
  #medicine_search,
  #medicine_search2 {
    background: #fbfbfb;
  }
  #medicine_search h2,
  #medicine_search2 h2 {
    color: #436201;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .searchMedicine div {
    border: 1px solid #afaeae;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: flex;
  }
  .searchMedicine select {
    border: none;
    width: 80%;
    background-color: #fff !important;
    color: #333;
  }
  .searchMedicine button {
    width: 20%;
    background: #f46a04;
    border: none;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
  }

  .searchMedicine button svg {
    fill: #fff;
    height: 36px;
    width: 36px;
    position: relative;
    top: 8%;
  }
  .searchMedicine button .search img,
  .searchTrouble button .search img {
    width: 24px;
  }

  /*-----------------------------------------------
  【TOP】　オンラインショップニュース
  ----------------------------------------------- */
  #news_area {
    //	padding-top:8%;
    border-bottom: solid 2px #ccc;
  }
  #news_area h2 {
    color: #4f6129;
    font-family: 'yumindb', serif;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
  }
  .big_banner {
  }
  .big_banner li {
    margin-bottom: 14px;
    text-align: center;
  }
  .big_banner li:last-child {
    margin-bottom: 0;
  }
  .news_contents {
    background-color: #fdf7e6;
    padding: 4%;
  }
  .news_data {
    color: #4f6129;
    font-size: 16px;
  }
  .news_list {
    //	display:flex;
    border-bottom: 1px solid #ccc;
    padding: 4% 0;
  }
  .news_list:first-child {
    padding-top: 0;
  }
  .news_list:last-child {
    border: none;
  }
  .news_list dt {
    width: 30%;
    margin-right: 4%;
  }
  .news_list dd {
    width: 70%;
  }
  .news_title {
    text-decoration: none;
    font-size: 90%;
    padding-left: 10px;
  }
  .news_contents .btn svg {
    position: relative;
    top: -10px;
  }

  .news_comment img {
    //	max-width:100px;
    //	height:auto;
    width: 100%;
    //  height: 100px;
    object-fit: cover;
  }
  .news_comment p {
    padding: 15px;
    max-width: 180px;
  }
  .news_comment {
    background: #fff;
    border: 1px solid #ccc;
  }

  /*-----------------------------------------------
  【TOP】　フリーバナーエリア
  ----------------------------------------------- */
  #free_bannerrea {
    text-align: center;
  }

  /*-----------------------------------------------
  【TOP】　あなたへのおすすめ
  ----------------------------------------------- */
  #recommend_area {
    margin-top: 4%;
    background: rgba(0, 0, 0, 0) url('../img/top/bg_recommend.jpg') no-repeat
      scroll 0 0 / cover;
  }
  #recommend_area h2 {
    font-family: 'yumindb', serif;
    font-size: 28px;
    color: #fff;
    text-align: center;
    position: relative;
    top: -10px;
  }
  #recommend_area h2 span {
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: 0 10px 6px;
  }
  #recommend_area .decoration {
    background: rgba(0, 0, 0, 0) url('../img/top/icon_recommend03.png') no-repeat
      scroll center center / contain;
    font-size: 36px;
    text-indent: -999px;
  }
  .productImage {
    border: 4px solid #c7d09b;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
  }
  .productImage img {
    /*	border:2px solid #afb97b; */
    box-sizing: border-box;
  }
  .product_item:nth-child(odd) {
    float: left;
    width: 48%;
  }
  .product_item:nth-child(even) {
    float: right;
    width: 48%;
  }
  .productContents h3 {
    margin: 10px 0;
  }
  .productContents h3 a {
    color: #fff;
  }
  #recommend_area .btn {
    width: 92%;
    margin: 0 auto;
    padding-bottom: 8%;
  }
  #recommend_area .btn a {
    border: 1px solid #fff;
    color: #fff;
    background-image: url(../img/icon/icon_right_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 18px;
  }

  #recommend_area .btn svg {
    fill: #fff;
    float: right;
    height: 18px;
    width: 18px;
  }

  /*-----------------------------------------------
  【TOP】　ランキング
  ----------------------------------------------- */
  #ranking {
    background: #fdf7e6;
  }
  #ranking .boxCont {
    overflow: inherit;
  }
  #ranking h1 {
    font-family: 'yumindb', serif;
    font-size: 22px;
    color: #4f6129;
    text-align: center;
    position: relative;
    top: -50px;
  }
  #ranking h1 span {
    display: inline-block;
    padding: 4px 10px 6px;
  }

  #ranking .decoration {
    background: rgba(0, 0, 0, 0) url('../img/top/icon_ranking01.png') no-repeat
      scroll center center / contain;
    font-size: 36px;
    text-indent: -999px;
  }
  .rankings_box {
    padding: 0 8%;
  }
  .rankings_box .box {
    position: relative;
  }
  .rankings_box .box:nth-child(odd) {
    float: left;
    width: 48%;
    clear: both;
  }
  .rankings_box .box:nth-child(even) {
    float: right;
    width: 48%;
  }
  .rankings_box .box .rank {
    position: absolute;
    top: -40px;
    left: -4%;
  }
  .rankings_box .box .rank img {
    width: 100%;
  }
  .rankings_box .box .item {
    border: 2px solid #e4e4e4;
    background: #fff;
    text-align: center;
  }
  .rankings_box .no01 .item {
    border: 4px solid #b69603;
  }
  .rankings_box .no02 .item {
    border: 4px solid #8e8e8d;
  }
  .rankings_box .no03 .item {
    border: 4px solid #b86b53;
  }
  .rankings_box .box .txt {
    padding-bottom: 8%;
    padding-top: 8px;
    margin-bottom: 30px;
    font-size: 70%;
  }
  #ranking .btn {
    clear: both;
  }
  #ranking .btn a {
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
      Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', verdana, Helvetica, Arial,
      sans-serif;
    color: #fff;
    background-color: #4f6129;
    background-image: url(../img/icon/icon_right_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 18px;
  }
  #ranking .btn svg {
    fill: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #ranking .rec :hover {
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  }
  .rec :hover {
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  }

  .js-load {
    display: none;
  }
  .js-load.active {
    display: block;
  }

  /*-----------------------------------------------
  【TOP】　季節のおすすめ
  ----------------------------------------------- */
  #season_recommend {
    background: rgba(0, 0, 0, 0) url('../img/top/bg_season_recommend.jpg')
      no-repeat scroll 0 0 / cover;
  }
  #season_recommend h1 {
    font-family: 'yumindb', serif;
    font-size: 28px;
    color: #4f6129;
    text-align: center;
  }
  #season_recommend h1 span {
    border-bottom: 1px solid #b9c0a9;
    display: inline-block;
    padding: 0 10px;
  }
  #season_recommend h1 span span {
    border-bottom: none;
    padding: 0;
  }
  .season_reco_box {
    padding-top: 4%;
  }
  .season_reco_box .box {
    position: relative;
  }
  .season_reco_box .box:nth-child(odd) {
    float: left;
    width: 48%;
    clear: both;
  }
  .season_reco_box .box:nth-child(even) {
    float: right;
    width: 48%;
  }
  .season_reco_box .box .item {
    border: 2px solid #e4e4e4;
    background: #fff;
    text-align: center;
  }
  .season_reco_box .box .txt {
    padding-bottom: 16%;
    padding-top: 8px;
  }
  #season_recommend .btn {
    clear: both;
    /*padding-top:8%;*/
  }
  #season_recommend .btn a {
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
      Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', verdana, Helvetica, Arial,
      sans-serif;
    color: #fff;
    background-color: #4f6129;
    background-image: url(../img/icon/icon_right_arrow.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 18px;
  }
  #season_recommend .btn svg {
    fill: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  /*-----------------------------------------------
  【TOP】　お悩みから探す
  ----------------------------------------------- */
  #trouble_search {
    background: #f8faf7;
  }
  #trouble_search h2 {
    color: #4f6129;
    font-family: 'yumindb', serif;
    font-size: 22px;
    border-bottom: 1px solid #83942e;
    border-top: 1px solid #83942e;
    padding: 4% 4%;
  }
  #trouble_search h2 span {
    background: rgba(0, 0, 0, 0) url('../img/icon/icon_question.png') no-repeat
      scroll left center / 32px auto;
    padding: 2% 0 2% 12%;
  }
  #trouble_search li {
    border-bottom: 1px solid #83942e;
    padding: 4% 4% 4% 10%;
  }
  #trouble_search li:last-child {
    border-bottom: 0;
  }
  #trouble_search li span {
    background: rgba(0, 0, 0, 0) url('../img/icon/icon_sub_arrow.png') no-repeat
      scroll left center / 18px auto;
    padding: 2% 0 2% 8%;
  }
  /*-----------------------------------------------
  20240619追加お悩みから探す
  ----------------------------------------------- */
  /* 閉じた状態のサブメニュー */
  .boxCont_pc ul {
    display: none; /* デフォルトで非表示 */
    padding: 0;
  }
  /* 開いた状態のサブメニュー */
  .boxCont_pc input:checked + ul {
    display: block; /* 表示する */
    padding: 1rem;
  }
  /* チェックボックスは非表示にする（内部的な Off/On の機能だけ利用する） */
  .boxCont_pc input {
    display: none;
  }
  /*-----------------------------------------------
  【共通】　バナーエリア
  ----------------------------------------------- */
  #benner_box .benner p {
    text-align: center;
  }

  /*-----------------------------------------------
  【共通】　お問合せエリア
  ----------------------------------------------- */
  #info_area {
    background: #39491b;
    /* padding: 8% 4%; */
  }
  #info_area ul {
    overflow: hidden;
    font-size: 14px;
  }
  #info_area li {
    text-align: center;
    box-sizing: border-box;
  }
  #info_area li span {
    display: block;
    margin-top: 5px;
  }
  #info_area ul .gide {
    background: #57643d;
    width: 48%;
    float: left;
  }
  #info_area ul .gide .i_gide {
    display: inline-block;
    width: 30px;
  }
  #info_area ul .gide a {
    display: block;
    margin-top: 5px;
    padding: 2%;
    color: #fff;
  }
  #info_area ul .gide svg {
    fill: #fff;
    width: 24%;
  }
  #info_area ul .mail {
    background: #fff;
    width: 48%;
    float: right;
  }
  #info_area ul .mail .i_mail {
    display: inline-block;
    width: 30px;
  }
  #info_area ul .mail a {
    display: block;
    color: #39491b;
    padding: 2%;
    line-height: 1.2;
  }
  #info_area ul .mail svg {
    fill: #39491b;
    width: 24%;
  }
  .support {
    clear: both;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 4%;
    padding: 4%;
    box-sizing: border-box;
  }
  .support .ttl {
    font-family: 'yumindb', serif;
    font-size: 16px;
  }
  .support .num {
    font-family: 'yumindb', serif;
    font-size: 30px;
  }
  .support .num img {
    margin-right: 2%;
    vertical-align: baseline;
    width: 32px;
  }

  /*-----------------------------------------------
  【共通】医薬区分で探す
  ----------------------------------------------- */
  #search_area h2 {
    color: #436201;
    font-size: 16px;
    margin-bottom: 10px;
  }
  #search_area .searchMedicine div,
  #search_area .searchTrouble div {
    border: 1px solid #afaeae;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: flex;
  }
  #search_area .searchMedicine select,
  #search_area .searchTrouble select {
    border: none;
    width: 80%;
    background-color: #fff !important;
    color: #333;
  }
  #search_area .searchMedicine button,
  #search_area .searchTrouble button {
    width: 20%;
    background: #4f6129;
    border: none;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
  }

  #search_area .searchMedicine button svg,
  #search_area .searchTrouble button svg {
    fill: #fff;
    height: 36px;
    width: 36px;
    position: relative;
    top: 8%;
  }

  /*-----------------------------------------------
  【共通】この商品を見た人はこんな 商品もチェックしています
  ----------------------------------------------- */
  #related_products {
    overflow: hidden;
  }
  .related_object_box {
    padding: 0 4% 8%;
  }
  .related_object_box .box {
    position: relative;
  }
  .related_object_box .box:nth-child(odd) {
    float: left;
    width: 48%;
    clear: both;
  }
  .related_object_box .box:nth-child(even) {
    float: right;
    width: 48%;
  }
  .related_object_box .box .item {
    position: relative;
    border: 2px solid #e4e4e4;
    text-align: center;
  }
  .related_object_box .box .item .recommend_statusIcon {
    display: inline-block;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background: #83942e;
    padding: 1% 3%;
    font-size: 10px;
    color: #fff;
  }
  .related_object_box .box .txt {
    padding-bottom: 16%;
    padding-top: 8px;
  }
  #related_products .btn {
    clear: both;
  }
  #related_products .btn a {
    font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
      Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', verdana, Helvetica, Arial,
      sans-serif;
    background: #4f6129;
    color: #fff;
  }
  #related_products .btn svg {
    fill: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #related_object .come {
    text-align: center;
  }
  #related_object .come a {
    color: #4f6129;
    font-size: 16px;
    text-decoration: underline;
  }
  #related_object .pricebox {
    padding: 2% 0;
  }

  #related_object .sub_status {
    display: inline-block;
    background: #f2f1ee none repeat scroll 0 0;
    margin: 2% 10% 6%;
    padding: 2%;
    text-align: center;
    word-break: break-all;
  }

  /*-----------------------------------------------
  商品カテゴリ
  ----------------------------------------------- */
  #category_area {
    background: #f8faf7;
    padding-top: 4%;
    display: inline-block;
    width: 100%;
  }
  #category_area h2 {
    color: #4f6129;
    font-family: 'yumindb', serif;
    font-size: 21px;
    text-align: center;
    border-bottom: 1px solid #83942e;
    padding-bottom: 4%;
  }
  #category_area h2 span {
    font-size: 70%;
  }
  #category_area .block_body li {
  }
  #category_area .block_body li:nth-child(odd) {
    float: left;
    clear: both;
    width: 50%;
  }
  #category_area .block_body li:nth-child(odd) a {
    border-right: 1px solid #83942e;
  }
  #category_area .block_body li:nth-child(even) {
    float: right;
    width: 50%;
  }
  #category_area .block_body li svg {
    fill: #4f6129;
    float: right;
    height: 18px;
    width: 18px;

    margin-top: 2%;
  }
  #category_area .block_body li a {
    border-bottom: 1px solid #83942e;
    box-sizing: border-box;
    display: inline-block;
    padding: 6% 4%;
    width: 100%;
    color: #4f6129;
    font-size: 11px;
  }
  #category_area .block_body li img {
    width: 15%;
    vertical-align: middle;
    margin-right: 2%;
  }
  #category_area .block_body li span {
  }
  #category_area .block_body li span.arrow {
  }

  /*-----------------------------------------------
  カテゴリ一覧
  ----------------------------------------------- */
  .search_keybox {
    padding: 4% 4% 0 4%;
    font-size: 14px;
    letter-spacing: 1px;
  }
  .cate_listbox {
    margin-bottom: 25px;
  }
  .cate_listtitle p {
    border-bottom: 1px dotted #aaa;
    background-image: url(/user_data/packages/default/img/contents/sitemap/sitemap_titlelist.png);
    background-repeat: no-repeat;
    background-position: 0px 11px;
    padding: 5px 8px 5px 30px;
    margin-bottom: 15px;
  }
  .cate_listbox ul li {
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px;
  }
  .cate_listbox ul li a {
    background-color: #f3f3f3;
    box-sizing: border-box;
    display: inline-block;
    padding: 7px 8px 6px;
    vertical-align: middle;
    width: 100%;
  }
  .cate_listimg {
    width: auto !important;
    max-height: 100px;
    background-color: #fff;
    float: left;
  }
  .cate_listname {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 100px;
  }

  /*-----------------------------------------------
  商品一覧
  ----------------------------------------------- */
  #product_list {
    margin-bottom: 8%;
  }
  .boxCont.list_freeArea {
    padding: 0;
  }
  #product_list .intro {
    text-indent: -9999px;
  }
  #product_list .list_itemWrap {
    overflow: hidden;
  }
  #product_list .list_area {
    margin-bottom: 20px;
  }
  #product_list .list_area:nth-child(odd) {
    float: left;
    width: 48%;
    clear: both;
  }
  #product_list .list_area:nth-child(even) {
    float: right;
    width: 48%;
  }
  #product_list .priceComment {
    font-size: 12px;
  }
  .listphoto {
    border: 1px solid #e4e4e4;
    position: relative;
    text-align: center;
  }
  /*202505 h3からh2*/
  .listrightbloc h2 {
    text-align: center;
    padding: 2% 0;
  }
  /*202505 h3からh2*/
  .listrightbloc h2 a {
    color: #436201;
    font-size: 110%;
  }
  .listrightbloc .pricebox {
    padding: 2% 0;
  }
  #product_list .status_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
  }
  #product_list .productName a {
    display: inline-block;
  }
  #product_list .status_icon li {
    float: left;
    margin-right: 2%;
  }
  #product_list .status_icon li:last-child {
    margin-right: 0;
  }
  #product_list .sub_status {
    display: inline-block;
    background: #f2f1ee;
    padding: 1% 2%;
    white-space: nowrap;
  }
  #product_list .listcomment {
    margin-bottom: 6%;
  }
  .more_btn a {
    background: #4f6129 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 4%;
    width: 92%;
  }
  .more_btn svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    float: right;
  }

  /*-----------------------------------------------
  商品詳細
  ----------------------------------------------- */
  #product_detail {
    position: relative;
  }
  #product_detail .ttlarea {
    position: relative;
  }
  /*202505 h2からh1に変更*/
  #product_detail h1 {
    border-bottom: 2px solid #4f6129;
    color: #436201;
    font-size: 140%;
    padding: 3% 4% 2%;
    margin-bottom: 30px;
  }
  #product_detail .priceComment {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 4%;
  }
  /* 202505 bottom以下追加　liタグの間スペース削除　*/
  #product_detail .status ul.status_icon {
    display: flex;
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  #product_detail .status li {
    margin-right: 10px;
  }

  #detailphotobloc {
    width: 245px;
    margin: 0 auto 20px;
    padding: 4%;
  }
  #detailphotobloc img {
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 245px;
    margin: 0 auto;
  }
  #detailphotobloc .bx-wrapper .bx-controls-direction a {
    top: 37%;
  }
  #detailphotobloc .bx-wrapper .bx-pager {
    width: 100%;
  }
  #detailphotobloc .bx-wrapper .bx-prev {
    left: -13%;
  }
  #detailphotobloc .bx-wrapper .bx-next {
    right: -13%;
  }
  #product_detail .detail_hed {
  }
  #product_detail .category_ttlWrap {
    position: relative;
  }
  #product_detail .category_ttl {
    border-top: 2px solid #4f6129;
    border-bottom: 2px solid #4f6129;
    padding: 2% 4%;
    color: #4f6129;
    font-size: 22px;
    margin-bottom: 40px;
  }
  #product_detail .status {
    position: absolute;
    bottom: -30px;
    padding: 5px 4% 0;
  }
  #product_detail .status li {
    font-size: 0;
  }
  #product_detail .category_cartBox {
    overflow: hidden;
    padding: 4%;
  }
  #product_detail .cartbtn_box {
  }
  #product_detail .leftBox {
    float: left;
    width: 24%;
    margin-right: 4%;
  }
  #product_detail .rightBox {
    float: right;
    width: 72%;
  }

  #detailarea {
  }
  #detailarea .priceComment {
    font-size: 12px;
    margin-bottom: 20px;
    padding-left: 4%;
  }
  #detailarea .detailareabox {
    overflow: hidden;
    padding: 4%;
  }
  /*
  #detailarea .detailareabox .rightbox {
    float: right;
  }
  #detailarea .detailareabox .leftbox {
    float: left;
  }
  */
  #detailarea .detail_iconWrap {
    text-align: center;
    margin-top: 10px;
  }
  #detailarea .detail_iconWrap > * {
    vertical-align: top;
  }
  #detailarea .detail_iconWrap > * + * {
    margin-left: 5px;
  }
  #detailarea .status {
    /*text-align: center;
    margin-bottom: 20px;*/
  }
  #detailarea .sub_status {
    background: #f2f1ee;
    text-align: center;
    display: inline-block;
    padding: 1% 2%;
    font-size: 14px;
  }
  #detailarea .normal_price {
    font-size: 14px;
    text-align: center;
  }
  /*
  #detailarea .sale_price{
    float:right;
  }
  */
  #detailarea .price {
    color: #f48a01;
    font-size: 20px;
    text-align: center;
  }
  #detailarea .price01_default {
    font-size: 20px;
    color: #333;
  }
  #detailarea .priceoff {
    width: 100px;
    display: inline-block;
    color: #fff;
    background: #ff2e34;
    padding: 1% 2%;
    text-align: center;
    font-size: 14px;
  }
  .application_btn {
    clear: both;
    padding: 4%;
  }
  .application_btn a {
    background-color: #fff2d0 /* none repeat scroll 0 0 */;
    background-image: url(../img/icon/icon_down2.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 18px 11px;
    box-sizing: border-box;
    display: inline-block;
    padding: 4% 2%;
    text-align: center;
    width: 100%;
    border: 2px solid #f48a01;
    color: #f48a01;
  }
  .application_btn.appliBtn a {
    background-image: url(../img/icon/icon_up2.png);
  }
  .application_btn svg {
    fill: #f48a01;
    float: right;
    height: 18px;
    width: 18px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .application_btn .under svg {
    fill: #f48a01;
    float: right;
    height: 18px;
    width: 18px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
  #detailarea .main_comment {
    background: #fbfbfb none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    padding: 4%;
    width: 100%;
  }
  /*202505 h3からh2に変更*/
  #detailarea .main_comment h2 {
    color: #436201;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 2%;
  }
  #detailarea .main_comment .medicineList {
    margin-top: 10px;
  }
  #detailarea .main_comment .medicineList div {
    border-bottom: 1px solid #4f6129;
    padding-left: 34px;
    font-size: 14px;
    line-height: 2.5;
    background: url(../img/icon/icon_leaf.png) no-repeat left top 8px;
    background-size: 22px 24px;
  }
  #detailarea_second .brand_link {
    padding: 4%;
    text-align: center;
  }
  #detailarea_second .component {
    margin: 4% 0;
  }
  .component_box .title {
    background-color: #d8e3c0 /* none repeat scroll 0 0 */;
    background-image: url(../img/icon/icon_down.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 18px 10px;
    border-bottom: 2px solid #83942e;
    padding: 4%;
  }
  .component_box .title.active {
    background-image: url(../img/icon/icon_up.png);
  }
  .component_box .txt {
    padding: 4%;
  }
  .component_box .title span {
    border-left: 4px solid #fff;
    padding-left: 2%;
  }
  .component_box .title span.arrow {
    border-left: none;
  }
  .component_box .title svg {
    fill: #4f6129;
    float: right;
    height: 18px;
    width: 18px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .component_box .active svg {
    fill: #4f6129;
    float: right;
    height: 18px;
    width: 18px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
  #detailarea_second .customer_btn {
    clear: both;
    padding: 4%;
    background: #fbfbfb;
  }
  #detailarea_second .customer_btn a {
    border: 1px solid #4f6129;
    box-sizing: border-box;
    color: #4f6129;
    display: inline-block;
    padding: 4% 2%;
    text-align: center;
    width: 100%;
  }
  #detailarea_second .customer_btn svg {
    fill: #4f6129;
    float: right;
    height: 18px;
    width: 18px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #detailarea_second .customer_btn img {
    width: 14px;
    margin-right: 2%;
  }
  .price01_default,
  .point_default {
    font-size: 12px;
  }
  #detailarea_second .point {
    float: left;
    margin-top: 3px;
  }
  #detailarea_second .priceoff {
    float: right;
    width: 80px;
    display: block;
    color: #fff;
    background: #ff2e34;
    padding: 1% 2%;
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
  }

  /*sns*/
  .sns_area {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: inline-flex;
    padding: 4% 18%;
    width: 100%;
  }
  .sns_area ul {
    display: flex;
    margin: 0 auto;
  }
  .sns_area li {
    margin-right: 2%;
  }
  .sns_area li:last-child {
    margin-right: 0;
  }
  .sns_area li img {
  }

  /*お気に入りボタン*/
  .favorite_btn {
    padding: 4% 4% 2%;
    background: #fff;
  }
  .favorite_btn a,
  .favorite_btn p {
    background: #4f6129 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 4% 0;
    text-align: center;
    width: 100%;
  }
  .favorite_btn svg {
    fill: #fbfbfb;
    height: 18px;
    width: 18px;
  }

  /*商品についてのお問合せボタン*/
  .product_info .i_mail img {
    vertical-align: inherit;
  }
  .product_info {
    padding: 2% 4% 4%;
    background: #fff;
  }
  .product_info a {
    border: 1px solid #4f6129;
    box-sizing: border-box;
    display: inline-block;
    padding: 4% 0;
    text-align: center;
    width: 100%;
    color: #4f6129;
  }
  .product_info svg {
    fill: #4f6129;
    height: 18px;
    width: 18px;
  }

  /* カートボタン */
  .cart_area {
    background: #fbfbfb;
  }
  .cart_area select {
    border-radius: 0;
    padding: 10px 18px;
    width: 100px;
  }
  .quantity {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 0 4% 2%;
    width: 54%;
    overflow: hidden;
  }
  .quantity dt {
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 34%;
    margin-top: 4px;
  }
  .quantity dd {
    float: right;
    width: auto;
  }
  .quantity input {
    width: 100%;
    box-sizing: border-box;
  }
  .cartin {
    clear: both;
    padding: 4%;
    border-bottom: 1px dotted #ccc;
  }
  .cartin:last-child {
    margin-bottom: 4%;
  }
  .cartin svg {
    fill: #fff;
    height: 18px;
    width: 18px;
  }
  #cartbtn_default a {
    background: #eba40b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin-top: 2%;
    padding: 4% 0;
    text-align: center;
    width: 100%;
  }
  #cartbtn_default span {
    display: inline-block;
    padding-left: 35px;
    background: url(../img/icon/icon_cart.png) no-repeat left center;
    background-size: 31px 23px;
  }
  .freebanner_cartarea p {
    text-align: center;
  }
  .cartbtn_box .login_induction {
    padding: 4%;
    font-size: 14px;
    background: #f9d9d9;
    margin: 15px;
    text-align: center;
  }
  .cartbtn_box .login_induction a {
    display: block;
    text-decoration: none;
    font-weight: bold;
  }
  .cartbtn_box .login_induction a {
    color: #4f6129;
    text-decoration: underline;
  }
  .cartbtn_box .login_induction a:hover {
    text-decoration: none;
  }
  .cartbtn_restriction {
    display: inline-block;
    width: 100%;
    padding: 4% 0;
    background-color: #d8e3c0;
    box-sizing: border-box;
    text-align: center;
  }
  .cartbtn_soldout {
    display: inline-block;
    width: 100%;
    padding: 4% 0;
    background-color: #afaeb3;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
  }

  /*-----------------------------------------------
  関連商品
  ----------------------------------------------- */
  #whobought_area {
    overflow: hidden;
    margin-top: 50px;
  }
  .whobought_bloc {
    padding: 0 4% 8%;
    text-align: center;
  }
  .whobought_left {
    float: left;
    width: 48%;
  }
  .whobought_right {
    float: right;
    width: 48%;
  }
  #whobought_area .productContents h3 a {
    color: #4f6129;
    font-size: 16px;
    text-decoration: underline;
  }
  #whobought_area .productContents .sale_price {
    text-align: left;
  }
  /*-----------------------------------------------
  商品詳細 サブ情報
  ----------------------------------------------- */
  #sub_comments_area {
    margin-bottom: 8%;
  }

  .sub_block {
    margin-bottom: 6%;
  }

  .sub_block h2 {
    padding: 3%;
    margin-bottom: 5%;
    border-bottom: 2px solid #d01f3e;
    font-size: 16px;
  }

  .sub_block .subtext {
    padding: 3%;
  }

  .sub_block .subphoto {
    width: 100%;
  }

  .sub_block .subphoto img {
    width: 100%;
  }

  /*-----------------------------------------------
  お客様の声
  ----------------------------------------------- */
  #customervoice_area {
    margin: 4% 0;
    border-top: 2px solid #83942e;
    padding-top: 2%;
    background: #fdfcf7;
  }
  #customervoice_area h2 {
    color: #436201;
    text-align: center;
    font-size: 140%;
    border-bottom: none;
  }
  #customervoice_area li {
    margin-bottom: 2px;
  }
  .voicetitle {
    background: #eceebe;
    padding: 4%;
  }
  .voicetitle img {
    width: 14px;
    /*margin-right:2%;*/
  }
  .voicebox {
    padding: 4%;
  }
  .voicedate {
    padding: 2% 4%;
    border: 1px solid #f7f0dd;
    background: #fff;
    margin-top: 4%;
    font-size: 14px;
  }
  .recommend_level {
    color: #f59922;
  }
  .contributor {
    float: right;
  }
  .voicetitle svg {
    fill: #4f6129;
    height: 18px;
    width: 18px;
    float: right;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  #customervoice_area .open svg {
    fill: #4f6129;
    height: 18px;
    width: 18px;
    float: right;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
  }
  .child {
    display: none;
  }
  .review_bloc {
    padding: 4%;
  }
  .review_btn a {
    border: 1px solid #436201;
    box-sizing: border-box;
    display: inline-block;
    padding: 4%;
    text-align: center;
    width: 100%;
    color: #436201;
  }
  .review_btn a img {
    width: 24px;
    margin-right: 2%;
  }
  .review_btn .comment {
    margin-top: 4%;
  }
  .about_review {
    text-align: right;
    margin-top: 4%;
  }
  .about_review a {
    background: rgba(0, 0, 0, 0) url('../img/icon/icon_sub_arrow.png') no-repeat
      scroll 0 0 / 18px auto;
    padding-left: 6%;
    text-decoration: underline;
  }

  /*-----------------------------------------------
  その他おすすめ
  ----------------------------------------------- */
  #whobought_area h2 {
    font-size: 16px;
    padding: 3%;
    border-bottom: 2px solid #231815;
    margin-bottom: 5%;
  }

  /*-----------------------------------------------
  CART
  ----------------------------------------------- */
  .cartinarea {
    border: 1px solid #ddd8d5;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    margin-top: 4.8%;
  }
  .cartitemBox {
    border-top: 1px solid #ddd8d5;
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
  }
  .cartitemBox:first-child {
    border-top: medium none;
  }
  .boxwappa {
    padding: 2%;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
  }
  .cartinImages {
    margin-right: 2%;
    width: 18%;
  }
  .cartinImages img {
    /*	width: 100%; */
  }
  .cartinitemBox .cartinContents {
    width: 59.4%;
  }
  #quantity_level {
    margin: 2.4% 0;
  }
  #quantity_level li {
    border: 1px solid #afb2b0;
    border-radius: 4px;
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    padding: 4px;
    width: 16px;
  }
  #quantity_level li a {
    display: block;
    text-align: center;
  }
  .cartinarea .delete_item {
    position: absolute;
    right: 1.6%;
    top: 10px;
  }
  .cartinarea .delete_item a {
    font-size: 10px;
    display: block;
    background: #b0b0b0;
    padding: 4px 6px;
    color: #fff;
    border-radius: 5px;
  }
  .numcont {
    background: #f9f9f7 none repeat scroll 0 0;
    border-top: 1px solid #ddd8d5;
    box-sizing: border-box;
    clear: both;
    display: inline-table;
    margin: 0;
    padding: 2%;
    width: 100%;
  }
  .numcont .account {
    float: left;
  }
  .numcont .result {
    float: right;
    margin-top: 3px;
  }
  .numcont .account .amount img {
    cursor: pointer;
    width: 22px;
  }
  .total_area {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f9f9f7 none repeat scroll 0 0;
    border-color: #ddd8d5;
    border-image: none;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 2%;
    text-align: right;
  }
  .total_area .price {
    color: #da0000;
  }
  .form_area .empty {
    margin-bottom: 4%;
  }

  /*-----------------------------------------------
  購入フロー
  ----------------------------------------------- */
  /*お支払い方法の指定*/
  .pay_area,
  .pay_area02,
  .point_area,
  .contact_area {
    margin-bottom: 12px;
  }
  #payment {
    border: 1px solid #ddd8d5;
    border-radius: 8px;
  }
  #payment li {
    border-bottom: 1px solid #ddd8d5;
    padding: 4%;
  }
  #payment li:last-child {
    border-bottom: none;
  }
  .cardregist {
    margin-top: 10px;
    text-indent: -1.2em;
    padding-left: 26px;
  }
  .check_point.code_input {
    margin-top: 2%;
  }
  #coupon_accBtn {
    position: relative;
    margin-top: 2%;
  }
  #coupon_accBtn.active:before {
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #coupon_accBtn:before {
    position: absolute;
    top: 50%;
    right: 14px;
    z-index: 3;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-top: 1px solid #4f6129;
    border-right: 1px solid #4f6129;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all 0.4s ease;
  }
  #coupon_accBtn a {
    background-color: #d8e3c0;
    display: inline-block;
    width: 100%;
    color: #4f6129;
    padding: 16px 20px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
  }

  /*入力内容確認*/
  .cartconfirm_area .numcont .result {
    margin-top: 0;
  }
  .cartconfirm_area,
  .delivconfirm_area {
    margin-bottom: 12px;
  }
  .point_confifrm {
    border: 1px solid #ddd8d5;
    border-radius: 8px;
    margin-top: 12px;
  }
  .point_confifrm dl {
    display: inline-block;
    padding: 3%;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd8d5;
  }
  .point_confifrm dl:last-child {
    border-bottom: none;
  }
  .point_confifrm dt {
    float: left;
  }
  .point_confifrm dd {
    float: right;
  }
  .deliv_confirm,
  .delivery_confifrm {
    display: inline-block;
    padding: 3%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd8d5;
    border-radius: 8px;
  }
  .payBtmBox {
    border-radius: 8px;
    margin-top: 20px;
    padding: 3%;
    background: #f9f9f7;
    border: 1px solid #ddd8d5;
  }
  .paySelectAcc dt {
    display: inline-block;
  }
  .paySelectAcc dd {
    margin-top: 10px;
  }
  .payImage {
    padding-left: 26px;
  }
  .payText {
    margin-top: 5px;
    padding-left: 26px;
  }
  .quiz_answer {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
  }
  /*ご注文完了*/
  .thankstext {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #completetext {
  }
  .shopInformation {
    border-top: 1px solid #333;
    padding-top: 20px;
  }

  /*-----------------------------------------------
  非会員購入
  ----------------------------------------------- */
  .pointingAdd {
    background: #e8e8e8 none repeat scroll 0 0;
    margin-bottom: 4%;
    padding: 2%;
  }

  /*-----------------------------------------------
  会員登録
  ----------------------------------------------- */
  .information {
    border-bottom: 1px solid #000;
    font-weight: bold;
    margin-bottom: 3.2%;
    padding: 2.4% 0;
  }
  .deliv_fee_flg {
    margin-bottom: calc(3.2% + 50px);
  }
  #kiyaku_text {
    margin: 8% 0;
    padding: 3%;
    height: 240px;
    overflow: auto;
    border: 1px solid #ccc;
  }
  #undercolumn_entry h2.title_bloc {
    margin-top: 4%;
  }

  /*-----------------------------------------------
  完了画面

  ----------------------------------------------- */
  #complete_area {
    margin-bottom: 8%;
  }

  #complete_area p {
    margin-bottom: 2%;
  }

  /*-----------------------------------------------
  ログインページ
  ----------------------------------------------- */
  #undercolumn h2.title_bloc {
    margin-top: 4%;
  }
  #undercolumn_login h3 {
    /*font-family: 'yumindb', serif;*/
    font-size: 16px;
    font-weight: bold;
  }
  .login_area {
    width: 100%;
    display: inline-block;
  }
  .login_area .login_topText {
    text-align: center;
  }
  .login_area .login_topText a {
    display: inline-block;
    margin: 10px 0 20px;
    font-size: 13px;
    text-decoration: underline;
  }
  .loginareaBox {
  }
  .loginareaBox .textboxList {
    display: table;
    overflow: hidden;
    margin-bottom: 2%;
  }
  .loginareaBox .textboxList dt,
  .loginareaBox .textboxList dd {
    display: table-cell;
  }
  .loginareaBox .textboxList dt {
    width: 35%;
    padding-right: 4%;
    vertical-align: middle;
    text-align: right;
    color: #4f6129;
    font-size: 12px;
    font-weight: bold;
  }
  .loginareaBox .textboxList dd {
    width: 65%;
  }
  .loginareaBox input {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #000;
  }
  .loginareaBox .mailtextBox {
    /*
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:0;
  */
  }
  .loginareaBox .passtextBox {
    /*
    border-top-left-radius:0;
    border-top-right-radius:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    -webkit-border-top-left-radius:0;
  */
  }
  .login_memory {
    text-align: center;
    margin-top: 4%;
  }
  .login_area .forgotArea {
    margin: 4% 0 8%;
  }
  .login_area .forgotArea a {
    font-size: 14px;
  }
  .forgot {
    margin: 1% 0;
    text-align: center;
  }
  .forgotBox {
    margin: 4% 0 8%;
  }

  .forgot svg {
    fill: #000;
    font-size: 12px;
    width: 12px;
    height: 12px;
  }

  .login_area p {
  }
  .login_area .btn_area {
    margin: 4% 0;
  }
  .login_bottomLink {
    margin-top: 4%;
    text-align: center;
  }
  .login_bottomLink a {
    text-decoration: underline;
  }
  .login_induction.guest {
    padding: 4% 0;
    background: #f9d9d9;
    line-height: 1.4;
    box-sizing: border-box;
  }
  .login_induction.guest p + p {
    margin-top: 10px;
  }
  /*-----------------------------------------------
  パスワードを忘れた方
  ----------------------------------------------- */
  .forgotlink {
    margin: 4% 0;
    text-align: center;
  }
  .forgotlink a {
    text-decoration: underline;
  }
  .forgotformList {
    display: table;
    width: 100%;
    margin-bottom: 2%;
  }
  .forgotformList li {
    display: table-cell;
  }
  .forgotformList li {
    width: 15%;
    padding-right: 4%;
    font-weight: normal;
    text-align: right;
  }
  .forgotformList li + li {
    width: 85%;
  }
  .forgotArea {
    margin-top: 4%;
  }
  .forgotArea p {
    text-align: center;
  }
  .forgotArea a {
    font-size: 13px;
    text-decoration: underline;
  }
  /*-----------------------------------------------
  マイページ
  ----------------------------------------------- */
  #mypagecolumn h2 {
    margin-top: 4%;
  }
  #mynavi_area {
    margin-bottom: 8%;
  }
  #mynavi_area .point_announce {
    margin-top: 20px;
  }
  .mynavi_list li {
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #ddd;
    float: left;
    margin-right: 2%;
    padding: 2%;
    text-align: center;
    width: 22%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .mynavi_list li.buy {
    width: 18%;
  }
  .mynavi_list li.guest {
    width: 30%;
  }
  .mynavi_list li span {
    display: block;
    font-size: 10px;
  }
  .mynavi_list li:last-child {
    margin-right: 0;
  }
  .guestBox {
    background: #ddd none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    padding: 4%;
    width: 100%;
    margin-top: 2%;
  }
  .guestBox li {
    width: 100% !important;
    background: #fff;
    text-align: left !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
  }
  .guestBox li:last-child a {
    border-bottom: none;
  }
  .guestBox li a {
    border-bottom: 1px dotted #000;
    box-sizing: border-box;
    display: inline-block;
    padding: 4%;
    width: 100%;
  }
  .guestBox li span {
    padding-top: 0 !important;
    display: inline !important;
  }
  .guestBox svg {
    width: 12px;
    height: 12px;
    float: right;
  }
  #mypagecolumn h3 {
  }
  .all_row {
    font-size: 14px;
    line-height: 2.3;
  }

  /*購入一覧*/
  .LC_Page_AbstractMypage .formBox {
    margin-top: 4%;
  }
  .arrowBox {
    border: 1px solid #ddd8d5;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-bottom: 2%;
  }
  .arrowBox:last-child {
    margin-bottom: 0;
  }
  .arrowBox a {
    display: inline-block;
    padding: 3%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .arrowBox span.arrow {
    position: absolute;
    top: 36%;
    right: 8px;
  }
  .arrowBox svg {
    fill: #333;
    width: 18px;
    height: 18px;
  }

  /*購入一覧詳細*/
  .cartinarea {
  }
  #mypagecolumn .borderbox {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 2%;
  }
  .OrderDataBox {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 8px 8px 0 0;
    padding: 3.2%;
    border: 1px solid #e8e8e8;
  }
  .OrderDataBox li {
    display: inline-block;
    margin-right: 3.2%;
    width: auto;
  }
  .cartconfirmBox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid #e8e8e8;
    border-image: none;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-top: medium none !important;
    padding: 3.2%;
  }
  .cartconfirmImages {
    margin-right: 2%;
    width: 32%;
  }
  .cartconfirmImages img {
    width: 100%;
  }
  .cartconfirmBox .cartconfirmContents {
    width: 60%;
  }
  .history_area .result_area {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 3.2%;
  }

  .history_area .total_area {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f2f2f2 none repeat scroll 0 0;
    border-color: #e8e8e8;
    border-image: none;
    border-radius: 0 0 8px 8px;
    border-style: dotted solid solid;
    border-width: 1px;
    margin-bottom: 5.7%;
    padding: 3.2%;
  }
  .history_area .total_area span {
    font-size: 16px;
  }
  .delive {
    border: 1px solid #f2f2f2;
    border-top: none;
    display: table;
    width: 100%;
  }

  .deliveBox {
    display: table-row;
    border-left: 1px solid #f2f2f2;
  }

  .deliveTtl,
  .deliveCont {
    display: table-cell;
    padding: 2%;
  }

  .deliveTtl {
    background: #f2f2f2;
    border-top: 2px solid #fff;
    padding: 2%;
    width: 30%;
  }

  .deliveCont {
    background: #fff;
    border-bottom: 2px dotted #f2f2f2;
    width: 70%;
  }

  .mailBox {
    margin-top: 5.7%;
  }

  /*お気に入り*/
  .favoriteBox {
    border: 1px solid #ddd8d5;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 2%;
    box-sizing: border-box;
    position: relative;
  }
  .favoriteImages {
    margin-right: 2%;
    width: 18%;
  }
  .favoriteBox .delete_item {
    position: absolute;
    right: 1.6%;
    top: 10px;
  }
  .favoriteBox .delete_item a {
    background: #b0b0b0 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 10px;
    padding: 4px 6px;
  }
  .favoriteBox svg {
    fill: #fbfbfb;
    height: 18px;
    width: 18px;
  }

  /*お届け先の複数指定*/
  table td.photo {
    padding: 0;
  }
  /*お届け先追加*/
  .formBox_delive {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-border-radius: 8px;
  }
  .deliv_check {
    border-bottom: 1px solid #e8e8e8;
    padding: 4%;
    box-sizing: border-box;
    position: relative;
  }
  .deliv_check:last-child {
    border-bottom: none;
  }
  .deliv_check input {
    padding: 0;
    margin: 0;
    vertical-align: top;
  }
  .deliv_check .address {
    margin-left: 18px;
    margin-top: 6px;
  }

  /*お届け先の複数指定*/
  .delivitemBoxCont {
    display: inline-block;
    width: 60%;
    float: left;
  }
  .delivContents {
    width: 40%;
    float: left;
  }
  .delivContents::before {
    content: '数量 : ';
  }
  .delivContents .cartin_quantity {
    width: 50%;
  }
  .total_area select {
    background-color: #fff !important;
  }

  /*-----------------------------------------------
  ▼ショッピングガイド
  ----------------------------------------------- */

  /*-----------------------------------------------
  TOP特集
  ----------------------------------------------- */
  #feature {
    margin: 7.5% 0;
  }
  .featurebox {
    margin-bottom: 5.4%;
  }
  .featurebox img {
    width: 100%;
  }

  .feature_img {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
  }
  #feature .feature_text {
    font-family: 'yumindb', serif;
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);

    width: 100%;
    padding: 10px;
    line-height: 150%;
    letter-spacing: 1.5px;
  }
  .more {
    font-family: 'yumindb', serif;
    text-align: right;
  }
  .i_more {
    background: url(../img/icon/icon_more.png) no-repeat right center;
    background-size: 20px;
    padding: 12px 28px 12px 0px;
  }

  /*-----------------------------------------------
  特集一覧
  ----------------------------------------------- */
  #feature_list li img {
    width: 100%;
  }
  #feature_list li:nth-child(odd) {
    float: left;
    width: 49%;
    clear: both;
  }
  #feature_list li:nth-child(even) {
    float: right;
    width: 49%;
  }
  #feature_list .feature_name,
  .other_feature .feature_name {
    font-family: 'yuminl';
    margin: 4px 0 16px 0;
  }

  /*-----------------------------------------------
  会社概要
  ----------------------------------------------- */
  .company_main img {
    width: 100%;
  }
  .companytable {
    margin: 4% 0;
  }
  .companytable dt {
    background: #f2f2f2;
    padding: 2%;
    font-weight: bold;
  }
  .companytable dd {
    padding: 2%;
  }

  /*-----------------------------------------------
  特定商取引法に関する表示について
  ----------------------------------------------- */
  .order h2 .beven,
  .undercolumn_popup h2 .beven {
    font-size: 16px !important;
    font-family: 'yumindb', serif !important;
  }
  .ordertable {
    margin: 4% 0;
  }
  .ordertable dt {
    background: #f2f2f2;
    padding: 2%;
    font-weight: bold;
  }
  .ordertable dd {
    padding: 2%;
  }

  /*-----------------------------------------------
  2017.09.19 Design Update
  ログイン画面
  ----------------------------------------------- */
  /*
  /* orange :: #eba40b
  /* blue :: #4786d5
  /* pink :: #df657f
  /* Green :: #748a03
  /* Dark Green :: #4f6129
  /*
  ----------*/

  .loginareaBox .textboxList {
    display: block;
    margin-bottom: 4%;
  }
  .loginareaBox .textboxList dt {
    width: 100%;
    padding-bottom: 6px;
    display: block;
    text-align: left;
  }
  .loginareaBox .textboxList dd {
    width: 100%;
    display: block;
  }
  .login_memory {
    margin-top: 6%;
  }
  .login_area .forgotArea {
    margin: 2.7% 0 6%;
  }

  .active_btn {
    position: relative;
  }
  .active_btn input,
  .active_btn a,
  .active_btn button {
    padding: 4% 0;
    height: 50px;
    box-sizing: border-box;
  }
  .active_btn.login_y_btn input {
    background-color: #eba40b;
  }
  .active_btn.login_b_btn input,
  .active_btn.login_b_btn a {
    background-color: #4786d5;
  }
  .active_btn.login_p_btn input,
  .active_btn.login_p_btn a {
    background-color: #df657f;
  }
  .active_btn.login_g_btn a {
    font-size: 14px;
  }
  .active_btn::after {
    position: absolute;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 12px;
    height: 12px;
    display: block;
    content: '';
    transform: rotate(45deg) translateY(-50%);
    top: 45%;
    right: 15px;
  }
  .agein_btn_area {
    margin: 8% 0 4%;
    width: 100%;
    text-align: center;
    clear: both;
  }
  .login_area p.message,
  .loginareaBox p.message {
    font-size: 14px;
  }

  .login_member_box,
  .login_regist_box,
  .login_agein_box,
  .login_guest_box {
    border: 1px solid #748a03;
    padding: 0 15px 10px;
    margin-bottom: 15px;
  }
  .login_member_box .btn_area,
  .login_regist_box .btn_area {
    margin: 10px 0 5px;
    text-align: left;
  }
  .login_guest_box .btn_area {
    margin: 15px 0 5px;
  }

  /* EAHINO-149 カート内に会員限定商品が含まれております */
  .login_guest_box .guest.login_induction {
    margin: 15px 0 5px;
    padding: 4%;
    background: #f9d9d9;
    line-height: 1.4;
    box-sizing: border-box;
    text-align: left;
  }

  .login_member_box .btn_area li:last-child,
  .login_regist_box .btn_area li:last-child,
  .login_guest_box .btn_area li:last-child {
    margin-bottom: 0px;
  }
  .login_regist_box .regist_title {
    padding: 10px 0 0px;
  }
  h2.title_bloc {
    margin-bottom: 7%;
  }
  .subtitle {
    padding: 10px 0 4px 0;
  }
  .information {
    border-bottom: none;
    font-weight: normal;
  }
  .information_subtext {
    margin-top: 5px;
  }
  /* 「戻る」「お買い物を続ける」ボタン */
  .passive_btn {
    position: relative;
  }
  .passive_btn input,
  .passive_btn a,
  .passive_btn button {
    background-color: #fff;
    color: #4f6129;
    border: 1px solid #4f6129;
    box-sizing: border-box;
  }
  .passive_btn::after {
    position: absolute;
    border-top: 1px solid #4f6129;
    border-right: 1px solid #4f6129;
    width: 12px;
    height: 12px;
    display: block;
    content: '';
    transform: rotate(-135deg) translateY(-50%);
    top: 25%;
    left: 15px;
  }
  .formBox {
    margin-bottom: 30px;
  }
  /* 数量カウント and 小計 */
  .numcont {
    background: #f9f9f7;
    padding: 5px 10px 9px;
  }
  .numcont .account {
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .numcont .account .amount {
    display: block;
    margin-top: 6px;
  }
  .numcont .account .amount img {
    width: 28px;
    margin-left: 2px;
  }
  .numcont .result {
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }

  .ec_toggleList01 > .ec_toggleBox {
    border-bottom: 2px solid #83942e;
  }
  .sub_area:last-child {
    margin-bottom: 15px;
  }
  .cart_area select {
    width: 75px;
  }
  .quantity {
    padding: 0 0 2%;
    width: 100%;
    display: table;
  }
  .quantity dt {
    float: none;
    display: table-cell;
    width: 50px;
    vertical-align: middle;
  }
  .quantity dd {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  .quantity dd.selector_cell {
    width: 85px;
  }
  #cartbtn_default a {
    margin-top: 0;
    min-height: 50px;
    box-sizing: border-box;
    padding: 6% 10px;
  }
  #cartbtn_default span {
    padding-left: 30px;
    background-size: 25px 19px;
    text-align: left;
  }
  .detail_subinfo_area {
    display: table;
    margin: 0 20px;
    border-spacing: 5px;
  }
  .detail_subinfo_area li {
    list-style: none;
    display: table-cell;
    width: 49%;
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
    font-size: 12.6px;
  }
  .detail_subinfo_about_postage {
    border: 1px solid #8aa405;
    color: #4f6129;
    margin-right: 5px;
    background: #ffffcc;
  }
  .detail_subinfo_about_postage span {
    font-weight: bold;
    display: block;
  }
  .detail_subinfo_delivery_days {
    border: 1px solid #cccccc;
  }
  .detail_subinfo_delivery_days a {
    text-decoration: underline;
    color: #4f6129;
  }
  .application_green_btn a {
    background-color: #4f6129;
    display: block;
    line-height: 50px;
    text-align: center;
    width: 72%;
    color: #fff;
    margin: 4% auto;
    height: 50px;
    box-sizing: border-box;
    position: relative;
  }
  .application_green_btn a::after {
    display: block;
    content: '';
    position: absolute;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    top: 45%;
    right: 13px;
    width: 11px;
    height: 11px;
  }
  .hdNav02 li.header_cart_btn a::before {
    display: block;
    font-family: hinoseiyaku !important;
    font-size: 18px;
    vertical-align: top;
    content: '\e90b';
  }

  .hdNav02 li.header_login a.header-login-key::before {
    content: '';
    background: url(../img/icon/icon_login_r.png) no-repeat center top;
    background-size: 14px 18px;
    width: 36px;
    height: 24px;
    display: block;
  }

  .hdNav02 li.header_logout a.header-logout-key::before {
    content: '';
    background: url(../img/icon/icon_logout_r.png) no-repeat center top;
    background-size: 14px 18px;
    width: 36px;
    height: 24px;
    display: block;
  }

  .hdNav02 li.header_guide_btn a::before {
    content: '';
    background: url(../img/icon/beginner_icon_r.png) no-repeat center top;
    background-size: 14px 18px;
    width: 36px;
    height: 24px;
    display: block;
  }

  .toCart {
    bottom: 25px;
    top: inherit;
    display: block;
    right: 100px;
    height: 60px;
    width: 220px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    /*			display: none;*/
    z-index: 10000;
  }
  .toCart a {
    height: 40px;
    width: 200px;
    display: block;
    text-align: center;
    background: #eba40b;
    color: #fff;
    overflow: hidden;
    position: relative;
  }
  .toCart a::before {
    display: block;
    position: absolute;
    content: '';
    height: 100%;
    width: 0%;
    opacity: 0;
    top: 0;
    left: 0;
    background: #f85903;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .toCart a:hover::before {
    width: 100%;
    opacity: 1;
  }
  .toCart a::after {
    display: block;
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 8px;
    height: 8px;
    top: 44%;
    right: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
  }
  .toCart a span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
  }

  .pc_hidden {
    display: none;
  }
   /* .sp_hidden {
    display: none;
  }
    .pc_block {
      display: block;
    }
  */
  .sp_block {
    display: block;
  }

  .tit01 {
    position: relative;
    margin: 0 auto 25px;
    padding: 0 0 25px;
  }
  .tit01:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #4f6129;
    content: '';
  }
  .aboutbox01 {
    margin: 30px auto;
    width: 100%;
    max-width: 1040px;
    height: 680px;
    background: url(/shop/upload/bathtime_img/bk0501.jpg) no-repeat center top;
  }
  .aboutbox01_title {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox01_title_img {
    margin: 380px auto 0;
  }
  .aboutbox01_caption {
    width: 80%;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 16px;
  }
  .aboutbox02 {
    margin: 30px auto;
    width: 100%;
    max-width: 1040px;
    height: 600px;
    background: url(/shop/upload/bathtime_img/bk0502.jpg) repeat-y center top;
  }
  .aboutbox02_leftbox {
    width: 40%;
    float: left;
    margin-left: 10px;
  }
  .aboutbox02_leftbox_imgbox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox02_leftbox_img {
    margin: 60px 0;
  }
  .aboutbox02_rightbox {
    width: 48%;
    float: right;
    margin-right: 60px;
  }
  .aboutbox02_rightbox_imgbox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox02_rightbox_img {
    margin: 120px auto 0px;
  }
  .aboutbox02_rightbox_cpation {
    width: 100%;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 16px;
  }
  .aboutbox03 {
    margin: 30px auto;
    width: 100%;
    max-width: 1040px;
    height: 680px;
    background: url(/shop/upload/bathtime_img/bk0503.jpg) no-repeat center top;
  }
  .aboutbox03_title {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox03_title_img {
    margin: 70px auto 0;
  }
  .aboutbox03_captionbox_titleimgsp {
    display: none;
  }
  .aboutbox03_captionbox {
    width: 68%;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 16px;
  }
  .aboutbox03_captionbox_caption {
    width: 90%;
    margin: 0 auto;
  }
  .aboutbox04 {
    margin: 30px auto;
    width: 100%;
    max-width: 1040px;
    height: 800px;
    background: url(/shop/upload/bathtime_img/bk0504.jpg) no-repeat center top;
  }
  .aboutbox04_leftbox {
    width: 48%;
    float: left;
    margin-left: 60px;
  }
  .aboutbox04_leftbox_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox04_leftbox_title_img {
    margin: 80px auto 0;
  }
  .aboutbox04_leftbox_captionbox {
    width: 100%;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 16px;
  }
  .aboutbox04_leftbox_caption {
    margin: 0 0 40px;
  }
  .aboutbox04_leftbox_caption_img {
    width: 100%;
  }
  .aboutbox04_leftbox_caption_imgsp {
    display: none;
  }
  .aboutbox04_rightbox {
    width: 40%;
    float: left;
  }
  .aboutbox04_rightbox_imgbox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox04_rightbox_img {
    padding-top: 450px;
  }
  .aboutbox05 {
    margin: 30px auto 80px;
    width: 100%;
    max-width: 1040px;
    height: 1000px;
  }
  .aboutbox05_title {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .aboutbox05_titleimg {
    margin: 80px auto 0;
  }
  .aboutbox05_caption {
    width: 80%;
    margin: 0 auto;
    line-height: 1.7;
    font-size: 16px;
    text-align: center;
  }
  .aboutbox05_imgbox {
    width: 80%;
    margin: 0 auto 50px;
    text-align: center;
  }
  .aboutbox05_img {
    margin: 50px auto 0;
  }
  .aboutbox05sp {
    display: none;
  }
  .aboutbox06sp {
    display: none;
  }

  @media screen and (max-width: 480px) {
    * {
      margin: 0;
      padding: 0;
    }
    .tit01 {
      width: auto;
      margin: 0 auto 15px;
      padding: 0 0 14px;
    }
    .indexBox .tit01:before {
      left: 0;
      margin: 0;
    }
    .aboutbox01 {
      margin: 0 auto 30px;
      width: 100%;
      height: 590px;
      background: url(/shop/upload/bathtime_img/bk0501sp.jpg) no-repeat center top;
      background-size: 100%;
    }
    .aboutbox01_title {
      width: 80%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox01_title_img {
      width: 80%;
      margin: 200px auto 0;
    }
    .aboutbox01_caption {
      width: 80%;
      margin: 0 auto;
      line-height: 1.7;
      font-size: 14px;
    }
    .aboutbox02 {
      margin: 30px auto;
      width: 100%;
      height: 750px;
      background: url(/shop/upload/bathtime_img/bk0502.jpg) repeat-y center top;
      background-size: 100%;
    }
    .aboutbox02_leftbox {
      width: 100%;
      float: none;
      margin-left: 0px;
    }
    .aboutbox02_leftbox_imgbox {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox02_leftbox_img {
      margin: 50px 0 0;
      width: 80%;
    }
    .aboutbox02_rightbox {
      width: 100%;
      float: none;
      margin-right: 0px;
    }
    .aboutbox02_rightbox_imgbox {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox02_rightbox_img {
      width: 70%;
      margin: 0px auto 0px;
    }
    .aboutbox02_rightbox_cpation {
      width: 80%;
      margin: 0 auto;
      line-height: 1.7;
      font-size: 14px;
    }
    .aboutbox03 {
      margin: 20px auto;
      width: 100%;
      max-width: 1040px;
      height: 680px;
      background: url(/shop/upload/bathtime_img/bk0503sp2.jpg) no-repeat center
        top;
      background-size: 100%;
    }
    .aboutbox03_title {
      width: 80%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox03_title_img {
      width: 60%;
      margin: 30px auto 0;
    }
    .aboutbox03_captionbox {
      width: 80%;
      margin: 0 auto;
      line-height: 1.7;
      font-size: 14px;
    }
    .aboutbox03_captionbox_caption {
      width: 100%;
      margin: 10px auto;
    }
    .aboutbox03_captionbox_titleimgsp {
      display: block;
      margin-bottom: -20px;
    }
    .aboutbox03_captionbox_titleimg {
      display: none;
    }
    .aboutbox04 {
      margin: 0px auto;
      width: 100%;
      max-width: 1040px;
      height: 780px;
      background: url(/shop/upload/bathtime_img/bk0504sp2.jpg) no-repeat center
        bottom;
      background-size: 100%;
    }
    .aboutbox04_leftbox {
      margin: 0 auto;
      width: 100%;
      float: none;
    }
    .aboutbox04_leftbox_title {
      width: 80%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox04_leftbox_title_img {
      width: 70%;
      margin: 60px auto 0;
    }
    .aboutbox04_leftbox_captionbox {
      width: 100%;
      margin: 0 auto;
      line-height: 1.7;
      font-size: 14px;
    }
    .aboutbox04_leftbox_caption {
      width: 80%;
      margin: 0 auto 40px;
    }
    .aboutbox04_leftbox_caption_img {
      display: none;
    }
    .aboutbox04_leftbox_caption_imgsp {
      width: 90%;
      display: block;
      margin: 0 auto;
    }
    .aboutbox04_rightbox {
      width: 80%;
      float: none;
    }
    .aboutbox04_rightbox_imgbox {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox04_rightbox_img {
      display: none;
    }
    .aboutbox05 {
      display: none;
    }
    .aboutbox05sp {
      display: block;
      margin: 30px auto 0px;
      width: 100%;
      max-width: 1040px;
      height: 700px;
      background: url(/shop/upload/bathtime_img/bk0505sp.jpg) repeat-y center top;
      background-size: 100%;
    }
    .aboutbox05_title_sp {
      width: 80%;
      margin: 0 auto;
      text-align: center;
    }
    .aboutbox05_titleimg_sp {
      width: 60%;
      margin: 40px auto 0;
    }
    .aboutbox05_caption_sp {
      width: 80%;
      margin: 0 auto;
      line-height: 1.7;
      font-size: 13px;
      text-align: left;
    }
    .aboutbox05_imgbox_sp {
      width: 80%;
      margin: 0 auto 50px;
      text-align: center;
    }
    .aboutbox05_img_sp {
      width: 100%;
      margin: 20px auto 0;
    }
    .aboutbox06sp {
      display: block;
      margin: 0px auto 80px;
      width: 100%;
      max-width: 1040px;
      height: 400px;
      background: url(/shop/upload/bathtime_img/bk0506sp.jpg) no-repeat center top;
      background-size: 100%;
    }
    .aboutbox06_imgbox_sp {
      width: 80%;
      margin: 0 auto 50px;
      text-align: left;
    }
    .aboutbox06_img_sp {
      margin: 20px auto -50px;
    }
    .aboutbox06_caption_sp {
      width: 80%;
      margin: 0 auto;
      line-height: 1.7;
      font-size: 13px;
      text-align: left;
    }
  }

  /*-----------------------------------------------
  メルマガ募集ボタン
  ----------------------------------------------- */
  @media (min-width: 992px) {
    .footer__fixed-cv-btn {
      display: inline-block;
      color: #fff;
      text-decoration: none;
      text-align: center;
      padding: 0.75em 2em 0.75em 2em;
      border-radius: 3px;
      font-weight: 700;
      font-size: 22px;
      position: fixed;
      right: 100px;
      bottom: 30px;
      background-color: rgba(242, 101, 34, 1);
      background: url(/img/common/mailbannerbk.gif);
      z-index: 9999;
      -webkit-box-shadow: 0 0 10px rgb(4 4 41 / 45%);
      box-shadow: 0 0 10px rgb(4 4 41 / 45%);
      -webkit-transition: opacity 0.1s ease-in-out;
      transition: opacity 0.1s ease-in-out;
    }
    .btnshine {
      outline: none;
      overflow: hidden;
    }
    .btnshine::before {
      content: '';
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
      );
      transform: skewX(-25deg);
    }
    .btnshine:hover::before {
      animation: shine 0.7s;
    }
    @keyframes shine {
      100% {
        left: 125%;
      }
    }
  }
  @media (max-width: 991px) {
    .footer__fixed-pc {
      display: none;
    }
  }

  /*-----------------------------------------------
  メルマガ募集ボタン
  ----------------------------------------------- */
  .footer__fixed-cv-btn {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 0.75em 2em 0.75em 2em;
    border-radius: 3px;
    font-weight: 700;
    font-size: 22px;
    position: fixed;
    right: 100px;
    bottom: 30px;
    background-color: rgba(242, 101, 34, 1);
    background: url(/img/common/mailbannerbk.gif);
    z-index: 9999;
    -webkit-box-shadow: 0 0 10px rgb(4 4 41 / 45%);
    box-shadow: 0 0 10px rgb(4 4 41 / 45%);
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
  }
  .btnshine {
    outline: none;
    overflow: hidden;
  }
  .btnshine::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%
    );
    transform: skewX(-25deg);
  }
  .btnshine:hover::before {
    animation: shine 0.7s;
  }
  @keyframes shine {
    100% {
      left: 125%;
    }
  }

  /*リンクの形状*/
  #mmbanner a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #942d2f;
    border-radius: 5px;
    transition: all 0.3s;

    width: 200px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 0.75em 2em 0.75em 2em;
    margin-left: 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 18px;
    background: url(/img/common/mailbannerbk.gif);
    z-index: 9999999;
    -webkit-box-shadow: 0 0 10px rgb(4 4 41 / 45%);
    box-shadow: 0 0 10px rgb(4 4 41 / 45%);
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
  }

  /*#mmbanner a:hover{
          background: #777;
      }*/

  /*リンクを右下に固定*/
  #mmbanner {
    position: fixed;
    right: 10px;
    z-index: 2;
    /*はじめは非表示*/
    opacity: 0;
    transform: translateY(100px);
  }

  #mmbanner2 {
    display: none;
  }

  /*　上に上がる動き　*/

  #mmbanner.UpMove {
    animation: UpAnime 0.5s forwards;
  }
  @keyframes UpAnime {
    from {
      opacity: 0;
      transform: translateY(100px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /*　下に下がる動き　*/

  #mmbanner.DownMove {
    animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 1;
      transform: translateY(100px);
    }
  }

  .ftCopy {
    /* padding: 10px 0 145px; */
    padding: 10px 0;

  }
}