header {
    width: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.header_ttl {
    max-width: 750px;
    margin: 0 auto;
    font-size: .625em;
}

/*  ナビ固定  */
header .is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

/* ハンバーガーメニュー */
.hamburger {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 20;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    border-radius: 0;
    height: 44px;
    width: 20px;
    cursor: pointer;
    pointer-events: auto;
    margin-left: 10px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.hamburger:hover {
    cursor: pointer;
}

.hamburger span {
    background: #707070;
    width: 20px;
    height: 1px;
    position: absolute;
    transition: 0.3s ease-out;
}

.hamburger span:nth-of-type(1) {
    top: 15px;
}

.hamburger span:nth-of-type(3) {
    bottom: 14px;
}

/* メニュー */
.drawer_menu {
    width: 85%;
    height: 100vh;
    background: #fff;
    position: absolute;
    transform: translate(-100%);
    transition: 0.3s ease-out;
    padding: 50px 20px 20px 20px;
    top: 0;
    z-index: 10;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}

.drawer_menu::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none;
}

.drawer_menu li {
    margin-bottom: 10px;
}

.my_page {
    margin-bottom: 2em;
    text-align: center;
}

.btnsq,
a.btnsq {
    width: 90%;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding: 1.5em 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5em;
}

.btn_mypage,
a.btn_mypage {
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
}

.btn_mypage:hover,
a.btn_mypage:hover {
    background: #e5e5e5;
}

/* サイドメニューアコーディオン */
.sidetab-label {
    font-family: 'Quicksand', sans-serif;
    font-size: .8125em;
    letter-spacing: 2px;
    margin-bottom: 1.25em;
    width: 100%;
    color: #363636;
    margin-bottom: -1px;
    padding: 10px .5em;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
    display: block;
    position: relative;
}

.sidetab-content {
    height: 0;
    padding: 15px 5px;
    overflow: hidden;
    opacity: 0;
}

.sidetab-label:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 10px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #363636;
    border-right: solid 2px #363636;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.sidetab-switch:checked+.sidetab-label:before {
    top: 18px;
    transform: rotate(-45deg);
}

.sidetab-switch:checked+.sidetab-label+.sidetab-content {
    height: auto;
    overflow: auto;
    margin-bottom: -1px;
    opacity: 1;
    transition: .5s;
}

/* ラジオボタン非表示 */
.sidetab-switch {
    display: none;
}

.side_feature {
    margin-top: 1em;
    text-align: center;
}

.product_tit {
    font-family: 'Quicksand', sans-serif;
    font-size: .8125em;
    letter-spacing: 2px;
    margin-bottom: 1.25em;
}

.product_list ul {
    margin: 0;
    padding: 0;
    font-size: 1em;
    list-style: none;
}

.product_list li a {
    display: block;
    text-decoration: none;
    margin-bottom: 8px;
    line-height: 45px;
}

.product_list li img {
    width: 45px;
    height: aotu;
    margin-right: 10px;
    border-radius: 5px;
    vertical-align: middle;
}

/* ハンバーガーメニューにactiveクラスがついたときのスタイル */
.hamburger.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
    transition: 0.3s ease-out;
}

.hamburger.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
    transition: 0.3s ease-out;
}

.hamburger.active span:nth-of-type(2) {
    opacity: 0;
}

/* メニューにopenクラスがついたときのスタイル */
.drawer_menu.open {
    transform: translateX(0);
    transition: 0.3s ease-out;
}

.nav_wrapper .icon_btn {
    margin: 0;
    position: absolute;
    top: 12px;
    right: 0;
    margin-right: -20px;
    transform: translate(-50%, 0)
}

.icon_btn ul {
    margin: 0;
    padding: 0;
}

.icon_btn li {
    list-style: none;
    float: left;
    margin-left: 10px;
}

.share_btn ul {
    margin: .525em 0 1.25em 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.share_btn img.share {
    width: 20px;
    vertical-align: middle;
}

.share_btn img.heart {
    width: 20px;
    vertical-align: middle;
}

.share_btn li {
    font-size: .8125em;
    margin-right: 20px;
    letter-spacing: .125em;
}

.cart_icon {
    display: block;
    width: 22px;
    height: 20px;
    z-index: 20;
    background-size: 22px 20px;
    margin: -3px;
}

.cart_icon img {
    width: 22px;
}

.search_icon {
    background: transparent url(/img/icon/search.svg) no-repeat 0 0;
    display: block;
    width: 20px;
    height: 18px;
    z-index: 20;
    background-size: 20px 18px;
}

.close_icon {
    margin-right: 10px;
}

.search_icon:hover,
.cart_icon:hover {
    cursor: pointer;
    opacity: .6;
}

.search_box {
    position: fixed;
    width: 100%;
    z-index: 30;
    background: #fff;
    padding: 1em 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.search_contens {
    width: 90%;
    margin: 0;
    overflow: hidden;
}

/* ヘッダー検索 */
.search1 {
    position: relative;
    display: flex;
    background-color: #fff;
    line-height: 18px;
    left: 0;
    margin: 0;
    font-size: .85em;
}

.search1 dl {
    margin: 0;
    padding: 0;
}

.search1 dt {
    margin-right: 50px;
    padding: 0;
}

.search1 dt input {
    width: 100%;
    background: none;
    font-size: 16px;
    transform: scale(0.8);
    margin: 0;
}

.search1 dt input[type="text"]:focus {
    outline: 0;
}

.search1 dd {
    position: absolute;
    top: 0;
    right: 0;
}

.search1 dd button {
    display: block;
    background: none;
    border: none;
}

/* ギガメニュー */
.gnav-wrapper {
    display: none;
}

.gnav {
    display: none;
}

.megamenu {
    display: none;
}

.side_slick ul {
    margin: 0;
    padding: 0 0 1em 0;
    text-align: center;
}

.side_slick .slick-dots li{
    margin: 0;
    padding: 0;
}

/* container */
.container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
    overflow: hidden;
}

/* TOPページ */
.update_container {
    margin: 2.5em auto;
    width: 100%;
}

dl.updateList {
    margin: 0;
    padding: 0 1.25em;
    font-size: 14px;
    line-height: 1.8;
    width: 100%;
}

dl.updateList dt {
    width: 100%;
    padding: 8px;
    font-size: .875em;
    color: #fff;
    background: #1e1e1e;
    border-radius: 2px;
    font-weight: 600;
    letter-spacing: 1px;
}

dl.updateList dd {
    padding: 1em .5em 2em ;
}

dl.updateList dt span.cat {

}

.topmain_slick {
    width: 100%;
    text-align: center;
  }

.topmain_slick ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.topmain_slick .slick-dots li {
    margin: 0;
    padding: 0;
}

.topmain_slick figure {
    position: relative;
    display: inline-block;
    width: 100%;
}

.topmain_slick figure img {
    max-width: 100%;
    vertical-align: top;
}

.topmain_slick figure img.imgtxt {
    width: 40%;
    vertical-align: top;
}

.topmain_slick figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding:0 0 3em 1em;
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
}

.topmain_slick .swidth {
    width: 100%;
}

.slide-class {
    width: 100%;
    text-align: center;
}

.animation-slide {
    position: relative;
}

.slide-class .slider-arrow {
    position: absolute;
    z-index: 2
}

.slide-class .slider-prev {
    top: 50%;
    left: 3%;
}

.slide-class .slider-next {
    top: 50%;
    right: 3%;
}

.slick-slide .s-scale-w {
    max-width: 600px;
    position: relative;
    margin: 0 auto;
}

.slick-slide .s-scale-img {
    transform: scale(.75);
}

.slick-active .s-scale-img {
    animation: ScaleAni .5s ease .5s 1 normal both;
}

@keyframes ScaleAni {
    0% {
        transform: scale(.75);
    }

    100% {
        transform: scale(1);
    }
}

.slick-slide .s-scale-txt {
    position: absolute;
    font-family: 'NotoSansCJKjp', sans-serif;
    bottom: 10%;
    left: 0;
    transform: translate(-50%, -50%);
    opacity: 0;
    text-align: left;
}

