@charset "UTF-8";/* ================================================all================================================ */
body {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    background: url(../../img/usr/handicraft/body_bg.png);
    min-width: 1320px;
}

a {
    text-decoration: none;
    transition: 0.15s ease 0s;
    display: inline-block;
}

a:focus {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    opacity: .7;
}

.wrapper {
    background: transparent;
}

/* ================================================pankuzu================================================ */
.pane-topic-path {
    background-color: transparent;
    padding: 0;
}

.block-topic-path--list li {
    color: #9c9da1;
}

.block-topic-path--list a,.block-topic-path--list span {
    text-decoration: none;
    color: #9c9da1;
    font-size: 10px;
}

.block-topic-path--list a br,.block-topic-path--list span br {
    display: none;
}

/* ================================================common header================================================ */
.pane-common-header {
    border-bottom: none;
}

/* ================================================category header================================================ */
.pane-header {
    margin-bottom: 10px;
    background-color: #ffffff;
}

.pane-header .pane-header-line {
    padding: 19px 0 11px;
    border-top: dashed 1px #dddacd;
    border-bottom: dashed 1px #dddacd;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.block-header-logo {
    width: auto;
}

.block-header-logo h1 {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    margin: 0;
}

.header-wrap.pane-globalnav-fixd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1320px;
    z-index: 99;
}

/* ログイン後 */
.pane-common-member {
    width: 130px;
    text-align: center;
    font-size: 12px;
    display: block;
    background: #0d3387;
    padding: 7px 0;
    border-radius: 3px;
    color: #fff;
    margin-left: 13px;
}

.pane-common-member span {
    font-size: 16px;
}

.pane-common-data .cumulative-p span {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

/* 検索 */
.block-global-search--search-detail-link {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    padding-left: 20px;
    background: url(../../img/usr/handicraft/white_arrow.png) no-repeat left center;
}

.block-global-search--search-detail-link:hover {
    opacity: .7;
}

.block-global-search input.block-global-search--keyword {
    width: 334px;
    padding: 10px 12px;
    font-size: 13px;
    border: none;
}

.block-global-search input.block-global-search--keyword::-webkit-input-placeholder {
    color: #b8b4ab;
}

.block-global-search input.block-global-search--keyword::placeholder-shown {
    color: #b8b4ab;
}

button.block-global-search--submit {
    width: 16px;
    height: 16px;
    padding: 14px 16px;
    background: url(../../img/usr/handicraft/search.png) no-repeat center center;
}

.block-global-search form {
    background: #fff;
}

.block-headernav {
    width: auto;
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.block-header-rt-logo {
    width: 130px;
    text-align: center;
    margin: 0 43px 0 45px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.block-header-rt-logo a {
    display: block;
}

.block-header-rt-logo a span {
    display: block;
    font-size: 10px;
    line-height: 1.7;
}

.block-header-rt-logo img {
    width: 115px;
}

.header-wrap.pane-globalnav-fixd .block-header-rt-logo {
    opacity: 0;
    margin-right: -175px;
}

/* プルダウン */
.block-headernav--item-list li {
    z-index: 2;
    background-position: center top;
    background-repeat: no-repeat;
}

.block-headernav--item-list li .block-headernav--item-name {
    display: block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.block-headernav--item-list a {
    color: #1b1c1c;
}

/* 詳細検索 */
.block-headernav--item-list li.block-headernav-menu--detailsearch {
    width: 73px;
    margin-right: 22px;
    background-image: url(../../img/usr/handicraft/ico_search_detail.png)
}

/* 商品を探す */
.block-headernav--item-list li.block-headernav-menu--item {
    width: 73px;
    margin-right: 22px;
    background-image: url("../../img/usr/handicraft/ico_item.png");
}

/* 検索する */
.block-headernav--item-list li.block-headernav-menu--serch {
    width: 60px;
    margin-right: 28px;
    background-image: url("../../img/usr/handicraft/ico_search.png");
}

/* コンテンツ */
.block-headernav--item-list li.block-headernav-menu--content {
    width: 68px;
    margin-right: 23px;
    background-image: url("../../img/usr/handicraft/ico_content.png");
}

/* 店舗情報 */
.block-headernav--item-list li.block-headernav-menu--shop {
    width: 62px;
    margin-right: 12px;
    background-image: url("../../img/usr/handicraft/ico_shop.png");
}

/* お買い物ガイド */
.block-headernav--item-list li.block-headernav-menu--guide {
    width: 95px;
    letter-spacing: -0.05em;
    background-image: url("../../img/usr/handicraft/ico_guide.png");
}

/* よくあるご質問 */
.block-headernav--item-list li.block-headernav-menu--faq {
    width: 88px;
    letter-spacing: -0.12em;
    background-image: url("../../img/usr/handicraft/ico_faq.png");
}

/* 大口注文について */
.block-headernav--item-list li.block-headernav-menu--order {
    width: 110px;
    letter-spacing: -0.03em;
    background-image: url("../../img/usr/handicraft/ico_order.png");
}

/* カート */
.block-headernav--item-list li.block-headernav-menu--cart {
    width: 60px;
    margin-right: 28px;
    background-image: url("../../img/usr/handicraft/cart.png");
    background-position: 17px top;
    display: none;
    margin-left: -60px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    position: relative;
}

.block-headernav--item-list li.block-headernav-menu--cart a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    line-height: 26px;
    border-radius: 50px;
    background-color: #e60012;
    position: absolute;
    right: 10px;
    top: -8px;
}

.block-headernav--item-list li .dropdown-switch {
    padding-top: 32px;
    cursor: pointer;
}

.block-headernav--item-list li a {
    padding-top: 32px;
}

/* ヘッダ固定時 */
.header-wrap.pane-globalnav-fixd .pane-header {
    margin-bottom: 0;
}

.header-wrap.pane-globalnav-fixd .pane-header .pane-header-line {
    padding: 5px 0;
}

.header-wrap.pane-globalnav-fixd ul.block-headernav--item-list {
    margin-right: 25px;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li {
    width: 50px;
    margin: 0;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li .dropdown-switch,.header-wrap.pane-globalnav-fixd .block-headernav--item-list li a {
    padding-top: 23px;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li .block-headernav--item-name {
    /*	opacity: 0;margin-top: -25px;*/
    display: none;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li:hover {
    position: relative;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li:hover a {
    opacity: 1.0;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li:hover .block-headernav--item-name {
    display: block;
    position: absolute;
    left: 0;
    top: -24px;
    width: 100px;
    padding: 2px 5px;
    margin-left: -25px;
    font-size: 11px;
    border-radius: 2px;
    background-color: #dddacd;
    opacity: 1.0;
    z-index: 100;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li:hover .block-headernav--item-name::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #dddacd transparent transparent transparent;
}

/**/
.notice-box {
    width: 100%;
    background: rgba(230,0,18,0.1);
    margin-bottom: 10px;
}

.notice-box-inner {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    padding: 20px 0;
    align-items: center;
}

.notice-desc {
    display: flex;
    flex: 1;
    font-size: 12px;
}

.notice-ttl {
    padding-right: 50px;
}

.notice-ttl span {
    display: inline-block;
    color: #e60012;
    font-weight: bold;
    font-size: 16px;
    padding-left: 35px;
    background: url(../../img/usr/handicraft/notice.png) no-repeat;
}

.block-global-search {
    width: 527px;
    justify-content: flex-start;
}

.block-global-cart {
    display: none;
}

.block-header-logo h1 > div {
    color: #463f3c;
    font-size: 10px;
    white-space: nowrap;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    order: 1;
}

.block-header-logo h1 a {
    display: block;
    line-height: 1.0;
    order: 2;
    text-align: center;
}

.block-header-logo h1 img {
    max-height: 100%;
    line-height: 1.0;
    vertical-align: bottom;
}

.header-wrap.pane-globalnav-fixd .block-header-logo h1 img {
    width: auto;
    height: 35px;
}

.header-wrap.pane-globalnav-fixd .block-header-logo h1 > div {
    opacity: 0;
    margin-left: -100px;
    position: relative;
    z-index: -1;
    height: 0;
}

.block-header-search {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.block-header-search div.block-headernav-menu--search-box {
    width: calc(380 / 1920 * 100vw);
    min-width: 320px;
    max-width: 380px;
    margin: 0;
    position: relative;
    letter-spacing: 0;
}

.block-header-search input.block-headernav-menu--search--keyword {
    width: 100%;
    height: auto;
    padding: 11px 10px 10px;
    font-size: 10px;
    border: 1px solid #d9d6c7;
}

.block-header-search button.block-headernav-menu--search--submit {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    transform: translateY(-50%);
    width: 40px;
    height: 36px;
    display: flex;
    align-items: center;
    border: none;
    background-color: #212020;
}

.block-header-search .block-headernav-menu--keyword {
    margin-left: 10px;
    padding-bottom: 0;
}

.block-header-search .block-headernav-menu--keyword .block-headernav-menu--searchdetail a {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 10px 9px 8px;
    font-size: 11px;
    line-height: 1;
    border-radius: 15px;
    background: #e6e3d5;
    white-space: pre;
}

.block-header-search .block-headernav-menu--keyword .block-headernav-menu--searchdetail a::before {
    position: relative;
    content: "";
    margin-right: 6px;
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 0;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    transform: rotate(45deg);
}

.block-headernav-menu--search-box .balloon {
    position: absolute;
    display: none;
    padding: 10px 10px 14px;
    background-color: #fff;
    width: 100%;
    left: 0;
    border: 1px solid #e7e4dd;
    top: 37px;
    z-index: 11;
}

.block-headernav-menu--search-box .balloon a {
    margin: 0 10px 0 0;
    white-space: nowrap;
    line-height: 25px;
}

.block-header-search div.block-headernav-menu--search-box:hover .balloon {
    display: block;
}

.block-header-search input.block-headernav-menu--search--keyword:not(:placeholder-shown) + .balloon {
    display: none;
}

@media all and (-ms-high-contrast:none) {
    .block-header-search div.block-headernav-menu--search-box:hover .balloon:not(.is-active) {
        display: none;
    }
}

/* ================================================nav================================================ */
div.block-headernav-menu-wrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 135px;
    background-color: rgba(47,42,39,0.90);
    z-index: 100;
    display: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.block-headernav--item-list li.block-headernav-menu--item .dropdown-switch.active::after,.block-headernav--item-list li.block-headernav-menu--content .dropdown-switch.active::after,.block-headernav--item-list li.block-headernav-menu--serch .dropdown-switch.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -14px;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    border-color: transparent transparent #433f3c transparent;
}

.header-wrap.pane-globalnav-fixd .block-headernav--item-list li.block-headernav-menu--item .dropdown-switch.active::after,.header-wrap.pane-globalnav-fixd .block-headernav--item-list li.block-headernav-menu--content .dropdown-switch.active::after,.header-wrap.pane-globalnav-fixd .block-headernav--item-list li.block-headernav-menu--serch .dropdown-switch.active::after {
    bottom: -16px;
}

.block-headernav-menu-box {
    color: #ffffff;
    width: 1280px;
    margin: 0 auto;
    padding: 50px 0 37px;
}

.block-headernav-menu-box a {
    color: #ffffff;
}

ul.block-headernav-menu--nav {
    text-align: center;
    letter-spacing: -5px;
    margin-bottom: 60px;
}

ul.block-headernav-menu--nav li {
    display: inline-block;
    letter-spacing: 0;
    margin: 0 18px;
}

ul.block-headernav-menu--nav li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.125;
    padding-bottom: 6px;
}

ul.block-headernav-menu--nav li.is-select a {
    position: relative;
}

ul.block-headernav-menu--nav li.is-select a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
}

div.block-headernav-menu--tab_box {
    display: none;
}

div.block-headernav-menu--tab_box.is-active {
    display: block;
}

ul.block-dynamic-category--body,ul.block-dynamic-genre--body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

ul.block-dynamic-category--body li,ul.block-dynamic-genre--body li {
    width: 256px;
    margin-bottom: 30px;
}

ul.block-dynamic-category--body li a,ul.block-dynamic-genre--body li a {
    line-height: 1.3846;
    display: flex;
    align-items: center;
    height: 60px;
}

ul.block-dynamic-category--body li figure,ul.block-dynamic-genre--body li figure {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
}

ul.block-dynamic-category--body li figure {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F8F7F2;
}

ul.block-dynamic-genre--body li figure img {
    min-height: 60px;
    min-width: 60px;
}

ul.block-dynamic-category--body li figure img{
    width: 70%;
    height: auto;
}

ul.block-dynamic-category--body li span,ul.block-dynamic-genre--body li span {
    font-size: 16px;
    line-height: 1.25;
    padding: 0 10px 0 15px;
    background-image: url("../../img/usr/handicraft/headernav_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
}

ul.block-dynamic-category--body li figure + span,ul.block-dynamic-genre--body li figure + span {
    background: none;
    width: 195px;
}

/*グロナビ、左メニュー講習会リンク非表示*/
ul.block-dynamic-category--body li#gnav_10WS,#block_of_categorytree #tree_10WS {
    display: none;
}

div.block-headernav-menu--tab_box ul.block-dynamic-genre--body li img {
    display: none;
}

div.block-headernav-menu--closetop {
    position: absolute;
    right: 2.5%;
    top: 47px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    cursor: pointer;
}

div.block-headernav-menu--closetop::before,div.block-headernav-menu--closetop::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 24px;
    height: 1px;
    background-color: #ffffff;
}

div.block-headernav-menu--closetop::before {
    transform: rotate(-45deg);
}

div.block-headernav-menu--closetop::after {
    transform: rotate(45deg);
}

div.block-headernav-menu--close {
    text-align: center;
    width: 100%;
}

div.block-headernav-menu--close span {
    display: inline-block;
    line-height: 2.0;
    padding-left: 20px;
    cursor: pointer;
    position: relative;
}

div.block-headernav-menu--close span::before,div.block-headernav-menu--close span::after {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 10px;
    height: 1px;
    background-color: #ffffff;
}

div.block-headernav-menu--close span::before {
    transform: rotate(-45deg);
}

div.block-headernav-menu--close span::after {
    transform: rotate(45deg);
}

div.block-headernav-menu--search-box {
    width: 800px;
    margin: 0 auto 50px;
    letter-spacing: -5px;
}

input.block-headernav-menu--search--keyword,button.block-headernav-menu--search--submit {
    font-size: 16px;
    letter-spacing: 0;
    vertical-align: middle;
}

input.block-headernav-menu--search--keyword {
    width: 698px;
    height: 58px;
    padding: 10px 15px;
    border: 1px solid #ffffff;
}

button.block-headernav-menu--search--submit {
    color: #ffffff;
    width: 98px;
    height: 58px;
    background-color: #2f2a27;
    border: 1px solid #ffffff;
    border-radius: 0;
}

.block-headernav-menu--keyword {
    padding-bottom: 33px;
}

.block-headernav-menu--keyword h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.125;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
}

.block-headernav-menu--keyword ul {
    text-align: center;
    letter-spacing: -5px;
}

.block-headernav-menu--keyword ul li {
    display: inline-block;
    letter-spacing: 0;
    margin: 0 10px 20px;
}

.block-headernav-menu--keyword ul li a {
    display: block;
    text-align: center;
    padding: 6px 18px 4px;
    border: 1px dashed #ffffff;
    border-radius: 50px;
}

.block-headernav-menu--keyword .block-headernav-menu--searchdetail {
}

.block-headernav-menu--keyword .block-headernav-menu--searchdetail a {
    display: block;
    width: 310px;
    height: 56px;
    margin: 0 auto;
    padding: 18px 0 0 100px;
    background: url(../../img/usr/handicraft/more-btn.png) no-repeat;
    color: #1c1b1b;
    font-size: 14px;
    transition: 0.15s ease 0s;
}

@media all and (-ms-high-contrast: none) {
    .block-headernav-menu--keyword .block-headernav-menu--searchdetail a {
        padding-top: 22px;
    }
}

#block-headernav-menu--content .block-headernav-menu-box {
    display: flex;
    flex-wrap: wrap;
}

ul.block-headernav-menu--link li {
    margin-bottom: 25px;
}

ul.block-headernav-menu--link li a,ul.block-headernav-menu--link li span.is-nolink {
    font-size: 16px;
    line-height: 1.5625;
}

ul.block-headernav-menu--link > li > a,ul.block-headernav-menu--link > li > span.is-nolink {
    padding-left: 15px;
    background-image: url("../../img/usr/handicraft/headernav_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
}

ul.block-headernav-menu--link li ul {
    padding-left: 15px;
}

ul.block-headernav-menu--link li ul li {
    margin-bottom: 0;
}

ul.block-headernav-menu--link li ul li a {
    font-size: 13px;
    line-height: 1.923;
    display: inline-block;
}

ul.block-headernav-menu--link li ul.at-sns {
    display: inline-block;
    letter-spacing: -5px;
    vertical-align: middle;
}

ul.block-headernav-menu--link li ul.at-sns li {
    display: inline-block;
    letter-spacing: 0;
    margin-right: 15px;
    vertical-align: middle;
}

ul.block-headernav-menu--link li ul li a.at-twitter {
    padding-right: 36px;
    background-image: url("../../img/usr/handicraft/ico_twitter_w.png");
    background-position: right top;
    background-repeat: no-repeat;
}

ul.block-headernav-menu--link-column1 {
    display: flex;
    width: 540px;
    flex-wrap: wrap;
    margin-right: 20px;
}

ul.block-headernav-menu--link-column1 li {
    width: 270px;
}

ul.block-headernav-menu--link-column2 {
    width: 350px;
    margin-right: 20px;
}

ul.block-headernav-menu--link-column3 {
    width: 330px;
}

/* ================================================main slider================================================ */
.top-slider-inner {
    opacity: 0;
    position: relative;
    overflow: hidden;
}

#top-slider a {
    outline: none;
}

#top-slider {
    position: relative;
}

#top-slider .slide_btn {
    width: 760px;
    margin: 0 auto;
    position: relative;
}

#top-slider .slick-prev,#top-slider .slick-next {
    cursor: pointer;
    position: absolute;
    top: 200px;
    margin: 0 0 0 0;
    z-index: 1;
}

#top-slider .slick-prev,#top-slider .slick-next {
    outline: 0;
    text-indent: -9999px;
    width: 56px;
    height: 56px;
    border: none;
}

#top-slider .slick-prev {
    left: -38px;
    background: url(../../img/usr/handicraft/slider_prev.png) no-repeat;
}

#top-slider .slick-next {
    right: -38px;
    background: url(../../img/usr/handicraft/slider_next.png) no-repeat;
}

/* slick */
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-initialized .slick-slide {
    display: block;
    outline: none;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin-right: 15px;
}

.slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 65px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 20px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 24px;
    line-height: 20px;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    content: '';
    text-align: center;
    background: #ccc8bd;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 2;
}

.slick-dots li.slick-active button:after {
    font-family: 'slick';
    line-height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    content: '';
    background: #fff;
    text-align: center;
    border-radius: 50%;
    border: solid 2px #cfa247;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 1;
}

.slick-dots li.slick-active button:before {
    background: #cfa247;
}

/* ================================================content================================================ */
/* ========================タブ======================== */
.tab {
    display: flex;
    margin: 0 0 40px 0;
}

.tab > li:hover {
    opacity: .7;
}

.tab li {
    font-weight: bold;
    cursor: pointer;
    position: relative;
    width: 233px;
    border-radius: 3px;
    padding: 16px 0;
    color: #1c1b1b;
    font-size: 14px;
    background: #e7e4dd;
    text-align: center;
    margin-right: 15px;
}

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

.tab li.select:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -20px;
    width: 0;
    height: 0;
    margin: 0 0 0 -6px;
    border-top: 10px solid #cfa247;
    border-right: 6px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 6px solid transparent;
}

@media all and (-ms-high-contrast: none) {
    .tab li {
        padding: 20px 0 12px;
    }

    .tab li.select:after {
        bottom: -19px;
    }
}

.tab li.select {
    background: #cfa247;
    color: #fff;
}

.rank-tab-content {
    display: none;
}

.rank-tab-content > p {
    text-align: right;
}

#handicraft-top .tab {
    justify-content: center;
}

/* ========================一覧======================== */
/* ---- common ----*/
/* sale price */
.block-thumbnail-r--price.default-price,.block-thumbnail-t--price.default-price {
    font-size: 14px;
    font-weight: normal;
}

/* 会員登録 */
.member-p {
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
    color: #e54848;
    text-align: right;
    margin-left: 12px;
}

/* 会員登録 */
.sale-p {
    text-align: left;
    line-height: 1.6;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    width: auto;
    height: 20px;
    padding: 1px 20px 0 6px;
    background: url(../../img/usr/handicraft/sale.png) right center no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    margin-left: 12px;
}

.sale-p + div,.member-p + div {
    display: inline-block;
    vertical-align: middle;
}

.block-ranking-r--price.price.default-price {
    font-size: 14px;
}

.default-price spna.small {
    font-size: 10px;
}

.block-thumbnail-t--price.price-red {
    font-size: 18px;
    color: #e54848;
    font-weight: normal;
}

/* icon */
.goods-icon {
    clear: both;
}

.goods-icon > span {
    max-height: 24px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
}

.goods-icon > span img {
    height: 20px;
}

/*.goods-icon .i-free{color: #cea146;border: solid 1px #cea146;}.goods-icon .i-limited{color: #3da33d;border: solid 1px #3da33d;}.goods-icon .i-returns{color: #7b706a;border: solid 1px #7b706a;}.goods-icon .i-pricedown{color: #e54848;padding: 2px 15px 2px 5px;border: solid 1px #e54848;background: url(../../img/usr/handicraft/down_arrow.png) no-repeat 95% center;}*/
.block-thumbnail-t {
    margin-bottom: 50px;
}

.block-thumbnail-t--goods .price {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    padding-left: 12px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

/* サムネイル */
.block-thumbnail-t--goods {
    width: 244px;
}

.block-thumbnail-t--goods {
    margin-left: 0;
    padding: 16px 0 16px 0;
    border-top: solid 1px #e7e4dd;
    border-right: solid 1px #e7e4dd;
}

.block-thumbnail-t li {
    margin-bottom: 0;
}

#handicraft-top .block-thumbnail-t li {
    /*justify-content: center;*/
}

.block-thumbnail-t li > dl {
    position: relative;
    background: #fff;
}

.block-thumbnail-t li:first-child > dl:nth-child(1),.block-thumbnail-t li:first-child > dl:nth-child(2),.block-thumbnail-t li:first-child > dl:nth-child(3),.block-thumbnail-t li:first-child > dl:nth-child(4) {
    border-top: none;
}

.block-thumbnail-t li > dl:nth-child(4n) {
    border-right: none;
}

.block-thumbnail-t li > dl:nth-child(4n + 1) {
    clear: both;
}

.block-thumbnail-t--goods-description .block-thumbnail-t--goods-name {
    margin-bottom: 10px;
    padding: 0 24px;
}

