/*
Theme Name:plate_theme
*/

@charset "UTF-8";
/* CSS Document */



/*////////////////////////////////
reset
////////////////////////////////*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

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

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

.colbox div img {
    width: 100%;
    height: auto;
}

/*////////////////////////////////
 common
////////////////////////////////*/
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    background: #fff !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    /*    width: 100vw;*/
    min-width: initial !important;
}

a:hover {
    opacity: 0.6;
}

p {
    font-size: 16px;
}

:focus {
    outline: none;
}

.text-s {
    font-size: 12px;
}

.Mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.Ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}

@media screen and (min-width: 768px) {
    .hidden-pc {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .hidden-sp {
        display: none !important;
    }
}

/*////////////////////////////////
header
////////////////////////////////*/
header#top {
    background: #f6f4ee;
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0;
    height: 92.5px;
}

header.is_show {
    position: fixed;
    z-index: 999;
    margin: auto;
}

header#top .header_top {
    max-width: 1000px;
    width: 100%;
    height: 92.5px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.top_logo_area {
    position: absolute;
    left: 0;
}

.top_logo_area img {
    width: 96px;
}

.under_logo_area {
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top: -2.5%;
    width: 96px;
    height: auto;
}

header#top .header_top .header_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header#top .header_top .header_main .nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header#top .header_top .header_main .nav_list.g-nav li {
    margin-right: clamp(1.5rem, -0.155rem + 3.448vw, 2rem);
}

header#top .header_top .header_main .nav_list.g-nav li a {
    color: #000;
    font-size: clamp(0.875rem, 0.461rem + 0.862vw, 1rem);
    text-decoration: none;
}

.nav_list.c-nav {
    position: fixed;
    top: 190px;
    top: 140px;
    right: 0;
}

.nav_list.c-nav li {
    position: relative;
    width: 65px;
    text-align: center;
    background: #a89255;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    transition: .3s;
    margin-bottom: 1px;
    opacity: 1;
}

.nav_list.c-nav li:first-child {
    background: #E1463F;

}

.nav_list.c-nav li:hover {
    opacity: .9;
}

.nav_list.c-nav li:first-child {
    border-radius: 7px 0 0 0;
    background: #E1463F;
}

.nav_list.c-nav li::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 14px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.nav_list.c-nav li:last-child::before {

    width: 13px;
    height: 15px;

}

.nav_list.c-nav li:first-child::before {
    background: url(../img/nav_list_mail.png) no-repeat;
}

.nav_list.c-nav li:nth-child(2)::before {
    background: url(../img/nav_list_book.png) no-repeat;
}

.nav_list.c-nav li:nth-child(3)::before {
    background: url(../img/online.png) no-repeat;
}

.nav_list.c-nav li:last-child {
    border-radius: 0 0 0 7px;
}

.nav_list.c-nav li a {
    color: #fff;
    text-decoration: none;
    line-height: 1;
    margin-bottom: 0;
    padding: 42px 0 16px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

header#top .header_top .header_main .nav_list.c-nav--sp {
    margin-right: 1em;
}

header#top .header_top .header_main .nav_list.c-nav--sp li {
    width: 100%;
    text-align: center;
    margin-right: 5px;
}

header#top .header_top .header_main .nav_list.c-nav--sp li:last-child {
    margin-right: 0;
}

header#top .header_top .header_main .nav_list.c-nav--sp li a {
    background: #a89255;
    color: #fff;
    text-decoration: none;
    padding: 16px 8px;
    display: block;
    white-space: nowrap;
}

.nav_list.t-nav li a img {
    position: relative;
    z-index: 5;
}

.nav_list.t-nav li {
    margin-right: 1.5em;
}

.nav_list.t-nav li a:hover {
    opacity: 1;
}

.nav_list.t-nav li:last-child {
    margin-right: 0;
}

.nav_list.t-nav li a {
    position: relative;
}

.nav_list.t-nav li a.close:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 130px;
    background: #e1dfd7;
    top: -3em;
    z-index: 1;
    left: -7px;
}

.tab1,
.tab2 {
    display: none;
    background: #E2DFD9;
}

.product--bg {
    background: #e2dfd7;
}

header ul.header_tab li {
    /*
    float: left;
    list-style-type: none;
    width: 25%;
*/
}

header #contents.block {
    display: block;
    max-width: 1040px;
}

header ul.header_tab li a {
    display: block;
}

header ul.header_tab li a:hover {
    /*
    background:#D26161;
    color:#FFF;
*/
}

header ul.header_tab li a.current {
    /*
    background: white;
    color: #C15757;
*/
}

header #contents {
    clear: both;
    position: absolute;
    /*    position: fixed;*/
    /*    height: 100%;*/
    /*    padding-top: 1em;*/
    z-index: 10;
    width: 100%;
    left: 0;
}

header #contents .tab1,
.product #contents .tab1 {
    background: #e2dfd7;
}

header #contents .tab1,
header #contents .tab2,
.product #contents .tab1 {
    height: 100vh;
}

header .tab_link {
    width: 1040px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 4% 0;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}

header .tab_link .tab_link_list {
    width: 100%;
    border-right: 1px solid #c9c7c6;
    padding-left: 2%;
    /*
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
*/
}

header .tab_link .tab_link_list:last-child {
    border-right: none;
}

header .tab_link .tab_link_list .tit {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: bold;
}

header .tab_link .tab_link_list .list {
    font-size: 16px;
    width: 100%;
}

header .tab_link .tab_link_list .list li {
    margin-bottom: 14%;
    color: #4d4d4d;
}

header .tab_link .tab_link_list .list li img {
    vertical-align: middle;
    padding-right: 3%;
}

.tab_link_list a:hover {
    text-decoration: underline;
}

header .subtablink {
    border-top: 1px solid #c9c7c6;
    padding: 2% 0 0;
}

header .subtablink .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header .subtablink li {
    display: inline-block;
    margin-right: 1.2em;
}

header .subtablink li img {
    vertical-align: middle;
}

header .subtablink li a {
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    color: #4d4d4d;
}

header .fb_linkarea {
    overflow: hidden;
    margin-top: 4em;
    padding-bottom: 2em;
}

header .fb_linkarea a {
    float: right;
    color: #4d4d4d;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

header .fb_linkarea a:first-child {
    margin-bottom: 10px;
}

header .fb_linkarea a img {
    margin-right: 8px;
    width: 26px;
    height: 26px;
}

.header_search,
.product .header_search {
    max-width: 1040px;
    margin: 0 auto;
    padding: 2em 0 4em;
}

.header_search .tit,
.product .header_search .tit {
    text-align: center;
    font-size: 24px;
    color: #4d4d4d;
    margin-bottom: 1em;
}

.header_search .txt,
.product .header_search .txt {
    text-align: center;
    margin: 1em 0 3em;
}

.header_search .search_area,
.product .header_search .search_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_search .search_area dt,
.product .header_search .search_area dt {
    width: 16%;
    font-size: 18px;
    font-weight: bold;
}

/* .product .header_search .search_area dt {
    width: 24%;
} */

.header_search .search_area dd,
.header_search .search_area .header_serch_bar,
.header_search .search_area dd,
.product .header_search .search_area dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.header_search .search_area dd>div,
.header_search .search_area .header_serch_bar>div,
.product .header_search .search_area dd>div {
    position: relative;
    background: #fff;
    display: block;
    width: 700px;
    height: 60px;
}

input[type="search"] {
    height: 60px;
    /* 値を変更 */
    -webkit-appearance: none;
}

.header_search .search_area .search-area,
.product .header_search .search_area .search-area {
    display: inline-block;
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 2%;
}

.header_search .search_area button,
.product .header_search .search_area button {
    display: inline-block;
    background: #a89255;
    position: absolute;
    right: 0.2em;
    top: 8%;
    padding: 1.5% 0;
}

.header_search .search_area button img,
.product .header_search .search_area button img {
    width: 46%;
}

.header_search .search_area.keyword_area,
.product .header_search .search_area.keyword_area {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.header_search .search_area.keyword_area dd,
.product .header_search .search_area.keyword_area dd {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 3;
}

.header_search .search_area.keyword_area dd a,
.product .header_search .search_area.keyword_area dd a {
    display: block;
    line-height: 1.2;
}

.product_search form,
.product .product_search form {
    margin-bottom: 1em;
}

.border {
    border-bottom: 1px solid #c5c4c4;
    padding-bottom: 3em;
    margin-bottom: 4em;
}

/*////////////////////////////////
main
////////////////////////////////*/
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

.main {
    padding-top: 94px;
    width: 100%;
    margin: 0 auto;
}

.is-show .top_logo_area img {
    display: none;
}

.off {
    display: none;
    margin: 0 auto;
}

.close .on {
    display: none;
}

.close .off {
    display: block;
}

.scroll-prevent {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.w-1000 {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    padding-inline: 20px 40px;
}

.w-1000.padding {
    padding: 0 6%;
}

.w-930 {
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    padding-left: 4%;
}

.w-930.subtxt.subtxt--flex {
    padding-left: 0%;
}

.w-900 {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.w-830 {
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
}

.w-800 {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.subtxt .txt {
    font-size: 20px;
    color: #3e3a39;
    line-height: 35px;
    letter-spacing: -1px;
}

.product_area .product_half .product_half_link a.w-140 {
    width: 140px;
}

#keyvisual {
    position: relative;
    overflow: hidden;
}

.bg_position {
    position: relative;
}

.bg_position:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 320px;
    background: url(../img/bg_design.png) no-repeat;
    right: 0;
    top: -2em;
}

#keyvisual .kv_main {
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
}

#keyvisual .fade_item--top {
    padding-top: 4.5em;
}

#keyvisual .kvtxt {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .1em;
    color: #a89255;
    text-align: center;
    margin-bottom: 5px;
}

#keyvisual .kvtxt span {
    background-color: #fff;
    padding: 3px 10px;
}

#keyvisual .kvbg {
    background: url(../img/mv_bg.png) no-repeat;
    background-size: cover;
    height: 190px;
    width: 100%;
    padding-top: 20px;
}

#keyvisual .kvbg figure {
    text-align: center;
}

#keyvisual .kvbg figure img {
    width: 195.5px;
    background-color: #fff;
    padding: 2px 5px;
}

#keyvisual .slick-dots {
    position: absolute;
    left: 1040px;
    bottom: 0em;
}

#keyvisual .slick-dots li {
    height: 8px;
    width: 8px;
    background: #e5decc;
    margin-bottom: 0.5em;
}

#keyvisual .slick-dots li button {
    display: none;
}

#keyvisual .slick-dots li.slick-active {
    background: #a89255;
}

.subtxt.subtxt--flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 3em 0 0 0;
}

.subtxt.subtxt--mgt {
    margin: 5em 0 0 0;
}

.subtxt--flex__inner {
    width: 77%;
    display: flex;
    justify-content: space-between;
}

.c-link-style__wrapper {
    width: 22%;
    text-align: right;
    margin-right: 20px;
}

.c-link-style {
    font-size: 14px;
    color: #a89255;
    border: 1px solid #a89255;
    padding: 10px 18px;
    display: inline-block;
    position: relative;
    background: #fff;
}

.c-link-style:hover {
    opacity: 1;
    color: #fff;
    background: #a89255;
}

.about_btnarea .list li:first-child a:after {
    content: "";
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/link_arrow3.png) no-repeat center right;
    left: -1.2em;
    top: 50%;
    margin-top: -10px;
}

.pejer .list li:nth-last-of-type(1) .pad-link-next:after {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/link_arrow.png)no-repeat center right;
    right: -1.2em;
    top: 50%;
    margin-top: -10px;
}

.h2_tit {
    font-size: 36px;
    color: #4d4d4d;
    position: relative;
    width: 23%;
}

.h2_tit:after {
    content: "";
    width: 116px;
    height: 116px;
    position: absolute;
    background: url(../img/h2_tit_line.png) no-repeat;
    top: -0.5em;
    left: 3em;
}

.h2_tit span {
    font-size: 12px;
    letter-spacing: .2em;
    color: #4d4d4d;
    display: block;
    margin-top: 1em;
}

.txt--width {
    line-height: 1.6;
    width: 78%;
    font-size: 15px;
    padding-left: 4em;
}

.pickup-box {
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {

    .pickup-box {
        padding-inline: 0px 40px;
    }
}

.pickup-box__inner {
    border: #a19458 solid 2px;
    background-color: #f6f4ee;
    padding: 25px;
    padding-inline: ;
    margin: 40px auto 60px;
}

.pickup-box__title {
    font-size: 24px;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 10px;
}

.pickup-box__text {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 25px;
}

.pickup-box__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pickup-box__item {
    position: relative;
    width: calc(25% - 15px * 3 / 4);
    margin-right: 15px;
}

.pickup-box__item:nth-child(4n) {
    margin-right: 0;
}

.pickup-box__item figure {
    position: relative;
    padding-top: 65.934066%;
    /* 比率 */
    overflow: hidden;
    margin-bottom: 8px;
}

.pickup-box__item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: transparent;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.pickup-box__item figcaption {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}

.pickup-box__item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
    transition: .3s;
}

.pickup-box__item a:hover {
    opacity: .5;
    background-color: #f6f4ee;
}

.product_box {
    width: 320px;
    background: #f6f4ee;
    padding: 2em;
    margin-top: 5em;
    position: absolute;
    left: 0;
}

.product_box .h3_tit {
    color: #3e3a39;
    font-size: 40px;
    margin-bottom: 1em;
}

.product_box .h3_tit a:hover {
    opacity: 1;
    border-bottom: 1px solid #000;
    -webkit-transition: none;
    transition: none;
}

.product_box .h3_tit span {
    font-size: 12px;
    display: block;
    margin: 0.5em 0 0 0.5em;
}

.product_box .category_list li {
    margin-bottom: 1em;
}

.product_box .category_list li:last-child {
    margin-bottom: 0;
}

.product_box .category_list li img {
    vertical-align: middle;
}

.product_box .category_list li a {
    color: #4d4d4d;
    display: inline-block;
    padding-left: 1em;
    vertical-align: middle;
}

.product_box .category_list li a:hover {
    text-decoration: underline;
}

.product_area .product_full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2em 0 4em;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.product_area .product_full>img {
    position: relative;
    z-index: 1;
}

.product_area .product_half {
    position: relative;
}

.product_area .product_half .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.product_area .product_half .list.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.product_area .product_half .list2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 20px;
}



.product_area .product_half .list2 .list.one-third_box {
    position: relative;
    /* transition: opacity .3s ease-in-out; */
}

.product_area .product_half .list2 .list.one-third_box:hover {
    opacity: 0.6;
}


.product_area .product_half .product_half__list {
    display: table;
    height: auto;
    background: #f6f4ee;
    margin-bottom: 30px;
}

.product_area .product_half .product_half__list__mv {
    /* width: 480px; */
    width: 100%;
}

.product_area .product_half .list li>img {
    vertical-align: bottom;
}

.product_area .product_half .list li .kindarea__wrapper {
    display: table;
    width: 100%;
}

.product_area .product_half .list li .kindarea {
    padding: 3% 5%;
    /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; */
}

.product_area .product_half .list li .kindarea .kind_category {
    font-size: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 8px 0 0;
}

.product_area .product_half .list li .kindarea a {
    position: relative;
}





.product_area .product_half .list li .kindarea .kind_category span {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: .1em;
    vertical-align: middle;
    padding-left: 1em;
    display: inline-block;
}

.product_area .product_half .list li .kind_category_list_wrapper {
    display: table;
}

.product_area .product_half .list li .kind_category_list {
    display: grid;
    grid-template-columns: repeat(3, 120px);
}

.product_area .product_half .list li .kind_category_list2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.product_area .product_half .list li .kind_category_list:nth-child(2) {
    margin-top: 5%;

}

.product_area .product_half .list li .kind_category_list li {
    font-size: 14px;
    margin-bottom: 0.5em;
}

.product_area .product_half .list li .kind_category_list li:last-child {
    margin-bottom: 0;
}

.product_area .product_half .list li .kind_category_list li>img {
    vertical-align: 3px;
    padding-right: 1em;
}

.product_area .product_half .list li .kind_category_list li a {
    /* font-size: 14px; */
    font-size: clamp(0.625rem, -0.727rem + 2.817vw, 0.875rem);
}

.product_area .product_half .list li .kind_category_list li a:hover {
    /*    text-decoration: underline;*/
    opacity: 0.6;
}

.product_area .product_half .product_half_link {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -150px;
}

.product_area .product_half .product_half_link a {
    padding: 8% 12%;
    width: 120px;
}

.product_area .product_half .product_half_link a:hover {
    opacity: 1;
    color: #fff;
    background: #a89255;
}

.top-onlyoneclub {
    position: relative;
    margin: 50px auto 0;
}

.top-onlyoneclub:before {
    content: "";
    position: absolute;
    background: url(../img/top-onlyoneclub_bg.png) no-repeat;
    width: 171px;
    height: 175px;
    top: 0;
    right: 0;
    z-index: -1;
}

.top-onlyoneclub figure {
    position: relative;
    display: table;
    margin: 0 auto;
}

.magazine_area {
    background: #f6f4ee;
    padding: 1em 0 0;
    margin: 4em 0 0;
    position: relative;
}

.magazine_area.bunko {
    background: none;
}

.magazine_area.bunko:before {
    background: none;
    width: 0;
}

.magazine_area .h2_tit {
    font-size: 28px;
}

.magazine_area .h2_tit span {
    letter-spacing: inherit;
}

.magazine_area .subtxt.subtxt--flex {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.magazine_area .txt--width {
    padding-left: 7em;
}

.magazine_area .right_txt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    right: -3em;
    font-size: 30px;
    margin-right: 3%;
    top: -4em;
    color: #3e3a39;
    height: 200px;
    line-height: 1.8;
}

.magazine_area .right_txt span {
    border-right: 1px solid #cacaca;
    padding-right: 5%;
}

.magazine_area .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3em 0 0;
}

.magazine_area .list li {
    border: 1px solid #e0dfdc;
    text-align: center;
    padding: 1% 1% 4%;
    margin-right: 1.5%;
    position: relative;
    overflow: hidden;
    width: 32.5%;
    margin-bottom: 3em;
}

.magazine_area .list li:last-child {
    margin-right: 0;
}

.magazine_area .list li a img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.magazine_area .list li .magazine_tit {
    /* text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin: 1em 0 0.5em;
    line-height: 1.4; */
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
    line-height: 1.4;
}

.magazine_area .list li .magazine_txt {
    font-size: 14px;
    margin-bottom: 1em;
    text-align: left;
    line-height: 1.6;
}

.magazine_area .list li.pickup {
    position: relative;
}

.magazine_area .list li.pickup:before,
.under_magazine_area .list_item.pickup:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(../img/icon_pickup.png) no-repeat;
    left: 0;
    top: 0;
    z-index: 1;
}

.magazine_area .list li:hover {
    background: #fff;
    opacity: 1 !important;
}

.magazine_area .list li a:hover {
    opacity: 1;
}

.magazine_area .list li.new {
    position: relative;
}

.magazine_area .list li.new:before .under_magazine_area .list_item.new:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(../img/icon_new.png) no-repeat;
    left: 0;
    top: 0;
    z-index: 1;
}