.slick-active .s-scale-txt {
    animation-name: faderight;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes SlideScaleAni {
    from {
        opacity: 0;
        transform: translateX(0);
    }

    to {
        opacity: 1;
        transform: translateX(50px);
    }
}

.toplist {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 2em 0;
}

.toplist .col-5,
.toplist .col-5-2 {
    width: calc(24%);
    text-align: center;
    margin: 1em 0 0 .25em;
}

.toplist .col-5-2 p {
    font-size: .6875em;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Quicksand', sans-serif;
    color: #8a847c;
}

.toplist .col-5-2 p span {
    font-size: .875em;
    font-weight: 400;
    letter-spacing: .0625em;
    font-family: 'NotoSansCJKjp', sans-serif;
}

.toplist .col-5-2 img {
    width: 80%;
}

.article_card {
    height: 100%;
    background: white;
    margin: 0 .5em 0 .5em;
}

.article_txt {
    padding: 1em;
}

.article_txt h3 {
    font-size: .825em;
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 500;
    margin-bottom: 1em;
    letter-spacing: 1px;
}

.article_txt p {
    font-size: .75em;
    line-height: 160%;
    letter-spacing: 1px;
}

.article_card a {
    color: #363636;
}

.more_txt {
    margin-top: 2em;
}

.more_txt img {
    vertical-align: text-bottom;
}

.linkani1 {
    background:
    linear-gradient(currentColor 0 0) 0 100% /var(--d, 0) 1px no-repeat;
    transition: 0.25s;
}

  .linkani1:hover {
    --d: 60%;
  }

  .fixcontainer {
    width: 100%;
    padding: 4em 0 2em 0;
  }

  .left_contents {
    width: 100%;
    padding: 0 1em 3em 1em;
  }

  .right_contents {
    width: 100%;
  }

  .runking_title h2 {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Quicksand', sans-serif;
  }

  .runking_title h3 {
    font-size: .825em;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'Quicksand', sans-serif;
    color: #999;
    margin-bottom: 2em;
  }

  .runking_title p {
    font-size: .825em;
    letter-spacing: 1px;
    line-height: 160%;
  }

  .runking_slick {
    width: 100%;
    text-align: center;
  }

  .runking_slick div {
    padding: 0;
    margin-bottom: .5em;
  }

  .runking_slick .slider-arrow {
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
  }

  .runking_slick .slider-prev {
    top: 50%;
    left: 0;
  }

  .runking_slick .slider-next {
    top: 50%;
    right: 0;
  }

  .top_tekkicraft {
    background: #403d39;
    height: 100%;
  }

  .top_tekkicraft div.waku {
    padding: 3em 1em;
    width: 100%;
    margin: 0 0 0 auto;
    color: white;
  }

  .top_tomoyasuss {
    background: #403d39;
    height: 100%;
  }

  .top_tomoyasuss div.waku {
    padding: 3em 1em;
    width: 100%;
    margin: 0 0 0 auto;
    color: white;
  }

  .top_quon {
    background: #d4c9be;
    height: 100%;
  }

  .top_quon div.waku {
    padding: 3em 1em;
    width: 100%;
    margin: 0 auto 0 0;
  }

  .top_tekkicraft p,
  .top_tomoyasuss p,
  .top_quon p {
    font-size: .825em;
    line-height: 160%;
    letter-spacing: 1px;
  }

  .top_tekkicraft h2,
  .top_tomoyasuss h2,
  .top_quon h2 {
    font-size: 1.15em;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 2em;
    text-align: center;
  }

  .top_tekkicraft .row li,
  .top_tomoyasuss .row li,
  .top_quon .row li {
    padding: 2em .75em;
  }

  .top_brandcard {
    padding: 2em;
    font-size: .875em;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
}

.top_brandcard img {
    width: 100%;
    margin-bottom: .5em;
    border: solid 1px #fff;
}

  .price_card {
    position: relative;
  }

  .price_card p {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 45%;
    margin: 0 2em;
    padding: 1em;
    background: rgba(156, 149, 141, 0.7);
    color: #fff;
    font-size: .75em;
    letter-spacing: 1px;
    text-align: left;
  }

  .price_card img {
    width: 100%;
  }


/* カート横画像 */
.wrap {
    width: 100%;
}

.item_field {
    width: 100%;
    margin: 0;
}

.item_image {
    width: 100%;
}

.item_image .slider {
    width: 100%;
}

.item_image ul {
    margin: 0;
    padding: 0;
}

.slide-item img {
    width: 100%;
}

#thumbnail-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: .625em 0.625em 0 .625em;
}

#thumbnail-list li {
    list-style: none;
    margin-right: .625em;
}

.thumbnail-item {
    flex: 0 0 12.4%;
    margin-bottom: 10px;
    box-sizing: border-box;
    position: relative;
}