.block-thumbnail-t--goods-description .block-thumbnail-t--goods-name a {
    font-size: 13px;
    text-decoration: none;
    color: #1c1b1b;
}

.block-thumbnail-t--goods-image {
    text-align: center;
    display: flex;
    justify-content: center;
}

.block-thumbnail-t--goods a {
    transition: 0.15s ease 0s;
}

.block-thumbnail-t--goods a:hover {
    opacity: .7;
}

.block-thumbnail-t--price-items {
    margin-bottom: 15px;
    text-align: right;
    padding-right: 12px;
    word-wrap: break-word;
    white-space: normal;
}

.block-thumbnail-t--price-infos .goods-icon {
    padding: 0 15px;
}

.block-thumbnail-t--goods-image span.icon-src1 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    background: url(../../img/usr/handicraft/icon_bg01.png) center center;
    letter-spacing: 0.2em;
    z-index: 1;
}

.block-thumbnail-t--goods-image span.icon-src2 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    z-index: 1;
    letter-spacing: 0.2em;
    background: url(../../img/usr/handicraft/icon_bg02.png) center center;
}

.block-thumbnail-t--goods-image div.icon > span:nth-child(1) {
    top: 10px;
}

.block-thumbnail-t--goods-image div.icon > span:nth-child(2) {
    top: 38px;
}

.block-thumbnail-t--price {
    font-size: 18px;
    color: #1c1b1b;
}

.block-thumbnail-t--goods-image figure {
    background: #fff;
    font-size: 12px;
}

.block-thumbnail-t--price span.circle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-left: 4px;
}

.block-thumbnail-t--price span.small {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    margin-left: 2px;
}

#handicraft-top .block-thumbnail-t--goods {
    width: 213px;
}

#handicraft-top .block-thumbnail-t li > dl:nth-child(4n) {
    border-right: solid 1px #e7e4dd;
}

#handicraft-top .block-thumbnail-t li:first-child > dl:nth-child(5),#handicraft-top .block-thumbnail-t li:first-child > dl:nth-child(6) {
    border-top: none;
}

#handicraft-top .block-thumbnail-t li:first-child > dl:nth-child(6n) {
    border-right: 0;
}

#handicraft-top .block-thumbnail-t--goods-image figure {
    width: 182px;
    height: 182px;
}

#handicraft-top .block-thumbnail-t--goods-description .block-thumbnail-t--goods-name {
    padding: 0 15px;
}

/* ピックアップ */
.block-pickup-list-p {
    margin-bottom: 40px;
}

.block-pickup-list-p--goods-name {
    margin-bottom: 10px;
    padding-left: 20px;
}

.block-pickup-list-p--goods-name a {
    text-decoration: none;
    font-size: 13px;
    color: #1c1b1b;
}

.block-pickup-list-p--comment {
    font-size: 11px;
    color: #a9a290;
    padding-left: 20px;
}

.block-pickup-list-p--image {
    padding: 12px 0 0 0;
}

.block-pickup-list-p--image a {
    display: block;
    text-decoration: none;
    font-size: 12px;
}

.block-pickup-list-p li {
    margin-bottom: 0;
}

.block-pickup-list-p li > div {
    width: 490px;
    padding: 20px;
    position: relative;
    border-top: solid 1px #e7e4dd;
    background: #fff;
}

.block-pickup-list-p li:first-child > div:nth-child(1),.block-pickup-list-p li:first-child > div:nth-child(2) {
    border-top: none;
}

.block-pickup-list-p li > div:nth-child(odd) {
    border-right: solid 1px #e7e4dd;
}

.block-pickup-list-p--price-infos .block-pickup-list-p--price {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #1c1b1b;
    font-weight: normal;
}

.block-pickup-list-p--price span.circle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-left: 4px;
}

.block-pickup-list-p--price span.small {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    display: inline;
    margin-left: 2px;
}

.block-pickup-list-p--price-items .price {
    padding-left: 12px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.block-pickup-list-p--item-description {
    padding-left: 0;
    padding-right: 10px;
}

.block-pickup-list-p--price.price-red {
    font-size: 18px;
    color: #e54848;
    font-weight: normal;
}

.block-pickup-list-p--price-infos .goods-icon {
    padding-left: 20px;
}

.block-pickup-list-p--price-items {
    margin-bottom: 15px;
    text-align: right;
    padding-right: 0;
    word-wrap: break-word;
    white-space: normal;
}

.block-pickup-list-p--image span.icon-src1 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    letter-spacing: 0.2em;
    background: url(../../img/usr/handicraft/icon_bg01.png) center center;
    z-index: 1;
}

.block-pickup-list-p--image span.icon-src2 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    letter-spacing: 0.2em;
    z-index: 1;
    background: url(../../img/usr/handicraft/icon_bg02.png) center center;
}

.block-pickup-list-p--image div.icon > span:nth-child(1) {
    top: 17px;
}

.block-pickup-list-p--image div.icon > span:nth-child(2) {
    top: 45px;
}

/* ランキング */
.block-ranking-r .block-ranking-r--items {
    position: relative;
    width: 980px;
}

.block-ranking-r .block-ranking-r--items li > dl {
    /*flex-basis: 181px;*/
    flex-basis: 196px;
    margin-left: 0;
}

.block-ranking-r .block-ranking-r--items .bx-wrapper li > dl {
    flex-basis: 183px;
}

.block-ranking-r--goods-image {
    position: static;
    padding: 0 30px;
}

.block-ranking-r--goods-image a {
    display: block;
}

.block-ranking-r--goods-image figure {
    width: 120px;
    height: 120px;
    background: #fff;
}

.block-ranking-r .block-ranking-r--items li > dl {
    position: relative;
    background: #fff;
    border-right: solid 1px #e7e4dd;
    padding: 32px 0 30px 0;
}

/*.block-ranking-r .block-ranking-r--items li > dl:nth-child(1){flex-basis: 249px;margin-top: 50px;}.block-ranking-r .block-ranking-r--items li > dl:nth-child(1) .block-ranking-r--goods-image{padding: 0 24px;}.block-ranking-r .block-ranking-r--items li > dl:nth-child(1) .block-ranking-r--goods-image figure{width: 204px;height: 204px;}*/
.block-ranking-r--goods-image .block-ranking-r--rank {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.0;
    width: 43px;
    height: 35px;
    left: 0;
    top: 0;
    background: none;
    background-color: #645853;
    border-radius: 0;
    margin: 0;
    padding: 10px 0 0;
    display: block;
}

.block-ranking-r--goods-image .block-ranking-r--rank::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 21.5px 0 21.5px;
    border-color: #645853 transparent transparent transparent;
}

.block-ranking-r--goods-image .block-ranking-r--rank span {
    font-size: 20px;
}

.block-ranking-r--goods .block-ranking-r--goods-name {
    margin-bottom: 25px;
    color: #1c1b1b;
    padding: 0 20px;
}

.block-ranking-r--goods-description {
    padding: 0;
}

.block-ranking-r--price-infos .goods-icon {
    padding: 0 20px;
}

.block-ranking-r--goods .block-ranking-r--goods-name a {
    text-decoration: none;
    font-size: 13px;
    color: #1c1b1b;
}

.block-ranking-r--goods-image span.icon-src1 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    letter-spacing: 2px;
    background: url(../../img/usr/handicraft/icon_bg01.png) center center;
    z-index: 1;
}

.block-ranking-r--goods-image span.icon-src2 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    letter-spacing: 2px;
    background: url(../../img/usr/handicraft/icon_bg02.png) center center;
    z-index: 1;
}

.block-ranking-r--goods-image div.icon > span:nth-child(1) {
    top: 17px;
}

.block-ranking-r--goods-image div.icon > span:nth-child(2) {
    top: 45px;
}

.block-ranking-r--price-items {
    margin-bottom: 15px;
    text-align: right;
    overflow: hidden;
    padding: 0 15px;
    word-wrap: break-word;
    white-space: normal;
}

.block-thumbnail-t--price.default-price {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.block-ranking-r--scomment {
    padding: 0 10px;
}

.block-ranking-r--price.price {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #1c1b1b;
    padding-left: 12px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.block-ranking-r--price.price span.circle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-left: 4px;
}

.block-ranking-r--price.price span.small {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    margin-left: 2px;
}

.block-ranking-r--price.price-red {
    font-size: 18px;
    color: #e54848;
    font-weight: normal;
}

#handicraft-top .block-ranking-r .block-ranking-r--items {
    width: 100%;
}

#handicraft-top .block-ranking-r .block-ranking-r--items li {
    /*justify-content: center;*/
    margin-bottom: 15px;
}

#handicraft-top .block-ranking-r .block-ranking-r--items li > dl {
    flex-basis: 255px;
    padding: 20px 0;
    margin: 0;
    background-color: #ffffff;
}

#handicraft-top .block-ranking-r .block-ranking-r--items li > dl:nth-child(5n) {
    border-right: 0;
}

#handicraft-top .block-ranking-r--goods-image {
    padding: 0;
}

#handicraft-top .block-ranking-r--goods-image figure {
    width: 215px;
    height: 215px;
    margin: 0 auto;
}

#handicraft-top .rank-tab-box {
    margin-bottom: 55px;
}

/* 最近見た商品 */
.block-recent-item {
    width: 100%;
    background: #fff;
}

.block-recent-item .block-recent-item--message {
    text-align: center;
    margin-top: -50px;
    padding-bottom: 100px;
}

.block-recent-item-inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.block-thumbnail-h a {
    display: block;
}

.block-thumbnail-h--goods-image figure {
    background: transparent;
}

.block-thumbnail-h li {
    width: 126px;
    margin-right: 16px;
    margin-left: 0;
}

.block-thumbnail-h li:nth-child(6n+1) {
    margin-right: 16px;
}

.block-thumbnail-h--goods-image figure {
    width: 126px;
    height: 126px;
}

.block-recent-item--header {
    border: none;
    padding: 19px 30px 40px 30px;
    margin: 0;
}

.block-recent-item--header-img {
    position: absolute;
    top: -44px;
    left: 50%;
    margin: 0 0 0 -55px;
    width: 110px;
    height: 88px;
    background: url(../../img/usr/handicraft/history.png) no-repeat;
}

.block-recent-item--keep-history {
    position: absolute;
    right: 0;
    top: 45px;
}

.block-recent-item--header-ttl {
    font-weight: bold;
    margin-top: 30px;
    font-size: 28px;
    letter-spacing: 0.1em;
}

.block-recent-item--header-ttl span.notation_t {
    display: none;
}

.block-recent-item--header-ttl span.notation_b {
    margin-left: 7px;
}

.block-thumbnail-h {
    overflow: hidden;
    margin: 0;
    position: relative;
}

.block-recent-item--items {
    width: 1280px;
    padding: 0 0 100px 0;
}

.block-recent-item--items .bx-wrapper {
    max-width: 1275px!important;
}

.block-thumbnail-h--goods-name {
    padding: 0 8px;
    font-size: 13px;
}

.block-thumbnail-h--goods-name,.block-thumbnail-h--goods-name a {
    display: block;
    font-size: 13px;
}

.block-thumbnail-h--goods-description {
    margin-top: 12px;
}

.block-recent-item--keep-history a {
    font-size: 13px;
    color: #1c1b1b;
    padding-left: 25px;
    text-decoration: none;
    background: url(../../img/usr/handicraft/rireki.png) no-repeat left center;
}

.block-recent-item--body .bx-prev {
    position: absolute;
    text-indent: -9999px;
    left: -28px;
    top: 50%;
    width: 56px;
    height: 56px;
    background: url(../../img/usr/handicraft/slider_prev.png) no-repeat;
}

.block-recent-item--body .bx-next {
    position: absolute;
    text-indent: -9999px;
    right: -28px;
    top: 50%;
    width: 56px;
    height: 56px;
    background: url(../../img/usr/handicraft/slider_next.png) no-repeat;
}

.block-recent-item--body .bx-prev.disabled,.block-recent-item--body .bx-next.disabled {
    display: none;
}

/* ========================ランキング用slider======================== */
.block-ranking-r .bx-viewport {
    height: auto!important;
}

.block-ranking-r .bx-controls-direction .bx-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 0;
    text-indent: -9999px;
    background: url(../../img/usr/handicraft/slider_prev.png) no-repeat;
}

.block-ranking-r .bx-controls-direction .bx-next {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 56px;
    height: 56px;
    margin: -28px 0 0 0;
    text-indent: -9999px;
    background: url(../../img/usr/handicraft/slider_next.png) no-repeat;
}

.block-ranking-r .bx-controls-direction .bx-prev.disabled,.block-ranking-r .bx-controls-direction .bx-next.disabled {
    display: none;
}

/* ========================共通タイトル======================== */
.block-category-list--free-ttl-inner {
    margin: 0 auto;
}

#handicraft-top .block-category-list--free-ttl-inner {
    width: 1280px;
}

.block-category-list--free-ttl-inner .block-category-list--free-ttl-tp {
    text-align: center;
    margin-bottom: 8px;
}

.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt {
    text-align: center;
    position: relative;
}

.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt::before,.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 5px;
    width: 390px;
    background-image: url("../../img/usr/handicraft/ttl_line.png");
    background-position: left top;
    background-repeat: repeat-x;
}

#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt::after {
    width: 520px;
}

.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt::before {
    left: 0;
}

.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt::after {
    right: 0;
}

.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt span {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 0 55px;
}

/*.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt.block-category-list--free-ttl-bt-blog{background: url(../../img/usr/handicraft/ttl_ll.png) no-repeat center center;}.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt.block-category-list--free-ttl-bt-blog span,.block-category-list--free-ttl-inner .block-category-list--free-ttl-bt.block-category-list--free-ttl-bt-feature span{margin-left: 4px;}*/
.block-category-list--free-ttl-inner h2 {
    margin: 0;
    padding: 0 0 30px;
    font-weight: normal;
    border-bottom: none;
}

/* 特集 */
#handicraft-top .block-category-list--free-ttl-inner.block-category-list--free-ttl-tp-feature .block-category-list--free-ttl-bt::before,#handicraft-top .block-category-list--free-ttl-inner.block-category-list--free-ttl-tp-feature .block-category-list--free-ttl-bt::after {
    width: 560px;
}

/* スタッフのイチ押し */
#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-recommend::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-recommend::after {
    width: 460px;
}

/* てづくりブログ */
#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-handmade::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-handmade::after {
    width: 490px;
}

/* オカダヤチャンネル */
#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-channel::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-channel::after {
    width: 460px;
}

/* オフィシャルブログ */
#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-blog::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-blog::after {
    width: 460px;
}

/* ワークショップ / 手作りの教科書 */
#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-workshop::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-workshop::after,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-howto::before,#handicraft-top .block-category-list--free-ttl-inner .block-category-list--free-ttl-bt-howto::after {
    width: 495px;
}

#handicraft-top .block-top-event--header {
    border: 0;
    padding: 0;
    margin: 0 0 30px;
    position: relative;
}

#handicraft-top .block-top-event--header::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 5px;
    width: 100%;
    background-image: url("../../img/usr/handicraft/ttl_line.png");
    background-position: left top;
    background-repeat: repeat-x;
    z-index: 1;
}

#handicraft-top .block-top-event--header a {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 0 55px;
    background-image: url(../../img/usr/handicraft/body_bg.png);
    background-position: left top;
    background-repeat: repeat;
    position: relative;
    z-index: 5;
}

#handicraft-top .block-top-event--header a:hover {
    opacity: 1;
}

/* ========================特集======================== */
.feature-box {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 25px;
    overflow: hidden;
}

#handicraft-top .feature-box {
    width: 1280px;
}

.feature-box > div {
    margin-right: 25px;
    margin-bottom: 25px;
    width: 310px;
    float: left;
}

.feature-box > div a {
    transition: 0.15s ease 0s;
}

.feature-box > div a:hover {
    opacity: .7;
}

.feature-box > div:nth-child(3n) {
    margin-right: 0;
}

.feature-box > div:nth-child(3n + 1) {
    clear: both;
}

#handicraft-top .feature-box > div {
    width: 410px;
    text-align: center;
}

/* ========================お知らせ======================== */
.block-category-list--topic .block-category-list--free-ttl-inner h2 {
    padding-bottom: 50px;
}

.block-category-list--topic .block-category-list--free-ttl-tp {
    background-image: url(../../img/usr/handicraft/news.png);
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 88px;
    text-indent: -9999px;
}

.block-top-topic--body ul:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

.block-top-topic--body .block-free-area--more-btn {
    margin-bottom: 0;
}

.block-top-topic--items,.block-topic-details--items {
    background: #fff;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
}

.block-top-topic--items li,.block-topic-details--items li {
    border: 0;
    padding: 0;
    width: 50%;
    border-right: 1px solid #e7e4dd;
    border-bottom: 1px solid #e7e4dd;
}

.block-top-topic--items li a,.block-top-topic--items li span.is-nolink,.block-topic-details--items li a,.block-topic-details--items li span.is-nolink {
    display: flex;
    padding: 20px;
}

/*.block-top-topic--items li:nth-child(1),.block-top-topic--items li:nth-child(2),.block-topic-details--items li:nth-child(1),.block-topic-details--items li:nth-child(2) {border-top: 0;}*/
.block-top-topic--items li:nth-child(2n),.block-topic-details--items li:nth-child(2n) {
    border-right: 0;
}

.block-top-topic--items li a:hover,.block-topic-details--items li a:hover {
    opacity: .7;
}

.block-top-topic--items li .block-top-topic--items-img,.block-topic-details--items li .block-topic--items-img {
    width: 130px;
    height: 130px;
    margin-right: 20px;
}

.block-top-topic--items li .block-top-topic--items-img figure,.block-topic-details--items li .block-topic--items-img figure {
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-top-topic--items li .block-top-topic--items-img figure img,.block-topic-details--items li .block-topic--items-img figure img {
    max-height: 100%;
}

.block-top-topic--items li .block-top-topic--items-desc.on-img,.block-topic-details--items li .block-topic--items-desc.on-img {
    width: 790px;
    margin-left: auto;
}

.block-top-topic--items li .block-top-topic--items-icon,.block-topic-details--items li .block-topic--items-icon {
    margin-bottom: 8px;
}

.block-top-topic--items li .block-top-topic--items-icon img,.block-topic-details--items li .block-topic--items-icon img {
    margin-right: 5px;
    height: 18px;
}

.block-top-topic--items li .block-top-topic--items-date,.block-topic-details--items li .block-topic--items-date {
    line-height: 1.538;
    margin-bottom: 5px;
}

.block-top-topic--items li .block-top-topic--items-desc p,.block-topic-details--items li .block-topic--items-desc p {
    line-height: 1.538;
}

/* ========================特集======================== */
.blog-pick-up-list-inner:after {
    content: "";
    display: block;
    clear: both;
}

.blog-pick-up-list {
    display: flex;
    padding-bottom: 10px;
}

.blog-pick-up-list li {
    width: 232px;
    flex-basis: 232px;
    margin: 0 30px 35px 0;
}

.blog-pick-up-list li:nth-child(5n) {
    margin-right: 0;
}

.blog-pick-up-list li a {
    display: block;
}

.blog-pick-up-list li div.blog-pick-up-list-img {
    width: 232px;
    height: 232px;
}

.blog-pick-up-list li figure {
    width: 232px;
    height: 232px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.blog-pick-up-list li figure img {
    flex-shrink: 0;
    max-width: none;
}

.blog-pick-up-list li a:hover {
    opacity: .7;
}

.blog-pick-up-list li .blog-pick-up-desc {
    padding-top: 8px;
}

.blog-pick-up-list li .blog-pick-up-date {
    line-height: 1.9;
}

.blog-pick-up-list li .blog-pick-up-ttl {
    line-height: 1.5;
}

/* ========================ボタン======================== */
/* イベント用もっと見る */
.block-top-event--more-btn,.block-free-area--more-btn {
    margin-bottom: 90px;
}

.block-top-event--more-btn a,.block-free-area--more-btn a {
    display: block;
    width: 310px;
    height: 56px;
    margin: 0 auto;
    padding: 18px 0 0 120px;
    background: url(../../img/usr/handicraft/more-btn.png) no-repeat;
    color: #1c1b1b;
    font-size: 14px;
    transition: 0.15s ease 0s;
}

.block-top-event--more-btn a:hover,.block-free-area--more-btn a:hover {
    text-decoration: none;
    opacity: .7;
}

@media all and (-ms-high-contrast: none) {
    .block-top-event--more-btn a,.block-free-area--more-btn a {
        padding-top: 22px;
    }
}

.page-topicdetaillist .block-free-area--more-btn,.page-topic .block-free-area--more-btn {
    margin-top: 60px;
}

.page-topicdetaillist .block-free-area--more-btn a,.page-topic .block-free-area--more-btn a {
    padding: 18px 0 0 0;
    text-align: center;
}

/* ================================================左メニュー================================================ */
#block_of_free2 {
    display: none;
}

#block_of_free1 {
    display: block;
    position: relative;
    /*padding-top: 57px;margin-top: -57px;*/
}

/* カテゴリ */
.pane-left-menu h2.block-category-tree--header {
    background: url(../../img/usr/handicraft/slide_line.png) no-repeat;
    border-top: none;
    text-align: center;
    margin-bottom: 0;
    padding: 25px 0;
    border-bottom: none;
}

.block-category-tree--header a,.block-genre-tree--header a {
    color: #1c1b1b;
}

.block-category-tree--header a:hover,.block-genre-tree--header a:hover {
    text-decoration: none;
    opacity: .7;
}

.block-category-tree--header .sub-ttl {
    font-family: 'Montserrat', sans-serif;
    display: block;
    color: #cfa247;
    font-weight: 500;
    font-size: 11px;
    margin-bottom: 6px;
    letter-spacing: 0.1em;
}

.block-category-tree--item__open a,.block-category-tree--item a {
    text-decoration: none;
    padding: 10px 0;
    height: auto;
    font-size: 13px;
    background: url(../../img/usr/handicraft/link_arrow.png) no-repeat 95% center;
}

.block-category-tree--item__open a:hover,.block-category-tree--item a:hover {
    background: url(../../img/usr/handicraft/link_arrow.png) no-repeat 95% center #edebdf;
}

.block-category-tree--item__open a:hover,.block-category-tree--item a:hover {
    text-decoration: none;
}

.block-genre-tree--item__open a,.block-genre-tree--item a {
    text-decoration: none;
}

.block-category-tree--item__open,.block-category-tree--item {
    border-top: #e7e4dd 1px solid;
}

.block-category-tree--item__open ul {
    display: block;
}

.pane-left-menu .block-category-tree--items {
    border-bottom: solid 1px #e7e4dd;
}