.magazine_area .category {
    background: #a19458;
    color: #fff;
    padding: 2px 7px;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

.magazine_area .data {
    font-size: 13px;
    vertical-align: middle;
    display: table-cell;
    text-align: right;
    padding-right: 1em;
}

/*
.lin.magazine_area .data {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    overflow: hidden;
}
*/
@media all and (min-width: 768px) {
    .magazine_area .line {
        display: table;
        table-layout: fixed;
        width: 93%;
        position: absolute;
        bottom: 0;
        overflow: hidden;
        padding-bottom: 4%;
    }
}

.magazine_area .l-contribution p.line {
    margin-bottom: 0;
}

.magazine_area .magazine_area--position {
    position: relative;
}

.magazine_area .magagin--bg,
.under_magazine_area .magagin--bg {
    background: #fff;
}

.magazine_area .magazine_area_link {
    /*
    position: absolute;
    background: #f6f4ee;
    bottom: -7em;
    width: 500px;
    height: 4em;
    right: -14em;
*/
    width: 1000px;
    margin: 0 auto;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.magazine_area .magazine_area_link .w-bg {
    background: #fff;
    height: 5em;
    width: 708px;
    z-index: 8;
    position: relative;
}

.magazine_area .magazine_area_link>.c-link {
    background: #f6f4ee;
    width: 230px;
    float: right;
    height: 5em;
    position: relative;
    z-index: 9;
}

.magazine_area .magazine_area_link>.c-link:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(../img/magagine_after.png) no-repeat;
    left: -66px;
    top: 0em;
}

.magazine_area .magazine_area_link:after {
    content: "";
    width: 800px;
    height: 5em;
    background: #f6f4ee;
    position: absolute;
    z-index: 1;
    right: 0;
}

.magazine_area .magazine_area_link .c-link-style {
    margin: 1.5em 0 0 0;
    padding: 5% 8%;
    display: inline-block;
}

.exsample_area {
    position: relative;
    padding: 1em 0;
    margin: 4em 0 0;
}

.exsample_area:after {
    content: "";
    position: absolute;
    background: url(../img/magazine_area_bg.png) no-repeat;
    width: 315px;
    height: 46px;
    bottom: -4em;
    left: 0;
}

.exsample_area .h2_tit span {
    letter-spacing: inherit;
}

.exsample_area .subtxt.subtxt--flex {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.exsample_area .txt--width {
    width: 100%;
    padding-left: 7em;
}

.exsample_area .exsam_list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.7em 0 2em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.exsample_area .exsam_list .list li {
    border: 1px solid #e5e5e5;
    margin: 0 2% 3% 0;
    width: 49%;
}

.exsample_area .exsam_list .list li:hover {
    background: #f6f4ee;
}

.exsample_area .exsam_list .list li:nth-child(2n) {
    margin-right: 0;
}

.exsample_area .exsam_list .list li .pd {
    padding: 2%;
}

.exsample_area .exsam_list .list li .pd>img {
    width: 100%;
    height: 264px;
    -o-object-fit: cover;
    object-fit: cover;
}

.exsample_area .exsam_list .list li.topexsam {
    position: relative;
}

/* .product_category_area .pd_category_list li:before, */
.exsample_area .exsam_list .list li.new-tag:before,
.magazine_area .list li.new-tag:before,
.under_magazine_area .list_item.new-tag:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(../img/icon_new.png) no-repeat;
    left: 0;
    top: 0;
    z-index: 1;
}

.exsample_area .exsam_list .list li .line {
    background: #a19458;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    padding: 2%;
}

.exsample_area .exsam_list .list li .line p.category {
    text-decoration: underline;
}

.exsample_area .exsam_list .list li:hover .line p.category {
    text-decoration: none;
}

.exsample_area .exsam_list .list li .exsam_tit {
    margin: 1em 0 0.5em 1.5em;
}

.exsample_area .exsam_list .linkbox {
    text-align: right;
}

.info_area {
    background-color: #f6f4ee;
    padding: 45px 0;
    margin-bottom: 4em;
}

.info_area .tit {
    font-size: 24px;
    padding-top: 20px;
    margin-bottom: 0.8em;
}

.info_area .info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info_area .info_box__left {
    width: 190px;
    padding-right: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info_area .info_box__right {
    flex: 1;
}

.info_area .info_box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    border-bottom: 1px solid #cacaca;
    padding: 10px 0;
    width: 100%;
}

.info_area .info_box li .category {
    font-size: 13px;
    font-weight: bold;
    background: #a89255;
    color: #fff;
    padding: 0.4% 1%;
    display: block;
    line-height: 1.2;
    min-width: 12%;
    text-align: center;
    margin: 0 3%;
}

.info_area .info_box .info_area--link {
    margin: 1em 0;
}

.info_area .info_box .info_area--link .c-link-style {
    font-size: 12px;
    color: #a89255;
    border: 1px solid #a89255;
    padding: 8px 16px;
    display: inline-block;
    position: relative;
    background: transparent;
}

.info_area .info_box .info_area--link .c-link-style:after {
    width: 22.5px;
    background-size: 22.5px;
    top: 60%;
}

.info_area .info_box .info_area--link .c-link-style:hover {
    opacity: 1;
    color: #fff;
    background: #a89255;
}

.toplink_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.toplink_area a {
    color: #a89255;
    padding: 0 4% 1.5% 0;
    font-size: 13px;
}

.toplink_area a span {
    position: relative;
}

.toplink_area a span:before {
    content: "";
    width: 9px;
    height: 30px;
    position: absolute;
    background: url(../img/icon_toplink.png) no-repeat;
    top: -3em;
    right: 0;
}

/*////////////////////////////////
footer
////////////////////////////////*/
#foot .footer_area>div {
    /* padding: 0 6.5%; */
    padding: 0 2.5%;

}

#foot .footer_area .footer_area_tit {
    margin-bottom: 0.9em;
}

#foot .tel_contact .tel {
    font-size: 28px;
    letter-spacing: 3px;
    margin-bottom: 0.4em;
}

#foot .tel_contact .tel span {
    font-size: 14px;
    letter-spacing: 1px;
}

#foot .tel_contact .tel span.tel_font {
    font-size: 30px;
}

#foot .foot {
    background: #4d4d4d;
}

#foot .foot .foot_top {
    padding: 3em 0;
}

#foot .foot .foot_top .tit {
    text-align: center;
    font-size: 23px;
    margin-bottom: 1.2em;
}

#foot .foot .foot_top .footer_area {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    justify-content: center;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    text-align: center;
    row-gap: 20px;
}

#foot .foot .foot_top p {
    color: #fff;
}

#foot .foot .footer_bottom {
    background-color: #e2dfd8;
    padding: 60px 0;
}

#foot .foot .footer_bottom_lists {
    display: flex;

}

#foot .foot .footer_bottom_list {
    width: 21%;
    border-right: #cac8c6 1px solid;
    padding: 0 0 0 20px;
}

#foot .foot .footer_bottom_list:first-child {
    width: 16%;
    padding: 0;
}

#foot .foot .footer_bottom_list:last-child {
    border-right: none;
}

#foot .foot .footer_bottom_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

#foot .foot .footer_bottom_title.title-margin {
    margin-top: 30px;
    margin-bottom: 14px;
}

#foot .foot .footer_bottom_list_item {
    position: relative;
    line-height: 1.4;
    padding-left: 25px;
    margin-bottom: 20px;
}

#foot .foot .footer_bottom_list_item:before {
    content: "";
    position: absolute;
    background: url(../img/link_arrow.png) no-repeat;
    background-size: 16px;
    width: 16px;
    height: 7px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

#foot .foot .footer_bottom_list_item.banner {
    padding-left: 0;
    margin-bottom: 10px;
}

#foot .foot .footer_bottom_list_item.SNS {
    padding-left: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

#foot .foot .footer_bottom_list_item.SNS::before {
    display: none;
}

#foot .foot .footer_bottom_list_item.SNS img {
    width: 36px;
    height: 36px;
    object-fit: cover;
}

#foot .foot .footer_bottom_list_item.banner:before {
    width: 0;
}

#foot .foot .footer_acsess {
    background: #fff;
    padding: 1.5% 0;
}

#foot .foot .footer_nav {
    background: #a89255;
    font-size: 13px;
    color: #fff;
    padding: 1.5% 0;
}

#foot .foot .footer_nav .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#foot .foot .footer_nav .inner .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#foot .foot .footer_nav .inner .list li {
    margin-right: 1.5em;

}

#foot .foot .footer_nav .inner .list li a {
    display: flex;
    align-items: center;
    gap: 20px;
}

#foot .foot .footer_nav .inner .list li a::before {
    content: "\25B6";
}

#foot .foot .footer_nav .inner .copy {
    font-size: 12px;
}

#foot .foot_top--border-r {
    border-right: 1px solid #dddddd;
}

#foot .foot_top--border-l {
    border-left: 1px solid #dddddd;
}

.f-size14 {
    font-size: 14px;
}

.c-footer-link {
    background: #9E874A;
    /* padding: 6% 8%; */
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    position: relative;
    width: 190px;
    line-height: 36px;
    border-radius: 4px;
    margin-inline: auto;
}

.c-footer-link::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 14px;
    top: 50%;
    left: 11.5px;
    transform: translateY(-50%);
}

.footer_area_flex .c-footer-link:last-child::before {

    width: 13px;
    height: 15px;

}

.c-footer-link::before {
    background: url(../img/nav_list_mail.png) no-repeat;
}

.footer_area_flex .c-footer-link::before {
    background: url(../img/nav_list_book.png) no-repeat;
}

.footer_area_flex .c-footer-link:nth-child(2)::before {
    background: url(../img/online.png) no-repeat;
}

.mail_contact .c-footer-link {
    background: #E1463F;
}

/* .c-footer-link:after {
  content: "";
  width: 30px;
  height: 10px;
  position: absolute;
  background: url(../img/link_arrow.png) no-repeat center right;
  right: -1.2em;
} */

#foot .footer_acsess .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
}

#foot .footer_acsess .name {
    font-size: 18px;
    margin-right: 4em;
}

#foot .footer_acsess .access {
    font-size: 13px;
    margin-right: 0;
}

#foot .footer_acsess a {
    font-size: 13px;
    display: none;
}

#foot .footer_acsess a img {
    vertical-align: bottom;
    padding-right: 0.5em;
}

/*product*/
.area_name {
    border-bottom: 1px solid #eee;
    padding: 3em 0 1.8em;
}

.area_name_tit {
    text-align: center;
    color: #4d4d4d;
    font-size: 40px;
    letter-spacing: 5px;
}

.area_name_tit span {
    display: block;
    font-size: 12px;
    color: #4d4d4d;
    margin-top: 1em;
}

.pagenav {
    margin: 1em auto 0;
}

.pagenav .pagenav_area,
.pagenav .pagenav_areas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #4d4d4d;
}

.pagenav .pagenav_area br,
.pagenav .pagenav_areas br {
    display: none !important;
}

.pagenav .pagenav_area li,
.pagenav .pagenav_areas li {
    display: block;
}

.c-underLine a:hover {
    text-decoration: underline;
    opacity: 1;
}

.contentsList_main li a {
    border-bottom: 0 !important;
}

.contentsList_main li a:hover {
    text-decoration: none !important;
    opacity: 0.5;
}

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

.contents_li {
    margin-bottom: 25px !important;
}

.contents_li a {
    border: none !important;
}

.product_category_area.under_area li a:hover {
    text-decoration: none;
}

.product_category_area .product_category_area--kind {
    text-align: center;
    font-size: 23px;
    color: #4d4d4d;
    margin-bottom: 1.4em;
}

.product_category_area .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 3em;
}

.product_category_area .list li {
    /*    display: flex;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 32.1%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 1.5em;
}

.product_category_area .list.full li {
    margin-right: 1.1em;
    position: relative;
}

.product_category_area .list.full li:nth-child(3n) {
    margin-right: 0;
}

.product_category_area .list li .box {
    margin: 0.6em 0 0;
}

.product_category_area .list li .box img {
    vertical-align: middle;
}

.product_category_area .list li .box span {
    vertical-align: middle;
    padding-left: 0.5em;
    color: #4d4d4d;
}

.product_category_area .list.full li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.product_category_area .list.full>li:hover {
    /*    text-decoration: underline;*/
    opacity: 0.5;
}

.product_category_area .category_kind {
    background: #f6f4ee;
    padding: 2% 2%;
    margin-bottom: 1em;
}

.product_category_area .category_kind_tit {
    /* font-size: 40px; */
    font-size: 30px;
    /* letter-spacing: 4px; */
}

.list2.product_category_area .category_kind_tit {
    font-size: clamp(1.125rem, -2.431rem + 7.407vw, 1.875rem);
}

/*
.product_category_area .category_kind_tit a {
    line-height: 1.2;
    display: inline-block;
    padding-bottom: 1px;
}
*/


.product_category_area .category_kind_tit a span {
    font-size: 12px;
    vertical-align: middle;
    padding-left: 1.5em;
    /* letter-spacing: 2px; */
    letter-spacing: 1px;
    display: inline-block;
}

.product_category_area .half_box li {
    width: 49.1%;
    margin-right: 1em;
}

.product_category_area .half_box .category_kind {
    width: 100%;
}

.product_category_area .half_box li:nth-child(2n) {
    margin-right: 0;
}

.product_category_area .half_box li .kind_category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_category_area .half_box li .kind_category_list.only {
    margin-top: -1.7em;
}

.product_category_area .half_box li .kind_category_list li {
    width: 50%;
    position: relative;
}

.product_category_area .half_box li .kind_category_list li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.product_category_area .half_box li .kind_category_list li:hover {
    opacity: 0.5;
}

.product_category_area .half_box li.no-hover .kind_category_list li:hover {
    opacity: 1;
}

.product_category_area .two-thirds_box {
    width: 67.4%;
    margin-right: 0;
}

.product_category_area .two-thirds_box li {
    width: 100%;
    margin-right: 1.1em;
}

.product_category_area .two-thirds_box .category_kind {
    width: 100%;
}

.product_category_area .two-thirds_box li:nth-child(2n) {
    margin-right: 0;
}



.product_category_area .two-thirds_box li .kind_category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_category_area .two-thirds_box li .kind_category_list.only {
    margin-top: -1.7em;
}

.product_category_area .one-third_box li .kind_category_list li img {
    aspect-ratio: 330/230;
}

.product_category_area .two-thirds_box li .kind_category_list li {
    width: 50%;
    position: relative;
}

.product_category_area .two-thirds_box li .kind_category_list li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.product_category_area .two-thirds_box li .kind_category_list li:hover {
    opacity: 0.5;
}

.product_category_area .two-thirds_box li.no-hover .kind_category_list li:hover {
    opacity: 1;
}

.one-third_boxs {
    display: grid;
    grid-template-columns: repeat(2, 32.2%);
    column-gap: 1.1em;
}

.product_category_area .one-third_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

.product_category_area .one-third_box li {
    width: 100%;
    /* transition: 0.3s opacity ease-in-out; */
}



.product_category_area .one-third_box .category_kind {
    width: 100%;
    /* transition: 0.3s opacity ease-in-out;
  cursor: pointer; */
}

/* .product_category_area .one-third_box .category_kind:hover {
  opacity: 0.6;
} */

.product_category_area .one-third_box li:nth-child(2n) {
    margin-right: 0;
}

.product_category_area .one-third_box li .kind_category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product_category_area .one-third_box li .kind_category_list.only {
    margin-top: -1.7em;
}

.product_category_area .one-third_box li .kind_category_list li {
    width: 100%;
    position: relative;
}

.product_category_area .one-third_box li .kind_category_list_img img {
    width: 100%;
    aspect-ratio: 320/200;
    height: auto;
    object-fit: cover;
}

.product_category_area .one-third_box li .kind_category_list_img .box,
.product_category_area .one-third_box li .kind_category_list_img li {
    margin: 0;
}

.list2.product_category_area .one-third_box li {
    margin-bottom: 0;
}

.list2.product_category_area .category_kind_tit {
    margin-bottom: 0;
}

.product_category_area .one-third_box li .kind_category_list li a,
.product_category_area .one-third_box li .kind_category_list_img li a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.product_category_area .one-third_box li .kind_category_list li:hover {
    opacity: 0.6;
}

.product_category_area .one-third_box li.no-hover .kind_category_list li:hover {
    opacity: 1;
}

.product_category_area .flex-box {
    display: flex;
    justify-content: space-between;
}

.under_area {
    margin: 4em auto 2em;
}

/*三楽だより*/
.under_magazine_area .link_list {
    text-align: center;
    max-width: 700px;
    width: 100%;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.1em;
}

.under_magazine_area .link_list a {
    /* font-size: 25px; */
    font-size: 22px;
    color: #3e3a39;
    position: relative;
    padding-right: 4%;
}

.under_magazine_area .link_list a span:hover {
    opacity: 1;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .under_magazine_area .link_list a:after {
        content: "／";
        position: absolute;
        width: 10px;
        height: 10px;
        /* right: 1em; */
        right: 4%;
    }

    .header_serch_bar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .serch_bar_text {
        width: 130%;
        color: #4d4d4d;
        margin-top: 10px;
        font-size: 14px;
    }
}

