@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Cardo:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Cardo:400,400italic,700);
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;600;900&display=swap");
/* Common CSS */
/* ___________________selection */
::-moz-selection {
  background: #D3E0B1;
}
::selection {
  background: #D3E0B1;
}

::-moz-selection {
  background: #D3E0B1;
}

/* ___________________Font */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  color: #413121;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.font_en {
  font-family: "Cardo", serif;
}

.font_min {
  font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ___________________Link */
a {
  color: #413121;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* Desktops and laptops */
@media screen and (min-width: 701px) {
  htm, body {
    width: 100%;
    min-width: 1150px;
  }
  /* ___________________header */
  #header {
    width: 100%;
    margin: 0 auto;
  }
  #header_top {
    width: 100%;
    height: 24px;
    margin: 0 auto;
    background: url(../images/common/header_top_bg.jpg) #ccc0b4;
  }
  #header_top .inner {
    width: 1100px;
    margin: 0 auto;
  }
  #header_top .inner h1 {
    float: left;
    font-size: 13px;
    line-height: 24px;
  }
  #header_top .inner ul {
    float: right;
  }
  #header_top .inner ul li {
    display: inline;
  }
  #header_top .inner ul li a {
    padding: 0 0 0 17px;
    margin: 0 0 0 18px;
    font-size: 13px;
    line-height: 24px;
    background: url(../images/common/icon_leaf.png) 0 2px no-repeat;
  }
  #header_inner {
    width: 1100px;
    margin: 0 auto;
    height: 130px;
    overflow: hidden;
    position: relative;
  }
  #header_inner #logo {
    width: 370px;
    height: 80px;
    margin: 40px 0 0 0;
    float: left;
  }
  #header_inner #logo a {
    width: 100%;
    height: 100%;
    background: url(../images/common/logo_2017.png) no-repeat;
    padding: 0;
    margin: 0;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #header_inner #logo a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  #header_inner .header_contents {
    float: right;
    margin-top: 50px;
    width: 675px;
  }
  #header_inner .header_contents .tel {
    display: block;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    height: 22px;
    margin: 0 0 15px 0;
    background: url(../images/common/header_images.png) no-repeat top right;
  }
  #header_inner .btns {
    overflow: hidden;
  }
  #header_inner .btns li {
    width: 210px;
    float: left;
  }
  #header_inner .btns .tel_link {
    width: 222px;
    margin-right: 20px;
  }
  #header_inner .btns .tel_link a {
    display: block;
  }
  #header_inner .btns .tel_link a img {
    width: 100%;
    height: auto;
  }
  #header_inner .btns .mypage {
    margin-bottom: 5px;
    margin-right: 10px;
  }
  #header_inner .btns .mypage span {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    height: 21px;
    background-image: url(../images/common/header_images.png);
    background-position: 0 bottom;
  }
  #header_inner .btns .mypage a {
    height: 40px;
    background-color: #675756;
    font-size: 15px;
    line-height: 40px;
  }
  #header_inner .btns .mypage a:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 12px;
    height: 21px;
    background-image: url(../images/common/header_icons.png);
    background-position: 0 0;
  }
  #header_inner .btns .mypage a:hover {
    background-color: #938b84;
  }
  #header_inner .btns .cart a {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  #header_inner .btns .cart a:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/header_icons.png);
    background-position: 0 -50px;
  }
  #header_inner .btns .btn_menu {
    display: none;
  }
  #header_inner .link_lang {
    display: block !important;
    text-align: right;
    position: absolute;
    top: 10px;
    right: 0;
  }
  #header_inner .link_lang a {
    font-size: 13px;
    display: inline-block;
  }
  #header_inner .link_lang a::before {
    content: "";
  }
  #header_inner .link_lang a span {
    font-size: 0.8em;
    opacity: 0.3;
  }
  /* ___________________global navigation */
  #gnav_wrapper {
    width: 100%;
    height: 70px;
    background-color: #fff;
  }
  #sp_btns {
    display: none;
  }
  #gnav {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }
  #gnav > li {
    position: relative;
    font-family: "Zen Old Mincho", "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    font-size: 17px;
    margin-left: 1.4em;
  }
  #gnav > li:not(:nth-child(7)) {
    padding-right: 1.8em;
  }
  #gnav > li:not(:nth-child(6)):not(:nth-child(7))::after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    content: "/";
    color: #85a54c;
    font-size: 17px;
  }
  #gnav > li:first-child {
    margin-left: 1.8em;
  }
  #gnav > li > a:hover {
    text-decoration: none;
    color: #85a54c;
  }
  #gnav > li > ul {
    width: 180px;
    padding: 0 15px 5px 15px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    z-index: 500;
    position: absolute;
    top: 70px;
    left: -15px;
    display: none;
  }
  #gnav > li > ul li {
    margin: 0 0 10px 0;
  }
  #gnav > li > ul li a {
    padding: 0 0 0 20px;
    display: block;
    font-size: 14px;
    line-height: 18px;
    background: url(../images/common/sub_icons.png) no-repeat;
  }
  #gnav > li > ul .limited a {
    background-position: 0 -200px;
  }
  #gnav > li > ul .hfs a {
    background-position: 0 -225px;
  }
  #gnav > li > ul .skin a {
    background-position: 0 -250px;
  }
  #gnav > li > ul .hair a {
    background-position: 0 -275px;
  }
  #gnav > li > ul .body a {
    background-position: 0 -300px;
  }
  #gnav > li > ul .aroma a {
    background-position: 0 -325px;
  }
  #gnav > li > ul .supplement a {
    background-position: 0 -425px;
  }
  #gnav > li > ul .original a {
    background-position: 0 -350px;
  }
  #gnav > li > ul .gift a {
    background-position: 0 -375px;
  }
  #gnav > li > ul .regular a {
    background-position: 0 -400px;
  }
  #gnav > li > ul .price a {
    background-position: 0 -448px;
  }
  #gnav > li > ul .multi a {
    background-position: 0 -475px;
  }
  #gnav li.gnav6 form {
    padding: 21px 0 0 0;
  }
  #gnav li.gnav6 form .search_text {
    width: 144px;
    height: 24px;
    margin: 0 3px 0 0;
    padding: 0 5px 0 30px;
    border-top: solid 1px #e6dfd8;
    border-right: none;
    border-bottom: none;
    border-left: solid 1px #e6dfd8;
    background: url(../images/common/header_icons.png) no-repeat 5px -96px #f4f1ec;
    outline: none;
    font-size: 14px;
    display: block;
    float: left;
  }
  #gnav li.gnav6 form .search_text:focus {
    background-color: #fdfbf7;
  }
  #gnav li.gnav6 form .search_btn {
    width: 46px;
    height: 24px;
    background: #675756;
    border: none;
    border-radius: 0 5px 0 5px;
    color: #fff;
    font-size: 13px;
  }
  #gnav li.gnav6 form .search_btn:hover {
    background-color: #5a5147;
  }
  #gnav li.gnav_sp {
    display: none;
  }
  /* ___________________layout */
  #pankuzu {
    width: 1100px;
    padding: 0;
    margin: 20px auto;
    background: url(../images/common/line_noise2.png) 0 0 repeat-x;
  }
  #pankuzu ul {
    width: 1100px;
    background: url(../images/common/line_noise2.png) 80px bottom repeat-x;
  }
  #pankuzu ul li {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
  }
  #pankuzu ul li a {
    padding: 0 18px 0 0;
    margin: 0 8px 0 0;
    background: url(../images/common/icon_arrow.png) right 2px no-repeat;
    font-weight: normal;
  }
  #pankuzu ul li:first-child {
    padding-left: 27px;
    background: url(../images/common/pankuzu_icon.png) 0 center no-repeat;
  }
  /* ___________________layout */
  #wrapper {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 90px 0;
  }
  #wrapper:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  #main {
    width: 810px;
    float: right;
    margin: 15px auto;
  }
  #sub {
    width: 250px;
    float: left;
    margin: 0 auto;
  }
  #sub .sub_info {
    padding: 8px 15px 8px 15px;
    margin: 0 0 30px 0;
    position: relative;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
  }
  #sub .sub_info:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    height: 8px;
    background-image: url(../images/common/sub_info_head.png);
    position: absolute;
    top: 0;
    left: 0;
  }
  #sub .sub_info:after {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    height: 8px;
    background-image: url(../images/common/sub_info_bottom.png);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #sub .sub_info li {
    padding: 5px 0;
  }
  #sub .sub_info li .date {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 17px;
  }
  #sub .sub_info li .date a {
    padding: 0 7px;
    margin: 0 0 0 10px;
    display: inline-block;
    background-color: #64674c;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
  }
  #sub .sub_info li .title a {
    font-size: 14px;
    line-height: 1.538;
    text-decoration: underline;
  }
  #sub .sub_info li .title a:hover {
    text-decoration: none;
  }
  #sub .sub_begginer {
    width: 256px;
    height: 220px;
    margin: 0 -3px 30px -3px;
  }
  #sub .sub_begginer dt {
    padding: 23px 0 20px 0;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    text-align: center;
  }
  #sub .sub_begginer dd {
    width: 220px;
    height: 55px;
    margin: 0 auto 15px auto;
  }
  #sub .sub_begginer dd a {
    height: 55px;
    line-height: 55px;
  }
  #sub .sub_begginer .hfs {
    width: 216px;
    padding: 3px;
    height: 49px;
    background: url(../images/common/sub_begginer_hfs.png) 0 0 no-repeat;
  }
  #sub .sub_begginer .hfs a {
    width: 214px;
    height: 49px;
    margin: 0 auto;
    background: transparent;
    color: #413121;
    line-height: 49px;
  }
  #sub .sub_begginer .hfs a:hover {
    background-color: rgba(201, 226, 157, 0.7);
  }
  #sub .sub_begginer .choice {
    width: 216px;
    padding: 3px;
    height: 49px;
    background: url(../images/common/sub_begginer_choice.png) 0 0 no-repeat;
  }
  #sub .sub_begginer .choice a {
    width: 214px;
    height: 49px;
    margin: 0 auto;
    background: transparent;
    color: #413121;
    line-height: 49px;
  }
  #sub .sub_begginer .choice a:hover {
    background-color: rgba(201, 226, 157, 0.7);
  }
  #sub .sub_begginer .about a {
    position: relative;
  }
  #sub .sub_begginer .about a:after {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    background: url(../images/common/common_icons.png) 0 -450px no-repeat;
    position: absolute;
    top: 20px;
    right: 5px;
  }
  #sub .sub_campaign {
    margin: 0 0 30px 0;
  }
  #sub .sub_campaign li {
    margin: 0 0 20px 0;
  }
  #sub .sub_campaign li img {
    display: block;
  }
  #sub .sub_categories {
    padding: 0 15px 10px 15px;
    margin: 0 0 20px 0;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
  }
  #sub .sub_categories dt {
    margin: 0 0 15px 0;
    background: url(../images/common/line_noise.png) left bottom repeat-x;
  }
  #sub .sub_categories dt a {
    padding: 0 0 0 40px;
    color: #413121;
    line-height: 50px;
    display: block;
    position: relative;
    text-decoration: none;
    background: url(../images/common/common_icons.png) 200px 18px no-repeat;
  }
  #sub .sub_categories dt a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 19px;
    height: 16px;
    background-image: url(../images/common/sub_icons.png);
    position: absolute;
    top: 17px;
    left: 7px;
  }
  #sub .sub_categories dt a:hover {
    color: #75a81b;
  }
  #sub .sub_categories dd {
    margin: 0 0 10px 0;
  }
  #sub .sub_categories dd a {
    padding: 0 0 0 20px;
    display: block;
    font-size: 14px;
    line-height: 18px;
    background: url(../images/common/sub_icons.png) no-repeat;
    background-position: 0 -300px; /*20240711 ADD */
  }
  #sub .sub_categories .limited a {
    background-position: 0 -200px;
  }
  #sub .sub_categories .hfs a {
    background-position: 0 -225px;
  }
  #sub .sub_categories .skin a {
    background-position: 0 -250px;
  }
  /*20240711 ADD START*/
  #sub .sub_categories .skincare-lineset a {
    background-position: 0 -250px;
  }
  /*20240711 ADD END*/
  #sub .sub_categories .hair a {
    background-position: 0 -275px;
  }
  #sub .sub_categories .body a {
    background-position: 0 -300px;
  }
  #sub .sub_categories .aroma a {
    background-position: 0 -325px;
  }
  #sub .sub_categories .supplement a {
    background-position: 0 -425px;
  }
  #sub .sub_categories .original a {
    background-position: 0 -350px;
  }
  /*20240711 ADD START*/
  #sub .sub_categories .gift-set a {
    background-position: 0 -375px;
  }
  /*20240711 ADD END*/
  #sub .sub_categories .gift a {
    background-position: 0 -375px;
  }
  #sub .sub_categories .regular a {
    background-position: 0 -400px;
  }
  /*20240711 ADD START*/
  #sub .sub_categories .furniture a {
    background-position: 0 -350px;
  }
  /*20240711 ADD END*/
  #sub .sub_categories .price a {
    background-position: 0 -448px;
  }
  #sub .sub_categories .multi a {
    background-position: 0 -475px;
  }
  /*20240711 ADD START*/
  #sub .sub_categories .end a {
    background-position: 0 -350px;
  }
  /*20240711 ADD END*/
  #sub .sub_categories2 li {
    margin: 0 0 20px 0;
  }
  #sub .sub_onayami {
    margin: 0 0 15px 0;
    background: url(../images/common/line_noise.png) left bottom repeat-x;
  }
  #sub .sub_onayami a {
    padding: 0 0 0 50px;
    color: #413121;
    line-height: 50px;
    display: block;
    position: relative;
    text-decoration: none;
    background: url(../images/common/common_icons.png) 200px 18px no-repeat;
  }
  #sub .sub_onayami a::before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 27px;
    height: 23px;
    background-image: url(../images/common/icon_worry_s.png);
    position: absolute;
    top: 12px;
    left: 10px;
  }
  #sub .sub_onayami a:hover {
    color: #75a81b;
    text-decoration: none;
  }
  #sub .sub_categories2 li a {
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 48px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #413121;
    display: block;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
    border-radius: 0 8px 0 8px;
    text-decoration: none;
    background: url(../images/common/common_icons.png) 216px 18px no-repeat;
    position: relative;
  }
  #sub .sub_categories2 li a:hover {
    color: #75a81b;
  }
  #sub .sub_categories2 .purpose a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 22px;
    background-image: url(../images/common/sub_icons.png);
    background-position: 0 -50px;
    position: absolute;
    top: 15px;
    left: 18px;
  }
  #sub .sub_categories2 .trouble a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 23px;
    height: 22px;
    background-image: url(../images/common/sub_icons.png);
    background-position: 0 -100px;
    position: absolute;
    top: 15px;
    left: 18px;
  }
  #sub .sub_categories2 .herb a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 22px;
    background-image: url(../images/common/sub_icons.png);
    background-position: 0 -150px;
    position: absolute;
    top: 15px;
    left: 18px;
  }
  #sub .sub_ranking {
    padding: 20px;
    margin: 0 0 30px 0;
  }
  #sub .sub_ranking h3,
  #sub .sub_ranking h5 {
    padding: 0 0 16px 0;
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 18px;
    font-family: "Cardo", serif;
    background: url(../images/common/line_red.png) 0 bottom repeat-x;
  }
  #sub .sub_ranking h3 span,
  #sub .sub_ranking h5 span {
    font-size: 11px;
  }
  #sub .sub_ranking ul li {
    display: block;
    margin: 0 0 35px 0;
    position: relative;
  }
  #sub .sub_ranking ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
  }
  #sub .sub_ranking ul li a .thumb {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.5);
    float: left;
  }
  #sub .sub_ranking ul li a .thumb img {
    width: 100%;
    height: auto;
  }
  #sub .sub_ranking ul li a .caps {
    width: 110px;
    min-height: 90px;
    font-size: 13px;
    vertical-align: middle;
    float: right;
  }
  #sub .sub_ranking ul li a .caps h6 {
    margin: 5px 0 15px 0;
    line-height: 1.333;
    font-size: 13px;
  }
  #sub .sub_ranking ul li:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    background-image: url(../images/common/common_icons.png);
    width: 30px;
    height: 24px;
    top: -15px;
    left: 29px;
    z-index: 100;
  }
  #sub .sub_ranking ul .rank1:before {
    background-position: 0 -50px;
  }
  #sub .sub_ranking ul .rank2:before {
    background-position: 0 -100px;
  }
  #sub .sub_ranking ul .rank3:before {
    background-position: 0 -150px;
  }
  #sub .sub_ranking ul .rank4:before {
    background-position: 0 -200px;
  }
  #sub .sub_ranking ul .rank5:before {
    background-position: 0 -250px;
  }
  #sub .sub_ranking ul li:last-child {
    margin-bottom: 0;
  }
  #sub .sub_recommend {
    padding: 20px;
    margin: 0 0 30px 0;
  }
  #sub .sub_recommend h3,
  #sub .sub_recommend h5 {
    padding: 0 0 16px 0;
    margin: 0 0 30px 0;
    text-align: center;
    font-size: 18px;
    font-family: "Cardo", serif;
    background: url(../images/common/line_green.png) 0 bottom repeat-x;
  }
  #sub .sub_recommend h3 span,
  #sub .sub_recommend h5 span {
    font-size: 11px;
  }
  #sub .sub_recommend ul li {
    display: block;
    margin: 0 0 35px 0;
    position: relative;
  }
  #sub .sub_recommend ul li a {
    width: 100%;
    display: block;
    overflow: hidden;
  }
  #sub .sub_recommend ul li a .thumb {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.5);
    float: left;
  }
  #sub .sub_recommend ul li a .thumb img {
    width: 100%;
    height: auto;
  }
  #sub .sub_recommend ul li a .caps {
    width: 110px;
    min-height: 90px;
    font-size: 13px;
    vertical-align: middle;
    float: right;
  }
  #sub .sub_recommend ul li a .caps h6 {
    margin: 5px 0 15px 0;
    line-height: 1.333;
  }
  #sub .sub_recommend ul li.new:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    background-image: url(../images/common/common_icons.png);
    width: 37px;
    height: 38px;
    top: -20px;
    left: 28px;
    z-index: 100;
    background-position: 0 -500px;
  }
  #sub .sub_recommend ul li.outlet:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    background-image: url(../images/common/common_icons.png);
    width: 37px;
    height: 38px;
    top: -20px;
    left: 28px;
    z-index: 100;
    background-position: 0 -550px;
  }
  #sub .sub_recommend ul li:last-child {
    margin-bottom: 0;
  }
  #sub .coupon {
    padding: 2px;
    margin: 0 0 30px 0;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
  }
  #sub .coupon h3,
  #sub .coupon h5,
  #sub .coupon h6 {
    padding: 12px 0 5px 0;
    font-size: 17px;
    color: #413121;
    text-align: center;
    border-top: solid 1px #dace95;
    border-right: solid 1px #dace95;
    border-left: solid 1px #dace95;
  }
  #sub .coupon form {
    padding: 12px 12px 15px 12px;
    border-bottom: solid 1px #dace95;
    border-right: solid 1px #dace95;
    border-left: solid 1px #dace95;
  }
  #sub .coupon form select {
    margin: 0 0 15px 0;
    width: 222px;
    margin: 0 auto 15px auto;
    padding: 3px;
    border-top: solid 1px #e6dfd8;
    border-right: none;
    border-bottom: none;
    border-left: solid 1px #e6dfd8;
    background: #f4f1ec;
    outline: none;
    font-size: 14px;
    color: #413121;
  }
  #sub .coupon form .code {
    width: 214px;
    margin: 0 auto 15px auto;
    padding: 3px;
    border-top: solid 1px #e6dfd8;
    border-right: none;
    border-bottom: none;
    border-left: solid 1px #e6dfd8;
    background: #f4f1ec;
    outline: none;
    font-size: 14px;
    color: #413121;
    display: block;
    -webkit-appearance: none;
  }
  #sub .coupon form .code:focus {
    background-color: #fdfbf7;
  }
  #sub .coupon form .send {
    width: 46px;
    height: 24px;
    margin: 0 auto;
    background: #5a5147;
    border: none;
    border-radius: 0 5px 0 5px;
    color: #fff;
    font-size: 13px;
    display: block;
  }
  #sub .coupon form .send:hover {
    background-color: #5a5147;
  }
  #sub .sub_content {
    padding: 0 0 10px 0;
  }
  #sub .sub_content li {
    margin: 0 0 20px 0;
  }
  #sub .sub_content li img {
    display: block;
  }
  #sub .sub_content .btn_common {
    width: 100%;
    height: 55px;
    line-height: 55px;
    position: relative;
  }
  #sub .sub_content .btn_common a {
    width: 190px;
    padding: 0 0 0 60px;
    text-align: left;
  }
  #sub .sub_content .btn_common a:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    background: url(../images/common/common_icons.png) no-repeat;
    position: absolute;
    top: 15px;
    left: 17px;
    z-index: 10;
  }
  #sub .sub_content .btn_common a:after {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 7px;
    height: 12px;
    background: url(../images/common/common_icons.png) 0 -450px no-repeat;
    position: absolute;
    top: 20px;
    right: 15px;
  }
  #sub .sub_content .voice a:before {
    width: 27px;
    height: 21px;
    background-position: 0 -300px;
  }
  #sub .sub_content .guide a:before {
    width: 29px;
    height: 23px;
    background-position: 0 -350px;
  }
  #sub .sub_content .faq a:before {
    width: 24px;
    height: 24px;
    background-position: 0 -400px;
    left: 20px;
  }
  /*20240731 PCはfooter表示なのでここでは非表示に変更*/
  #sub .sub_sns {
    display: none;
  }
  #sub .sub_sns {
    margin: 0 0 25px 0;
    overflow: hidden;
  }
  #sub .sub_sns li {
    width: 33%;
    display: block;
    float: left;
  }
  #sub .sub_sns li a {
    padding: 48px 0 5px 0;
    display: block;
    background: url(../images/common/sns_icons.png) no-repeat;
    font-family: "Cardo", serif;
    font-size: 13px;
    text-align: center;
  }
  #sub .sub_sns .tw a {
    background-position: center 0;
  }
  #sub .sub_sns .fb a {
    background-position: center -100px;
  }
  #sub .sub_sns .blog a {
    background-position: center -200px;
  }
  #sub .sub_sns .instagram a {
    background-position: center -300px;
  }
  #sub .sub_bnrs {
    margin: 0 0 10px 0;
  }
  #sub .sub_bnrs li {
    margin: 0 0 20px 0;
  }
  #sub .sub_bnrs li img {
    display: block;
  }
  #sub .sub_contents_list {
    margin: 40px 0 20px 0;
  }
  #sub .sub_contents_list h3,
  #sub .sub_contents_list h5,
  #sub .sub_contents_list h6 {
    margin-bottom: 6px;
    padding: 0 0 10px 25px;
    font-size: 13px;
    position: relative;
    background: url(../images/common/icon_column.png) 3px 0 no-repeat;
  }
  #sub .sub_contents_list h3 span,
  #sub .sub_contents_list h5 span,
  #sub .sub_contents_list h6 span {
    margin: 0 5px 0 0;
    font-size: 20px;
    font-family: "Cardo", serif;
    color: #413121;
  }
  #sub .sub_contents_list ul {
    display: table;
  }
  #sub .sub_contents_list ul li {
    display: table-row;
  }
  #sub .sub_contents_list ul li div {
    display: table-cell;
    vertical-align: top;
  }
  #sub .sub_contents_list ul li div.thumb {
    width: 75px;
    padding: 0 0 10px 0;
  }
  #sub .sub_contents_list ul li div.thumb img {
    width: 100%;
    height: auto;
    display: block;
  }
  #sub .sub_contents_list ul li div.head {
    padding: 0 0 10px 10px;
    font-size: 15px;
    line-height: 1.3;
  }
  #sub .sub_contents_list ul li div.head span {
    margin-bottom: 5px;
    font-size: 13px;
    display: block;
    color: #72604e;
  }
  #sub .sub_contents_list ul li div.head span.date {
    padding: 2px 5px 0 5px;
    border: solid 1px #9e8d7c;
    text-align: center;
    display: inline-block;
  }
  #sub .sub_contents_list ul li div.head a {
    display: block;
  }
  /* ___________________footer */
  #guide_wrapper {
    width: 100%;
    height: 580px;
    background-size: cover;
    background-color: #dbd5d1;
  }
  #guide {
    width: 1100px;
    padding: 50px 0 0 0;
    margin: 0 auto;
    overflow: hidden;
  }
  #guide .guide_nav {
    margin: 0 0 40px 0;
    overflow: hidden;
  }
  #guide .guide_nav .tel {
    width: 531px;
    height: 116px;
    margin: 0;
    padding: 2px;
    background-color: #fff;
    border-radius: 10px;
    float: left;
  }
  #guide .guide_nav .tel div {
    height: 114px;
    border: solid 1px #a0c55e;
    border-radius: 8px;
  }
  #guide .guide_nav .tel div h3,
  #guide .guide_nav .tel div h5,
  #guide .guide_nav .tel div h6 {
    margin: 14px 0 12px 0;
    text-align: center;
    font-size: 17px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #guide .guide_nav .tel div h3:before,
  #guide .guide_nav .tel div h5:before,
  #guide .guide_nav .tel div h6:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 17px;
    height: 20px;
    background-image: url(../images/common/footer_icons.png);
    display: inline-block;
  }
  #guide .guide_nav .tel div dl {
    height: 47px;
    padding: 0 0 0 54px;
  }
  #guide .guide_nav .tel div dl dt {
    width: 170px;
    height: 40px;
    padding: 7px 0 0 0;
    margin: 4px 20px 0 0;
    border-radius: 5px;
    background-color: #675756;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    float: left;
  }
  #guide .guide_nav .tel div dl dt span {
    font-size: 13px;
    display: block;
  }
  #guide .guide_nav .tel div dl .tel_num {
    font-size: 40px;
    font-family: "Cardo", serif;
    font-weight: bold;
  }
  #guide .guide_nav .tel div dl .tel_num span {
    font-size: 30px;
  }
  #guide .guide_nav .tel div dl .tel_time {
    font-size: 14px;
  }
  #guide .guide_nav .fax {
    width: 535px;
    height: 50px;
    margin: 0 0 20px 0;
    float: right;
  }
  #guide .guide_nav .fax a {
    font-size: 18px;
    line-height: 50px;
    background-color: #fff;
    color: #961937;
    position: relative;
  }
  #guide .guide_nav .fax a:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 18px;
    height: 22px;
    background: url(../images/common/footer_icons.png) 0 -50px no-repeat;
    position: absolute;
    top: 13px;
    left: 33px;
  }
  #guide .guide_nav .fax a:after {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    width: 7px;
    height: 12px;
    background: url(../images/common/footer_icons.png) 0 -150px no-repeat;
    position: absolute;
    top: 18px;
    right: 24px;
  }
  #guide .guide_nav .fax a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  #guide .guide_nav .mail {
    width: 535px;
    height: 50px;
    margin: 0 0 21px 0;
    float: right;
  }
  #guide .guide_nav .mail a {
    font-size: 18px;
    line-height: 50px;
    background-color: #fff;
    color: #413121;
    position: relative;
  }
  #guide .guide_nav .mail a:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 24px;
    height: 17px;
    background: url(../images/common/footer_icons.png) 0 -100px no-repeat;
    position: absolute;
    top: 15px;
    left: 30px;
  }
  #guide .guide_nav .mail a:after {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    position: absolute;
    width: 7px;
    height: 12px;
    background: url(../images/common/footer_icons.png) 0 -150px no-repeat;
    position: absolute;
    top: 18px;
    right: 24px;
  }
  #guide .guide_nav .mail a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  #guide .guide_nav .howto {
    display: none;
  }
  #guide .guide_info dl {
    width: 345px;
    margin: 0 32px 0 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: #fff\9 ;
    float: left;
  }
  #guide .guide_info dl dt {
    padding: 20px 0 18px 0;
    font-size: 17px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
  }
  #guide .guide_info dl dd {
    padding: 0 20px 0 20px;
  }
  #guide .guide_info dl dd p {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 1.538;
  }
  #guide .guide_info dl dd .link {
    margin: 0 0 25px 0;
    text-align: right;
  }
  #guide .guide_info dl dd .link a {
    padding: 3px 0 3px 18px;
    display: inline-block;
    background: url(../images/common/footer_icons.png) 0 -245px no-repeat;
  }
  #guide .guide_info .postage {
    background-color: transparent;
  }
  #guide .guide_info .postage dt {
    background-color: rgba(255, 255, 255, 0.8);
    background-color: #fff\9 ;
  }
  #guide .guide_info .postage dd {
    padding-bottom: 15px;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: #fff\9 ;
  }
  #guide .guide_info .payment dd ul {
    margin: 0 0 16px 0;
  }
  #guide .guide_info .payment dd ul li {
    padding: 0 0 0 13px;
    margin: 0 0 7px 0;
    font-size: 13px;
    background: url(../images/common/footer_icons.png) 4px -197px no-repeat;
  }
  #guide .guide_info .payment dd img {
    display: block;
    margin: 0 0 15px 0;
  }
  #guide .guide_info .deliver {
    margin: 0;
  }
  #footer_wrapper {
    background: url(../images/common/bg_leaf.png) top center #fcfef8;
  }
  #footer {
    width: 1100px;
    padding: 30px 0 30px 0;
    margin: 0 auto;
    overflow: hidden;
  }
  #footer #flogo {
    width: 170px;
    height: 96px;
    margin: 7px 0 18px 0;
    padding: 0 0 0 200px;
    float: right;
  }
  #footer #flogo a {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 120px;
    height: 96px;
    background-image: url(../images/common/footer_logo.png);
  }
  #footer ul {
    padding: 0 60px 0 0;
    float: left;
  }
  #footer ul li {
    margin-bottom: 13px;
    font-size: 10px; /*20240719 14px->10PX*/
  }
  /*20240708 ADD START*/
  #footer ul.fnav4 {
    display: none;
  }
  /*20240708 ADD END*/
  /*20240731 ADD START*/
  #footer ul.fnav5 {
    display: flex;
    height: 50px;
  }
  #footer ul.fnav5 li {
    width: 34px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #footer ul.fnav5 .tw {
    font-size: 0;
  }
  #footer ul.fnav5 .fb {
    font-size: 0;
  }
  #footer ul.fnav5 .instagram {
    font-size: 0;
  }
  #footer ul.fnav5 .line {
    font-size: 0;
  }
  /*20240731 ADD END*/
  #footer #copyrights {
    float: right;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    text-align: right;
    font-family: "Cardo", serif;
  }
  /* ___________________common_parts */
  .contents_page_title {
    background: url(../images/common/title_main.png) no-repeat;
    width: 810px;
    height: 60px;
    padding: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 26px;
    line-height: 58px;
    margin-bottom: 20px;
  }
  .contents_main_title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
    padding-bottom: 10px;
  }
  .contents_main_title i {
    display: inline-block;
    position: relative;
    top: 8px;
  }
  .contents_main_title.flower {
    padding-left: 42px;
    background: url(../images/common/line_red.png) repeat-x bottom;
  }
  .contents_main_title.flower i {
    margin: 0 0 0 -42px;
    width: 42px;
    height: 37px;
    background: url(../images/common/icon_title_flower.png) 0 0 no-repeat;
  }
  .contents_main_title.leaf {
    padding-left: 35px;
    background: url(../images/common/line_green.png) repeat-x bottom;
  }
  .contents_main_title.leaf i {
    margin: 0 0 0 -35px;
    width: 32px;
    height: 30px;
    background: url(../images/common/icon_title_leaf.png) 0 0 no-repeat;
  }
  #main > .contents_main_title {
    margin-top: -8px;
  }
  .contents_sub_title {
    width: 800px;
    height: 40px;
    margin: 30px 0 20px;
    background: url(../images/common/title_sub_bg.png) no-repeat;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    line-height: 40px;
    padding-left: 10px;
  }
  .contents_small_title {
    margin: 20px 0 10px;
    font-size: 17px;
    font-weight: bold;
    background: url(../images/common/line_noise2.png) repeat-x bottom;
    padding-bottom: 10px;
  }
  .contents_deco_title {
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    height: 46px;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 46px;
  }
  .contents_deco_title span {
    position: relative;
    top: -17px;
  }
  .contents_deco_title:before {
    width: 156px;
    height: 46px;
    content: url(../images/common/deco_title_before.png);
    display: inline-block;
    margin-right: 20px;
  }
  .contents_deco_title:after {
    width: 156px;
    height: 46px;
    content: url(../images/common/deco_title_after.png);
    display: inline-block;
    margin-left: 20px;
  }
  .common_text {
    margin-bottom: 20px;
    line-height: 1.6;
    font-size: 15px;
  }
  #main.contents a {
    color: #b1153a;
  }
  /* ___________________UI */
  .btn_common a {
    height: 100%;
    display: block;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #675756;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.08s linear;
    position: relative;
  }
  .btn_common a:hover {
    background-color: #938b84;
  }
  #btn_pagetop {
    width: 75px;
    height: 65px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    display: none;
  }
  #btn_pagetop a {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 75px;
    height: 65px;
    background-image: url(../images/common/btn_pagetop.png);
  }
  #btn_pagetop a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  .icon_list li {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.6;
    display: block;
    text-indent: -20px;
    padding-left: 17px;
  }
  .icon_list li:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 8px;
    background: url(../images/common/footer_icons.png) 8px -197px no-repeat;
    width: 12px;
    height: 1em;
  }
  .attention li {
    font-size: 14px;
    padding: 3px 0 0 13px;
    line-height: 1.5;
    background: none;
  }
  .attention li:before {
    content: "※";
    display: inline-block;
    margin-left: -1em;
  }
  .common_table {
    width: 100%;
    font-size: 15px;
    border: #CDC1B6 solid 1px;
  }
  .common_table tr > * {
    padding: 10px;
    border: #CDC1B6 solid 1px;
  }
  .common_table th {
    background: #E7E0D9;
    width: 20%;
    max-width: 35%;
  }
  .common_table td {
    background: #fff;
  }
  .pagenavi_wrapper {
    position: relative;
    overflow: hidden;
  }
  .wp-pagenavi {
    height: 32px;
    text-align: center;
  }
  .wp-pagenavi span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #312519;
    color: #fff;
    line-height: 30px;
    text-align: center;
  }
  .wp-pagenavi a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #cfc3b7;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #413121 !important;
    transition: background-color 0.08s linear;
  }
  .wp-pagenavi a:hover {
    background-color: #5a5147;
    color: #fff !important;
  }
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi a.prevpostslink {
    background-color: #fff;
    color: #413121;
  }
  .wp-pagenavi a.nextpostslink:hover,
  .wp-pagenavi a.prevpostslink:hover {
    background-color: #5a5147;
    color: #fff !important;
  }
  .wp-pagenavi .pages {
    display: none;
  }
  /* voice common */
  .voice_info {
    background-color: #fff;
    height: 19px;
  }
  .voice_info.star_average {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 1px 0px 3px 1px #E6DFD8;
  }
  .voice_info.star_average dl,
  .voice_info.star_average dl > * {
    display: inline-block;
    font-size: 15px;
  }
  .voice_info.star_average dl dt {
    margin-right: 5px;
  }
  .voice_info .voice_star {
    display: inline-block;
    position: relative;
    height: 19px;
    margin-right: 20px;
    font-size: 16px;
  }
  .voice_info.star_average .voice_star {
    margin-right: 25px;
  }
  .voice_info .voice_star .star {
    position: relative;
    background: url(../images/common/voice_star_f.png) no-repeat left top;
    z-index: 2;
    width: 88px;
    height: 19px;
    padding-left: 100px;
    font-size: 15px;
    font-family: "Cardo", serif;
    font-weight: bold;
  }
  .voice_info .voice_star .star_background {
    position: absolute;
    background-color: #F2CB60;
    z-index: 1;
    height: 17px;
    top: 0;
    left: 0;
    max-width: 88px;
  }
  .voice_info .voice_star .star_background_under {
    position: absolute;
    background-color: #ddd;
    z-index: 0;
    width: 88px;
    height: 17px;
    top: 0;
    left: 0;
  }
  .voice_reply {
    background-color: rgb(244, 241, 236);
    padding: 20px;
    margin: 20px 0 0 30px;
    border-radius: 8px;
  }
  .voice_reply .voice_title {
    font-size: 15px !important;
  }
  .product_voice .comments li .voice_reply p,
  #voice_area_entry li .voice_reply p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.538;
  }
  .product_voice .comments li .voice_reply p.voice_person,
  #voice_area_entry li .voice_reply p.voice_person {
    margin-bottom: 0;
  }
  /* voice common */
  .sp_only {
    display: none;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 700px) {
  /* ___________________Smartphones Layout */
  * {
    box-sizing: border-box;
  }
  /* ___________________Smartphones header */
  #header {
    width: 100%;
    margin: 0 auto;
  }
  #header_top {
    width: 100%;
    padding: 0 3.125%;
    height: 20px;
    margin: 0 auto;
    background: url(../images/common/header_top_bg.jpg) #ccc0b4;
  }
  #header_top .inner {
    margin: 0 auto;
  }
  #header_top .inner h1 {
    font-size: 11px;
    line-height: 20px;
  }
  #header_top .inner ul {
    display: none;
  }
  #header_inner {
    margin: 0 auto;
    padding: 10px 3.125% 10px 3.125%;
    overflow: hidden;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  #header_inner #logo {
    width: 55%;
    margin: 0 auto;
  }
  #header_inner #logo a {
    width: 100%;
    height: 0;
    padding: 16% 0 0 0;
    background: url(../images/sp/common/logo_2017.png) no-repeat;
    background-size: contain;
    background-position: center 0;
    margin: 5px auto;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #header_inner #logo a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  #header_inner .tel {
    display: none;
  }
  #header_inner .tel_link {
    width: 45%;
  }
  #header_inner .tel_link a {
    width: 100%;
    display: block;
  }
  #header_inner .tel_link a img {
    width: 100%;
    height: auto;
    display: block;
  }
  #header_inner .header_contents {
    width: 100%;
  }
  #header_inner .btns {
    display: none;
    width: 190px;
    padding: 9px 0 0 0;
    float: right;
  }
  #header_inner .btns .mypage {
    margin-bottom: 5px;
  }
  #header_inner .btns .mypage span {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    height: 21px;
    background-image: url(../images/common/header_images.png);
    background-position: 0 -80px;
  }
  #header_inner .btns .mypage a {
    height: 40px;
    background-color: #675756;
    font-size: 16px;
    line-height: 40px;
  }
  #header_inner .btns .mypage a:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 12px;
    height: 21px;
    background-image: url(../images/common/header_icons.png);
    background-position: 0 0;
  }
  #header_inner .btns .mypage a:hover {
    background-color: #938b84;
  }
  #header_inner .btns .cart a {
    height: 40px;
    line-height: 40px;
  }
  #header_inner .btns .cart a:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(../images/common/header_icons.png);
    background-position: 0 -50px;
  }
  #header_inner .btns .btn_menu {
    display: none;
  }
  /* ___________________Smartphones global navigation */
  #gnav_wrapper #sp_btns {
    padding: 0 3.125% 3.125% 3.125%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
  }
  #gnav_wrapper #sp_btns li {
    display: block;
    height: 36px;
  }
  #gnav_wrapper #sp_btns li a {
    display: block;
    height: 100%;
    font-size: 12px;
  }
  #gnav_wrapper #sp_btns .mypage {
    width: 35%;
  }
  #gnav_wrapper #sp_btns .mypage a {
    line-height: 36px;
  }
  #gnav_wrapper #sp_btns .column {
    width: 30%;
    line-height: 36px;
  }
  #gnav_wrapper #sp_btns .cart {
    width: 16%;
    line-height: 36px;
  }
  #gnav_wrapper #sp_btns .cart a img {
    width: 26px;
    height: auto;
    padding-top: 5px;
    margin: 0 auto;
    display: inline-block;
  }
  #gnav_wrapper #sp_btns .menu {
    width: 13.9%;
  }
  #gnav_wrapper #sp_btns .menu a {
    padding-top: 18px;
    background-color: #72202a;
    font-size: 11px;
    background-position: center 6px;
    background-size: 10px auto;
    background-repeat: no-repeat;
    position: relative;
    transition: all 0.3s linear;
  }
  #gnav_wrapper #sp_btns .menu a span {
    display: block;
    width: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #gnav_wrapper #sp_btns .menu a::before {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate3d(0, -6px, 0);
  }
  #gnav_wrapper #sp_btns .menu a::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate3d(0, 6px, 0);
  }
  #gnav_wrapper #sp_btns .menu a.open span {
    display: none;
  }
  #gnav_wrapper #sp_btns .menu a.open::before {
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  #gnav_wrapper #sp_btns .menu a.open::after {
    transform: translate3d(0, 0, 0) rotate(-45deg);
  }
  #gnav_wrapper #gnav {
    width: 100%;
    border-top: solid 1px #cfc3b7;
    position: absolute;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none;
  }
  #gnav_wrapper #gnav li {
    background-color: #fff;
    border-bottom: solid 1px #cfc3b7;
  }
  #gnav_wrapper #gnav li > a {
    padding: 0 0 0 44px;
    display: block;
    line-height: 50px;
    font-size: 15px;
    color: #413121;
    text-decoration: none;
    position: relative;
  }
  #gnav_wrapper #gnav li > a:after {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 22px;
    background: url(../images/common/common_icons.png) no-repeat;
    position: absolute;
    top: 18px;
    right: 10px;
  }
  #gnav_wrapper #gnav li > ul {
    display: none;
  }
  #gnav_wrapper #gnav li#sp_menu .wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 3.125%;
  }
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_mypage,
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_cart {
    width: 48%;
  }
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_mypage a,
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_cart a {
    padding: 15px 20px 10px 20px;
    display: block;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #675756;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.08s linear;
  }
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_mypage a::before,
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_cart a::before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 12px;
    height: 30px;
    background-image: url(../images/common/header_icons.png);
    background-position: 0 0;
    transform: translate3d(0, 2px, 0);
  }
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_mypage a:before {
    width: 12px;
    height: 30px;
    background-position: 0 0;
  }
  #gnav_wrapper #gnav li#sp_menu .wrap .gnav_cart a:before {
    width: 30px;
    height: 30px;
    background-image: url(../images/common/header_icon_products.png);
    background-size: contain;
  }
  #gnav_wrapper #gnav .gnav1 a {
    background: url(../images/common/icon_purpose.png) 13px center no-repeat;
    background-size: 20px 22px;
  }
  #gnav_wrapper #gnav .gnav2 a {
    background: url(../images/common/icon_herb.png) 14px center no-repeat;
    background-size: 16px 22px;
  }
  #gnav_wrapper #gnav .gnav3 a {
    background: url(../images/common/icon_worry.png) 10px center no-repeat;
    background-size: 24px 28px;
  }
  #gnav_wrapper #gnav .gnav4 a {
    background: url(../images/common/icon_guide.png) 10px center no-repeat;
    background-size: 24px 28px;
  }
  #gnav_wrapper #gnav .gnav5 a {
    background: url(../images/common/icon_ruamruam.png) 11px center no-repeat;
    background-size: 22px 17px;
  }
  #gnav_wrapper #gnav .gnav6 {
    padding: 13px 3.125%;
    border: none;
  }
  #gnav_wrapper #gnav .gnav6 form {
    overflow: hidden;
  }
  #gnav_wrapper #gnav .gnav6 form .search_text {
    width: 81.7%;
    height: 38px;
    padding: 5px 5px 5px 28px;
    display: inline-block;
    border-top: solid 1px #e6dfd8;
    border-right: none;
    border-bottom: none;
    border-left: solid 1px #e6dfd8;
    background: url(../images/common/icon_search.png) no-repeat 5px center #f4f1ec;
    background-size: 16px 16px;
    outline: none;
    font-size: 19px;
  }
  #gnav_wrapper #gnav .gnav6 form .search_btn {
    width: 17%;
    height: 38px;
    float: right;
    border: none;
    border-radius: 0 5px 0 5px;
    color: #fff;
    font-size: 15px;
    background: #5a5147;
    -webkit-appearance: none;
  }
  #gnav_wrapper #gnav .gnav_sp {
    width: 100%;
    padding: 0 1% 13px 3.125%;
    display: table;
    table-layout: fixed;
    border-bottom: none;
  }
  #gnav_wrapper #gnav .gnav_sp p {
    display: table-cell;
  }
  #gnav_wrapper #gnav .gnav_sp p a {
    width: 95%;
    height: 38px;
    line-height: 38px;
    font-size: 13px;
  }
  #gnav_wrapper #gnav .gnav_sp .about a {
    font-size: 11px;
    line-height: 40px;
  }
  #gnav_wrapper #gnav .link_lang a {
    padding: 0 0 20px 0;
    display: block;
    background-color: transparent;
    color: #413121;
    font-size: 13px;
  }
  #gnav_wrapper #gnav .link_lang a span {
    font-size: 0.8em;
    opacity: 0.6;
  }
  /* ___________________Smartphones pankuzu */
  #pankuzu {
    display: none;
  }
  /* ___________________Smartphones sub */
  #sub {
    padding: 70px 0 0 0;
    margin: 20px auto 0;
    background: url(../images/sp/common/sub_head.png) center 10px no-repeat;
    background-size: 175px auto;
  }
  #sub .sub_info {
    padding: 8px 10px 8px 10px;
    margin: 0 3.125% 20px 3.125%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
  }
  #sub .sub_info:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 8px;
    height: 8px;
    background-image: url(../images/common/sub_info_head.png);
    position: absolute;
    top: 0;
    left: 0;
  }
  #sub .sub_info:before {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 8px;
    height: 8px;
    background-image: url(../images/common/sub_info_head.png);
    position: absolute;
    top: 0;
    right: 0;
  }
  #sub .sub_info:after {
    content: ".";
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 8px;
    height: 8px;
    background-image: url(../images/common/sub_info_bottom.png);
    background-position: right 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #sub .sub_info li {
    padding: 5px 0;
  }
  #sub .sub_info li .date {
    margin: 0 0 5px 0;
    font-size: 11px;
    line-height: 17px;
  }
  #sub .sub_info li .date a {
    padding: 0 7px;
    margin: 0 0 0 10px;
    display: inline-block;
    background-color: #64674c;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
  }
  #sub .sub_info li .title a {
    font-size: 13px;
    line-height: 1.538;
    text-decoration: underline;
  }
  #sub .sub_info li .title a:hover {
    text-decoration: none;
  }
  #sub .sub_begginer {
    height: 170px;
    margin: 0 3.125% 20px 3.125%;
    padding: 2px;
    background: url(../images/common/bg_leaf.png) top center #fcfef8;
  }
  #sub .sub_begginer dl {
    height: 100%;
    border: solid 1px #c9e29d;
    text-align: center;
  }
  #sub .sub_begginer dt {
    padding: 15px 0 15px 0;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    text-align: center;
  }
  #sub .sub_begginer dd {
    width: 135px;
    height: 55px;
    margin: 0 auto 10px auto;
  }
  #sub .sub_begginer dd a {
    height: 55px;
    line-height: 55px;
    font-size: 13px;
  }
  #sub .sub_begginer .hfs {
    display: inline-block;
  }
  #sub .sub_begginer .hfs a {
    background: url(../images/sp/common/sp_sub_begginer_hfs.png) 0 0 no-repeat transparent;
    background-size: 100% auto;
    color: #413121;
  }
  #sub .sub_begginer .choice {
    display: inline-block;
  }
  #sub .sub_begginer .choice a {
    background: url(../images/sp/common/sp_sub_begginer_choice.png) 0 0 no-repeat transparent;
    background-size: 100% auto;
    color: #413121;
    font-size: 13px;
  }
  #sub .sub_begginer .about {
    width: 200px;
    height: 35px;
    line-height: 35px;
    clear: both;
  }
  #sub .sub_begginer .about a {
    height: 35px;
    line-height: 35px;
  }
  #sub .sub_categories {
    padding: 0 15px 10px 15px;
    margin: 0 3.125% 20px 3.125%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
  }
  #sub .sub_categories dt {
    margin: 0 0 10px 0;
    background: url(../images/common/line_noise.png) left bottom repeat-x;
  }
  #sub .sub_categories dt a {
    padding: 0 0 0 40px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #413121;
    line-height: 50px;
    display: block;
    position: relative;
    text-decoration: none;
  }
  #sub .sub_categories dt a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 16px;
    background-image: url(../images/common/icon_category.png);
    background-size: 100% auto;
    position: absolute;
    top: 17px;
    left: 7px;
  }
  #sub .sub_categories dt a:after {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 22px;
    background: url(../images/common/common_icons.png) no-repeat;
    position: absolute;
    top: 20px;
    right: 2px;
  }
  #sub .sub_categories dt a:hover {
    color: #75a81b;
  }
  #sub .sub_categories dd {
    margin: 0;
  }
  #sub .sub_categories dd a {
    padding: 0 0 0 35px;
    display: block;
    font-size: 15px;
    line-height: 30px;
  }
  #sub .sub_categories .limited a {
    background: url(../images/common/icon_cat_limited.png) 10px center no-repeat;
    background-size: 14px 16px;
  }
  #sub .sub_categories .hfs a {
    background: url(../images/common/icon_cat_hfs.png) 10px center no-repeat;
    background-size: 15px 14px;
  }
  #sub .sub_categories .skin a {
    background: url(../images/common/icon_cat_skin.png) 10px center no-repeat;
    background-size: 13px 17px;
  }
  /*20240711 ADD START*/
  #sub .sub_categories .skincare-lineset a {
    background: url(../images/common/icon_cat_skin.png) 10px center no-repeat;
    background-size: 13px 17px;
  }
  /*20240711 ADD END*/
  #sub .sub_categories .hair a {
    background: url(../images/common/icon_cat_hair.png) 10px center no-repeat;
    background-size: 15px 15px;
  }
  #sub .sub_categories .body a {
    background: url(../images/common/icon_cat_body.png) 10px center no-repeat;
    background-size: 12px 16px;
  }
  #sub .sub_categories .aroma a {
    background: url(../images/common/icon_cat_aroma.png) 10px center no-repeat;
    background-size: 11px 15px;
  }
  #sub .sub_categories .original a {
    background: url(../images/common/icon_cat_original.png) 10px center no-repeat;
    background-size: 12px 16px;
  }
  #sub .sub_categories .gift a {
    background: url(../images/common/icon_cat_gift.png) 10px center no-repeat;
    background-size: 12px 13px;
  }
  #sub .sub_categories .regular a {
    background: url(../images/common/icon_cat_regular.png) 10px center no-repeat;
    background-size: 14px 14px;
  }
  #sub .sub_categories .supplement a {
    background: url(../images/common/icon_cat_supplement.png) 10px center no-repeat;
    background-size: 11px 15px;
  }
  #sub .sub_categories .price a {
    background: url(../images/common/icon_cat_price.png) 10px center no-repeat;
    background-size: 12px 12px;
  }
  #sub .sub_categories .multi a {
    background: url(../images/common/icon_cat_multi.png) 10px center no-repeat;
    background-size: 11px 12px;
  }
  #sub .sub_categories2 {
    padding: 0 3.125%;
  }
  #sub .sub_categories2 li {
    margin: 0 0 15px 0;
  }
  #sub .sub_categories2 li a {
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 57px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #413121;
    display: block;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
    border-radius: 0 8px 0 8px;
    text-decoration: none;
    background: #fff;
    position: relative;
  }
  #sub .sub_categories2 li a:after {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 22px;
    background: url(../images/common/common_icons.png) no-repeat;
    position: absolute;
    top: 20px;
    right: 15px;
  }
  #sub .sub_categories2 li a:hover {
    color: #75a81b;
  }
  #sub .sub_categories2 .purpose a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 22px;
    background-image: url(../images/common/icon_purpose.png);
    background-size: 100% auto;
    position: absolute;
    top: 15px;
    left: 22px;
  }
  #sub .sub_categories2 .trouble a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 23px;
    height: 22px;
    background-image: url(../images/common/icon_trouble.png);
    background-size: 100% auto;
    position: absolute;
    top: 15px;
    left: 22px;
  }
  #sub .sub_categories2 .herb a:before {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    content: ".";
    width: 20px;
    height: 27px;
    background-image: url(../images/common/icon_herb.png);
    background-size: 100% auto;
    position: absolute;
    top: 13px;
    left: 22px;
  }
  #sub .sub_ranking,
  #sub .sub_recommend {
    display: none;
  }
  #sub .coupon {
    padding: 2px;
    margin: 0 3.125% 20px 3.125%;
    background-color: #fff;
    box-sadow: 0px 0px 3px 0px rgba(230, 223, 216, 0.4);
  }
  #sub .coupon h3,
  #sub .coupon h5,
  #sub .coupon h6 {
    padding: 12px 0 5px 0;
    font-size: 17px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #413121;
    text-align: center;
    border-top: solid 1px #dace95;
    border-right: solid 1px #dace95;
    border-left: solid 1px #dace95;
  }
  #sub .coupon form {
    padding: 12px 12px 15px 12px;
    border-bottom: solid 1px #dace95;
    border-right: solid 1px #dace95;
    border-left: solid 1px #dace95;
  }
  #sub .coupon form select {
    width: 100%;
    margin: 0 auto 15px auto;
    display: block;
    padding: 3px;
    border-top: solid 1px #e6dfd8;
    border-right: none;
    border-bottom: none;
    border-left: solid 1px #e6dfd8;
    background: #f4f1ec;
    outline: none;
    font-size: 16px;
    color: #413121;
  }
  #sub .coupon form .code {
    width: 100%;
    margin: 0 auto 15px auto;
    padding: 3px;
    border-top: solid 1px #e6dfd8;
    border-right: none;
    border-bottom: none;
    border-left: solid 1px #e6dfd8;
    background: #f4f1ec;
    outline: none;
    font-size: 16px;
    display: block;
    -webkit-appearance: none;
  }
  #sub .coupon form .code:focus {
    background-color: #fdfbf7;
  }
  #sub .coupon form .send {
    width: 60px;
    height: 25px;
    margin: 0 auto;
    background: #5a5147;
    border: none;
    border-radius: 0 5px 0 5px;
    color: #fff;
    font-size: 15px;
    display: block;
    -webkit-appearance: none;
  }
  #sub .coupon form .send:hover {
    background-color: #5a5147;
  }
  #sub .sub_content {
    margin: 0 1.625% 10px;
    overflow: hidden;
  }
  #sub .sub_content li {
    width: 50%;
    padding: 0px 1.225%;
    display: block;
    float: left;
  }
  #sub .sub_content li img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  #sub .sub_content .voice,
  #sub .sub_content .guide,
  #sub .sub_content .faq {
    display: none;
  }
  #sub .sub_sns {
    margin: 0 3.125% 25px 3.125%;
    overflow: hidden;
  }
  #sub .sub_sns li {
    width: 33%;
    display: block;
    float: left;
  }
  #sub .sub_sns li a {
    padding: 48px 0 5px 0;
    display: block;
    font-family: "Cardo", serif;
    font-size: 13px;
    text-align: center;
  }
  #sub .sub_sns .tw a {
    background: url(../images/common/icon_tw.png) center 0 no-repeat;
    background-size: 34px 34px;
  }
  #sub .sub_sns .fb a {
    background: url(../images/common/icon_fb.png) center 0 no-repeat;
    background-size: 34px 34px;
  }
  #sub .sub_sns .blog a {
    background: url(../images/common/icon_blog.png) center 0 no-repeat;
    background-size: 34px 34px;
  }
  #sub .sub_sns .instagram a {
    background: url(../images/common/icon_instagram.png) center 0 no-repeat;
    background-size: 34px 34px;
  }
  #sub .sub_sns_new {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
  }
  #sub .sub_sns_new li {
    padding: 0 10px;
  }
  #sub .sub_sns_new li a {
    display: block;
  }
  #sub .sub_sns_new li a {
    display: block;
  }
  #sub .sub_sns_new li a img {
    display: block;
    margin: 0 auto;
  }
  #sub .sub_bnrs {
    margin: 0 1.625% 20px;
    overflow: hidden;
  }
  #sub .sub_bnrs li {
    width: 50%;
    padding: 0 1.225%;
    display: block;
    float: left;
    margin-bottom: 10px;
  }
  #sub .sub_bnrs li img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .sub_campaign {
    margin: 0 auto 30px auto;
    overflow: hidden;
  }
  .sub_campaign li {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 1.225%;
    display: block;
  }
  .sub_campaign li img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  #sub .sub_contents_list {
    margin: 40px 3.125% 20px 3.125%;
  }
  #sub .sub_contents_list h3,
  #sub .sub_contents_list h5,
  #sub .sub_contents_list h6 {
    margin-bottom: 6px;
    padding: 0 0 10px 25px;
    font-size: 13px;
    background: url(../images/common/icon_column.png) 3px 0 no-repeat;
  }
  #sub .sub_contents_list h3 span,
  #sub .sub_contents_list h5 span,
  #sub .sub_contents_list h6 span {
    margin: 0 5px 0 0;
    font-size: 20px;
    font-family: "Cardo", serif;
    color: #413121;
  }
  #sub .sub_contents_list ul {
    display: table;
  }
  #sub .sub_contents_list ul li {
    display: table-row;
  }
  #sub .sub_contents_list ul li div {
    display: table-cell;
    vertical-align: top;
  }
  #sub .sub_contents_list ul li div.thumb {
    width: 25%;
    padding: 0 0 10px 0;
  }
  #sub .sub_contents_list ul li div.thumb img {
    width: 75%;
    height: auto;
    display: block;
  }
  #sub .sub_contents_list ul li div.head {
    padding: 0 0 10px 0;
    font-size: 15px;
    line-height: 1.3;
  }
  #sub .sub_contents_list ul li div.head span {
    margin-bottom: 5px;
    font-size: 13px;
    display: block;
    color: #72604e;
  }
  #sub .sub_contents_list ul li div.head span.date {
    padding: 2px 5px 0 5px;
    border: solid 1px #9e8d7c;
    text-align: center;
    display: inline-block;
  }
  #sub .sub_contents_list ul li div.head a {
    display: block;
  }
  /* ___________________Smartphones footer */
  #guide_wrapper {
    width: 100%;
    height: 250px;
    background-size: auto 100%;
    background-color: #dbd5d1;
  }
  #guide {
    width: 100%;
    padding: 25px 0 0 0;
    margin: 0 auto;
  }
  #guide .guide_nav {
    margin: 0 3.125% 40px 3.125%;
  }
  #guide .guide_nav .tel {
    width: 100%;
    margin: 0 auto 15px auto;
    padding: 2px;
    background-color: #fff;
    border-radius: 10px;
  }
  #guide .guide_nav .tel div {
    border: solid 1px #a0c55e;
    border-radius: 8px;
  }
  #guide .guide_nav .tel div h3,
  #guide .guide_nav .tel div h5,
  #guide .guide_nav .tel div h6 {
    margin: 10px 0 7px 0;
    text-align: center;
    font-size: 15px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }
  #guide .guide_nav .tel div h3:before,
  #guide .guide_nav .tel div h5:before,
  #guide .guide_nav .tel div h6:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    width: 17px;
    height: 20px;
    background-image: url(../images/common/footer_icons.png);
    display: inline-block;
  }
  #guide .guide_nav .tel div dl {
    width: 290px;
    overflow: hidden;
    margin: 0 auto 10px auto;
    padding: 0;
  }
  #guide .guide_nav .tel div dl dt {
    width: 115px;
    height: 40px;
    padding: 7px 0 0 0;
    margin: 4px 10px 0 0;
    border-radius: 5px;
    background-color: #675756;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    float: left;
  }
  #guide .guide_nav .tel div dl dt span {
    font-size: 10px;
    display: block;
  }
  #guide .guide_nav .tel div dl .tel_num {
    font-size: 26px;
    font-family: "Cardo", serif;
    font-weight: bold;
  }
  #guide .guide_nav .tel div dl .tel_num span {
    font-size: 30px;
  }
  #guide .guide_nav .tel div dl .tel_time {
    font-size: 12px;
  }
  #guide .guide_nav .fax {
    display: none;
  }
  #guide .guide_nav .mail {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0;
  }
  #guide .guide_nav .mail a {
    font-size: 14px;
    line-height: 40px;
    background-color: #fff;
    color: #413121;
    position: relative;
  }
  #guide .guide_nav .mail a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  #guide .guide_nav .howto {
    width: 100%;
    height: 40px;
    margin: 0 0 15px 0;
  }
  #guide .guide_nav .howto a {
    font-size: 14px;
    line-height: 40px;
    background-color: #fff;
    color: #413121;
    position: relative;
  }
  #guide .guide_nav .howto a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  #guide .guide_info dl {
    width: 345px;
    margin: 0 32px 0 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-color: #fff\9 ;
    float: left;
  }
  #guide .guide_info dl dt {
    padding: 20px 0 18px 0;
    font-size: 17px;
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
  }
  #guide .guide_info dl dd {
    padding: 0 20px 0 20px;
  }
  #guide .guide_info dl dd p {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1.538;
  }
  #guide .guide_info dl dd .link {
    margin: 0 0 25px 0;
    text-align: right;
  }
  #guide .guide_info dl dd .link a {
    padding: 3px 0 3px 18px;
    background: url(../images/common/footer_icons.png) 0 -248px no-repeat;
  }
  #guide .guide_info .postage,
  #guide .guide_info .payment,
  #guide .guide_info .deliver {
    display: none;
  }
  #footer_wrapper {
    background: url(../images/common/bg_leaf.png) top center #fcfef8;
    background-size: 500px auto;
  }
  #footer {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #footer #flogo {
    width: 60px;
    height: 48px;
    margin: 7px auto 18px auto;
    padding: 0;
  }
  #footer #flogo a {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 60px;
    height: 48px;
    background-image: url(../images/common/footer_logo.png);
    background-size: 100% auto;
  }
  #footer ul {
    padding: 0 3.125% 10px 3.125%;
    text-align: left;
  }
  #footer ul li {
    display: inline-block;
    margin: 0 10px 10px 10px;
    font-size: 13px;
  }
  #footer ul li.pc {
    display: none;
  }
  /* 20240708 fnav5 ADD */
  #footer .fnav1,
  #footer .fnav2,
  #footer .fnav3,
  #footer .fnav4 {
    width: 50%;
  }
  #footer .fnav3,
  #footer .fnav4 {
    padding-top: 1em;
  }
  #footer .fnav5 {
    display: none;
  }
  /* 20240719 fnav5 ADD START */
  #footer ul.fnav1 li {
    display: block;
    width: 100%;
    /*		white-space: nowrap*/
  }
  #footer ul.fnav2 li {
    display: block;
    width: 100%;
    white-space: nowrap;
  }
  /* 20240719 fnav5 ADD END */
  #footer #copyrights {
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 11px;
    text-align: center;
    font-family: "Cardo", serif;
  }
  /* ___________________Smartphones main_common_parts(contents) */
  .contents_page_title {
    background: url(../images/common/title_main.png) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 60px;
    padding: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .contents_main_title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 25px;
    padding-bottom: 10px;
    padding-left: 23px;
  }
  .contents_main_title i {
    background-size: 20px 20px !important;
    display: inline-block;
    margin-left: -23px;
    margin-bottom: -3px;
    width: 23px;
    height: 22px;
  }
  .contents_main_title.flower {
    background: url(../images/common/line_red.png) repeat-x bottom;
  }
  .contents_main_title.flower i {
    background: url(../images/common/icon_title_flower.png) 0 3px no-repeat;
  }
  .contents_main_title.leaf {
    background: url(../images/common/line_green.png) repeat-x bottom;
  }
  .contents_main_title.leaf i {
    background: url(../images/common/icon_title_leaf.png) 0 3px no-repeat;
  }
  .contents_sub_title {
    width: 100%;
    margin: 40px 0 35px;
    background: #ece8e1;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 25px 10px 10px;
    border-radius: 8px;
  }
  .contents_small_title {
    margin: 20px 0 10px;
    font-size: 15px;
    font-weight: bold;
    background: url(../images/common/line_noise2.png) repeat-x bottom;
    padding-bottom: 10px;
  }
  .contents_deco_title {
    font-family: "游明朝体", "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.3;
  }
  .common_text {
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 15px;
  }
  #main.contents {
    padding-top: 20px;
  }
  #main.contents a {
    color: #b1153a;
  }
  /* ___________________Smartphones UI */
  .icon_list li {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.6;
    display: block;
    text-indent: -22px;
    padding-left: 22px;
  }
  .icon_list li:before {
    content: ".";
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    background: url(../images/common/footer_icons.png) 8px -197px no-repeat;
    width: 12px;
    height: 1em;
  }
  .attention li {
    font-size: 14px;
    padding: 3px 0 0 13px;
    line-height: 1.5;
    background: none;
  }
  .attention li:before {
    content: "※";
    display: inline-block;
    margin-left: -1em;
  }
  .common_table {
    width: 100%;
    font-size: 14px;
    border: #CDC1B6 solid 1px;
  }
  .common_table tr > * {
    padding: 10px;
    border: #CDC1B6 solid 1px;
  }
  .common_table th {
    background: #E7E0D9;
    width: 20%;
    max-width: 35%;
  }
  .common_table td {
    background: #fff;
  }
  .btn_common a {
    height: 100%;
    display: block;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #675756;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.08s linear;
  }
  .btn_common a:hover {
    background-color: #938b84;
  }
  #btn_pagetop {
    width: 57px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 100;
    display: none;
  }
  #btn_pagetop a {
    display: block;
    background-repeat: no-repeat;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    width: 57px;
    height: 50px;
    background-image: url(../images/sp/common/btn_pagetop.png);
    background-size: 100%;
  }
  #btn_pagetop a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
  }
  .pagenavi_wrapper {
    position: relative;
    overflow: hidden;
  }
  .wp-pagenavi {
    height: 32px;
    text-align: center;
  }
  .wp-pagenavi span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #312519;
    color: #fff;
    line-height: 30px;
    text-align: center;
  }
  .wp-pagenavi a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    border-radius: 0 8px 0 8px;
    overflow: hidden;
    background-color: #cfc3b7;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #413121 !important;
    transition: background-color 0.08s linear;
  }
  .wp-pagenavi a:hover {
    background-color: #5a5147;
    color: #fff !important;
  }
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi a.prevpostslink {
    background-color: #fff;
    color: #413121;
  }
  .wp-pagenavi a.nextpostslink:hover,
  .wp-pagenavi a.prevpostslink:hover {
    background-color: #5a5147;
    color: #fff !important;
  }
  .wp-pagenavi .pages {
    display: none;
  }
  /* voice common */
  .voice_info {
    background-color: #fff;
  }
  .voice_info.star_average {
    background: #ffffff;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: 1px 0px 3px 1px #E6DFD8;
  }
  .voice_info.star_average dl,
  .voice_info.star_average dl > * {
    display: inline-block;
    font-size: 14px;
  }
  .voice_info.star_average dl dt {
    margin-right: 5px;
  }
  .voice_info.star_average .voice_star {
    margin-right: 15px;
  }
  .voice_info .voice_star {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-size: 17px;
  }
  .voice_info .voice_star .star {
    position: relative;
    background: url(../images/sp/common/voice_star_f_sp.png) no-repeat left top;
    background-size: 88px 19px;
    z-index: 2;
    width: 88px;
    height: 19px;
    padding-left: 100px;
    font-size: 15px;
    font-family: "Cardo", serif;
    font-weight: bold;
  }
  .voice_info .voice_star .star_background {
    position: absolute;
    display: inline-block;
    background-color: #F2CB60;
    z-index: 1;
    width: 88px;
    height: 18px;
    top: 0;
    left: 0;
    max-width: 88px;
  }
  .voice_info .voice_star .star_background_under {
    position: absolute;
    display: inline-block;
    background-color: #ddd;
    width: 88px;
    height: 19px;
    z-index: 0;
    width: 88px;
    height: 18px;
    top: 0;
    left: 0;
  }
  .voice_reply {
    background-color: rgb(244, 241, 236);
    padding: 15px;
    margin: 20px 0 0;
    border-radius: 8px;
  }
  .product_voice .comments li .voice_reply p,
  #voice_area_entry li .voice_reply p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.538;
  }
  .product_voice .comments li .voice_reply p.voice_person,
  #voice_area_entry li .voice_reply p.voice_person {
    margin-bottom: 0;
  }
  /* /voice common */
  /* movie */
  .movie_wrap {
    position: relative;
    padding-bottom: 56.1403508772%;
    height: 0px;
    overflow: hidden;
  }
  .movie_wrap iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .pc_only {
    display: none;
  }
}