/* カテゴリ＆ジャンル共通 */
.block-genre-tree--item span.tree_,.block-category-tree--items span.tree_ {
    cursor: pointer;
    position: relative;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.block-genre-tree--item span.tree_ > span,.block-category-tree--items span.tree_ > span {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 11px;
    height: 1px;
    background: #1c1b1b;
    transition: all .4s;
}

/* firefox対応(50%) */
@-moz-document url-prefix() {
    .block-genre-tree--item span.tree_ > span,.block-category-tree--items span.tree_ > span {
        height: 1.2px;
    }
}

/* chrome対応(80%) */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .block-genre-tree--item span.tree_ > span,.block-category-tree--items span.tree_ > span {
        height: 1.3px;
    }
}

/* IE対応(80%) */
@media all and (-ms-high-contrast: none) {
    .block-genre-tree--item span.tree_ > span,.block-category-tree--items span.tree_ > span {
        zoom: 1.2;}
}

.block-genre-tree--item span.tree_.minus_ > span:nth-of-type(1),.block-category-tree--items span.tree_.minus_ > span:nth-of-type(1),.block-category-tree--item__open span.tree_.minus_ > span:nth-of-type(1) {
    display: none;
}

.block-genre-tree--item span.tree_ > span:nth-of-type(1),.block-category-tree--items span.tree_ > span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.block-genre-tree--item span.tree_ > span:nth-of-type(2),.block-category-tree--items span.tree_ > span:nth-of-type(2),.block-genre-tree--item span.tree_.plus_ > span:nth-child(2),.block-category-tree--items span.tree_.plus_ > span:nth-child(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.block-genre-tree--item span.tree_.minus_ > span:nth-of-type(2),.block-category-tree--items span.tree_.minus_ > span:nth-of-type(2) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.block-category-tree--items.block-category-tree--level-1,.block-genre-tree--items.block-genre-tree--level1 {
    border-bottom: solid 1px #e7e4dd;
}

.block-category-tree--image,.block-genre-tree--image {
    margin-right: 12px;
    min-width: 43px;
    height: 43px;
    font-size: 9px;
}

.block-category-tree--image img,
.block-genre-tree--image img {
    max-width: 33px;
    max-height: 33px;
}

.block-category-tree--items.block-category-tree--level-1 > li > a,.block-genre-tree--items.block-genre-tree--level1 > li > a,.block-category-tree--items.block-category-tree--level-2 > li > a,.block-genre-tree--items.block-genre-tree--level2 > li > a,.block-category-tree--items.block-category-tree--level-3 > li > a,.block-genre-tree--items.block-genre-tree--level3 > li > a,.block-category-tree--items.block-category-tree--level-4 > li > a,.block-genre-tree--items.block-genre-tree--level4 > li > a {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    min-height: 63px;
    height: auto;
}

.block-category-tree--items.block-category-tree--level-1 > li div.column-box,.block-genre-tree--items.block-genre-tree--level1 > li div.column-box,.block-category-tree--items.block-category-tree--level-2 > li div.column-box,.block-genre-tree--items.block-genre-tree--level2 > li div.column-box,.block-category-tree--items.block-category-tree--level-3 > li div.column-box,.block-genre-tree--items.block-genre-tree--level3 > li div.column-box,.block-category-tree--items.block-category-tree--level-4 > li div.column-box,.block-genre-tree--items.block-genre-tree--level4 > li div.column-box {
    padding: 10px 0;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    width: 230px;
    min-height: 63px;
}

.block-category-tree--items > li > a > div > span,.block-genre-tree--items > li > a > div > span {
    padding: 10px 0;
}

.block-category-tree--items.block-category-tree--level-1 > li > a,.block-genre-tree--items.block-genre-tree--level1 > li > a,.block-category-tree--items.block-category-tree--level-2 > li > a,.block-genre-tree--items.block-genre-tree--level2 > li > a,.block-category-tree--items.block-category-tree--level-3 > li > a,.block-genre-tree--items.block-genre-tree--level3 > li > a,.block-category-tree--items.block-category-tree--level-4 > li > a,.block-genre-tree--items.block-genre-tree--level4 > li > a {
    padding: 0;
}

/* 通常 */
.block-category-tree--items.block-category-tree--level-1 > li > a > div > span,.block-genre-tree--items.block-genre-tree--level1 > li > a > div > span {
    padding: 12px 0 10px 0;
}

.block-category-tree--items.block-category-tree--level-2 > li > a > div > span,.block-genre-tree--items.block-genre-tree--level2 > li > a > div > span {
    padding: 12px 0 10px 25px;
}

.block-category-tree--items.block-category-tree--level-3 > li > a > div > span,.block-genre-tree--items.block-genre-tree--level3 > li > a > div > span {
    padding: 12px 0 10px 50px;
}

.block-category-tree--items.block-category-tree--level-4 > li > a > div > span,.block-genre-tree--items.block-genre-tree--level4 > li > a > div > span {
    padding: 12px 0 10px 75px;
}

/* 画像あり */
.block-category-tree--items.block-category-tree--level-2 > li > a > div > figure,.block-genre-tree--items.block-genre-tree--level2 > li > a > div > figure {
    margin: 0 12px 0 0;
}

.block-category-tree--items.block-category-tree--level-3 > li > a > div > figure,.block-genre-tree--items.block-genre-tree--level3 > li > a > div > figure {
    margin: 0 12px 0 30px;
}

.block-category-tree--items.block-category-tree--level-4 > li > a > div > figure,.block-genre-tree--items.block-genre-tree--level4 > li > a > div > figure {
    margin: 0 12px 0 45px;
}

.block-category-tree--items.block-category-tree--level-1 > li > a > div > figure + span,.block-genre-tree--items.block-genre-tree--level1 > li > a > div > figure + span,.block-category-tree--items.block-category-tree--level-2 > li > a > div > figure + span,.block-genre-tree--items.block-genre-tree--level2 > li > a > div > figure + span,.block-category-tree--items.block-category-tree--level-3 > li > a > div > figure + span,.block-genre-tree--items.block-genre-tree--level3 > li > a > div > figure + span,.block-category-tree--items.block-category-tree--level-4 > li > a > div > figure + span,.block-genre-tree--items.block-genre-tree--level4 > li > a > div > figure + span {
    padding: 0;
}

.block-category-tree--level-2 > li,.block-category-tree--level-3 > li,.block-category-tree--level-4 > li,.block-genre-tree--level2 > li,.block-genre-tree--level3 > li,.block-genre-tree--level4 > li {
    text-indent: 0;
    width: 100%;
}

/* ジャンル */
.pane-left-menu h2.block-genre-tree--header {
    background: url(../../img/usr/handicraft/slide_line.png) no-repeat;
    border-top: none;
    text-align: center;
    margin-bottom: 0;
    margin-top: 35px;
    padding: 25px 0;
}

.block-genre-tree--header .sub-ttl {
    font-family: 'Montserrat', sans-serif;
    display: block;
    color: #cfa247;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 6px;
    letter-spacing: 0.2em;
}

.block-genre-tree--item__open a,.block-genre-tree--item a {
    position: relative;
    padding: 10px 0;
    min-height: 65px;
    height: auto;
    font-size: 13px;
    background: url(../../img/usr/handicraft/link_arrow.png) no-repeat 95% center;
}

.block-genre-tree--item__open,.block-genre-tree--item {
    border-top: none;
    border-top: #e7e4dd 1px solid;
}

.block-genre-tree--item__open a:hover,.block-genre-tree--item a:hover {
    background: url(../../img/usr/handicraft/link_arrow.png) no-repeat 95% center #edebdf;
}

.block-category-tree--item__open a:hover,.block-category-tree--item a:hover {
    background: url(../../img/usr/handicraft/link_arrow.png) no-repeat 95% center #edebdf;
}

/* ========================カレンダー======================== */
#s_calendar {
    width: 260px;
    margin-bottom: 35px;
    margin-top: 40px;
}

#s_calendar .s_cale_tbl {
    width: 260px;
    padding: 0 0px 0 0px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
}

#s_calendar .s_cale_tbl th {
    text-align: center;
    padding: 7px 0 4px;
    font-size: 14px;
}

#s_calendar td.day,#s_calendar td.holiday {
    color: #1c1b1b;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width: 20px;
    height: 32px;
}

#s_calendar td.sun {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #e54848;
    font-size: 10px;
}

#s_calendar td.week {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #1c1b1b;
    font-size: 10px;
}

#s_calendar td.sat {
    color: #48a1e5;
    font-size: 10px;
}

#s_calendar td.holiday span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    background: #e54848;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 13px;
    border-radius: 50%;
    line-height: 1.8;
}

#s_calendar .calendar-month {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
}

#s_calendar .calendar-month > div {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e7e4dd;
    color: #1c1b1b;
    font-size: 18px;
    border-radius: 4px;
}

#s_calendar .calendar-month > div:nth-child(1) {
    margin-right: 10px;
}

#s_calendar .calendar-month > div span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 4px;
}

#s_calendar .calendar-month .calendar-month-active {
    background: #cfa247;
    color: #fff;
}

#s_calendar .calendar-month .calendar-month-active:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -17px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 9px solid #cfa247;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent;
}

#s_calendar .calendar-inner {
    padding: 0 0 20px 0;
    border-bottom: solid 2px #e7e4dd;
    margin-bottom: 20px;
}

#s_calendar .holi_mark {
    margin-bottom: 15px;
    font-size: 12px;
}

#s_calendar .holi_mark span {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: #e54848;
    border-radius: 50%;
    margin-right: 5px;
}

#s_calendar .txt {
    font-size: 12px;
}

/* ========================サイドバナー======================== */
.side-bnr-box > div {
    margin-bottom: 25px;
}

.side-bnr-box > div a {
    transition: 0.15s ease 0s;
}

.side-bnr-box > div a:hover {
    opacity: .7;
}

/* ================================================カテゴリ用フッダー================================================ */
.pane-footer-tp {
    clear: both;
    color: #1c1b1b;
}

.footer-category-top {
    border-top: solid 1px #dbd8d2;
    background: transparent;
}

.footer-category-top-inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    display: flex;
}

.footer-category-top-inner .decoriton-icon {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../img/usr/handicraft/decoration.png) no-repeat;
    width: 32px;
    height: 70px;
}

.footer-category-top-lt {
    width: 50%;
    padding: 60px 70px 60px 0;
    border-right: solid 1px #dbd8d2;
}

.footer-category-top-rt {
    padding: 60px 0 60px 70px;
    width: 50%;
}

.footer-category-top-rt p {
    font-size: 13px;
    color: #1c1b1b;
    line-height: 1.8;
}

.footer-category-top-rt p.footer-group-shop-desc-link a {
    position: relative;
    padding: 0 0 0 15px;
    background: url(../../img/usr/handicraft/footer_arrow2.png) no-repeat left center;
}

.footer-group-shop {
    display: flex;
    margin-bottom: 20px;
}

.footer-group-shop-desc {
    text-align: center;
    flex: 1;
}

.footer-group-shop-desc .footer-group-shop-desc-txt {
    font-size: 13px;
    margin-bottom: 14px;
}

.footer-category-top-rt .footer-group-shop-desc-guid {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.footer-group-shop-desc-link {
}

.footer-category-center {
    position: relative;
    padding: 70px 0;
    background: url(../../img/usr/handicraft/footer_bg01.png);
}

.pane-footer-tp-list {
    text-align: center;
}

.pane-footer-tp-list-sub {
    margin-bottom: 20px;
}

.pane-footer-tp-list-sub img {
    vertical-align: middle;
    margin-right: 8px;
}

.pane-footer-tp-list-img {
    margin-bottom: 5px;
}

.pane-footer-tp-list-ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

.pane-footer-tp-list-obi {
    background: #fff;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 24px;
}

.pane-footer-tp-list-obi .txt-red {
    font-size: 14px;
    font-weight: normal;
    color: #e54848;
}

.pane-footer-tp-list-obi .txt-red span {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.pane-footer-tp-list ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.pane-footer-tp-list ul li {
    width: 270px;
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
    text-align: left;
}

.pane-footer-tp-list ul li a {
    display: block;
    padding: 15px 0 15px 15px;
    border-bottom: solid 2px #dbd8d2;
    background: url(../../img/usr/handicraft/footer_arrow2.png) no-repeat left center;
}

.pane-footer-tp-list ul li:nth-child(even) {
    margin-right: 0;
}

.footer-category-center-inner {
    width: 950px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.footer-category-center-lt {
    width: 320px;
}

.footer-category-center-rt {
    display: flex;
}

.footer-category-center-rt > div:last-child {
    margin-right: 0;
}

.footer-category-center-rt-list {
    width: 290px;
    margin-right: 40px;
}

.footer-category-center-rt-list .footer-category-center-rt-list-ttl {
    display: flex;
    align-items: center;
    padding: 15px 0 15px 40px;
    justify-content: space-between;
    color: #757370;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px #dbd8d2;
    margin-bottom: 20px;
}

.footer-category-center-rt-list .footer-category-center-rt-list-ttl.icon-guide {
    background: url(../../img/usr/handicraft/guide.png) no-repeat left center;
}

.footer-category-center-rt-list .footer-category-center-rt-list-ttl.icon-qa {
    background: url(../../img/usr/handicraft/question.png) no-repeat left center;
}

.footer-category-center-rt-list .footer-category-center-rt-list-ttl.icon-contact {
    background: url(../../img/usr/handicraft/mail.png) no-repeat left center;
}

.footer-category-center-rt-list .footer-category-center-rt-list-ttl a {
    background: url(../../img/usr/handicraft/footer_arrow.png) no-repeat left center;
    padding-left: 15px;
    font-weight: normal;
    font-size: 13px;
    color: #757370;
}

.footer-category-center-rt-list ul li a {
    display: block;
    background: url(../../img/usr/handicraft/footer_arrow.png) no-repeat left center;
    padding-left: 15px;
    font-size: 13px;
    color: #757370;
    margin-bottom: 12px;
}

.device-switcher {
    width: 100%;
    background: url(../../img/usr/handicraft/footer_bg02.png);
    text-align: center;
}

.device-switcher a {
    font-weight: normal;
    display: inline-block;
    padding: 19px 0 18px 0;
}

.block-page-top {
    text-align: right;
    z-index: 1;
}

.block-page-top a {
    width: auto;
    height: auto;
    background: transparent;
    transition: 0.15s ease 0s;
}

.block-page-top a:hover {
    opacity: .7;
    -webki-transform: rotate(30deg);
    transform: rotate(30deg);
}

.block-page-top a:after {
    display: none;
}

.pane-common-footer {
    position: relative;
    width: 100%;
    padding: 30px 0;
    background: url(../../img/usr/handicraft/footer_bg03.png);
}

.block-copyright {
    color: #c4c4c4;
    letter-spacing: 0.3em;
}

.pane-common-footer--item-list li a {
    letter-spacing: 0.2em;
}

/* ================================================カテゴリ一覧================================================ */
.block-category-list .block-category-list--header,.block-event-page .block-event-page--header,.block-genre-page .block-genre-page--header,.block-search-goods .block-search-goods--header {
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 30px 0;
    margin-bottom: 20px;
    background: url(../../img/usr/handicraft/common_ttl.png) no-repeat left bottom;
}

.page-workshop .block-top-event--header {
    font-size: 28px;
    font-weight: bold;
    padding: 0 0 30px 0;
    margin-bottom: 20px;
    background: url(../../img/usr/handicraft/common_ttl.png) no-repeat left bottom;
    border: 0;
    text-align: left;
}

.block-category-list--comment {
    font-size: 13px;
    margin-bottom: 30px;
}

.block-category-style-p--item {
    width: 227px;
    flex-basis: 227px;
    float: left;
    background: #fff;
}

.block-category-style-p--item-image {
    float: none;
}

.block-category-style-p--item-comment {
    float: none;
    width: auto;
}

/* フィルター */
.pane-left-menu h2 {
    border-top: none;
    text-align: center;
}

.block-filter {
    position: relative;
    margin-bottom: 40px;
    margin-top: 40px;
    border-bottom: solid 2px #e7e4dd;
    border-left: solid 2px #e7e4dd;
    border-right: solid 2px #e7e4dd;
}

.block-filter:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 70px;
    height: 2px;
    background: #e7e4dd;
}

.block-filter:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 70px;
    height: 2px;
    background: #e7e4dd;
}

.block-filter .goods-ttl-img {
    position: absolute;
    top: -45px;
    left: 50%;
    margin: 0 0 0 -55px;
    width: 110px;
    height: 60px;
    background: url(../../img/usr/handicraft/select.png) no-repeat;
}

.block-filter .goods-ttl-txt span {
    font-size: 16px;
    color: #1c1b1b;
}

.block-filter .goods-ttl-txt .caption_txt {
    font-family: 'Montserrat', sans-serif;
    display: block;
    font-size: 11px;
    color: #CFA247;
    font-weight: normal;
    margin-bottom: 3px;
    letter-spacing: 0.2em;
}

.block-filter .goods-ttl-txt .caption_txt.change-txt2 {
    display: none;
}

.pane-left-menu h2.block-filter--header {
    padding: 24px 0 20px 0;
}

.block-filter .block-filter--list-inner h3,.block-filter .block-filter--imagelist-inner h3 {
    position: relative;
    background: #efede4;
    font-size: 13px;
    font-weight: normal;
    border-top : solid 2px #e7e4dd;
    border-bottom : solid 1px #e7e4dd;
    padding: 22px 40px 22px 12px;
    margin-bottom: 0;
    margin-top: -1px;
    transition: 0.15s ease 0s;
}

.block-filter .block-filter--list-inner h3:after,.block-filter .block-filter--imagelist-inner h3:after {
    position: absolute;
    content: "";
    right: 19px;
    top: 50%;
    margin: 0 0 0 0;
    width: 13px;
    height: 1px;
    background: #000;
    transition: 0.15s ease 0s;
}

.block-filter .block-filter--list-inner h3:before,.block-filter .block-filter--imagelist-inner h3:before {
    position: absolute;
    content: "";
    right: 25px;
    top: 50%;
    margin: -6px 0 0 0;
    width: 1px;
    height: 13px;
    background: #000;
    transition: 0.15s ease 0s;
    transform: rotate(90deg);
}

.block-filter .block-filter--close .block-filter--list-inner h3:before,.block-filter .block-filter--close .block-filter--imagelist-inner h3:before {
    transform: rotate(0deg);
    transition: 0.15s ease 0s;
}

/* checkboxカスタマイズ */
.block-filter-option-items {
    padding: 0 10px 25px 20px;
    font-size: 13px;
}

.block-filter-option-items input {
    display: none;
}

.block-filter-option-items input + label {
    display: block;
    padding-left: 35px;
    position: relative;
    font-size: 13px;
}

.block-filter-option-items input:checked + label::before {
}

.block-filter-option-items input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 2px solid #e7e4dd;
    background: #fff;
}

.block-filter-option-items input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 11px;
    height: 11px;
    background: url(../../img/usr/handicraft/checkmark.png) no-repeat;
}

.block-filter--list-inner-accordion {
    padding: 18px 0 0 0;
}

.filter-control {
    overflow: hidden;
    padding: 15px 5px 14px 5px;
    border-top: solid 1px #e7e4dd;
}

.filter-control:after {
    content: "";
    display: block;
    visibility: hidden;
    overflow: hidden;
}

.filter-control > div {
    width: 50%;
    float: left;
    text-align: center;
}

.filter-control > div.filter-reset span {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    background: url(../../img/usr/handicraft/reset_btn.png) no-repeat center center;
}

.filter-control > div.filter-reset span:hover {
    opacity: .7;
}

.filter-control > div.filter-decision input {
    cursor: pointer;
    width: 110px;
    height: 44px;
    background: url(../../img/usr/handicraft/refine.png) no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    color: #fff;
}

.filter-control > div.filter-decision input:hover {
    opacity: .7;
}

