@charset "UTF-8";
/* ◆◆ */
/* ヘッダー */
body.is-brnd-XB .header__block {
background-color: #ffffff;
}
body.is-brnd-XB .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-XB .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-XB .header__logo > a > img {
display: none;
}
body.is-brnd-XB .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-1556.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-XB .header__nav__txt {
color: #000000;
}
body.is-brnd-XB .header__nav__item > a {
color: #000000;
}
body.is-brnd-XB .header__nav__item > button {
color: #000000;
}
body.is-brnd-XB .breadcrumb__item > a,
body.is-brnd-XB .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-XB .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-XB .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-XB .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-XB .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-XB .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-XB .footer__block {
background-color: #ffffff;
}
body.is-brnd-XB .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-XB .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-XB .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-XB .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-XB .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-XB .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-XB .title__primary {
color: #000000;
}
body.is-brnd-XB .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-XB .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-XB .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-XB .info__date {
color: #000000;
}
body.is-brnd-XB .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-XB .info__text {
color: #000000;
}
body.is-brnd-XB .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-XB .item__name {
color: #000000;
}
body.is-brnd-XB .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-XB .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-XB .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-XB .article__title {
color: #000000;
}
body.is-brnd-XB .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-XB .article__text {
color: #000000;
}
body.is-brnd-XB .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-XB .link {
color: #000000;
}
body.is-brnd-XB .block.is-bg .link {
color: #000000;
}
body.is-brnd-XB .link::after {
color: #000000;
}
body.is-brnd-XB .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-XB .info__item {
border-bottom-color: #000000;
}
body.is-brnd-XB .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-XB .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-XB .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-XB .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-XB .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-XB .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-XB .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-XB .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #000000;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-XB .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-XB .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-XB .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-XB .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-XB .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #807f7d !important;
}
body.is-brnd-XB .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-XB .slider .swiper-pagination-bullet {
background-color: #807f7d !important;
opacity: 1;
}
body.is-brnd-XB .block.is-bg .slider .swiper-pagination-bullet {
background-color: #000000 !important;
}
/* indexページ：背景 */
body.is-brnd-XB .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-XB .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-XB .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-XB .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-XB .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-XB .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-XB .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-XB .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-XB[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-XB[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-XB[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-XB[data-page='shopinshop-search'] .item__brand,
body.is-brnd-XB[data-page='shopinshop-search'] .item__price,
body.is-brnd-XB[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-XB[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-XB[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-XB[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-XB[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-XB[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-XB[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-XB[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-XB[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-XB[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-XB .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-XB .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-XB .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-XB .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-XB .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-XB #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-XB .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-XB .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-A02 {
font-family:readerregular, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, Helvetica Neue, Hiragino Kaku Gothic W3 JIS2004, Meiryo, Helvetica, Helvetica, Arial, sans-serif !important;
}
/* ヘッダー */
body.is-brnd-A02 .header__block {
background-color: #000000;
}
body.is-brnd-A02 .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-A02 .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-A02 .header__logo > a > img {
display: none;
}
body.is-brnd-A02 .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-1486.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.is-brnd-A02 .header__nav__item .header__nav__ico {
height: 18px;
padding-bottom: 20px;
position: relative;
width: 18px;
}
body.is-brnd-A02 .header__nav__item .header__nav__ico > img {
display: none;
}
body.is-brnd-A02 .header__nav__item .header__nav__ico::before {
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.is-brnd-A02 .header__nav__item.is-search .header__nav__ico::before {background-image: url('../../assets/images/common/ico_search_white.svg');}
body.is-brnd-A02 .header__nav__item.is-cart .header__nav__ico::before { background-image: url('../../assets/images/common/ico_cart_white.svg');}
body.is-brnd-A02 .header__nav__item.is-mypage .header__nav__ico::before { background-image: url('../../assets/images/common/ico_mypage_white.svg');}
body.is-brnd-A02 .header__nav__ico.is-menu::before { background-image: url('../../assets/images/common/ico_menu_white.svg');}
body.is-brnd-A02 .header__nav__ico.is-close::before { background-image: url('../../assets/images/common/ico_close_white.svg');}
body.is-brnd-A02 .header__nav__txt {
color: #ffffff;
}
body.is-brnd-A02 .header__nav__item > a {
color: #ffffff;
}
body.is-brnd-A02 .header__nav__item > button {
color: #ffffff;
}
body.is-brnd-A02 .breadcrumb__item > a,
body.is-brnd-A02 .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-A02 .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-A02 .footer__block.is-window-link {
background-color: #000000;
}
body.is-brnd-A02 .footer__block.is-window-link > a > span {
color: #ffffff;
}
body.is-brnd-A02 .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window_white.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-A02 .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-A02 .footer__block {
background-color: #000000;
}
body.is-brnd-A02 .footer__block .footer__nav .footer__nav__item > a {
color: #ffffff;
}
body.is-brnd-A02 .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #ffffff;
}
body.is-brnd-A02 .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #ffffff;
}
body.is-brnd-A02 .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #ffffff;
}
body.is-brnd-A02 .footer__copy {
color: #ffffff;
}
/* メインコンテンツ：背景 */
body.is-brnd-A02 .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-A02 .title__primary {
color: #000000;
}
body.is-brnd-A02 .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .title__secondary:not(.is-bg) {
color: #ffffff;
}
body.is-brnd-A02 .block.is-bg .text__quaternary {
color: #ffffff;
}
body.is-brnd-A02 .info__date {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .info__date {
color: #ffffff;
}
body.is-brnd-A02 .info__text {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .info__text {
color: #ffffff;
}
body.is-brnd-A02 .item__name {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .item__name {
color: #ffffff;
}
body.is-brnd-A02 .block.is-bg .item__brand {
color: #ffffff;
}
body.is-brnd-A02 .block.is-bg .item__price {
color: #ffffff;
}
body.is-brnd-A02 .article__title {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .article__title {
color: #ffffff;
}
body.is-brnd-A02 .article__text {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .article__text {
color: #ffffff;
}
body.is-brnd-A02 .link {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .link {
color: #ffffff;
}
body.is-brnd-A02 .link::after {
color: #000000;
}
body.is-brnd-A02 .block.is-bg .link::after {
background-color: #ffffff;
}
body.is-brnd-A02 .info__item {
border-bottom-color: #000000;
}
body.is-brnd-A02 .block.is-bg .info__item {
border-bottom-color: #ffffff;
}
/* メインコンテンツ：ボタン */
body.is-brnd-A02 .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
body.is-brnd-A02 .btn-area.is-more .btn > a {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
body.is-brnd-A02 .btn-area.is-more .btn > button {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
body.is-brnd-A02 .btn-area .btn.is-emphasis > a {
background-color: #000000;
}
body.is-brnd-A02 .btn-area .btn.is-emphasis > button {
background-color: #000000;
}
body.is-brnd-A02 .btn-area .btn.is-s > a {
border: 1px solid #ffffff;
}
body.is-brnd-A02 .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-A02 .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-A02 .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-A02 .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-A02 .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-A02 .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-A02 .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-A02 .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
opacity: 1;
}
body.is-brnd-A02 .block.is-bg .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
}
/* indexページ：背景 */
body.is-brnd-A02 .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-A02 .premium__brand-select__slider .swiper-slide>a {
color: #ffffff;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-A02 .tab .tab__list.is-free .tab__item {
border-right: 1px solid #ffffff;
}
body.is-brnd-A02 .tab .tab__list.is-free .tab__button {
color: #ffffff;
}
/* searchページ */
body.is-brnd-A02 .block.is-search {
background-color: #000000;
border-top: 1px solid #ffffff;
}
body.is-brnd-A02 .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-A02 .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-A02 .is-bg .philosophy__text .text__secondary {
color: #ffffff;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-A02[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-A02[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-A02[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-A02[data-page='shopinshop-search'] .item__brand,
body.is-brnd-A02[data-page='shopinshop-search'] .item__price,
body.is-brnd-A02[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-A02[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-A02[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-A02[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-A02[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-A02[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-A02[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-A02[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-A02[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-A02[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-A02 .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-A02 .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-A02 .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-A02 .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-A02 .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-A02 #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-A02 .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-A02 .menu__header .link {
color: #45433e;
}
/* ◆◆ */
/* ヘッダー */
body.is-brnd-P0 .header__block {
background-color: #ffffff;
}
body.is-brnd-P0 .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-P0 .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-P0 .header__logo > a > img {
display: none;
}
body.is-brnd-P0 .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-1526.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-P0 .header__nav__txt {
color: #000000;
}
body.is-brnd-P0 .header__nav__item > a {
color: #000000;
}
body.is-brnd-P0 .header__nav__item > button {
color: #000000;
}
body.is-brnd-P0 .breadcrumb__item > a,
body.is-brnd-P0 .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-P0 .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-P0 .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-P0 .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-P0 .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-P0 .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-P0 .footer__block {
background-color: #ffffff;
}
body.is-brnd-P0 .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-P0 .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-P0 .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-P0 .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-P0 .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-P0 .block.is-bg {
background-color: #ffffff;
}
/* メインコンテンツ：テキスト */
body.is-brnd-P0 .title__primary {
color: #000000;
}
body.is-brnd-P0 .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-P0 .info__date {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-P0 .info__text {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-P0 .item__name {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-P0 .article__title {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-P0 .article__text {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-P0 .link {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .link {
color: #000000;
}
body.is-brnd-P0 .link::after {
color: #000000;
}
body.is-brnd-P0 .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-P0 .info__item {
border-bottom-color: #000000;
}
body.is-brnd-P0 .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-P0 .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #b49343;
color: #ffffff;
}
body.is-brnd-P0 .btn-area.is-more .btn > a {
border: 1px solid #ffffff;
background-color: #b49343;
color: #ffffff;
}
body.is-brnd-P0 .btn-area.is-more .btn > button {
border: 1px solid #ffffff;
background-color: #b49343;
color: #ffffff;
}
body.is-brnd-P0 .btn-area .btn.is-emphasis > a {
background-color: #b49343;
}
body.is-brnd-P0 .btn-area .btn.is-emphasis > button {
background-color: #b49343;
}
body.is-brnd-P0 .btn-area .btn.is-s > a {
border: 1px solid #ffffff;
}
body.is-brnd-P0 .block.is-bg .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #b49343;
color: #ffffff;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-P0 .step-flow__list > li.is-active .bubble {
background-color: #ffffff;
border: 1px solid #ffffff;
}
body.is-brnd-P0 .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-P0 .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-P0 .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-P0 .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #b49343 !important;
}
body.is-brnd-P0 .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #b49343 !important;
}
body.is-brnd-P0 .slider .swiper-pagination-bullet {
background-color: #000000 !important;
opacity: 1;
}
body.is-brnd-P0 .block.is-bg .slider .swiper-pagination-bullet {
background-color: #000000 !important;
}
/* indexページ：背景 */
body.is-brnd-P0 .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-P0 .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-P0 .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-P0 .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-P0 .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-P0 .block.is-philosophy.block.is-bg {
background-color: #ffffff;
}
body.is-brnd-P0 .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-P0 .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-P0[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-P0[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-P0[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-P0[data-page='shopinshop-search'] .item__brand,
body.is-brnd-P0[data-page='shopinshop-search'] .item__price,
body.is-brnd-P0[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-P0[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-P0[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-P0[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-P0[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-P0[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-P0[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-P0[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-P0[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-P0[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-P0 .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-P0 .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-P0 .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-P0 .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-P0 .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-P0 #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-P0 .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-P0 .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-2P {
font-family:TazuganeGothicStdN-Book, MT たづがね角ゴシック StdN Book, たづがね角ゴシック StdN, MT たづがね角ゴシック StdN, たづがね角ゴシック StdN, Hiragino Sans, Hiragino Kaku Gothic ProN, HiraKakuProN-W3, ヒラギノ角ゴ Pro W3, BIZ UDPGothic, Yu Gothic, YuGothic, Meiryo, sans-serif !important;
}
/* ヘッダー */
body.is-brnd-2P .header__block {
background-color: #000000;
}
body.is-brnd-2P .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-2P .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-2P .header__logo > a > img {
display: none;
}
body.is-brnd-2P .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-1015.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.is-brnd-2P .header__nav__item .header__nav__ico {
height: 18px;
padding-bottom: 20px;
position: relative;
width: 18px;
}
body.is-brnd-2P .header__nav__item .header__nav__ico > img {
display: none;
}
body.is-brnd-2P .header__nav__item .header__nav__ico::before {
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.is-brnd-2P .header__nav__item.is-search .header__nav__ico::before {background-image: url('../../assets/images/common/ico_search_white.svg');}
body.is-brnd-2P .header__nav__item.is-cart .header__nav__ico::before { background-image: url('../../assets/images/common/ico_cart_white.svg');}
body.is-brnd-2P .header__nav__item.is-mypage .header__nav__ico::before { background-image: url('../../assets/images/common/ico_mypage_white.svg');}
body.is-brnd-2P .header__nav__ico.is-menu::before { background-image: url('../../assets/images/common/ico_menu_white.svg');}
body.is-brnd-2P .header__nav__ico.is-close::before { background-image: url('../../assets/images/common/ico_close_white.svg');}
body.is-brnd-2P .header__nav__txt {
color: #ffffff;
}
body.is-brnd-2P .header__nav__item > a {
color: #ffffff;
}
body.is-brnd-2P .header__nav__item > button {
color: #ffffff;
}
body.is-brnd-2P .breadcrumb__item > a,
body.is-brnd-2P .breadcrumb__item > span {
color: #ffffff;
}
body.is-brnd-2P .breadcrumb__item:has(>a) {
text-decoration-color: #ffffff;
}
/* フッター上リンク */
body.is-brnd-2P .footer__block.is-window-link {
background-color: #000000;
}
body.is-brnd-2P .footer__block.is-window-link > a > span {
color: #ffffff;
}
body.is-brnd-2P .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window_white.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-2P .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-2P .footer__block {
background-color: #000000;
}
body.is-brnd-2P .footer__block .footer__nav .footer__nav__item > a {
color: #ffffff;
}
body.is-brnd-2P .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #ffffff;
}
body.is-brnd-2P .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #ffffff;
}
body.is-brnd-2P .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #ffffff;
}
body.is-brnd-2P .footer__copy {
color: #ffffff;
}
/* メインコンテンツ：背景 */
body.is-brnd-2P .block.is-bg {
background-color: #ffffff;
}
/* メインコンテンツ：テキスト */
body.is-brnd-2P .title__primary {
color: #ffffff;
}
body.is-brnd-2P .title__secondary:not(.is-bg) {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-2P .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-2P .info__date {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-2P .info__text {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-2P .item__name {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-2P .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-2P .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-2P .article__title {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-2P .article__text {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-2P .link {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .link {
color: #000000;
}
body.is-brnd-2P .link::after {
color: #ffffff;
}
body.is-brnd-2P .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-2P .info__item {
border-bottom-color: #ffffff;
}
body.is-brnd-2P .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-2P .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-2P .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-2P .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-2P .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-2P .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-2P .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-2P .block.is-bg .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-2P .step-flow__list > li.is-active .bubble {
background-color: #ffffff;
border: 1px solid #000000;
}
body.is-brnd-2P .step-flow__list > li.is-active {
color: #000000;
}
body.is-brnd-2P .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #000000;
}
body.is-brnd-2P .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #000000;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-2P .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #807f7d !important;
}
body.is-brnd-2P .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #807f7d !important;
}
body.is-brnd-2P .slider .swiper-pagination-bullet {
background-color: #000000 !important;
opacity: 1;
}
body.is-brnd-2P .block.is-bg .slider .swiper-pagination-bullet {
background-color: #000000 !important;
}
/* indexページ：背景 */
body.is-brnd-2P .wrapper { background-color: #000000;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-2P .premium__brand-select__slider .swiper-slide>a {
color: #ffffff;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-2P .tab .tab__list.is-free .tab__item {
border-right: 1px solid #ffffff;
}
body.is-brnd-2P .tab .tab__list.is-free .tab__button {
color: #ffffff;
}
/* searchページ */
body.is-brnd-2P .block.is-search {
background-color: #000000;
border-top: 1px solid #ffffff;
}
body.is-brnd-2P .block.is-philosophy.block.is-bg {
background-color: #ffffff;
}
body.is-brnd-2P .philosophy__text .text__secondary {
color: #ffffff;
}
body.is-brnd-2P .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-2P[data-page='shopinshop-search'] .wrapper { background-color: #000000;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-2P[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-2P[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-2P[data-page='shopinshop-search'] .item__brand,
body.is-brnd-2P[data-page='shopinshop-search'] .item__price,
body.is-brnd-2P[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #ffffff;
}
body.is-brnd-2P[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #ffffff;
}
/* 商品詳細ページ */
body.is-brnd-2P[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-2P[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-2P[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg { background-color: #000000;
}
body.is-brnd-2P[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #000000;
}
body.is-brnd-2P[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg .item__brand{ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg .item__name{ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg .item__price{ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .block.is-bg .link{ color: #ffffff;
}
body.is-brnd-2P[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-2P[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-2P[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-2P .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-2P .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-2P .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-2P .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-2P .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-2P #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-2P .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-2P .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-MR {
font-family:Noto Sans JP, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
/* ヘッダー */
body.is-brnd-MR .header__block {
background-color: #ffffff;
}
body.is-brnd-MR .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-MR .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-MR .header__logo > a > img {
display: none;
}
body.is-brnd-MR .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-4.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-MR .header__nav__txt {
color: #000000;
}
body.is-brnd-MR .header__nav__item > a {
color: #000000;
}
body.is-brnd-MR .header__nav__item > button {
color: #000000;
}
body.is-brnd-MR .breadcrumb__item > a,
body.is-brnd-MR .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-MR .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-MR .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-MR .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-MR .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-MR .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-MR .footer__block {
background-color: #ffffff;
}
body.is-brnd-MR .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-MR .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-MR .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-MR .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-MR .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-MR .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-MR .title__primary {
color: #000000;
}
body.is-brnd-MR .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-MR .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-MR .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-MR .info__date {
color: #000000;
}
body.is-brnd-MR .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-MR .info__text {
color: #000000;
}
body.is-brnd-MR .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-MR .item__name {
color: #000000;
}
body.is-brnd-MR .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-MR .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-MR .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-MR .article__title {
color: #000000;
}
body.is-brnd-MR .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-MR .article__text {
color: #000000;
}
body.is-brnd-MR .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-MR .link {
color: #000000;
}
body.is-brnd-MR .block.is-bg .link {
color: #000000;
}
body.is-brnd-MR .link::after {
color: #000000;
}
body.is-brnd-MR .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-MR .info__item {
border-bottom-color: #000000;
}
body.is-brnd-MR .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-MR .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-MR .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-MR .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-MR .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-MR .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-MR .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-MR .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #000000;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-MR .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-MR .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-MR .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-MR .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-MR .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-MR .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-MR .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
opacity: 1;
}
body.is-brnd-MR .block.is-bg .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
}
/* indexページ：背景 */
body.is-brnd-MR .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-MR .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-MR .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-MR .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-MR .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-MR .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-MR .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-MR .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-MR[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-MR[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-MR[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-MR[data-page='shopinshop-search'] .item__brand,
body.is-brnd-MR[data-page='shopinshop-search'] .item__price,
body.is-brnd-MR[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-MR[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-MR[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-MR[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-MR[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-MR[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-MR[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-MR[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-MR[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-MR[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-MR .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-MR .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-MR .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-MR .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-MR .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-MR #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-MR .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-MR .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-K8 {
font-family:Noto Sans Japanese, sans-serif;
}
/* ヘッダー */
body.is-brnd-K8 .header__block {
background-color: #ffffff;
}
body.is-brnd-K8 .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-K8 .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-K8 .header__logo > a > img {
display: none;
}
body.is-brnd-K8 .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-1230.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-K8 .header__nav__txt {
color: #000000;
}
body.is-brnd-K8 .header__nav__item > a {
color: #000000;
}
body.is-brnd-K8 .header__nav__item > button {
color: #000000;
}
body.is-brnd-K8 .breadcrumb__item > a,
body.is-brnd-K8 .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-K8 .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-K8 .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-K8 .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-K8 .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-K8 .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-K8 .footer__block {
background-color: #ffffff;
}
body.is-brnd-K8 .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-K8 .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-K8 .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-K8 .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-K8 .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-K8 .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-K8 .title__primary {
color: #000000;
}
body.is-brnd-K8 .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-K8 .info__date {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-K8 .info__text {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-K8 .item__name {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-K8 .article__title {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-K8 .article__text {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-K8 .link {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .link {
color: #000000;
}
body.is-brnd-K8 .link::after {
color: #000000;
}
body.is-brnd-K8 .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-K8 .info__item {
border-bottom-color: #000000;
}
body.is-brnd-K8 .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-K8 .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-K8 .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-K8 .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-K8 .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-K8 .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-K8 .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-K8 .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #000000;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-K8 .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-K8 .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-K8 .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-K8 .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-K8 .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-K8 .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-K8 .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
opacity: 1;
}
body.is-brnd-K8 .block.is-bg .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
}
/* indexページ：背景 */
body.is-brnd-K8 .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-K8 .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-K8 .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-K8 .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-K8 .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-K8 .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-K8 .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-K8 .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-K8[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-K8[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-K8[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-K8[data-page='shopinshop-search'] .item__brand,
body.is-brnd-K8[data-page='shopinshop-search'] .item__price,
body.is-brnd-K8[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-K8[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-K8[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-K8[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-K8[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-K8[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-K8[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-K8[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-K8[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-K8[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-K8 .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-K8 .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-K8 .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-K8 .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-K8 .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-K8 #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-K8 .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-K8 .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-YF {
font-family:Helvetica-Light;
}
/* ヘッダー */
body.is-brnd-YF .header__block {
background-color: #ffffff;
}
body.is-brnd-YF .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-YF .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-YF .header__logo > a > img {
display: none;
}
body.is-brnd-YF .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-1540.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-YF .header__nav__txt {
color: #000000;
}
body.is-brnd-YF .header__nav__item > a {
color: #000000;
}
body.is-brnd-YF .header__nav__item > button {
color: #000000;
}
body.is-brnd-YF .breadcrumb__item > a,
body.is-brnd-YF .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-YF .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-YF .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-YF .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-YF .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-YF .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-YF .footer__block {
background-color: #ffffff;
}
body.is-brnd-YF .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-YF .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-YF .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-YF .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-YF .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-YF .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-YF .title__primary {
color: #000000;
}
body.is-brnd-YF .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-YF .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-YF .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-YF .info__date {
color: #000000;
}
body.is-brnd-YF .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-YF .info__text {
color: #000000;
}
body.is-brnd-YF .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-YF .item__name {
color: #000000;
}
body.is-brnd-YF .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-YF .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-YF .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-YF .article__title {
color: #000000;
}
body.is-brnd-YF .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-YF .article__text {
color: #000000;
}
body.is-brnd-YF .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-YF .link {
color: #000000;
}
body.is-brnd-YF .block.is-bg .link {
color: #000000;
}
body.is-brnd-YF .link::after {
color: #000000;
}
body.is-brnd-YF .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-YF .info__item {
border-bottom-color: #000000;
}
body.is-brnd-YF .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-YF .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
body.is-brnd-YF .btn-area.is-more .btn > a {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
body.is-brnd-YF .btn-area.is-more .btn > button {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
body.is-brnd-YF .btn-area .btn.is-emphasis > a {
background-color: #000000;
}
body.is-brnd-YF .btn-area .btn.is-emphasis > button {
background-color: #000000;
}
body.is-brnd-YF .btn-area .btn.is-s > a {
border: 1px solid #ffffff;
}
body.is-brnd-YF .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #000000;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-YF .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-YF .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-YF .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-YF .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-YF .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #807f7d !important;
}
body.is-brnd-YF .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-YF .slider .swiper-pagination-bullet {
background-color: #807f7d !important;
opacity: 1;
}
body.is-brnd-YF .block.is-bg .slider .swiper-pagination-bullet {
background-color: #000000 !important;
}
/* indexページ：背景 */
body.is-brnd-YF .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-YF .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-YF .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-YF .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-YF .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-YF .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-YF .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-YF .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-YF[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-YF[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-YF[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-YF[data-page='shopinshop-search'] .item__brand,
body.is-brnd-YF[data-page='shopinshop-search'] .item__price,
body.is-brnd-YF[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-YF[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-YF[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-YF[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-YF[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-YF[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-YF[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-YF[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-YF[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-YF[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-YF .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-YF .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-YF .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-YF .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-YF .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-YF #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-YF .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-YF .menu__header .link {
color: #45433e;
}
/* ◆◆ */
/* ヘッダー */
body.is-brnd-NH .header__block {
background-color: #ffffff;
}
body.is-brnd-NH .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-NH .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-NH .header__logo > a > img {
display: none;
}
body.is-brnd-NH .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-3603.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-NH .header__nav__txt {
color: #000000;
}
body.is-brnd-NH .header__nav__item > a {
color: #000000;
}
body.is-brnd-NH .header__nav__item > button {
color: #000000;
}
body.is-brnd-NH .breadcrumb__item > a,
body.is-brnd-NH .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-NH .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-NH .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-NH .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-NH .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-NH .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-NH .footer__block {
background-color: #ffffff;
}
body.is-brnd-NH .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-NH .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-NH .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-NH .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-NH .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-NH .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-NH .title__primary {
color: #000000;
}
body.is-brnd-NH .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-NH .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-NH .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-NH .info__date {
color: #000000;
}
body.is-brnd-NH .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-NH .info__text {
color: #000000;
}
body.is-brnd-NH .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-NH .item__name {
color: #000000;
}
body.is-brnd-NH .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-NH .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-NH .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-NH .article__title {
color: #000000;
}
body.is-brnd-NH .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-NH .article__text {
color: #000000;
}
body.is-brnd-NH .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-NH .link {
color: #000000;
}
body.is-brnd-NH .block.is-bg .link {
color: #000000;
}
body.is-brnd-NH .link::after {
color: #000000;
}
body.is-brnd-NH .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-NH .info__item {
border-bottom-color: #000000;
}
body.is-brnd-NH .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-NH .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-NH .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-NH .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-NH .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-NH .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-NH .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-NH .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #000000;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-NH .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-NH .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-NH .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-NH .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-NH .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-NH .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-NH .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
opacity: 1;
}
body.is-brnd-NH .block.is-bg .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
}
/* indexページ：背景 */
body.is-brnd-NH .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-NH .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-NH .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-NH .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-NH .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-NH .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-NH .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-NH .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-NH[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-NH[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-NH[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-NH[data-page='shopinshop-search'] .item__brand,
body.is-brnd-NH[data-page='shopinshop-search'] .item__price,
body.is-brnd-NH[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-NH[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-NH[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-NH[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-NH[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-NH[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-NH[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-NH[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-NH[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-NH[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-NH .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-NH .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-NH .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-NH .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-NH .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-NH #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-NH .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-NH .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-07 {
font-family:NOTO SANS JP;
}
/* ヘッダー */
body.is-brnd-07 .header__block {
background-color: #ffffff;
}
body.is-brnd-07 .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-07 .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-07 .header__logo > a > img {
display: none;
}
body.is-brnd-07 .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-3749.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-07 .header__nav__txt {
color: #000000;
}
body.is-brnd-07 .header__nav__item > a {
color: #000000;
}
body.is-brnd-07 .header__nav__item > button {
color: #000000;
}
body.is-brnd-07 .breadcrumb__item > a,
body.is-brnd-07 .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-07 .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-07 .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-07 .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-07 .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-07 .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-07 .footer__block {
background-color: #ffffff;
}
body.is-brnd-07 .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-07 .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-07 .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-07 .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-07 .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-07 .block.is-bg {
background-color: #ffffff;
}
/* メインコンテンツ：テキスト */
body.is-brnd-07 .title__primary {
color: #000000;
}
body.is-brnd-07 .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-07 .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-07 .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-07 .info__date {
color: #000000;
}
body.is-brnd-07 .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-07 .info__text {
color: #000000;
}
body.is-brnd-07 .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-07 .item__name {
color: #000000;
}
body.is-brnd-07 .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-07 .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-07 .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-07 .article__title {
color: #000000;
}
body.is-brnd-07 .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-07 .article__text {
color: #000000;
}
body.is-brnd-07 .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-07 .link {
color: #000000;
}
body.is-brnd-07 .block.is-bg .link {
color: #000000;
}
body.is-brnd-07 .link::after {
color: #000000;
}
body.is-brnd-07 .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-07 .info__item {
border-bottom-color: #000000;
}
body.is-brnd-07 .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-07 .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #131620;
color: #ffffff;
}
body.is-brnd-07 .btn-area.is-more .btn > a {
border: 1px solid #ffffff;
background-color: #131620;
color: #ffffff;
}
body.is-brnd-07 .btn-area.is-more .btn > button {
border: 1px solid #ffffff;
background-color: #131620;
color: #ffffff;
}
body.is-brnd-07 .btn-area .btn.is-emphasis > a {
background-color: #131620;
}
body.is-brnd-07 .btn-area .btn.is-emphasis > button {
background-color: #131620;
}
body.is-brnd-07 .btn-area .btn.is-s > a {
border: 1px solid #ffffff;
}
body.is-brnd-07 .block.is-bg .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #131620;
color: #ffffff;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-07 .step-flow__list > li.is-active .bubble {
background-color: #ffffff;
border: 1px solid #ffffff;
}
body.is-brnd-07 .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-07 .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-07 .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-07 .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-07 .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-07 .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
opacity: 1;
}
body.is-brnd-07 .block.is-bg .slider .swiper-pagination-bullet {
background-color: #ffffff !important;
}
/* indexページ：背景 */
body.is-brnd-07 .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-07 .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-07 .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-07 .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-07 .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-07 .block.is-philosophy.block.is-bg {
background-color: #ffffff;
}
body.is-brnd-07 .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-07 .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-07[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-07[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-07[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-07[data-page='shopinshop-search'] .item__brand,
body.is-brnd-07[data-page='shopinshop-search'] .item__price,
body.is-brnd-07[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-07[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-07[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-07[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-07[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-07[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-07[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-07[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-07[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-07[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-07 .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-07 .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-07 .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-07 .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-07 .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-07 #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-07 .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-07 .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-A0 {
font-family:ZenKakuGothicNew, FragmentsText;
}
/* ヘッダー */
body.is-brnd-A0 .header__block {
background-color: #ffffff;
}
body.is-brnd-A0 .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-A0 .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-A0 .header__logo > a > img {
display: none;
}
body.is-brnd-A0 .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-8103.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header.is-shopinshop .header__nav__ico > img { display: block;}
body.is-brnd-A0 .header__nav__txt {
color: #000000;
}
body.is-brnd-A0 .header__nav__item > a {
color: #000000;
}
body.is-brnd-A0 .header__nav__item > button {
color: #000000;
}
body.is-brnd-A0 .breadcrumb__item > a,
body.is-brnd-A0 .breadcrumb__item > span {
color: #000000;
}
body.is-brnd-A0 .breadcrumb__item:has(>a) {
text-decoration-color: #000000;
}
/* フッター上リンク */
body.is-brnd-A0 .footer__block.is-window-link {
background-color: #ffffff;
}
body.is-brnd-A0 .footer__block.is-window-link > a > span {
color: #000000;
}
body.is-brnd-A0 .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-A0 .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-A0 .footer__block {
background-color: #ffffff;
}
body.is-brnd-A0 .footer__block .footer__nav .footer__nav__item > a {
color: #000000;
}
body.is-brnd-A0 .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #000000;
}
body.is-brnd-A0 .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #000000;
}
body.is-brnd-A0 .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #000000;
}
body.is-brnd-A0 .footer__copy {
color: #000000;
}
/* メインコンテンツ：背景 */
body.is-brnd-A0 .block.is-bg {
background-color: #000000;
}
/* メインコンテンツ：テキスト */
body.is-brnd-A0 .title__primary {
color: #000000;
}
body.is-brnd-A0 .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-A0 .info__date {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-A0 .info__text {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-A0 .item__name {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-A0 .article__title {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-A0 .article__text {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-A0 .link {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .link {
color: #000000;
}
body.is-brnd-A0 .link::after {
color: #000000;
}
body.is-brnd-A0 .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-A0 .info__item {
border-bottom-color: #000000;
}
body.is-brnd-A0 .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-A0 .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-A0 .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-A0 .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-A0 .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-A0 .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-A0 .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-A0 .block.is-bg .btn-area .btn > a {
border: 1px solid #000000;
background-color: #000000;
color: #000000;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-A0 .step-flow__list > li.is-active .bubble {
background-color: #000000;
border: 1px solid #ffffff;
}
body.is-brnd-A0 .step-flow__list > li.is-active {
color: #ffffff;
}
body.is-brnd-A0 .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #ffffff;
}
body.is-brnd-A0 .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #ffffff;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-A0 .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #d3d2cf !important;
}
body.is-brnd-A0 .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000 !important;
}
body.is-brnd-A0 .slider .swiper-pagination-bullet {
background-color: #000000 !important;
opacity: 1;
}
body.is-brnd-A0 .block.is-bg .slider .swiper-pagination-bullet {
background-color: #000000 !important;
}
/* indexページ：背景 */
body.is-brnd-A0 .wrapper { background-color: #ffffff;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-A0 .premium__brand-select__slider .swiper-slide>a {
color: #000000;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-A0 .tab .tab__list.is-free .tab__item {
border-right: 1px solid #000000;
}
body.is-brnd-A0 .tab .tab__list.is-free .tab__button {
color: #000000;
}
/* searchページ */
body.is-brnd-A0 .block.is-search {
background-color: #ffffff;
border-top: 1px solid #000000;
}
body.is-brnd-A0 .block.is-philosophy.block.is-bg {
background-color: #000000;
}
body.is-brnd-A0 .philosophy__text .text__secondary {
color: #000000;
}
body.is-brnd-A0 .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-A0[data-page='shopinshop-search'] .wrapper { background-color: #ffffff;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-A0[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-A0[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-A0[data-page='shopinshop-search'] .item__brand,
body.is-brnd-A0[data-page='shopinshop-search'] .item__price,
body.is-brnd-A0[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #000000;
}
body.is-brnd-A0[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #000000;
}
/* 商品詳細ページ */
body.is-brnd-A0[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-A0[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-A0[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg { background-color: #ffffff;
}
body.is-brnd-A0[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #ffffff;
}
body.is-brnd-A0[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg .item__brand{ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg .item__name{ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg .item__price{ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .block.is-bg .link{ color: #000000;
}
body.is-brnd-A0[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-A0[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-A0[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-A0 .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-A0 .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-A0 .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-A0 .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-A0 .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-A0 #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-A0 .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-A0 .menu__header .link {
color: #45433e;
}
/* ◆◆ */
body.is-brnd-5U {
font-family:readerregular, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, Helvetica Neue, Hiragino Kaku Gothic W3 JIS2004, Meiryo, Helvetica, Helvetica, Arial, sans-serif !important;
}
/* ヘッダー */
body.is-brnd-5U .header__block {
background-color: #000000;
}
body.is-brnd-5U .header__logo {
height: 50px;
width: 82px;
}
body.is-brnd-5U .header__logo > a {
display: block;
height: 100%;
pointer-events: none;
position: relative;
width: 100%;
}
body.is-brnd-5U .header__logo > a > img {
display: none;
}
body.is-brnd-5U .header__logo > a::before {
background-image: url('/sw/onlinestore/assets/attachmentfile/attachmentfile-file-3068.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.is-brnd-5U .header__nav__item .header__nav__ico {
height: 18px;
padding-bottom: 20px;
position: relative;
width: 18px;
}
body.is-brnd-5U .header__nav__item .header__nav__ico > img {
display: none;
}
body.is-brnd-5U .header__nav__item .header__nav__ico::before {
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.is-brnd-5U .header__nav__item.is-search .header__nav__ico::before {background-image: url('../../assets/images/common/ico_search_white.svg');}
body.is-brnd-5U .header__nav__item.is-cart .header__nav__ico::before { background-image: url('../../assets/images/common/ico_cart_white.svg');}
body.is-brnd-5U .header__nav__item.is-mypage .header__nav__ico::before { background-image: url('../../assets/images/common/ico_mypage_white.svg');}
body.is-brnd-5U .header__nav__ico.is-menu::before { background-image: url('../../assets/images/common/ico_menu_white.svg');}
body.is-brnd-5U .header__nav__ico.is-close::before { background-image: url('../../assets/images/common/ico_close_white.svg');}
body.is-brnd-5U .header__nav__txt {
color: #ffffff;
}
body.is-brnd-5U .header__nav__item > a {
color: #ffffff;
}
body.is-brnd-5U .header__nav__item > button {
color: #ffffff;
}
body.is-brnd-5U .breadcrumb__item > a,
body.is-brnd-5U .breadcrumb__item > span {
color: #ffffff;
}
body.is-brnd-5U .breadcrumb__item:has(>a) {
text-decoration-color: #ffffff;
}
/* フッター上リンク */
body.is-brnd-5U .footer__block.is-window-link {
background-color: #000000;
}
body.is-brnd-5U .footer__block.is-window-link > a > span {
color: #ffffff;
}
body.is-brnd-5U .footer__block.is-window-link > a > span::after {
background-image: url('../../assets/images/common/ico_window_white.svg');
}
/* フッター上 サブナビゲーション非表示 */
body.is-brnd-5U .footer__block.is-sub-nav {
display:none !important;
}
/* フッター */
body.is-brnd-5U .footer__block {
background-color: #000000;
}
body.is-brnd-5U .footer__block .footer__nav .footer__nav__item > a {
color: #ffffff;
}
body.is-brnd-5U .footer__nav.is-main .footer__nav__item:first-child > a {
border-left: 1px solid #ffffff;
}
body.is-brnd-5U .footer__nav.is-main .footer__nav__item > a {
border-right: 1px solid #ffffff;
}
body.is-brnd-5U .footer__nav.is-sub .footer__nav__item > a::before {
background-color: #ffffff;
}
body.is-brnd-5U .footer__copy {
color: #ffffff;
}
/* メインコンテンツ：背景 */
body.is-brnd-5U .block.is-bg {
background-color: #ffffff;
}
/* メインコンテンツ：テキスト */
body.is-brnd-5U .title__primary {
color: #ffffff;
}
body.is-brnd-5U .title__secondary:not(.is-bg) {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .title__secondary:not(.is-bg) {
color: #000000;
}
body.is-brnd-5U .block.is-bg .text__quaternary {
color: #000000;
}
body.is-brnd-5U .info__date {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .info__date {
color: #000000;
}
body.is-brnd-5U .info__text {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .info__text {
color: #000000;
}
body.is-brnd-5U .item__name {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .item__name {
color: #000000;
}
body.is-brnd-5U .block.is-bg .item__brand {
color: #000000;
}
body.is-brnd-5U .block.is-bg .item__price {
color: #000000;
}
body.is-brnd-5U .article__title {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .article__title {
color: #000000;
}
body.is-brnd-5U .article__text {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .article__text {
color: #000000;
}
body.is-brnd-5U .link {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .link {
color: #000000;
}
body.is-brnd-5U .link::after {
color: #ffffff;
}
body.is-brnd-5U .block.is-bg .link::after {
background-color: #000000;
}
body.is-brnd-5U .info__item {
border-bottom-color: #ffffff;
}
body.is-brnd-5U .block.is-bg .info__item {
border-bottom-color: #000000;
}
/* メインコンテンツ：ボタン */
body.is-brnd-5U .btn-area .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-5U .btn-area.is-more .btn > a {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-5U .btn-area.is-more .btn > button {
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
}
body.is-brnd-5U .btn-area .btn.is-emphasis > a {
background-color: #ffffff;
}
body.is-brnd-5U .btn-area .btn.is-emphasis > button {
background-color: #ffffff;
}
body.is-brnd-5U .btn-area .btn.is-s > a {
border: 1px solid #000000;
}
body.is-brnd-5U .block.is-bg .btn-area .btn > a {
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
}
/* メインコンテンツ：ステップフロー */
body.is-brnd-5U .step-flow__list > li.is-active .bubble {
background-color: #ffffff;
border: 1px solid #000000;
}
body.is-brnd-5U .step-flow__list > li.is-active {
color: #000000;
}
body.is-brnd-5U .step-flow__list > li:not(.is-active ~ li, .is-active)::after {
background-color: #000000;
}
body.is-brnd-5U .step-flow__list > li:not(.is-active ~ li, .is-active) .bubble {
background-color: #000000;
}
/* メインコンテンツ：ページネーション */
body.is-brnd-5U .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #807f7d !important;
}
body.is-brnd-5U .block.is-bg .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #807f7d !important;
}
body.is-brnd-5U .slider .swiper-pagination-bullet {
background-color: #000000 !important;
opacity: 1;
}
body.is-brnd-5U .block.is-bg .slider .swiper-pagination-bullet {
background-color: #000000 !important;
}
/* indexページ：背景 */
body.is-brnd-5U .wrapper { background-color: #000000;
}
/* indexページ：ヘッダー下サブカテゴリ */
body.is-brnd-5U .premium__brand-select__slider .swiper-slide>a {
color: #ffffff;
}
.premium__brand-select__slider .swiper-slide>a
body.is-brnd-5U .tab .tab__list.is-free .tab__item {
border-right: 1px solid #ffffff;
}
body.is-brnd-5U .tab .tab__list.is-free .tab__button {
color: #ffffff;
}
/* searchページ */
body.is-brnd-5U .block.is-search {
background-color: #000000;
border-top: 1px solid #ffffff;
}
body.is-brnd-5U .block.is-philosophy.block.is-bg {
background-color: #ffffff;
}
body.is-brnd-5U .philosophy__text .text__secondary {
color: #ffffff;
}
body.is-brnd-5U .is-bg .philosophy__text .text__secondary {
color: #000000;
}
/* カテゴリ一覧ページ：背景 */
body.is-brnd-5U[data-page='shopinshop-search'] .wrapper { background-color: #000000;
}
/* SinS 検索一覧ページ：文字色 */
body.is-brnd-5U[data-page='shopinshop-search'] .pulldown__head,
body.is-brnd-5U[data-page='shopinshop-search'] .pageinfo,
body.is-brnd-5U[data-page='shopinshop-search'] .item__brand,
body.is-brnd-5U[data-page='shopinshop-search'] .item__price,
body.is-brnd-5U[data-page='shopinshop-search'] .is-products-block .products-sort__btn .products-sort__order .products-sort__item{ color: #ffffff;
}
body.is-brnd-5U[data-page=shopinshop-search] .is-products-block .products-sort__btn .products-sort__order::before{ background-color: #ffffff;
}
/* 商品詳細ページ */
body.is-brnd-5U[data-page='products-detail'] .wrapper { background-color: #fff;
}
body.is-brnd-5U[data-page='products-detail'] .title__primary{ color: #45433e;
}
body.is-brnd-5U[data-page='products-detail'] .link.is-arrow{ color: #45433e;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg { background-color: #000000;
}
body.is-brnd-5U[data-page='products-detail'] .wrapper .is-campaign.is-hide+.footer { background-color: #000000;
}
body.is-brnd-5U[data-page='products-detail'] .title__secondary:not(.is-bg){ color: #45433e;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg .title__secondary:not(.is-bg){ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .banner__item>a>figure .text__secondary{ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg .text__quaternary{ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg .item__brand{ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg .item__name{ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg .item__price{ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .block.is-bg .link{ color: #ffffff;
}
body.is-brnd-5U[data-page='products-detail'] .breadcrumb__item:has(>a) {
text-decoration-color: #45433e;
}
body.is-brnd-5U[data-page='products-detail'] .breadcrumb__item > a {
color: #45433e;
}
body.is-brnd-5U[data-page='products-detail'] .breadcrumb__item > span {
color: #45433e;
}
/* モーダル内の調整 */
body.is-brnd-5U .title__secondary:not(.is-bg).modal__title {
color: #45433e;
}
body.is-brnd-5U .modal__price .btn-area .btn.is-cart>button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-5U .modal__price .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-5U .modal__price .btn-area .btn.is-emphasis > a {
background-color: #45433e;
border: none;
color: #fff;
}
body.is-brnd-5U .btn-area .btn > button:disabled {
background-color: #d3d2cf !important;
color: #45433E !important;
pointer-events: none;
}
body.is-brnd-5U #js-skinTroubleCheck .btn-area .btn.is-emphasis > button {
background-color: #45433e;
border: none;
color: #fff;
}
/* ハンバーガーメニュー内の調整 */
body.is-brnd-5U .menu__header .btn-area .btn > a {
background-color: #fff;
border: 1px solid #d3d2cf;
color: #45433e;
}
body.is-brnd-5U .menu__header .link {
color: #45433e;
}