@media all and (min-width: 0) and (max-width: 767px) {
    .header_serch_bar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .serch_bar_text {
        color: #4d4d4d;
        margin-top: 10px;
        line-height: 1.5;
    }

    .flex-center-flex_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .under_magazine_area .link_list a {
        padding-right: 0;
    }

    .under_magazine_area .link_list a:nth-of-type(n+2):before {
        content: "\FF0F";
        position: relative;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

.under_magazine_area .magazine_area {
    background: #fff;
    padding: 0;
    margin: 2em 0;
}

.under_area .more,
.more-button {
    width: 100%;
    border: 1px solid #a89255;
    color: #a89255;
    padding: 1% 0;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-bottom: 2em;
    background: #fff;
    cursor: pointer;
}

.under_area .more:hover,
.more-button:hover {
    opacity: 0.5;
}

.more-button.is-hide {
    display: none;
}

.under_magazine_area .list_item {
    border: 1px solid #e0dfdc;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.under_magazine_area .list_item a {
    padding: 3%;
    display: block;
}

.under_magazine_area .list_item a>img {
    vertical-align: top;
    width: 42%;
    height: 264.4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.under_magazine_area .list_item a .txt_area {
    padding: 0.5em 0 0 2em;
    width: 57%;
    display: inline-block;
    vertical-align: top;
}

.under_magazine_area .list_item a .txt_area .magazine_tit {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
    line-height: 1.4;
}

.under_magazine_area .list_item a .txt_area .magazine_txt {
    text-align: left;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: normal;
}

.under_magazine_area .list_item a .line {
    padding-bottom: 0;
    bottom: 1.9em;
    width: 50%;
    display: block;
    table-layout: unset;
}

.under_magazine_area .list_item a .category {
    padding: 6px 15px;
    float: left;
}

.under_magazine_area .list_item a .data {
    float: right;
    display: block;
    text-align: left;
    padding-top: 0.5em;
}

.under_magazine_area .list_item a:hover,
.under_magazine_area .magazine_area .list li:hover {
    opacity: 1;
    background: #e0dfdc;
}

.under_magazine_area .list.l-letterBox {
    display: block;
    display: flex;
    flex-wrap: wrap;
}

@media all and (min-width: 960px) {
    .under_magazine_area .list.l-letterBox li {
        height: 480px;
        display: inline-block;
        width: 32%;
    }

    .l-contribution table th {
        font-weight: normal;
    }
}

@media all and (min-width: 768px) {
    .under_magazine_area .list.l-letterBox li {

        width: 40%;
    }

}

/* .under_magazine_area .list.l-letterBox li:first-child {
    width: 100%;
    display: block;
    height: auto;
    margin: 0 auto 2em;
    padding: 0;
}
.under_magazine_area .list.l-letterBox li:first-child img {
    vertical-align: top;
    width: 42%;
    height: 100%;
}
.under_magazine_area .list.l-letterBox li:first-child a {
    display: flex;
    align-items: inherit;
    justify-content: left;
    padding: 2%;
}
.under_magazine_area .list.l-letterBox li:first-child .textBox {
    position: relative;
    margin-left: 2em;
    width: 100%;
} */
.under_magazine_area .list.l-letterBox li a .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    bottom: 1.5em;
}

.under_magazine_area .list.l-letterBox li a .line.book {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* .under_magazine_area .list.l-letterBox li:first-child a .line {
    bottom: 0em;
    width: 100%;
} */
/*三楽について*/
.about_area_position {
    position: relative;
}

.under_magazine_area.about_area:after {
    content: "";
    position: absolute;
    width: 500px;
    height: 72px;
    background: url(../img/icon_about_bg2.png) no-repeat;
    left: 0;
    bottom: -5em;
}

.about_area .about_catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2em 0 6em;
}

.about_area .about_catch .catchtit {
    font-size: 40px;
    width: 48%;
    letter-spacing: -3px;
    line-height: 1.4;
}

.about_area .about_catch .catchtxt {
    width: 53%;
    font-size: 20px;
    line-height: 35px;
}

.about_area.about_area_bottom {
    /*    overflow: hidden;*/
    position: relative;
}

.about_area.about_area_bottom:before {
    content: "";
    position: absolute;
    width: 76%;
    height: 900px;
    background: #f6f4ee;
    z-index: -1;
    top: 9em;
    left: 0;
}

.about_area.about_area_bottom:after {
    content: "";
    position: absolute;
    width: 1101px;
    height: 331px;
    background: url(../img/img_about2.png) no-repeat;
    right: 0;
    top: 0;
}

.about_area.about_area_bottom>img {
    float: right;
}

.about_area.about_area_bottom .inner {
    max-width: 800px;
    width: 100%;
    /*    overflow: hidden;*/
    position: relative;
    padding-top: 20em;
}

.about_area.about_area_bottom .inner:before {
    content: "";
    position: absolute;
    width: 70px;
    height: 488px;
    background: url(../img/icon_about_bg1.png) no-repeat;
    right: -11em;
    bottom: 5em;
}

.about_area.about_area_bottom .inner:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 900px;
    background: #f6f4ee;
    z-index: -1;
    top: 9em;
    right: -3em;
}

.about_area.about_area_bottom .inner .txt_top {
    font-size: 20px;
    line-height: 1.8;
    margin: 3em 0;
    color: #231815;
}

.about_area.about_area_bottom .inner .innerbox {
    position: relative;
    overflow: hidden;
    padding-bottom: 7em;
}

.about_area.about_area_bottom .inner .innerbox>img {
    position: absolute;
}

.about_area.about_area_bottom .inner .innerbox .txt_under {
    width: 35%;
    display: inline-block;
    margin-left: 1.4em;
    font-size: 20px;
    line-height: 1.8;
    float: right;
    color: #231815;
}

.about_btnarea {
    margin: 3em auto 4em;
}

.about_btnarea .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.about_btnarea .list li {
    width: 32%;
    text-align: center;
}

.about_btnarea .list li a {
    padding: 10px 20px;
}

/*施工例*/
.bg--color {
    background: #f6f4ee;
}

.h2_under {
    font-size: 30px;
    position: relative;
    padding-left: 2em;
    line-height: 1.3;
    color: #3e3a39;
}

.h2_under:before {
    content: "";
    background: url(../img/h2_tit_spline.png) no-repeat;
    width: 56px;
    height: 56px;
    left: 0;
    top: 0;
    position: absolute;
    background-size: 100%;
}

.exbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5em;
    gap: 10px;
}

.exbox .right_item p {
    font-size: 15px;
    margin: 1em 0;
    line-height: 1.8;
    color: #4d4d4d;
}

.exbox .right_item {
    width: 36%;
    position: relative;
    z-index: 3;
}

.c-link--pad {
    padding: 10px 20px;
}

.exbox .ex_catchTxt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #4d4d4d;
    font-size: 50px;
    position: relative;
    z-index: 2;
    width: 50px;
}

.exbox .ex_catchTxt:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 220px;
    background: #fff;
    z-index: -1;
    right: -1.3em;
    top: -0.2em;
}

.ex_box--mg {
    margin-top: 2em;
}

.exbox .ex_catchTxt:after {
    content: "";
    position: absolute;
    width: 124px;
    height: 197px;
    background: url(../img/icon_ex1.png) no-repeat;
    bottom: -2em;
    right: -0.7em;
}

.exbox .right_item.left_item .h2_under {
    right: -2em;
}

.exbox .ex_catchTxt.ex_catchTxt--icon2:after {
    background: url(../img/icon_ex2.png) no-repeat;
    width: 92px;
    height: 220px;
}

.exbox .ex_catchTxt.ex_catchTxt--icon3:before {
    height: 190px;
    top: -0.4em;
}

.exbox .ex_catchTxt.ex_catchTxt--icon3:after {
    background: url(../img/icon_ex3.png) no-repeat;
    width: 254px;
    height: 229px;
    right: -1.6em;
    bottom: -2.2em;
}

.exbox .ex_catchTxt.ex_catchTxt--icon4:after {
    background: url(../img/icon_ex4.png) no-repeat;
    width: 190px;
    height: 214px;
}

.exbox .ex_catchTxt.ex_catchTxt--icon5:after {
    background: url(../img/icon_ex5.png) no-repeat;
    width: 106px;
    height: 218px;
}

/*会社情報*/
.company_area {
    padding: 0.1em 0 3em;
    margin-top: 0.5em;
}

.office {
    margin-bottom: 4em;
}

.office .officebox img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.office .officebox dt {
    font-size: 24px;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    color: #3e3a39;
}

.office .officebox dd {
    line-height: 2;
    margin-bottom: 3em;
}

.office .officebox dd>img {
    margin-top: 2em;
}

.office .accces {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.office .accces .access_detile {
    margin-left: 1.5em;
}

.office .accces .access_detile dt {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #3e3a39;
    padding-bottom: 0.4em;
    margin-bottom: 1em;
}

.office .accces .access_detile dd {
    padding-left: 2em;
    line-height: 2;
}

.office .accces .access_detile dd span {
    font-weight: bold;
    position: relative;
}

.office .accces .access_detile dd span:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    background: #cacaca;
    left: -1.4em;
    top: 50%;
    margin-top: -1px;
}

.office .accces .access_detile dd a {
    margin-top: 1em;
}

.table_company {
    table-layout: fixed;
    border: 1px solid #e6e6e7;
    margin-bottom: 3em;
}

.table_company tr {
    border-bottom: 1px solid #e6e6e7;
}

.table_company tr:last-child {
    border-bottom: none;
}

.table_company tr th {
    background: #f6f4ee;
    width: 16%;
    padding: 2%;
    border-right: 1px solid #e6e6e7;
}

.table_company tr td {
    white-space: 84%;
    padding: 2%;
}

.table_company--pad {
    padding: 3em 0;
}

.table_company tr td>ul>li {
    margin-bottom: 1em;
}

.table_company tr td>ul>li:last-child {
    margin-bottom: 0;
}

/*catalog請求*/
.category_area {
    padding: 0.1em 0 1em;
    margin-top: 0.5em;
}

.catalogbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalogbox .tit {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #3e3a39;
    padding-bottom: 0.4em;
    margin-bottom: 1em;
}

.catalogbox .left_box {
    width: 44.5%;
}

.catalogbox .right_box {
    margin-left: 3em;
    width: 60%;
}

.catalogbox .right_box .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalogbox .right_box .list li {
    margin: 0 0.95em 1em 0;
}

.catalogbox .right_box .list li:nth-child(3n) {
    margin-right: 0;
}

.catalogbox .sub_tit {
    color: #4d4d4d;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
}

.catalog_form .form_table {
    table-layout: fixed;
    width: 100%;
}

.radio01-input,
.checkbox01-input {
    display: none;
}

.radio01-parts,
.checkbox01-parts {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    line-height: 1;
}

.mwform-radio-field-text,
.mwform-checkbox-field-text {
    padding-left: 26px;
    position: relative;
    margin-right: 22px;
    line-height: 1;
    font-size: 16px;
}

.mwform-radio-field-text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 19px;
    border: 1px solid #999;
    border-radius: 50%;
    cursor: pointer;
}

.checkbox01-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
}

.mwform-checkbox-field-text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    cursor: pointer;
}

.radio01-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
}

.radio01-input:checked+.mwform-radio-field-text:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12.5px;
    background: #000;
    border-radius: 50%;
}

.radio01-input:checked+.radio01-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: #000;
    border-radius: 50%;
}

.checkbox01-input:checked+.checkbox01-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
    margin-top: -7px;
    width: 7px;
    height: 12px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox01-input:checked+.mwform-checkbox-field-text:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
    margin-top: -7px;
    width: 7px;
    height: 12px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.select_conts {
    background: none;
    border: 1px solid #c5c4c4;
    height: 34px;
    border-radius: 0px;
}

.bold {
    font-weight: bold;
}

.form_maintxt {
    text-align: center;
    font-size: 14px;
}

.form_table tr {
    border-top: 1px solid #c5c4c4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form_table tr:last-child {
    border-bottom: 1px solid #c5c4c4;
}

.form_table tr th {
    background: #f6f4ee;
    padding: 2% 3%;
    margin: 0.5% 0;
    width: 280px;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form_table tr th span {
    background: #990000;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
}

.form_table tr td {
    width: 70%;
    padding: 2% 0 2% 3%;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form_table tr td p {
    font-size: 14px;
    width: 100%;
}

.form_table tr td textarea {
    border: 1px solid #cacaca;
}

.mwform-checkbox-field {
    width: 100%;
    font-size: 14px;
    display: block;
    margin-bottom: 1em;
}

.catalog_form .mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0;
}

.ckeckbox_area {
    display: block;
    width: 100%;
}

.form_table .mgb {
    margin-bottom: 1em;
}

.catalog_form .mgt {
    margin-top: 2em;
}

.catalog_form .form_txt {
    font-size: 14px;
    line-height: 1.4;
}

.form_table .textarea {
    height: 200px;
    width: 600px;
}

.form_table tr td input {
    padding: 1%;
    height: 30px;
}

.catalog_form .privacy_link_txt {
    text-align: center;
    margin: 2em 0 3em;
}

.catalog_form .privacy_link_txt a {
    text-decoration: underline;
}

.catalog_form .privacy_link_txt a:hover {
    opacity: 1;
    text-decoration: none;
}

.catalog_form .btn-confirm {
    text-align: center;
}

.catalog_form .btn-confirm .btn_style {
    position: relative;
    width: 30%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 auto;
}

.catalog_form .btn-confirm .btn_style:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 10px;
    /* background: url(../img/icon_arrow2.png)no-repeat center right; */
    background: url(../img/link_arrow.png) no-repeat center right;
    right: -1em;
    z-index: 9999;
    top: 50%;
    margin-top: -5px;
}

.catalog_form .btn-confirm .btn {
    width: 100%;
    background: #fff;
    border: none;
    color: #a89255;
    padding: 1em 0;
    border: 1px solid #a89255;
}

.catalog_form .btn-confirm .btn:hover {
    color: #fff;
    background: #a89255;
}

/*おしらせ*/
.info_area.under_info {
    margin: 1em 0 4em;
    display: block;
    padding: 0 2%;
}

.info_area.under_info .info_box {
    width: 100%;
    margin-right: 0;
}

.info_area.under_info .info_box ul {
    border: none;
    margin: 0;
    padding-bottom: 0;
}

.info_area.under_info .info_box ul li {
    padding-bottom: 2%;
    margin-bottom: 2%;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.info_area.under_info .info_box ul li .category {
    margin: 0 2%;
    width: 10%;
}

.info_area.under_info .info_box li:last-child {
    border-bottom: 2px dotted #e5e5e5;
}

.info_area.under_info .info_box li a.on_underline:hover {
    opacity: 1;
    text-decoration: underline;
}

.info_box_under .news_tit {
    font-size: 35px;
    line-height: 1.6;
}

.info_box_under .categorybox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2em 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info_box_under .categorybox .category {
    margin-right: 2em;
    padding: 8px 20px;
}

.info_box_under .news_txt {
    margin: 2em 0;
    line-height: 1.6;
}

.info_box_under .sns {
    margin-left: 1em;
}

.sns .snsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1em;
    list-style: none;
}

/*商品カテゴリ*/
.product_category_area .product_category_area--kind.product_category--fsize {
    font-size: 35px;
    margin-bottom: 0.5em;
}

.product_category_area.under_area .category_txt {
    text-align: center;
    line-height: 1.8;
    margin-bottom: 3em;
}

.product_category_area .pd_category_list {
    position: relative;
    margin: 4em 0;
}

.product_category_area .pd_category_list li {
    width: 23.5%;
    margin: 0 0 3em 1.5%;
    /* margin-bottom: 3em; */
}

.product_category_area .pd_category_list li img {
    height: 200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product_category_area .pd_category_list li .box {
    font-size: 15px;
}

.product_category_area .pd_category_list li.topexsam {
    position: relative;
}

.back_top {
    text-align: center;
    margin: 5em 0 3em;
    border-top: 1px solid #cacaca;
    padding-top: 3em;
}

.back_top a {
    font-size: 14px;
    display: inline-block;
    color: #3e3a39;
}

/*三楽だより詳細*/
.under_magazine_area .tit_area {
    text-align: center;
    padding: 3em 0;
}

.under_magazine_area .tit_area .tit {
    color: #3e3a39;
    font-size: 35px;
    line-height: 1.4;
    text-align: center;
    font-weight: normal;
}

.under_magazine_area .tit_area .category {
    margin: 2em 0;
    font-size: 13px;
    text-align: center;
}

.under_magazine_area .tit_area .category span {
    background: #a89255;
    color: #fff;
    padding: 0.5% 1%;
    margin-right: 1.5em;
    font-size: 14px;
    display: inline-block;
}

.under_magazine_area .tit_area .tit_area_txt {
    line-height: 1.8;
    width: 80%;
    margin: 1.5em auto 0;
    text-align: left;
}

.under_magazine_area .interview_detaile {
    margin: 3em auto;
}

.under_magazine_area .interview_detaile .contentsList {
    border: 1px solid #cacaca;
    padding: 3% 6%;
}

.under_magazine_area .interview_detaile .contentsList .contentsList_tit {
    text-align: center;
    font-size: 24px;
    color: #3e3a39;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 2%;
}

.under_magazine_area .interview_detaile .contentsList .contentsList_main {
    padding: 4% 4% 2%;
}

.under_magazine_area .interview_detaile .contentsList .contentsList_main li {
    color: #4d4d4d;
    margin-bottom: 1.5em;
}

.under_magazine_area .interview_detaile .contentsList .contentsList_main li:last-child {
    margin-bottom: 0;
}

.under_magazine_area .interview_detaile .contentsList .contentsList_main li a {
    padding-left: 1em;
}

.under_magazine_area .interview_area {
    margin: 3em 0;
}

.under_magazine_area .interview_area .title {
    font-size: 24px;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1%;
    margin-bottom: 4%;
    color: #3e3a39;
}

.under_magazine_area .interview_area .box {
    margin-bottom: 2.5em;
}

.under_magazine_area .interview_area .box .q_area {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-left: 4.2em;
}

.under_magazine_area .interview_area .box .q_area:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #cacaca;
    left: 1px;
    top: 50%;
}

.under_magazine_area .interview_area .box .tit {
    font-size: 14px;
    font-weight: bold;
    width: 8%;
}

.under_magazine_area .interview_area .box .a_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2em 0 0;
}

.under_magazine_area .interview_area .box .txt {
    width: 100%;
    line-height: 1.8;
    font-size: 14px;
}

.under_magazine_area .interview_area .img_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.under_magazine_area .interview_area .img_area li {
    margin-bottom: 0.5em;
}