/* ================================================絞り込みツリー================================================ */
.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container {
    position: relative;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir i {
    display: none;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir:before {
    position: absolute;
    content: "";
    right: 14px;
    top: 50%;
    margin: -6px 0 0 0;
    width: 1px;
    height: 13px;
    background: #666;
    transition: 0.15s ease 0s;
    transform: rotate(90deg);
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir:after {
    position: absolute;
    content: "";
    right: 8px;
    top: 50%;
    margin: 0 0 0 0;
    width: 13px;
    height: 1px;
    background: #666;
    transition: 0.15s ease 0s;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir__close:before {
    transform: rotate(0deg);
    transition: 0.15s ease 0s;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container a {
    width: 100%;
    font-size: 13px;
    padding: 15px 30px 15px 12px;
    display: block;
    height: auto;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    width: 6px;
    height: 12px;
    margin: -6px 0 0 0;
    background: url(../../img/usr/handicraft/link_arrow.png) no-repeat;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    z-index: 10;
    margin: -10px 0 0 0;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir + a {
    width: auto;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem-dir + a:after {
    display: none;
}

/*.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--tree-2 .block-filter--treeitem-container s{width: 50%;}*/
.block-filter .block-filter--treeitem-selected {
    color: #1c1b1b;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container .block-filter--treeitem {
    padding-left: 0;
}

.block-filter .block-filter--tree-2 > li,.block-filter .block-filter--tree-3 > li {
    padding-left: 0;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container > span {
    order: 20;
}

.block-filter .block-filter--treelist-inner-layer .block-filter--treeitem-container > .block-filter--treeitem-name {
    order: 20;
}

.block-filter .block-filter--treelist-inner-layer ul:after {
    content: "";
    clear: both;
}

/* ================================================サブカテゴリ/サムネイル================================================ */
.block-category-style-t {
    margin: 0 0 30px 0;
}

.block-category-style-t--item-inner {
    width: 227px;
    float: left;
    margin-bottom: 16px;
    margin-right: 24px;
}

.block-category-style-t div.block-category-style-t--item-inner:nth-child(4n) {
    margin-right: 0;
}

.block-category-style-t li.block-category-style-t--item-inner:nth-child(4n) {
    margin-right: 0;
}

.block-category-style-t--item {
    flex-basis: auto;
    margin-bottom: 24px;
}

.block-category-style-t--item h3 {
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
    padding: 0;
}

.block-category-style-t--item h3 a {
    display: table;
}

.block-category-style-t--item figure.img-center {
    width: 56px;
    height: 56px;
    vertical-align: top;
}

.block-category-style-t--item span {
    display: table-cell;
    vertical-align: middle;
    min-height: 56px;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 20px 9px 20px;
    color: #1c1b1b;
    width: 227px;
    box-sizing: border-box;
}

.block-category-style-t--item figure.img-center img {
    max-width: 56px;
    max-height: 56px;
}

.block-category-style-t--item figure.img-center + span {
    width: 171px;
}

.block-category-style-t--item:nth-child(4n + 1) {
    margin-left: 0;
    margin-bottom: 0;
}

/* ================================================サブカテゴリ/ジャンル================================================ */
.block-genre-style {
    overflow: hidden;
    margin-bottom: 30px;
}

.block-genre-style--item-inner {
    width: 227px;
    float: left;
    margin-bottom: 16px;
    margin-right: 24px;
}

.block-genre-page--goods div.block-genre-style--item-inner:nth-child(4n) {
    margin-right: 0;
}

.block-genre-style--item {
    flex-basis: auto;
    margin-bottom: 24px;
}

.block-genre-style--item h3 {
    margin-top: 0;
    margin-bottom: 0;
    background: #fff;
}

.block-genre-style--item h3 a {
    display: table;
}

.block-genre-style--item figure.img-center {
    width: 56px;
    height: 56px;
    vertical-align: top;
}

.block-genre-style--item span {
    display: table-cell;
    vertical-align: middle;
    min-height: 56px;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 20px 9px 20px;
    color: #1c1b1b;
    width: 227px;
    box-sizing: border-box;
}

.block-genre-style--item figure.img-center img {
    max-width: 56px;
    max-height: 56px;
}

.block-genre-style--item figure.img-center + span {
    width: 171px;
}

.block-genre-style--item:nth-child(4n + 1) {
    margin-left: 0;
    margin-bottom: 0;
}

.block-genre-page--goods .block-genre-style--item-inner h3.block-genre-style--item-name {
    padding: 0;
}

.page-genre .block-genre-page .block-genre-page--comment {
    margin-bottom: 20px;
}

/* ================================================サブカテゴリ/孫カテゴリ================================================ */
/* 並び替え */
.block-goods-list--display-style-items,.block-goods-list--sort-order-items {
    clear: both;
    border-bottom: solid 1px #e7e4dd;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
}

.block-goods-list--sort-order-items {
    margin-bottom: 35px;
}

.block-goods-list--display-style-items dt,.block-goods-list--sort-order-items dt {
    width: 100px;
    font-size: 13px;
    font-weight: bold;
}

.block-goods-list--display-style-items dd,.block-goods-list--sort-order-items dd {
    font-size: 13px;
    margin-right: 15px;
}

.block-goods-list--display-style-items a,.block-goods-list--display-style-items span {
    padding-left: 30px;
    color: #1c1b1b;
}

.pager:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.block-goods-list--pager-top {
    margin-bottom: 40px;
}

.block-goods-list--pager-bottom {
    margin-bottom: 30px;
}

.pager-total {
    float: left;
    font-size: 13px;
}

.pager-total .pager-count span {
    font-size: 20px;
    margin: 0 4px;
    font-family: 'Montserrat', sans-serif;
}

.pagination > * {
    list-style-type: none;
    float: left;
    margin-left: 0;
    background-color: transparent;
    border: none;
}

.pagination li > a,.pagination li > span {
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    padding: 5px 0;
    width: 30px;
    text-align: center;
    font-size: 13px;
}

.pagination li.pager-current > span {
    background: #cfa247;
    border-radius: 50%;
    color: #fff;
}

.pagination .pager-prev a,.pagination .pager-last a,.pagination .pager-first a,.pagination .pager-next a {
    padding: 7px 0;
}

.pagination .pager-prev {
    position: relative;
    margin-right: 15px;
}

.pagination .pager-prev:after {
    position: absolute;
    top: 50%;
    right: -10px;
    margin: -8px 0 0 0;
    content: "";
    width: 1px;
    height: 14px;
    background: #dad7d1;
}

.pagination .pager-next {
    position: relative;
    margin-left: 15px;
}

.pagination .pager-next:after {
    position: absolute;
    top: 50%;
    left: -10px;
    margin: -8px 0 0 0;
    content: "";
    width: 1px;
    height: 14px;
    background: #dad7d1;
}

.block-goods-list--display-style-items dd:nth-of-type(1) a {
    background: url(../../img/usr/handicraft/v_pick.png) no-repeat left center;
}

.block-goods-list--display-style-items dd:nth-of-type(2) a {
    background: url(../../img/usr/handicraft/v_thum.png) no-repeat left center;
}

.block-goods-list--display-style-items dd:nth-of-type(1) span.active {
    background: url(../../img/usr/handicraft/v_pick_on.png) no-repeat left center;
}

.block-goods-list--display-style-items dd:nth-of-type(2) span.active {
    background: url(../../img/usr/handicraft/v_thum_on.png) no-repeat left center;
}

.block-goods-list--display-style-items dd span.active {
    color: #1c1b1b;
}

/* ================================================goods================================================ */
.page-goods .pane-right-menu {
    display: block;
}

/* layout */
.page-goods .pane-main {
    width: 1100px;
    margin: 0 auto;
}

.page-goods .block-topic-path {
    /*width: 1100px;*/
    margin: 0 auto;
}

.block-goods-detail {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto auto;
    -ms-grid-columns: 1fr auto;
    -ms-grid-rows: auto auto auto auto;
}

.pane-goods-left-side {
    width: 500px;
    margin: 0 0 40px 0;
}

.pane-goods-right-side {
    width: 560px;
}

.pane-goods-right-side-inner {
    background: #fff;
    padding: 30px 40px;
    border: solid 1px #e7e4dd;
}

.block-src-l {
    height: 500px;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 24px;
}

.block-src-l:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 1;
    overflow: hidden;
}

.block-src-l figure {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px;
    width: 420px;
    height: 420px;
}

.block-src-l figure img {
    max-width: 100%;
    max-height: 100%;
}

.block-goods-detail .block-icon {
    display: flex;
    margin-bottom: 20px;
}

.block-goods-detail .block-icon span.icon-src1 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    margin-right: 10px;
    letter-spacing: 2px;
    background: url(../../img/usr/handicraft/icon_bg01.png) center center;
    z-index: 1;
}

.block-goods-detail .block-icon span.icon-src2 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    margin-right: 10px;
    letter-spacing: 2px;
    background: url(../../img/usr/handicraft/icon_bg02.png) center center;
    z-index: 1;
}

.block-goods-name h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.goods-code-label {
    font-size: 13px;
    margin-bottom: 18px;
}

.block-goods-comment {
    font-size: 13px;
    margin-bottom: 20px;
}

.block-goods-price--price {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    color: #1c1b1b;
    font-weight: normal;
    text-align: right;
}

.block-goods-price--price span.small {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    margin-left: 2px;
}

.block-goods-price .block-goods-price--price span.circle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    margin-left: 4px;
}

/* ================================================goods================================================ */
.commont-box-free {
    font-size: 13px;
    padding: 23px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.block-goods-comment3.commont-box-free {
    background: #efede4;
}

.block-goods-comment4.commont-box-free {
    background: #fff;
}

.block-goods-comment5.commont-box-free {
    background: #fff;
}

.block-goods-comment8.commont-box-free {
    background: #fff;
    border: solid 1px #e7e4dd;
}

/* コメント3 */
.block-goods-comment3.commont-box-free .commont-box-free-ttl {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.block-goods-comment3.commont-box-free .commont-box-free-ttl .notice-icon {
    padding-left: 35px;
    background: url(../../img/usr/handicraft/notice_y.png) no-repeat left center;
}

.block-goods-comment3.commont-box-free .commont-box-free-btn a {
    width: 400px;
    height: 56px;
    font-size: 13px;
    color: #fff;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    background: url(../../img/usr/handicraft/btn_b.png) no-repeat;
    letter-spacing: 0.1em;
}

.block-goods-price--price.price-red {
    color: #e54848;
    font-size: 36px;
}

.block-goods-price--price.default-price {
    font-size: 24px;
}

.block-goods-price--price.price-red span.label {
    color: #e54848;
    font-size: 16px;
    margin-right: 20px;
}

.block-goods-detail .bx-wrapper {
    position: relative;
}

.block-goods-detail .bx-wrapper .bx-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 56px;
    height: 56px;
    margin: -14px 0 0 0;
    background: url(../../img/usr/handicraft/slider_prev.png) no-repeat;
    text-indent: -9999px;
    z-index: 1;
}

.block-goods-detail .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    right: 0;
    width: 56px;
    height: 56px;
    margin: -14px 0 0 0;
    background: url(../../img/usr/handicraft/slider_next.png) no-repeat;
    text-indent: -9999px;
    z-index: 1;
}

.block-goods-detail .bx-wrapper .bx-prev.disabled,.block-goods-detail .bx-wrapper .bx-next.disabled {
    display: none;
}

.block-goods-gallery ul {
    margin-top: 24px;
    margin-bottom: 30px;
}

.block-goods-gallery li a {
    width: 53px;
    height: 53px;
}

.block-goods-gallery li {
    width: 53px;
    height: 53px;
    vertical-align: top;
}

.block-goods-gallery li:nth-child(8n) {
    margin-right: 0;
}

.block-goods-gallery li figure {
    position: relative;
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-goods-gallery li a.active figure:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    border: 3px solid #cfa247;
    z-index: 1;
}

.block-goods-gallery li figure img {
    max-width: 100%;
    max-height: 100%;
}

.goods-detail-data-inner {
    order: 250;
    margin-bottom: 40px;
}

/* 拡張項目 */
.goods-detail-description {
    background: #fff;
    border-bottom: solid 1px #e7e4dd;
}

.goods-detail-description dt {
    font-size: 13px;
    font-weight: normal;
    padding: 20px 5px 20px 20px;
}

.goods-detail-description dd {
    font-size: 13px;
    font-weight: normal;
    padding: 20px 10px 20px 10px;
}

/* バリエーション カラー*/
.block-variation.block-color,.block-variation.block-size,.block-variation.block-shop,.block-variation.block-date {
    background: #fff;
    border: solid 1px #e7e4dd;
    margin-top: -1px;
}

.block-variation h3 {
    background: #efede4;
    font-size: 16px;
    padding: 18px 40px;
    font-weight: bold;
    margin: -1px 0 0 0;
}

.block-variation--item {
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 10px;
}

.block-shop--item-list .block-variation--item:nth-child(2n),.block-date--item-list .block-variation--item:nth-child(2n) {
    margin-right: 0;
}

.block-variation .block-variation.block-color .block-variation--item:nth-child(8n) {
    margin-right: 0;
}

.block-variation .block-variation.block-color .block-variation--item:nth-child(8n + 1) {
    clear: both;
}

.block-variation--slider-box {
    padding: 20px 40px 5px 40px;
}

.block-variation--item dt {
    border: none;
}

.block-color--item-term figure {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
}

.block-color--item dt {
    position: relative;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
}

.block-variation--item.active dt:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    border: 3px solid #cfa247;
    z-index: 1;
}

.block-variation--item.active dt {
    position: relative;
}

.block-color--item-term img {
    max-width: 100%;
    max-height: 100%;
}

.block-goods-detail .block-variation .bx-wrapper .bx-prev {
    left: -40px;
}

.block-goods-detail .block-variation .bx-wrapper .bx-next {
    right: -40px;
}

.block-goods-detail .block-variation .bx-wrapper .bx-prev.disabled,.block-goods-detail .block-variation .bx-wrapper .bx-next.disabled {
    display: none;
}

.block-variation--selected-item {
    padding: 0 40px 40px 40px;
    font-size: 13px;
}

.block-variation.block-shop .block-variation--selected-item,.block-variation.block-date .block-variation--selected-item {
    padding-bottom: 25px;
}

.block-variation.block-color .block-variation--item-term.block-color--item-term dt {
    background: #f8f8f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* バリエーション サイズ*/
.block-variation--item {
    font-size: 12px;
}

.block-size--item-term span {
    height: auto;
}

.block-size--item dt,.block-variation--item.size-disable-stock dt,.block-shop--item dt,.block-variation--item.shop-disable-stock dt,.block-date--item dt,.block-variation--item.date-disable-stock dt {
    background: #f8f8f5;
    min-height: auto;
    display: flex;
    align-items: center;
}

.block-variation--item.active dt {
    border: none;
}

.block-goods-price .block-goods-price--price.price-red .sale-p {
    width: 106px;
    height: 28px;
    font-size: 14px;
    margin-right: 15px;
    background: url(../../img/usr/handicraft/sale_l.png) no-repeat;
    padding: 2px 0 0 10px;
    vertical-align: middle;
}

/* デフォルト */
.block-variation.block-size .block-variation--item-list .block-size--item-term,.block-variation.block-shop .block-variation--item-list .block-shop--item-term,.block-variation.block-date .block-variation--item-list .block-date--item-term {
    position: relative;
    height: 32px;
    padding: 4px 0;
}

.block-variation.block-size .block-variation--item-list .block-size--item-term {
    width: 152px;
}

.block-variation.block-shop .block-variation--item-list .block-shop--item-term,.block-variation.block-date .block-variation--item-list .block-date--item-term {
    min-width: 234px;
}

.block-variation.block-size .block-variation--item-list .block-size--item-term span,.block-variation.block-shop .block-variation--item-list .block-shop--item-term span,.block-variation.block-date .block-variation--item-list .block-date--item-term span {
    text-align: center;
    max-width: 152px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-variation.block-size .block-variation--item-list .block-size--item-term span {
    width: 152px;
    max-width: 152px;
}

.block-variation.block-shop .block-variation--item-list .block-shop--item-term span,.block-variation.block-date .block-variation--item-list .block-date--item-term span {
    width: 234px;
    min-width: 234px;
}

.block-variation.block-size .block-variation--item-list > dl:nth-child(3n) {
    margin-right: 0;
}

/* ================================================バリエーションパターン================================================ */
/* カラー　画像あり40個パターン */
.block-variation.block-color.block-variation-pattern-c1 .variation-slider-box > dl:nth-child(8n) {
    margin-right: 0;
}

/* カラー　画像なしテキスト3列 */
.block-variation.block-color.block-variation-pattern-c2 .variation-slider-box > dl.block-variation--item dt {
    width: 152px;
    padding: 7px 0;
    height: auto;
    display: flex;
    align-items: center;
    background: #f8f8f5;
}

.block-variation.block-color.block-variation-pattern-c2 .variation-slider-box > dl.block-variation--item dt span {
    display: table-cell;
    word-break: break-all;
    width: 152px;
    text-align: center;
    max-width: 152px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-variation.block-color.block-variation-pattern-c2 .variation-slider-box > dl:nth-child(3n) {
    margin-right: 0;
}

.block-variation.block-color.block-variation-pattern-c2 .variation-slider-box > dl:nth-child(3n + 1) {
    clear: both;
}

.block-variation.block-color.block-variation-pattern-c2 .variation-slider-box > dl:nth-child(8n) {
    margin-right: 10px;
}

/* カラー　画像なしテキスト2列 */
.block-variation.block-color.block-variation-pattern-c3 .variation-slider-box > dl.block-variation--item dt {
    width: 234px;
    padding: 7px 0;
    height: auto;
    display: flex;
    align-items: center;
    background: #f8f8f5;
}

.block-variation.block-color.block-variation-pattern-c3 .variation-slider-box > dl.block-variation--item dt span {
    display: table-cell;
    word-break: break-all;
    width: 234px;
    text-align: center;
    max-width: 234px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-variation.block-color.block-variation-pattern-c3 .variation-slider-box > dl:nth-child(2n) {
    margin-right: 0;
}

.block-variation.block-color.block-variation-pattern-c3 .variation-slider-box > dl:nth-child(2n + 1) {
    clear: both;
}

/* カラー　画像なしテキスト4列 */
.block-variation.block-color.block-variation-pattern-c4 .variation-slider-box > dl.block-variation--item dt {
    width: 112px;
    height: 32px;
    padding: 4px 0;
    display: flex;
    align-items: center;
    background: #f8f8f5;
}

.block-variation.block-color.block-variation-pattern-c4 .variation-slider-box > dl.block-variation--item dt span {
    display: table-cell;
    word-break: break-all;
    width: 112px;
    text-align: center;
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-variation.block-color.block-variation-pattern-c4 .variation-slider-box > dl:nth-child(4n) {
    margin-right: 0;
}

.block-variation.block-color.block-variation-pattern-c4 .variation-slider-box > dl:nth-child(4n + 1) {
    clear: both;
}

/* カラー　画像なしテキスト6列 */
.block-variation.block-color.block-variation-pattern-c5 .variation-slider-box > dl.block-variation--item dt {
    width: 71px;
    padding: 4px 0;
    height: auto;
    display: flex;
    align-items: center;
    background: #f8f8f5;
}

.block-variation.block-color.block-variation-pattern-c5 .variation-slider-box > dl.block-variation--item dt span {
    display: table-cell;
    word-break: break-all;
    width: 71px;
    text-align: center;
}

.block-variation.block-color.block-variation-pattern-c5 .variation-slider-box > dl:nth-child(8n) {
    margin-right: 10px;
}

.block-variation.block-color.block-variation-pattern-c5 .variation-slider-box > dl:nth-child(6n) {
    margin-right: 0;
}

.block-variation.block-color.block-variation-pattern-c5 .variation-slider-box > dl:nth-child(6n + 1) {
    clear: both;
}

/* サイズ　テキスト3列 */
.block-variation.block-size.block-variation-pattern-t1 .block-variation--item-list .block-size--item-term {
    position: relative;
    width: 152px;
    height: 32px;
    padding: 4px 0;
}

.block-variation.block-size.block-variation-pattern-t1 .block-variation--item-list .block-size--item-term span {
    width: 152px;
    text-align: center;
    max-width: 152px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-variation.block-size.block-variation-pattern-t1 .block-variation--item-list > dl:nth-child(3n) {
    margin-right: 0;
}

/* サイズ　テキスト2列 */
.block-variation.block-size.block-variation-pattern-t2 .block-variation--item-list .block-size--item-term {
    position: relative;
    width: 234px;
    height: 32px;
    padding: 4px 0;
}

.block-variation.block-size.block-variation-pattern-t2 .block-variation--item-list > dl:nth-child(3n) {
    margin-right: 10px;
}

.block-variation.block-size.block-variation-pattern-t2 .block-variation--item-list > dl:nth-child(2n) {
    margin-right: 0;
}

.block-variation.block-size.block-variation-pattern-t2 .block-variation--item-list .block-size--item-term span {
    width: 234px;
    text-align: center;
    max-width: 234px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* サイズ　テキスト4列 */
.block-variation.block-size.block-variation-pattern-t3 .block-variation--item-list .block-size--item-term {
    position: relative;
    width: 112px;
    height: auto;
    padding: 5px 0;
}

.block-variation.block-size.block-variation-pattern-t3 .block-variation--item-list > dl:nth-child(3n) {
    margin-right: 10px;
}

.block-variation.block-size.block-variation-pattern-t3 .block-variation--item-list > dl:nth-child(4n) {
    margin-right: 0;
}

.block-variation.block-size.block-variation-pattern-t3 .block-variation--item-list .block-size--item-term span {
    width: 112px;
    text-align: center;
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* サイズ　テキスト6列 */
.block-variation.block-size.block-variation-pattern-t4 .block-variation--item-list .block-size--item-term {
    position: relative;
    width: 71px;
    height: 32px;
    padding: 4px 0;
}

.block-variation.block-size.block-variation-pattern-t4 .block-variation--item-list > dl:nth-child(3n) {
    margin-right: 10px;
}

.block-variation.block-size.block-variation-pattern-t4 .block-variation--item-list > dl:nth-child(6n) {
    margin-right: 0;
}

.block-variation.block-size.block-variation-pattern-t4 .block-variation--item-list .block-size--item-term span {
    width: 71px;
    text-align: center;
    max-width: 71px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 長さと数量 */
.goods-detail-data-inner {
    background: #fff;
    border: solid 1px #e7e4dd;
    margin-top: -1px;
}

.goods-quantity-inner {
    padding: 40px 40px 2px 40px;
}

.goods-quantity-inner dl {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: none;
}

.goods-quantity-inner dl dt {
    width: 15%;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}

.goods-quantity-inner dl dd {
    width: 85%;
    padding: 0;
}

.goods-quantity-inner dl dd input,.goods-quantity-inner dl dd select {
    border: solid 1px #d2cec4;
}

.goods-quantity-inner dl dd input {
    width: 120px;
    padding: 10px;
    font-size: 13px;
    margin: 0 8px;
}

.goods-quantity-inner dl dd select {
    width: 120px;
    padding: 10px;
    font-size: 13px;
    margin: 0 8px;
}

.goods-quantity-inner dl dd span {
    display: inline-block;
    margin-left: 6px;
    margin-right: 13px;
    font-size: 13px;
}

/* ボタン系 */
.goods-cart-inner,.goods-storestocklist-link-inner {
    padding: 0 40px;
    margin: 25px 0 20px 0;
}

.goods-cart-inner:after,.goods-sns-inner:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

.block-arrival-notice--btn {
    float: left;
    display: flex;
    align-items: center;
    padding-left: 130px;
    width: 384px;
    height: 72px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: none;
    letter-spacing: 0.1em;
    background: url(../../img/usr/handicraft/btn_arrival.png) no-repeat;
    margin-top: 0;
}

.block-no-stock .block-no-stock--message {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 383px;
    height: 72px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    letter-spacing: 0.1em;
    background: url(../../img/usr/handicraft/btn_normal_g.png) no-repeat;
    color: #b1b0ad;
    margin-top: 0;
}

.block-add-cart--btn,.block-add-apply--btn {
    text-align: center;
    padding-left: 60px;
    width: 383px;
    height: 72px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 0;
}

.block-add-cart--btn {
    ;background: url(../../img/usr/handicraft/cart_btn.png) no-repeat;
}

.block-add-apply--btn {
    background: url(../../img/usr/handicraft/apply_btn.png) no-repeat;
}

.block-goods-favorite {
    display: inline-block;
}

.block-goods-favorite--btn {
    position: relative;
    border: none;
    margin-left: 20px;
    width: 72px;
    height: 72px;
    margin-top: 0;
    background: url(../../img/usr/handicraft/goods_favorite.png) no-repeat;
}

.block-goods-favorite--btn-on {
    background: url(../../img/usr/handicraft/goods_favorite_on.png) no-repeat;
}

.page-search .action .btn {
    background: #e6e3d5;
    color: #1c1b1b;
    font-size: 13px;
    border-radius: 25px;
    padding: 12px 10px;
    transition: 0.15s ease 0s;
}

.page-search .action .btn:hover {
    opacity: .7;
}

.goods-storestocklist-link-inner input {
    letter-spacing: 0.1em;
    width: 200px;
    height: 50px;
    margin-left: 35px;
}

/* バルーン */
.balloontip {
    box-shadow: none;
    border: none;
    font-size: 13px;
    border-radius: 30px;
    background: #443d39;
    padding: 15px 20px;
    z-index: 1;
}

.balloontip > div:nth-child(1) {
    display: none;
}

.balloontip > div:nth-child(2) {
    border-color: #443d39 transparent!important;
}

/* sns */
.goods-sns-inner {
    padding: 0 40px 40px 40px;
}

.goods-sns-inner > .userreview-num a {
    position: relative;
}

.goods-sns-inner > .userreview-num a:after {
    position: absolute;
    bottom: -4px;
    right: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #6f6f6f;
}

.goods-sns-inner > .userreview-num {
    position: relative;
    float: left;
    padding-left: 27px;
}

.goods-sns-inner > .userreview-num:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../../img/usr/handicraft/userreview.png) no-repeat;
}

.goods-sns-inner .sns-box {
    float: right;
}

.goods-sns-inner .sns-box li {
    float: left;
    margin-left: 10px;
}

/* タイトル */
.goods-ttl-inner {
    padding-top: 50px;
}

.block-goods-user-review .goods-ttl-inner {
    padding-top: 90px;
}

.goods-ttl-inner .goods-ttl-tp {
    text-align: center;
}

.goods-ttl-inner h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 0 0;
    font-weight: normal;
    background: transparent;
}

.goods-ttl-inner .goods-ttl-tp-bt {
    background: url(../../img/usr/handicraft/ttl_l.png) no-repeat center center;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}

.block-goods-user-review--header .goods-ttl-img {
    text-align: center;
    width: 110px;
    height: 88px;
    margin: 0 auto;
    background: url(../../img/usr/handicraft/review.png) no-repeat center center;
}

.block-goods-user-review--header .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_l.png) no-repeat center center;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
    letter-spacing: 0.1em;
}

.block-goods-user-review--header .goods-ttl-txt span.caption_txt {
    display: none;
}

/* レビュー */
.block-goods-user-review {
    margin-bottom: 100px;
}

.block-goods-user-review--info-inner {
    background: #fff;
    padding: 30px 40px 40px 40px;
}

.block-goods-user-review--form {
    border-top: solid 1px #e7e4dd;
    margin-top: 38px;
    padding: 42px 0 0 0;
}

.block-goods-user-review--write-review-btn {
    background: url(../../img/usr/handicraft/btn_normal.png) no-repeat;
    width: 380px;
    height: 64px;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.block-goods-user-review--item-title {
    border-top: solid 1px #e7e4dd;
    padding: 20px 0 20px 25px;
    background: #f8f8f5;
    margin-bottom: 24px;
    font-size: 16px;
}

.block-goods-user-review--item-summary {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.block-goods-user-review--item-score dt {
    margin-right: 23px;
}

.block-goods-user-review--item-comment {
    font-size: 13px;
    line-height: 1.8;
}

.block-goods-user-review--description .block-goods-user-review--write-review {
    display: none;
}

.block-goods-user-review--count-summary {
    display: none;
}

.block-goods-user-review--pagenav {
    background: #fff;
}

.block-goods-user-review--pagenav .block-goods-user-review--readmore a {
    position: relative;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 42px;
    height: 21px;
    background: url(../../img/usr/handicraft/userreview_arrow.png) no-repeat;
}

.block-goods-user-review--need-login-message {
    margin-bottom: 35px;
}

.block-goods-user-review--need-login-message a {
    position: relative;
    text-decoration: none;
}

.block-goods-user-review--need-login-message a:before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
}

.block-goods-user-review--need-login-message a:after {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #a7a7a7;
}

.block-goods-user-review--container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.block-goods-user-review--ref {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 16px;
    font-size: 13px;
}

.block-goods-user-review--pager-now {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 26px;
    height: 26px;
    background: #cfa247;
    border-radius: 50%;
    margin-right: 16px;
    font-size: 13px;
}

.block-goods-user-review--item-moderate-vote {
    display: none;
}

.block-goods-user-review--item {
    margin-top: 0;
    margin-bottom: 40px;
}

.pane-goods-right-side form {
    display: block;
}

.block-goods-user-review--item-comment {
    position: relative;
    margin: 0 0;
    overflow: hidden;
}

.block-goods-user-review--item-comment.cut_on_:after {
    position: absolute;
    content: "...";
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #fff;
}

.block-goods-user-review--shape {
    background: url(../../img/usr/handicraft/userreview_arrow.png) no-repeat;
    width: 42px;
    height: 21px;
    margin: 20px auto 0 auto;
    cursor: pointer;
}

/* レビューの評価画像 */
.block-goods-user-review--item-score .star0,.block-goods-user-review--item-score .star1,.block-goods-user-review--item-score .star2,.block-goods-user-review--item-score .star3,.block-goods-user-review--item-score .star4,.block-goods-user-review--item-score .star5 {
    width: 94px;
    height: 16px;
}

.block-goods-user-review--item-score .star0 {
    background: url(../../img/usr/user_review/h_star0.png) no-repeat;
    background-size: 94px 16px;
}

.block-goods-user-review--item-score .star1 {
    background: url(../../img/usr/user_review/h_star1.png) no-repeat;
    background-size: 94px 16px;
}

.block-goods-user-review--item-score .star2 {
    background: url(../../img/usr/user_review/h_star2.png) no-repeat;
    background-size: 94px 16px;
}

.block-goods-user-review--item-score .star3 {
    background: url(../../img/usr/user_review/h_star3.png) no-repeat;
    background-size: 94px 16px;
}

.block-goods-user-review--item-score .star4 {
    background: url(../../img/usr/user_review/h_star4.png) no-repeat;
    background-size: 94px 16px;
}

.block-goods-user-review--item-score .star5 {
    background: url(../../img/usr/user_review/h_star5.png) no-repeat;
    background-size: 94px 16px;
}

/* バリエーション在庫 */
.block-variation-pattern-c1 .block-variation--item.color-disable-stock,.block-variation-pattern-c6 .block-variation--item.color-disable-stock {
    position: relative;
}

.block-variation-pattern-c1 .block-variation--item.color-disable-stock:after,.block-variation-pattern-c6 .block-variation--item.color-disable-stock:after {
    pointer-events: none;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../img/usr/disable_stock.png) no-repeat;
}

.block-variation-pattern-c1 .block-variation--item.color-disable-stock dt,.block-variation-pattern-c6 .block-variation--item.color-disable-stock dt {
    border: none;
    background-color: #fff;
    opacity: .4;
}

.block-variation--item.size-disable-stock dt,.block-variation--item.color-disable-stock dt,.block-variation--item.shop-disable-stock dt,.block-variation--item.date-disable-stock dt {
    border: none;
    opacity: .2;
}

/* 関連商品 */
.block-accessory-list {
    width: 1110px;
}

.block-accessory-list--header {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    font-weight: normal;
    background: transparent;
    text-align: center;
}

.block-accessory-list--header .goods-ttl-img {
    width: 110px;
    height: 88px;
    margin: 0 auto;
    background: url(../../img/usr/handicraft/recommend.png) no-repeat;
}

.block-accessory-list--header .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_accessory.png) no-repeat left center;
    background-size: contain;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
    letter-spacing: 0.1em;
}

.block-accessory-list--header.accessory2 .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_accessory_l.png) no-repeat left center;
}

.block-accessory-list--header.accessory3 .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_accessory_l.png) no-repeat left center;
}

.block-accessory-list--header .goods-ttl-txt span.caption_txt {
    display: none;
}

.block-accessory-list--header .goods-ttl-txt span.caption_txt + span {
    margin-left: 7px;
}

.block-goods-detail-j--items {
    margin-bottom: 80px;
}

.block-goods-detail-j--goods-image figure {
    width: 180px;
    height: 180px;
    background: #fff;
}

.block-goods-detail-j--goods {
    flex-basis: auto;
    width: 222px;
    padding: 30px 0 0 0;
    background: #fff;
    margin-left: 0;
    border-right: solid 1px #e7e4dd;
}

.block-goods-detail-j--goods-image {
    padding: 0 20px;
}

.block-goods-detail-j--goods-description {
    padding: 0 20px;
}

.block-goods-detail-j--goods a {
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
}

.block-goods-detail-j--price-items {
    margin-bottom: 15px;
    text-align: right;
    word-wrap: break-word;
    white-space: normal;
}

.block-goods-detail-j--price-items .price {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    padding-left: 12px;
    color: #1c1b1b;
}

.block-goods-detail-j--price-items .price.price-red {
    color: #e54848;
}

.block-goods-detail-j--price-items .price .circle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-left: 4px;
}