.thumbnail-item:after {
    content: '';
    border: solid 2px rgba(0, 0, 0, 1);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.thumbnail-item.thumbnail-current:after {
    opacity: 1;
}

.thumbnail-item img {
    width: 100%;
    margin: 0 auto;
}

/* 商品詳細フィールド */
.item_data {
    width: 100%;
    padding: 1.4375em;
    background-color: #fff;
}

/* パンくず */
.BreadcrumbList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.BreadcrumbList li {
    display: inline;
    list-style: none;
    font-size: .8125em;
    letter-spacing: .1875em;
}

.BreadcrumbList li:after {
    content: '>';
    padding: 0 0.2em;
    color: #434343;
}

.BreadcrumbList li:last-child:after {
    content: '';
}

.BreadcrumbList li a {
    text-decoration: none;
    color: #434343;
}

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

/* 商品タグ */
.tagu_list {margin-top: 1.5em; font-size: .875em; letter-spacing: 1px; color:#fff;}
.tagu_type { padding: 5px 10px; margin-right: .5em; background: #83AEB5; border-radius: 3px;}
.tagu_hosyo { padding: 5px 10px; margin-right: .5em; background: #BBB6AF; border-radius: 3px;}
.tagu_sale { padding: 5px 10px; margin-right: .5em; background: #dcaa97; border-radius: 3px;}

/* 商品名・納期・価格 */
.item_data h1 {
    font-weight: 300;
    padding-top: 1.4375em;
    font-size: 1.25em;
    letter-spacing: .1875em;
}

.item_data p.sku {
    font-weight: 300;
    padding-top: .1875em;
    font-size: .8125em;
    letter-spacing: .1875em;
    color: #ADADAD;
}

.item_data p.price {
    font-weight: 400;
    padding-top: 1.4375em;
    padding-bottom: 1.4375em;
    font-size: 1.375em;
    letter-spacing: .1875em;
}

span.tax {
    font-weight: 300;
    padding-top: .1875em;
    font-size: .75em;
    letter-spacing: .1875em;
    vertical-align: bottom;
}

.day_zk {
    background: #DDAA97;
    font-weight: 400;
    color: #fff;
    padding: .5em .875em;
    font-size: .9375em;
    text-decoration: none;
    text-align: center;
    letter-spacing: .1875em;
    border-radius: 5px;
}

.day_jq {
    background: #83AEB5;
    font-weight: 400;
    color: #fff;
    padding: .5em 0;
    font-size: .8125em;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    letter-spacing: .0625em;
}

.expected_date {
    font-size: .9em;
}

.shipping {
    background: #fff;
    font-weight: 400;
    color: #707070;
    padding: 1em 1.25em;
    font-size: .62em;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    border: solid 1px #707070;
}

.select_tit {
    margin: 1.875em 0 1.25em 0;
    padding-top: .9375em;
    font-size: .875em;
    letter-spacing: .1875em;
    border-top: solid 1px #D0D0D0;
}
ul.select_group,ul.select_group2,ul.select_group3 {
    padding: 0;
    margin: 0;
}

ul.select_group li {
    width: 15%;
    display: inline-block;
    text-align: center;
    margin-right: .125em;
    padding: 0;
}

.select_group label img,.select_group2 label img,.select_group3 label img {
    margin: 1px;
    padding: 1px;
    border: solid 1px #D0D0D0;
    border-radius: 5px;
}

.select_group input[type="radio"],.select_group2 input[type="radio"],.select_group3 input[type="radio"] {
    display: none;
}

.select_group input[type="radio"]:checked+label img,.select_group2 input[type="radio"]:checked+label img,.select_group3 input[type="radio"]:checked+label img {
    background: #363636;
}

ul.select_group2 li {
    width: 31%;
    display: inline-block;
    text-align: center;
    margin-right: 1%;
}

ul.select_group3 li {
    width: 96%;
    display: inline-block;
    text-align: center;
    margin-right: 1%;
    margin-bottom: 2%;
}

.select_name {
    padding: .9375em;
    margin: 1.875em 0 0 0;
    font-size: .875em;
    background: #f8f8f8;
    letter-spacing: .1875em;
    line-height: 160%;
}

.item_comme {
    margin: 1.875em 0 1em 0;
    font-size: .8125em;
    letter-spacing: .0625em;
    line-height: 160%;
}

.sim_text {
    width: 100%;
    margin: 1em auto 0 auto;
    padding: 1em .5em;
    border-top: dotted 1px #ccc;
    text-align: left;
}

.sim_text .list_item {
    margin: 0 0 0.5em 0;
    padding: 0;
}

.sim_text label {
    line-height: 135%;
    position: relative;
    margin: 1em 0;
    padding: .5em .85em .75em .85em;
    cursor: pointer;
    font-size: .875em;
    border: solid 1px #ccc;
    border-radius: 80px 80px 80px 80px;
}

.sim_text .option-input {
    position: relative;
    margin: 0 1em 0 0;
    cursor: pointer;
    border: none;
}

.sim_text .option-input:before,
.sim_text .option-input:after {
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    content: '';
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    background: #ffffff;
}

.sim_text .option-input:after {
    z-index: 0;
    top: -1px;
    left: -1px;
    width: 18px;
    height: 18px;
    background: #3e3e3e;
}

.sim_text .option-input:checked:before {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-width: 6px;
    border-color: #3e3e3e;
}

.sim_text .option-input:checked:+label::before {
    top: 0;
    width: 100%;
    height: 100%;
    background: #da3c41;
}

.balloon1-top {
    position: relative;
    display: inline-block;
    margin: .5em 0;
    padding: .75em 1em;
    width: 100%;
    color: #555;
    font-size: 16px;
    background: #f8f7f5;
    font-size: .875em;
    line-height: 160%;
}

.balloon1-top:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 10%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #f8f7f5;
}

.balloon1-top p {
    margin: 0;
    padding: 0;
}

.cnt {
    background: #fff;
    font-weight: 400;
    color: #707070;
    padding: .5em 0;
    font-size: .9375em;
    text-decoration: none;
    text-align: center;
    letter-spacing: .1875em;
    border: solid 1px #707070;
}

.counterOutput {
    width: 40px;
    font-size: 16px;
    border: none;
    text-align: center;
}

input[type="submit"] {
    width: 100%;
    background: #464646;
    font-weight: 400;
    color: #fff;
    padding: .75em 1.25em;
    font-size: .9375em;
    text-decoration: none;
    text-align: center;
    letter-spacing: .1875em;
    border-radius: 5px;
}

input[type="submit"]:hover {
    opacity: .7;
}

.txt_shipping {
    font-size: .625em;
}

.txt_attention {
    font-size: .75em;
    line-height: 1.5em;
}

p.txt_other5 img {
    margin-bottom: .5em;
}

p.txt_other5 {
font-size: .75em;
}

ul.arrow_list {
    list-style: none;
    margin: 1.875em 0 1em 0;
    padding: 0;
}

ul.arrow_list li {
    padding: 0 0 .25em 2em;
    line-height: 1.8em;
    font-size: .875em;
    background: url(/img/icon/arrow-right-circle-fill.svg) left 0px top 3px no-repeat;
    background-size: 18px auto;
    text-decoration: underline;
}

ul.base {
    list-style-type: disc;
    margin:1em 0 0 1.5625em;
    line-height: 180%;
    padding: 0;
}

ul.base li {
    margin-bottom: .75em;
}

.sp_cart {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: .85em 1em .45em 1em;
    background: #fff;
    border-top: solid 1px #ccc;
    z-index: 9999;
}

.dl_itemdeli,
.dl_itemcart {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.dl_itemdeli dt,
.dl_itemdeli dd,
.dl_itemcart dt,
.dl_itemcart dd {
    box-sizing: border-box;
    margin-bottom: 15px;
}

.dl_itemdeli dt,
.dl_itemcart dt {
    width: 125px;
}

.dl_itemdeli dd,
.dl_itemcart dd {
    width: calc(100% - 125px);
    padding-left: 10px;
    display: flex;
    align-items: center;
}

/* シュミレータ用タブ */
.simulator_tab {
    margin-bottom: .625em;
}

.simulatortab-label {
    width: 100%;
    color: #363636;
    background: #F7F5F0;
    margin-bottom: -1px;
    padding: 10px .5em;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
    display: block;
    position: relative;
}

.simulatortab-content {
    height: 0;
    padding: 0 15px;
    overflow: hidden;
    opacity: 0;
}

#active_tab {
    height: 100%;
    overflow: hidden;
    padding: 0;
    opacity: 1;
}

.simulatortab-label:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 10px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 6px;
    height: 6px;
    border-top: solid 1px #363636;
    border-right: solid 1px #363636;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.simulatortab-switch:checked+.simulatortab-label:before {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    top: 16px;
    transform: rotate(-45deg);
}

/* アクティブなタブ */
.simulatortab-switch:checked+.simulatortab-label {
    color: #fff;
    background: #464646;
}

.simulatortab-switch:checked+.simulatortab-label+.simulatortab-content {
    height: auto;
    overflow: auto;
    margin-bottom: -1px;
    padding: 15px 0;
    opacity: 1;
    transition: .5s;
}

/* ラジオボタン非表示 */
.simulatortab-switch {
    display: none;
}


/* 商品詳細・寸法図タブ */
.tab-label {
    width: 100%;
    color: #363636;
    background: #F7F5F0;
    margin-bottom: -1px;
    padding: 10px .5em;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
    display: block;
    position: relative;
}

.tab-content {
    height: 0;
    padding: 0 15px;
    overflow: hidden;
    opacity: 0;
}

.tab-label:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 25px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #363636;
    border-right: solid 2px #363636;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.tab-switch:checked+.tab-label:before {
    top: 18px;
    transform: rotate(-45deg);
}

/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: #F7F5F0;
}

.tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    margin-bottom: -1px;
    padding: 15px 0;
    opacity: 1;
    transition: .5s;
}

/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

/* 商品詳細表 */
.product_tbl th {
    background: #F8F8F8;
    border: solid 1px #707070;
    color: #363636;
    padding: 10px;
}

.product_tbl td {
    border: solid 1px #707070;
    padding: 10px;
}

.product_tbl {
    width: 100%;
    font-size: 1.0625em;
}

.product_tbl tr:last-child {
    border-bottom: 1px solid #707070;
}


.product_tbl {
    width: 100%;
}

.product_tbl th,
.product_tbl td {
    border-bottom: none;
    display: block;
    padding: 10px;
    font-size: .8125em;
    width: 100%;
}

.product_tbl td ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}

.product_tbl td li {
    margin: .5em 0;
    line-height: 1.4;
}

.order_protocol {
    margin-top: 1.875em;
    line-height: 1.4;
    border: dotted 1px #707070;
    padding: 10px;
}

.order_protocol p {
    font-weight: 400;
    color: #363636;
    padding: .625em 0 0 .625em;
}

.order_protocol ul {
    padding: 1em 0 0 1.75em;
}

.order_protocol li {
    margin: .5em 0;
    font-size: .925em;
}

/* コンテンツ */
.wapper{
    overflow: hidden;
}


.contents {
    width: 100%;
    padding: 1.4375em;
    background-color: #fff;
}

.contents h2 {
    font-weight: 400;
    padding: 1em 0 1.5em 0;
    font-size: 1.25em;
    letter-spacing: .0625em;
    border-top: solid 1px #ccc;
    list-style: 160%;
}

.contents h2 span {
    display: block;
    margin-bottom: .5em;
    color: #aaa;
    font-size: 1em;
    font-family: 'Quicksand', sans-serif;
    font-weight: normal;
}

.contents h3 {
    font-weight: 400;
    padding: 3.125em 0 .5em 0;
    font-size: 1.25em;
    letter-spacing: .1875em;
    line-height: 160%;
    text-align: left;
}

.contents h3 span {
    display: block;
    margin-bottom: .2em;
    color: #aaa;
    font-size: 1em;
    font-family: 'Quicksand', sans-serif;
    font-weight: normal;
}

.contents_tit {
    padding: 2.25em 0 1.25em 0;
    font-size: 1.25em;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: .1875em;
}

.subcontents_tit {
    padding: 1.25em 0 .5em;
    font-size: 1.25em;
    font-family: 'Quicksand', sans-serif;
    letter-spacing: .1875em;
}

.kiyaku_tit {
    font-size: 1.25em;
    font-weight: bold;
    margin: 1.5em 0 .85em 0;
}

.product_point {
    display: flex;
    flex-wrap: wrap;
}

.product_point .col-3,
.product_point .col-2 {
    width: 100%;
}

.product_point img {
    border-radius: 6px;
}

.point_h {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 500;
    padding:1.25em 0 .9375em 0;
    letter-spacing: 1px;
}

.point_txt {
    font-size: .8125em;
    letter-spacing: .1875em;
    line-height: 160%;
    margin-bottom: 2.5em;
}

.contens_txt {
    line-height: 180%;
    letter-spacing: .0625em;
    padding: 1.25em 0 3.125em 0;
}