.under_magazine_area .write {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.write--border {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.under_magazine_area .write--border .write {
    margin: 0;
}

.under_magazine_area .write>p {
    font-size: 14px;
}

.under_magazine_area .write .sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.under_magazine_area .write .sns>p {
    margin-right: 1em;
    font-size: 14px;
}

.bg-none {
    background: none;
}

.magazine_area .list li:hover {
    opacity: 0.5;
}

.pejer {
    border-top: 1px solid #DEDAD1;
    padding-top: 2em;
    margin-bottom: 3em;
}

.pejer .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pejer .list li:nth-child(2) .c-link-style:after {
    display: none;
}

.pejer .list .c-link-style {
    padding: 15px;
    width: 150px;
    text-align: center;
}

.pejer .list li:nth-of-type(1) .pad-link-pre:after {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/link_arrow3.png)no-repeat center right;
    left: -1.2em;
    top: 50%;
    margin-top: -10px;
}

.pejer .list li:first-child {
    margin-left: 1.2em;
}

.pejer .list li:last-child {
    text-align: right;
    margin-right: 1.2em;
}

.pejer .list .list-link {
    margin: 0 auto !important;
    width: 220px;
    text-align: center;
    padding: 15px;
}

.pejer .list li {
    width: 200px;
}

/*施工例_カテゴリー*/
.under_area .detail_tit {
    font-size: 50px;
    margin-bottom: 0.4em;
}

.under_area .ex_ca_box {
    padding: 3em 0;
}

.under_area .ex_ca_box .tit {
    font-size: 30px;
    text-align: center;
    margin: 1em 0;
    color: #3e3a39;
    line-height: 1.6;
}

.under_area .ex_ca_box .txt {
    font-size: 20px;
    line-height: 1.5;
}

.mgt4 {
    margin-top: 4em;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box dt {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1%;
    margin-bottom: 2%;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box dd .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4em;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box dd .list li {
    border: none;
    padding: 0;
    width: 31.8%;
    margin-bottom: 1.2em;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box dd .list li span {
    font-size: 15px;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box dd .list li:hover {
    background: none;
    opacity: 0.5;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction {
    background: #f6f4ee;
    padding: 5% 3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction>span {
    position: relative;
    z-index: 1;
}

/* .under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction > span:after {
    content: "";
    height: 150px;
    width: 150px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: -0.9em;
    z-index: -1;
    top: 50%;
    margin-top: -75px;
} */
.under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction .inner {
    margin-left: 2em;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction .inner .name {
    line-height: 1.6;
}

.under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction .inner .name span {
    font-weight: bold;
    font-size: 18px;
}

.under_area .privacybox .top_txt {
    text-align: center;
    margin: 4em 0;
}

.under_area .privacybox .box {
    margin-bottom: 3em;
}

.under_area .privacybox .box:last-child {
    margin-bottom: 8em;
}

.under_area .privacybox .box .tit {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 0.4em;
    margin-bottom: 0.6em;
}

.under_area .privacybox .box .txt {
    line-height: 2;
}

.under_area .privacybox .box .txt a {
    text-decoration: underline;
}

.under_area .privacybox .box .txt a:hover {
    text-decoration: none;
    opacity: 1;
}

/*商品詳細*/
.product_detail .row img {
    width: auto !important;
}

.product_detail .col--2 {
    width: calc((100% / 2) - (20px / 2));
    margin-top: 20px;
}

.product_detail .col--3 {
    width: calc((100% / 3) - (20px / 2));
    margin-top: 20px;
}

.product_detail .col--3 h3 {
    margin-top: 0;
}

.product_detail .col--4 {
    width: calc((100% / 4) - (20px / 2));
    margin-top: 20px;
}

.product_detail .row img {
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: auto;
}

.product_detail .center {
    text-align: center;
}

.product_detail .middle {
    vertical-align: middle;
}

.product_detail img+p,
.product_detail div.wet+p {
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.product_detail .col--2,
.product_detail .sp-col--2 {
    width: calc((100% / 2) - (20px / 2));
    margin-top: 20px;
}

.product_detail h2 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    width: 100%;
    margin: 40px 0 1.5em;
    font-weight: bold;
    font-size: 18px;
    display: block;
    clear: both;
    float: none;
}

.product_detail .col--2-3 {
    width: calc(30% - 10px);
}



.product_detail .col--2-7 {
    width: calc(70% - 10px);
}


.product_detail .row ul li {
    position: relative;
    list-style: none;
    margin-left: 1em;
    margin-bottom: 10px;
}

.product_detail .row ul li:before {
    content: "";
    position: absolute;
    top: .4em;
    left: -1em;
    width: 10px;
    height: 10px;
    background: #3e3a39;
    border-radius: 100%;
}

.product_detail table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.product_detail table.fullsize {
    width: 100%;
    margin-bottom: 2em;
}

.product_detail table.scroll {
    width: 100%;
    display: block;
    margin-bottom: 2em;
}

.product_detail table.scroll caption,
.product_detail table.fullsize caption {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5em;
}

@media all and (min-width: 1000px) {


    .product_detail table.scroll tbody {
        min-width: 1000px;
        display: block;
    }
}

@media all and (min-width: 768px) {
    .width-24 {
        width: 24% !important;
    }

    .product_detail table.scroll tbody {
        min-width: initial;
        display: block;
    }


}

.product_detail .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    clear: both;
    /* display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
        clear: both; */
}

.product_detail table .bg {
    background-color: #F8F7F3;
}

.product_detail table th,
.product_detail table td {
    line-height: 1.4em;
    padding: 13px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999999;
}

.product_detail .left {
    text-align: left;
}


.product_detail .right {
    text-align: right;
    /* font-size: 13px; */
    /* width: 100%; */
}

.product_detail .small {
    font-size: 0.8rem;
}

/*商品詳細追加style*/
.product_detail .imgdetail {
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 2%;
}

.product_detail .featurebox {
    width: 100%;
    margin-bottom: 20px;
}

.product_detail .featurebox--font {
    font-size: 14px;
    line-height: 1.6;
}

/*テンプレ外_商品詳細追加style*/
.product_detail .l-title {
    font-weight: bold;
    font-size: 18px;
}

.l-product-relation {
    margin: 5em 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}



.top_color {
    margin-top: 1em;
    color: #a89255;
}

.l-product-relation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.l-product-relation li {
    border: 1px solid #3e3a39;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.l-product-relation li a {
    /* font-size: 14px; */
    font-size: 11px;
    color: #3e3a39;
    padding: 4px 7px;
    display: block;
}

.product_detail .l-title {
    margin-right: 1em;
    margin-top: 80px;
}

.product_detail .pd_category_list {
    margin: 2em 0 1em;
}

.product_detail .category_area {
    margin: 0;
    padding: 0;
}

.product_detail .top .h2tit {
    border-bottom: none;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0em 0 0em;
    padding-bottom: 0.5em;
}

.product_detail .top .h2tit span {
    display: block;
    font-size: 18px;
    margin-left: 0;
}

.product_detail .top .top_catch {
    border-bottom: solid 1px #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_detail .top .top_catch .flag p {
    font-size: 10px;
    text-align: center;
    margin: 2px 0 0;
}

.product_detail .top .top_catch .flag img {
    margin-bottom: 0;
}

.product_detail .top .top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2em 0;
}

.product_detail .top .top-box-margin {
    margin-top: 25px;
    margin-bottom: 4em;
    gap: 15px;
}

.product_detail .top .top-box img {
    width: 200px;
    height: 100%;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .product_detail .top .top-box .top-box-img_thumbnail {
        width: 200px !important;
        height: 100% !important;
        width: calc(375 / 200 * 100%) !important;

    }
}


.product_detail .top .top-box .top-box-img {
    width: 100% !important;
    /* max-width: 800px !important; */
    height: 100% !important;
    max-height: 430px !important;
    object-fit: cover;
    aspect-ratio: 625/430;
}

.product_detail .top .top-box .top-box-img_main {
    width: 100% !important;
    /* max-width: 800px !important; */
    height: 100% !important;
    object-fit: cover;
    aspect-ratio: 16/8;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .product_detail .top .top-box .top-box-img {
        width: 65% !important;
    }

    .product_detail .sp-col--2 {
        width: 100%;
    }
}

.product_detail .top .top-box .top-box-img2 {
    width: 36% !important;
    /* max-width: 800px !important; */
    height: 100% !important;
    max-height: 430px !important;
    object-fit: cover;
    aspect-ratio: 360/430;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .product_detail .top .top-box .top-box-img2 {
        width: 30% !important;
        aspect-ratio: 104/155;
    }
}


.product_detail .top .top-box .top-box--text {
    margin-left: 3em;
}

.product_detail .top .top-box .top-box--text .tit {
    font-size: 35px;
    margin-bottom: 1em;
    line-height: 45px;
}

.product_detail .top .top-box .top-box--text .txt {
    line-height: 1.8;
}

.pejer .list.pd_detail .c-link-style {
    color: inherit;
    border: none;
}

.pejer .list.pd_detail li:first-child .c-link-style:after {
    content: "";
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/link_arrow3.png) no-repeat center right;
    left: -1.2em;
    top: 50%;
    margin-top: -10px;
}

.pejer .list.pd_detail .c-link-style:hover {
    background: none;
    text-decoration: underline;
}

/*WordPress投稿画像サイズ*/
.under_magazine_area .tit_area.l-contribution {
    text-align: left;
}

.l-contribution .w1000 {
    width: 1000px;
}

.l-contribution .w50 {
    width: 490px;
}

.l-contribution .w30 {
    width: 320px;
}

.l-contribution .w25 {
    width: 235px;
}

.l-contribution .letter_txt {
    line-height: 25.6px;
}

/*WordPress投稿見出し*/
.l-contribution h2 {
    border-bottom: 1px solid #DEDAD1;
    padding-bottom: 0.5em;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 70px 0 30px;
}

.l-contribution h3 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
    /* margin: 60px 0 30px; */
    margin: 30px 0 30px;
}

.l-contribution h4 {
    font-size: 1.0625rem;
    font-weight: bold;
    line-height: 1.4;
    /* margin: 60px 0 30px; */
    margin: 30px 0 30px;

}

.l-contribution p {
    line-height: 1.5;
    margin-bottom: 16px;
}

.l-contribution .text-l {
    font-size: 20px;
}

.l-contribution strong {
    font-weight: bold;
}

.l-contribution ul {
    list-style: disc;
    margin-left: 1.5em;
    margin-bottom: 30px;
}

.l-contribution ol {
    margin-left: 1.5em;
    margin-bottom: 30px;
}

.l-contribution ol li {
    line-height: 1.6875;

}

.l-contribution ul {
    list-style: none;
    margin-left: 5px;
}

.l-contribution .dec li {
    list-style: none;
    line-height: 1.6875;
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
}

.l-contribution .dec li::before {
    content: "";
    width: 11px;
    display: block;
    height: 11px;
    background: #C7C3BB;
    border-radius: 50%;
}

.l-contribution ul.pd_category_list,
.l-contribution .exsample_area ul {
    list-style: none;
}

.l-contribution ol {
    list-style-type: decimal;
    margin-left: 1.5em;
    margin-bottom: 30px;
}

.l-contribution blockquote {
    background-color: #F7F6F1;
    padding: 25px;
    margin-bottom: 30px;
}

.l-contribution blockquote p {
    margin-bottom: 0;
}

.l-contribution .btn-center {
    text-align: center;
}

.l-contribution .btn-line-s,
.l-contribution .btn-fill-s,
.l-contribution .btn-line-l,
.l-contribution .btn-fill-l {
    margin-bottom: 30px;
    border: none;
}

.l-contribution .btn-line-s {
    font-size: 14px;
    color: #a89255;
    text-align: center;
    border: 1px solid #a89255;
    padding: 6.5px 0;
    display: inline-block;
    position: relative;
    background: #fff;
    max-width: 210px;
    width: 100%;
}

.l-contribution .btn-fill-s {
    font-size: 14px;
    color: #fff;
    padding: 6.5px 0;
    display: inline-block;
    position: relative;
    background: #a89255;
    text-align: center;
    max-width: 210px;
    width: 100%;
}

.l-contribution .btn-fill-l {
    font-size: 16px;
    color: #fff;
    padding: 2% 3%;
    display: inline-block;
    position: relative;
    background: #a89255;
    text-align: center;

    max-width: 298px;
    width: 100%;
}


.l-contribution .btn-fill-l:after {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/separate_arrow.png) no-repeat center right;
    right: -1.2em;
    top: 50%;
    margin-top: -10px;
}

.l-contribution .btn-line-l {
    font-size: 16px;
    color: #a89255;
    text-align: center;
    border: 1px solid #a89255;
    padding: 2% 3%;
    display: inline-block;
    position: relative;
    background: #fff;
    max-width: 298px;
    width: 100%;
}

.l-contribution .btn-line-l:after {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/link_arrow.png) no-repeat center right;
    right: -1.2em;
    top: 50%;
    margin-top: -10px;
}

.l-contribution hr {
    border-top: 1px solid #DEDAD1;
}

.l-contribution .hr-line {
    border-top: 1px solid #DEDAD1;
    margin-block: 50px;
}

.l-contribution .catch {
    font-size: 32px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #4d4d4d;
}

.l-contribution .small {
    font-size: 13px;
    color: #4d4d4d;
    line-height: 2;
}

.l-contribution .text-red {
    color: #E1463F;
}

.l-contribution table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 50px;
}

.l-contribution table th,
.l-contribution table td {
    line-height: 1.4em;
    padding: 13px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999999;
}

.l-contribution table .bg {
    background-color: #F8F7F3;
}

.l-contribution table.scroll {
    max-width: 1000px;
    overflow-x: auto;
    overflow-y: hidden;
    /* width: 100%; */
    display: block;
}

.l-contribution table.scroll tbody {
    width: auto;
    /* min-width:1000px; */
    display: block;
}

.l-contribution table.fullsize caption {
    display: table-caption;
}

.l-contribution table.scroll caption {
    display: block;
}

.l-contribution table.scroll th {
    white-space: nowrap;
}

.l-contribution table td,
.l-contribution table th {
    vertical-align: middle;
}

.l-contribution table.scroll td {
    white-space: nowrap;
}

.l-contribution div.colbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}

.l-contribution div.colbox .col--2 {
    width: 48%;
}

.l-contribution div.colbox .col--3 {
    width: 28%;
}

.l-contribution div.colbox .col--4 {
    width: 23%;
}

.l-contribution div.colbox .col--2-3 {
    width: 28%;
}

.l-contribution div.colbox .col--2-7 {
    width: 68%;
}

.wp-caption,
.alignnone {
    max-width: 100%;
}

.l-contribution .sns ul.snsBox {
    margin-bottom: 0;
}

.l-contribution .sns>p {
    margin-bottom: 0;
}

.l-contribution img {
    max-width: 400px;
    margin-bottom: 0px;
}

.l-contribution img.aligncenter {
    display: block;
    margin: 0 auto 30px;
    height: auto;
}

.l-contribution img.alignleft {
    display: block;
    margin: 0 auto 30px 0;
    height: auto;
}

.l-contribution img.alignright {
    display: block;
    margin: 0 0 30px auto;
    height: auto;
}

.contact_tel_box {
    background: #fff;
    width: 54%;
    margin: 0 auto;
    padding: 2em 0;
}

.contact_tel_box .tel {
    margin-bottom: 0.3em;
    font-size: 48px;
    text-align: center;
    color: #4d4d4d;
    background: url(../img/icon_tel.png) no-repeat left center;
    background-position: 1.8em;
    padding-left: 1em;
}

.contact_tel_box .tel_subtxt {
    text-align: center;
}

.contact_area .contact_area_f-size {
    font-size: 26px;
}

.l-center {
    text-align: center;
}

.form_maintxt a {
    text-decoration: underline;
}

.form_maintxt a:hover {
    text-decoration: none;
}

.catalog_form .form_table .line_one span {
    display: block;
    width: 100%;
    margin-bottom: 2%;
}

.catalog_form .form_table .line_one span:last-child {
    margin-bottom: 0;
}

.under_area.under_letter {
    margin: 1em auto 2em;
}

.l-works.exsample_area .exsam_list .list li .line {
    display: block;
}

.l-works.exsample_area .exsam_list .list li .line .data {
    text-align: right;
    display: block;
}

.l-about.about_btnarea .list li:first-child a:after {
    content: "";
    width: 30px;
    height: 10px;
    position: absolute;
    background: url(../img/link_arrow.png) no-repeat center right;
    right: -1.2em;
    top: 50%;
    margin-top: -10px;
    left: auto;
}

.under_magazine_area .list.l-letterBox li:nth-child(3n) {
    /* margin-right: 0; */
}

.fb_box {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 90px;
}

.fb_box:before {
    content: "";
    position: absolute;
    width: 350px;
    height: 200px;
    background: url(../img/img_product_bg.png) no-repeat;
    bottom: -5.5em;
    left: -13em;
    z-index: -1;
}

.fb_box:after {
    content: "";
    position: absolute;
    width: 238px;
    height: 300px;
    background: url(../img/img_product_bg3.png) no-repeat;
    background-size: 238px;
    top: -5.5em;
    right: -9em;
    z-index: -1;
}

.fb_box .fb_iframe_widget,
.fb_box .fb_iframe_widget span,
.fb_box .fb_iframe_widget iframe[style] {
    max-width: none !important;
    min-width: 100px !important;
    height: 397px !important;
}


@media (max-width: 960px) {
    #foot .foot_top--border-l {
        border-right: 1px solid #dddddd;
    }
}