.block-goods-detail-j--price-items .price .small {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    margin-left: 2px;
}

.block-goods-detail .block-goods-detail-j .bx-wrapper .bx-prev {
    left: 0;
}

.block-goods-detail .block-goods-detail-j .bx-wrapper .bx-next {
    right: 0;
}

.block-goods-detail-j span.icon-src1 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    letter-spacing: 2px;
    background: url(../../img/usr/handicraft/icon_bg01.png) center center;
    z-index: 1;
}

.block-goods-detail-j span.icon-src2 {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    width: 64px;
    height: 24px;
    letter-spacing: 2px;
    background: url(../../img/usr/handicraft/icon_bg02.png) center center;
    z-index: 1;
}

.block-goods-detail-j--goods-image div.icon > span:nth-child(1) {
    top: 17px;
}

.block-goods-detail-j--goods-image div.icon > span:nth-child(2) {
    top: 45px;
}

/* =====================トピックス詳細======================*/
.page-topic .pane-topic-path,.page-topic .pane-topic-path .container {
    width: 880px;
    margin: 0 auto 20px;
}

.block-topic-page {
    width: 880px;
    margin: 0 auto;
}

/*.page-topic .pane-contents,.page-topicdetaillist .pane-contents{margin-top: 30px;}*/
.block-topic-page--article-header,.block-topic-details--header {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.8;
    padding: 0 0 17px 0;
    margin: 0 0 40px;
    background: url(../../img/usr/handicraft/common_ttl.png) repeat-x left bottom;
}

.block-topic-page--article-header .block-topic-page--date,.block-topic-details--header .block-topic-page--date {
    display: block;
    font-size: 14px;
    line-height: 1.785;
    padding-bottom: 3px;
}

.block-topic-page--article-header .block-topic-page--icon,.block-topic-details--header .block-topic-page--icon {
    display: block;
    font-size: 10px;
    line-height: 1.0;
    letter-spacing: -5px;
    padding-bottom: 9px;
}

.block-topic-page--article-header .block-topic-page--icon img,.block-topic-details--header .block-topic-page--icon img {
    height: 18px;
    margin: 0 5px 5px 0;
    vertical-align: top;
    letter-spacing: 0;
}

.block-topic-details--items dl {
    width: 100%;
    display: flex;
    align-items: center;
}

.block-topic-details--items dt {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    width: 150px;
    font-size: 12px;
    margin-right: 40px;
    box-sizing: border-box;
    letter-spacing: 0.2em;
    color: #1c1b1b;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block-headernav--cart-count {
    position: absolute;
    left: 33px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
}

.length_price_remark_list {
    text-align: right;
    display: inherit;
    font-size: 10px;
}

.length_price_remark_detail {
    text-align: right;
    display: inherit;
    font-size: 14px;
}

.page-genre .block-genre-page .block-top-event--image {
    text-align: center;
    border-bottom: none;
}

.page-genre .block-genre-page .block-genre-page--header-img {
    margin-bottom: 0;
}

.page-genre .block-genre-page .block-genre-page--header-img .genre_name {
    display: none;
}

.block-topic-page--article figure {
    text-align: center;
}

.block-topic-page--article figure img {
    max-width: 700px;
}

.block-topic-page--article figure img.block-topic-page--article-img1,.block-topic-page--article figure img.block-topic-page--article-img2 {
    padding-bottom: 20px;
}

.block-topic-page--article figure img.block-topic-page--article-img3 {
    padding: 50px 0 0;
}

.page-topicdetaillist .pane-left-menu,.page-topic .pane-left-menu {
    display: none;
}

/* ================================================絞り込み（画像チェックボックス）================================================ */
#block_of_filter .block-filter--imagelist-inner-accordion {
    padding: 12px;
}

/* ================================================TOP スタッフのイチ押し================================================ */
ul.blog-recommend-list {
    display: flex;
    flex-wrap: wrap;
}

ul.blog-recommend-list li {
    width: 232px;
    flex-basis: 232px;
    margin: 25px 30px 30px 0;
}

ul.blog-recommend-list li:nth-child(5n) {
    margin-right: 0;
}

ul.blog-recommend-list li:nth-child(1),ul.blog-recommend-list li:nth-child(2),ul.blog-recommend-list li:nth-child(3),ul.blog-recommend-list li:nth-child(4),ul.blog-recommend-list li:nth-child(5) {
    margin-top: 0;
}

ul.blog-recommend-list li .blog-recommend-list-img {
    width: 232px;
    height: 232px;
}

ul.blog-recommend-list li .blog-recommend-list-img figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 232px;
    height: 232px;
    overflow: hidden;
}

ul.blog-recommend-list li .blog-recommend-list-img figure img {
    flex-shrink: 0;
    max-width: none;
}

ul.blog-recommend-list li .blog-recommend-desc {
    padding-top: 8px;
}

ul.blog-recommend-list li .blog-recommend-date {
    line-height: 1.9;
}

ul.blog-recommend-list li .blog-recommend-ttl {
    line-height: 1.5;
}

ul.blog-recommend-list li .blog-recommend-shop {
    line-height: 1.5;
}

/* ================================================TOP 手作りブログ================================================ */
ul.blog-handmade-list {
    overflow: hidden;
    width: 1280px;
    padding-bottom: 40px;
    margin: 0 auto;
}

ul.blog-handmade-list li {
    float: left;
    width: 248px;
    height: 248px;
    margin: 0 10px 10px 0;
}

ul.blog-handmade-list li:nth-child(1),ul.blog-handmade-list li:nth-child(9) {
    width: 506px;
    height: 506px;
}

ul.blog-handmade-list li:nth-child(4),ul.blog-handmade-list li:nth-child(9) {
    margin-right: 0;
}

ul.blog-handmade-list li:nth-child(6) {
    clear: both;
}

ul.blog-handmade-list li:nth-child(9) {
    margin-top: -258px;
}

ul.blog-handmade-list li a {
    display: block;
    position: relative;
}

ul.blog-handmade-list li img {
    flex-shrink: 0;
    /*width: 100%;*/
    /*max-height: 100%;*/
    max-width: none;
}

ul.blog-handmade-list li .blog-handmade-list-img figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 248px;
    height: 248px;
    flex-basis: 248px;
    overflow: hidden;
    /*background-color: #cccccc;*/
}

ul.blog-handmade-list li:nth-child(1) .blog-handmade-list-img figure,ul.blog-handmade-list li:nth-child(9) .blog-handmade-list-img figure {
    width: 506px;
    height: 506px;
    flex-basis: 506px;
}

ul.blog-handmade-list li .blog-handmade-desc {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #ffffff;
    width: 100%;
    padding: 13px 20px 15px;
    background-color: rgba(48,38,32,0.80);
    display: none;
    transition: 0.15s ease 0s;
}

ul.blog-handmade-list li:hover .blog-handmade-desc {
    display: block;
}

ul.blog-handmade-list li .blog-handmade-date {
    line-height: 1.846;
}

ul.blog-handmade-list li .blog-handmade-ttl {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.333;
}

ul.blog-handmade-list li .blog-handmade-shop {
    line-height: 1.846;
}

/* ================================================TOP オカダヤチャンネル================================================ */
div.block-channel-list-inner {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    display: none;
}

ul.block-channel-list {
    overflow: hidden;
    margin-bottom: 45px;
}

ul.block-channel-list li {
    float: left;
    width: 445px;
    margin: 0 20px 0 0;
}

ul.block-channel-list li .block-channel-list-move {
    position: relative;
    width: 100%;
    height: 250px;
}

/* 親要素内100%で動画を表示する */
ul.block-channel-list li .block-channel-list-move iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

ul.block-channel-list li .block-channel-list-move-inner {
    cursor: pointer;
}

/* 親要素内100%でサムネイル画像を表示する */
ul.block-channel-list li .block-channel-list-move-inner img {
    width: 100%;
    height: auto;
}

ul.block-channel-list li .blog-channel-desc {
    padding-top: 15px;
}

ul.block-channel-list li .blog-channel-ttl {
    font-size: 15px;
    line-height: 1.466;
}

div.block-channel-list-inner .slick-arrow {
    display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 125px;
    margin: -28px 0 0;
    padding: 0;
    border: 0;
    text-indent: -9999px;
    background: none;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 50;
    cursor: pointer;
    outline: none;
}

div.block-channel-list-inner .slick-prev {
    left: -28px;
    background-image: url("../../img/usr/handicraft/slider_prev.png");
}

div.block-channel-list-inner .slick-next {
    right: -28px;
    background-image: url("../../img/usr/handicraft/slider_next.png");
}

/* ================================================TOP 店頭での講習会やイベント情報はこちら！================================================ */
div.block-workshop-search {
    margin-bottom: 55px;
}

div.block-workshop-search a {
    display: block;
    text-align: center;
}

div.block-workshop-search .block-workshop-search--update-date {
    font-size: 13px;
    line-height: 1.5;
    text-align: right;
    margin-top: 16px;
}

/* ================================================TOP エンベットソーシャル================================================ */
div.block-embedsocial {
}

p.block-embedsocial--hashtag {
    font-size: 18px;
    font-weight: bold;
    line-height: 2.0;
    letter-spacing: 1.0;
    text-align: center;
    padding: 20px 0 30px;
}

p.block-embedsocial--hashtag a {
    display: inline-block;
    color: #1c1b1b;
    margin: 0 10px;
}

div.block-embedsocial-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    background-color: #cccccc;
}

/* ================================================TOP オカダヤ公式SNS================================================ */
div.block-official-sns {
    padding: 31px 0 33px;
    margin-bottom: 40px;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
}

div.block-official-sns h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 23px;
    padding: 0;
    border: 0;
}

div.block-official-sns ul {
    text-align: center;
    letter-spacing: -5px;
}

div.block-official-sns ul li {
    display: inline-block;
    letter-spacing: 0;
    vertical-align: middle;
    margin: 0 20px;
}

/* ================================================TOP 会員メリット================================================ */
div.block-member-benefits {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
}

/* ================================================TOP 公式アプリダウンロードはこちら================================================ */
div.block-official-app-dl {
    padding: 36px 0 39px;
    margin-bottom: 100px;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
}

div.block-official-app-dl .block-logo {
    text-align: center;
    margin-bottom: 25px;
}

div.block-official-app-dl h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
}

div.block-official-app-dl ul {
    text-align: center;
    letter-spacing: -5px;
}

div.block-official-app-dl ul li {
    display: inline-block;
    letter-spacing: 0;
    text-align: center;
    margin: 0 10px;
}

/* ================================================フッター オンラインショップ営業日================================================ */
div.block-footer-calendar {
    padding: 58px 0 54px;
    border-top: 1px solid #dbd8d2;
}

div.block-footer-calendar .block-footer-calendar-inner {
    width: 1000px;
    margin: 0 auto;
}

div.block-footer-calendar .block-footer-calendar--ttl-wrap {
    text-align: center;
    padding-bottom: 32px;
}

div.block-footer-calendar .block-footer-calendar--ttl-tp {
    padding-bottom: 8px;
}

div.block-footer-calendar h2 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    border: 0;
}

/*div.block-footer-calendar ul.block-footer-calendar--month {display: flex;align-items: center;justify-content: center;}div.block-footer-calendar ul.block-footer-calendar--month li {width: 480px;text-align: center;}div.block-footer-calendar ul.block-footer-calendar--month li:first-child {margin-right: 40px;}*/
div.block-footer-calendar ul.block-footer-calendar--note {
    padding-top: 14px;
}

div.block-footer-calendar ul.block-footer-calendar--note li {
    line-height: 1.846;
}

div.block-footer-calendar ul.block-footer-calendar--note li .red {
    color: #e54848;
}

/* ========================フッター　カレンダー======================== */
footer.handicraft-footer #s_calendar {
    width: 100%;
    margin: 0;
}

footer.handicraft-footer #s_calendar .calendar-inner .calendar-lt ul {
    display: flex;
    flex-wrap: wrap;
}

footer.handicraft-footer #s_calendar .calendar-inner .calendar-lt ul li {
    width: 480px;
    padding: 34px 0 38px;
    border: 1px solid #dbd8d2;
}

footer.handicraft-footer #s_calendar .calendar-inner .calendar-lt ul li:nth-child(2) {
    margin-left: 40px;
}

footer.handicraft-footer #s_calendar .s_cale_tbl {
    width: 350px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
}

footer.handicraft-footer #s_calendar .s_cale_tbl th {
    font-size: 20px;
    font-weight: bold;
}

footer.handicraft-footer #s_calendar td.day,footer.handicraft-footer #s_calendar td.holiday {
    font-size: 18px;
    width: 50px;
    height: 45px;
}

footer.handicraft-footer #s_calendar td.sun {
    font-size: 14px;
}

footer.handicraft-footer #s_calendar td.week {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #1c1b1b;
    font-size: 14px;
}

footer.handicraft-footer #s_calendar td.sat {
    color: #48a1e5;
    font-size: 14px;
}

footer.handicraft-footer #s_calendar td.holiday span {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    font-size: 18px;
    margin: 0 auto;
}

footer.handicraft-footer #s_calendar .calendar-month {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
}

footer.handicraft-footer #s_calendar .calendar-month > div {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e7e4dd;
    color: #1c1b1b;
    font-size: 18px;
    border-radius: 4px;
}

footer.handicraft-footer #s_calendar .calendar-month > div:nth-child(1) {
    margin-right: 10px;
}

footer.handicraft-footer #s_calendar .calendar-month > div span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 4px;
}

footer.handicraft-footer #s_calendar .calendar-month .calendar-month-active {
    background: #cfa247;
    color: #fff;
}

footer.handicraft-footer #s_calendar .calendar-month .calendar-month-active:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -17px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 9px solid #cfa247;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent;
}

footer.handicraft-footer #s_calendar .calendar-inner {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

footer.handicraft-footer #s_calendar .holi_mark {
    line-height: 1.8;
    width: 1000px;
    margin: 14px auto 0;
}

footer.handicraft-footer #s_calendar .txt {
    line-height: 1.8;
    width: 1000px;
    margin: 0 auto;
}

footer.handicraft-footer #s_calendar .txt a {
    text-decoration: underline;
}

footer.handicraft-footer #s_calendar .txt a:hover {
    text-decoration: none;
}

/* ========================ワークショップ======================== */
/* スライダー */
div.block-workshop-slider {
    width: 980px;
    padding-bottom: 30px;
    position: relative;
}

div.block-workshop-slider ul li.slick-slide {
    margin: 0;
    padding: 0 12px;
}

div.block-workshop-slider .slick-arrow {
    position: absolute;
    top: 205px;
    width: 56px;
    height: 56px;
    z-index: 10;
    border: 0;
    background: none;
    text-indent: -99999px;
    background-position: center center;
    background-repeat: no-repeat;
}

div.block-workshop-slider .slick-prev {
    left: 66px;
    background-image: url("../../img/usr/handicraft/slider_prev.png");
}

div.block-workshop-slider .slick-next {
    right: 66px;
    background-image: url("../../img/usr/handicraft/slider_next.png");
}

/* 一覧 */
.page-workshop .block-goods-list--sort-order-items {
    display: none;
}

.block-thumbnail-u {
    margin-bottom: 40px;
}

