@charset "UTF-8";
/*---------------------------------------------
共通部分
---------------------------------------------*/
body {
font-weight: 500;
font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.text_left {
text-align: left !important;
}
.text_right {
text-align: right !important;
}
.text_center {
text-align: center !important;
}
.margin_auto {
margin: 0 auto !important;
}
.displey_inlineBlock {
display: inline-block !important;
}
.displey_block {
display: block !important;
}
.alignSelf_start {
align-self: start !important;
}
.alignSelf_end {
align-self: end !important;
}
.alignSelf_center {
align-self: center !important;
}
.verticalAlign_top {
vertical-align: top;
}
.verticalAlign_middle {
vertical-align: middle;
}
.verticalAlign_bottom {
vertical-align: bottom;
}
.verticalAlign_initial {
vertical-align: initial;
}
.line-hr {
border: 1px solid #e5e5e5;
}
.title_border {
border-top: 1px solid #e5e5e5;
}
/*---------------------------------------------
マージン・パディング
---------------------------------------------*/
.mt_1 {
margin-top: 10px;
}
.mt_2 {
margin-top: 20px;
}
.mt_3 {
margin-top: 30px;
}
.mt_4 {
margin-top: 40px;
}
.mt_5 {
margin-top: 50px;
}
.mb_1 {
margin-bottom: 10px;
}
.mb_2 {
margin-bottom: 20px;
}
.mb_3 {
margin-bottom: 30px;
}
.mb_4 {
margin-bottom: 40px;
}
.mb_5 {
margin-bottom: 50px;
}
.ml_1 {
margin-left: 1px;
}
.ml_2 {
margin-left: 2px;
}
.ml_3 {
margin-left: 3px;
}
.ml_4 {
margin-left: 4px;
}
.ml_5 {
margin-left: 5px;
}
.mr_1 {
margin-right: 1px;
}
.mr_2 {
margin-right: 2px;
}
.mr_3 {
margin-right: 3px;
}
.mr_4 {
margin-right: 4px;
}
.mr_5 {
margin-right: 5px;
}
.pt_1 {
padding-top: 10px;
}
.pt_2 {
padding-top: 20px;
}
.pt_3 {
padding-top: 30px;
}
.pt_4 {
padding-top: 40px;
}
.pt_5 {
padding-top: 50px;
}
.pb_1 {
padding-bottom: 10px;
}
.pb_2 {
padding-bottom: 20px;
}
.pb_3 {
padding-bottom: 30px;
}
.pb_4 {
padding-bottom: 40px;
}
.pb_5 {
padding-bottom: 50px;
}
/*---------------------------------------------
PC/SP共通部分
---------------------------------------------*/
.sp_head_menu {
display: none !important;
}
.sp_only {
display: none !important;
}
.sp_head_item {
display: none;
}
.header_area_sp {
display: none;
}
.header_contents {
position: relative;
max-width: 1216px;
width: 100%;
margin: 0 auto;
}
.head_contents_grid {
display: grid;
grid-template-columns: 1fr 545px;
grid-template-rows: auto auto;
}
/* ウェルカムメッセージ */
.header_user_logo {
grid-row-start: 1;
grid-column-start: 1;
font-size: 13px;
color: #222222;
}
.fs-pt-menu__heading {
font-size: 14px;
}
.fs-l-header__welcomeMsg {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/* ロゴ */
.fs-l-header__logo {
grid-row-start: 2;
grid-column-start: 1
}
/* ログアウト / はじめての方へ・ご利用ガイド / よくあるご質問 / お問い合わせ */
.pc_top_menu {
grid-row-start: 1;
grid-column-start: 2
}
/* 電話番号 */
.tel_banner {
grid-row-start: 2;
grid-column-start: 2
}
/* ウェルカムメッセージ：～様こんにちは */
.fs-p-welcomeMsg {
display: inline-block;
}
/* ウェルカムメッセージ：会員情報/ポイント */
.fs-p-memberInfo {
display: inline-block;
}
/* ウェルカムメッセージ：会員情報/ */
.fs-p-memberInfo__stage {
display: inline-block;
}
/* ウェルカムメッセージ：ポイント */
.fs-p-memberInfo__points {
display: inline-block;
}
.fs-p-logo {
align-items: start;
}
.fs-p-logo a:hover {
opacity: 0.8;
transition: ease .2s;
}
.header_text_1 {
color: #222222;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
letter-spacing: -0.02rem;
font-size: 13px;
font-weight: bold;
line-height: 1.5rem;
}
.header_text_2 {
color: #222222;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 12px;
font-weight: normal;
}
.tel_text_1 {
font-size: 28px;
margin-left: 8px;
color: #222222;
font-weight: bold;
font-family: "游明朝";
}
.tel_text_1 img {
margin-right: 5px;
}
.header_box {
position: absolute;
bottom: 0px;
right: 0px;
padding-bottom: 5px;
}
.headerNavBar {
background: #646464;
color: #ffffff;
}
.fs-p-headerUtilityMenu {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 12px;
font-weight: 500;
}
.fs-p-headerNavigation__listItem {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 14px;
font-weight: 500;
}
.fs-p-headerNavigation__viewCartButton__label {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 14px;
font-weight: 500;
}
.fs-p-phoneOrder {
position: absolute;
right: 0;
bottom: 0;
}
.fs-l-pageMain {
max-width: 880px;
width: 70vw;
}
.fs-p-headerUtilityMenu__list a:hover {
opacity: 0.8;
transition: ease .2s;
color: #3c3c3c;
}
/*-------------------------------------
▼ 検索BOX ▼
-------------------------------------*/
.searchForm_button {
display: inline-block;
overflow: hidden;
position: relative;
text-indent: -999px;
width: 2.6em;
height: 2em;
}
.inputGroup_button {
display: inline-block;
background: #ACA692;
border: none;
color: #ffffff;
width: 3rem;
flex-shrink: 0;
}
.inputGroup_input {
border: none;
border-radius: 0;
width: calc(100% - 3em);
flex-grow: 1;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.inputGroup {
display: flex;
align-items: stretch;
border: 1px solid #444444;
background: #444444;
}
.searchForm_button:before {
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\e932";
display: block;
font-size: 2.2rem;
line-height: 1.2;
position: absolute;
text-indent: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.headerNavigation_search {
width: 35%;
min-width: 290px;
}
/* ▲ -------- 検索BOX -------- ▲ */
/*-------------------------------------
▼ ヘッダーメニュー ▼
-------------------------------------*/
.headerNavigation_link {
color: #FFFFFF !important;
padding: 8px;
}
.headerNavigation_link:hover {
background: #7b7b7b;
text-decoration: none;
color: #FFFFFF;
}
.header_icon_1 {
width: 15px;
display: inline-block;
margin-right: 5px;
}
.header_icon_1 img {
vertical-align: middle;
}
/*-------------------------------------
▼ TOPスライダー ▼
-------------------------------------*/
.top_slider {
width: 100%;
}
.top_slider img {
display: inline-block !important;
}
.fs-pt-carousel__slide {
text-align: center;
}
#top_slider_pc {
display: block;
}
#top_slider_sp {
display: none;
}
/*-------------------------------------
▼ サイドメニュー ▼
-------------------------------------*/
.fs-l-sideArea {
max-width: 240px;
min-width: 240px;
}
.side_menu_area {
max-width: 260px;
width: 20vw;
margin-right: 50px;
}
/*----------------------------
▼ サブタイトル ▼
-----------------------------*/
.side_menu_title {
font-size: 17px;
color: #000000;
border-bottom: 2px solid #999999;
}
.menu_title_1, .menu_title_2, .menu_title_3 {
position: relative;
}
.menu_title_1:before {
position: absolute;
right: 0px;
bottom: 5px;
content: "CATEGORY";
font-size: 10px;
}
.menu_title_2:before {
position: absolute;
right: 0px;
bottom: 5px;
content: "GUIDE";
font-size: 10px;
}
.menu_title_3:before {
position: absolute;
right: 0px;
bottom: 5px;
content: "CALENDAR";
font-size: 10px;
}
/*----------------------------
▼ サイドメニューデザイン ▼
-----------------------------*/
.side_menu_accordion {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.accordion-menu li {
list-style: none;
margin-top: 5px;
margin-left: 10px;
}
.accordion-menu ul {
padding: 0px;
margin: 0px;
}
.accordion-menu dt:hover {
opacity: 0.8;
transition: ease .2s;
}
.accordion-menu dt {
border-bottom: thin solid #e5e5e5;
color: #000000;
padding-left: 10px;
font-size: 14px;
}
.accordion-menu dt:first-child {
border-top: none;
}
.accordion-menu dd li:last-child {
border-bottom: thin solid #e5e5e5;
padding-bottom: 5px;
}
.accordion-menu dd {
display: none;
color: #000000;
margin: 0px;
}
.accordion-menu a {
color: #000000;
}
.accordion-menu li:hover {
opacity: 0.8;
transition: ease .2s;
color: #aba589
}
.side_accordion_1 {
padding-top: 12px;
padding-bottom: 12px;
position: relative;
}
.side_accordion_1:before {
display: block;
content: "";
position: absolute;
bottom: 22px;
right: 10px;
margin: auto;
width: 10px;
height: 1px;
background-color: #40180A;
transition: .2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.side_accordion_1:after {
position: absolute;
display: block;
content: "";
position: absolute;
bottom: 22px;
right: 10px;
margin: auto;
width: 10px;
height: 1px;
background-color: #40180A;
transition: .3s;
}
.side_accordion_1.on:before {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.side_accordion_1.on:after {
background-color: transparent;
}
.side_submenu a {
display: block;
}
.side_submenu a:before {
content: "‣";
color: #C4A056;
font-size: 2rem;
text-decoration: none;
display: inline-block;
}
@media only screen and (max-width: 799px) {
.side_submenu a:before {
margin-right: 1vw;
}
}
.side_accordion_2 {
position: relative;
}
.side_accordion_2 a {
display: block;
padding-top: 13px;
padding-bottom: 13px;
}
.side_accordion_2:after {
position: absolute;
content: "";
border-top: solid 1px #000000;
border-right: solid 1px #000000;
width: 6px;
height: 6px;
transform: rotate(45deg);
right: 14px;
bottom: 22px;
}
/*----------------------------
▼ ショッピングガイド ▼
-----------------------------*/
.fs-p-drawer {
padding: 0px !important;
}
.side_box {
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
border: 5px solid #f5f5f5;
vertical-align: middle;
display: grid;
grid-template-columns: 70px 1fr;
}
.side_box img {
width: 70px;
padding: 1rem 1rem 1rem 1rem;
display: inline-block;
vertical-align: middle;
}
.side_box_img {
display: -webkit-box;
-webkit-box-align: center;
}
.side_text_1 {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
display: -webkit-box;
-webkit-box-align: center;
}
.side_special_text_1 {
font-size: 1.5rem;
font-weight: bold;
line-height: 2rem;
}
.side_special_text_2 {
font-size: 1rem;
font-weight: bold;
line-height: 1rem;
}
.side_special_text_3 {
font-weight: bold;
font-size: 18px;
color: #CC4747;
line-height: 2rem;
}
.side_special_text_4 {
font-weight: bold;
font-size: 11px;
line-height: 15px;
}
.side_special_text_5 {
font-size: 1.2rem;
font-weight: bold;
line-height: 1.5rem;
}
.side_text_2 {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
text-align: right;
position: relative;
display: -webkit-box;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
-webkit-box-align: center;
}
.side_text_2 a:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: underline;
text-decoration-color: #222222;
}
.side_text_2::before, .side_text_2::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.side_text_2:before {
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #000000;
}
.side_text_2:after {
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side_text_3 {
display: flex;
justify-content: flex-end;
}
.side_text_3 a {
color: #000000;
}
/*-------------------------------------
▼ カレンダー ▼
-------------------------------------*/
/* 何も入力されていないセル */
.blank_cell {
background-color: #FFFFFF !important;
}
.calendar {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.side_menu_area .calendar .calendar-box.calendar-box12 {
display: block;
}
.calendar-box.calendar-box12 {
}
.calendar h1 {
font-size: 16px;
}
.calendar table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
.calendar td {
padding: 4px 7px 4px 7px;
text-align: center;
border: 1px solid #ddd;
}
/* 日曜 */
.calendar td:first-child {
color: #FFFFFF;
background-color: #CC6666;
}
/* 土曜 */
.calendar td:last-child {
color: #FFFFFF;
background-color: #CC6666;
}
/* 一番上のセル */
.calendar tr:nth-child(1) td {
color: #000000;
background-color: #FFFFFF;
}
.calendar tbody {
border: 1px solid #ddd;
}
.calendar tr {
border: 1px solid #ddd;
}
/* 指定した祝日のデザイン */
.calendar .holiday, .calendar .close {
background-color: #CC6666;
color: #FFFFFF;
}
.calendar caption {
padding-top: 3px;
padding-bottom: 3px;
margin-top: 10px;
text-align: center;
border: 1px solid #646464;
background-color: #646464;
color: #FFFFFF;
}
.side_calendar {
margin-top: 20px;
text-align: center;
}
.business_day, .business_holiday {
display: inline-block;
}
.business_day {
width: 14px;
height: 14px;
border: 1px solid #ddd;
vertical-align: middle;
margin-right: 5px;
}
.business_holiday {
width: 14px;
height: 14px;
background-color: #CC6666;
border: 1px solid #CC6666;
vertical-align: middle;
margin-right: 5px;
margin-left: 5px;
}
.calendar_text {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
/*-------------------------------------
▼ 商品詳細 ▼
-------------------------------------*/
.fs-c-productNumber {
border: 1px solid #ccc !important;
}
.item_detail_table table {
font-size: 14px;
width: 100%;
font-weight: initial;
}
.item_detail_table th {
font-weight: initial;
padding-top: 5px;
padding-bottom: 5px;
width: 90px;
text-align: center;
background: rgba(126, 126, 126, 0.08);
}
.item_detail_table table {
border-collapse: collapse;
border: 1px solid #e5e5e5;
border-spacing: 0px;
}
.item_detail_table th, .item_detail_table td {
border-collapse: collapse;
border-bottom: 1px solid #e5e5e5;
}
.item_detail_table td {
padding: 12px 15px;
letter-spacing: 1px;
line-height: 23px;
}
.fs-c-variationList__item li {
border: 1px solid #e5e5e5;
}
/*.fs-l-productLayout__item {
margin-left: 30px;
}
*/
.fs-c-productNameHeading {
font-size: 24px;
}
.fs-l-productLayout__item--2 {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.item_detail_box_area {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 10px;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
color: #222222;
}
.fs-c-productNameHeading__name {
font-family: "游明朝";
}
/*
.item_detail_box {
width: 160px;
vertical-align: top;
display: inline-block;
}*/
.remarks_text {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.item_detail_box {
margin: 0 auto;
vertical-align: top;
}
.item_detail_box p {
margin-top: 15px;
}
.detail_box_right {}
.detail_images {
margin: 0 auto;
/*height: 160px;*/
display: flex;
justify-content: center;
align-items: center;
}
.detail_images img {
width: 100%;
}
.item_detail_title {
margin-bottom: 24px !important;
font-size: 2rem;
color: #222222;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 928px;
}
.product-name-number {
display: none;
}
.fs-c-productSelection {
display: grid;
border: 1px solid #e5e5e5;
grid-template-columns: 90px 1fr;
grid-row-start: 1;
grid-column: 1/3;
}
.fs-c-productSelection:nth-child(even) {
border-top: none;
}
.fs-c-productSelection__name {
border-collapse: collapse;
border-top: 1px solid #e5e5e5;
text-align: center;
}
.fs-c-productSelection__name label {
font-size: 14px;
vertical-align: sub;
font-weight: initial;
}
.fs-c-productSelection__selection {
border-collapse: collapse;
border-top: 1px solid #e5e5e5;
text-align: center;
}
/*カラーバリエーション無しバージョン*/
.fs-c-productQuantityAndWishlist {
display: grid;
grid-template-columns: 100%;
grid-column: 1/2;
grid-row-start: 2;
gap: 1px 1px;
}
.fs-c-productQuantityAndWishlist__quantity:before {
content: "数量：";
display: -webkit-box;
-webkit-box-align: center;
}
.fs-c-productQuantityAndWishlist__quantity {
grid-row-start: 1;
grid-column-start: 1;
display: grid;
grid-template-columns: auto 1fr;
}
.fs-c-productQuantityAndWishlist__wishlist {
width: 100%;
grid-column-start: 1;
grid-row-start: 2;
padding-right: 5px;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-c-button--particular.fs-c-button--removeFromWishList--detail {
padding: 11px 10px;
}
.fs-p-productDescription {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
color: #222222;
}
#fs_ProductDetails .fs-c-inquiryAboutProduct {
margin: 0;
margin-top: 10px;
border-radius: 3px;
grid-column: 1/3;
grid-row-start: 4;
}
.favo_cart_area {
display: grid;
grid-template-columns: 50% 50%;
}
.fs-c-productActionButton {
margin-top: 27px;
grid-column-start: 2;
grid-row-start: 2;
padding-left: 5px;
}
.fs-c-button--particular {
box-shadow: none;
}
.fs-c-button--removeFromWishList--detail {
width: 100%;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::before {
content: "\e919";
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after {
display: none;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::before {
content: "\e91a";
color: #C98696;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
display: none;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::before, .fs-c-button--particular.fs-c-button--removeFromWishList--detail::before {
font-family: 'fs-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.6em;
}
.fs-c-button--particular {
background: #FFFFFF;
}
.fs-c-button--addToWishList--detail .fs-c-button__label {
font-size: 0px;
}
.fs-c-button--addToWishList--detail .fs-c-button__label::before {
content: "お気に入りに追加";
font-size: 14px;
}
.fs-c-button--removeFromWishList--detail .fs-c-button__label {
font-size: 0px;
}
.fs-c-button--removeFromWishList--detail .fs-c-button__label::before {
content: "お気に入りを解除";
font-size: 14px;
}
.fs-c-button--addToWishList--detail {
box-shadow: none;
padding: 10px 0px;
width: 100%;
}
.fs-c-variationAndActions {
grid-column: 1/3;
}
.fs-c-button--addToCart--detail::before {
content: url(https://koseishop.itembox.design/item/icon_cart.png);
}
.fs-c-button--addToCart--variation::before {
content: url(https://koseishop.itembox.design/item/icon_cart.png);
}
/*モーダル*/
.fs-c-productImageModal__close {
right: 15%;
}
.fs-c-productImageModalCarousel__figure__image {
margin-top: 5vw;
}
.fs-c-productNotice--outOfStock, .fs-c-productNotice--subscriptionOutOfStock {
background: #e5e5e5;
display: -webkit-box;
padding: 4px;
text-align: center;
grid-column-start: 2;
grid-row-start: 2;
width: 100%;
height: 45px;
margin-top: 7px;
-webkit-box-align: center;
-webkit-box-pack: center;
border-radius: 3px;
}
/*----------------------------
▼ カラーバリエーション ▼
-----------------------------*/
.fs-c-variationAndActions .fs-c-button__label {
display: inline-block !important;
}
.fs-c-variationCart__wishlist {
border: 1px solid #e5e5e5;
margin-top: 2px;
border-radius: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.fs-c-variationCart__wishlist .fs-c-button__label {
margin-top: 5px;
}
.fs-c-button--particular {
font-size: 1.2rem;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon, .fs-c-button--particular.fs-c-button--removeFromWishList--icon, .fs-c-button--particular.fs-c-button--displayPassword, .fs-c-button--particular.fs-c-button--hidePassword {
padding: 3px 0px 3px 0px;
}
.fs-c-variationCart--withImage .fs-c-variationCart__image {
margin-right: 0px;
}
.fs-c-variationCart--withImage > li {
display: grid;
grid-template-columns: 0.3fr 0.5fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 1px 1px;
grid-template-areas:
"fs-c-variationCart__image fs-c-variationCart__variationName fs-c-variationCart__cartButton"
"fs-c-variationCart__image fs-c-variationCart__variationName fs-c-variationCart__wishlist";
padding: 15px 10px 15px 10px;
}
.fs-c-variationCart__image {
grid-area: fs-c-variationCart__image;
}
.fs-c-variationCart__variationName {
grid-area: fs-c-variationCart__variationName;
text-align: center;
margin-right: 12px;
}
.fs-c-variationCart__cartButton {
grid-area: fs-c-variationCart__cartButton;
}
.fs-c-variationCart__wishlist {
grid-area: fs-c-variationCart__wishlist;
}
.fs-c-button--primary {
border-radius: 3px;
padding-top: 12px;
padding-bottom: 12px;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
margin-right: 5px;
}
.fs-c-inquiryAboutProduct {
margin: 0 auto;
text-align: center;
display: block !important;
border: 1px solid #e5e5e5;
}
.fs-c-inquiryAboutProduct .fs-c-button--inquiryAboutProduct .fs-c-button__label {
font-size: 0px;
text-align: center;
}
.fs-c-inquiryAboutProduct .fs-c-button--inquiryAboutProduct .fs-c-button__label:after {
font-size: 1.5rem;
content: "商品のお問い合わせ";
color: #000000;
}
.fs-c-inquiryAboutProduct .fs-c-button--inquiryAboutProduct .fs-c-button__label:before {
content: "✉";
font-size: 2rem;
color: #3c3c3c;
vertical-align: sub;
margin-right: 5px;
display: inline-block;
}
.fs-c-productReview__addReview .fs-c-button__label {
font-size: 0px;
}
.fs-c-variationCart {
padding: 0px;
}
.fs-c-productReview__addReview a {
width: 100%;
display: block;
text-align: right;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-productReview__addReview .fs-c-button__label:after {
font-size: 1.5rem;
content: "この商品のレビューを書く";
width: 100%;
text-align: right;
}
/*----------------------------
▼ メイン ▼
-----------------------------*/
/* パンくず */
.fs-c-breadcrumb {
background-color: #f7f7f7;
}
.fs-c-breadcrumb__listItem {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-breadcrumb__list {
max-width: 1216px;
width: 100%;
margin: 0 auto;
}
/* お知らせ */
.sub_title_area_1 {
/*display: grid;*/
grid-template-columns: 1fr auto;
}
.sub_title {
font-size: 2rem;
font-weight: bold;
vertical-align: middle;
margin: 5rem 0 3rem 0;
}
.sub_title_area .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
color: #ACA692;
}
.sub_title_area .newarrival:after {
content: "NEW ARRIVAL";
}
.sub_title_area .checkarrival:after {
content: "RECENTLY VIEWED ITEMS";
}
.sub_title_area .reccomenditem:after {
content: "RECCOMEND ITEM";
}
.sub_title_area .outletitem:after {
content: "OUTLET ITEM";
}
.sub_title_area .ranking:after {
content: "RANKING";
}
.sub_title_area_1 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "INFORMATION";
color: #ACA692;
}
.sub_title_area_1 .side_text_2 a {
vertical-align: sub;
color: #000000;
display: block;
}
.sub_title_area_1 ul {
padding: 0;
list-style: none;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 15px;
}
.sub_title_area_1 li {
padding: 1em 0;
border-bottom: 1px solid #dfdfdf;
}
.sub_title_area_1 li a {
color: #000;
}
/* みどころ紹介ピックアップ */
.sub_title_area_2 {
display: grid;
grid-template-columns: 1fr auto;
}
.sub_title_area_2 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "PICK UP";
color: #ACA692;
}
.midokoro_box_area {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
}
.midokoro_box_left {
margin-left: 15px;
}
.midokoro_box_right {
margin-right: 15px;
}
.midokoro_box img {
width: 100%;
}
.midokoro_box a {
color: #000000;
text-decoration: none;
}
.midokoro_box:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: underline;
text-decoration-color: #222222;
}
.midokoro_box {
margin-top: 20px;
background-color: #f7f7f7;
}
.midokoro_textbox {
padding: 10px;
}
.midokoro_text_1 {
font-size: 1.5rem;
font-weight: bold;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.midokoro_text_2 {
font-size: 1.5rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/* 新着商品 */
.sub_title_area_3 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "NEW ARRIVAL";
color: #ACA692;
}
.sub_title_area_3 .side_text_2 a {
vertical-align: sub;
color: #000000;
display: block;
}
/* 最近チェックした商品 */
.sub_title_area_4 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "HISTORY";
color: #ACA692;
}
/* 関連商品 */
.sub_title_area_5 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "RELATED ITEM";
color: #ACA692;
}
/* この商品を見た人はこの商品も見ています */
.sub_title_area_6 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "RECCOMEND ITEM";
color: #ACA692;
}
/* アウトレット商品 */
.sub_title_area_8 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "OUTLET ITEM";
color: #ACA692;
}
.sub_title_area_8 .side_text_2 a {
vertical-align: sub;
color: #000000;
display: block;
}
/* カテゴリー */
.sub_title_area_7 .sub_title:after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
content: "CATEGORY";
color: #ACA692;
}
.fs-recommend-pc {
display: block;
}
.fs-recommend-sp {
display: none;
}
.item_box_area {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
}
.item_box_left {
margin-left: 15px;
}
.item_box_right {
margin-right: 15px;
}
.item_box img {
width: 100%;
}
.item_box a {
color: #000000;
text-decoration: none;
}
.item_box:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: underline;
text-decoration-color: #222222;
}
.item_box {
margin-top: 20px;
background-color: #ffffff;
}
/*----------------------------
▼ カテゴリーから探す ▼
-----------------------------*/
.top_category {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 40px 40px 40px;
list-style: none;
grid-gap: 12px;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.top_category hr {
border: none;
border-top: dashed 1px #DDDDDD;
height: 1px;
}
.top_category_item {
display: grid;
grid-template-columns: 40px 1fr;
}
.top_category_item img {
width: 40px;
height: 40px;
background-color: grey;
}
.top_category_item p {
position: relative;
margin: 0px 30px 0px 10px;
display: -webkit-box;
-webkit-box-align: center;
color: #000000;
}
.top_category_item p::after {
position: absolute;
content: "";
border-top: solid 1px grey;
border-right: solid 1px grey;
width: 6px;
height: 6px;
transform: rotate(45deg);
right: -15px;
bottom: 17px;
}
.top_category_item:hover {
opacity: 0.8;
transition: ease .2s;
}
.top_category li a:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: none;
}
.fs-c-productList__list__item, .fs-c-productName {
color: #222222;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 1.5rem;
font-weight: bold;
}
/*-------------------------------------
▼ 最近チェックした商品 ▼
-------------------------------------*/
.fr2-listItem__productName, .fr2-listItem__productPrice {
color: #222222;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 1.5rem;
font-weight: bold;
}
.fr2-listItem a:hover {
text-decoration-color: #222222;
opacity: 0.8;
}
.fr2-listItem img:hover {
text-decoration-color: #222222;
opacity: 0.8;
}
/*----------------------------
▼ footer ▼
-----------------------------*/
.pc_footer_1 {
background-color: #f7f7f7;
}
.pc_footer_1 a {
padding-top: 15px;
padding-bottom: 15px;
display: block;
text-align: center;
}
.pc_footer_1 a:hover {
opacity: 0.8;
transition: ease .2s;
}
.pc_footer_2 {
background-color: #FFFFFF;
}
.footer_contents {
max-width: 1216px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: 1.7fr 1.9fr 2fr 1.1fr;
grid-template-rows: auto auto;
}
.top_back a {
display: block;
text-align: center;
text-decoration: none;
font-size: 1.1rem;
color: #000000;
}
.top_back_text {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
justify-content: center;
}
.top_back {
position: relative;
display: inline-block;
margin: 0 auto;
padding: 0 0 0 20px;
text-align: center;
}
.top_back:before {
position: absolute;
content: "";
border-top: solid 1px #000000;
border-left: solid 1px #000000;
width: 7px;
height: 7px;
left: 5px;
bottom: 2px;
transform: rotate(45deg);
}
.footer_contents li {
list-style: none;
padding-top: 1rem;
}
.ft_box_right_border {
border-right: 3px solid #f7f7f7;
}
.footer_box_pl {
padding-left: 40px;
}
.footer_box_pr {
padding-right: 40px;
}
.footer_box {
background-color: #FFFFFF;
}
.footer_box_title {
padding-top: 30px;
padding-bottom: 0px;
font-size: 1.7rem;
}
.footer_box a {
text-decoration: none;
font-size: 1.4rem;
color: #444444;
line-height: 2.0rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.footer_box a:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: underline;
text-decoration-color: #222222;
}
.footer_text_1 {
margin-top: 10px;
font-size: 1.4rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.ft_contact_us_btn {
margin-top: 10px;
}
.ft_contact_us_btn a {
padding-top: 7px;
padding-bottom: 7px;
border-radius: 2px;
width: 220px;
text-align: center;
display: block;
font-size: 14px;
text-decoration: none;
color: #FFFFFF;
background-color: #ACA692;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.ft_contact_us_btn a:hover {
text-decoration: none;
}
.ft_contact_us_btn a:before {
content: "✉";
margin-right: 5px;
}
.ft_category_box {
display: grid;
grid-template-columns: auto auto;
}
.ft_box_list {
vertical-align: top;
display: inline-block;
}
.all_copyright_ownership {
padding-top: 50px;
padding-bottom: 30px;
background-color: #FFFFFF;
text-align: center;
font-size: 12px;
}
.fs-l-footer {
border-top: none;
}
.gaibu_mark::after {
content: url(https://koseishop.itembox.design/item/icon_link.png);
}
/*★*/
/*----------------------------
▼ group ▼
-----------------------------*/
.group-title-img-pc {
display: block;
}
.group-title-img-sp {
display: none;
}
.group-title-box {
position: relative;
}
.group-title1 {
position: absolute;
top: 3rem;
left: 2rem;
font-size: 3rem;
font-weight: 500;
}
.group-title2 {
position: absolute;
top: 8rem;
left: 2rem;
font-size: 1.5rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.group-title2-pc {
position: absolute;
top: 8rem;
left: 2rem;
font-size: 1.5rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
display: block;
}
.group-title2-sp {
display: none;
}
.group-title5 {
position: absolute;
top: 8rem;
left: 2rem;
font-size: 1.5rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.group-contens-box {
margin-top: 2.5rem;
}
.group-contens-box ul {
padding-left: 2rem;
}
.group-contens-box li {
padding-top: 1rem;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.group-title3 {
font-size: 2rem;
font-weight: 500;
}
.group-contens-box li::marker {
color: #aba589;
}
.fs-c-productList__controller {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*-------------------------------------
▼ カテゴリー(大)ご宝前 ▼
-------------------------------------*/
.category_dai {}
.category_dai-title1 {
font-size: 28px;
font-weight: 500;
}
.category_dai-title2 {
font-size: 14px;
padding: 10px;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.category_dai_sub_title {
position: relative;
font-size: 2rem;
padding: 0px 10px;
margin: 4rem 0 2rem 0;
font-weight: 500;
}
.category_dai_sub_title::before {
content: "a";
font-size: 0px;
position: absolute;
height: 20px;
left: 0px;
top: 4px;
border-left: 3px solid #aba589;
}
.top_series {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 50px 50px 50px;
list-style: none;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.top_series li {
display: -webkit-box;
-webkit-box-align: center;
}
.top_series li a:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: underline;
text-decoration-color: #222222;
}
.gohouzen_bt {
border-top: solid 1px #e5e5e5;
}
.gohouzen_bb {
border-bottom: solid 1px #e5e5e5;
}
.gohouzen_br {
border-right: solid 1px #e5e5e5;
}
.gohouzen_bl {
border-left: solid 1px #e5e5e5;
}
.top_series_item {
display: grid;
grid-template-columns: 40px 106px 20px;
}
.top_series_item img {
width: 40px;
height: 40px;
padding: 1px;
}
.top_series_item p {
position: relative;
display: -webkit-box;
-webkit-box-align: center;
color: #000000;
margin: 0px;
}
.series_mark {
position: relative;
}
.series_mark::before {
position: absolute;
content: "";
border-top: solid 1px grey;
border-right: solid 1px grey;
width: 6px;
height: 6px;
transform: rotate(45deg);
right: 12px;
bottom: 18px;
}
/*★*/
/* 幅から選ぶ */
.choose_from_width {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.choose_from_width li {
list-style: none;
display: -webkit-box;
-webkit-box-align: center;
}
.choose_from_width li:hover {
opacity: 0.8;
transition: ease .2s;
}
.choose_from_width a {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
color: #222222;
}
.width_item {
display: grid;
grid-template-columns: 160px 20px;
grid-template-rows: 50px;
}
.width_item p {
margin-top: 15px;
margin-left: 8px;
}
/* 検索ボックス */
.fs-p-productSearch__form {
padding: 15px;
}
.fs-p-productSearch__form {
transform: translateY(12%);
margin-top: 20px;
margin-bottom: 45px;
}
.fs-p-productSearch__inputTable th {
text-align: left;
}
.fs-p-productSearch__field {
grid-template-columns: auto;
grid-gap: 15px;
}
.fs-p-productSearch__searchButtonContainer {
display: inline-block;
grid-row: auto;
}
.fs-c-inputTextGroup {
font-weight: 500;
margin-top: 10px;
}
.fs-p-productSearch__inputTable > tbody > tr {
display: grid;
grid-template-columns: auto auto;
}
.fs-p-productSearch__inputTable th {
text-align: left;
grid-column: 1 / 3;
}
.fs-p-productSearch__inputTable td {
display: inline-block;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
.price_grid {
margin-top: 10px;
display: grid;
grid-template-columns: 30px 90px 36px 90px 30px;
grid-template-rows: 30px;
font-weight: 500;
place-items: center;
justify-content: left;
}
.size_grid {
margin-top: 10px;
display: grid;
grid-template-columns: 50px 165px 165px 165px;
grid-template-rows: 30px;
font-weight: 500;
place-items: center;
justify-content: left;
}
/* ラジオボタンデザイン */
.fs-c-radio__radioMark {
border: 1px solid #e5e5e5;
}
.fs-c-radioGroup {
display: grid;
grid-template-columns: ;
}
/* ボタン位置 */
.clear_search_button_area {
margin: 0 auto;
text-align: center;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/* 条件クリアボタン */
.clear_button {
padding: 0.5em 1.5em 0.5em;
background: #FFFFFF;
border: 1px solid #e5e5e5;
border-radius: 0px;
color: #222222;
cursor: pointer;
display: inline-block;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
text-align: center;
}
.clear_btn_margin {
margin-right: 10px;
}
/* 検索ボタン */
.fs-c-button--secondary {
padding: 0.5em 3em 0.5em;
background: #222222;
border: 1px solid #222222;
border-radius: 0px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
text-align: center;
}
.search_btn_margin {
margin-left: 10px;
}
/* デフォルト商品一覧 */
.fs-c-subgroup {
display: none;
}
/* 並べ替え */
.fs-c-sortItems__label {
border: none;
}
.fs-c-sortItems__list > li {
margin-left: 10px;
border: 1px solid #e5e5e5;
}
.fs-c-sortItems__list__item.is-active {
background: #646464;
border: 1px solid #e5e5e5;
}
.fs-c-sortItems__list__item a {
color: #3790e8 !important;
}
/* ズームボタン */
.fs-c-productListItem__viewMoreImageButton {
display: none;
}
/* 商品価格文字 */
#fs_ProductCategory .fs-c-productPrice__main__label {
display: none;
}
/*#fs_ProductDetails .fs-c-productPrice__main__label {
font-size: 0px;
}
#fs_ProductDetails .fs-c-productPrice__main__label::before {
content: "価格";
font-size: 1.4rem;
}*/
#fs_ProductDetails .fs-c-productPrice {
font-weight: bold;
}
#fs_ProductDetails .fs-c-price {
margin-right: 5px;
}
/* 商品名 */
.fs-c-productName__name {
color: #222222;
}
#fs_ProductCategory .fs-c-productPrice__main__price span {
color: #222222;
font-size: 18px;
margin-right: 7px;
}
.fs-c-productMark__mark {
border-radius: 0px;
margin-bottom: 5px;
font-size: 12px;
}
.fs-c-productList__list__item {
position: relative;
padding-bottom: 60px;
}
#fs_ProductCategory .fs-c-productList__list__item {
padding-bottom: 90px;
}
.fs-c-productList__list__item a:hover, .fs-c-productList__list__item img:hover {
opacity: 0.8;
transition: ease .2s;
text-decoration: underline;
text-decoration-color: #222222;
}
.fs-c-productListItem__control {
position: absolute;
padding-left: 8px;
padding-right: 8px;
bottom: 0px;
right: 0px;
left: 0px;
}
#fs_ProductCategory .fs-c-productListItem__control {
bottom: 30px;
}
.fs-c-productListItem__prices {
position: absolute;
padding-left: 8px;
padding-right: 8px;
bottom: 30px;
right: 0px;
left: 0px;
}
#fs_ProductCategory .fs-c-productListItem__prices {
bottom: 60px;
}
#fs_ProductCategory .fs-c-productList__list {
grid-row-gap: 30px;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
margin-right: 5px;
color: #CC6666;
}
/*-------------------------------------
▼ カテゴリー(中) ▼
-------------------------------------*/
.category_tyuu-title1 {
font-size: 28px;
font-weight: 500;
}
/*-------------------------------------
▼ お問い合わせフォーム ▼
-------------------------------------*/
.contact_us-title1 {
font-size: 28px;
font-weight: 500;
}
/*-------------------------------------
▼ 新着商品 ▼
-------------------------------------*/
.new_item_title1 {
font-size: 28px;
font-weight: 500;
}
.new_item_recommend ul {
margin: 0;
padding: 0;
}
.new_item_recommend li {
list-style: none;
}
.fs-c-productListCarousel__list__item {
position: relative;
padding-bottom: 70px;
}
/*-------------------------------------
▼ レビュー ▼
-------------------------------------*/
/*平均評価*/
/*星・件数*/
.fs-c-productReview__aggregateRating {
display: grid;
grid-template-columns: auto 1fr;
}
.fs-c-productReview__aggregateRating::before {
margin-top: 20px;
content: "カスタマーレビュー";
font-size: 24px;
font-weight: bold;
grid-row-start: 1;
}
/*星・数値*/
.fs-c-aggregateRating__rating {
display: grid;
grid-template-columns: auto auto auto;
grid-row-start: 2;
grid-column-start: 1;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*平均評価星*/
.fs-c-rating__stars {
grid-row-start: 1;
grid-column-start: 3;
}
/*星の色*/
.fs-c-reviewStars::before {
color: #F3CE33
}
/*レビュー星の数表示変更*/
.fs-c-reviewStars[data-ratingCount="0"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_0.png);
}
.fs-c-reviewStars[data-ratingCount="0.5"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_0-5.png);
}
.fs-c-reviewStars[data-ratingCount="1.0"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_1.png);
}
.fs-c-reviewStars[data-ratingCount="1.5"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_1-5.png);
}
.fs-c-reviewStars[data-ratingCount="2.0"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_2.png);
}
.fs-c-reviewStars[data-ratingCount="2.5"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_2-5.png);
}
.fs-c-reviewStars[data-ratingCount="3.0"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_3.png);
}
.fs-c-reviewStars[data-ratingCount="3.5"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_3-5.png);
}
.fs-c-reviewStars[data-ratingCount="4.0"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_4.png);
}
.fs-c-reviewStars[data-ratingCount="4.5"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_4-5.png);
}
.fs-c-reviewStars[data-ratingCount="5.0"]::before {
content: url(https://koseishop.itembox.design/item/images/item/review/icon_star_5.png);
}
/*平均評価数字*/
.fs-c-rating__value {
grid-row-start: 1;
grid-column-start: 2;
color: #3c3c3c;
font-weight: 500;
}
.fs-c-aggregateRating__rating::before {
content: "平均評価";
font-size: 14px;
}
/*件数*/
.fs-c-aggregateRating__count {
grid-row-start: 2;
grid-column-start: 2;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-aggregateRating__count::after {
content: "件の評価";
}
.fs-c-reviewer__name {
grid-column-start: 1;
padding-left: 10px;
}
.fs-c-reviewer__name__reviewNumber::after {
content: "件)";
}
.fs-c-reviewer__name::after {
content: "購入者";
background-color: gray;
padding: 3px 5px;
color: #FFFFFF;
}
.fs-c-reviewInfo__reviewer {
display: grid;
grid-template-columns: auto 85px;
margin: 4px 0;
}
.fs-c-reviewInfo--productDescription .fs-c-reviewInfo__reviewer {
background-color: #f7f7f7;
padding: 10px 0px;
}
.fs-c-reviewInfo__date {
grid-row-start: 1;
grid-column-start: 2;
margin: 4px 0;
padding: 10px 0px;
background-color: #f7f7f7;
display: -webkit-box;
-webkit-box-align: center;
}
.fs-c-reviewer__profile {
grid-row-start: 1;
grid-column-start: 2;
}
.fs-c-reviewBody {
padding: 5px 0px;
border: none;
}
.fs-c-reviewList {
font-weight: 500;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-reviewList__item {
padding: 0px
}
.fs-c-reviewList__item:first-child {
border: none;
}
#fs_ProductDetails .fs-c-reviewList__item__info {
display: grid;
grid-template-columns: auto 120px;
padding: 0px;
border: none;
grid-row-gap: 10px;
}
.fs-c-reviewRating {
grid-row-start: 2;
}
.fs-c-reviewStars {
display: grid;
grid-template-columns: auto 1fr;
}
.fs-c-reviewStars::after {
grid-column-start: 2;
grid-row-start: 1;
}
#fs_ProductDetails .fs-c-reviewInfo__stars::after {
content: "おすすめ度";
margin-right: 10px;
grid-column-start: 1;
}
.fs-c-reviewList__item__body {
margin: 0px;
}
.fs-c-reviewer__profile__prefecture {
display: none;
}
.fs-c-productReview__allReviews {
justify-content: flex-end;
}
.fs-c-reviewSuccessComment ul {
list-style: none;
text-align: left;
padding: 0px;
}
.fs-c-reviewSuccessComment li {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-reviewSuccessComment p {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
text-align: left;
}
/*-------------------------------------
▼ すべてのレビューを見る ▼
-------------------------------------*/
.fs-c-history .fs-c-reviewList--product .fs-c-reviewList__item {}
/*-------------------------------------
▼ レビューを書く ▼
-------------------------------------*/
.fs-c-productReviewed, .fs-c-reveiwNotes, .fs-c-aggregateRating__message {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*-------------------------------------
▼ カート ▼
-------------------------------------*/
.fs-l-cart__contentsArea, .fs-c-cartDiscountInfo, .fs-p-announcement, .fs-c-continueShopping, .fs-p-announcement__body {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-body-cart .fs-l-cart__contentsArea {
font-weight: 500;
}
.fs-c-listedProductName__variation, .fs-c-listedProductName__selection {
font-size: 12px;
}
.fs-c-cartTableContainer {
padding: 0px;
border: none;
}
.fs-c-payWithAmazon {
display: grid;
grid-template-columns: 1fr;
margin-top: 0px;
}
.fs-c-payWithAmazon__message {
grid-row-start: 3;
}
.fs-c-payWithAmazon__button {
grid-row-start: 2;
display: grid;
padding-top: 0px;
}
.fs-c-purchaseHere__message {
text-align: center;
}
.fs-c-payWithAmazon__button::before {
grid-row-start: 1;
content: "または";
text-align: center;
padding-bottom: 8px;
}
.fs-c-orderTotalTable > thead > tr th, .fs-c-orderTotalTable > thead > tr td, .fs-c-orderTotalTable > tfoot > tr th, .fs-c-orderTotalTable > tfoot > tr td, .fs-c-orderTotalTable > tbody > tr th, .fs-c-orderTotalTable > tbody > tr td {
border-top: none;
}
.fs-c-orderTotalTable__itemPriceSummary {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
.fs-c-cartTable tr {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.fs-c-cartTable th {
background-color: #FFFFFF;
}
.fs-c-cartTable__headerCell--action {
width: 80px;
}
.fs-c-cartTable__headerCell, .fs-c-cartTable__dataCell {
border: none;
}
.fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
border: none;
padding-top: 0px;
margin-top: 8px;
}
.fs-c-cartTable__actionButton span {
color: #3c3c3c;
}
.fs-c-cartTable__productName__name a {
color: #3c3c3c;
}
.fs-c-orderTotalTable th, .fs-c-orderTotalTable td {
border: none;
}
/*-------------------------------------
▼ マイページ ▼
-------------------------------------*/
.fs-body-my-top .fs-p-accountInfo {
flex-basis: 30%;
}
.fs-body-my-top .fs-c-accountService {
flex-basis: 70%;
}
#fs_MyPageTop .fs-c-accountService__page {
font-weight: bold;
}
#fs_MyPageTop .fs-p-accountInfo__point__point__rate {
display: none;
}
#fs_MyPageTop .fs-p-accountInfo__point__point__available__number {
color: #cc4747;
font-size: 2.8rem;
}
#fs_MyPageTop .fs-p-accountInfo__header {
display: grid;
text-align: center;
grid-template-columns: 100%;
}
#fs_MyPageTop .fs-p-accountInfo__accountName__name {
font-size: 2rem;
font-weight: bold;
}
.fs-body-my-top .fs-l-account {
font-weight: 500;
}
.fs-l-account {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-heading--page {
font-weight: 500;
color: #3c3c3c;
border-bottom: 1px solid #999999;
}
.fs-c-wishlistProduct__footer {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*おきにいり*/
.fs-p-announcement__title {
color: #3c3c3c;
}
.fs-p-announcement {
font-weight: 500;
}
.fs-c-list li::before {
border: 4px solid #aba589;
}
.fs-c-buttonContainer {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#fs_MyWishList .fs-c-productListItem__prices {
bottom: 60px;
}
#fs_MyWishList .fs-c-productList__list {
grid-row-gap: 30px;
}
#fs_MyWishList .fs-c-productList__list__item {
padding-bottom: 90px;
}
#fs_MyWishList .fs-c-productListItem__control {
bottom: 30px;
}
.fs-c-addressBookList {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-history {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number {
color: #cc4747;
}
/*レビュー履歴*/
#fs_MyReviews .fs-c-reviewInfo__date {
background-color: #FFFFFF;
}
/*会員詳細*/
.fs-c-inputInformation__field--display .fs-c-inputTable__headerCell {
font-size: 1.6rem;
}
/*会員登録*/
.fs-c-registerSuccessMessage {
text-align: left;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 24px;
}
.fs-body-register-success .fs-c-buttonContainer--myPageTop {
text-align: left;
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*ご注文履歴*/
.fs-c-history__listContainer {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*購入完了*/
#fs_CheckoutSuccess .fs-c-subSection__title {
border-bottom: none;
}
.fs-c-subSection {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*-------------------------------------
▼ 新規登録 ▼
-------------------------------------*/
.fs-c-inputInformation {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*-------------------------------------
▼ 自動表示系 ▼
-------------------------------------*/
/*共通設定*/
.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
border: none;
font-size: 2rem;
font-weight: bold;
color: #222222;
}
.fs-c-wishlistProduct__title::after, .fs-c-featuredProduct__title::after {
vertical-align: middle;
font-size: 1rem;
margin-left: 20px;
color: #ACA692;
}
.slick-slide {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
}
/*関連商品*/
#fs_ProductDetails .fs-c-wishlistProduct__title::after, #fs_ProductDetails .fs-c-featuredProduct__title::after {
content: "RELATED ITEMS";
}
/*「お気に入りリスト」に入っている商品*/
#fs_MyPageTop .fs-c-wishlistProduct__title::after, #fs_MyPageTop .fs-c-featuredProduct__title::after {
content: "FAVORITE LIST PRODUCT";
}
#fs_ShoppingCart .fs-c-wishlistProduct__title::after, #fs_ShoppingCart .fs-c-featuredProduct__title::after {
content: "FAVORITE LIST PRODUCT";
}
.fs-l-productLayout .line-hr {
margin: 40px 0px;
}
.fs-l-productLayout .title_border {
margin: 40px 0px;
}
#fs_MyWishList .fs-c-aggregateRating__rating {
grid-template-columns: auto auto;
}
#fs_MyWishList .fs-c-rating__stars {
grid-column-start: 1;
grid-row-start: 2;
}
#fs_MyWishList .fs-c-productListItem__viewReview {
justify-content: flex-start;
padding: 0px;
}
/*～のところ～円：一覧ページ表示しない*/
#fs_ProductCategory .fs-c-productPrice--listed {
display: none;
}
/*～のところ～円：検索結果ページ表示しない*/
#fs_ProductSearch .fs-c-productPrice--listed {
display: none;
}
/*ご注文手続き*/
.fs-l-checkout {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*ご注文手続き*/
.fs-c-checkout-communicationTextarea {
font-size: 1.0em;
}
/*-------------------------------------
▼ フリーページ ▼
-------------------------------------*/
.free_page_area {
font-family: "游ゴシック", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 1.5rem;
}
.free_page_title {
font-size: 28px;
text-align: center;
}
.free_page_text_1 {
margin-top: 30px;
font-size: 14px;
}
.free_page_text_1 {
line-height: 24px;
}
.guide_link_grid_1 {
margin: 30px 0px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 220px 80px 85px;
grid-column-gap: 35px;
padding: 0px 10px;
}
.guide_link_grid_2 {
margin: 30px 0px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 35px;
padding: 0px 10px;
}
.guide_link_title {
padding: 5px 0px;
text-align: center;
}
.guide_link_title a {
display: block;
color: #3572b0;
}
.guide_text {
padding: 10px 15px 10px 15px;
}
.guide_text a {
color: #3c3c3c;
}
.guide_link_grid_1 .guide_link_title {
background-color: #F5F5F5;
color: #3572b0;
}
.guide_link_grid_2 .guide_link_title {
background-color: #F5F5F5;
color: #3572b0;
}
.guide_box {
margin-top: 20px;
border-bottom: 1px solid #3c3c3c;
}
.free_page_area li::marker {
color: #aba589;
content: "●";
}
.guide_box li {
margin-top: 10px;
}
.guide_box li::marker {
margin-right: 0px;
}
.guide_box li:first-child {
/* margin-top: 0px;*/
}
.free_page_list_mark_1 li {
margin-top: 0px;
}
.free_page_list_mark_1 li::marker {
margin-right: 10px;
content: "◎";
}
.guide_box .free_page_list_mark_1 li {
margin-left: 10px;
}
.free_page_list_mark_2 li::marker {
margin-right: 10px;
content: "・";
}
.free_page_list_mark_5 li {
margin-top: 5px;
}
.free_page_list_mark_5 li::marker {
margin-right: 10px;
content: "‣";
}
.free_page_sub_title {
font-weight: bold;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 3px;
margin-bottom: 10px;
}
.free_page_list_mark_5 ul {
margin-top: 7px;
margin-bottom: 7px;
padding-left: 20px;
list-style-type: disc;
list-style-position: outside;
}
.guide .free_page_list_mark_5 ul {
margin-top: 0px;
}
.guide_box_a {
grid-column-start: 1;
grid-row-start: 1;
grid-row: 1/4;
}
.guide_box_b {
grid-column-start: 2;
grid-row-start: 1;
grid-row: 1;
}
.guide_box_c {
grid-column-start: 1;
grid-row-start: 2;
grid-row: 4/5;
}
.guide_box_d {
grid-column-start: 2;
grid-row-start: 2;
grid-row: 2/4;
}
.guide_box_e {
grid-column-start: 2;
grid-row-start: 3;
grid-row: 4;
}
.free_page_list_mark_1 ul, .free_page_list_mark_2 ul {
margin-top: 7px;
margin-bottom: 7px;
padding-left: 20px;
list-style-type: disc;
list-style-position: outside;
}
.free_page_img {
margin-left: 15px;
}
.related_page {
display: -webkit-box;
-webkit-box-align: center;
}
.related_page_mark {
display: inline-block;
background-color: #f5f5f5;
color: #3c3c3c;
padding: 3px 10px;
}
/*.related_page a::before {
content: "*";
display: inline-block;
padding: 0px 5px;
}*/
.font_red {
color: #cc4747;
}
.font_grey {
color: #EDEDED;
}
/*発送について*/
.delivery table {
border-collapse: collapse;
width: 100%;
}
.delivery_table_bc {
background-color: #EDEDED;
}
.delivery table td {
border: 1px solid #3c3c3c;
text-align: center;
}
.delivery .free_page_list_mark_1 li {
margin-top: 8px;
}
.delivery .related_page {
margin-top: 5px;
}
/*商品について*/
.product .free_page_list_mark_2 li {
margin-top: 8px;
}
.member-privilege table {
border-collapse: collapse;
}
.member-privilege table td {
border: 1px solid #3c3c3c;
text-align: center;
padding: 15px 10px 15px 10px;
}
.member-privilege table td.member_table_title {
padding: 0px 5px;
background-color: #D9D9D9;
}
/*返品・交換*/
.return-exchange table th {
font-weight: 500;
text-align: left;
width: 105px;
}
.return_sub_title {
font-weight: bold;
}
/* 会員登録の操作について */
.registration .related_page {
margin-top: 10px;
}
.registration .related_page a {
display: -webkit-box;
-webkit-box-align: center;
}
.registration_grid_1 {
display: grid;
grid-template-columns: auto 1fr 1fr;
margin: 10px 0px;
}
.registration_grid_2 {
display: grid;
grid-template-columns: 370px 380px;
grid-column-gap: 30px;
margin: 10px 0px;
}
.free_img_mail div {
text-align: center;
}
.free_img_passwd div {
text-align: center;
}
/*会員特典*/
.member-privilege .free_page_img {
display: inline-block;
text-align: center;
}
/* MYページ・パスワード再発行について */
.free_page_area ol {
counter-reset: my-counter;
list-style-type: none;
padding: 0;
margin: 0;
}
.free_page_list_mark_3 ol > li {
padding-left: 20px;
position: relative;
margin-top: 8px;
}
.free_page_list_mark_3 ol > li::marker {
content: "";
}
.free_page_list_mark_3 ol > div {
padding-left: 20px;
}
.free_page_list_mark_3 ol > li:before {
content: counter(my-counter);
counter-increment: my-counter;
border: 1px solid #3c3c3c;
border-radius: 50%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 15px;
width: 15px;
color: #3c3c3c;
line-height: 1;
position: absolute;
top: 3px;
left: 0;
font-size: 12px;
}
/*お支払い方法*/
.order_box_1 {
position: relative;
padding-right: 280px;
}
.order_img_1 {
position: absolute;
right: 0px;
top: 0px;
}
/*絞り込み*/
.filtering-reordering .free_page_list_mark_3 ol > li {
margin-top: 20px;
}
.filtering-reordering .free_page_list_mark_3 ol > div {
padding-left: 0px;
}
/*利用規約*/
.terms_title {
font-weight: bold;
margin-top: 15px;
}
.free_page_list_mark_4 ul {
margin-top: 7px;
margin-bottom: 7px;
padding-left: 20px;
list-style-type: disc;
list-style-position: outside;
}
.tokushoho table {
border-collapse: collapse;
margin-top: 50px;
}
.tokushoho table tr {
border-top: 1px solid #3c3c3c;
border-bottom: 1px solid #3c3c3c;
}
.tokushoho table th {
font-weight: normal;
width: 200px;
}
.tokushoho table th, .tokushoho table td {
padding: 5px 0px;
}
/*-------------------------------------
▼ 新規登録 ▼
-------------------------------------*/
/*性*/
#fs_input_lastName::after {
content: "佼成";
}
/*名*/
#fs_input_firstName::after {
content: "太郎";
}
/* border box */
.border_box {
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 18px;
padding-bottom: 18px;
border: 5px solid #f5f5f5;
vertical-align: middle;
text-align: center;
}
.image_box_img {
max-width: 100%;
margin: 0 auto;
}