@media all and (min-width: 0) and (max-width: 767px) {
    .l-contribution table th {
        font-weight: normal;
    }

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    header#top {
        position: fixed;
        width: 100%;
        z-index: 9999;
        height: auto;
    }

    header .tab_link {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    header#top .header_top {
        width: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1em 0 1em 1.5em;
        background: #e1dfd6;
        z-index: 11;
    }

    header#top .header_top--bg {
        height: 48px;
        background: #f6f4ee;
    }

    header#top .header_top .header_main {
        width: 100%;
        margin-right: 1em;
        justify-content: flex-end;
        position: relative;
    }

    header#top .header_top .header_main .nav_list.c-nav--sp {
        width: 100%;
        margin: 0 1em;
    }

    header#top .header_top .header_main .nav_list.c-nav--sp li a {
        font-size: 16px;
    }

    header#top .header_top .header_main .nav_list {
        /* width: 44%; */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header#top .header_top .header_main .nav_list.t-nav li {
        margin-right: 1em;
    }

    header .tab_link .tab_link_list {
        padding: 0;
        border-bottom: 1px solid #c9c7c6;
        border-right: 0;
    }

    header .tab_link .tab_link_list .list {
        display: none;
    }

    header .tab_link .tab_link_list .tit {
        padding: 0 5%;
        position: relative;

    }

    header .tab_link .tab_link_list .tit.tit--pd {
        padding: 0 5%;
        display: block;
        margin: 7% 0;
        font-size: 18px;
        font-weight: normal;
    }

    header .tab_link .tab_link_list .tit:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(../img/icon_open.png) no-repeat center right;
        background-size: 100%;
        right: 1em;
        bottom: -0.2em;
    }

    header .tab_link .tab_link_list:first-child .tit:after {
        display: none;
    }

    header .tab_link .tab_link_list .tit.acopen:after {
        background: url(../img/icon_close.png) no-repeat center right;
    }

    header .tab_link .tab_link_list .list li {
        margin-bottom: 0;
        background: #cec8ba;
        border-bottom: 2px solid #e2dfd7;
    }

    header .tab_link .tab_link_list .list li a {
        padding: 5% 8% 5% 20%;
        width: 100%;
        display: inline-block;
        background: url(../img/link_arrow2.png) no-repeat center left;
        background-position: 2.5em;
        font-weight: bold;
        line-height: 1.6;
    }

    header#top .header_top.nav_contact {
        width: 100%;
        padding: 0 0 0.4em;
    }

    header#top .header_top.nav_contact .header_main .nav_list.c-nav li a {
        padding: 20px 0;
    }

    header .subtablink {
        border-top: none;
        padding-left: 24px;
        padding-right: 24px;
        padding: 21px 24px 21px;
        border-bottom: 1px solid #e2dfd7;
    }

    header .subtablink .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        row-gap: 15px;
        max-width: 363px;
        margin-inline: auto;
        justify-content: space-between;
    }

    header .subtablink li {
        margin-bottom: 0;
        background: #cec8ba;
        border-bottom: 4px solid #e2dfd7;
        margin-right: 0;
        position: relative;
        display: flex;
        background-color: initial;
        gap: 6px;
    }

    header .subtablink li::before {
        display: inline-block;
        background: url(../img/link_arrow2.png) no-repeat center left;
        width: 19px;
        height: 5px;
        content: "";
    }

    header .subtablink li a {
        /* padding: 5% 8% 5% 14%; */
        /* display: inline-block;
        background: url(../img/link_arrow2.png) no-repeat center left;
        background-position: 1em; */
        font-weight: 500;
    }

    header .fb_linkarea {
        padding-bottom: 2em;
        background: #cec8ba;
        padding: 1em 2em;
        text-align: left;
        margin-top: 0;
    }

    header .fb_linkarea a {
        float: none;
        font-weight: bold;
    }

    header #contents {
        position: fixed;
        overflow-y: scroll;
        top: 0em;
        width: 100%;
        /*        height: 100%;*/
        -webkit-overflow-scrolling: touch;
        /*
        margin-top: 4em;
        padding-bottom: 4em;
*/
    }

    header #contents .tab1,
    header #contents .tab2 {
        height: auto;
    }

    header#top .header_top .header_main .nav_list.t-nav li a.close:after {
        height: 110px;
        display: none;
    }

    header#top .header_top .header_main .nav_list.c-nav li a {
        font-size: 3.5vw;
        padding: 9px 0px;
    }

    header .header_search,
    .product {
        max-width: 100%;
        width: 100%;
    }

    header .header_search .search_area,
    .product .header_search .search_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;


    }

    #searchform .search_area {
        width: 80%;
        margin-inline: auto;
        display: flex;
        align-items: center;
    }

    header .header_search .search_area dt,
    .product .header_search .search_area dt {
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }

    header .header_search .search_area dd>div,
    .product .header_search .search_area dd>div {
        width: 100%;
        padding: 0 0 0 2%;
    }

    header .header_search .search_area input,
    .product .header_search .search_area input {
        width: 100%;
        display: block;
        border: none;
    }

    header .header_search .search_area button,
    .product .header_search .search_area button {
        right: 0.3em;
    }

    header .header_search .search_area dd,
    .product .header_search .search_area dd {
        padding: 0 4%;
    }

    header .header_search .search_area.keyword_area,
    .product .header_search .search_area.keyword_area {
        margin-top: 2em;
    }

    header .btn_close {
        padding-bottom: 1%;
    }

    header .btn_close .btn {
        /* background: #a4944f; */
        text-align: center;
        color: #a4944f;
        padding: 1em 0;
        margin-block: 21px;
        border: 1px solid #a4944f;
        position: relative;
        max-width: 363px;
        width: 100%;
        margin-inline: auto;
    }

    header .btn_close .btn:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../img/header_headclose.png) no-repeat left center;
        left: 1em;
        background-size: cover;
        background-size: 100%;
    }



    header #contents .tab1 .header_search .product_under_search {
        display: none;
    }

    header .tab1 .header_search {
        padding-bottom: 1em;
    }

    header .tab1 .header_search .border {
        margin-bottom: 0;
        padding-bottom: 2em;
    }

    header .tab2 {
        overflow: hidden;
    }

    /*
    header .tab2 {
        width: 100%;
        position: fixed;
        height: 100vw;
    }
    header .tab1 {
        position: fixed;
    }
*/

    .link-onlyoneclub {
        margin: 4%;
    }

    .link-onlyoneclub img {
        width: 100%;
    }

    .pagenav .pagenav_area,
    .pagenav .pagenav_areas {
        line-height: 1.4;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
    }

    .pagenav .pagenav_area li,
    .pagenav .pagenav_areas li {
        display: inline-block;
    }

    .pagenav .pagenav_area li:last-child,
    .pagenav .pagenav_areas li:last-child {

        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .under_logo_area {
        margin-top: 0;
        position: initial;
    }

    .under_logo_area img {
        width: 80%;
    }

    .main {
        padding-top: 48px;
        overflow: hidden;
    }

    #keyvisual {
        overflow: initial;
    }

    #keyvisual .kv_main {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #keyvisual .fade_item--top {
        padding-top: 4.5em;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    #keyvisual .kvtxt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        left: 0;
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        font-size: 3.5vh;
        text-align: center;
        margin: 0;
        padding: 0;
        border-right: none;
        width: 100%;
    }

    #keyvisual .slick-dots {
        position: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1em;
        padding-bottom: 1em;
    }

    #keyvisual .slick-dots li {
        margin-right: 1em;
        margin-bottom: 0;
    }

    #keyvisual .kvbg {
        background: url(../img/mv_bg_sp.png) no-repeat top;
        height: 100%;
        background-size: cover;
        padding-top: 0;
    }

    .w-1000 {
        width: auto;
    }

    .w-900 {
        width: auto;
    }

    .w-930 {
        width: auto;
    }

    .w-830 {
        width: auto;
    }

    .w-800 {
        width: auto;
    }

    .product_area .product_half .product_half_link a.w-140 {
        width: auto;
    }

    .bg_position {
        overflow: hidden;
    }

    .bg_position:before {
        content: "";
        position: absolute;
        width: 120px;
        height: 240px;
        background: url(../img/bg_design.png) no-repeat;
        right: -2em;
        top: 13em;
        background-size: 100%;
    }

    .subtxt .txt {
        width: 100%;
        letter-spacing: 0;
        font-size: 4.8vw;
        margin-bottom: 1em;
    }

    .subtxt.subtxt--flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }

    .c-link-style__wrapper {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .c-link-style {
        padding: 3% 8%;
        font-size: 4vw;
        font-weight: bold;
    }

    .subtxt.subtxt--mgt {
        margin: 4em 0 0;
    }

    .subtxt--flex__inner {
        width: 100%;
        display: block;
    }

    .h2_tit {
        width: 100%;
        font-size: 4vh;
    }

    .h2_tit:after {
        background: url(../img/h2_tit_spline.png) no-repeat;
        width: 56px;
        height: 56px;
        left: 5em;
        top: 0;
        background-size: 100%;
    }

    .txt--width {
        width: 100%;
        padding-left: 0;
        margin: 2em 0;
        font-size: 3.8vw;
    }


    .pickup-box {
        padding: 0 0%;
    }

    .pickup-box__inner {
        padding: 20px 15px;
        margin: 30px auto 40px;
    }

    .pickup-box__title {
        font-size: 22px;
    }

    .pickup-box__text {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .pickup-box__item {
        width: calc(50% - 10px / 2);
        margin-right: 10px;
        margin-bottom: 15px;
    }

    .pickup-box__item:nth-child(2n) {
        margin-right: 0;
    }

    .pickup-box__item img {
        margin-bottom: 6px;
    }

    .pickup-box__item figcaption {
        font-size: 13px;
    }

    .product_area {
        padding: 0 6%;
    }

    .product_area .product_full {
        display: inline-block;
        margin: 3em 0 2em;
    }

    .product_area .product_full img {
        width: 100%;
    }

    .product_box {
        width: 100%;
        position: initial;
        margin-top: 0;
        padding: 1.2em;
    }

    .product_box .category_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 8%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .product_box .category_list li {
        width: 38%;
    }

    .product_box .category_list li img {
        width: auto;
    }

    .product_box .h3_tit {
        font-size: 4vh;
        margin-bottom: 0.8em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product_box .h3_tit a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product_box .h3_tit span {
        margin: 0.5em 0 0 1em;
    }

    .product_area .product_half .list li .kindarea {
        display: block;
        padding: 1.8em 1.2em 1.2em;
    }

    .product_area .product_half .list li .kindarea .kind_category {
        width: 100%;
        font-size: 4vh;
        font-size: 2vh;

        margin-bottom: 0.5em;
    }

    .product_area .product_half .list li .kindarea .kind_category_list {
        padding-left: 1em;
    }

    .product_area .product_half .list li .kindarea .kind_category_list li:last-child {
        margin-bottom: 0.5em;
    }

    .product_area .product_half .list li .kindarea .kind_category_list.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-left: 1em;
    }

    .product_area .product_half .list li .kindarea .kind_category_list.flex li {
        width: 47%;
    }

    .product_area .product_half .list li .kindarea .kind_category_list.kind_category_list--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product_area .product_half .list li .kindarea .kind_category_list.kind_category_list--flex li:first-child {
        margin: 0 1em 0 0;
    }

    .product_area .product_half .product_half_link {
        position: inherit;
        right: 0;
        margin-right: 0;
        text-align: center;
        margin: 2em 0 0 0;
    }

    .product_area .product_half .product_half_link a {
        width: auto;
        padding: 5% 8%;
    }

    .product_area .product_half .list:after {
        display: none;
    }

    .top-onlyoneclub {
        padding: 0 6%;
        margin: 30px auto 0;
    }

    .top-onlyoneclub:before {
        content: "";
        position: absolute;
        background: url(../img/top-onlyoneclub_bg.png) no-repeat;
        background-size: 100px;
        width: 100px;
        height: 105px;
        top: -40px;
    }

    .magazine_area {
        padding: 1em 0 2em;
        margin: 3em 0 0;
    }

    .magazine_area .txt--width {
        padding-left: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .magazine_area .right_txt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        top: auto;
        bottom: 0;
        position: inherit;
        line-height: 3;
        margin: 1.2em auto 0;
        right: 0;
        height: auto;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: tb-rl;
        font-size: 3.5vh;
        width: 100%;
        right: 50%;
        margin-right: -4.5em;
    }

    .magazine_area .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 6%;
    }

    .magazine_area .list li {
        margin: 0 0 2em 0;
        padding: 4%;
    }

    .magazine_area .list li:first-child {
        width: 100%;
    }

    .magazine_area .list li .magazine_tit {
        font-size: 4.2vw;
    }

    .magazine_area .list li .magazine_txt {
        margin: 1em 0 3em;
    }

    .magazine_area .list li:not(:nth-child(1)) {
        width: 100%;
    }

    /* .magazine_area .list li:nth-child(even) {
        margin-right: 4%;
    } */
    .magazine_area .magagin--bg {
        background: none;
    }

    .magazine_area .magazine_area_link {
        width: auto;
        background: #f6f4ee;
    }

    .magazine_area .magazine_area_link .w-bg {
        width: auto;
        height: auto;
    }

    .magazine_area .magazine_area_link {
        width: auto;
    }

    .magazine_area .magazine_area_link>.c-link {
        width: auto;
        text-align: center;
        margin: 0 auto;
        width: auto;
        float: none;
        height: auto;
    }

    .magazine_area .magazine_area_link>.c-link:before {
        display: none;
    }

    .magazine_area .magazine_area_link .c-link-style {
        margin-top: 0;
        padding: 10px 22px;
        width: 100%;
    }

    .exsample_area {
        margin: 1em 0 6em;
        padding: 1em 0 0;
    }

    .exsample_area:after {
        bottom: -6em;
    }

    .exsample_area .txt--width {
        padding-left: 0;
    }

    .exsam_list {
        padding: 0 0%;
    }

    .exsample_area .exsam_list .list {
        margin: 0 0 2em;
    }

    .exsample_area .exsam_list .list li.topexsam {
        width: 100%;
    }

    .exsample_area .exsam_list .list li {
        border: 2px solid #e5e5e5;
        width: 100%;
        margin: 0 0 1em;
    }

    .exsample_area .exsam_list .list li .pd>img {
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .exsample_area .exsam_list .linkbox {
        text-align: center;
    }

    .info_area .info_box {
        display: block;
        width: 100%;
        margin-right: 0;
        padding: 0;
    }

    .info_area .info_box__left {
        width: 100%;
        padding-right: 0;
    }

    .info_area .info_box .info_area--link {
        text-align: center;
    }

    .info_area .info_box .info_area--link .c-link-style.width {
        width: auto;
        padding: 4% 8%;
    }

    .info_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2% 6%;
        margin-bottom: 0;
    }

    .info_area .info_box li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
    }

    .info_area .info_box li span {
        margin-right: 1em;
    }

    .info_area .info_box li span.category {
        width: 80px;
    }

    .info_area .info_box li>p {
        width: 100%;
        margin-top: 0.8em;
    }

    #foot .foot .foot_top {
        padding: 2em 0;
    }

    .fb_box {
        margin: 0 0 5em;
        width: 100%;
    }

    .fb_box:before {
        width: 170px;
        height: 100px;
        background-size: 170px;
        bottom: -4.5em;
        left: -2em;
    }

    .fb_box:after {
        width: 119px;
        height: 150px;
        background-size: 119px;
        top: -4.5em;
        right: -6%;
    }

    .fb_box .fb_iframe_widget,
    .fb_box .fb_iframe_widget span,
    .fb_box .fb_iframe_widget iframe[style] {
        width: 100% !important;
    }

    #foot .tel_contact .tel span.tel_font {
        font-size: 7vw;
    }

    #foot .foot .foot_top .footer_area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: flex;
        row-gap: 0;
    }

    #foot .foot .foot_top .tit {
        font-size: 5vw;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 1em;
    }

    #foot .footer_area>div {
        border-left: none;
        padding: 1.5em 0 2em;
        border-bottom: 1px solid #dddddd;
        width: 100%;
    }

    #foot .foot_top--border-l {
        border-bottom: none;
        border-right: none;
    }

    #foot .foot_top--border-r {
        border-right: none;
    }


    #foot .foot .footer_bottom {
        padding: 0px 20px 40px;
    }

    #foot .foot .footer_bottom_lists {
        display: block;
        padding-inline: 0;
    }

    #foot .foot .footer_bottom_list {
        width: 100%;
        border-right: none;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #C3C1BF;
    }

    #foot .foot .footer_bottom_list:first-child {
        width: 100%;
    }

    #foot .foot .footer_bottom_list:first-child {
        font-size: 16px;
        padding-bottom: 0px;
        margin-bottom: 0;
    }

    #foot .foot .footer_bottom_title {
        margin-bottom: 0;
        padding-block: 20px;
    }

    .footer_bottom_title a {
        font-size: 18px;
        font-weight: 700;
        display: block;
    }

    #foot .foot .footer_bottom_list_item {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #foot .foot .footer_bottom_list_item:before {
        content: "";
        position: absolute;
        background: url(../img/link_arrow.png) no-repeat;
        background-size: 16px;
        width: 16px;
        height: 7px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }


    .c-footer-link {
        width: 100%;
        max-width: 363px;
        margin: 0 auto;
        line-height: 42px;
    }

    #foot .footer_area>div.tel_contact {
        padding-top: 0;
    }

    #foot .footer_area>div.form {
        border-bottom: none;
        padding-bottom: 0;
    }

    #foot .foot .footer_acsess {
        padding: 2em 0 20px;
    }

    #foot .footer_acsess .inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 0;
    }

    #foot .footer_acsess .name {
        margin-right: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 5%;
        font-size: 20px;
        font-weight: 500;
    }

    #foot .foot .footer_nav .inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #foot .footer_acsess .access {
        margin-right: 0;
    }

    #foot .foot .footer_nav .inner .list {
        /* -ms-flex-wrap: wrap;
        flex-wrap: wrap; */
        padding: 1em 0;
        column-gap: 20px;
        /* width: 100%; */
    }

    #foot .foot .footer_nav .inner .list li {
        /* width: 100%; */
        margin-right: 0;
        /* text-align: center; */
        /* margin-bottom: 1em; */
    }

    #foot .foot .footer_nav .inner .copy {
        /* margin: 0 auto; */
    }

    #foot .footer_acsess .access {
        width: 100%;

        line-height: calc(26 / 16);
        font-size: 16px;
        margin-bottom: 0px;
    }

    /* .under_magazine_area .list.l-letterBox li:first-child a {
        flex-wrap: wrap;
    }
    .under_magazine_area .list.l-letterBox li:first-child img {
        width: 100%;
    }
    .under_magazine_area .list.l-letterBox li:first-child .textBox {
        margin-left: 0;
    } */
    .under_magazine_area .list.l-letterBox li {
        position: relative;
        width: 100%;
        /* height: 22em; */
        padding: 0;
        padding: 3%;
        display: inline-block;
    }

    /* .under_magazine_area .list.l-letterBox li a {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    } */
    .under_magazine_area .list.l-letterBox li .textBox {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 1em 0.5em 2.5em;
    }

    .under_magazine_area .list.l-letterBox li img {
        width: 100%;
        /* height: 6em; */
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .under_magazine_area .list.l-letterBox li a .line {
        /* bottom: 0em;
        width: 100%;
        text-align: right;
        display: block; */
        float: none;
        text-align: right;
        display: block;
        width: 88%;
        padding-bottom: 0;
        table-layout: unset;
        bottom: 1em;
    }

    .under_magazine_area .list.l-letterBox li a .data {
        float: right;
        display: block;
        text-align: left;
        padding-top: 0.5em;
    }

    /* .under_magazine_area .list.l-letterBox li:first-of-type a .data {
        width: 100%;
    } */
    /*    三楽について*/
    .area_name {
        padding: 2em 0 1em;
    }

    .area_name_tit {
        font-size: 4.2vh;
    }

    .area_name_tit span {
        font-size: 3vw;
        margin-top: 0.4em;
    }

    .pagenav {
        border-bottom: 1px solid #eee;
        padding-bottom: 0.6em;
        padding: 0 0.6em 1em;
    }

    .under_area {
        margin: 23px auto 3em;
    }

    .product_category_area .product_category_area--kind {
        font-size: 5.5vw;
    }

    .under_magazine_area .magazine_area {
        padding: 0 4%;
        margin: 0em 0 2em;
    }

    .about_area .about_catch {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 2em 0 0;
    }

    .about_area .about_catch .catchtit {
        width: 100%;
        font-size: 4.2vh;
    }

    .about_area .about_catch .catchtxt {
        width: 100%;
        font-size: 5vw;
        line-height: 1.6;
        margin-top: 1em;
    }

    .under_magazine_area.about_area:after {
        display: none;
    }

    .about_area.about_area_bottom>img {
        float: none;
        padding: 0 4%;
    }

    .about_area.about_area_bottom .inner {
        width: 100%;
        padding: 0 4%;
        background: #f6f4ee;
    }

    .about_area.about_area_bottom .inner .txt_top {
        font-size: 5vw;
        margin: 1.2em 0 0;
        line-height: 1.8;
    }

    .about_area.about_area_bottom .inner .innerbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 2em;
    }

    .about_area.about_area_bottom .inner .innerbox>img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: initial;
    }

    .about_area.about_area_bottom .inner .innerbox .txt_under {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin: 0 0 1em 0;
        float: none;
        font-size: 5vw;
        line-height: 1.8;
    }

    .about_btnarea .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }

    .about_btnarea .list li {
        width: 100%;
        margin-bottom: 1em;
    }

    .about_btnarea .list li a {
        width: 250px;
        text-align: left;
        font-weight: normal;
        padding: 14px 30px;
    }

    .about_btnarea {
        margin: 3em auto;
    }

    .about_area.about_area_bottom:after {
        display: none;
    }

    .about_area.about_area_bottom:before {
        width: 100%;
    }

    /*    施工例*/
    .exbox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 4%;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .exbox>.ex_box--mg {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .exbox .right_item {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        margin-top: 2em;
    }

    .exbox .ex_catchTxt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        /*        margin: 0 auto;*/
        font-size: 10vw;
        width: 100%;
        right: 46%;
        margin-right: -4.5em;
    }

    .exbox .ex_catchTxt:before {
        width: 4.6em;
        height: 4.5em;
        right: -1.9em;
    }

    .exbox .ex_catchTxt:after {
        width: 3em;
        height: 4.5em;
        background: url(../img/icon_ex1.png) no-repeat;
        background-size: 100%;
        right: -3.7em;
        bottom: -2.4em;
    }

    .exbox:first-child {
        padding-top: 2em;
    }

    .ex_box--mg {
        margin-top: 2.5em;
    }

    .exbox .right_item p {
        font-size: 3.8vw;
        line-height: 2;
    }

    .h2_under {
        padding-left: 0;
        font-size: 4.2vh;
    }

    .h2_under:before {
        display: none;
    }

    .exbox .right_item .c-link-style {
        width: 90%;
        padding: 5% 3%;
    }

    .exbox .ex_catchTxt.ex_catchTxt--icon2:after {
        background: url(../img/icon_ex2.png) no-repeat;
        width: 1.8em;
        height: 4.5em;
        right: auto;
        left: 6.3em;
        background-size: 100%;
    }

    .exbox .right_item.left_item .h2_under {
        right: 0;
    }

    .exbox .ex_catchTxt.ex_catchTxt--icon3:before {
        height: 4em;
    }

    .exbox .ex_catchTxt.ex_catchTxt--icon3:after {
        background: url(../img/icon_ex3.png) no-repeat;
        right: -4.2em;
        width: 4em;
        height: 3.6em;
        background-size: 100%;
        bottom: -1.5em;
    }

    .exbox .ex_catchTxt.ex_catchTxt--icon4:after {
        background: url(../img/icon_ex4.png) no-repeat;
        background-size: 100%;
        width: 3.4em;
        height: 3.9em;
        bottom: -1.8em;
        right: 1.7em;
    }

    .exbox .ex_catchTxt.ex_catchTxt--icon5:after {
        background: url(../img/icon_ex5.png) no-repeat;
        width: 2em;
        height: 4.2em;
        background-size: 100%;
        right: -2.8em;
        bottom: -2em;
    }

    .under_area .more {
        background: #fff;
        width: 92%;
        margin: 0 4%;
        padding: 3% 0;
    }

    .under_area .ex_ca_box {
        padding: 3em 4%;
    }

    .under_area .ex_ca_box .tit {
        font-size: 6vw;
    }

    .under_area .ex_ca_box .txt {
        font-size: 4.2vw;
    }

    .under_area.product_category_area .exsample_area .list {
        margin: 1em 0;
    }

    .under_area .detail_tit {
        margin-bottom: 1em;
    }

    .under_magazine_area .tit_area {
        padding: 0 0 3em;
    }

    .under_magazine_area .tit_area .category {
        margin: 1.2em 0 1.2em;
        font-size: 3.4vw;
    }

    .under_magazine_area .tit_area .category span {
        font-size: 3.6vw;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box dd .list li {
        margin-right: 1em;
        width: 30%;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box dd .list li:nth-child(3n) {
        margin-right: 0;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction .inner .name {
        font-size: 3.8vw;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction .inner .name span {
        font-size: 4.2vw;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction>span {
        padding-left: 0.8em;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction>span:after {
        width: 6.5em;
        height: 6.5em;
        margin-top: -3.5em;
        left: 0.4em;
    }

    .under_magazine_area.under_area .magaine_detaile .magazine_area .box .introduction .inner {
        margin-left: 1.4em;
    }

    .height {
        height: 100%;
        padding-top: 48px;
    }

    /*    会社情報*/
    .company_area {
        padding: 0.1em 0 0.1em;
    }

    .table_company {
        width: 92%;
    }

    .table_company tr th {
        width: 100%;
        display: block;
        font-size: 3.8vw;
        padding: 4% 3%;
    }

    .table_company tr td {
        width: 100%;
        display: block;
        font-size: 3.8vw;
        padding: 4% 3%;
    }

    .table_company--pad {
        padding: 2em 0 0.1em;
        margin: 0 4%;
    }

    .office {
        margin: 0 4%;
    }

    .office .officebox dt {
        font-size: 5vw;
    }

    .office .officebox dd>img {
        margin-top: 1em;
    }

    .office .officebox dd {
        margin-bottom: 1em;
    }

    .office .accces {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .office .accces .access_detile {
        margin-left: 0;
        margin: 2em 0 2em 0;
    }

    .office .accces .access_detile dt {
        font-size: 4.2vw;
    }

    /*    カタログ請求*/
    .catalogbox {
        padding: 0 4%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalogbox .left_box {
        width: 100%;
    }

    .catalogbox .right_box {
        width: 100%;
        margin: 1em 0 0 0;
    }

    .catalogbox .right_box .list li:nth-child(3n) {
        margin-right: 1em;
    }

    .catalogbox .right_box .list li:nth-child(even) {
        margin-right: 0;
    }

    .catalogbox .right_box .list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 3%;
    }

    .form_maintxt {
        font-size: 3.8vw;
        line-height: 1.4;
        margin: 0 4%;
    }

    .form_table tr {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form_table tr th {
        width: 100%;
        font-size: 4vw;
        padding: 3% 4%;
    }

    .form_table tr td {
        width: 100%;
        line-height: 1.6;
        font-size: 3.8vw;
        padding: 5% 4%;
    }

    .form_table tr td input {
        border: 1px solid #cacaca;
        width: 100%;
    }

    .form_table .textarea {
        border: 1px solid #cacaca;
        width: 100%;
    }

    .catalog_form .btn-confirm .btn_style {
        position: relative;
        width: 30%;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        margin: 0 auto;
    }

    .catalog_form .btn-confirm .btn {
        width: 90%;
        padding: 4%;
        margin-bottom: 0;
    }

    .catalog_form .btn-confirm .btn_style {
        width: 80%;
    }

    .catalog_form .btn-confirm .btn_style input.btn {
        background: #fff;
        color: #a89255;
        border: 1px solid #a89255;
        background-image: none;
    }

    .catalog_form .btn-confirm .btn_style input.btn:hover {
        background: #a89255;
        color: #fff;
    }

    .catalog_form .btn-confirm .btn_style:after {
        content: "";
        /* background: url(../img/icon_arrow2.png)no-repeat center right; */
        background: url(../img/link_arrow.png) no-repeat center right;
        /* background-size: 100%; */
        right: -0.3em;
    }

    .ckeckbox_area {
        width: 94%;
    }

    /*    ニュース*/
    .under_magazine_area .link_list a {
        font-size: 4vw;
    }

    .under_magazine_area .link_list a:after {
        right: 0;
    }

    .info_area.under_info {
        margin: 0 0 2em;
        padding: 0;
    }

    .info_box_under .news_tit {
        font-size: 3.6vh;
    }

    .info_box_under .categorybox {
        margin: 1em 0;
    }

    .info_box_under .news_txt {
        margin: 1em 0;
        font-size: 3.8vw;
    }

    .info_area.under_info .info_box ul {
        padding: 0;
    }

    .info_area.under_info .info_box ul li .category {
        width: auto;
        padding: 3px 12px;
    }

    .info_area.under_info .info_box ul li a {
        font-size: 4.2vw;
        margin: 0.8em 0;
    }

    /*    三楽だより*/
    .magazine_area .list {
        padding: 0;
    }

    .under_magazine_area .list_item a>img {
        width: 100%;
        height: 200px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .under_magazine_area .list_item a .line {
        bottom: 1em;
        width: 88%;
    }

    .under_magazine_area .list_item a .txt_area {
        width: 100%;
        padding: 1em 0.5em 2.5em;
    }

    /* .magazine_area .category {
        display: none;
    } */
    .under_area .magazine_area .list li .magazine_txt {
        margin: 1em 0 2em;
    }

    .under_area .magazine_area .list li .line {
        width: 85%;
        padding-bottom: 1em;
    }

    .under_magazine_area .link_list {
        /* margin: 0 4%; */
        line-height: 1.6;
        gap: 5px;
        padding: 0 4%;
    }

    .under_magazine_area .tit_area .tit {
        font-size: 4vh;
        font-weight: normal;
    }

    .under_magazine_area .tit_area .tit_area_txt {
        width: 100%;
        padding: 0 4%;
    }

    .under_magazine_area .interview_detaile .contentsList {
        margin: 0 4%;
    }

    .under_magazine_area .interview_area {
        margin: 3em 4%;
    }

    .under_magazine_area .interview_area .title {
        font-size: 3.6vh;
        padding-bottom: 0.5em;
    }

    .under_magazine_area .interview_area .box .q_area {
        font-size: 3.8vw;
        line-height: 1.6;
    }

    .under_magazine_area .interview_area .box .a_area {
        font-size: 3.8vw;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin: 1em 0 0;
    }

    .under_magazine_area .interview_area .box .tit {
        width: 14%;
    }

    .under_magazine_area .interview_area .box .txt {
        font-size: 3.8vw;
    }

    .under_magazine_area .write {
        margin: 0 4%;
    }

    .under_magazine_area .write--border {
        display: inline-block;
    }

    .write--border {
        width: 100%;
    }

    .magazine_area .magazine_area--position .magazine_box {
        margin: 0;
    }

    .sns .snsBox {
        margin-left: 0;
        list-style: none;
    }

    .pejer .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pejer .list li {
        width: 56%;
        margin-bottom: 1em;
    }

    .pejer .list li .c-link-style {
        width: 100%;
    }

    .pejer .list li:nth-child(2) .c-link-style {
        width: 100%;
    }

    .pejer .list li:last-child {
        margin-right: 0;
    }

    .pejer .list li:first-child {
        margin-left: 0;
    }

    .pejer .list .list-link {
        width: 64%;
        padding: 0 15px 15px;
    }

    /*    取扱商品*/
    .product_category_area .list {
        margin: 0 4% 3em;
    }

    .product_category_area .list li {
        width: calc(49% - 1.1em / 2);
    }


    .product_category_area .one-third_box li .kind_category_list li img {
        aspect-ratio: 16/9;
    }

    .product_category_area .list li img {
        /* height: 150px; */
        /* height: 100%; */
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .product_category_area .list.full li:nth-child(3n) {
        margin-right: 1em;
    }

    .product_category_area .list.full li:nth-child(even) {
        margin-right: 0;
    }

    .product_category_area .list li .box a {
        font-size: 3.8vw;
        line-height: 1.6;
    }

    .product_category_area .category_kind {
        padding: 4%;
        width: 100vw !important;
        margin-inline: calc(50% - 50vw);
    }

    .archive-products-title-style h4 {
        margin-left: 9%;
    }

    .product_category_area .category_kind_tit {
        font-size: 7vw !important;
    }

    .product_category_area .category_kind_tit a span {
        font-size: 3vw;
    }

    .product_category_area .half_box li {
        margin-right: 0;
        width: 100%;
    }

    .product_category_area .half_box li .kind_category_list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product_category_area .half_box li .kind_category_list li {
        width: 47.6%;
        margin-bottom: 0;
    }

    .product_category_area .half_box li .kind_category_list.only {
        margin-top: 0;
    }

    .product_category_area .product_category_area--kind.product_category--fsize {
        font-size: 7vw;
    }

    .product_category_area.under_area .category_txt {
        margin: 0 4% 2em;
    }

    .under_area.product_category_area .list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 1em 0%;
    }

    .product_category_area .flex-box {
        display: block;
        padding: 0 4%;
    }

    .product_category_area .two-thirds_box,
    .product_category_area .one-third_box {
        width: 100%;
        display: block;
        margin: 0 !important;
    }

    .one-third_boxs {
        grid-template-columns: repeat(1, 1fr);
        padding-inline: 0;
    }

    .product_category_area .two-thirds_box li {
        width: 100%;
        margin-right: 1.1em;
    }

    .product_category_area .one-third_box li {
        width: 100%;
    }

    .back_top {
        margin: 1em 0 3em;
        padding-top: 2em;
    }

    .privacybox {
        margin: 0 4%;
    }

    .under_area .privacybox .top_txt {
        margin: 2em 0;
        line-height: 1.4;
        text-align: left;
    }

    .under_area .privacybox .box .tit {
        font-size: 3.2vh;
    }

    /*    商品詳細既存style*/
    .product_detail .row:has(>.col--3) {
        flex-direction: column;
    }

    .product_detail .row:has(>.col--3) .col--3 {
        width: 100%;
    }

    .product_detail .small {
        font-size: 3vw;
        line-height: 1.4;
    }

    .product_detail table.scroll {
        overflow: scroll;
    }

    /*    既存追加style */
    .product_detail .featurebox {
        width: 100%;
        margin-bottom: 2em;
    }

    /*    新規追加商品詳細*/
    .l-product-relation {
        margin: 23px 0% 0;
    }

    .product_detail .l-title {
        font-size: 4vw;
    }

    .l-product-relation li a {
        /* font-size: 3.2vw; */
    }

    .product_detail .top .top_catch {
        padding: 0 4% 1em;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 0;
        gap: 20px;
    }

    .product_detail .top .top_catch .h2tit {
        font-size: 24px;
        width: 95%;
        padding-bottom: 0;
        padding-left: 0;
    }

    .product_detail .top .h2tit span {
        font-size: 16px;
        margin-left: 0;
    }

    .product_detail .top .top_catch .flag {
        width: 14%;
    }

    .product_detail .top .top-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 1em 0%;
    }

    .product_detail .top .top-box .top-box--text {
        margin: 1em 0 0;
    }

    .product_detail .top .top-box .top-box--text .tit {
        font-size: 2.8vh;
        margin-bottom: 0.8em;
        line-height: 1.6;
    }

    .product_detail .top .top-box .top-box--text .txt {
        font-size: 1rem;
    }

    .product_detail .exsample_area {
        margin: 0 4%;
    }

    .product_detail .category_area {
        margin: 0 0%;
    }

    .pejer .list.pd_detail li {
        width: auto;
        width: 28%;
    }

    .pejer .list.pd_detail li a {
        font-size: 3.6vw;
        padding: 0;
    }

    .l-contribution .w1000 {
        width: 100%;
    }

    .sp_contact_tel .contact_tel_box {
        width: 92%;
        margin: 0 auto 1em;
        background: #a89255;
        padding: 0;
    }

    .contact_tel_box a {
        display: block;
        padding: 2em 0;
        text-align: center;
        color: #fff;
    }

    .contact_tel_box .tel {
        color: #fff;
        background: url(../img/icon_telsp.png) no-repeat left center;
        background-position: 0.1em;
        padding-left: 0.8em;
        font-size: 12vw;
        margin-bottom: 0.2em;
        display: inline-block;
    }

    .contact_tel_box .tel_subtxt {
        color: #fff;
    }

    .sp_contact_tel .under_magazine_area.under_area {
        margin: 0 auto 1em;
    }

    .sp_contact_tel .under_magazine_area.under_area .under_area {
        margin: 2em auto 1em;
    }

    .sp_contact_tel .product_category_area .product_category_area--kind {
        margin-bottom: 0;
    }

    .contact_area_txt {
        margin: 2em auto;
    }

    .under_area.under_letter {
        margin: 0 auto 2em;
    }

    /* .under_magazine_area .list.l-letterBox li:nth-child(3n+1) {
        margin-right: 4%;
    } */
    .l-sp--icon {
        position: relative;
        overflow: hidden;
    }

    .l-sp--icon:after {
        content: "";
        position: absolute;
        width: 50%;
        height: 8em;
        background: url(../img/img_product_bg.png) no-repeat right;
        top: 0;
        right: -5em;
        background-size: 100%;
    }
}

@media all and (min-width: 0) and (max-width: 500px) {
    header#top .header_top .header_main .nav_list.c-nav--sp li a {
        font-size: 14px;
    }
}

@media all and (min-width: 0) and (max-width: 350px) {
    header#top .header_top .header_main .nav_list.c-nav--sp li a {
        font-size: 12px;
    }
}


/* 4/5修正 */
.width_70 {
    width: 70%;
}

header ul.header_tab li:first-child {
    text-align: -webkit-center;
}

.info_box ul.ajax-add li a {
    line-height: 1.6;
}

.l-contribution p a {
    border-bottom: 1px solid #000;
}

.under_magazine_area .link_list a:last-child {
    padding-right: 0;
}

.under_magazine_area .link_list a:last-child:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    right: 1em;
}

/* 2019/04/12追加css */
.img-trimming {
    -o-object-fit: cover;
    object-fit: cover;
}

.position_relative {
    position: relative;
}

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

.display-align_items-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.works-cat-band-style {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.a-link-style {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.new-tag:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(../img/icon_new.png) no-repeat;
    left: 0;
    top: 0;
    z-index: 1;
}

.quick-contentsList {
    border: 1px solid #cacaca !important;
    padding: 3% 6% !important;
}

.quick-contentsList_tit {
    text-align: center !important;
    font-size: 24px !important;
    color: #3e3a39 !important;
    border-bottom: 1px solid #cacaca !important;
    padding-bottom: 2% !important;
}

.quick-contentsList_ul {
    list-style: disc !important;
    margin-left: 1.5em !important;
    margin-bottom: 30px !important;
}

.works-eye_catching {
    display: block;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.sp-flex-direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sp-flex-flex_start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sp-width-100 {
    width: 100%;
}

.margin_top-10px {
    margin-top: 10px;
}

/* 2019/04/15追加css */
.wet {
    position: relative;
}

.wet-logo {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 20px;
    color: #ffffff;
    background-color: #1d69d2;
    bottom: 5px;
    left: 5px;
}

.width_100 {
    width: 100%;
}

/* 2019/04/18追加css */
.margin-top-0 {
    margin-top: 0 !important;
}

.Ubuntu-style {
    font-size: 12px;
    vertical-align: middle;
    padding-left: 1.5em;
    letter-spacing: 2px;
    display: inline-block;
}

.archive-products-title-style {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* height: 79px !important; */
    height: 60px !important;
    padding: 0 !important;
}

.archive-products-title-style h4 {
    display: inline-block !important;
    margin-left: 20px;
}

.archive-products-title-style h4>* {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.archive-products-title-style h4 a span {
    line-height: 1.5;
}

.hover-style:hover {
    opacity: 0.5;
}

.width-1_5 {
    width: 15%;
}

.line_height-1_5 {
    line-height: 1.5 !important;
}

.product-img-style {
    width: auto !important;
    height: 280px !important;
}

.content-area h2 {
    font-size: 22px !important;
}

.content-area h3 {
    font-size: 19px !important;
    border-bottom: solid 2px #cacaca;
    padding-bottom: 12px;
}

.padding_top-0 {
    padding-top: 0 !important;
}

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

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

.news-content p {
    margin-bottom: 20px !important;
}

.padding_bottom-50px {
    padding-bottom: 50px !important;
}

.error-message-1 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
}

.error-message-2 {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 100px;
}

.works-top-img {
    display: block !important;
    margin: 0 auto !important;
}

.objectfit-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.topitem {
    width: 100%;
}

.contentsList {
    border: 1px solid #cacaca;
    padding: 3% 6%;
    margin-bottom: 50px;
    margin-top: 50px;
}

.contentsList_tit {
    text-align: center;
    font-size: 24px;
    color: #3e3a39;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 2%;
}

.contentsList_main {
    padding: 4% 4% 2%;
    list-style: none !important;
}

.contentsList_main li {
    position: relative;
    color: #4d4d4d;
    margin-bottom: 1.5em;
    padding-left: 35px !important;
}

.contentsList_main li::before {
    content: '';
    width: 30px;
    height: 10px;
    background: url("../img/link_arrow.png") no-repeat center right;
    position: absolute;
    bottom: 50%;
    left: 0;
}

.contentsList_main li:last-child {
    margin-bottom: 0;
}

.contentsList_main li a {
    padding-left: 1em;
    cursor: pointer;
}

/* 2019/04/22追加css */
.margin_top-15px {
    margin-top: 15px;
}

.width-heght-100 {
    width: 100%;
    height: 100%;
}

.used-product-tit {
    display: block;
    margin-top: 15px;
    line-height: 1.5;
}

.h1-area-style {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.h1-area {
    position: relative;
    width: 1000px;
    height: 100%;
    margin: 0 auto;
}

.h1-style {
    position: absolute !important;
    margin-right: 0 !important;
    right: 0 !important;
}

.map_size {
    width: 400px;
}

/* PCのみ動作 */
@media all and (min-width: 768px) {
    .map-detail-area {
        width: calc(100% - 400px);
    }
}

.l-contribution ul li a {
    border-bottom: 1px solid #000000;
}



.wet::before {
    content: 'WET';
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 20px;
    z-index: 5;
    color: #ffffff;
    background-color: #1d69d2;
    bottom: 5px;
    left: 5px;
}

.product-tit-area {
    width: 85%;
    margin: 0.6em auto 0 auto !important;
}

.contact_area_txt {
    line-height: 1.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
    .width_70 {
        width: 100%;
    }

    header .header_search .search_area button,
    .product .header_search .search_area button {
        padding: 3.5% 0;
    }

    .area_name_tit {
        letter-spacing: 0;
    }

    .exsample_area .exsam_list .list li .exsam_tit {
        margin: 1em 0 0.5em 0em;
    }

    header .tab_link .tab_link_list .tit {
        margin: 7% 0;
        font-size: 18px;
        font-weight: normal;
    }

    header#top .header_top.nav_contact .header_main .nav_list.c-nav li.btn_txt a {
        font-size: 5vw;
        padding: 15px 0;
    }

    .bold_sp {
        font-weight: bold;
    }

    .about_area.about_area_bottom .inner .innerbox img {
        width: 100% !important;
        height: auto !important;
    }

    /* 2019/04/12追加css(スマホ) */
    .sp-width-30 {
        width: 30%;
    }

    .sp-width-70 {
        width: 70%;
    }

    .sp-width-100 {
        width: 100%;
    }

    .sp-height-auto {
        height: auto !important;
    }

    .sp-margin-0_auto {
        margin: 0 auto;
    }

    .sp-margin_left-0 {
        margin-left: 0 !important;
    }

    .sp-font-size-100 {
        font-size: 100% !important;
    }

    .sp-fontsize-20px {
        font-size: 20px !important;
    }

    .sp-margin_top-0 {
        margin-top: 0 !important;
    }

    .sp-margin_bottom-5 {
        margin-bottom: 5% !important;
    }

    .sp-margin_bottom-1em {
        margin-bottom: 1em !important;
    }

    .sp-padding-4 {
        padding: 4% 4% 0 4%;
    }

    .sp-padding_bottom-0 {
        padding-bottom: 0 !important;
    }

    .sp-flex-flex_start {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .sp-flex-align_items-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sp-flex-direction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    /* 2019/04/18追加css(スマホ) */
    .sp-font-size-4_5vw {
        font-size: 4.5vw !important;
    }

    .sp-aroww-style {
        width: 18px !important;
        height: 5px !important;
    }

    .sp-line_height-1_8 {
        line-height: 1.8 !important;
    }

    .sp-margin_bottom-10px {
        margin-bottom: 10px;
    }

    .magazine_area .line {
        bottom: 1em;
        width: 88%;
        display: block;
        table-layout: unset;
        padding-bottom: 0;
        position: absolute;
    }

    .l-contribution h2 {
        border-bottom: 1px solid #cacaca;
        padding-bottom: 0.5em;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.4;
        margin: 70px 0 30px;
        padding-left: 4%;
    }

    .l-contribution table {
        margin-inline: auto;
    }

    .l-contribution p {
        margin: 0 0% 10px;
        /* margin-bottom: 10px; */
    }

    .l-contribution h3 {
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.4;
        margin: 30px 4% 30px;
    }

    .l-contribution ul {
        list-style: disc;
        margin-left: 4px;
        margin-right: 4%;
        margin-bottom: 30px;
    }

    .error-message-1 {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 50px;
    }

    .error-message-2 {
        text-align: center;
        font-size: 16px;
        line-height: 2;
        margin-right: 4%;
        margin-left: 4%;
        margin-bottom: 100px;
    }

    .commonexam .textBox {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 1em 0.5em 2.5em;
    }

    .commonexam .line {
        float: none;
        text-align: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 88% !important;
        padding-bottom: 0 !important;
        table-layout: unset;
        bottom: 1em;
    }

    .sp-letter-txt {
        padding: 3em 4% !important;
    }

    .contentsList {
        border: 1px solid #cacaca;
        padding: 3% 6%;
        /* margin: 0 4%; */
        margin-bottom: 20px;
    }

    .contentsList_tit {
        text-align: center;
        font-size: 24px;
        color: #3e3a39;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 2%;
    }

    .contentsList_main {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 4% 4% 2%;
        list-style: none !important;
    }

    .contentsList_main li {
        position: relative;
        color: #4d4d4d;
        margin-bottom: 1.5em;
        padding-left: 35px !important;
    }

    .contentsList_main li::before {
        content: '';
        width: 30px;
        height: 10px;
        background: url("../img/link_arrow.png") no-repeat center right;
        position: absolute;
        bottom: 50%;
        left: 0;
    }

    .contentsList_main li:last-child {
        margin-bottom: 0;
    }

    .contentsList_main li a {
        padding-left: 1em;
        cursor: pointer;
    }

    .sp-sns-style {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sp-sns-style p {
        margin: 0 !important;
    }

    .sns .snsBox-news {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 160px !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        list-style: none;
    }

    .sp-sns-style-letter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-bottom: 10px !important;
    }

    .sns .snsBox-letter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 160px !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-left: 10px !important;
        list-style: none;
    }

    .mwform-checkbox-field-text {
        display: block;
        line-height: 1.5;
    }

    .mwform-checkbox-field-text::first-line {
        line-height: 1;
    }

    .catalog_form .privacy_link_txt {
        padding: 0 4%;
        line-height: 2;
    }

    .contact_area_txt {
        padding: 0 4%;
    }
}

/*20190806about修正分*/
.about_area .about_main:before {
    content: "";
    width: 503px;
    height: 503px;
    background: url(../img/about/bg-stone.png) no-repeat top left;
    position: absolute;
    top: -164px;
    left: -349px;
    z-index: 90;
}

.about_area .about_main .magazine_area--position:before {
    content: "";
    width: 317px;
    height: 275px;
    background: url(../img/about/bg-wood.png) no-repeat top left;
    position: absolute;
    background-blend-mode: multiply;
    bottom: -130px;
    right: -149px;
    z-index: 90;
    mix-blend-mode: multiply;
}

.about_area .about_main .magazine_area--position {
    content: "";
    width: 1000px;
    height: 620px;
    background: url(../img/about/about-main.jpg) no-repeat top left;
    position: relative;
}

.about_area .about_main .about_catch .catchtit {
    width: 100%;
    line-height: 2.0;
    letter-spacing: 0;
    text-align: center;
}

.about_area .about_catch .catchtit {
    color: #3E3A39;
}

.about_area .about_main .about_catch {
    display: block;
}

.about_area .about_main .about_catch ruby>rt {
    font-size: 40%;
    height: 20px;
    margin-bottom: 10px;
}

.about_area .about_main .about_catch .catchtxt {
    width: 70%;
    margin: 30px auto 0 auto;
    line-height: 2.0;
}

.about_area .exbox .left_item {
    width: 48%;
    font-size: 15px;
    margin: 1em 0;
    line-height: 1.8;
    color: #4d4d4d;
}

.about_area .exbox .left_item .quote {
    background: #F6F4EE;
    border: solid 1px #EBE6D8;
    padding: 20px;
    margin-top: 40px;
}

.about_area .exbox .left_item .quote p {
    font-size: 13px;
}

.about_area .exbox {
    padding-bottom: 30px;
}

.about_area .exbox .left_item .quote p.ar {
    text-align: right;
}

.about_area .exbox .right_item {
    width: 48%;
}

.about_area .exbox .right_item p {
    font-size: 16px;
    line-height: 2.1;
}

@media all and (max-width: 768px) {
    .about_area .about_main .magazine_area--position {
        width: 100%;
        height: 30vh;
        background: url(../img/about/about-main.jpg) no-repeat top left;
        background-size: 100%;
    }

    .about_area .about_main .magazine_area--position:before {
        width: 100px;
        height: 100px;
        background-size: 100%;
        bottom: -50px;
        right: -15px;
    }

    .about_area .about_main .about_catch .catchtxt {
        width: 100%;
        font-size: 16px;
    }

    .about_area .exbox .left_item,
    .about_area .exbox .right_item {
        width: 100%;
    }

    .about_area .about_catch {
        margin: 3em 4%;
    }

    .under_magazine_area .magazine_area {
        margin: 0em 0 50px;
        padding: 0;
    }

    .about_area .exbox {
        padding-bottom: 0;
    }

    .about_area .exbox {
        padding-bottom: 0;
    }

    .about_area .under_area {
        margin: 2em auto 0em;
    }

    .product_category_area .product_category_area--kind {
        margin-bottom: 1em;
    }

    .about_area.about_area_bottom .inner:before,
    .about_area.about_area_bottom .inner:after {
        display: none;
        content: none;
    }

    .about_area .about_catch .catchtxt,
    .about_area.about_area_bottom .inner .txt_top,
    .about_area.about_area_bottom .inner .innerbox .txt_under {
        font-size: 16px;
    }
}

/*追加分*/
.l-contribution table {
    width: 100%;
}

video {
    width: 100%;
    height: auto;
}

.magazine_area .list li .magazine_tit {
    margin-top: 15px;
}

@media screen and (max-width: 480px) {
    .l-contribution table {
        width: 100% !important;
    }

    .l-contribution table td {
        padding: 1% 15px;
    }
}

/* 2020/12/23追加分 三樂文庫カテゴリー追加 */
.no-marker {
    list-style: none;
}

@media all and (min-width: 768px) {
    .pc-hidden {
        display: none !important;
    }
}

@media all and (max-width: 767px) {
    .sp-hidden {
        display: none !important;
    }
}

.magazine_area .book__top-box {
    position: relative;
    border: solid 2px #A19458;
    background-color: #fff;
    margin-bottom: 80px;
}

.magazine_area .book__top-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 1;
}

.magazine_area .book__top-box__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.magazine_area .book__top-box__left {
    position: relative;
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: no-repeat url(../img/book-bg.png) #a09458 center center/60%;
    border-right: solid 2px #A19458;
    text-align: center;
    transition: .3s;
}

.magazine_area .book__top-box__left a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.magazine_area .book__top-box__label {
    display: inline-block;
    padding: 15px 60px;
    font-size: 36px;
    font-family: "Yu Mincho", "YuMincho", serif;
    color: #fff;
}

.magazine_area .book__top-box__description {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

.magazine_area .book__top-box__right {
    position: relative;
    width: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 27px 25px 27px;
    cursor: pointer;
    z-index: 1;
    transition: .3s;
}

.magazine_area .book__top-box__right a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
    transition: .3s;
}

.magazine_area .book__top-box__thumbnail {
    width: 26%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    height: 170px;
    padding-left: 30px;
}

.magazine_area .book__top-box__thumbnail img {
    position: absolute;
    width: auto;
    height: 90%;
    -webkit-box-shadow: #f6f4ed 13px 15px;
    box-shadow: #f6f4ed 13px 15px;
}

.magazine_area .book__top-box__textbox {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.magazine_area .book__top-box__title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 4px;
}

.magazine_area .book__top-box__text {
    font-size: 14px;
    line-height: 1.5;
    margin-left: 15px;
}

.magazine_area .book__top-box__text--bold {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
}

.book__top-box__textbox__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.magazine_area .book__top-box__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
    color: #a09458;
}

.magazine_area .book__top-box__link img {
    width: 25px;
    margin-right: 10px;
}

@media all and (max-width: 767px) {
    .magazine_area .book__top-box {
        border: solid 2px #A19458;
        background-color: #fff;
        margin-bottom: 50px;
        margin-right: 0%;
        margin-left: 0%;
    }

    .magazine_area .book__top-box__items {
        display: block;
    }

    .magazine_area .book__top-box__left {
        width: 100%;
        background: no-repeat url(../img/book-bg.png) #a09458 center center/25%;
        border-right: none;
        text-align: center;
        padding: 6% 4%;
    }

    .magazine_area .book__top-box__label {
        margin-top: 0;
        margin-bottom: 13px;
        padding: 0;
        font-size: 30px;
    }

    .magazine_area .book__top-box__description {
        font-size: 3.4vw;
        line-height: 1.5;
        padding: 0;
    }

    .magazine_area .book__top-box__right {
        width: 100%;
        display: block;
        padding: 4% 4% 20px 4%;
        margin: 0 auto;
    }

    .magazine_area .book__top-box__thumbnail {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        padding-left: 0;
        height: 250px;
    }

    .magazine_area .book__top-box__thumbnail img {
        position: relative;
        margin-bottom: 20px;
        text-align: center;
    }

    .magazine_area .book__top-box__textbox {
        width: 100%;
        display: block;
    }

    .magazine_area .book__top-box__title {
        font-size: 4.2vw;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 24px;
        margin-left: 0;
        text-align: center;
    }

    .magazine_area .book__top-box__text {
        font-size: 14px;
        line-height: 1.5;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .magazine_area .book__top-box__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        line-height: 2;
        margin-left: 0;
    }
}

.book__top-archive-thumbnail {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-color: #F6F4EE;
    height: 200px;
}

.book__top-archive-thumbnail::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.book__top-archive-thumbnail img {
    position: absolute;
    width: auto !important;
    height: 100% !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.under_magazine_area .book__archive-thumbnail {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-color: #F6F4EE;
    height: 200px;
}

.under_magazine_area .book__archive-thumbnail::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.under_magazine_area .book__archive-thumbnail::marker {
    color: #fff;
}

.under_magazine_area .book__archive-thumbnail img {
    position: absolute;
    width: auto !important;
    height: 100% !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.under_area .book__archive-thumbnail {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-color: #F6F4EE;
    height: 200px;
}

.under_area .book__archive-thumbnail::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.under_area .book__archive-thumbnail img {
    position: absolute;
    width: auto !important;
    height: 100% !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.under_magazine_area .book__post-thumbnail {
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.under_magazine_area .book__post-thumbnail::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.under_magazine_area .book__post-thumbnail img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.under_magazine_area .book__wrapper {
    background-color: #f6f4ee;
    margin-top: 60px;
    margin-bottom: 22px;
}

.under_magazine_area .book__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 34px 36px;
}

.under_magazine_area .book__thumbnail {
    width: 155px;
    margin-right: 48px;
}

.under_magazine_area .book__thumbnail img {
    width: 155px;
}

.under_magazine_area .book__text ul {
    list-style: none;
    margin-bottom: 0 !important;
    margin-left: 3px;
}

.under_magazine_area .book__text li {
    list-style-type: none;
    font-size: 14px;
    line-height: 2;
}

.under_magazine_area .book__title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 19px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media all and (max-width: 767px) {
    .under_magazine_area .book__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 17px;
    }

    .under_magazine_area .book__thumbnail {
        margin-right: 17px;
    }

    .under_magazine_area .book__title {
        font-size: 4.2vw;
    }

    .under_magazine_area .book__text li {
        font-size: 14px;
    }
}

/* 2021/2/18追加分 補足資料ダウンロード */
.document__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .document__box {
        margin: 0 4%;
    }
}

.document__button {
    margin-right: 20px;
    margin-bottom: 20px;
}

.document__button:last-child {
    margin-right: 0;
}

.document__btn {
    position: relative;
    border: 1px solid #B09C5C;
    background-color: #fff;
    font-size: 14px;
    padding: 9px 20px 9px 39px;
    cursor: pointer;
}

.document__btn::before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../img/icon_PDF.png);
    width: 20px;
    height: 20px;
    top: 9px;
    left: 10px;
}

/* 2021/2/18追加分 施工例 */
.construction-example__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .construction-example__box {
        margin: 0 4%;
    }
}

.construction-example__wrapper {
    width: calc(25% - 20px * 3 / 4);
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    will-change: transform;
}

.construction-example__wrapper:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.construction-example__wrapper:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .construction-example__wrapper {
        width: calc(50% - 10px / 2);
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .construction-example__wrapper:nth-child(2n) {
        margin-right: 0;
    }
}

.construction-example__img {
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    margin-bottom: 10px;
}

.construction-example__img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.construction-example__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.construction-example__button {
    text-align: center;
}

.construction-example__btn {
    position: relative;
    border: 1px solid #B09C5C;
    border-radius: 5px;
    background-color: #fff;
    font-size: 13px;
    padding: 2px 15px 1px 33px;
    cursor: pointer;
}

.construction-example__btn:before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../img/icon_modal.png);
    width: 16px;
    height: 17px;
    top: 3px;
    left: 17px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* 2021/3/10追加分 アイアンウッド・ウリン */
.l-contribution h2>span {
    font-size: 18px;
    line-height: 1.333333333;
    margin-left: 10px;
}

#spec .row.txtsmall {
    margin-bottom: 70px;
}