.block-thumbnail-u li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.block-thumbnail-u--goods {
    width: 244px;
    padding: 24px 0 38px 0;
    border-top: solid 1px #e7e4dd;
    border-right: solid 1px #e7e4dd;
    background-color: #ffffff;
    position: relative;
}

.block-thumbnail-u li:first-child > dl:nth-child(1),.block-thumbnail-u li:first-child > dl:nth-child(2),.block-thumbnail-u li:first-child > dl:nth-child(3),.block-thumbnail-u li:first-child > dl:nth-child(4) {
    border-top: none;
}

.block-thumbnail-u li > dl:nth-child(4n) {
    border-right: none;
}

.block-thumbnail-u--goods-image figure {
    background: #fff;
    font-size: 12px;
    width: 200px;
    height: 200px;
}

.block-thumbnail-u--goods a {
    color: #000;
    text-decoration: underline;
    transition: 0.15s ease 0s;
}

.block-thumbnail-u--goods a:hover {
    opacity: .7;
}

.block-thumbnail-u--goods-image {
    text-align: center;
    display: flex;
    justify-content: center;
}

.block-thumbnail-u--goods-description {
    margin-top: 13px;
    padding: 0 24px;
}

.block-thumbnail-u--goods-description .block-thumbnail-u--name {
}

.block-thumbnail-u--goods-description .block-thumbnail-u--name a {
    color: #1c1b1b;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.333;
}

.block-thumbnail-u--price-infos {
    margin-top: 15px;
    text-align: right;
}

.block-thumbnail-u--price-items {
    word-wrap: break-word;
    white-space: normal;
}

.block-thumbnail-u--price {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #1c1b1b;
    line-height: 1.333;
}

.block-thumbnail-u--price span.circle {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    margin-left: 4px;
}

.block-thumbnail-u--price span.small {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 10px;
    margin-left: 2px;
}

.block-thumbnail-u--date {
    font-size: 13px;
    line-height: 1.84615;
    font-feature-settings : "palt";
    margin-top: 4px;
}

.block-thumbnail-u--icon-top {
    line-height: 1.0;
    margin-top: 20px;
}

.block-thumbnail-u--icon-top span {
    display: inline-block;
    margin-right: 5px;
}

.block-thumbnail-u--icon-top img {
    height: 24px;
}

.block-thumbnail-u--icon-btm {
    letter-spacing: -5px;
    width: 107%;
}

.block-thumbnail-u--icon-btm span {
    color: #7b706a;
    font-size: 11px;
    font-family: 'Noto Sans JP', sans-serif;
    display: inline-block;
    margin: 5px 5px 0 0;
    padding: 5px 7px;
    line-height: 1.0;
    letter-spacing: 0;
    background-color: #ffffff;
    border: 1px solid #7b706a;
    border-radius: 3px;
}

/* 詳細 */
.page-workshop .block-topic-path,.page-goods.page-workshop .pane-main {
    /*width: 1100px;*/
    margin: 0 auto;
}

.page-workshop .block-goods-comment4.commont-box-free {
    line-height: 1.846;
    padding: 16px 25px 17px;
}

.page-workshop .block-goods-comment4.commont-box-free h3 {
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    margin: 23px 0 0;
    background: none;
}

.page-workshop .block-goods-comment4.commont-box-free .at-tel {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.0;
    margin-top: 20px;
}

.page-workshop .pane-goods-right-side-inner {
    padding: 22px 0 29px;
}

.page-workshop .block-goods-name h2 {
    line-height: 1.5;
    padding: 0;
    margin: 0 40px;
    border: 0;
}

.page-workshop .block-goods-comment {
    line-height: 1.5;
    margin: 18px 40px 0;
}

.page-workshop .goods-icon {
    margin: 15px 40px 0;
}

.page-workshop .goods-icon img {
    height: 24px;
}

.page-workshop .block-goods-comment10 {
    line-height: 2.153;
    padding: 26px 40px 0;
    margin: 29px 0 0;
    border-top: 1px solid #e7e4dd;
}

.page-workshop .outer-block-goods-comment10 {
    padding: 10px 30px;
}

.page-workshop .outer-block-goods-comment10 strong {
    font-weight: bold;
}

.page-workshop .outer-block-goods-comment10 .font-large {
    font-size: 20px;
    line-height: 1.4;
}

.page-workshop .block-goods-price {
    margin: 20px 40px 0;
}

.page-workshop .block-goods-price--price {
    font-size: 24px;
    line-height: 1.0;
}

/*.page-workshop .block-goods-price--price span.small {font-size: 16px;}*/
.page-workshop .goods-quantity-inner dl dt {
    width: 60px;
}

.page-workshop .goods-quantity-inner dl dd {
    width: auto;
    margin-right: 40px;
}

.page-workshop .goods-quantity-inner dl dd strong {
    font-size: 20px;
    font-weight: bold;
}

.page-workshop .goods-quantity-inner dl dd span {
    font-size: 16px;
    margin-right: 0;
}

.page-workshop .js-style-items,.page-workshop .js-sort-items,.page-workshop .goods-code-label,.page-workshop .block-goods-attr1 {
    display: none;
}

.page-goods.page-workshop .block-variation {
    background-color: #fff;
    border: 1px solid #e7e4dd;
    border-top: none;
    padding: 25px;
}

.page-goods.page-workshop .block-color-size-with-cart--color-line,.page-goods.page-workshop .block-color-size-with-cart--size-line {
    display: block;
    overflow: hidden;
}

.page-goods.page-workshop .block-color-size-with-cart--color-item-term,.page-goods.page-workshop .block-color-size-with-cart--size-item-term {
    border: none;
}

.page-goods.page-workshop .block-color-size-with-cart--size-line .block-color-size-with-cart--nocolor {
    display: none;
}

.page-goods.page-workshop .block-color-size-with-cart--color-line {
    margin-top: 20px;
}

.page-goods.page-workshop .block-color-size-with-cart--color-line:first-child {
    margin-top: 0;
}

.page-goods.page-workshop .block-color-size-with-cart--size-line {
    border-top: 1px solid #e7e4dd;
    margin-top: 15px;
    padding-top: 0px;
}

.page-goods.page-workshop .block-color-size-with-cart--color-item-term {
    width: 100%;
    height: auto;
    margin: -1px 0 0 0;
    padding: 18px 20px;
    background: #efede4;
    font-size: 16px;
    font-weight: bold;
}

.page-goods.page-workshop .block-color-size-with-cart--size-item-term {
    width: 100%;
    height: auto;
    border: none;
    font-size: 18px;
    margin-left: 20px;
    margin: 20px 0 5px 20px;
}

.page-goods.page-workshop .block-color-size-with-cart--size-item-term span {
    width: 100%;
    height: auto;
}

.page-goods.page-workshop .block-variation .block-goods-stock {
    float: left;
    width: 120px;
    border: none;
    margin-left: 20px;
}

.page-goods.page-workshop .block-variation .block-goods-stock dt {
    width: 40px;
    padding: 0;
    font-weight: bold;
}

.page-goods.page-workshop .block-variation .block-goods-stock dd {
    width: 70px;
    padding: 15px 10px 0px 0;
}

.page-goods.page-workshop .block-variation .block-goods-stock dd .stock_msg {
    font-weight: bold;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    margin-right: 6px;
}

.page-goods.page-workshop .block-variation-no-stock .block-variation-no-stock--message {
    display: none;
}

.page-goods.page-workshop .block-add-cart {
    float: left;
    width: 308px;
    height: 57px;
}

.page-goods.page-workshop .block-add-apply--btn {
    padding-left: 0px;
    padding-top: 6px;
    background-size: 80%;
    height: 58px;
    text-indent: -28px;
    font-size: 16px;
}

.page-goods.page-workshop .block-variation-favorite {
    float: right;
}

.page-goods.page-workshop .block-variation-favorite--btn {
    position: relative;
    border: none;
    margin-top: 0;
}

.page-goods.page-workshop .fa-heart:before {
    content: "";
}

/* ================================================pane-left-menu================================================ */
.box_left_menu_ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.box_left_menu_ttl h2 {
    font-size: 16px;
    line-height: 27px;
    font-weight: bold;
    color: #1C1B1B;
    padding: 0;
    margin-top: 0;
    border-bottom: 0;
    position: relative;
}

.box_left_menu_ttl:after {
    content: "";
    height: 2px;
    width: 260px;
    position: absolute;
    background: url("../../img/usr/handicraft/line_border.png") no-repeat;
    bottom: 0;
    left: 0;
}

.box_left_menu_ttl .txt {
    font-size: 13px;
    color: #666666;
}

.box_search_ttl {
    font-size: 16px;
    line-height: calc(27/16);
    font-weight: bold;
    color: #1C1B1B;
    margin-bottom: 10px;
}

.box_search form {
    border: 1px solid #F5F5F5;
    display: flex;
    justify-content: space-between;
}

.box_search form input {
    height: 50px;
    font-size: 13px;
    width: 100%;
    border: 0px;
    color: #9C9DA1;
    /*letter-spacing: -3px;*/
    padding: 10px;
}

.box_search form input:hover {
    border: 0;
}

.box_search form input:focus {
    outline: none;
}

.box_search form button {
    height: 50px;
    width: 50px;
    border: 0px;
    text-indent: -9999px;
    background: #443D39 url("../../img/usr/handicraft/icon_search.png") no-repeat;
    background-position: center center;
}

.box_btn_bottom,.box_search_bottom,.modal_bottom {
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
    width: 80%;
}

.modal_bottom {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.modal_bottom .btn_reset_button,.modal_bottom .btn_modal_button {
    padding: 10px;
}

.box_btn_bottom .btn_reset_button button,.box_search_bottom .btn_reset_button button,.modal_bottom .btn_reset_button button {
    width: 95px;
    height: 35px;
    border-radius: 20px;
    background: url("../../img/usr/handicraft/btn_search01.png") no-repeat;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    color: #666666;
    display: inline-flex;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 500;
}

.box_btn_bottom .btn_reset_button button:hover,.box_search_bottom .btn_reset_button button:hover,.modal_bottom .btn_reset_button button:hover {
    opacity: 0.7;
}

.box_btn_bottom .btn_search-button button,.box_search_bottom .btn_search-button button,.modal_bottom .btn_modal_button button {
    width: 95px;
    height: 35px;
    border-radius: 20px;
    background: url("../../img/usr/handicraft/btn_search02.png") no-repeat;
    color: #fff;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 500;
}

.box_btn_bottom .btn_search-button button:hover,.box_search_bottom .btn_search-button button:hover,.modal_bottom .btn_modal_button button:hover {
    opacity: 0.7;
}

.form-control-item .btn_reset_button {
    margin-right: 20px;
}

/** **/
.nav_items .nav_item a {
    font-size: 13px;
    line-height: calc(24/13);
    color: #444444;
    position: relative;
    border-bottom: 1px solid #E7E4DD;
    padding: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.nav_items .nav_item a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -4px 0 0 0;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* box_category_tree */
.box_category_tree {
    margin-top: 50px;
}

.box_category_tree .block-category-tree--item.block-category-tree--item--open > a {
    background: #EFEEE4 !important;
}

/** box_filter_check **/
.box_filter_check {
    margin-top: 50px;
}

/** box_filter_options **/
.box_filter_options.has_scroll .tse-scroll-content {
    max-height: 305px;
    overflow-y: scroll;
}

/* width */
.box_filter_options.has_scroll::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.box_filter_options.has_scroll::-webkit-scrollbar-track {
    background: #F9F8F3;
}

/* Handle */
.box_filter_options.has_scroll::-webkit-scrollbar-thumb {
    background: #E7E4DD;
    border-radius: 5px;
}

/* Handle on hover */
.box_filter_options.has_scroll::-webkit-scrollbar-thumb:hover {
    background: #E7E4DD;
}

.pane-left-menu .box_filter_options .block-filter-option-items {
    font-size: 13px;
    line-height: calc(24/13);
    color: #444444;
    position: relative;
    border-bottom: 1px solid #E7E4DD;
    padding: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

/** **/
.pane-left-menu .box_2col_btn {
    display: flex;
    position: static;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 40px;
    padding: 15px 10px;
    background: #F3F0EA;
    align-items: center;
    z-index: 10;
    width: 260px;
}

.pane-left-menu .box_2col_btn.fix_ {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px 10px;
    background: #F3F0EA;
    align-items: center;
    z-index: 10;
    width: 260px;
    position: fixed;
    bottom: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.box_2col_btn01 .column-box {
    font-size: 10px;
    line-height: 12px;
    color: #757B82;
    height: 40px !important;
    width: 80px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: url("../../img/usr/handicraft/box_2col_bg01.png") no-repeat;
    min-height: 0 !important;
    text-align: center;
}

.box_2col_btn .column-box:before {
    display: none;
}

.box_2col_btn02 .column-box {
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    height: 60px;
    width: 145px !important;
    border-radius: 35px;
    min-height: 0;
    text-align: center;
    display: block !important;
    background: url("../../img/usr/handicraft/box_2col_bg02.png") no-repeat;
    font-weight: 500;
}

.box_2col_btn02 .column-box span {
    font-size: 23px;
    font-weight: bold;
    padding-top: 17px;
    display: inline-block;
}

/* box_filter_color */
.box_filter_color .box_filter_check_content {
    padding: 20px 5px;
}

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

.box_filter_color_list .block-filter--image {
    margin-right: 14px;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
}

.box_filter_color_list .block-filter--image img {
    width: 35px;
    height: 35px;
    border-radius: 3px;
}

.box_filter_color_list input {
    display: none;
}

.box_filter_color_list input[type=checkbox] + label::before {
    display: none !important;
}

.box_filter_color_list input[type=checkbox] + label {
    display: block;
    padding-left: 0;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 0;
}

.box_filter_color_list input[type=checkbox]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    background: url(../../img/usr/handicraft/checkmark2.png) no-repeat;
    background-size: 20px;
    border-bottom: solid 0 #0d3387;
    border-right: solid 0 #0d3387;
    transform: rotate(0);
}

/* box_filter_price */
.box_filter_price .box_filter_check_content {
    margin-top: 30px;
    padding: 0 20px 0 20px;
}

.box_filter_price .box_filter_check_content *:focus {
    outline: none;
}

.box_filter_price .block-leftmenu-content--range-form .ui-widget.ui-widget-content {
    border: 1px solid #D9D6C7;
    background-color: #D9D6C7;
    background: #D9D6C7;
    height: 3px;
    text-align: center;
}

.box_filter_price .block-leftmenu-content--range-form .ui-state-default,.box_filter_price .block-leftmenu-content--range-form .ui-widget-content .ui-state-default,.box_filter_price .block-leftmenu-content--range-form .ui-widget-header .ui-state-default {
    border: 1px solid #D9D6C7;
    background: #fff;
    font-weight: bold;
    color: #1c94c4;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -10px;
    /*margin-left: 0;*/
}

.box_filter_price .block-leftmenu-content--range-form .ui-widget-header {
    background: #D9D6C7;
}

.box_filter_price .block-leftmenu-content--range-form .amount-content {
    text-align: center;
}

.box_filter_price .block-leftmenu-content--range-form #amount {
    font-size: 15px;
    color: #082d4f;
    margin: 10px auto;
    display: inline-block;
}

.box_filter_price .block-leftmenu-content--range-form .range-submit {
    border: 0;
    background: transparent;
    font-size: 12px;
    color: #111111;
    cursor: pointer;
    position: relative
}

.box_filter_price .block-leftmenu-content--range-form .range-submit:hover {
    text-decoration: underline;
    opacity: 0.8;
}

.box_filter_price .block-leftmenu-content--range-form .range-submit:after {
    content: "";
    padding-left: 10px;
    width: 6px;
    height: 9px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -10px;
    background: url(../../img/usr/common/arrow.png) no-repeat;
}

.box_filter_price .box_filter_min_max {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}

.box_filter_price .box_filter_min_max input {
    width: 100%;
    text-align: right;
    padding: 5px 15px;
}

.box_filter_price .box_filter_min {
    height: 30px;
    width: 100px;
    position: relative;
}

.box_filter_price .box_filter_min:before {
    content: "￥";
    position: absolute;
    top: 6px;
    left: 8px;
}

.box_filter_price .box_filter_max {
    height: 30px;
    width: 100px;
    position: relative;
}

.box_filter_price .box_filter_max:before {
    content: "￥";
    position: absolute;
    top: 6px;
    left: 8px;
}

.box_filter_price .box_filter_middle {
    height: 30px;
    width: 40px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

/* box_filter_check12 */
.box_filter_check12_link_bottom a {
    font-size: 13px;
    line-height: calc(24/13);
    color: #444444;
    position: relative;
    border-bottom: 1px solid #E7E4DD;
    padding: 15px 15px 15px 0;
    display: inline-block;
    width: 100%;
}

.box_filter_check12_link_bottom a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -4px 0 0 0;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/** modal **/
.block-leftmenu-content--modal-title {
    font-size: 13px;
    line-height: calc(24/13);
    color: #444444;
    position: relative;
    border-bottom: 1px solid #E7E4DD;
    padding: 15px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.block-leftmenu-content--modal-title:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -4px 0 0 0;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.block-leftmenu-content--modal-content {
    z-index: 992;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.block-leftmenu-content--modal-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.modal-bg {
    background: rgba(117, 123, 130, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
}

.modal-container {
    width: 800px;
    height: 600px;
    background: #ffffff;
    position: relative;
    z-index: 992;
}

.modal-content--close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.modal-container .box_filter_options {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
}

.modal-container .box_filter_options .block-filter-option-items {
    font-size: 12px;
    line-height: 1.5;
    color: #444444;
    position: relative;
    border-bottom: 0 solid #E7E4DD;
    padding: 15px 0;
    display: inline-block;
    width: 25%;
}

.modal-container .block-filter-option-items input + label {
    display: block;
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    margin-right: 0;
}

.modal-container .block-filter-option-items input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 2px solid #e7e4dd;
    background: #fff;
}

.modal-container .block-filter-option-items input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: url(../../img/usr/handicraft/checkmark.png) no-repeat;
}

.modal-content--title {
    color: #444444;
    line-height: 1;
    text-align: center;
    font-size: 24px;
    padding: 50px 0 30px;
}

.modal-main {
    padding: 0 75px 50px 75px;
}

.modal-content--box {
    overflow-y: scroll;
    height: 425px;
}

/* width */
.modal-content--box::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-content--box::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.modal-content--box::-webkit-scrollbar-thumb {
    background: #ADB3B9;
    border-radius: 6px;
}

/* Handle on hover */
.modal-content--box::-webkit-scrollbar-thumb:hover {
    background: #ADB3B9;
}

/************** page-category page-workshop ****************/
.page-workshop .box_note {
    padding: 15px 0 15px 15px;
}

.page-workshop .box_filter_price .box_filter_check_content {
    margin-top: 0;
    padding: 0 ;
}

.page-workshop .block-leftmenu-content--range-form {
    margin-top: 30px;
    padding: 0 20px 0 10px;
}

.page-workshop .box_filter_options.has_scroll {
    max-height: none !important;
    /*overflow-y: inherit !important;*/
}

.page-workshop .box_select .custom-select {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto 0;
    border: 1px solid #E7E4DD;
    background-color: #fff;
    z-index: 10;
}

.page-workshop .box_select .custom-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    padding: 12px 55px 15px 15px;
    font-size: 14px;
    color: #444444
}

.page-workshop .box_select .custom-select:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #444444;
    border: 1px solid #031D43;
    z-index: -1;
    content: "";
    background: #443D39 url("../../img/usr/handicraft/icon_select.png") no-repeat;
    background-position: center center;
}

.page-workshop .box_date *:focus {
    outline: none;
}

.page-workshop .box_date .date_form {
    border: 1px solid #F5F5F5;
    display: flex;
    justify-content: space-between;
}

.page-workshop .box_date input {
    height: 50px;
    font-size: 13px;
    width: 100%;
    border: 1px solid #F5F5F5;
    color: #9C9DA1;
    background-image: url(../../img/usr/handicraft/box_date_btn.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 50px;
    cursor: pointer;
}

.page-workshop .box_date .ctbtn {
    height: 50px;
    width: 50px;
    border: 0px;
    text-indent: -9999px;
    background: #443D39 url(../../img/usr/handicraft/icon_select.png) no-repeat;
    background-position: center center;
}

.page-workshop .box_date02,.page-workshop .box_date01 {
    margin: 10px 0;
}

.page-workshop .box_date_next {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.page-workshop .box_date_next span {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    transform: rotate(90deg);
    display: block;
}

.page-workshop .box_date .calendar-inner .calendar-lt ul {
    display: flex;
    flex-wrap: wrap;
}

.page-workshop .box_date .calendar-inner .calendar-lt ul li {
    width: 480px;
    padding: 34px 0 38px;
    border: 1px solid #dbd8d2;
}

.page-workshop .box_dater .calendar-inner .calendar-lt ul li:nth-child(2) {
    margin-left: 40px;
}

.page-workshop .box_date .calendar-month {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
}

.page-workshop .box_date .calendar-month > div {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e7e4dd;
    color: #1c1b1b;
    font-size: 18px;
    border-radius: 4px;
}

.page-workshop .box_date .calendar-month > div:nth-child(1) {
    margin-right: 10px;
}

.page-workshop .box_date .calendar-month > div span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 4px;
}

.page-workshop .box_date .calendar-month .calendar-month-active {
    background: #cfa247;
    color: #fff;
}

.page-workshop .box_date .calendar-month .calendar-month-active:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -17px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 9px solid #cfa247;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent;
}

.page-workshop .box_date .calendar-inner {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.page-workshop .box_date .holi_mark {
    line-height: 1.8;
    width: 1000px;
    margin: 14px auto 0;
}

.page-workshop .box_date .txt {
    line-height: 1.8;
    width: 1000px;
    margin: 0 auto;
}

.page-workshop .box_date .txt a {
    text-decoration: underline;
}

.page-workshop .box_date .txt a:hover {
    text-decoration: none;
}

.page-workshop .box_date .s_cale_tbl {
    width: 100%;
    padding: 0 0px 0 0px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
}

.page-workshop .box_date .s_cale_tbl th {
    text-align: center;
    padding: 0;
    font-size: 20px;
    background: #CFA247;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
}

.page-workshop .box_date .s_cale_tbl th:before {
    background: url(../../img/usr/handicraft/icon_select.png) no-repeat;
    width: 11px;
    height: 6px;
    content: "";
    position: absolute;
    top: 12px;
    left: 10px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    cursor: pointer;
}

.page-workshop .box_date .s_cale_tbl th:after {
    background: url(../../img/usr/handicraft/icon_select.png) no-repeat;
    width: 11px;
    height: 6px;
    content: "";
    position: absolute;
    top: 12px;
    right: 10px;
    transform: rotate(-90deg);
    -ms-transform: rotate(45deg);
    cursor: pointer;
}

.page-workshop .box_date .s_cale_tbl th span {
    font-size: 15px;
}

.page-workshop .box_date td.day,.page-workshop .box_date td.holiday {
    color: #1c1b1b;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width: 20px;
    height: 32px;
    cursor: pointer;
}

.page-workshop .box_date td.sun {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #e54848;
    font-size: 10px;
    padding: 5px 0;
}

.page-workshop .box_date td.week {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #1c1b1b;
    font-size: 10px;
    padding: 5px 0;
}

.page-workshop .box_date td.sat {
    color: #48a1e5;
    font-size: 10px;
    padding: 5px 0;
}

.page-workshop .box_date td.holiday span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    background: #e54848;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 13px;
    border-radius: 50%;
    line-height: 1.8;
}

.page-workshop .box_date .calendar-month {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
}

.page-workshop .box_date .calendar-month > div {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e7e4dd;
    color: #1c1b1b;
    font-size: 18px;
    border-radius: 4px;
}

.page-workshop .box_date .calendar-month > div:nth-child(1) {
    margin-right: 10px;
}

.page-workshop .box_date .calendar-month > div span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 4px;
}

.page-workshop .box_date .calendar-month .calendar-month-active {
    background: #cfa247;
    color: #fff;
}

.page-workshop .box_date .calendar-month .calendar-month-active:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -17px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 9px solid #cfa247;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent;
}

