﻿@charset "UTF-8";/* ----ヘッダー---- */.block-header-logo {width: 100%;max-width: 132px;margin: 0;padding: 0;vertical-align: top;grid-column: 1 / 2;grid-row: 1 / 2;z-index: 1;}.block-header-logo--link {display: flex;}.block-header-logo--img {width: 100%;height: 100%;}.block-headernav {width: auto;grid-column: 2 / 3;align-self: center;}.block-headernav--item-list li {width: inherit;height: inherit;}.block-headernav--item-list li a {display: block;}.block-headernav--item-list li a:hover {text-decoration: none;}.block-headernav--item-list .block-headernav--item-textlink {display: none;}.block-headernav--item-list .block-headernav--item-iconlink > ul {display: flex;align-items: center;gap: 0 12px;}.block-headernav--cart-count {display: none;}.block-headernav--item-list .block-headernav--item-login a,.block-headernav--item-list .block-headernav--item-boookmark a,.block-headernav--item-list .block-headernav--item-cart a,.block-headernav--item-list .block-headernav--item-search > div {position: relative;display: block;width: 30px;height: 30px;background-size: 100%;background-position: center;background-repeat: no-repeat;font-size: 0;}.block-headernav--item-list .block-headernav--item-login a {background-image: url(../../../bo/img/usr/common/ico_mypage_sp.png);}.block-headernav--item-list .block-headernav--item-boookmark a {background-image: url(../../../bo/img/usr/common/ico_bookmark.png);}.block-headernav--item-list .block-headernav--item-cart a {background-image: url(../../../bo/img/usr/common/ico_cart_sp.png);}.block-headernav--item-list .block-headernav--item-search > div {background-image: url(../../../bo/img/usr/common/ico_search_sp.png);cursor: pointer;}.block-headernav--item-text {display: none;}@media screen and (min-width: 769px) {.block-header-logo {width: clamp(100px, 20vw, 190px);max-width: fit-content;flex-shrink: 0;}.block-headernav--item-list {margin: 0;display: flex;gap: 0 192px;align-items: center;}.block-headernav--item-list .block-headernav--item-textlink {display: block;}.block-headernav--item-list .block-headernav--item-textlink > ul {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 20px;}.block-headernav--item-list .block-headernav--item-textlink > ul > li a {font-size: 12px;font-weight: 400;}.block-headernav--item-list .block-headernav--item-iconlink > ul {display: flex;align-items: center;flex-wrap: wrap;gap: 10px 16px;}.block-headernav--item-list .block-headernav--item-login a,.block-headernav--item-list .block-headernav--item-boookmark a,.block-headernav--item-list .block-headernav--item-cart a,.block-headernav--item-list .block-headernav--item-search > div  {width: 26px;height: 26px;}}.block-header-nav .block-headernav--item-list .block-headernav--item-iconlink .block-headernav--item-cart .block-headernav--cart-count {position: absolute;top: calc(50% - 6px);left: calc(50% - 1.5em);display: block;width: 3.0em;font-size: 10px;font-weight: 500;color: #9780b7;text-align: center;font-weight: bold;}/* ----グローバルナビ---- */.block-globalnav--item-list {display: flex;justify-content: space-between;}.block-globalnav--item-list > li {display: inline-block;width: calc(100% / 2);border: none;padding: 0;margin: 0;position: relative;}.block-globalnav--item-list > li.block-globalnav--item-list-column::after {content: "";height: 100%;max-height: 30px;width: 1px;background-color: #E5E4E2;display: inline-block;position: absolute;top: 0;bottom: 0;right: 0;margin: auto 0;}.block-globalnav--item-list > li > a {display: flex;align-items: center;justify-content: center;letter-spacing: 0;font-size: 11px;color: #333;font-weight: 400;line-height: 2;cursor: pointer;}@media screen and (min-width: 769px) {.block-globalnav--item-list > li {width: fit-content;min-width: max-content;}.block-globalnav--item-list > li.block-globalnav--item-list-column {padding-right: 30px;}.block-globalnav--item-list > li.block-globalnav--item-list-canaubist {padding-left: 30px;}.block-globalnav--item-list > li > a {font-size: 14px;line-height: 1.45;gap: 0 10px;align-items: flex-start;}.block-globalnav--item-list > li > a::after {content: "";display: inline-block;vertical-align: middle;color: #333;line-height: 1;width: 5px;height: 5px;border: 1px solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: rotate(135deg);margin-top: 0.5em;}.block-globalnav--item-list > li > a > span {display: flex;flex-direction: column;gap: 4px 0;}.block-globalnav--item-list > li > a > span::after {font-size: 10px;font-weight: 400;line-height: 1;letter-spacing: 1px;font-family: "Josefin Sans";color: #999999;}.block-globalnav--item-list > li.block-globalnav--item-list-column > a > span::after {content: "Column List";}.block-globalnav--item-list > li.block-globalnav--item-list-canaubist > a > span::after {content: "CanauBist";}}/* ----ヘッダーモーダル---- */#search_view {position: fixed;z-index: 99990;top: 0;left: 0;display: none;width: 100%;height: 100%;padding-top: 122px;background-color: #fff;}#search_view .search_bg {position: relative;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background: rgba(0, 0, 0, 0.5);}.search_inner {position: relative;overflow-y: scroll;width: 100%;max-width: calc(840px + (15px * 2));height: 100%;margin: 0 auto;transition: all 0.3s ease;will-change: transform;}.search_inner > div {padding: 60px 15px 80px;}.search_inner .heading-search {margin: 0 auto 40px;}.search_inner .heading-search > p {color: #666;text-align: center;font-size: 20px;font-style: normal;font-weight: 400;line-height: 1;letter-spacing: 1px;}.search_inner .heading-search-text {margin: 0 0 12px 0;font-size: 16px;font-weight: 500;line-height: 1;}.search_inner .error-search {display: none;margin: 8px 0;color: #f96666;font-size: 12px;font-weight: 500;font-style: normal;line-height: 18px;}.search_inner .error-search.active {display: block;}.search_inner form {display: flex;align-items: center;flex-flow: column;justify-content: center;width: 100%;margin: 0 0 40px;}.search_inner form > div {width: 100%;}.search_inner form .block-header-search--keyword {width: 100%;height: 40px;padding: 4px 12px;border: 1px solid #e5e4e2;border-radius: 5px;font-size: 14px;}.search_inner form .action {margin-top: 28px;}.search_inner form .action > .btn {width: 300px;height: 50px;padding: 2px;border: 0;border-radius: 30px;background: linear-gradient(to right, #3d62ad, #f19ec2);}.search_inner form .action > .btn:active span {color: #fff;background-color: transparent;}.search_inner form .action > .btn span {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;transition: 0.5s;color: #000;border: 0;border-radius: 30px;background-color: #fff;font-size: 13px;}.search_inner .search-genre {display: flex;flex-flow: column;gap: 28px;}.search_inner .search-genre .search-genre-title {font-size: 13px;font-weight: 500;font-style: normal;line-height: 24px;}.search_inner .search-genre .search-genre-selection {display: flex;flex-wrap: wrap;margin: 8px 0 0 0;padding: 0 0 0 12px;gap: 8px 49px;}.search_inner .search-genre .search-genre-selection > a {position: relative;display: flex;align-items: center;width: 140px;letter-spacing: 0.1px;color: #333;font-family: "Zen Kaku Gothic New";font-size: 13px;font-weight: 400;font-style: normal;line-height: 24px;}.search_inner .search-genre .search-genre-selection > a:after {content: "";display: inline-block;vertical-align: middle;color: #333;line-height: 1;width: 4px;height: 4px;border: 0.5px solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: rotate(45deg);position: absolute;right: 0;}@media screen and (min-width: 769px) {#search_view {padding-top: 130px;}.search_inner {max-width: calc(840px + (30px * 2));max-height: calc(100vh - 130px);padding: 60px 0 80px;}.search_inner > div {padding: 0 30px;}.search_inner .heading-search > p {text-align: left;font-size: 24px;letter-spacing: 1.2px;}.search_inner .error-search.no-product {margin-top: -20px;margin-bottom: 20px;}.search_inner form {flex-flow: row;gap: 0 40px;align-items: flex-start;}.search_inner form .block-header-search--keyword {height: 50px;}.search_inner form .action {margin-top: 0;width: auto;}.search_inner form .action > .btn {width: 140px;}.search_inner form .action > .btn:hover span {color: #fff;background-color: transparent;}.search_inner .search-genre .search-genre-title {font-size: 14px;line-height: 24px;}.search_inner .search-genre .search-genre-selection {margin: 4px 0 0 0;padding: 0;gap: 8px 60px;}.search_inner .search-genre .search-genre-selection > a {width: auto;letter-spacing: 0;font-size: 14px;align-items: center;gap: 0 10px;}.search_inner .search-genre .search-genre-selection > a:after {position: relative;}}/* ----フッター---- */.block-footer-logo {width: 200px;margin: 0 auto 60px;}.block-footer-logo .block-footer-logo--link {display: flex;}.block-footer-logo .block-footer-logo--link > img {width: 100%;}.block-footer-company {position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 500px;margin: 0 auto 27px;padding: 16px 35px;cursor: pointer;transition: 0.5s;border-radius: 7px;background-color: #fff;}.block-footer-company::before {content: "";position: absolute;left: 20px;width: 3px;height: 20px;background: linear-gradient(180deg, #3d62ad 20%, #f19ec2 80%);}.block-footer-company::after {content: "";width: 60px;height: 35px;background-image: url(https://external-image.shopch.jp/ecb/bo/img/svg/u/logo/footer_logo_company.svg);background-repeat: no-repeat;background-size: contain;}.block-footernav {padding: 0;text-align: center;margin: 28px auto 25px;background: transparent;max-width: 500px;}.block-footernav .block-footernav--item-list {display: flex;flex-flow: column;gap: 20px;}.block-footernav li {padding: 0;border-left: none;}.block-footernav li a {color: #333;display: flex;align-items: center;gap: 12px;letter-spacing: 0.6px;font-size: 12px;}.block-footernav li a::after {content: "";width: 12px;height: 12px;background-image: url(https://external-image.shopch.jp/ecb/bo/img/svg/common/arrow/ico_arrow_right.svg);background-repeat: no-repeat;background-position: center;}.block-footer-sns {margin: 40px 0 0 0;}.block-footer-sns::before {content: "公式SNS";display: block;text-align: center;font-size: 12px;}.block-footer-sns--list {position: relative;display: flex;justify-content: center;margin: 20px 0 16px;gap: 20px;}.block-footer-sns--list > li {width: 25px;height: 25px;}@media screen and (min-width: 769px) {.pane-footer > div {display: flex;justify-content: space-between;max-width: 1140px;margin: 0 auto;gap: 80px;}.block-footer-logo {width: 260px;margin: 0;}.block-footernav {margin: 0 !important;max-width: none;}.block-footernav ul.block-footernav--item-list > li {width: 230px;}.block-footer-detail {display: flex;flex-wrap: wrap;max-width: 730px;gap: 40px 0;width: 100%;}.block-footernav ul.block-footernav--item-list {flex-flow: row;flex-wrap: wrap;}.block-footer-detail .block-footer-company {order: 2;max-width: 330px;height: 70px;margin: 0;margin-right: 80px;}.block-footer-detail .block-footer-sns {order: 3;margin: 0;}.block-footer-sns:before {text-align: left;}}/* ----ページトップに戻る---- */.block-page-top {position: fixed;top: auto;bottom: 10px;right: 26px;display: none;z-index: 99998!important;}.block-page-top a {position: relative;display: block;width: 40px;height: 40px;background-color: #333;}.block-page-top a:after {content: "";display: block;position: absolute;width: 16px;height: 16px;border-right: 2px solid #fff;border-top: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left: 50%;top: 50%;margin-top: -4px;margin-left: -8px;}@media screen and (max-width: 769px) {.block-page-top {right: 10px;}}/* ----PC/スマホ切り替えスイッチ---- */.block-switcher {display: block;border-top: 1px solid #eee;padding: 10px 10px 0 0;}.block-switcher-container {float: left;padding: 0 0 10px 10px;width: 50%;}.block-switcher--switch {display: block;height: 40px;line-height: 35px;text-align: center;background-color: #333;color: #fff;text-decoration: none;}.block-switcher--switch--inline {display: inline-block;vertical-align: middle;margin-right: 5px;}.block-switcher--current {display: block;height: 40px;line-height: 35px;text-align: center;background-color: #ccc;color: #fff;}/* ----Copyright---- */.block-copyright {margin: 60px 0 0;padding: 0;text-align: center;color: #333;background: transparent;font-size: 10px;font-weight: 300;font-family: 'Lato';letter-spacing: 0.5px;}@media screen and (min-width: 769px) {.block-copyright {text-align: left;max-width: 1140px;margin: 0 auto;font-size: 12px;margin-top: 28px;}}