.spec__table {
    border-collapse: collapse;
    margin-bottom: 50px;
    font-size: 14px;
    vertical-align: top !important;
}

.spec__table img {
    width: auto;
}

.spec__table tbody tr {
    vertical-align: top !important;
    border-bottom: 1px solid #D5D5D5;
}

.spec__table tbody tr:last-child {
    border-bottom: none;
}

.spec__table tbody tr td {
    position: relative;
    border: none;
    border-right: 1px solid #D5D5D5;
    padding: 10px 20px 10px 20px;
    vertical-align: top !important;
}

.spec__table tbody tr td:first-child {
    padding: 0;
    vertical-align: middle !important;
}

.spec__table tbody tr td:last-child {
    border-right: none;
}

.spec__table tbody tr .no-label {
    padding: 41px 20px 20px 20px !important;
}

.spec__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spec__box__left {
    width: calc(35% - 25px / 2);
    margin-right: 25px;
}

.spec__box__right {
    width: calc(65% - 25px / 2);
}

.spec__box__right__table {
    width: 160px !important;
    border-collapse: collapse;
    margin-bottom: 0 !important;
}

.spec__box__right__table tbody {
    border: 1px solid #D5D5D5;
    vertical-align: top !important;
}

.spec__box__right__table tbody tr {
    border-bottom: 1px solid #D5D5D5;
}