.center_h {
    font-weight: 400;
    padding-top: 1em;
    letter-spacing: .1875em;
    text-align: center;
}

.center_txt {
    line-height: 180%;
    letter-spacing: .0625em;
    padding: .5em 0 3.125em;
    line-height: 160%;
    text-align: center;
}

.contens_txt {
    line-height: 170%;
    letter-spacing: .0625em;
    padding: 1.25em 0 3.125em 0;
}

.guid_txt,.guid_txtc {
    line-height: 1.8;
    letter-spacing: .0625em;
    padding: 1.25em 0 2em;
    font-size: .9375em;
}

.related_product {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2.25em;
}

.related_product .catelist {
    width: calc(60% - 15px);
    display: inline-block;
    margin-right: 15px;
    overflow-x: hidden;
    padding-bottom: 1.25em;
}

.category_list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -20px;
}

.category_list .catelist {
    width: calc(50% - 20px);
    margin-left: 20px;
    margin-bottom: 20px;
}

.catelist img {
    border-radius: 6px;
}

.catelist .name {
    font-size: .8125em;
    font-weight: 500;
    letter-spacing: .0625em;
    padding: .9375em .3125em .5em .3125em;
}

.catelist .price {
    font-size: .8125em;
    color: #A8A8A8;
    letter-spacing: .0625em;
    padding: 0 .3125em;
}

.cate_chair,.cate_table,.cate_sofa,.cate_cabinet,.cate_board,.cate_dresser,.cate_sign,.cate_custom,.cate_kagusample,.cate_sample,.cate_furniture,.cate_coupdecoeur,.cate_ajourmeuble,.cate_lakalyfurniture,.cate_quon,.cate_gart,.cate_furniture,.cate_cleaning_tools,.cate_brushup,.cate_livingware,.cate_lillrit {
    width: 100%;
    height: 330px;
    vertical-align: middle;
}