.page-workshop .box_date .calendar-inner {
    padding: 0 0 20px 0;
    border-bottom: solid 2px #e7e4dd;
    margin-bottom: 20px;
}

.page-workshop .box_date .holi_mark {
    margin-bottom: 15px;
    font-size: 12px;
}

.page-workshop .box_date .holi_mark span {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: #e54848;
    border-radius: 50%;
    margin-right: 5px;
}

.page-workshop .box_date02_select,.page-workshop .box_date01_select {
    background: #fff;
    padding: 10px;
    display: none;
    position: absolute;
    top: 52px;
    left: 0px;
    width: 100%;
    z-index: 2;
}

.page-workshop .box_date02_select.open,.page-workshop .box_date01_select.open {
    display: block;
}

.page-workshop .box_date02_select_btn,.page-workshop .box_date01_select_btn {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #D6D3C4;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.page-workshop .box_date02_select_btn a,.page-workshop .box_date01_select_btn a {
    font-size: 13px;
    color: #444444;
    border: 1px solid #D6D3C4;
    padding: 5px 20px;
    border-radius: 2px;
}

/********** .js-accordion *************/
.box_left_menu_ttl.js-accordion {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.js-accordion-content {
    display: none;
}

.icon-accordion {
    position: absolute;
    width: 25px;
}

.icon-accordion {
    cursor: pointer;
    position: relative;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.icon-accordion span {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 11px;
    height: 1px;
    background-color: #666;
    transition: all .4s;
}

.icon-accordion span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.icon-accordion span:nth-child(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.js-slide.active .icon-accordion span:nth-child(2) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.js-slide-content {
    display: none;
}

/*********************** .box_filter_content ******************/
.box_filter_content {
    display: flex;
    width: 790px;
    justify-content: space-between;
}

.box_filter_content {
    padding: 25px 20px;
    background: #F2EFE9;
    margin-bottom: 30px;
}

.box_filter_content .box_select_ttl {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 5px;
    display: block;
}

.box_filter_content .box_select {
    width: 160px;
}

.box_filter_content .filter-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    padding: 6px 30px 6px 6px;
    font-size: 14px;
    color: #666666;
}

.box_filter_content .filter-select:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 33px;
    height: 33px;
    text-align: center;
    color: #666666;
    z-index: -1;
    content: "";
    background: #443D39 url("../../img/usr/handicraft/icon_select.png") no-repeat;
    background-position: center center;
}

.box_filter_content .filter-select {
    position: relative;
    display: block;
    width: 160px;
    border: 1px solid #E7E7E8;
    background-color: #fff;
    z-index: 10;
}

.block-genre-tree--item span.tree_, .block-category-tree--items span.tree_ {
    background: url(../../img/usr/handicraft/body_bg.png);
    z-index: 3;
}

.box_category_tree .block-category-tree--item.block-category-tree--item--open > a > span.tree_ {
    background: transparent !important;
}

.box_category_tree .block-category-tree--item.block-category-tree--item--open > a:after {
    display: none;
}

.box_category_tree .block-category-tree--item a {
    position: relative;
}

.box_category_tree .block-category-tree--item a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -4px 0 0 0;
    content: "";
    width: 8px;
    height: 8px;
    /*border-top: solid 1px #000;*/
    /*border-left: solid 1px #000;*/
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 2;
}

/******/
.block-filter-option-items.has-subitem {
    padding: 0;
}

.box_filter_options.subitem {
    border-top: 1px solid #E7E4DD;
}

.box_filter_options.subitem .block-filter-option-items {
    padding-left: 35px;
}

.box_filter_options.subitem .block-filter-option-items:last-child {
    border-bottom: none;
}

.item-accordion {
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 50px;
}

.item-accordion .box-col {
    padding: 0;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    width: 230px;
    padding-left: 15px;
}

.item-accordion .box-col-minus {
    cursor: pointer;
    position: relative;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.item-accordion .box-col-minus span {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 11px;
    height: 1px;
    background-color: #666;
    transition: all .4s;
}

.item-accordion .box-col-minus span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.item-accordion .box-col-minus span:nth-child(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.item-accordion.active .box-col-minus span:nth-child(2) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.box_filter_check.box_more .box_filter_options {
    max-height: 167px;
    overflow: hidden;
    transition: max-height 0.5s;
}

.box_filter_check.box_more.open .box_filter_options {
    max-height: 3000px;
    transition: max-height 0.5s;
}

.box_filter_check_more {
    float: right;
    cursor: pointer;
    margin-top: 15px;
}

.box_filter_check_more .txt02 {
    display: none;
}

.box_filter_check_more.active .txt {
    display: none;
}

.box_filter_check_more.active .txt02 {
    display: initial;
}

.box_filter_check_more span.tree_ {
    cursor: pointer;
    position: relative;
    left: 0;
    top: -2px;
    width: 25px;
    height: 25px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.box_filter_check_more span.tree_ > span {
    position: absolute;
    top: 12px;
    left: 5px;
    width: 11px;
    height: 1px;
    background-color: #666;
    transition: all .4s;
}

.box_filter_check_more span.tree_ > span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.box_filter_check_more span.tree_ > span:nth-of-type(2),.box_filter_check_more span.tree_.plus_ > span:nth-child(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.box_filter_check_more span.tree_.minus_ > span:nth-of-type(1) {
    display: none;
}

.box_filter_check_more span.tree_.minus_ > span:nth-child(2) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/** box left Fixed **/
.box_left_fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 260px;
}

.box_2col_btn .column-box:before {
    display: none;
}

.box_2col_btn02 .column-box span {
    font-size: 23px;
    font-weight: bold;
    padding-top: 17px;
    display: inline-block;
}

.box_searh_content .search_box {
    width: 100%;
    height: 50px;
    padding: 10px;
    font-size: 13px;
    outline: 0;
}

.box_searh_content .workshop_search_box {
    width: 100%;
    height: 50px;
    padding: 10px;
    font-size: 13px;
    outline: 0;
}

.box_searh_content .search_box_balloon {
    position : relative;
    /* 指定した分だけ相対的に移動 */
}

.box_searh_content .search_box_balloon:hover .balloon {
    display: none;
    /* インライン要素として表示 */
    z-index: 10;
}

.search_box_balloon .balloon {
    position : absolute;
    /* 親要素を基準 */
    display: none;
    /* 要素を非表示 */
    padding: 10px;
    /* テキストの前後の余白 */
    background-color: #FFFFFF;
    /* 背景色（透明度） */
    width: 100%;
    /* 吹き出し全体の幅 */
    left : 0%;
    /* 表示位置 */
    border: 2px solid #F5F5F5;
    top: 49px;
}

.balloon_title {
    font-weight: bold;
    padding-bottom: 8px;
}

.search_box_balloon .balloon a {
    margin: 0 10px 0 0;
    white-space: nowrap;
    line-height: 25px;
}

.block-headernav-balloon--searchdetail {
    margin-top: 5px;
    text-align: center
}

.block-headernav-balloon--searchdetail>a {
    padding: 4px 5px 2px;
    display: inline-block;
    width: 170px;
    font-size: 12px;
    border-radius: 15px;
    background-color: #e6e3d5
}

.block-headernav-balloon--searchdetail>a>span::after {
    position: relative;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 2px 5px;
    width: 6px;
    height: 6px;
    border: 0;
    border-top: 1px solid #212020;
    border-right: 1px solid #212020;
    transform: rotate(45deg)
}

.box_search .search_reset {
    width: 120px;
    height: 40px;
    border-radius: 20px;
    background: #F4F4F5;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    color: #666666;
    display: inline-flex;
}

.box_2col_btn .box_2col_btn01 button {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    color: #757B82;
    height: 40px !important;
    width: 80px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: url("../../img/usr/handicraft/box_2col_bg01.png") no-repeat;
    min-height: 0 !important;
    text-align: center;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.box_2col_btn .box_2col_btn01 button:hover {
    opacity: 0.7 ;
}

.box_2col_btn .box_2col_btn02 button {
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    height: 60px;
    width: 145px !important;
    border-radius: 35px;
    min-height: 0;
    text-align: center;
    display: block !important;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.box_2col_btn .box_2col_btn02 button:hover {
    opacity: 0.7 ;
}

/*********************** box-form *********************/
.box-form {
    border-top: 1px solid #E7E4DD;
    margin-top: 30px;
    margin-bottom: 80px;
}

.box-form * {
    outline: none;
}

.box-form .fieldset {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}

.box-form .form-group {
    border-bottom: 1px solid #F0EDE7;
}

.box-form .form-group .form-label {
    width: 200px;
    background: #F0EDE6;
    padding: 20px;
    text-align: left;
    vertical-align: middle;
}

.box-form .form-group .control-label {
    font-size: 16px;
    font-weight: bold;
    color: #1C1B1B;
}

.box-form .form-group .control-label .sublabel {
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #1C1B1B;
    line-height: 15px;
}

.box-form .form-group .form-control {
    width: calc(100% - 200px);
    padding: 30px;
    vertical-align: middle;
}

.box-form .form-control-item--keyword {
    width: 330px;
    position: relative;
}

.box-form .block-search-goods--keyword input {
    width: 330px;
    height: 48px;
    border: 1px solid #E7E4DD;
    font-size: 13px;
    color: #9C9DA1;
    line-height: 48px;
    padding: 0 15px;
}

.box-form .form-control-item--keyword .trend {
    width: 330px;
    border: 1px solid #E7E4DD;
    position: absolute;
    top: 47px;
    left: 0;
    background: #fff;
    z-index: 91;
    display: none;
}

.box-form .form-control-item--keyword .trend-ttl {
    font-size: 13px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 10px;
}

.box-form .form-control-item--keyword .trend-content {
    padding: 12px;
    display: inline-block;
}

.box-form .form-control-item--keyword .trend ul li {
    float: left;
    font-size: 13px;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
}

.box-form .form-control-item--keyword .trend ul li:before {
    content: "#";
}

.box-form .box_search_bottom,.box-form .box_btn_bottom {
    display: flex;
    justify-content: space-between;
    width: 210px;
    margin-left: 40px;
    /margin-top: 0;
    */}

.box-form .box_search_bottom .reset_button button {
    width: 120px;
    height: 40px;
    border-radius: 20px;
    background: url("../../img/usr/handicraft/btn_search01.png") no-repeat;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    color: #666666;
    display: inline-flex;
}

.box-form .box_search_bottom .btn_search-button button {
    width: 95px;
    height: 35px;
    background: url("../../img/usr/handicraft/btn_search02.png") no-repeat;
    color: #fff;
    border: 0;
    outline: 0;
}

.box-form .form-control-item {
    display: flex;
    align-items: center;
}

.box-form .form-select {
    position: relative;
    display: block;
    width: 300px;
    border: 1px solid #E7E7E8;
    background-color: #fff;
    z-index: 10;
}

.box-form .form-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    padding: 14px 55px 15px 15px;
    font-size: 13px;
    color: #9C9DA1;
}

.box-form .form-select:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 48px;
    text-align: center;
    color: #666666;
    z-index: -1;
    content: "";
    background: #443D39 url("../../img/usr/underwear/icon_select.png") no-repeat;
    background-position: center center;
}

.box-form .form-size {
    font-size: 15px;
    line-height: calc(24/15);
    color: #444444;
    position: relative;
    display: inline-block;
    width: 136px;
    cursor: pointer;
}

.box-form .form-size:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -4px 0 0 0;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #666666;
    border-left: solid 1px #666666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.box-form .block-search-goods--publication-dt input {
    width: 140px;
    height: 48px;
    margin-right: 15px;
}

/** date **/
.box-form .box_date *:focus {
    outline: none;
}

.box-form .box_date {
    display: flex;
    justify-content: space-between;
    width: 590px;
}

.box-form .box_date input {
    height: 50px;
    font-size: 13px;
    width: 260px;
    border: 1px solid #E7E4DD;
    color: #9C9DA1;
    background-image: url(../../img/usr/handicraft/box_date_btn.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 50px;
}

.box-form .box_date .ctbtn {
    height: 50px;
    width: 30px;
    border: 0px;
    text-indent: -9999px;
    background: #443D39 url(../../img/usr/handicraft/icon_select.png) no-repeat;
    background-position: center center;
}

.box-form .box_date02,.box-form .box_date01 {
    width: 260px;
}

.box-form .box_date02_form,.box-form .box_date01_form {
    display: flex;
    justify-content: space-between;
}

.box-form .box_date_next {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 70px;
}

.box-form .box_date_next span {
    display: block;
    padding-top: 10px;
}

.box-form .box_date .calendar-inner .calendar-lt ul {
    display: flex;
    flex-wrap: wrap;
}

.box-form .box_date .calendar-inner .calendar-lt ul li {
    width: 480px;
    padding: 34px 0 38px;
    border: 1px solid #dbd8d2;
}

.box-form .box_dater .calendar-inner .calendar-lt ul li:nth-child(2) {
    margin-left: 40px;
}

.box-form .box_date .calendar-month {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
}

.box-form .box_date .calendar-month > div {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e7e4dd;
    color: #1c1b1b;
    font-size: 18px;
    border-radius: 4px;
}

.box-form .box_date .calendar-month > div:nth-child(1) {
    margin-right: 10px;
}

.box-form .box_date .calendar-month > div span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 4px;
}

.box-form .box_date .calendar-month .calendar-month-active {
    background: #cfa247;
    color: #fff;
}

.box-form .box_date .calendar-month .calendar-month-active:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -17px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 9px solid #cfa247;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent;
}

.box-form .box_date .calendar-inner {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.box-form .box_date .holi_mark {
    line-height: 1.8;
    width: 1000px;
    margin: 14px auto 0;
}

.box-form .box_date .txt {
    line-height: 1.8;
    width: 1000px;
    margin: 0 auto;
}

.box-form .box_date .txt a {
    text-decoration: underline;
}

.box-form .box_date .txt a:hover {
    text-decoration: none;
}

.box-form .box_date .s_cale_tbl {
    width: 100%;
    padding: 0 0px 0 0px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px;
}

.box-form .box_date .s_cale_tbl th {
    text-align: center;
    padding: 0;
    font-size: 20px;
    background: #CFA247;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
}

.box-form .box_date .s_cale_tbl th:before {
    background: url(../../img/usr/handicraft/icon_select.png) no-repeat;
    width: 11px;
    height: 6px;
    content: "";
    position: absolute;
    top: 12px;
    left: 10px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    cursor: pointer;
}

.box-form .box_date .s_cale_tbl th:after {
    background: url(../../img/usr/handicraft/icon_select.png) no-repeat;
    width: 11px;
    height: 6px;
    content: "";
    position: absolute;
    top: 12px;
    right: 10px;
    transform: rotate(-90deg);
    -ms-transform: rotate(45deg);
    cursor: pointer;
}

.box-form .box_date .s_cale_tbl th span {
    font-size: 15px;
}

.box-form .box_date td.day,.box-form .box_date td.holiday {
    color: #1c1b1b;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    width: 20px;
    height: 32px;
    cursor: pointer;
}

.box-form .box_date td.sun {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #e54848;
    font-size: 10px;
    padding: 5px 0;
}

.box-form .box_date td.week {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #1c1b1b;
    font-size: 10px;
    padding: 5px 0;
}

.box-form .box_date td.sat {
    color: #48a1e5;
    font-size: 10px;
    padding: 5px 0;
}

.box-form .box_date td.holiday span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    background: #e54848;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 13px;
    border-radius: 50%;
    line-height: 1.8;
}

.box-form .box_date .calendar-month {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
}

.box-form .box_date .calendar-month > div {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    width: 125px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e7e4dd;
    color: #1c1b1b;
    font-size: 18px;
    border-radius: 4px;
}

.box-form .box_date .calendar-month > div:nth-child(1) {
    margin-right: 10px;
}

.box-form .box_date .calendar-month > div span {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
    display: inline-block;
    margin: 0 4px;
}

.box-form .box_date .calendar-month .calendar-month-active {
    background: #cfa247;
    color: #fff;
}

.box-form .box_date .calendar-month .calendar-month-active:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -17px;
    width: 0;
    height: 0;
    margin: 0 0 0 -5px;
    border-top: 9px solid #cfa247;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent;
}

.box-form .box_date .calendar-inner {
    padding: 0 0 20px 0;
    border-bottom: solid 2px #e7e4dd;
    margin-bottom: 20px;
}

.box-form .box_date .holi_mark {
    margin-bottom: 15px;
    font-size: 12px;
}

.box-form .box_date .holi_mark span {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: #e54848;
    border-radius: 50%;
    margin-right: 5px;
}

.box-form .box_date02_select,.box-form .box_date01_select {
    background: #fff;
    padding: 10px;
    display: none;
    position: absolute;
    top: 52px;
    left: 0px;
    width: 100%;
    z-index: 2;
}

.box-form .box_date02_select.open,.box-form .box_date01_select.open {
    display: block;
}

.box-form .box_date02_select_btn,.box-form .box_date01_select_btn {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #D6D3C4;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.box-form .box_date02_select_btn a,.box-form .box_date01_select_btn a {
    font-size: 13px;
    color: #444444;
    border: 1px solid #D6D3C4;
    padding: 5px 20px;
    border-radius: 2px;
}

/** box_color **/
.box_color {
    display: flex;
    flex-wrap: wrap;
    width: 450px;
}

.box_color .block-filter--image {
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
}

.box_color .block-filter--image img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

.box_color input {
    display: none;
}

.box_color input[type=checkbox] + label::before {
    display: none !important;
}

.box_color input[type=checkbox] + label {
    display: block;
    padding-left: 0;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 0;
}

.box_color input[type=checkbox]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 11px;
    width: 11px;
    height: 11px;
    background: url(../../img/usr/handicraft/sp/check.png) no-repeat;
    border-bottom: solid 0 #0d3387;
    border-right: solid 0 #0d3387;
    transform: rotate(0);
}

/** price **/
.form-price--range-form {
    width: 330px;
    margin-right: 30px;
}

.form-price--range-form .ui-widget.ui-widget-content {
    border: 1px solid #D9D6C7;
    background-color: #D9D6C7;
    background: #D9D6C7;
    height: 3px;
    text-align: center;
}

.form-price--range-form .ui-state-default,.form-price--range-form .ui-widget-content .ui-state-default,.form-price--range-form .ui-widget-header .ui-state-default {
    border: 1px solid #D9D6C7;
    background: #fff;
    font-weight: bold;
    color: #1c94c4;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: -10px;
    /*margin-left: 0;*/
}

.price-form {
    margin-top: 55px;
}

.form-price--range-form .ui-widget-header {
    background: #D9D6C7;
}

.form-price--range-form .amount-content {
    text-align: center;
}

.form-price--range-form #amount {
    font-size: 15px;
    color: #082d4f;
    margin: 10px auto;
    display: inline-block;
}

.form-price--range-form .range-submit {
    border: 0;
    background: transparent;
    font-size: 12px;
    color: #111111;
    cursor: pointer;
    position: relative
}

.form-price--range-form .range-submit:hover {
    text-decoration: underline;
    opacity: 0.8;
}

.form-price--range-form .range-submit:after {
    content: "";
    padding-left: 10px;
    width: 6px;
    height: 9px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: -10px;
    background: url(../../img/usr/common/arrow.png) no-repeat;
}