.spec__box__right__table tbody tr:last-child {
    border-bottom: none;
}

.spec__box__right__table tbody tr th {
    width: 80px;
    font-size: 7px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #D5D5D5 !important;
    background-color: #F9F8F4;
    padding: 5px 0;
}

.spec__box__right__table tbody tr th:last-child {
    border-right: none;
}

.spec__box__right__table tbody tr td {
    font-size: 14px;
    text-align: center;
    border: 1px solid #D5D5D5 !important;
    padding: 3px 0 0 0 !important;
}

.spec__box__right__table tbody tr td:last-child {
    border-right: none;
}

.spec__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #A89255;
    width: 120px;
    margin-bottom: 11px;
}

@media screen and (max-width: 767px) {
    .spec__label {
        margin: 0 auto 10px;
    }
}

.spec__label__left {
    background-color: #A89255;
    color: #fff;
    font-size: 10px;
    padding: 1px 4px 0 4px;
}

@media screen and (max-width: 767px) {
    .spec__label__left {
        padding: 5px 4px 4px 4px;
    }
}

.spec__label__right {
    font-size: 9px;
    padding: 1px 4px 0;
}

@media screen and (max-width: 767px) {
    .spec__label__right {
        padding: 5px 4px 4px;
    }
}

.spec__box__new {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .spec__box__new {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15px;
    }
}

.spec__box__new p {
    width: 46px;
    background-color: #F9EE2F;
    font-size: 10px;
    text-align: center;
    padding: 2px 0 0;
    margin: 0;
}

.spec__table--no-border {
    border-collapse: collapse;
    margin-bottom: 50px;
    font-size: 14px;
    vertical-align: top !important;
}

.spec__table--no-border img {
    width: auto;
}

.spec__table--no-border tbody {
    vertical-align: top !important;
}

.spec__table--no-border tbody tr {
    vertical-align: top !important;
}

.spec__table--no-border tbody tr td {
    position: relative;
    padding: 20px 20px 20px 20px;
    border: none;
    vertical-align: top !important;
}

.spec__table--no-border tbody tr td p {
    font-size: 14px;
    margin: 0;
}

.spec__table--no-border tbody tr .no-label {
    padding: 41px 20px 20px 20px;
}

/* 2021/4/20 オンリーワンクラブページ */
.ooc__mainvisual {
    margin: 96px 0 0;
    padding: 30px 0;
    background-color: #009069;
}

.ooc__h2 {
    display: table;
    position: relative;
    color: #fff;
    font-size: 42px;
    text-align: center;
    padding-left: 72px;
    margin: 0 auto 13px;
}

.ooc__h2:before {
    content: "";
    position: absolute;
    background: url(../img/onlyoneclub/ooc_top-logo.png) no-repeat;
    width: 57px;
    height: 42px;
    top: 6px;
    left: 0;
}

.ooc__h2__jp {
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    text-align: center;
    color: #fff;
}

.ooc__container {
    width: 900px;
    margin: 0 auto;
}

.ooc__motto {
    font-family: "ヒラギノ角ゴ Pro W3", Hiragino Sans, sans-serif;
    background-color: #F6F4EE;
    padding: 60px 0;
    margin-top: 16px;
}

.ooc__motto__title {
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 24px;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 40px;
}

.ooc__motto__taikan {
    text-align: center;
    margin-bottom: 30px;
}

.ooc__motto__search {
    text-align: center;
    margin-bottom: 30px;
}

.ooc__motto__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ooc__motto__box__content {
    width: 48%;
    text-align: center;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
}

.ooc__motto__box__content:hover {
    opacity: .6;
}

.ooc__motto__box__content figure {
    margin-bottom: 15px;
}

.ooc__motto__box__title {
    font-size: 16px;
    color: #22936F;
    margin-bottom: 10px;
}

.ooc__motto__box__text {
    font-size: 13px;
    line-height: 1.307692308;
}