.cate_furniture { background: url(/img/shop/cate_head_furniture_sp.jpg) no-repeat 0; background-size: cover;}
.cate_chair { background: url(/img/shop/cate_head_chair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_sofa { background: url(/img/shop/cate_head_sofa_sp.jpg) no-repeat 0; background-size: cover;}
.cate_table { background: url(/img/shop/cate_head_table_sp.jpg) no-repeat 0; background-size: cover;}
.cate_cabinet { background: url(/img/shop/cate_head_cabinet_sp.jpg) no-repeat 0; background-size: cover;}
.cate_sign { background: url(/img/shop/cate_head_sign_sp.jpg) no-repeat 0; background-size: cover;}
.cate_board { background: url(/img/shop/cate_head_board_sp.jpg) no-repeat 0; background-size: cover;}
.cate_dresser { background: url(/img/shop/cate_head_dresser_sp.jpg) no-repeat 0; background-size: cover;}
.cate_cleaning_tools { background: url(/img/shop/cate_head_cleaning_tools_sp.jpg) no-repeat 50% 50%; background-size: cover;}
.cate_kagusample,.cate_sample { background: url(/img/shop/cate_head_kagusample_sp.jpg) no-repeat 0; background-size: cover;}

.cate_highstool { background: url(/img/shop/cate_head_highstool_sp.jpg) no-repeat 0; background-size: cover;}
.cate_metalchair { background: url(/img/shop/cate_head_metalchair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_leglesschair { background: url(/img/shop/cate_head_leglesschair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_foldingchair { background: url(/img/shop/cate_head_foldingchair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_chairlegs { background: url(/img/shop/cate_head_chairlegs_sp.jpg) no-repeat 0; background-size: cover;}
.cate_chairlegs { background: url(/img/shop/cate_head_chairlegs_sp.jpg) no-repeat 0; background-size: cover;}
.cate_stool { background: url(/img/shop/cate_head_stool_sp.jpg) no-repeat 0; background-size: cover;}
.cate_woodchair { background: url(/img/shop/cate_head_woodchair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_highchair { background: url(/img/shop/cate_head_highchair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_kidschair { background: url(/img/shop/cate_head_kidschair_sp.jpg) no-repeat 0; background-size: cover;}
.cate_outdoorchair { background: url(/img/shop/cate_head_outdoorchair_sp.jpg) no-repeat 0; background-size: cover;}

.cate_quon { background: url(/img/shop/cate_head_quon_sp.jpg) no-repeat 0; background-size: cover;}
.cate_brushup,.cate_livingware { background: url(/img/shop/cate_head_brushup_sp.jpg) no-repeat 50% 50%; background-size: cover;}
.cate_tomoyasuss { background: url(/img/shop/cate_head_tomoyasuss_sp.jpg) no-repeat 0; background-size: cover;}
.cate_tekkicraft { background: url(/img/shop/cate_head_tekkicraft_sp.jpg) no-repeat 0; background-size: cover;}
.cate_iohastools { background: url(/img/shop/cate_head_iohastools_sp.jpg) no-repeat 0; background-size: cover;}
.cate_coupdecoeur { background: url(/img/shop/cate_head_coupdecoeur_sp.jpg) no-repeat 0; background-size: cover;}
.cate_ajourmeuble { background: url(/img/shop/cate_head_coupdecoeur_sp.jpg) no-repeat 0; background-size: cover;}
.cate_lakalyfurniture { background: url(/img/shop/cate_head_lakalyfurniture_sp.jpg) no-repeat 0; background-size: cover;}
.cate_gart { background: url(/img/shop/cate_head_gart_sp.jpg) no-repeat 0; background-size: cover;}
.cate_lillrit { background: url(/img/shop/cate_head_lillrit_sp.jpg) no-repeat 0; background-size: cover;}
.cate_tekkicraft,.cate_tomoyasuss,.cate_iohastools {
    width: 100%;
    height: 330px;
    vertical-align: middle;
    color: #fff;
}

.cate_company,.cate_colororder,.cate_tomoyasukagu  {
    width: 100%;
    height: 330px;
    vertical-align: middle;
    color: #fff;
}

.cate_shop {
    background: #ddd9d1;
    height: 100px;
    vertical-align: middle;
}

.cate_company { background: url(/img/shop/companymain_sp.jpg) no-repeat 0; background-size: cover;}
.cate_colororder { background: url(/img/shop/colorordermain_sp.jpg) no-repeat 0; background-size: cover;}
.cate_tomoyasukagu { background: url(/img/shop/tomoyasukagumain_sp.jpg) no-repeat 0; background-size: cover;}

.cate_chair h2,.cate_table h2,.cate_sofa h2,.cate_cabinet h2,.cate_board h2,.cate_dresser h2,.cate_sign h2,.cate_custom h2,.cate_kagusample h2,.cate_sample,.cate_furniture h2,.cate_coupdecoeur h2,.cate_ajourmeuble h2,.cate_lakalyfurniture h2,.cate_quon h2,.cate_gart h2,.cate_furniture h2,.cate_cleaning_tools,.cate_brushup h2,.cate_livingware h2,.cate_lillrit h2 {
    letter-spacing: 2px;
    font-size: 1.25em;
    font-weight: normal;
    color: #453c36;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    line-height: normal;
    padding-top: 60px;
}

.cate_tekkicraft h2,.cate_tomoyasuss h2,.cate_iohastools h2 {
    letter-spacing: 2px;
    font-size: 1.25em;
    font-weight: normal;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    line-height: normal;
    padding-top: 60px;
}

.cate_shop h2 {
    letter-spacing: 2px;
    font-size: 1.25em;
    font-weight: normal;
    color: #453c36;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    line-height: normal;
    padding-top: 20px;
}

.cate_company h1,.cate_tomoyasukagu h1 {
    letter-spacing: 2px;
    font-size: .75em;
    font-weight: normal;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    line-height: 1em;
    padding-top: 50%;
    text-align: center;
}

.cate_colororder h1 {
    letter-spacing: 2px;
    font-size: .75em;
    font-weight: normal;
    color: #000;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    line-height: 1em;
    padding-top: 40px;
    text-align: center;
}

.intro {
    width: 100%;
    font-size: .9375em;
    margin: 12px 0;
    text-align: center;
    margin-bottom: 15px;
}

.bg-hidden {
    top: -100%;
    opacity: 0;
}

.bg-visible {
    top: 0;
    opacity: 1;
}

.hero {
    position: relative;
    width: 100%;
    height: 300px;
    background: rgb(50, 50, 50);
    background: url(/img/shop/companymain_sp.jpg) no-repeat fixed;
    background-size: 100%;
    overflow: hidden;
}

.hero h1 {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: .3em;
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-shadow: #000 2px 0 10px;
}

.concept_field {
    padding: 1.5em 0 2.5em;
    margin-bottom: 1em;
}

.concept_tit {
    text-align: center;
    font-size: 1.125em;
    letter-spacing: .0625em;
    margin-bottom: 1.25em;
}

.concept_txt {
    line-height: 190%;
    letter-spacing: .0625em;
    padding: 1.25em 0 2em;
    font-size: .9375em;
    text-align: center;
}

.cate_company .intro {
    width: 100%;
    font-size: .9375em;
    margin: 12px 0;
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}

.catefield {
    padding: 1.25em 0 0 1.25em;
}

.category_txt {
    font-size: .9375em;
    line-height: 180%;
    letter-spacing: .0625em;
    margin: 0 0 1.25em;
    padding: 1.25em;
    background: #fcfcfc;
}

.list_field {
    width: 100%;
}

.basic_tbl th {
    border-top: solid 2px #707070;
    color: #363636;
    padding: 10px;
    font-weight: 600;
    text-align: left;
}

.basic_tbl td {
    border-top: dotted 1px #a9afb4;
    padding: 10px;
}

.basic_tbl {
    width: 100%;
    font-size: 1.0625em;
    margin-bottom: 1.5em;
}

.basic_tbl tr:last-child {
    border-bottom: 1px solid #707070;
}

.basic_tbl {
    width: 100%;
}

.basic_tbl th,
.basic_tbl td {
    border-bottom: none;
    display: block;
    padding: 10px;
    font-size: .8125em;
    width: 100%;
}

.basic_tbl td {
    padding: 1.3em 1em;
    border-bottom: solid 1px #d8d8d8;
    font-size: .8125em;
    letter-spacing: .0625em;
}

.normal_tbl {
    border-collapse: collapse;
    width: 100%;
    line-height: 180%;
}

.normal_tbl {
    width: 100%;
    border-bottom: 1px solid #999;
    margin-top: 1.5625em;
}

.normal_tbl td {
    display: block;
    padding: 10px;
}

.normal_tbl th {
    display: block;
    padding: 10px;
    border-top: none;
    border-bottom: none;
    background-color: #eee;
    border-top: 1px solid #999;
    font-weight: normal;
}


.scroll_tbl {
    display: block;
    position: relative;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    border: solid 1px #ccc;
}

.scroll_tbl thead {
    display: block;
    float: left;
}

.scroll_tbl tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
-
}

.scroll_tbl th {
    display: block;
    background-color: #eee;
    padding: .5em;
    font-weight: normal;
}

.scroll_tbl td {
    display: block;
    padding: .5em;
    border-right: solid 1px #ccc;
}

.scroll_tbl tr {
    display: inline-block;
}

.scroll_tbl tbody tr {
    margin-right: -5px;
}

details {margin-bottom: 1em;}
summary {
  position: relative;
  padding: 1em;
  cursor:pointer;
  background-color:#F3F1EB;
  outline: none;
  font-size: 1em;
}
summary::-webkit-details-marker {
  position: absolute;
  color: transparent;
}
summary:hover {
  background-color: #DCD9D1;
  transition: .5s ;
}
summary::after { content: '＋';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
transition: transform .5s;
border: 0; 
}
details[open] summary::after { content: '－'; }
.answer {
  padding: 1em;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 5px 5px;
  line-height: 160%;
  font-size: .9375em;
}
details[open] .answer { animation: fadein .5s ease-in-out;}
@keyframes fadein {
  0%{opacity: 0;}
  100%{opacity: 1;}
}

.googlemap {
    width: 100%;
    height: 400px;
    border: 0;
}


.side_menu {
    display: none;
}

.list_menu {
    width: 100%;
    background-color: #fff;
}
.arrow_list2 ul{
    padding: 0;
}

.arrow_list2 li {
    position: relative;
    padding-left: .9375em;
    margin-bottom: 1.375em;
    font-size: 1em;
    letter-spacing: 1px;
    list-style: none;
}

.arrow_list2 li a {
    display: block;
    color: #707070;
}

.arrow_list2 li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #888;
    border-right: 1px solid #888;
    transform: rotateZ(-45deg);
}

.service {
    padding: 3.25em 1.125em;
    background-color: #FCFCFC;
    font-size: .6em;
}

.service .col-3-3 {
    padding: 0 .5em;
}

.service img {
    margin-bottom: 1em;
}

/* ライブラリー */
.library_wap {
    padding: 0;
}

.blogMokuji {
    margin: 1.875em 0 0 .3125em;
}

.blogMokuji span {
    font-weight: bold;
    margin-bottom: 1.875em;
    border-bottom: 3px #dcd9d2 solid;
    /* "目次"アンダーバー装飾 */
    padding: 0 1.875em .625em 1.875em;
}

.blogMokuji ul {
    margin-bottom: .625em;
    padding: 0;
}

.blogMokuji li {
    font-size: 1em;
    list-style-type: decimal-leading-zero;
    margin-left: 1.875em;
    padding-top: .3125em;
    line-height: 160%;
}

.blogMokuji a {
    text-decoration: underline;
    color: #86766b;
}

.library_wap h3 {
    text-align: center;
    padding: .9375em 0;
    margin: 1.25em 0 0 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.library_wap h4 {
    font-size: 1.25em;
    margin: 1em 0 .625em 0;
    padding-bottom: .3125em;
    letter-spacing: .125em;
    color: #000;
    border-bottom: dotted 1px #dcd9d2;
}

.library_wap p {
    line-height: 200%;
}

.library_wap .point {
    margin: 1.875em 0 .625em .625em;
    font-weight: bold;
}

.library_wap .point_text {
    margin-left: .625em;
}

.library_wap ol,
ul {
    padding-left: 2em;
    margin-bottom: 1.875em;
}

.library_wap li {
    padding-bottom: .625em;
    line-height: 200%;
}

.text a {
    text-decoration: underline;
    color: #83AEB5;
}

hr.hspace {
    border: none;
    height: 40px;
}

/* 段組 */
.row {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.row .col-2,
.row .col-3 {
    width: calc(100%);
}

.row .col-4,
.row .col-5,
.row .col-6,
.row .col-2-2,
.row .col-4-2,
.row .col-5-2 {
    width: calc(50%);
}

.row .col-3-3,
.row .col-6-3 {
    width: calc(33%);
}

.dl_kiyaku {
    margin: 1.5625em 0.625em 0 0.625em;
}

.dl_kiyaku p {
    padding-top: 0.625em;
    padding-bottom: 1.875em;
}

.dl_kiyaku dl {
    width: 100%;
}

.dl_kiyaku dt {
    font-size: 1.1875em;
}

.dl_kiyaku dd {
    padding-top: .625em;
    padding-left: .9375em;
    padding-bottom: 1.875em;
}

.dl_kiyaku ol {
    margin-left: .5em;
}

.dl_border dt {
    margin-top: 1em;
    padding: 0 1em;
    background-color: #eee;
    border: solid 1px #999;
}

.dl_border dd {
    padding: 0 1em;
    margin-left: 0;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: #999;
}

/* トップへ戻る */
#topBtn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    line-height: 45px;
    text-align: center;
    background: #464646;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#topBtn:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 14px;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(-45deg);
}

#topBtn.hide {
    bottom: -10px;
    transform: translateY(100%);
}

/*  インフォメーション  */
.info_field {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    margin-bottom: 1.2em;
}

h2.infom {
    text-align: center;
    padding: 3em 0 .25em;
    font-size: 1.5em;
    letter-spacing: 2px;
}

p.infos {
    text-align: center;
}

p.midashi {
    font-family: 'Quicksand', sans-serif;
    padding: .625em 0;
    margin-bottom: .625em;
    text-align: center;
    background: #f4f1ec;
    letter-spacing: 2px;
}

.info_field div.delivery {
    width: 100%;
}

.info_field div.payment {
    width: 100%;
}

.info_field div.inquiry {
    width: 100%;
}

.dlList dt {
    margin-top: 0.9375em;
    padding-bottom: 3px;
    border-bottom: dotted 1px #666;
}

.dlList dd {
    padding: 3px;
}

.box_1530 {
    padding: .9375em 0;
    line-height: 180%;
}

.box_1515 {
    padding: .9375em 0;
    line-height: 180%;
}

.info_waku {
    padding: 1.25em 0;
}

.title_icon {
    font-size: 1.25em;
    vertical-align: middle;
    padding-bottom: .25em;
    color: #000;
}

.title_icon img.arrow {
    margin-top: 4px;
    width: 18px;
    vertical-align: top;
}

/*  ボタン  */
.btn_square {
    display: table;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 1em 0;
    text-decoration: none;
    color: #2B2B2B;
    border: solid 1px #2B2B2B;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
}

.btn_square a {
    display: block;
    width: 100%;
    cursor: hand;
    text-align: center;
}

.btn_square_w a {
    display: table;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 1em 0;
    text-decoration: none;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
}

.btn_square_w a:hover {
    background: #64605a;
}

.btn_square_w img.arrow2 {
    margin: 1px 5px 0 0;
    width: 18px;
    vertical-align: top;
}

.btn_square p {
    text-align: center;
}

.btn_square:hover {
    background: #eef6eb;
    color: white;
}

.btn_square img.arrow2 {
    margin: 0 5px 0 0;
    width: 20px;
    vertical-align: top;
}

/* 工務店 */
#koumuten {
    padding: 2.5em 1.5em;
    background-color: #bbb6af;
}

.eiji {
    font-family: 'Quicksand', sans-serif;
    color: #736559;
    font-size: .8125em;
    margin-top: .25em;
    padding-bottom: 1em;
    letter-spacing: 2px;
}

#koumuten p.txt {
    margin-top: 1em;
    font-size: .8125em;
    line-height: 1.8;
    letter-spacing: 2px;
}

#koumuten p.txtb {
    margin-top: 1.5em;
    margin-bottom: .8em;
    font-size: 1em;
    line-height: 1.8;
    letter-spacing: 2px;
}

#koumuten p.tempo {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 1em;
    letter-spacing: 2px;
}

#koumuten p.txtm {
    margin: 0;
    font-size: .85em;
    line-height: 1.8;
    letter-spacing: 2px;
}

#koumuten p.txts {
    margin: 0 0 1.5em 0;
    font-size: .75em;
    line-height: 1.8;
    letter-spacing: 2px;
}

.btn_glink a {
    line-height: 1.2;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background: #5f5b54;
    border-radius: 3px;
    transition: .4s;
    font-size: .8125em;
    color: #ddd9d2;
}

.btn_glink a:hover {
    opacity: .8;
}

.btn_glink p {
    text-align: center;
}

#cafe {
    padding: 2.5em;
    background-color: #E6E6E6;
}

.eiji {
    font-family: 'Quicksand', sans-serif;
    color: #736559;
    font-size: .8125em;
    margin-top: .25em;
    padding-bottom: 1em;
    letter-spacing: 2px;
}

#cafe p.txt {
    margin-top: 1em;
    font-size: .8125em;
    line-height: 1.8;
    letter-spacing: 2px;
}

#cafe p.txtb {
    margin-top: 1.5em;
    margin-bottom: .8em;
    font-size: 1em;
    line-height: 1.8;
    letter-spacing: 2px;
}

#cafe p.tempo {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 1em;
    letter-spacing: 2px;
}