.form-price .box_filter_min_max {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form-price .box_filter_min_max input {
    width: 100%;
    text-align: right;
    padding: 14px 15px;
}

.form-price .box_filter_min {
    height: 50px;
    width: 140px;
    position: relative;
}

.form-price .box_filter_min:before {
    content: "￥";
    position: absolute;
    top: 14px;
    left: 8px;
}

.form-price .box_filter_max {
    height: 50px;
    width: 140px;
    position: relative;
}

.form-price .box_filter_max:before {
    content: "￥";
    position: absolute;
    top: 14px;
    left: 8px;
}

.form-price .box_filter_middle {
    height: 30px;
    width: 40px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.box-form .box_2col_btn {
    display: flex;
    justify-content: space-between;
    width: 450px;
    align-items: center;
    background: 0;
}

.box-form .box_2col_btn02 span {
    font-size: 23px;
    font-weight: bold;
    padding-top: 0;
    display: inline-block;
}

.box-form .box_2col_btn .box_2col_btn01 button {
    width: 180px !important;
    height: 40px !important;
    font-size: 13px;
    font-weight: 600;
    color: #757B82;
    border-radius: 20px;
    background: #E6E3D5;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border: dashed 1px #D6D3C4;
}

.box-form.box_2col_btn .box_2col_btn01 button:hover {
    opacity: 0.7 ;
}

.box-form .box_2col_btn .box_2col_btn02 button {
    width: 230px !important;
    height: 60px;
    font-size: 13px;
    color: #fff;
    border-radius: 35px;
    background: #CFA247;
    justify-content: center;
    align-items: center;
    display: block;
    border: dashed 1px #B18834;
    line-height: 17px;
}

.box-form.box_2col_btn .box_2col_btn02 button:hover {
    opacity: 0.7 ;
}

.box-form .form-buttons {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.box-form .block-filter-option-items {
    padding: 0 15px 0 0;
    font-size: 13px;
    float: left;
}

.box-form .block-filter-option-items [type=checkbox] + label {
    margin-bottom: 0;
}

.box-form .block-filter-option-items [type=checkbox]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 5px;
    width: 11px;
    height: 11px;
    background: url(../../img/usr/handicraft/checkmark.png) no-repeat;
    border-bottom: solid 0 #0d3387;
    border-right: solid 0 #0d3387;
    transform: rotate(0);
}

.box-form .block-filter-option-items input[type=checkbox] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 2px solid #D9D6C7;
    background: #fff;
}

.box-form .box-item-ttl {
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.box-form .box_filter_options.col3 {
    display: flex;
    flex-wrap: wrap;
}

.box-form .box_filter_options.col3 .block-filter-option-items {
    width: 33%;
    margin: 10px 0;
    padding: 0;
}

.box-form .box-item {
    margin-top: 30px;
}

.box-form .box-item:first-child {
    margin-top: 0;
}

/** modal **/
.no-scroll {
    overflow-y: hidden;
}

.box--modal-content {
    z-index: 992;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.box--modal-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.modal-bg {
    background: rgba(117, 123, 130, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
}

.modal-container {
    width: 800px;
    height: 600px;
    background: #ffffff;
    position: relative;
    z-index: 992;
}

.modal-content--close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.modal-content--title {
    color: #444444;
    line-height: 1;
    text-align: center;
    font-size: 24px;
    padding: 50px 0 30px;
    font-weight: bold;
}

.modal-main {
    padding: 0 35px 30px 75px;
}

.modal-content--box {
    overflow-y: scroll;
    height: 400px;
}

/* width */
.modal-content--box::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-content--box::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.modal-content--box::-webkit-scrollbar-thumb {
    background: #D9D6C7;
    border-radius: 6px;
}

/* Handle on hover */
.modal-content--box::-webkit-scrollbar-thumb:hover {
    background: #D9D6C7;
}

.box--modal-content .btn-2col {
    margin: 0 auto;
}

/* box_filter_size */
.box_size_option {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.box_size .block-filter-option-items {
    width: 48px;
    border: 1px solid #E7E7E8;
    height: 35px;
    background: transparent;
    font-size: 14px;
    padding: 0;
    margin: 6px;
    color: #757B82;
}

.box_size .block-filter-option-items input + label::before,.box_size .block-filter-option-items input + label::before {
    display: none !important;
}

.box_size .block-filter-option-items input + label {
    padding: 0;
    line-height: 35px;
    font-size: 14px;
    margin-right: 0 !important;
    text-align: center;
}

.box_size .block-filter-option-items input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E7E7E8;
    z-index: -1;
    border-bottom: solid 0px #0d3387;
    border-right: solid 0px #0d3387;
    transform: rotate(0);
}

/** box anchor **/
.box-anchor {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.box-anchor a {
    width: calc(50% - 6px);
    background: #E6E3D5;
    font-size: 18px;
    font-weight: bold;
    color: #443D39;
    line-height: 60px;
    text-align: center;
}

#box_form01,#box_form02 {
    margin-top: -95px;
    padding-top: 95px;
}

#search_form #box_form01,#search_form #box_form02 {
    padding: 0 0 30px 0;
    margin-bottom: 20px;
    margin-top: 10px;
}

.box-anchor a span {
    width: 8px;
    height: 8px;
    padding-left: 25px;
    position: relative;
}

.box-anchor a span:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -7px 0 0 0;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/*balloon*/
.form-control-item .form-control-item--keyword {
    position : relative;
    /* 指定した分だけ相対的に移動 */
}

.form-control-item .form-control-item--keyword:hover .balloon {
    display: inline;
    /* インライン要素として表示 */
}

.form-control-item--keyword .balloon {
    position : absolute;
    /* 親要素を基準 */
    display: none;
    /* 要素を非表示 */
    padding: 10px;
    /* テキストの前後の余白 */
    background-color: #FFFFFF;
    /* 背景色（透明度） */
    width: 100%;
    /* 吹き出し全体の幅 */
    left : 0%;
    /* 表示位置 */
    border: 1px solid #E7E4DD;
    top: 46px;
    z-index: 11;
}

.balloon_title {
    font-weight: bold;
    padding-bottom: 8px;
}

.form-control-item--keyword .balloon a {
    margin: 0 10px 0 0;
    white-space: nowrap;
    line-height: 25px;
}

/**** module-tag ***/
.module-tag {
    width: 100%;
    display: inline-block;
    padding: 0 0 30px 0;
}

.module-tag h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 0 10px 0;
    background: url(../../img/usr/handicraft/common_ttl.png) no-repeat left bottom;
}

.module-tag .module-tag-item {
    padding: 30px 0 0 0;
}

.module-tag a {
    float: left;
    display: block;
    border: 1px solid #D9D6C7;
    background: #fff;
    border-radius: 13px;
    font-size: 12px;
    color: #444444;
    padding: 4px 40px 4px 20px;
    margin: 5px 5px 5px 0px;
    position: relative;
}

.module-tag a.active {
    background: #E6E3D5;
    padding: 4px 20px;
}

.module-tag a.active:after {
    display: none;
}

.module-tag a:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: url("../../img/usr/handicraft/sp/icon_modal_close.png") no-repeat;
    background-size: 100% 100%;
    top: 9px;
    right: 15px;
}

.recommend_word {
    margin: 0 0 30px 0;
}

.recommend_word h3, .page-category .add_word h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0 0 10px 0;
    background: url(../../img/usr/handicraft/common_ttl.png) repeat-x left bottom;
}

.recommend_word ul {
    padding-top: 30px;
}

.recommend_word li {
    display: inline-block;
    list-style: none;
    font-size: 12px;
    padding: 10px 30px 10px 20px;
    margin-right: 5px;
    margin-bottom: 10px;
    line-height: 1.5;
    border: 1px solid #D9D6C7;
    background: #fff;
}

.recommend_word li a {
    position: relative;
}

.recommend_word li a:after {
    position: absolute;
    top: 50%;
    right: -15px;
    margin: -3px 0 0 0;
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    transform: rotate(135deg);
}

/*価格スライダー調整*/
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.wrapper .recommend_area2 .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_accessory_l.png) no-repeat center
}

#handicraft-top .block-channel-btn {
    margin: auto 0 0;
    padding-top: 15px
}

#handicraft-top .block-channel-btn a {
    margin: 0 auto;
    padding: 0 10px;
    display: block;
    width: 160px;
    font-size: 12px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    border-radius: 17px;
    background-color: #ada58d
}

#handicraft-top .block-channel-btn a>span::before {
    position: relative;
    content: "";
    display: inline-block;
    margin: 0 10px 1px 0;
    width: 6px;
    height: 6px;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

/* ========================TOP店舗イベント======================== */
.block_top_shopevent {
    margin: 90px auto;
    width: 1280px;
}

.block_top_shopevent .block_top_shopevent_list {
    display: flex;
    flex-wrap: wrap;
}

.block_top_shopevent .block_top_shopevent_list > li {
    margin-right: 15px;
    width: calc((100% - 15px * 2) / 3);
}

.block_top_shopevent .block_top_shopevent_list > li:nth-child(3n),.block_top_shopevent .block_top_shopevent_list > li:last-child {
    margin-right: 0;
}

.block_top_shopevent .block_top_shopevent_list > li:nth-child(n + 4) {
    margin-top: 30px;
}

/* スライダー */
.block_top_shopevent_sliderwrap {
    margin: 0 0 90px;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider {
    margin: 0 auto;
    width: 1280px;
    position: relative;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider.slick-initialized .slick-track > li::after {
    content: none;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin: 0;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    border: none;
    outline: 0;
    cursor: pointer;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider .slick-prev.slick-arrow {
    left: -25px;
    background: url(https://www.okadaya.co.jp/img/usr/handicraft/slider_prev.png) no-repeat;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider .slick-next.slick-arrow {
    right: -25px;
    background: url(https://www.okadaya.co.jp/img/usr/handicraft/slider_next.png) no-repeat;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider .slick-slide {
    margin-right: 16px;
}

.block_top_shopevent_sliderwrap .block_top_shopevent_slider .slick-list {
    margin-left: 16px;
}

/* トピック商品導線 */
.page-topic .block-thumbnail-list-t {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}

.page-topic .block-thumbnail-t--goods {
    width: 25%;
    border-top: none;
}

.page-topic .block-thumbnail-t--goods > a {
    text-decoration: none;
}

.page-topic .block-thumbnail-t--goods:nth-child(4n) {
    border-right: none;
}

.page-topic .block-thumbnail-t--goods:nth-child(n + 5) {
    border-top: 1px solid #e7e4dd;
}

.page-topic .block-thumbnail-t--goods .block-thumbnail-t--goods-name {
    margin: 0;
    padding: 0 20px;
    font-size: 13px;
}

.page-topic .block-thumbnail-t--goods .cut-t-comment {
    margin-top: 10px;
    display: block;
}

.page-topic .block-thumbnail-t--goods .goods-icon {
    margin-top: 15px;
}

.page-topic .block-thumbnail-t--goods .goods-icon > span {
    padding: 1px 4px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #cc9d3f;
    border: 1px solid #cc9d3f;
    border-radius: 2px;
    background-color: #fff;
}

.page-topic .block-thumbnail-t--goods .goods-icon > span.cl-green {
    color: #3da33d;
    border-color: #3da33d;
}

.page-topic .block-thumbnail-t--goods .goods-icon > span.cl-brown {
    color: #7b706a;
    border-color: #7b706a;
}

.page-topic .block-thumbnail-t--goods .block-thumbnail-t--price-items {
    margin: 0;
}

.block-goods-detail-j--items li > dl {
    position: relative;
}

/* 20220126 調整  */
.form-control-item--keyword .balloon .js-balloon-link-list a,.block-headernav-menu--search-box .balloon a {
    display: inline-block;
}

/* 20220331 調整  */
.blog-handmade-list-inner .blog-handmade-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -30px;
}

ul.blog-handmade-list li .blog-handmade-desc {
    position: absolute;
    left: 0px;
    top: 250px;
    color: #444;
    width: 100%;
    padding: 5px 0 15px;
    background-color: transparent;
    display: none;
    transition: none;
    display: flex;
    flex-direction: column;
}

ul.blog-handmade-list {
    overflow: hidden;
    width: 1280px;
    padding-bottom: 0;
    margin: 0 auto;
}

ul.blog-handmade-list li {
    float: none;
    width: 248px;
    height: 248px;
    margin-bottom: 160px;
}

ul.blog-handmade-list li:nth-child(1), ul.blog-handmade-list li:nth-child(9) {
    width: 248px;
    height: 248px;
}

ul.blog-handmade-list li:nth-child(4), ul.blog-handmade-list li:nth-child(9) {
    margin-right: 10px;
}

ul.blog-handmade-list li .blog-handmade-ttl {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
}

ul.blog-handmade-list li:nth-child(9) {
    margin-top: 0;
}

ul.blog-handmade-list li:nth-child(1) .blog-handmade-list-img figure, ul.blog-handmade-list li:nth-child(9) .blog-handmade-list-img figure {
    width: 248px;
    height: 248px;
    /* flex-basis: 506px;*/
}

ul.blog-handmade-list li:nth-child(5), ul.blog-handmade-list li:nth-child(10) {
    margin-right: 0;
}

.wrapper .lightningrecommend .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_accessory_l.png) no-repeat center;
}

/* 20221121 フリーページサイドナビ追従 */
.freepage-handicraft-style .handicraft-free-content {
    position: relative;
}

.freepage-handicraft-style .handicraft-free-content .handicraft-left-nav {
    background: url(https://www.okadaya.co.jp/img/usr/handicraft/body_bg.png) repeat;
}

.freepage-handicraft-style .handicraft-free-content .handicraft-left-nav.is-fixed {
    position: fixed;
}

.freepage-handicraft-style .handicraft-free-content .handicraft-left-nav.is-end {
    position: absolute;
    bottom: 0;
}

/* 20230417 TOPセールコメント調整  */
#handicraft-top .block-thumbnail-t--scomment, .block-ranking-r--scomment {
    display: none;
}

/* ================================================商品詳細カートボタン吹き出し================================================ */
.page-goods .balloontip-cart {
    position: relative;
    z-index: 0;
}

.page-goods .balloontip-cart > div:not([class]) {
    display: none;
}

.page-goods .balloontip-cart .block-speech-bubble {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    z-index: 1;
    padding: 15px 24px;
    display: block;
    width: 240px;
    border: 2px solid #e7e4dd;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 6px 0 6px rgba(168, 166, 160, .4);
    transform: translateX(-50%);
}

.page-goods .balloontip-cart .block-speech-bubble::before,.page-goods .balloontip-cart .block-speech-bubble::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -7px;
    border-style: solid;
    border-width: 18px 12px 0 12px;
}

.page-goods .balloontip-cart .block-speech-bubble::before {
    bottom: -18px;
    border-color: #e7e4dd transparent transparent transparent;
    z-index: 2;
}

.page-goods .balloontip-cart .block-speech-bubble::after {
    bottom: -14px;
    border-color: #fff transparent transparent transparent;
    z-index: 3;
}

.page-goods .balloontip-cart .block-speech-bubble .link-bubble {
    padding: 15px 10px;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #fff;
    border: 1px solid #cfa247;
    border-radius: 6px;
    background-color: #cfa247;
    cursor: pointer;
}

.page-goods .balloontip-cart .block-speech-bubble .link-bubble:hover {
    opacity: .7;
}

.page-goods .balloontip-cart .block-speech-bubble .link-bubble + .link-bubble {
    margin-top: 15px;
}

.page-goods .balloontip-cart .block-speech-bubble .link-bubble._close {
    color: #433d39;
    border-color: #433d39;
    background-color: #fff;
}

.block-add-cart .block-add-cart--btn.js-animation-add-cart {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-goods .balloontip-cart .block-speech-bubble > p {
    margin-bottom: 8px;
    font-size: 16px;
    text-align: center;
    color: #433d39;
}

/* ================================================フッター要素追加================================================ */
.footer-category-center-inner.wrap {
    flex-wrap: wrap;
}

.footer-category-centertop {
    margin-bottom: 60px;
    width: 100%;
}

.footer-category-centertop-ttl {
    margin-bottom: 20px;
    padding: 15px 0 15px 40px;
    font-size: 16px;
    font-weight: bold;
    color: #757370;
    border-bottom: 1px solid #dbd8d2;
    background: url(../../img/usr/handicraft/ico_foot_cate.png) no-repeat left center;
}

.footer-category-centertop-list {
    display: flex;
    flex-wrap: wrap;
}

.footer-category-centertop-list > li {
    margin-right: 40px;
    width: 290px;
}

.footer-category-centertop-list > li:nth-child(3n) {
    margin-right: 0;
}

.footer-category-centertop-list > li:nth-child(n + 4) {
    margin-top: 12px;
}

.footer-category-centertop-list > li > a {
    padding-left: 15px;
    display: inline-block;
    font-size: 13px;
    color: #757370;
    background: url(../../img/usr/handicraft/footer_arrow.png) no-repeat left center;
}

/* ================================================c10 カテゴリ追加================================================ */
#handicraft-top .block-cate-conductor {
    margin: 0 10px 90px;
}

#handicraft-top .block-cate-conductor .conductor-list {
    display: flex;
    flex-wrap: wrap;
}

#handicraft-top .block-cate-conductor .conductor-list-item {
    display: flex;
    width: calc(100% / 10);
}

#handicraft-top .block-cate-conductor .conductor-list-item:nth-child(n + 11) {
    margin-top: 40px;
}

#handicraft-top .block-cate-conductor .conductor-list-link {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-end;
    flex: 0 1 auto;
    color: #1c1b1b;
}

#handicraft-top .block-cate-conductor .conductor-list-txt {
    margin-top: 15px;
    display: block;
    width: 100%;
    font-size: 15px;
    letter-spacing: .025em;
    line-height: 1.36;
    text-align: center;
}

#handicraft-top .block-cate-conductor .conductor-list-img {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
}

#handicraft-top .block-cate-conductor .conductor-list-img img {
    margin: 0 auto;
    width: 50%;
    display: block;
}

/* ================================================カテゴリページ要素追加================================================ */
.page-category .add_word {
    margin-bottom: 30px;
}

.page-category .add_word > p {
    margin-top: 15px;
}

.page-category .cate-feature {
    margin-bottom: 80px;
    max-width: 980px;
    position: relative;
}

.page-category .cate-feature-item {
    width: 332px;
}

.page-category .cate-feature .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    border: none;
    background: no-repeat center / contain;
    transform: translateY(-50%);
}

.page-category .cate-feature .slick-next {
    right: 0;
    background-image: url(../../img/usr/handicraft/slider_next.png);
}

.page-category .cate-feature .slick-prev {
    left: 0;
    background-image: url(../../img/usr/handicraft/slider_prev.png);
}

.page-category .cate-feature .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.block-category-list--hotitem {
    margin-bottom: 20px;
    font-size: 15px;
}

.block-category-list--hotitem a {
    text-decoration: underline;
}

.block-goods-price--price.price-red .price-d {
    width: 116px;
    height: 28px;
    font-size: 14px;
    margin-right: 15px;
    background: url(../../img/usr/handicraft/price_down_l.png) no-repeat;
    padding: 2px 0 0 5px;
    display: inline-block;
    text-align: left;
    line-height: 1.6;
    vertical-align: middle;
}

.price-down-p {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
    line-height: 1.6;
    color: #e54848;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 89px;
    height: 20px;
    padding: 2px 0 0 5px;
    background: url(../../img/usr/handicraft/price_down.png) no-repeat right center;
}

.price-down-p + .block-thumbnail-t--price {
    display: inline-block;
    vertical-align: middle;
}

/* レビュー画像調整 */
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-box .revico-picture-slide-img-wrapper {
    width: 200px;
    height: 200px;
}

.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-box .revico-picture-slide-img-wrapper img {
    max-width: 200px;
    max-height: 200px;
}

.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-next {
    top: -111px;
}

.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-back {
    top: 89px;
}

/* スタッフレビュー商品詳細 */
.block-goods-staff-review .goods-ttl-img {
    text-align: center;
    width: 110px;
    height: 88px;
    margin: 0 auto;
    background: url(../../img/usr/handicraft/review.png) no-repeat center center;
}

.block-goods-staff-review .goods-ttl-txt {
    background: url(../../img/usr/handicraft/ttl_l.png) no-repeat center center;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 30px;
    letter-spacing: 0.1em;
}

.block-goods-staff-review .goods-ttl-txt span.caption_txt, .block-goods-staff-review .block-category-list--free-ttl, .block-goods-user-review .revico-comment-outer-head, .revico-comment-outer-head[data-review-count="0"] {
    display: none;
}

/* ================================================
    推し活導線追加
================================================ */
#handicraft-top .rank-tab-box {
    margin-bottom: 150px;
}

.block-top-oshikatsu-area {
    margin-bottom: 140px;
}

.block-top-oshikatsu-area .block-top-oshikatsu-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1260px;
    margin: 0 auto;
}

.block-top-oshikatsu-area .block-top-oshikatsu-list ul li {
    flex-basis: 252px;
    padding: 40px 10px 0;
}

.block-top-oshikatsu-area .block-top-oshikatsu-list .block-top-oshikatsu-ttl {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #1C1B1B;
    margin-bottom: 8px;
}

.block-top-oshikatsu-area .block-top-oshikatsu-list .block-top-oshikatsu-img {
    width: 232px;
    margin-bottom: 20px;
}

.block-top-oshikatsu-area .block-top-oshikatsu-list .block-top-oshikatsu-img figure {
    width: 232px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-top-oshikatsu-area .block-top-oshikatsu-list .block-top-oshikatsu-txt {
    font-size: 14px;
    text-align: center;
    color: #1C1B1B;
}

/* ================================================
    TOP　イベント　注目
================================================ */
#handicraft-top .block-category-list--event .feature-box p {
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#handicraft-top .block-category-list--event .attention-box {
    width: 1290px;
    display: flex;
    margin-bottom: 50px;
    position: relative;
}

#handicraft-top .block-category-list--event .attention-box > div {
    margin-right: 0;
    margin: 0 5px;
}

#handicraft-top .block-category-list--event .attention-box > div, #handicraft-top .block-category-list--event .attention-box > div figure {
    width: 245px;
    height: 245px;
}

/* #handicraft-top .block-category-list--event .attention-box figure img {
    width: 250px;
    height: 250px;
    object-fit: cover;
} */

#handicraft-top .block-category-list--event .attention-box .slick-list {
    width: 100%;
    margin: 0;
}

#handicraft-top .block-category-list--event .attention-box .slick-slide {
    width: 245px;
}

#handicraft-top .block-category-list--event .attention-box a {
    outline: 0;
}

#handicraft-top .block-category-list--event .attention-box .slick-prev, #handicraft-top .block-category-list--event .attention-box .slick-next {
    cursor: pointer;
    position: absolute;
    outline: 0;
    text-indent: -9999px;
    width: 42px;
    height: 42px;
    border: none;
    top: 50%;
    margin: -21px 0 0 0;
    z-index: 1;
}

#handicraft-top .block-category-list--event .attention-box .slick-prev {
    left: -21px;
    background: url(../../img/usr/handicraft/bnr/attention/slider_prev.png) no-repeat;
}

#handicraft-top .block-category-list--event .attention-box .slick-next {
    right: -21px;
    background: url(../../img/usr/handicraft/bnr/attention/slider_next.png) no-repeat;
}

.block-category-list-anchor {
    margin-bottom: 20px;
    display: flex;
    gap: 30px;
}

.block-category-list-anchor .block-category-list--hotitem {
    margin: 0;
}

.block-category-list-anchor .block-category-list--hotitem a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

.block-category-list-anchor .block-category-list--hotitem a::before, .block-category-list-anchor .block-category-list--hotitem a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.block-category-list-anchor .block-category-list--hotitem a::before {
    margin: -2px 4px 0 0;
    width: 16px;
    height: 16px;
    background: no-repeat center / contain;
}

.block-category-list-anchor .block-category-list--hotitem a.ico-search::before {
    background-image: url(../../img/usr/handicraft/category/ico_search.png) ;
}

.block-category-list-anchor .block-category-list--hotitem a.ico-recommend::before {
    background-image: url(../../img/usr/handicraft/category/ico_recommend.png) ;
}

.block-category-list-anchor .block-category-list--hotitem a::after {
    margin: -6px 0 0 5px;
    width: 8px;
    height: 8px;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    transform: rotate(45deg);
}

/* ================================================
    c10 手作りの教科書
================================================ */
#handicraft-top .block-handicraft-howto {
    margin: 15px 0 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}

#handicraft-top .block-handicraft-howto-item {
    width: calc((100% - 20px * 2) / 3);
}

#handicraft-top .block-handicraft-howto-link {
    display: block;
}

/* カテゴリ一覧 */
.cate-handmade-links {
    margin: 0 0 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
}

.cate-handmade-links a {
    padding: 5px 20px;
    display: inline-block;
    font-size: 12px;
    color: #1c1b1b;
    border-radius: 5px;
    background-color: #EEEDEC;
}

.cate-handmade-links a::before {
    content: ">";
    margin-right: 10px;
    display: inline-block;
}

.block-pickup-list-p--scomment,
.block-pickup-list-p--price-infos .goods-icon {
  text-align: right;
}