.ooc__catalog {
    padding: 60px 0;
}

.ooc__catalog__header {
    text-align: center;
    color: #22936F;
}

.ooc__catalog__title {
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 17px;
}

.ooc__catalog__title__jp {
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 18px;
    margin-bottom: 16px;
}

.ooc__catalog__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
}

.ooc__catalog__item {
    width: 48%;
    padding: 30px 0;
}

.ooc__catalog__item__title {
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid #22936F;
    padding-bottom: 7px;
}

.ooc__catalog__item__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 13px;
}

.ooc__catalog__item__box__content {
    width: 60%;
    padding-top: 10px;
}

.ooc__catalog__item__box__content__title {
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 20px;
}

.ooc__catalog__item__box__content__text {
    font-size: 12px;
    line-height: 1.8;
}

.ooc__catalog__item__box__image__button {
    text-align: center;
    margin-top: 9px;
}

.ooc__catalog__item__table {
    border: #BFBFBF 1px solid;
    padding: 13px 21px 16px;
}

.ooc__catalog__item__table__title {
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 12px;
    line-height: 1.333333333;
    margin-bottom: 9px;
}

.ooc__catalog__item__table__text {
    font-size: 11px;
    line-height: 1.363636364;
}

.ooc__catalog__req {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

.ooc__catalog__button {
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
}

.ooc__catalog__button__btn {
    position: relative;
    width: 440px;
    max-width: 100%;
    padding: 32px 20px 32px 42px;
    background-color: #B19D60;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    border: none;
}

.ooc__catalog__button__btn:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: 18%;
    width: 24px;
    height: 19px;
    background: url(../img/onlyoneclub/icon-book.png) no-repeat;
}

.ooc__catalog__button__btn:after {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: 3%;
    width: 16px;
    height: 30px;
    background: url(../img/onlyoneclub/icon-arrow.png) no-repeat;
}

.ooc__contact {
    background-color: #F6F4EE;
    padding: 50px 0;
}

.ooc__contact__text {
    font-size: 14px;
    line-height: 2;
    text-align: center;
    margin-bottom: 30px;
}

.ooc__contact__button {
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
}

.ooc__contact__button__btn {
    position: relative;
    width: 440px;
    max-width: 100%;
    padding: 32px 20px 32px 42px;
    background-color: #B19D60;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W6", Hiragino Sans, sans-serif;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    border: none;
}

.ooc__contact__button__btn:before {
    content: "";
    position: absolute;
    top: calc(50% - 11px);
    left: 17%;
    width: 27px;
    height: 17px;
    background: url(../img/onlyoneclub/icon-mail.png) no-repeat;
}

.ooc__contact__button__btn:after {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: 3%;
    width: 16px;
    height: 30px;
    background: url(../img/onlyoneclub/icon-arrow.png) no-repeat;
}

@media screen and (max-width: 767px) {
    .ooc__mainvisual {
        margin: 74px 0 0;
        padding: 25px 0;
    }

    .ooc__h2 {
        display: table;
        position: relative;
        color: #fff;
        font-size: 32px;
        text-align: center;
        padding-left: 65px;
        margin: 0 auto 10px;
    }

    .ooc__h2:before {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        top: -1px;
    }

    .ooc__container {
        width: 100%;
        padding: 0 20px;
    }

    .ooc__motto {
        padding: 40px 0;
        margin-top: 0;
    }

    .ooc__motto__title {
        font-size: 18px;
        text-align: left;
        margin-bottom: 30px;
    }

    .ooc__motto__taikan {
        margin-bottom: 20px;
    }

    .ooc__motto__search {
        margin-bottom: 20px;
    }

    .ooc__motto__box {
        display: block;
    }

    .ooc__motto__box__content {
        width: 100%;
        text-align: center;
    }

    .ooc__motto__box__content figure {
        margin-bottom: 7px;
    }

    .ooc__motto__box__title {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .ooc__motto__box__text {
        font-size: 12px;
        margin-bottom: 24px;
    }

    .ooc__catalog {
        padding: 50px 0;
    }

    .ooc__catalog__title {
        font-size: 32px;
        margin-bottom: 17px;
    }

    .ooc__catalog__title__jp {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .ooc__catalog__items {
        display: block;
        margin-bottom: 13px;
    }

    .ooc__catalog__item {
        width: 100%;
        padding: 30px 0;
    }

    .ooc__catalog__item__title {
        font-size: 14px;
    }

    .ooc__catalog__item__box__content {
        width: 75%;
        padding-right: 5%;
    }

    .ooc__catalog__item__box__content__title {
        font-size: 12px;
    }

    .ooc__catalog__item__box__content__text {
        font-size: 11px;
    }

    .ooc__catalog__item__table__title {
        font-size: 11px;
        margin-bottom: 7px;
    }

    .ooc__catalog__item__table__text {
        font-size: 10px;
    }

    .ooc__catalog__req {
        font-size: 15px;
    }

    .ooc__catalog__button__btn {
        padding: 22px 20px 22px 35px;
        background-color: #B19D60;
        font-size: 18px;
    }

    .ooc__catalog__button__btn:before {
        left: 11%;
    }

    .ooc__contact {
        padding: 40px 0;
    }

    .ooc__contact__text {
        font-size: 12px;
        line-height: 1.8;
        text-align: left;
        margin-bottom: 20px;
    }

    .ooc__contact__button__btn {
        padding: 22px 20px 22px 35px;
        background-color: #B19D60;
        font-size: 18px;
    }

    .ooc__contact__button__btn:before {
        top: calc(50% - 10px);
        left: 10%;
    }
}

@media screen and (max-width: 320px) {
    .ooc__catalog__button__btn:before {
        left: 6%;
    }

    .ooc__contact__button__btn:before {
        left: 5%;
    }
}



/* 2021/4/20 三楽文庫*/
.book__text {
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 18px;
}

.fb_box {}

.insta_box {}

.insta_box-head {}

.insta_box-title {
    position: relative;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 30px;
    text-transform: uppercase;
}


.insta_box-title::before {
    content: "";
    display: inline-block;
    max-width: 34px;
    width: 100%;
    max-height: 34px;
    height: 100%;
    background: url(../img/Instagram-feed.svg) no-repeat center center / cover;
}

.insta_box-txt {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: calc(27/16);
}

.insta_box-body {
    margin-top: 40px;
}

.footer_area_flex {
    display: flex;
    gap: 20px;
}

.footer_area_flex .c-footer-link {
    padding-left: 20px;
}

.product {
    padding-inline: 20px;
    background: #e2dfd7;
}

.news_date {
    width: 100%;
    max-width: 83px;
}

.product_detail figcaption {
    margin-top: 16px;
    margin-bottom: 20px;
    line-height: 1.4em;
}

.product_detail .row figcaption {
    margin-top: 10px;
}

.product_detail .guide {
    text-align: center;
    position: relative;
}

.product_detail .guide.guide-top {
    margin-top: 80px;
}

.product_detail .guide span {
    position: relative;
    z-index: 3;
    color: red;
}

.product_detail .guide::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 150px;
    height: 100%;
    z-index: -1;
    background-color: #fff;

}

.product_detail .guide::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px dashed red;
    z-index: -2;

}

.product_category_area .list li .box a:hover {
    /* opacity: 0.6; */
}

.product_detail .row figure {
    margin-bottom: 20px;
}

@media screen and (max-width: 998px) {
    .product_category_area .list.full li:nth-child(3n) {
        margin-right: 1.1em;
    }
}

@media screen and (max-width: 900px) {
    .footer_area_flex {
        flex-direction: column;
    }

    #foot .foot .footer_bottom_list {
        padding-left: 10px;
    }

    #foot .foot .footer_bottom_list_item a {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .footer_area_flex {
        flex-direction: column;
        gap: 0;
    }

    .product_area .product_half .list.grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }

    .product_area .product_half .list2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px 0;
    }

    .product_detail .center {
        /* font-size: 10px; */
    }

    .w-1000 {
        padding-inline: 6%;
    }

    .row.row-column {
        flex-direction: column;
        justify-content: center;

    }

    .row.row-column .col--2-3 {
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .row.row-column .col--2-3 img {
        aspect-ratio: 320/190;
        width: 100% !important;
        /* object-fit: contain; */
    }

    .product_category_area .list.full li:nth-child(3n) {
        margin-right: 0;
    }

    .row.row-column .col--2-7 {
        width: 94% !important;
        margin-inline: auto;
    }

    .row.row-column .col--2-7 p {
        margin-top: 10px;
    }

    .row.row-column .col--2-7 ul {
        margin-top: 30px;
        width: 100%;
        margin-inline: auto;
    }

    .product_area .product_half .list li .kind_category_list li a {
        font-size: 14px;
        /* font-size: clamp(0.75rem, 0.074rem + 1.408vw, 0.875rem); */
    }

    .product_area .product_half .list li .kind_category_list2 {
        grid-template-columns: repeat(1, 1fr);

    }

    .exsample_area .subtxt.subtxt--flex {
        padding-inline: 0%;
    }

    #foot .foot .footer_bottom_list {
        padding-left: 0px;
    }

    #foot .foot .footer_bottom_list_item a {
        font-size: 16px;
    }

    #foot .foot .footer_bottom_list_item img {
        width: 100%;
        height: 100%;
    }

    .archive-products-title-style h4 {
        margin-left: 6%;
    }

    .list2.product_category_area .one-third_box .category_kind {
        width: 100% !important;
        margin-inline: 0;
    }

    .pickup-box {
        padding-inline: 6%;
    }

    .under_area .pickup-box {
        padding-inline: 0%;
    }

    .list2.product_category_area .category_kind_tit {
        font-size: 4vh !important;
    }

}

@media screen and (max-width: 560px) {
    .product_detail .top .top_catch .h2tit {
        font-size: clamp(1.25rem, 0.743rem + 2.162vw, 1.5rem);
    }

    .product_detail .top .h2tit span {
        font-size: clamp(0.75rem, 0.243rem + 2.162vw, 1rem);
    }
}

body {
    overflow-x: hidden;
}

#sb_instagram .sb_instagram_header,
.sb_instagram_header {
    display: none;
}

.footer_bottom_list_items2 {
    display: flex;
    gap: 10px;
}

#sb_instagram .sbi_follow_btn a:hover,
#sb_instagram .sbi_follow_btn a:focus {
    opacity: 0.6;
    box-shadow: none !important;
}

#sbi_load .sbi_load_btn:hover {
    opacity: 0.6;
    box-shadow: none !important;
}

/* 追加分　2024/5/20 */


.info_banner {
    width: min(100%, 800px);
    margin-inline: auto;
    margin-top: 68px;
}

.header_search .search_area .header_serch_bar {
    width: min(100%, 790px);
    margin-inline: auto;
    padding-inline: 20px;
}



.header_search .search_area .header_serch_bar>div {
    width: min(100%, 700px);
}

.header_search .search_area .keyword_small {
    font-size: 14px;
}

.header_search .search_area .keyword_icon {
    font-size: 12px;
}

.header_search .search_area .keyword_date_2nd .keyword_icon {
    font-size: 14px;
}

.product .header_search .search_area.keyword_area dd,
.header_search .search_area.keyword_area .keyword_date,
.header_search .search_area.keyword_area .keyword_date_2nd a {
    line-height: calc(38 /16);
    font-weight: 500;
}



.header_search {
    padding-inline: 25px;
    max-width: 1090px;
}

.header_search .search_area .keyword_title,
.product .header_search .search_area dt {
    width: 100%;
    max-width: 124px;
    font-size: 16px;
    line-height: calc(27 /16);
}

.header_search .search_area.keyword_area {
    gap: 25px;
    margin-top: 20px;
}

.header_search .search_area.keyword_area:nth-child(3) {
    max-width: 850px;
    width: 100%;
}

.header_search .search_area.keyword_area:nth-child(4) {
    max-width: 950px;
    width: 100%;
}

.border2 {
    border-bottom: 1px solid #c5c4c4;
    padding-bottom: 30px;
    margin-bottom: 46px;
}



/* 横768以下の時 */
@media screen and (max-width: 767px) {
    .info_banner {
        padding-inline: 20px;
        margin-top: 30px;
        text-align: center;
    }

    .subtxt.subtxt--mgt.subtxt--mgt3 {
        margin-top: 3em;
    }

    .header_search .search_area button {
        padding: 0;
        height: 89%;
    }

    .product .header_search .search_area.keyword_area dt,
    .header_search .search_area .keyword_title {
        padding-inline: 20px;
        max-width: initial;
    }

    .header_search {
        padding-inline: 0;
    }

    .header_search .search_area.keyword_area {
        gap: 0;
    }

    .product .header_search .search_area dd,
    .header_search .search_area.keyword_area dd,
        {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 2;
    }

    .product .header_search .search_area.keyword_area .keyword_date_2nd a,
    .header_search .search_area.keyword_area .keyword_date_2nd a {
        line-height: 2;
    }

    header#top .header_top.nav_contact.temp {
        padding-inline: 25px;
        height: 100%;
        border-bottom: 1px solid #C3C1BF;
        padding-bottom: 25px;
    }

    .header_top__list-item {
        margin-top: 15px;
        max-width: 363px;
        width: 100%;
        margin-inline: auto;
    }

    .header_top__tit.Mincho {
        font-size: 20px;
        font-weight: 600;
        line-height: calc(34/20);
        text-align: center;
        margin-top: 25px;
    }

    .header_top__list-item:nth-child(2) {
        margin-top: 9px;
    }

    .header_top__list-item .c-footer-link {
        width: 100%;
        text-align: center;
        background-color: #E1463F;
        line-height: 42px;
        border-radius: 4px;

    }

    .header_search .search_area .header_serch_bar {
        padding-inline: 0;
    }

    .product .header_search .search_area dd {
        padding-inline: 0;
    }

    .header_top__list-item .c-footer-link.Mincho {
        font-size: 20px;
        font-weight: 800;
        line-height: 1;
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: #fff;
        border: 2px solid #E1463F;
        color: #E1463F;
        gap: 3px;
    }

    .header_top__list-item.header_top__list-item--green .c-footer-link {
        background-color: #9E874A;
    }

    .header_top__list-item.header_top__list-item--green .c-footer-link::before {
        background: url(../img/nav_list_book.png) no-repeat;
    }

    .header_top__list-item.header_top__list-item--green:nth-child(2) .c-footer-link::before {
        background: url(../img/online.png) no-repeat;
        width: 13px;
        height: 15px;
        left: 14px;
    }

    .header_top__list-item .c-footer-link span {
        display: block;
        font-size: 12px;
        line-height: 1;
        font-weight: 500;
        font-family: -apple-system,
            BlinkMacSystemFont,
            "Helvetica Neue",
            "Yu Gothic",
            YuGothic,
            "ヒラギノ角ゴ ProN W3",
            Hiragino Kaku Gothic ProN,
            Arial,
            "メイリオ",
            Meiryo,
            sans-serif;
    }

    .header_top__list-item.tell .c-footer-link::before {
        background: url(../img/tell.svg) no-repeat;
        width: 16px;
        height: 18px;
    }

    .banner_linkarea {
        padding-block: 21px 0;
        border-top: 1px solid #C3C1BF;

    }

    .banner_list {
        display: flex;
        justify-content: center;
        gap: 15px;
        max-width: 363px;
        width: 100%;
        margin-inline: auto;
    }

    .banner_item {
        width: 100%;
    }

    .banner_item a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .banner_item img {
        width: 100%;
        height: 100%;
        aspect-ratio: 175 / 50;
    }

    .fb_linkarea.nav {
        background-color: transparent;
        padding-block: 21px 0;
    }

    .fb_linkarea.nav a {
        justify-content: center;
        font-size: 18px;
        font-weight: 700;
        line-height: calc(31 / 18);
    }

    .fb_linkarea.nav a img {
        width: 42px;
        height: 42px;
    }

    #foot .foot .foot_top {
        padding-top: 0;
    }

    #foot .foot .foot_top p {
        font-weight: 600;
    }

    .header_top__list-item.tell.sp {
        margin-top: 19px;
    }

    .footer_area .c-footer-link {
        margin-top: 9px;
    }

    .footer_area .c-footer-link span.sp {
        display: inline-block !important;
    }

    .footer_bottom_list_items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 10px;
        gap: 13px;
    }

    #foot .foot .footer_bottom_list.sp {
        padding-top: 25px;
        border-bottom: initial;
    }

    .footer_bottom_insta {}

    .footer_bottom_insta a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        font-size: 18px !important;
        font-weight: 700;
        line-height: calc(31 / 18);
    }

    .footer_bottom_insta img {
        width: 42px;
        height: 42px;
    }

    footer {
        padding-bottom: 56px;
    }

    .footer_scroll {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 56px;
        z-index: 999;
    }



    .footer_scroll_list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        height: 100%;
    }

    .footer_scroll_list li {
        height: 100%;
    }

    .footer_scroll_item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 1px solid #fff;
        /* font-size: 13px; */
        font-size: clamp(0.625rem, 0.491rem + 0.671vw, 0.813rem);
        line-height: calc(16/13);
        font-weight: 600;
        background-color: #9E874B;
        color: #fff;
        height: inherit;
        gap: 8px;
        position: relative;
    }

    .footer_scroll_list li:nth-child(3) .footer_scroll_item {
        background-color: #E1463F;
    }



    .footer_scroll_item::before {
        content: "";
        display: inline-block;
        background: url(../img/nav_list_book.png) no-repeat center center / cover;
        width: 17px;
        height: 13px;
    }

    .footer_scroll_list li:nth-child(2) .footer_scroll_item:before {

        background: url(../img/online.png) no-repeat center center / cover;
        width: 13px;
        height: 15px;
    }

    .footer_scroll_list li:nth-child(3) .footer_scroll_item:before {

        background: url(../img/nav_list_mail.png) no-repeat center center / cover;
        width: 18px;
        height: 11px;
    }


    #foot .foot .footer_nav .inner .list li a {
        gap: 5px;
    }

    .product .header_search .search_area.keyword_area .keyword_date_2nd a,
    .product .header_search .search_area.keyword_area dd {
        font-weight: 400;
    }

    #contents .tab1,
    #contents .tab2 {
        overflow: initial !important;
    }

    .keyword_date_area {
        width: 100%;
    }

    .ckeckbox_area.mgb textarea {
        width: 100%;
    }


}


/* 20240913追加 */
.info_banner2 {
    width: min(100%, 800px);
    margin-inline: auto;
	margin-top:0;
    margin-bottom: 100px;
}

.top-outlet {
    position: relative;
    margin: 50px auto 0;
}

.top-outlet figure {
    position: relative;
    display: table;
    margin: 0 auto;
}


/* 横768以下の時 */
@media screen and (max-width: 767px) {
	.info_banner2 {
        padding-inline: 0px;
        margin-bottom: 60px;
        text-align: center;
    }
	
    .top-outlet {
        padding: 0 6%;
        margin: 30px auto 0;
    }

}


/* 20250304追加 */
.message-preparing{
	text-align: center;
}


/* 20250716追加：Pinterestアイコン追加 */
.footer_bottom_snsList{
	display: flex !important;
}

@media (min-width: 0) and (max-width: 767px) {
    .footer_bottom_snsList {
        display: none !important;
    }
}

.footer_bottom_snsList_sp{
	display: flex;
	justify-content: space-around;
}

.fb_linkarea_sns_list{
	display: flex;
	justify-content: space-around;
	max-width: 363px;
	width: 100%;
	margin-inline: auto;
	
}
.fb_linkarea_sns_list a:first-child{
	margin-bottom: 0 !important;
}