#cafe p.txtm {
    margin: 0;
    font-size: .85em;
    line-height: 1.8;
    letter-spacing: 2px;
}

#cafe p.txts {
    margin: 0 0 1.5em 0;
    padding-bottom:2em;
    font-size: .75em;
    line-height: 1.8;
    letter-spacing: 2px;
    border-bottom:#666 dotted 1px;
}

.ordertit {
    padding: .75em .5em;
    background: #4e4132;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 1.125em;
}

.index_newitem_contents {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_newitem_list {
    position: relative;
    width: 100%;
}

.index_newitem_list a {
    position: relative;
    width: 100%;
    background-color: #fcfcfc;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: .5em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    margin-bottom: 2em;
}

.index_newitem_list .index_newitem_thumb {
    position: relative;
    width: 45%;
    overflow: hidden;
}

.index_newitem_list .index_newitem_desc {
    position: relative;
    width: 55%;
    padding-left: .625em;
}

.index_newitem_name {
    font-size: .85em;
    letter-spacing: 1px;
}

.index_newitem_list .txt_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 1em;
    color: #736d67;
    line-height: 1.6;
    padding-top: .25em;
}

.index_newitem_list a img.imghover {
    transform: scale(1.05);
}

.index_newitem_list a:hover img.imghover {
    transform: scale(1.2);
    transition-duration: 0.8s;
}

/* フッター */
#footer {
    padding: 3.125em 1.5em 0 1.5em;
    background-color: #ded9d1;
}

#footer .unit4col {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-left: 1.3%;
}

#footer .unit2col {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-left: 1.5%;
}

#footer .unit4col ul {
    list-style: none;
}

#footer .unit4col li {
    color: #9a928b;
    text-align: left;
    font-weight: normal;
    padding-left: 10px;
}

#footer .unit4col li:nth-child(1) {
    font-family: 'Quicksand', sans-serif;
    color: #736559;
    font-size: .8125em;
    margin-bottom: 8px;
    padding-bottom: 3px;
    letter-spacing: 2px;
}

#footer .unit4col li:nth-child(4) {
    margin-left: 0;
}

#footer .unit4col li a {
    font-size: .8125em;
    line-height: 1.9;
    display: block;
}

#footer .unit4col li a:hover {
    color: #9a928b;
    text-decoration: underline;
}

.spnone {
    display: none;
}

.syamei {
    color: #2c2b29;
    font-size: 1.525em;
    letter-spacing: 2px;
}

#footer p.address {
    color: #2c2b29;
    padding-top: 1.25em;
    font-size: 1.15em;
    line-height: 1.8;
}

.share_icon ul {
    margin: 1.5em 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.share_icon img.share {
    width: 30px;
    opacity: .8;
}

.share_icon img.share2 {
    margin-top: 1px;
    width: 31px;
    opacity: .8;
}

.share_icon li {
    margin-right: 15px;
}

.share_icon li a:hover {
    opacity: .5;
}

/* コピーライト */
#copyright {
    padding: 1.5em 0;
    text-align: center;
    font-size: 11px;
    color: #2c2b29;
    letter-spacing: 2px;
    background-color: #ded9d1;
}

#copyright a {
    text-decoration: none;
    color: #2c2b29;
}

/* ECCUBE */

.ec-blockBtn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 16px;
    text-decoration: none;
    color: #525263;
    background-color: #F5F7F8;
    border-color: #ccc;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
}

.ec-blockBtn:focus,
.ec-blockBtn.focus,
.ec-blockBtn:active:focus,
.ec-blockBtn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.ec-blockBtn:hover,
.ec-blockBtn:focus,
.ec-blockBtn.focus {
    color: #525263;
    text-decoration: none;
}

.ec-blockBtn:active,
.ec-blockBtn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ec-blockBtn.disabled,
.ec-blockBtn[disabled],
fieldset[disabled] .ec-blockBtn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none;
}

.ec-blockBtn:focus,
.ec-blockBtn.focus {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #8c8c8c;
}

.ec-blockBtn:hover {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #adadad;
}

.quest {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #ccc;
}

.quest .ec-radio,
.quest .ec-select,
.quest .ec-input {
    margin: .5em 0 0 1em;
}

.check_open {
    padding: .75em;
    margin: 1em 0;
    border: solid 1px #ccc;
}

.check_open p {
    font-size: .875em;
}

.dl_table {
    display: none;
}

.dl_table_base dt {
    margin-top: .75em;
    padding: .25em .75em;
    background: #e5efee;
}

.dl_table_base dd {
    padding-top: .75em;
}

.dl_table2 dl {
    display: table;
    border: 1px dotted #ccc;
    border-radius: 8px;
    width: 100%;
    padding-top: 1em;
    margin: 1em 0 .5em 0;
}

.dl_table2 dt {
    vertical-align: middle;
    display: table-cell;
    padding: 3px 10px;
    min-height: 1.5em;
    text-align: center;
}

.dl_table2 dd {
    display: table-cell;
    min-height: 1.5em;
    background: #fff;
}


.ec-searchnavRole__infos {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
}

.ec-searchnavRole__infos .ec-searchnavRole__counter {
    width: 30%;
    padding: .5em 0 0 1em;
}

.ec-searchnavRole__infos .ec-searchnavRole__actions {
    width: 70%;
    text-align: right;
    padding-right: .75em;
}

.ec-searchnavRole__infos .ec-searchnavRole2__counter {
    width: 25%;
    padding: 0 0 1.5em 1em;
}

.ec-searchnavRole__infos .ec-searchnavRole2__actions {
    width: 75%;
    padding: 0 0 1.5em 1em;
}

.ec-shelfRole {
    clear: both;
    padding-top: 2em;
}

ul.ec-shelfGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -20px;
    padding-left: 1em;
    list-style: none;
}

.ec-shelfGrid .ec-shelfGrid__item {
    width: calc(20% - 20px);
    margin-left: 20px;
    margin-bottom: 1.5625em;
}

.ec-shelfGrid__item img {
    border-radius: 6px;
}

.ec-shelfGrid__item a:hover {
    text-decoration: none;
}

.ec-shelfGrid__item .name {
    font-size: .8125em;
    font-weight: 500;
    letter-spacing: .0625em;
    padding: .9375em .3125em .5em .3125em;
}

.ec-shelfGrid__item .price {
    font-size: .8125em;
    color: #A8A8A8;
    letter-spacing: .0625em;
    padding: 0 .3125em;
}

.ec-pager {
    list-style: none;
    list-style-type: none;
    margin: 0 auto;
    padding: 1em 0;
    text-align: center;
}

.ec-pager .ec-pager__item,
.ec-pager .ec-pager__item--active {
    display: inline-block;
    min-width: 29px;
    padding: 0 3px 0 2px;
    text-align: center;
    position: relative;
}

.ec-pager .ec-pager__item a,
.ec-pager .ec-pager__item--active a {
    color: inherit;
    text-decoration: none;
}

.ec-pager .ec-pager__item a:hover,
.ec-pager .ec-pager__item--active a:hover {
    text-decoration: none;
}

.ec-pager .ec-pager__item a,
.ec-pager .ec-pager__item--active a {
    color: inherit;
    display: block;
    line-height: 1.8;
    padding: 5px 1em;
    text-decoration: none;
}

.ec-pager .ec-pager__item a:hover,
.ec-pager .ec-pager__item--active a:hover {
    color: inherit;
}

.ec-pager .ec-pager__item--active {
    background: #F3F3F3;
}

.ec-pager .ec-pager__item:hover {
    background: #F3F3F3;
}

.search_container {
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ccc;
    display: block;
    padding: 3px 10px;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
}

.search_container input[type="text"] {
    border: none;
    height: 2.0em;
    font-size: .875em;
}

.search_container input[type="text"]:focus {
    outline: 0;
}

.search_container button[type="submit"] {
    cursor: pointer;
    font-size: 1.3em;
    border: none;
    background: none;
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    right: 0;
    top: -10px;
    outline: none;
}

.tag_list {
    padding: 3px 0 0 16px;
}

.tag_list a {
    position: relative;
    display: inline-block;
    padding: .5em .75em;
    margin: 0 0 .5em .5em;
    border-radius: 4px;
    border: 1px solid #b8aea3;
    color: #b8aea3;
    font-size: .875em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.tag_list a.all {
    color: #fff;
    background: #b8aea3;
}

.tag_list a:hover {
    color: #fff;
    background: #5cb1b1;
    border: 1px solid #5cb1b1;
}

.tag_list a.all:hover {
    color: #fff;
    background: #5cb1b1;
    border: 1px solid #5cb1b1;
}

.ec-mypage {
    margin: 0 auto;
    padding: 1.25em;
}

.ec-mypage_stitle {
    padding: 1em 1em .85em 1em;
    font-size: 1em;
    color: #000;
    position: relative;
    border-bottom: dotted 1px #ccc;
    letter-spacing: 1px;
}

.ec-mypage__change {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 1em .85em 1em;
}

.ec-mypage__rank {
    margin: 1em 0 3em 1em;
    text-align: center;
}

.ec-mypage__rank span {
    padding: 10px 20px;
    border: solid 1px #666;
    border-radius: 3px;
    letter-spacing: 1px;
    font-size: 1.3125em;
}

.ec-mypage__nextrank {
    margin: 1em 0 3em 1em;
    text-align: center;
    line-height: 180%;
    letter-spacing: 1px;
}

.area {
    width: 100%;
    margin: 2em auto;
    flex-wrap: wrap;
    display: flex;
}

.tab_class {
    width: calc(100%/3);
    height: 50px;
    font-size: .8125em;
    text-align: center;
    display: block;
    float: left;
    order: -1;
    font-weight: normal;
    letter-spacing: 1px;
    cursor: pointer;
    opacity: 0.6;
}

.area input:checked+.tab_class {
    opacity: 1;
}

.tab_class img {
    margin-bottom: 8px;
}

input[name="tab_name"] {
    display: none;
}

.content_class {
    display: none;
    width: 100%;
    padding: 5em 2em;
}

input:checked+.tab_class+.content_class {
    display: block;
}

.ec-historyRole .ec-historyRole__contents {
    margin-top: 1em;
    padding: 1em .75em;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    color: #525263;
}

.ec-historyRole .ec-historyRole__header {
    width: 100%;
}

.ec-historyRole .ec-historyRole__detail {
    border-top: 1px dotted #ccc;
    width: 100%;
}

.ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
    border-top: none;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
    margin: 0 0 8px 16px;
    font-size: 1em;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
    margin: 0 0 8px 16px;
    font-size: .875em;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption {
    margin: 0 0 8px 16px;
    font-size: .8125em;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailOption::after {
    padding-left: .5em;
    content: "/";
}

.ec-historyRole .ec-historyRole__contents {
    flex-direction: row;
}

.ec-historyRole .ec-historyRole__header {
    width: 33.3333%;
}

.ec-historyRole .ec-historyRole__detail {
    width: 66.6666%;
    border-top: none;
}

.ec-historyListHeader .ec-historyListHeader__date {
    font-size: 1em;
}

.ec-historyListHeader .ec-historyListHeader__action a {
    font-size: .875em;
    color: #0092C4;
}

.ec-registerRole .ec-registerRole__actions {
    text-align: left;
}

.ec-customerRole .ec-blockBtn--action {
    margin-bottom: 16px;
}

.ec-userEditCompleteRole .ec-userEditCompleteRole__title {
    font-size: 32px;
}

.ec-definitions,
.ec-definitions--soft {
    margin: .5em 0;
    font-size: .875em;
    letter-spacing: 1px;
    display: block;
}

.ec-definitions dt,
.ec-definitions--soft dt,
.ec-definitions dd,
.ec-definitions--soft dd {
    display: inline-block;
    margin: 0;
}

.ec-definitions dt,
.ec-definitions--soft dt {
    font-weight: normal;
}

.ec-definitions--soft dt {
    font-weight: normal;
}

.ec-blockBtn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 16px;
    text-decoration: none;
    color: #525263;
    background-color: #F5F7F8;
    border-color: #ccc;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
}

.ec-blockBtn:focus,
.ec-blockBtn.focus,
.ec-blockBtn:active:focus,
.ec-blockBtn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.ec-blockBtn:hover,
.ec-blockBtn:focus,
.ec-blockBtn.focus {
    color: #525263;
    text-decoration: none;
}

.ec-blockBtn:active,
.ec-blockBtn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ec-blockBtn.disabled,
.ec-blockBtn[disabled],
fieldset[disabled] .ec-blockBtn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none;
}

.ec-blockBtn:focus,
.ec-blockBtn.focus {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #8c8c8c;
}

.ec-blockBtn:hover {
    color: #525263;
    background-color: #d7dfe3;
    border-color: #adadad;
}

.ec-blockBtn:active,
.ec-blockBtn.active,
.open>.ec-blockBtn.dropdown-toggle {
    color: #525263;
    background-color: #d7dfe3;
    background-image: none;
    border-color: #adadad;
}

.ec-blockBtn:active:hover,
.ec-blockBtn:active:focus,
.ec-blockBtn.active:hover,
.ec-blockBtn.active.focus,
.open>.ec-blockBtn.dropdown-toggle:hover,
.open>.ec-blockBtn.dropdown-toggle:focus,
.open>.ec-blockBtn.dropdown-toggle.focus {
    color: #525263;
    background-color: #c2ced4;
    border-color: #8c8c8c;
}

.ec-blockBtn.disabled:hover,
.ec-blockBtn.disabled:focus,
.ec-blockBtn.disabled.focus,
.ec-blockBtn[disabled]:hover,
.ec-blockBtn[disabled]:focus,
.ec-blockBtn[disabled].focus,
fieldset[disabled] .ec-blockBtn:hover,
fieldset[disabled] .ec-blockBtn:focus,
fieldset[disabled] .ec-blockBtn.focus {
    background-color: #F5F7F8;
    border-color: #ccc;
}

.ec-blockBtn .badge {
    color: #F5F7F8;
    background-color: #525263;
}

.ec-blockBtn .ec-icon img {
    width: 1em;
    vertical-align: text-bottom;
}

/*  シロフォンチェア  */
.main_bg {
    background-image: url(/img/common/bg_01.jpg);
    text-align: center;
}

.concept_item {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 500;
    font-size: 1.65em;
    letter-spacing: 1px;
    text-align: center;
    margin: 0;
}

.point_hc {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 500;
    font-size: 1.3125em;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 1.5em;
}

.point_txt16 {
    font-size: .9375em;
    letter-spacing: 1px;
    line-height: 1.8;
}

.box_01,.box_02 {
    padding: 2.5em 0;
}

.line2 {
    padding: 0 0 0 0;
    border-top: dotted 2px #666;
    border-bottom: dotted 2px #666;
    border-right: none;
    border-left: none;
}

h2.concept_titcb {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    letter-spacing: 2px;
    line-height: 1.6;
    text-align: center;
    margin: 0 0 1em;
    padding: 0;
    border: none;
}

.concept_titb {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    letter-spacing: 2px;
    line-height: 1.6;
    margin: 0 0 1em;
    padding: 0;
}

.concept_titsub {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    letter-spacing: 2px;
    line-height: 1.6;
    margin: 1em 0 1.5em;
    padding: 0;
    text-align: center;
}

.column_tit {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    letter-spacing: 2px;
    line-height: 1.6;
    margin: 0 0 1.5em;
    padding: 0;
    text-align: center;
}

.column_txt {
    font-size: .9375em;
    letter-spacing: 1px;
    line-height: 1.8;
    padding: 0 1.5em 1em;
}

.project1 {
    padding: 0;
}

.project2 {
    padding: 0;
}

.project_member {
    margin: 3em auto;
}

.project_member p.post {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    text-align: center;
    font-size: 1em;
    letter-spacing: 2px;
    margin-bottom: .5em;
}

.project_member p.name {
    font-family: 'NotoSansCJKjp', sans-serif;
    font-weight: 400;
    font-size: 1.5625em;
    letter-spacing: 4px;
    text-align: center;
}

.project_member p.name span {
    font-family: 'Quicksand', sans-serif;
    font-size: .625em;
    letter-spacing: 1px;
    text-align: center;
    color: #999;
}

.project_member p.profile {
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 1.8;
    margin-top: 2em;
    margin:2em 2em 0 2em;
}

.box_round_gray {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #f0f0f0;
    padding: 2em;
    font-size: 1em;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-bottom: 2em;
}

.box_text_r {
    padding: 0 2em 2em;
}

.box_text_l {
    padding: 0 2em 0;
}

.obi_bg_gray {
    background: #eee;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.3125em;
    font-weight: 500;
    letter-spacing: 4px;
    text-align: center;
    padding: 1em;
}

.obi_bg_black {
    background: #434343;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.3125em;
    font-weight: 500;
    letter-spacing: 4px;
    color: #fff;
    text-align: center;
    padding: 1em;
}

div img {
    vertical-align: top;
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.info_scam { font-size: .875em; text-align: center; margin-bottom: 2em;}

.spbr_::before {
    content: "\A";
    white-space: pre;
}

.flex__glink {
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 2em;
    margin: 0 auto;
  }

  .flex__glink img {
    width: 40%;
    margin-bottom: .25em;
  }
  
  /*追加1*/
  .flex__glink::after {
    content: "";
    width: 33%;
  }
  
  /*追加2*/
  .flex__glink::before {
    order: 1;
    content: "";
    width: 33%;
  }
  
  .flex__site {
    display: block;
    width: 33%;
    margin-bottom: 1em;
    text-align: center;
    font-size: .725em;
  }
  
  /**追加3**/
  .flex__site-empty {
    display: block;
    width: 33%;
  }

#tcontents {
    padding: 2em 0;
    background: #edede8;
}

.tomoyasu_web_contents {
    position: relative;
    width: 92%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

.tomoyasu_web_list {
    position: relative;
    width: 100%;
}

.tomoyasu_web_list a {
    position: relative;
    width: 100%;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: .2em;
    margin-bottom: 1em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
}

.tomoyasu_web_list .tomoyasu_web_thumb {
    position: relative;
    width: 35%;
    overflow: hidden;
}

.tomoyasu_web_list .tomoyasu_web_desc {
    position: relative;
    width: 65%;
    padding-left: .3em;
}

.tomoyasu_web_name {
    font-size: 1em;
    letter-spacing: 1px;
}
.tomoyasu_web_list .txt_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: .65em;
    color: #736d67;
    line-height: 1.6;
    padding-top: .25em;
}

.tomoyasu_web_list a img.imghover {
    transform: scale(1.05);
}

.tomoyasu_web_list a:hover img.imghover {
    transform: scale(1.2);
    transition-duration: 0.8s;
}

/*  margin  */
.mt0{margin-top: 0;}
.mt01{margin-top: 2%;}
.mt02{margin-top: 4%;}
.mt03{margin-top: 6%;}
.mt04{margin-top: 8%;}
.mt05{margin-top: 10%;}
.mt08{margin-top: 16%;}
.mt10{margin-top: 20%;}
.mr01{margin-right: 2%;}
.mr02{margin-right: 4%;}
.mr03{margin-right: 6%;}
.mr04{margin-right: 8%;}
.mr05{margin-right: 10%;}
.mr08{margin-right: 16%;}
.mr10{margin-right: 20%;}
.mb0{margin-bottom: 0;}
.mb01{margin-bottom: 1%;}
.mb02{margin-bottom: 2%;}
.mb03{margin-bottom: 3%;}
.mb04{margin-bottom: 4%;}
.mb05{margin-bottom: 5%;}
.mb08{margin-bottom: 8%;}
.mb10{margin-bottom: 10%;}
.ml01{margin-left: 1%;}
.ml02{margin-left: 2%;}
.ml03{margin-left: 3%;}
.ml04{margin-left: 4%;}
.ml05{margin-left: 5%;}
.ml08{margin-left: 8%;}
.ml10{margin-left: 10%;}
.pa01{padding: 1%;}
.pa02{padding: 2%;}
.pa03{padding: 3%;}
.pa04{padding: 4%;}
.pa05{padding: 5%;}
.pt0{padding-top: 0;}
.pt01{padding-top: 1%;}
.pt02{padding-top: 2%;}
.pt03{padding-top: 3%;}
.pt04{padding-top: 4%;}
.pt05{padding-top: 5%;}
.pt08{padding-top: 8%;}
.pt10{padding-top: 10%;}
.pr01{padding-right: 1%;}
.pr02{padding-right: 2%;}
.pr03{padding-right: 3%;}
.pr04{padding-right: 4%;}
.pr05{padding-right: 5%;}
.pr08{padding-right: 8%;}
.pr10{padding-right: 10%;}
.pb0{padding-bottom: 0;}
.pb01{padding-bottom: 1%;}
.pb02{padding-bottom: 2%;}
.pb03{padding-bottom: 3%;}
.pb04{padding-bottom: 4%;}
.pb05{padding-bottom: 5%;}
.pb08{padding-bottom: 8%;}
.pb10{padding-bottom: 10%;}
.pl01{padding-left: 1%;}
.pl02{padding-left: 2%;}
.pl03{padding-left: 3%;}
.pl04{padding-left: 4%;}
.pl05{padding-left: 5%;}
.pl08{padding-left: 8%;}
.pl10{padding-left: 10%;}

.sp_only { display: block;}
.pc_only { display: none;}

/* ライブコマース告知 */
.notice {
    margin:  6% auto 0;
    text-align: center;
  }
  
  .notice img {
    width: 70%;
    margin-bottom: 10px;
  }
  
  .notice a {
    font-size: .9em;
    display: block;
    width: 90%;
    margin: 0 auto;
    color: #453c36;
    background: rgb(131,204,189);
    background: linear-gradient(90deg, rgba(131,204,189,0.6) 0%, rgba(131,183,204,0.6) 100%);
    padding: 3% 6%;
    border-radius: 50px;
    font-weight: bold;
    line-height: 1.65;
    font-size: .95em;
  }


  .info_scam { font-size: .875em; text-align: center; margin-bottom: 2em;}

  .spbr_::before {
      content: "\A";
      white-space: pre;
  }
  
  .tomoyasu_bnr {
      padding: 2.5em 0;
      margin: 2.5em 0;
      border-top: solid 1px #ccc;
      border-bottom: solid 1px #ccc;
  }
  
  .tomoyasu_bnr .midashi {
      text-align: center;
      line-height: 1.8;
  }
  
  .tomoyasu_bnr .bnr_img {
      padding-top: 2em;
  }
  

@media screen and (max-width: 896px) and (orientation: landscape) {
.wapper {
    max-width: 896px;
    margin: 0 auto;
    overflow: hidden;
}

.drawer_menu {
    width: 30%;
    height: 100vh;
    background: #fff;
    position: absolute;
    transform: translate(-100%);
    transition: 0.3s ease-out;
    padding: 50px 20px 20px 20px;
    top: 0;
    z-index: 10;
}
}