/*****************************************************
「目次」
01.共通部分
02.ヘッダー
03.スライダー
04.サイドバー
05.メインコンテンツ
06.グループ
07.フッター
08.期間限定
09.動画
10.特集
11.商品詳細
12.アプリ審査対応
13.カート
14.会員登録
15.Q&A
16.長期休暇など
17.店舗一覧
18.ご利用ガイド
99.指定リンク
*****************************************************/
/* /////////////////////////////////////////////////////////////////////
//01.共通部分
/////////////////////////////////////////////////////////////////////*/
#fs-page-error-container {
min-width: auto;
max-width: fit-content;
}
/*20220526 display:none;より変更 影響確認中*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {font-size: 12px;}
body {
font-family: 'Noto Sans Japanese', "Noto Sans JP", '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 12px;
font-weight: 500;
color: #333333;
line-height: 1.5;
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5 {line-height:1.5;
}
a:hover, a:visited {color:inherit;}
.fs-p-searchForm__button
.fs-p-searchForm__button::before {content:""!important;}
ul,ol {
list-style-type: none;
}
img {
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
a:hover, a:hover img {
text-decoration: underline;
opacity: 0.8;
}
.wrapper {
max-width: 1240px;
padding: 50px 20px 0;
margin: auto;
display: flex;
justify-content: space-between;
}
.main,.side + .fs-l-pageMain {
width: 75%;
max-width: 890px;
}
.side {
width: 23.5%;
/*max-width: 280px;*/
display:block;
}
.side :first-child{
font-weight:bold;
}
.inline-b {
display: inline-block;
vertical-align: middle;
}
.inline-b img {
vertical-align: middle;
}
.dnone {
display: none;
}
.mainTitle {
text-align: left;
font-size: 24px;
font-weight: bold;
margin-bottom: 45px;
}
img.instagram_logo {
width: 24px;
}
.mainTitle span {
display: inline-block;
font-size: 12px;
font-weight: 500;
}
.mainTitle span.mainTitle_inner {
font-size: inherit;
font-weight: inherit;
}
.mainTitle span.mainTitle_inner span.inline-b {
display: inline-block;
font-size: inherit;
font-weight: inherit;
}
.mainTitle span.mainTitle_inner span.inline-b img {
vertical-align: middle;
}
.morebtn {
text-align: center;
font-size: 14px;
margin-top: 45px;
}
.morebtn a {
position: relative;
border: solid 2px #333;
border-radius: 50px;
display: block;
width: 250px;
padding: 20px 0;
margin: auto;
color: #333;
}
/*.morebtn a:after {
font-family: "Font Awesome 5 Free";
content: '\f054';
font-weight: 900;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
display: inline-block;
width: 12px;
height: 19px;
color: #aa0000;
}*/
.morebtn a:hover {
border-color: #aa0000;
color: #aa0000;
text-decoration: none;
}
.graybox {
background: rgb(234,229,227,0.5);
padding: 32px 30px;
}
.toggle {
position: relative;
}
.accordion li .accordion_icon,
.accordion li .accordion_icon span {
display: inline-block;
transition: all .3s;
box-sizing: border-box;
}
.accordion li .accordion_icon {
position: absolute;
width: 12px;
height: 12px;
top:20px;
right:10px;
}
.accordion li .accordion_icon span {
position: absolute;
width: 100%;
height: 1px;
background-color: #321d0a;
}
.accordion li .accordion_icon span:nth-of-type(1) {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.accordion li .accordion_icon.active span:nth-of-type(1) {
display:none;
}
.accordion li .accordion_icon.active span:nth-of-type(2) {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.cInner {
width: 100%;
max-width: 1200px;
margin: auto;
}
.flex2clm {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.flex2clm_unit{
width:calc(100%/ 2);
}
.flex2clm_unit:nth-child(n+3){
margin-top:20px;
}
.flex3clm {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.flex3clm_unit{
width:calc(100%/ 3);
}
.flex3clm_unit:nth-child(n+4){
margin-top:20px;
}
.fs-c-inputInformation__message{
font-size:17px;
}
ul.pick_up_kagu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pick_up_kagu li {
width: 33%;
padding: 1rem;
}
/* /////////////////////////////////////////////////////////////////////
//02.ヘッダー
/////////////////////////////////////////////////////////////////////*/
.headerTop {
background: #fff;
color: #000;
text-align: center;
padding: 3px 0;
}
.flex3clm_unit.logobox img {
width: 90%;
}
.headerTop .headerTop_sttxt {
font-size: 14px;
}
.headerTop .headerTop_sttxt strong {
font-size: 18px;
font-weight: bold;
}
.headerTop .headerTop_sttxt .yellow {
color: #aa0000;
}
.headerfix {
border-top: solid #aa0000 3px;
background: #fff;
}
.headermiddle {
padding: 12px 0 0;
height:128px;
}
.headermiddle h1 {
font-size: 11px;
}
.headermiddle ul.hmd_topList {
text-align: right;
height:18px;
white-space:nowrap;
}
.headermiddle ul.hmd_topList li {
vertical-align: top;
display: inline-block;
font-size: 11px;
}
.headermiddle ul.hmd_topList li:nth-of-type(n+2):before {
content: "|";
display: inline-block;
padding: 0 10px;
}
.hmd_bottom.flex3clm {
justify-content: space-between;
height:80px;
}
.hmd_bottom .flex3clm_unit {
display: flex;
align-items: center;
justify-content: center;
}
.hmd_bottom .flex3clm_unit.logobox{
width:15%;
text-align: center;
padding: 10px 0;
height:80px;
}
.hmd_bottom .flex3clm_unit.logobox img {
max-height: 61px;
}
.hmd_bottom .flex3clm_unit.hmd_bottomListbox{
width: 34%;
}
.hmd_bottom .searchbox {
width: 33%;
display: flex
;
flex-direction: column;
height: fit-content;
}
.hmd_bottom .searchbox form {
position: relative;
width: 100%;
margin-right: auto;
}
.hmd_bottom .searchbox form input {
width: 100%;
padding: 8px;
font-size: 12px;
}
.hmd_bottom .searchbox form button {
position: absolute;
right: 10px;
top: 0;
bottom: 0px;
border: none;
background: no-repeat;
}
.hmd_bottom .searchbox form button:hover {
cursor: pointer;
}
.hmd_bottom .hmd_bottomList {
width: 100%;
height: 100%;
align-items: center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.hmd_bottom .hmd_bottomList .hmd_bottomList_unit{
width:calc((100% - 40px)/ 5);
height: 100%;
align-items: center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.hmd_bottom .hmd_bottomList .hmd_bottomList_unit:nth-of-type(n+2) {
margin-left: 10px;
}
.hmd_bottom .hmd_bottomList .hmd_bottomList_unit span{
display: block;
text-align: center;
font-size: 12px;
white-space:nowrap;
}
.headerbottom {
border-bottom: solid #999 1px;
}
.headerbottom .cInner {
position: relative;
}
.headerbottom .hnav {
display: flex;
align-items: center;
justify-content: center;
height:98px;
}
.headerbottom .hnav .hnav_unit {
border-bottom: solid 5px #fff;
width:calc((100% - 180px)/ 7);
text-align: center;
padding: 10px 0;
}
.headerbottom .hnav .hnav_unit:hover {
border-bottom: solid 5px #aa0000;
}
.headerbottom .hnav .hnav_unit:hover a {
text-decoration: none;
}
.headerbottom .hnav .hnav_unit:nth-of-type(n+2) {
margin-left: 30px;
}
.headerbottom .hnav .hnav_unit > a > span {
display: block;
font-size: 12px;
font-weight: bold;
}
.headerbottom .hnav .hnav_unit > a > span.hnav_unitname {
display: inline;
}
.headerbottom .hnav .hnav_unit img {
max-width: 50px;
}
.headerbottom .hnav_drop{
position:absolute;
width:100%;
top:100%;
left:0px;
z-index:1000000;
text-align: left;
background:#fff;
padding: 20px 40px;
display: none;
border: solid #999999 1px;
}
.hnav_drop h3 {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.hnav_drop .hdropList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:flex-start;
}
.hnav_drop .hdropList .hdropList_unit {
width:calc((100% - 180px)/ 4);
}
.hnav_drop .hdropList .hdropList_unit:nth-of-type(n+2) {
margin-left: 60px;
}
.hnav_drop .hdropList .hdropList_unit:nth-of-type(4n+1) {
margin-left: 0px;
}
.hnav_drop .hdropList .hdropList_unit:nth-of-type(n+5) {
margin-top: 30px;
}
.hnav_drop .hdropList .hdropList_unit a {
display: block;
text-align: left;
}
.hnav_drop .hdropList .hdropList_unit a .hdropList_unit_img {
margin-right: 10px;
}
.navi-cartItemNumber {
background: #aa0000;
border-radius: 1em;
color: #ffffff;
display: none;
font-size: 1.3rem;
line-height: 1;
padding: 0.25em 0.5em;
position: absolute;
top: -10px;
right: -5px;
}
.pagetop {
position: fixed;
bottom: 20px;
right: 20px;
}
.pc033 {
top: 60px;
}
/*marquee*/
.marquee {
width:100%;
padding:0.5em 0;
overflow:hidden;
background-color:#f6f6f6;
margin-bottom:10px;
position:relative;
}
.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}
.marquee p {
margin:0;
padding-left:100%;
display:inline-block;
white-space:nowrap;
-webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:20s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:20s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:20s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:20s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:20s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
from { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
from { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
from { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
from { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
from { transform: translate(0%);}
99%,to { transform: translate(-100%);}
}
/*〆marquee*/
input.search_sort_value {
display: none;
}
.hotword {
display: flex
;
flex-wrap: wrap;
max-width: 100%;
/* margin: auto; */
white-space: nowrap;
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: #AA0000 #FFFFFF;
}
.hotword ul li {
margin: 3px;
padding: 3px;
background-color: #eae5e3;
display: inline-block;
font-weight: 500;
}
.hotword p {
padding: 10px;
}
.hotword ul li:before {
background: url(https://manabeih.itembox.design/item/webp/ma_ic48.webp)no-repeat;
vertical-align: middle;
content: "";
padding-right: 15px;
background-size: contain;
opacity: 0.5;
margin-right: 5px;
transform: scale(-1,1);
}
.haisouchien {
font-size: 16px;
margin-top: 19px;
text-align:center;
}
.flex3clm_unit.categoly {
width: 15%;
height: inherit;
position: relative;
}
.categoly a {
display: flex
;
flex-direction: column;
align-items: center;
height: -webkit-fill-available;
}
img.categoly1 {
width: 40%;
margin:auto;
display:block;
}
.categoly:hover .dropdown-menu {
display: block;
}
.dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #FFFFFF;
width: 1050px;
z-index: 10;
border: groove;
}
.dropdown-menu ul {
list-style-type: none;
margin: 10px 5px 10px 5px;
}
.dropdown-menu ul li {
display: inline-block;
width: 90px;
}
.categoly a {
display: flex;
flex-direction: column;
align-items: center;
height: -webkit-fill-available;
}
img.categoly2 {
width: 50px;
filter: grayscale(1);
margin: auto;
display:block;
}
.ct li a:hover img.categoly2{
filter:grayscale(0)
}
/* /////////////////////////////////////////////////////////////////////
//03.スライダー
/////////////////////////////////////////////////////////////////////*/
.eyecatch .slider .slick-list {
overflow: hidden;
}
.slider {
background: #f2f2f2;
}
.slick-slide {
padding: 5px 8px;
}
.slick-dotted.slick-slider {
margin-bottom: 40px!important;
}
.slick-dots {
bottom: -38px!important;
z-index: 10;
}
.slick-dots li button:before {
background: #eae5e3!important;
width: 20px!important;
height: 20px!important;
text-indent: -9999px;
border-radius: 50px;
opacity: 1!important;
}
.slick-dots li.slick-active button:before {
background: #aa0000!important;
}
.slick-slide img {
margin: auto;
}
/* /////////////////////////////////////////////////////////////////////
//04.サイドバー
/////////////////////////////////////////////////////////////////////*/
.side .side_bnrarea .side_bnrarea_unit {
font-size: 0;
}
.side .side_bnrarea .side_bnrarea_unit:nth-of-type(n+1) {
margin-top: 30px;
}
.side_cateListbox .side_cateListTitle {
font-size: 14px;
font-weight: bold;
margin-bottom: 25px;
}
.side_cateListbox .side_cateListTitle span {
display: block;
font-size: 12px;
}
.side_cateList .side_cateList_unit:nth-of-type(n+2) {
margin-top: 30px;
}
.side_cateList .side_cateList_unit > a {
font-size: 14px;
font-weight: bold;
}
.side_cateList .side_cateList_unit a {
display: block;
text-align: left;
}
.side_cateList .side_cateList_unit a:hover {
text-decoration: none;
}
.side_cateList .side_cateList_unit a .side_cateList_img {
margin-right: 15px;
}
.sCateAcList {
display: none;
}
.sCateAcList .sCateAcList_unit {
position: relative;
}
.sCateAcList .sCateAcList_unit a {
padding: 15px 25px;
}
.sCateAcList .sCateAcList_unit a:hover {
background: #f2f2f2;
text-decoration: none;
}
/*.sCateAcList .sCateAcList_unit a:after {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid;
border-color: #333 #333 transparent transparent;
transform: rotate(45deg);
}*/
.calender_box {
margin-top: 60px;
}
.calender_box .calender_title {
font-size: 12px;
font-weight: 500;
}
.calender_box .calender_title b {
font-size: 14px;
font-weight: bold;
}
.calender_box .calender_title .calender_titleic {
margin-right: 15px;
}
.Today {
border: 1px solid #898880;
box-sizing: border-box;
}
.side_bnrarea li img {
width: 100%;
height: auto;
}
.SearchItemForm {
background-color: #eae5e3;
padding: 10px;
word-break: keep-all;
}
.SearchItemForm input {
max-width: 70%;
}
.SearchItemForm form {
margin: 10px 0px;
}
.SearchItemForm button {
width: 20%;
margin: 0 5% 0 75%;
}
.side_cateListbox ul li img {
width: 40px;
}
.ct_num:after {
margin-left: 10px;
}
.sCateAcList .sCateAcList_unit {
border-bottom: 1px solid #eae5e3;
}
.sCateAcList {
font-size: 90%;
}
/* /////////////////////////////////////////////////////////////////////
//05.メインコンテンツ
/////////////////////////////////////////////////////////////////////*/
#RANKING, #COORDINATE, #NEWITEM, /*#CAMPAIGN,*/ #BLOG, #history, #ROOM_T, #COLOR_S {
position: relative;
/* padding-top: 118.3px;
margin-top: -118.3px; *//*20220512削除 影響あれば戻す*/
}
#RANKING {
z-index: 4;
overflow:hidden;
}
#COORDINATE , #ROOM_T , #COLOR_S{
z-index: 3;
}
#NEWITEM {
z-index: 2;
}
#U_INFO {
z-index: 1;
}
#BLOG {
z-index: 0;
}
.mainsec_inner {
border-top: solid 1px #999;
margin-top: 70px;
padding-top: 30px;
}
.indexList {
position: relative;
z-index: 5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:space-between;
}
.indexList .indexList_unit {
width:calc((100% - 200px)/ 5);
text-align: center;
font-size: 14px;
font-weight: bold;
}
.indexList .indexList_unit a:hover {
text-decoration: none;
}
.indexList .indexList_unit span {
display: block;
margin-top: 10px;
font-size: 12px;
}
#RANKING a {
text-decoration: none;
}
#RANKING .tabList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:space-between;
margin-bottom: 50px;
border-bottom: solid #aa0000 3px;
}
#RANKING .tabList .tabList__unit {
width:calc((100% - 3px)/ 4);
padding: 15px 0;
text-align: center;
font-size: 14px;
border: solid 1px #999;
border-bottom: none;
}
#RANKING .tabList .tabList__unit:hover {
cursor: pointer;
border: solid 1px #aa0000;
border-bottom: none;
}
#RANKING .tabList .tabList__unit.active {
background: #aa0000;
color: #fff;
border: solid 1px #aa0000;
border-bottom: none;
}
#RANKING .tabContent .rankingList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:flex-start;
}
/*#RANKING .tabContent .rankingList .rankingList_unit {
position: relative;
width:calc((100% - 70px)/ 3);
}*/
#RANKING .tabContent .rankingList .rankingList_unit .rankingList_unitname {
font-size: 14px;
min-height: 46px;
font-weight:200;
}
#RANKING .tabContent .rankingList .rankingList_unit .rankingList_unitprice {
font-size: 14px;
}
#RANKING .rankingList_unitname {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 37px;
}
#RANKING .tabContent .rankingList .rankingList_unit a:before {
position: absolute;
left: 0;
top: 0;
z-index: 2;
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 20px solid #000;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #000;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(1) a:before {
border-top: 20px solid #c3ae65;
border-left: 20px solid #c3ae65;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(2) a:before {
border-top: 20px solid #999;
border-left: 20px solid #999;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(3) a:before {
border-top: 20px solid #996600;
border-left: 20px solid #996600;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(11) a:before {
border-top: 20px solid #c3ae65;
border-left: 20px solid #c3ae65;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(12) a:before {
border-top: 20px solid #999;
border-left: 20px solid #999;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(13) a:before {
border-top: 20px solid #996600;
border-left: 20px solid #996600;
}
#RANKING .tabContent .rankingList .rankingList_unit a:after {
position: absolute;
z-index: 2;
top: 2px;
left: 5px;
content: "";
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #fff;
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(1) a:after {
content: "1";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(2) a:after {
content: "2";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(3) a:after {
content: "3";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(4) a:after {
content: "4";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(5) a:after {
content: "5";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(6) a:after {
content: "6";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(7) a:after {
content: "7";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(8) a:after {
content: "8";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(9) a:after {
content: "9";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(10) a:after {
content: "10";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(11) a:after {
content: "1";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(12) a:after {
content: "2";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(13) a:after {
content: "3";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(14) a:after {
content: "4";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(15) a:after {
content: "5";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(16) a:after {
content: "6";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(17) a:after {
content: "7";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(18) a:after {
content: "8";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(19) a:after {
content: "9";
}
#RANKING .tabContent .rankingList .rankingList_unit:nth-of-type(20) a:after {
content: "10";
}
.coordinateList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:space-between;
}
.coordinateList .coordinateList_unit {
width:calc((100% - 20px)/ 3);
margin-bottom:20px;
}
.coordinateList .coordinateList_unit p {
text-align: center;
}
.coordinateList_unit p {
font-size: 1.3rem;
}
.coordinateList p span {
font-size: 1rem;
padding-left: 10px;
color: #777;
}
#NEWITEM .newList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:space-evenly;
}
#NEWITEM .newList .newList_unit {
position: relative;
width:calc((100% - 70px)/ 3);
}
#NEWITEM .newList .newList_unit:nth-of-type(3n+1) {
margin-left: 0;
}
#NEWITEM .newList .newList_unit:nth-of-type(n+4) {
margin-top: 45px;
}
#NEWITEM .newList .newList_unit .newList_unitimg {
margin-bottom: 25px;
}
#NEWITEM .newList .newList_unit .newList_unitname {
margin-bottom: 10px;
height: 45px;
overflow: hidden;
font-weight: bolder;
font-size: larger;
}
#CAMPAIGN .campaignList {
justify-content: space-between;
}
#CAMPAIGN .campaignList .flex2clm_unit {
width:calc((100% - 30px)/ 2);
}
#CAMPAIGN .campaignList .flex2clm_unit:nth-child(n+3) {
margin-top: 25px;
}
#CAMPAIGN .campaignList .flex2clm_unit .campaignList_img {
margin-bottom: 15px;
}
#BLOG .blogList {
justify-content: space-between;
}
#BLOG .blogList .flex2clm_unit {
width:calc((100% - 20px)/ 2);
padding-top: 12px;
}
#BLOG .blogList .flex2clm_unit:nth-child(n+3) {
border-top: solid 1px #999;
margin-top: 35px;
padding-top: 35px;
}
#BLOG .blogList .flex2clm_unit .blogList_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#BLOG .blogList .flex2clm_unit .blogList_img {
position: relative;
width: 237px;
height: 150px;
border-radius: 0px;
overflow: hidden;
}
#BLOG .blogList .flex2clm_unit .blogList_img img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: none;
height: inherit;
width: auto;
}
#BLOG .blogList .flex2clm_unit .blogList_title {
font-size: 12px;
color: #999;
margin-bottom: 15px;
}
#BLOG .blogList .flex2clm_unit .blogList_txtbox {
width: 148px;
}
#BLOG .blog_morebtn {
text-align: right;
margin-top: 25px;
}
#BLOG .blog_morebtn a {
position: relative;
font-size: 14px;
text-decoration: none!important;
padding-right: 15px;
border-bottom: 1px solid #333;
}
#BLOG .blog_morebtn a:after {
position: absolute;
top: 0;
bottom: 0;
right: 5px;
margin: auto;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid;
border-color: #333 #333 transparent transparent;
transform: rotate(45deg);
}
#INSTAGRAM .instagramList {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content: flex-start;
align-items: center;
}
#INSTAGRAM .instagramList .instagramList_unit {
width:calc((100% - 40px)/ 5);
font-size: 0;
}
#INSTAGRAM .instagramList .instagramList_unit:nth-child(n+6) {
margin-top: 10px;
}
#TOPICS .bnrList {
justify-content: space-between;
}
#TOPICS .bnrList .flex2clm_unit {
width:calc((100% - 30px)/ 2);
}
#TOPICS .bnrList .flex2clm_unit:nth-child(n+3) {
margin-top: 25px;
}
#SERVICE .serviceList_unit:nth-child(n+4) {
border-top: solid 1px #999;
margin-top: 30px;
padding-top: 30px;
}
#SERVICE .serviceList_unit .serviceList_inner {
height: 100%;
padding: 10px 0;
padding-right: 40px;
padding-left: 40px;
}
#SERVICE .serviceList_unit:nth-child(n+2) .serviceList_inner {
border-left: solid 1px #999;
padding-right: 40px;
padding-left: 40px;
}
#SERVICE .serviceList_unit:nth-child(3n+1) .serviceList_inner {
border-left: none;
}
#SERVICE .serviceList_unit .serviceList_title {
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
}
#SERVICE .serviceList_unit .serviceList_title strong {
font-size: 35px;
line-height: 0;
}
#SERVICE .serviceList_unit .serviceList_titleimg {
margin-right: 10px;
}
#INFORMATION .infoList {
max-width: 730px;
margin: auto;
list-style-type: none;
max-height:160px;
overflow-y:scroll;
}
li.infoList_unit dt {
background-color: #eae5e3;
padding: 0px 3px;
}
li.infoList_unit dd {
border-bottom: 1px solid #eae5e3;
}
#INFORMATION .infoList .infoList_unit {
margin-top: 15px;
}
#INFORMATION .infoList .infoList_unit dl {
overflow: hidden;
}
#INFORMATION .infoList .infoList_unit dl dt {
float: left;
width: 10%;
}
#INFORMATION .infoList .infoList_unit dl dd {
float: right;
width: 89%;
}
.scroll_kyotu img {
/*width: 49%;*/
padding: 0.5%;
}
.ct_ranking ul {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.ct_ranking ul li {
width: 18%;
margin:1%;
}
/*
.ct_cartain_select .ctranking_midashi {
font-size: 18px;
background-color: #eae5e3;
padding: 7px;
border-left: 5px solid #321d0a;
}
*/
.ct_ranking li:nth-child(1) a:before , .toprank2024_01:before{
content: "No.1";
position: relative;
font-size:16px;
background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientEffect 1.5s infinite alternate;
background-size: 300% auto;
}
@keyframes gradientEffect {
from {background-position: left}
to {background-position: right}
}
.ct_ranking li:nth-child(2) a:before , .toprank2024_02:before{
content: "No.2";
position: relative;
font-size:16px;
background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ct_ranking li:nth-child(3) a:before , .toprank2024_03:before{
content: "No.3";
position: relative;
font-size:16px;
background:-webkit-gradient(linear, right top, left bottom, from(#97461a), color-stop(0.3, #fbd8c5), color-stop(0.8, #6c2e16), to(#efdbcd));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ct_ranking li:nth-child(4) a:before , .toprank2024_04:before{
content: "No.4";
position: relative;
font-size:16px;
color:#24140e;
}
.ct_ranking li:nth-child(5) a:before , .toprank2024_05:before {
content: "No.5";
position: relative;
font-size:16px;
color:#24140e;
}
.toprank2024_06:before {
content: "No.6";
position: relative;
font-size:16px;
color:#24140e;
}
.toprank2024_07:before {
content: "No.7";
position: relative;
font-size:16px;
color:#24140e;
}
.toprank2024_08:before {
content: "No.8";
position: relative;
font-size:16px;
color:#24140e;
}
.toprank2024_09:before {
content: "No.9";
position: relative;
font-size:16px;
color:#24140e;
}
.toprank2024_10:before {
content: "No.10";
position: relative;
font-size:16px;
color:#24140e;
}
.ct_ranking ul li p:nth-child(3) {
color: #aa0000;
text-align: right;
font-size: 18px;
filter: sepia(0.4);
}
.ct_ranking ul li a:hover {
text-decoration:none;
}
.ct_ranking ul li p {
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
}
div#itemDflick .appeal {
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
margin-top: 10px;
height:35px;
}
#sizelink td img {
width: 10%;
float: right;
margin: -10px;
padding: 0.3%;
}
#sizelink table td {
vertical-align: middle;
}
#serieslink td img {
width: 10%;
float: right;
margin: -10px;
padding: 0.3%;
}
#serieslink td {
vertical-align: middle;
}
span.fs-c-productShippingDateNote__date {
background-image: linear-gradient(90deg, hsla(10, 100%, 50%, .3) 3px, hsla(0, 100%, 100%, 0) 10px) , linear-gradient(90deg, hsla(10, 100%, 50%, .5), hsla(10, 100%, 60%, .5)) , linear-gradient(270deg, hsla(10, 100%, 50%, .5) 5px, hsla(0, 100%, 100%, 0) 10px);
background-position: 0 100%, 0 100%, 0 100%;
background-size: 100% 30%, 100% 30%, 100% 30%;
background-repeat: no-repeat;
padding: 0.25em;
}
.fs-c-documentColumn__content p {
font-size: 16px;
}
.fs-c-documentColumn__content li {
font-size: 16px;
}
.del_c img {
width: 70%;
}
figcaption.fs-c-productThumbnail__image__caption {
display: none;
}
.fs-c-breadcrumb__list--subgroup {
display: none;
}
.fs-c-productThumbnail {
height: 240px;
overflow: overlay;
}
.comment_2 p {
font-size: 14px;
}
.comment_2 a:hover {
color: #aa0000;
text-decoration: none;
transition: 0.5s ease;
}
.comment_2 p:before {
content: url('data:image/svg+xml;utf-8,');
display: inline-block;
width: 20px;
vertical-align:middle;
}
.fs-c-variationAndActions__variation.fs-c-variationList {
max-height: 286px;
overflow-y: overlay;
padding: 0px 10px 0px 0px;
}
.cutable_top {
background-color: #eee;
}
.cutable_left {
background-color: #ddd;
}
.cutable td:hover {
background-color: #fff2e5;
transition: 0.5s ease;
}
.cutable .cutable_top td:hover{
background-color: #eee;
}
.cutable .cutable_left:hover{
background-color: #ddd;
}
article.fr2-listItem {
width: 18%;
margin: 1%;
}
.fr2-productList.fr2-productList--col1 {
display: flex;
flex-wrap: wrap;
}
article.fr2-listItem h2 {
font-size: 10px;
}
.toprank_sub_midashi {
border-bottom: 2px solid;
font-size: 17px;
margin: 10px 0;
}
/*#RANKING #_rcmdjp_display_3 {
position: relative;
display: flex;
flex-flow: row nowrap;
overflow: hidden;
}
#RANKING #_rcmdjp_display_3 ul {
padding: 0;
display: flex;
overflow-x:scroll;
}
#RANKING #_rcmdjp_display_3 ul li {
display: inline-block;
width: 100%;
min-width: 180px;
margin-right: 20px;
list-style: none;
text-align: center;
}
#RANKING #_rcmdjp_display_3 ul li img {
display: block;
width: 100%;
height: auto;
}
#RANKING #_rcmdjp_display_2 {
position: relative;
display: flex;
overflow: hidden;
}
#RANKING #_rcmdjp_display_2 ul {
padding: 0;
display: flex;
overflow-x:scroll;
}
#RANKING #_rcmdjp_display_2 ul li {
display: inline-block;
width: 100%;
min-width: 180px;
margin-right: 20px;
list-style: none;
text-align: center;
}
#RANKING #_rcmdjp_display_2 ul li img {
display: block;
width: 100%;
height: auto;
}
*/
ul.rankingList li:nth-child(1) a:before {
content: "1";
position: relative;
background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
color: #fff;
}
ul.rankingList li:nth-child(2) a:before {
content: "2";
position: relative;
background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
color: #fff;
}
ul.rankingList li:nth-child(3) a:before {
content: "3";
position: relative;
background: -webkit-gradient(linear, right top, left bottom, from(#97461a), color-stop(0.3, #fbd8c5), color-stop(0.8, #6c2e16), to(#efdbcd));
color: #fff;
}
ul.rankingList li:nth-child(4) a:before {
content: "4";
position: relative;
color: #fff;
}
ul.rankingList li:nth-child(5) a:before {
content: "5";
position: relative;
color: #fff;
}
ul.rankingList li:nth-child(6) a:before {
content: "6";
position: relative;
color: #fff;
}
ul.rankingList li:nth-child(7) a:before {
content: "7";
position: relative;
color: #fff;
}
ul.rankingList li:nth-child(8) a:before {
content: "8";
position: relative;
color: #fff;
}
ul.rankingList li:nth-child(9) a:before {
content: "9";
position: relative;
color: #fff;
}
ul.rankingList li:nth-child(10) a:before {
content: "10";
position: relative;
color: #fff;
}
.rankingList li a:before {
display: block;
width:25%;
}
.rankingList::-webkit-scrollbar {
background: #eae5e3;
height:10px;
}
.rankingList::-webkit-scrollbar-thumb {
background-color: #321d0a;
}
.rankingList::-webkit-scrollbar-button{
background-color:#eae5e3;
color:#321d0a;
}
nav.fs-c-breadcrumb {
height: 60px;
font-size:12px;
overflow:hidden;
}
.revico-review-comment-detail--product-name p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: keep-all;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 35px;
text-align: left;
}
.revico-review-comment-detail--comment .revico-review-comment-detail--comment--content {
width: 90%;
margin: auto;
}
#RANKING {
overflow:visible;
}
.topranking2024 .slick-prev:hover, .topranking2024 .slick-prev:focus, .topranking2024 .slick-next:hover, .topranking2024 .slick-next:focus {
background: #565656;
}
.topranking2024 button:before {
color: #565656;
}
.topranking2024 button {
background-color: #e8e8e8;
border-radius: 20px;
}
.slider .slick-slide{
opacity:.6;
}
.slider .slick-center{
opacity:1;
}
h1.PC_top_h1 {
text-align: right;
}
.top_extinfoandmore {
overflow: hidden;
width: 100%;
}
.top_extinfoandmore li {
width: 50%;
float: left;
}
/*ランキング価格赤に*/
p.rankingList_unitprice {
font-size: 16px;
color: #aa0000;
}
.blacktext_big {
background-color: #fff;
background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */ linear-gradient(180deg, #aaa 1px, transparent 1px);
background-size: 8px 100%, /* 点線1のサイズ */ 100% 2.5em;
line-height: 2.5em;
padding-bottom: 1px;
max-width: 790px;
margin: auto;
}
.blacktext_big p:nth-child(1) {
background: #fff;
}
.tabContents.js-tabContents {
width: 94%;
margin: auto;
}
.tabContents.js-tabContents .slick-prev {
left: -3%;
}
.tabContents.js-tabContents .slick-next {
right: -3%;
}
/* /////////////////////////////////////////////////////////////////////
//06.グループ
/////////////////////////////////////////////////////////////////////*/
.ct_sortandfilter_sorter {
display: flex;
align-items: flex-end;
}
.ct_sortandfilter_sorter dt {
display: none;
}
.ct_sortandfilter_sorter >* {
width: 12.5%;
margin-right: -1px;
display: flex;
}
.ct_sortandfilter_sorter >* {
width: 12.5%;
margin-right: -1px;
display: flex;
}
.ct_sortandfilter_container {
background: #fff;
border: 3px solid #eae5e3;
}
.ct_sort_b {
padding: 6px 0 4px;
margin: 5px 10px;
border-top: 1px dashed #acacac;
}
.ct_sort_b dt {
width: 4em;
font-weight: bold;
margin-right: 0.5em;
background-color: #321d03;
text-align: center;
margin-right: 10px;
color: #fff;
}
.ct_sort_b >* {
display: inline-block;
font-size: 11px;
line-height: 1.75em;
}
.ct_sortandfilter_sorter button {
width: 100%;
cursor: pointer;
}
.category\.summary p {
font-size: 1.1rem;
word-break: keep-all;
color: #898880;
font-weight: 100;
}
.ct_comment5 p {
font-size: 1.1rem;
word-break: keep-all;
color: #898880;
}
h1.fs-c-heading.fs-c-heading--page {
padding: 2%;
}
.fs-l-pageMain .fs-c-heading--page{
color: #24140e;
border-bottom: 2px solid #24140e;
font-size:2rem;
font-weight:500;
}
.ct_sort_b button {
border: none;
border-bottom: 1px solid #eae5e3;
background-color: #eae5e3;
}
#ct_sortandfilter .ct_sort_b a:hover button {
border-bottom: 1px solid #000;
}
.ct_sort_midashi {
font-size: 1.3rem;
margin-bottom: 10px;
}
button.ct_sort_c000:before {content: "\25cf"; color: #fff;}/*●*/
button.ct_sort_c001:before {content: "\25cf"; color: #eedcb3;}
button.ct_sort_c002:before {content: "\25cf"; color: #7d7d7d;}
button.ct_sort_c003:before {content: "\25cf"; color: #000;}
button.ct_sort_c004:before {content: "\25cf"; color: #734E30;}
button.ct_sort_c005:before {content: "\25cf"; color: #A7374A;}
button.ct_sort_c006:before {content: "\25cf"; color: #A7366D;}
button.ct_sort_c007:before {content: "\25cf"; color: #AE7A26;}
button.ct_sort_c008:before {content: "\25cf"; color: #B6AC2B;}
button.ct_sort_c009:before {content: "\25cf"; color: #007B43;}
button.ct_sort_c010:before {content: "\25cf"; color: #007FAB;}
button.ct_sort_c011:before {content: "\25cf"; color: #352A6F;}
button.ct_sort_c012:before {content: "\25cf"; color: #772F6D;}
.cttop_image img {
width: 100%;
}
.texticon span {
padding: 2px;
margin: 2px;
word-break: keep-all;
background-color: #eae5e3;
display: inline-block;
}
.comment_15 {
margin-top: 15px;
}
/*特別色*/
/*
.texticon .iconnum000 {
background-color: #efeeca;
}
.texticon .iconnum000c {
background-color: #ccdacc;
}
.texticon .iconnum011 {
background-color: #e1afae;
}
.texticon .iconnum016 {
background-color: #aabbcc;
}
.texticon .iconnum017 {
background-color: #aacccc;
}
.texticon .iconnum001:before {
content: "\25cf";
color: #aa0000;
background-color: #fff;
padding: 0px 8px;
}
.texticon .iconnum0s0 {
background-color: #c1e0ff;
}
*/
/*〆特別色*/
/*効いていない*/
.ct_bottom_faq {
margin: 70px auto;
}
.ct_bottom_faq .acd-check{
display: none;
}
.ct_bottom_faq .acd-label{
background: #fff;
color: #000;
display: block;
margin-bottom: 1px;
padding: 10px;
position: relative;
border:1px solid #acacac;
}
.ct_bottom_faq .acd-label:after{
background: #fff;
box-sizing: border-box;
content: '\2b';/*+*/
display: block;
font-family: "Font Awesome 5 Free";
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
.ct_bottom_faq .acd-content{
border: 1px solid #333;
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.ct_bottom_faq .acd-check:checked + .acd-label:after{
content: '\f068';
}
.ct_bottom_faq .acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
border:none;
}
.ctb_faqm {
border: 5px solid #aa0000;
border-right: 0;
border-top: 0;
border-bottom: 0;
padding: 0 0 0 10px;
font-size: 20px;
font-weight: 400;
margin: 0 0 10px;
}
.ct_bottom_faq {
margin: 70px auto;
}
.ct_bottom_faq .acd-check{
display: none;
}
.ct_bottom_faq .acd-label{
background: #fff;
color: #000;
display: block;
margin-bottom: 1px;
padding: 10px;
position: relative;
border:1px solid #acacac;
}
.ct_bottom_faq .acd-label:after{
background: #fff;
box-sizing: border-box;
content: '\2b';/*+*/
display: block;
font-family: "Font Awesome 5 Free";
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
.ct_bottom_faq .acd-content{
border: 1px solid #333;
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.ct_bottom_faq .acd-check:checked + .acd-label:after{
content: '\f068';
}
.ct_bottom_faq .acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
border:none;
}
.ctb_faqm {
border: 5px solid #aa0000;
border-right: 0;
border-top: 0;
border-bottom: 0;
padding: 0 0 0 10px;
font-size: 20px;
font-weight: 400;
margin: 0 0 10px;
}
.fs-c-variationList__item .fs-c-variationList__item__title {
background-color: #eae5e3;
}
.fs-c-variationList__item__title{
padding: 1px 0px;
}
.texticon .iconnum_xnin {
padding: 2px 10px;
}
/*insta*/
.insta_minna_list ul {
display: flex;
}
.insta_minna_list ul li {
width: 22%;
margin: 1%;
}
.insta_minna_title span {
font-size: 1.8rem;
}
.instainline {
display: inline-block;
vertical-align: middle;
}
.insta_minna_title img {
width: 50px;
}
span.subinsta_title {
font-size: 1.1rem;
vertical-align: -webkit-baseline-middle;
margin-left: 10px;
}
.fs-c-productList__list .insta_minna {
display:none;
}
/*〆insta*/
.fs-c-reviewList__item__body.fs-c-reviewBody {
max-height: 150px;
overflow-y: scroll;
}
.icon .color_ctlist li {
display: inline-block;
width: 9%;
font-size: 18px;
cursor:help;
}
/*shireitaiou*/
.dowatteru:before {
content: "color list";
}
.dowatteru ul {
border: 1px solid;
padding: 2%;
}
.dowatteru .icon .color_ctlist ul li {
font-size: 5px;
width: 47%;
margin: 1%;
font-weight: 800;
}
.tumekomisugi .acd001-check{
display: none;
}
.tumekomisugi .acd001-label{
display: none; /*実装時にはblockに変更*/
margin-bottom: 1px;
padding: 0 10px;
text-align: right;
}
.tumekomisugi .acd001-content{
border: 1px solid #333;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.acd001-check:checked + .acd001-label + .acd001-content{
height: 200px;
opacity: 1;
visibility: visible;
border: none;
transition: 0.5s ease;
overflow:hidden;
}
.fs-c-sortItems__list__item.is-active {
color: #aa0000;
}
.fs-c-productListItem__prices {
height: 40px;
}
.fs-c-price{
font-size:18px;
}
.color_ctlist ul {
display: flex;
flex-wrap: wrap;
}
.color_ctlist ul li:nth-child(1){
margin-left:auto;
}
.fs-c-productPrice {
place-content: flex-end;
}
.fs-c-productList__list:has(.texticon) .fs-c-productListItem__control{
display:none;
}
.productRating {
margin: 10px 0px 0px;
}
.fs-c-productListItem__viewMoreImageButton{
display:none;
}
.description_short{
margin-top:5px;
}
[id^="_rcmdjp_display_"] {
width: 100%;
max-width: 1200px;
margin: auto;
}
h2.fs-p-heading--lv2 {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 45px;
color: #000;
border: none;
}
.ct_sublink {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0 0 28px 0;
}
.ct_sublink p {
width: 90%;
padding: 10px;
margin: 0px 5% 20px;
border: 1px solid #777;
font-size: 15px;
}
.ct_moku_p {
background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #6b3f31 7px ), repeating-linear-gradient( #fbd8b5, #6b3f31 );
color: #fff;
}
.ct_ishi_p {
background: linear-gradient(-45deg, #aaaab0 0 30%, #fff 80% 100%);
}
p.sibori_midashi {
margin: 14px 0 11px 10px;
font-size: 130%;
font-weight: 700;
}
/*検索優先語隠し*/
.searchword_pickup {
font-size: 0;
}
.cttop_moji_tokshu ul {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.cttop_moji_tokshu ul li {
width: 21%;
margin: 0 2% 2%;
}
.cttop_moji_tokshu ul li p {
padding: 7px;
border: 1px solid #aaa;
border-radius: 5px;
}
.cttop_moji_tokshu ul li p:after {
content: url('data:image/svg+xml;utf-8,');
float: right;
display: inline-block;
width: 20px;
}
.cttop_moji_tokshu ul li a p:hover {
border: 1px solid #aa0000;
transition: 0.5s ease;
}
.cttop_moji_tokshu ul li a:hover {
text-decoration: none;
opacity: 1;
}
/*カテゴリカーテン*/
.ct_kinou,.ct_design,.ct_size,.ct_color{
display:flex;
flex-wrap: wrap;
}
ul.ct_kinou li {
width: 31%;
}
.ct_name {
font-size: 4.3rem;
text-align: center;
border-bottom: 10px;
/* background-color: #898880; */
}
ul.ct_design li {
width: 48%;
padding: 9px;
}
.ct_size li div {
margin: 6px 6px 3px 6px;
text-align: center;
padding: 12px;
}
div.ct_size_parts100 {
background-color: #195419;
color: white;
font-size:17px;
}
div.ct_size_parts150 {
background-color: #193419;
color: white;
font-size:17px;
}
div.ct_size_parts123 {
background-color: #1dbb1d;
color: white;
font-size: 13px;
}
.ct_size li {
width: 220px;
}
.ct_kinou li {
border: 1px solid #ccc;
margin: 1%;
}
.ct_kinou_wrap,.ct_size_wrap{
margin-bottom: 40px;
}
.ct_kinou_wrap p.ct_name {
font-size: 18px;
margin: 0px 2px 5px;
}
.ct_color_parts {
width: 130px;
height: 130px;
}
.ct_color_wh {
background-color: #fff;
border: 1px solid;
}
.ct_color_be {
background-color: #eedcb3;
}
.ct_color_gy {
background-color: #7d7d7d;
}
.ct_color_bk {
background-color: #000;
}
.ct_color_br {
background-color: #734E30;
}
.ct_color_re {
background-color: #A7374A;
}
.ct_color_pk {
background-color: #A7366D;
}
.ct_color_or {
background-color: #AE7A26;
}
.ct_color_ye {
background-color: #B6AC2B;
}
.ct_color_gn {
background-color: #007B43;
}
.ct_color_bl {
background-color: #007FAB;
}
.ct_color_nv {
background-color: #352A6F;
}
.ct_color_pu {
background-color: #772F6D;
}
.ct_color li {
padding: 1%;
text-align: center;
font-size:17px;
}
.cttop_pickuptoku ul {
-webkit-box-pack: center;
justify-content: space-between;
padding: 0 15px;
display: -webkit-box;
display: flex;
padding: 10px;
overflow: hidden;
overflow-x: scroll;
flex-wrap: nowrap;
width: 100%;
}
.cttop_pickuptoku ul li {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-flex: 0;
flex-grow: 0;
flex-shrink: 0;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
margin-right: 1%;
width: 40%;
margin-top: 0px;
margin-bottom: auto;
}
.ct_ranking .ctranking_midashi,.ct_cartain_select .ctranking_midashi{
font-size: 18px;
padding: 7px;
font-weight: 900;
}
.cttop_pickuptoku .ctranking_midashi{
font-size: 18px;
padding: 7px;
font-weight: 900;
}
.ct_hyoji_name .ctranking_midashi{
font-size: 18px;
padding: 7px;
font-weight: 900;
}
.fs-c-subgroup .fs-c-listControl__status {
display: none;
}
.fs-c-subgroup {
margin: 4px 0 30px;
}
.cttop_pickuptoku ul::-webkit-scrollbar {
background-color: #eae5e3;
}
.cttop_pickuptoku ul::-webkit-scrollbar-thumb {
background-color: #321d0a;
}
.cttop_pickuptoku ul{
scrollbar-color: #eae5e3 #321d0a;
}
.ct_hyoji_name:has(+.ct_ranking) {
display: none;
}
.slider02 button.slick-next {
position: absolute;
top: 50%;
right: 2px;
outline: #000;
z-index:999;
}
.slider02 button.slick-prev {
position: absolute;
top: 50%;
left: 10px;
outline: #000;
z-index:999;
}
.slider02 button.slick-next:before , .slider02 button.slick-prev:before{
font-size:30px;
}
.slider02 .slick-list {
padding-right: 144px;
}
.fs-c-subgroupList li img {
width: 55px;
}
.ct_bottom_faq {
max-width: 1200px;
}
.ct_hyoji_name{
display:none;
}
body:has(.fs-c-subgroupList__item) .ct_hyoji_name{
display:block;
}
.cttop_pickuptoku {
height: 277px;
overflow: hidden;
}
.slider02{
width:890px;
height:auto;
overflow:hidden;
}
.slider02 .slick-prev:before {
content: url('data:image/svg+xml;utf-8,');
background-color: #321d0a;
padding: 1px 0 5px 0;
font-weight: 700;
}
.slider02 .slick-next:before {
content: url('data:image/svg+xml;utf-8,');
background-color: #321d0a;
padding: 1px 0 5px 0;
font-weight: 700;
}
/*Aの宅配*/
/*ボツ案
.fs-c-productList__list__item:has(.iconnum000) span.fs-c-price__currencyMark:before {
content: "送料無料";
color: #aa0000;
font-size: 17px;
margin: 0 7px;
}
*/
/*20241108廃止
.fs-c-productList__list__item:has(.iconnum000) div.fs-c-productPrice--selling:after {
content: "送料込み";*20230921証取法抵触恐れありのため変更*
color: white;
font-size: 12px;
margin: 0px 7px;
background-color: #aa0000;
padding: 2px 6px 0px;
font-weight: 600;
}
.fs-c-productList__list__item:has(.iconnum000c) div.fs-c-productPrice--selling:after{
content: "エリア内設置料込";
color: white;
font-size: 11px;
margin: 0px 7px;
background-color: #aa0000;
padding: 2px 0px 0px;
font-weight: 600;
}
.fs-c-productList__list__item:has(.secchi_komi) div.fs-c-productPrice--selling:after {
content: "エリア内設置料込";
color: white;
font-size: 11px;
margin: 0px 7px;
background-color: #aa0000;
padding: 2px 0px 0px;
font-weight: 600;
}
*/
/*.fs-c-productList__list__item:has(.iconnum000c) .fs-c-productListItem__prices:after {
display: flex;
color: #aa0000;
content: "（当社エリア）";
justify-content: end;
}*/
/*.fs-c-productPrice.fs-c-productPrice--selling {
color: #aa0000;
font-weight: 600;
}
*/
/*全品ポイント2倍 カテゴリページタイトル前 ここから
span.fs-c-productName__name:before
{
content: '\35\2f\36\307e\3067\30dd\30a4\30f3\30c8\32\500d';/*5/6までポイント2倍*/
position: relative;
padding: 1% 2% ;
background: linear-gradient(to right, #ffb7b7 0%, #ffffb7 100%);
background-size: 100% 50%;
background-position: bottom;
background-repeat: no-repeat;
}
全品ポイント2倍 カテゴリページタイトル前 ここまで*/
.revico-multicomment-top[data-review-count="0"] {
display: none;
}
/*Airなど送料込表示消し一覧ページ*/
.fs-c-productList__list__item:has( a[href*='/492396']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/492386']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/492391']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460761']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460764']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460759']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460767']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460759']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460762']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460765']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460768']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/460769']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/12400017']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/12400018']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/12400019']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700089']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700090']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700091']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700092']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700093']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700094']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700095']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700096']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700097']) div.fs-c-productPrice--selling:after,
.fs-c-productList__list__item:has( a[href*='/13700098']) div.fs-c-productPrice--selling:after
{
content: none;
}
/*Air送料込表示消し商品ページ*/
.fs-l-pageMain:has(a[href*='/460759']) div.fs-c-productPrice--selling:before,
.fs-l-pageMain:has(a[href*='/460761']) div.fs-c-productPrice--selling:before,
.fs-l-pageMain:has(a[href*='/492386']) div.fs-c-productPrice--selling:before,
.fs-l-pageMain:has(a[href*='/12400017']) div.fs-c-productPrice--selling:before
{
content: none;
}
ul.size_sublink_wrap {
display: flex;
margin-left: 22px;
}
li.size_sublink_parts {
margin-right: 19px;
font-size: 15px;
padding: 7px 15px;
border: 1px solid #aaa;
border-radius: 5px;
}
.size_sublink {
margin-bottom: 41px;
}
.fs-c-productList__list .comment_5 {
display: none;
}
.fs-c-productList__list__item:has(img[src*="/supple2_5.webp"]) .texticon:before {
content: "\7fcc\65e5\51fa\8377";/*翌日出荷*/
background-color: #eae5e3;
padding: 2px;
margin-right: 2px;
}
.fs-c-productList__list__item:has(img[src*="/supple2_1.webp"]) .texticon:before {
content: "\32\ff5e\33\65e5\3067\51fa\8377";/*2～3日で出荷*/
background-color: #eae5e3;
padding: 2px;
margin-right: 2px;
}
.fs-c-productList__list__item:has(img[src*="/supple2_2.webp"]) .texticon:before {
content: "\35\ff5e\36\65e5\3067\51fa\8377";/*5～6日で出荷*/
background-color: #eae5e3;
padding: 2px;
margin-right: 2px;
}
.fs-c-productList__list__item:has(img[src*="/supple2_3.webp"]) .texticon:before {
content: "\38\ff5e\39\65e5\3067\51fa\8377";/*8～9日で出荷*/
background-color: #eae5e3;
padding: 2px;
margin-right: 2px;
}
.fs-c-productList__list__item:has(img[src*="/supple2_4.webp"]) .texticon:before {
content: "\31\32\ff5e\31\33\65e5\3067\51fa\8377";/*12～13日で出荷*/
background-color: #eae5e3;
padding: 2px;
margin-right: 2px;
}
.fs-c-productList__list__item:has(.fs-c-productShippingDateNote):after {
display:none;
}
.fs-c-subgroupList__label:after {
margin-left: 10px;
}
.fs-c-productList__list .fs-c-productList__list__item:has(.fs-c-productShippingDateNote):after {
display: none;
}
.fs-c-productList__list .fs-c-productList__list__item:has(.fs-c-productListItem__outOfStock):after {
display: none;
}
/*
form:has(a[href*="12000521"]) a:has(.fs-c-productName__name):after {
content: "\5024\4e0b\3052\3057\307e\3057\305f";/*値下げしました*/
position: relative;
color: white;
font-size: 18px;
font-weight: bold;
background-color: #aa0000;
margin: 7px;
padding: 0px 4px;
}*/
/*バックアップ用
form:has(a[href*="362649"]) a:has(img):before {
content: "値下げしました";
position: absolute;
color: white;
font-size: 18px;
font-weight: bold;
background-color: #aa0000;
margin: 7px;
padding: 0px 4px;
}*/
/*あったかフェア用*/
ul.chirasshi_img {
display: flex;
}
li.chirasshi_img_li {
width: 200px;
margin-right: 20px;
font-size: 17px;
}
/*プライス帯（赤）
main:has(div .fs-c-productList__list__item) .fs-c-productPrice--selling {
place-content: flex-end;
color: white;
font-weight: 800;
background-color: #aa0000;
margin: 0px 0 0 128px;
padding-right: 10px;
}*/
/*プライス赤文字*/
.fs-c-productPrice {
color: #aa0000;
filter: sepia(0.4);
}
/*通常価格 黒文字*/
.fs-c-productPrice.fs-c-productPrice--listed {
color: black;
}
.morebtn a {
border: solid 1px #333;
border-radius: 4px;
display: block;
width: 225px;
padding: 12px;
margin: auto;
color: #333;
}
.ct_tokshu {
text-align: center;
}
.ct_tokshu img {
width: 100vw;
}
.downselect_ct {
margin-right: 6px;
}
.downselect_ct summary {
margin: auto;
text-align: center;
font-size: 15px;
padding: 5px;
border: 2px solid;
width: 25%;
margin-left: 75%;
margin-top: -53px;
background-color: #321d05;
color: #fff;
}
.downselect_ct details {
transition: 0.5s;
}
.downselect_ct_icon img {
vertical-align: middle;
filter: brightness(5.5);
margin-right: 7px;
}
#ct_sortandfilter {
background-color: #eae5e3;
}
.SearchItemForm .s_checbox_001p input {
width: 15%;
transform: scale(1);
text-align: right;
}
.fs-c-sortItems__label {
width: 200px;
box-sizing: border-box;
border: 2px solid #321d05;
padding: 5px 10px;
min-height: 35px;
text-align:left;
}
.fs-c-sortItems__list {
width: 200px;
border: 1px solid #c5c5c5;
}
.fs-c-sortItems__list li {
cursor: default;
box-sizing: border-box;
padding: 2px 10px;
}
.fs-c-productList__controller .fs-c-sortItems__list{
display: inline-block;
position: absolute;
background-color: #fff;
z-index:1;
border: 2px solid;
}
.fs-c-sortItems:after {
content: "\25bc";/*▼*/
position: relative;
right: 20px;
top: 10px;
font-size:10px;
}
.fs-c-sortItems__list li {
padding: 1px 2px;
}
.fs-c-productList__controller {
width: 70%;
flex-direction: row-reverse;
}
.fs-c-listControl {
justify-content: left;
font-size:15px;
}
details[open] summary {
border: none;
padding-bottom: 8px;
background-color: #eae5e3;
color: #333;
}
details[open] summary span {
display: none;
}
details[open] summary:after {
content: "を閉じる";
}
.starability-result {
filter: sepia(0.5);
}
.fs-c-pagination__item.is-active {
background-color: #321d05;
}
.texticon_de , .texticon_ct {
display: inline-block;
}
.fs-c-productList__list form a img {
border-radius: 3px;
}
/* /////////////////////////////////////////////////////////////////////
//07.フッター
/////////////////////////////////////////////////////////////////////*/
#footerbox_Inner {
margin-top: 75px;
padding-top: 23px;
border-top: solid #aa0000 2px;
}
footer .footer_inner {
background: #fff;
color: #000;
padding: 100px 0 50px;
}
footer .skList_title {
font-size: 12px;
font-weight: 500;
margin-bottom: 30px;
}
footer .skList_title b {
font-size: 14px;
font-weight: bold;
}
footer .skList_title .skList_titleic {
margin-right: 15px;
}
footer .skList {
justify-content: space-between;
}
footer .skList .skList_unit {
width:calc((100% - 290px)/ 3);
}
footer .skList .skList_unit ul li:nth-of-type(n+2) {
margin-top: 5px;
}
footer .skList .skList_unit ul li > a {
font-size: 14px;
font-weight: bold;
}
footer .skList .skList_unit ul li a {
display: block;
text-align: left;
}
footer .skList .skList_unit ul li a:hover {
text-decoration: none;
}
footer .skList .skList_unit ul li a .side_cateList_img {
margin-right: 15px;
}
footer .skList .skList_unit ul li {
position: relative;
}
footer .skList .skList_unit ul li a {
padding: 15px 25px;
}
footer .skList .skList_unit ul li a:after {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg);
}
.footerbtnavbox {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 30px;
}
.footerbtnavbox .contactbtn_box {
width: 270px;
}
.footerbtnavbox .contactbtn_box a {
position: relative;
display: block;
border: solid #000 1px;
font-size: 12px;
word-break: keep-all;
text-align: left;
padding: 4px;
margin: 5px;
}
.contactbtn_box svg {
vertical-align: middle;
margin-right: 5px;
}
.footerbtnavbox .contactbtn_box a:after {
content: "";
display: inline-block;
width: 9px;
height: 9px;
border: 1px solid;
border-color: #fff #fff transparent transparent;
transform: rotate(45deg);
}
.footerbtnavbox .footernav ul {
display: flex;
align-items: center;
min-height: 45px;
}
.footerbtnavbox .footernav ul li {
vertical-align: top;
display: inline-block;
font-size: 12px;
}
.footerbtnavbox .footernav ul li:nth-of-type(n+2):before {
content: "\7c";/*|*/
display: inline-block;
padding: 0 30px;
}
.footerbtnavbox .footersnsList_box {
width: 280px;
text-align: center;
padding:7px;
}
.footerbtnavbox .footersnsList_box .footersnsList_title {
max-width: 130px;
margin: 0 auto 20px;
text-align: center;
font-size:1.2rem;
}
.footersnsList {
display: flex;
justify-content: center;
align-items: center;
}
.footersnsList li {
width: 48px;
}
.footersnsList li:nth-of-type(n+2) {
margin-left: 25px;
}
.copy {
text-align: center;
margin-top: 40px;
}
ul.footersnsList li img {
filter: invert(100%);
}
.fs-p-searchForm__button::before {
content:none!important;
}
.fs-p-searchForm__button {
overflow: inherit!important;
text-indent: 0!important;
width: auto!important;
height: 100%!important;
}
.fs-p-inputGroup {
background:none!important;}
/*ログインログアウトの表示切り替えを行うCSS*/
.logout.my-false { display: none!important; }
.login.my-true { display: none!important; }
.fs-l-footer a {color:inherit!important;}
.wp-post-image {height:auto;}
#history {margin-top:50px;}
.fs-c-pagination__item--next::before {
content: "\6b21\3078\20\3e";/*次へ >*/
color: inherit;
}
span.fs-c-productName__name {
font-weight: 400;
min-height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
font-size:16px;
}
.fs-c-productPrice--selling .fs-c-productPrice__main__label {
display: none;
}
.fs-c-productPrice__main__label {
font-size: 0.7em;
}
/*アウトレットカテゴリページ*/
.fs-c-productPrice.fs-c-productPrice--listed + .fs-c-productPrice.fs-c-productPrice--selling {
color:#aa0000;
}
.fs-c-productPrice.fs-c-productPrice--listed + .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main:before {
content:"SALE";
color:#aa0000;
display:inline-block;
padding-right: 5px;
font-size:13px;
}
.fs-c-productPrice__main {
font-size: 1.8em;
}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: inherit;
font-size:19px;
}
@media screen and (min-width: 960px) {
.fs-c-productList__list {
display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content: flex-start;
}
.fs-c-productList__list article.fs-c-productList__list__item {
/* width: calc((100% - 30px)/ 3); */
width: 32%;
}
.fs-c-productList__list article.fs-c-productList__list__item:nth-of-type(n+2) {
margin-left: 15px;
}
.fs-c-productList__list article.fs-c-productList__list__item:nth-of-type(3n+1) {
margin-left: 0;
}
.fs-c-button--addToCart--list {display:none;}
.fs-c-variationCart--withImage .fs-c-variationCart__cartButton {
padding: 0 0 0 5px;
}
.fs-c-button--primary.fs-c-button--addToCart--variation {
padding: 3px;
font-size: 1.0rem;
}
.fs-c-variationCart__cartButton .fs-c-button--addToCart--variation:before {
content: url(https://manabeih.itembox.design/item/ma_ic75.png);
display: inline-block;
vertical-align: middle;
}
.fs-c-variationCart__cartButton .fs-c-button__label {
display: inline-block;
vertical-align: middle;
}
.fs-p-productSearch__inputTable:nth-child(1) {
grid-column: 1 / 3;
}
}
.comment_1_2 #slider-proa {
display: none;
}
.comment_1_2 .appeal {
font-size: 1.2em;
}
#n_supplement {
margin-bottom:25px;
}
#n_supplement h2 {
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
#n_supplement ul {
display: -webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
#n_supplement ul li {
width: calc((100% - 40px)/ 5);
}
#sizelink table {
width: 70%;
margin: 20px auto;
border:solid 1px #321e0a;
}
#sizelink table td, #sizelink table th {
padding: 10px;
border:solid 1px #321e0a;
}
#n_shosai .link_to_rct{
border: 1px solid;
padding: 10px 10px 10px 10px;
font-size: 16px;
display: inline-block;
}
}
#itemDetail .box_mark {display:none;}
#tokushu_html table {
width: 100%;
margin: 20px auto;
}
#tokushu_html tr {
border-bottom: 1px solid #777;
}
#tokushu_html table td, #tokushu_html table th {
padding: 5px;
}
.comment_13_14_15 table th {
text-align: left;
}
/*.comment_13_14_15 .blacktext_big {
line-height: 2;
}*/
.comment_13_14_15 .blacktext_big p:first-child {
font-size: 16px;
font-weight: bold;
}
.comment_3_4 h4, .comment_5_6 h4, .comment_9_10 h4 {
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.comment_3_4 h2, .comment_5_6 h2, .comment_9_10 h2 {
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.fs-c-slick .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {
height: 70px;
width: 70px;
}
.fs-c-slick .slick-prev:before, .fs-c-slick .slick-next:before {
font-size: 60px;
}
/*.fs-c-listControl {display:none;}*/
.kessaiNPimg {
text-align: center;
margin-top: 10px;
}
.aboutdeltaximg img {max-width: 600px;}
.fs-c-postage__list {display:none;}
.archive_morebtn {
text-align: right;
margin-top:10px;
}
.archive_morebtn a {
text-decoration: underline;
}
/* IE対応 */
@media screen and (min-width: 960px)
.fs-l-product2 .fs-l-productLayout {
display: block !important;
}
.fs-l-productLayout {
display: block !important;
}
.fs-l-productLayout__item.fs-l-productLayout__item--1 {
display: inline-block;
width: 58%;
margin-right: 2%;
}
.fs-l-productLayout__item.fs-l-productLayout__item--2 {
display: inline-block;
width: 38%;
vertical-align: top;
}
#RANKING .tabContent .rankingList .rankingList_unit {
position: relative;
display: inline-block;
}*
#NEWITEM .newList .newList_unit {
position: relative;
/* width: calc((100% - 70px)/ 3); */
width: 31%;
display: inline-block;
}
#NEWITEM .newList .newList_unit:nth-of-type(3n+1) {
margin-left: 0 !important;
}
li.serviceList_unit.flex3clm_unit {
display: inline-block;
width: 33%;
}
.fs-c-productQuantityAndWishlist__quantity:before {
content: "\6570\91cf";/*数量*/
vertical-align: middle;
padding-right: 3px;
}
select.fs-c-quantity__select {
max-width: 30%;
min-width: 30px;
}
.fs-c-variationList__item__cart .fs-c-button--primary:before, .fs-c-productActionButton .fs-c-button--primary:before {
content: url(https://manabeih.itembox.design/item/ma_ic75.png);
display: inline-block;
vertical-align: middle;
}
span.fs-c-button__label {
vertical-align: middle;
}
.js-gNavDrop {
position: relative;
}
a.gDropList__link {
padding: 10px;
display: block;
text-align: center;
}
a.gDropList__link:hover{
background:rgba(0, 0, 0, 0.8);
text-decoration: none;
}
.gNavDrop {
position: absolute;
top: 100%;
background: rgba(0, 0, 0, 0.8);
color:#fff;
min-width: 180px;
display: none;
z-index: 10;
}
.fs-c-cartTable__dataCell {vertical-align:middle;}
/*20200131追加*/
@media screen and (min-width: 768px) {
.fs-c-subgroupList__item {
max-width:33%;
}
}
@media screen and (min-width: 960px) {
.fs-c-subgroupList__item {
max-width:33%;
}
}
.fs-c-subgroupList .fs-c-subgroupList__item {
flex-basis: calc(33% + 1px);
}
.fs-c-subgroupList__link {
background-color: #fff;
}
[class*="fs-c-pagination__item--"]::before {
height: auto;
width: auto;
}
[class*="fs-c-pagination__item--"] {
width: auto;
}
/*詳細検索一時非表示*/
.fs-p-productSearch {display:none;}
.fs-c-subgroupList__link {padding:10px;}
.fs-c-subgroupList__link::after {display:none;}
a.fs-c-subgroupList__link {
border: none;
}
/*検索タグ追加 20200517*/
.kensakutag1 {
padding-top: 10px;
}
.kensakutag2 {
opacity: 0.8;
word-break: keep-all;
}
/*商品詳細 レコメンド（関連カテゴリへ） 200527*/
#_rcmdjp_display_1 .fs-p-heading--lv2 {
border-bottom: none;
color: #000;
margin-bottom: 10px;
}
#n_shosai .link_to_rct {
display: block;
margin: 20px auto 50px;
width: 30%;
text-align: center;
}
/*20200805予約attention*/
.fs-c-productPreorderMessage {
height: 210px;
background-image: url(https://manabeih.itembox.design/item/iteminfo/b_o_kessai.jpg);
background-size: 330px;
}
/*20201210商品詳細バリエーション表示 20230219追記*/
.fs-c-variationCart__variationName__name {
display:none;
}
body:has(.iconnum134) .fs-c-variationCart__variationName__name {
display:block;
}
/*関連商品タグ*/
.itemtaglink ul {
display: flex;
flex-wrap: wrap;
}
.itemtaglink ul li {
margin: 1%;
padding: 1em 1em;
display: block;
border-right: 3px solid #888;
border-bottom: 3px solid #888;
border-radius: 5px;
}
.itemtaglink li:hover {
border: 1.5px solid #888;
box-shadow: -2px -2px 7px #dcdcdc;
}
.itemtaglink ul li a {
text-decoration: none;
}
.itemtaglink ul li p {
font-size: 1rem;
}
.itemtaglink ul li p:before {
content: "\23";/*#*/
}
.itemtaglink ul li a:hover {
color:#aa0000;
font-weight:100;
}
.outlet_comment {
border: 7px double #321d0a;
padding: 15px;
font-size: 1.3rem;
}
.outlet_midashi001 {
font-weight: 700;
}
.outlet_midashi001:before {
position: relative;
content: "";
width: 10px;
height: 20px;
border-right: 3px solid #aa0000;
border-bottom: 6px solid #aa0000;
display: inline-block;
left: -1%;
transform: rotateZ(45deg);
}
/*アコーディオン*/
.foottoggle {
display: none;
}
.footoption {
position: relative;
margin-bottom: 1em;
}
.foottitle,
.footcontent {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.foottitle {
padding: 0.5em;
display: block;
color: #333;
font-weight: 700;
margin-left: 20px;
font-size: 13px;
}
.foottitle::after,
.foottitle::before {
content: "";
position: absolute;
right: 1.25em;
top: 1em;
width: 2px;
height: 0.75em;
background-color: #000;
transition: all 0.3s;
}
.foottitle::after {
transform: rotate(90deg);
}
.footcontent {
max-height: 0;
overflow: hidden;
}
.footcontent p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.foottoggle:checked + .foottitle + .footcontent {
max-height: 500px;
transition: all 1.5s;
}
.foottoggle:checked + .foottitle::before {
transform: rotate(90deg) !important;
}
.footcontent a {
margin-left: 1em;
}
footer .skList .skList_unit ul li .footcontent a:after{
display:none;
}
.footoption label {
position: relative;
padding: 15px 0;
}
/*アコーディオン〆*/
.contactbtn_box a:hover {
background-color: #000;
color: #fff;
transition: 1s ease;
text-decoration: none;
}
section#fs_anchor_npPostpay .fs-c-specTable__headerCell:after {
content: "\28\7a0e\8fbc\29";/*(税込)*/
}
/* /////////////////////////////////////////////////////////////////////
//08.期間限定
/////////////////////////////////////////////////////////////////////*/
/*配送について*/
/*.fs-c-returnedSpecialContract {
height: 130px;
position: relative;
background-image: url(https://manabeih.itembox.design/item/infoimage/cart_at20200809.jpg);
background-repeat: no-repeat;
}
.fs-c-returnedSpecialContract__link {
position: absolute;
bottom: 0;
}
*/
.eyecatch {overflow:hidden;}
@media screen and (min-width:768px) and ( max-width:1024px) {
.headermiddle h1 {
font-size: 10px;
letter-spacing: -0.05em;
}
.headermiddle ul.hmd_topList li {
font-size: 10px;
}
.hmd_bottom .hmd_bottomList .hmd_bottomList_unit span {
font-size: 10px;
}
}
/*20200917追記 スクロール隙間消し 20230221追記スクロールサイズ指定*/
.image0002 {
margin: -3px 0px;
width:790px;
height:auto;
}
/*20201223追記 珪藻土関連注意書き*/
.toi_attention {
background: linear-gradient(transparent 90%, #aa0000 75%);
font-weight: bold;
white-space:nowrap;
}
/* /////////////////////////////////////////////////////////////////////
//09.動画
/////////////////////////////////////////////////////////////////////*/
.shousai_movie {
position: relative;
height: 0;
padding: 30px 0 50.25%;
overflow: hidden;
}
.shousai_movie iframe {
position: absolute;
top: 0;
left: 0;
width: 790px;
height: 444px;
}
/* /////////////////////////////////////////////////////////////////////
//10.特集
/////////////////////////////////////////////////////////////////////*/
/*商品レビュー一覧ページ*/
.fs-p-announcement img {
margin: 50px 0;
}
/*
メンテナンスページ↓
*/
.fs-p-closed__message {
font-size: 16px;
}
.fs-p-closed__message li{
font-size: 20px;
}
.mentekikan{
font-size:20px;
}
.fs-p-closed__message a{
font-size: 20px;
}
img.fs-p-closed__image {
margin: 5%;
}
.mentemail a {
font-size: 25px;
}
.fs-p-closed__message img {
max-width: 38%;
margin: 6%;
}
.menteowabi {
margin: 5%;
ul.mentetenpo {
color: #aa0000;
}
/* ↑
メンテナンスページ
*/
}
.tokushu22_main {
text-align: center;
}
.tokushu22_link ul {
display: flex;
max-width: 100%;
flex-wrap: wrap;
}
.tokushu22_link li {
width: 18%;
display: inline-block;
flex-shrink: 0;
margin: 1%;
}
.tokushu22_link ul li img {
width: 100%;
}
.toku22_midashi000 {
font-size: 2rem;
text-align: center;
background-color: #777;
color: #fff;
padding: 1%;
margin: 0 0 1%;
}
.toku22_midashi001 {
font-size: 1.5rem;
background-color: #f5ffe0;
padding: 0.7% 2% 0.7% 5%;
width: 95%;
margin: 3% auto;
font-weight: 100;
}
.toku22_midashi002 {
font-size: 1.5rem;
background-color: #eaf4fc;
padding: 0.7% 2% 0.7% 5%;
width: 95%;
margin: 3% auto;
font-weight: 100;
}
.toku22_midashi003 {
font-size: 1.5rem;
background-color: #f5ecf4;
padding: 0.7% 2% 0.7% 5%;
width: 95%;
margin: 3% auto;
font-weight: 100;
}
.toku22_midashi004 {
font-size: 1.5rem;
background-color: #ffffe0;
padding: 0.7% 2% 0.7% 5%;
width: 95%;
margin: 3% auto;
font-weight: 100;
}
.toku_list_colors ul li {
width: 8%;
}
li.toku_color_a {
color: #fff;
-webkit-text-stroke: 1px #000;
}
.tokushu_2022 ul li p {
word-break: keep-all;
}
.loopSlide {
position: relative;
display: flex;
flex-flow: row nowrap;
width: 100vw;
overflow: hidden;
}
.loopSlide ul {
padding: 0;
width: 100vw;
display: flex;
flex-shrink: 0;
}
.loopSlide ul:first-child {
animation: slide1 60s -30s linear infinite;
}
.loopSlide ul:last-child {
animation: slide2 60s linear infinite;
}
.loopSlide ul li {
display: inline-block;
width: 100%;
min-width: 150px;
margin-right: 20px;
list-style: none;
text-align: center;
}
.loopSlide ul li img {
display: block;
width: 100%;
height: auto;
}
.loopSlide:hover ul {
animation-play-state: paused;
}
@keyframes slide1 {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes slide2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
.selectcolor ul {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.selectcolor ul li {
width: 16%;
margin: 2%;
}
.selectcolor ul li img {
width: 100%;
}
p.slectcolor_ct {
font-size: 30px;
background-color: #aaa;
margin: 10px;
color: #fff;
margin-top:50px;
}
.more_link p:after, .more_link p:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 2px solid #aaa;
transition: transform 0.2s;
}
.more_link p {
width: 45%;
padding: 10px 30px;
background: none;
border: none;
position: relative;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 3px;
cursor: pointer;
margin: auto;
}
.more_link p:hover:after, .more_link p:hover:before {
transform: translate(0);
}
.more_link p:before {
transform: translate(-3px, -3px);
}
.more_link p:after {
transform: translate(3px, 3px);
}
/*wide1200特集*/
.stylecoord_select_midashi {
text-align: center;
padding: 10px;
font-size: 22px;
}
.s010000 .stylecoord_midashi p{
color:#4c4c4a;
}
.s020000 .stylecoord_midashi p{
color:#766f62;
}
.s030000 .stylecoord_midashi p{
color:#fdfffb;
}
.s010000 .stylecoord_midashi{
background-color:#e4e4e4;
}
.s020000 .stylecoord_midashi{
background-color:#f9ebb2;
}
.s030000 .stylecoord_midashi{
background-color:#4a72a2;
}
.s010000 .stylecoord_select_midashi{
background-color: #acacac;
color: #fff;
}
.s020000 .stylecoord_select_midashi{
background-color: #f6b483;
color: #fff;
}
.s030000 .stylecoord_select_midashi{
background-color: #6f5436;
color: #fff;
}
.stylecoord_select_midashi{
display: flex;
font-weight:100;
}
.stylecoord_select ul {
width: 60%;
display: flex;
margin: 10px auto;
}
.stylecoord_select ul li {
width: 31%;
text-align: center;
margin: 1%;
}
.stylecoord_hit {
background-color: #ffc;
}
.stylecoord_period p {
text-align: center;
margin: 20px auto 40px;
width: 50%;
background-color: #000;
color: #fff;
padding: 10px;
}
.stylecoord_p_mini ul {
display: flex;
}
.stylecoord_p_mini ul li {
width: 31%;
margin: 1%;
aspect-ratio: 79/50;
overflow: hidden;
}
.stylecoord_period p:hover {
background-color: #fff;
color: #000;
text-decoration: none;
border: 1px solid #000;
box-sizing: border-box;
transition: 0.5s ease;
}
.stylecoord_period a {
text-decoration:none;
}
.stylecoord_midashi p {
display: block;
vertical-align: middle;
line-height: 2.8;
font-size: 16px;
float: right;
margin: auto 20px;
}
.stylecoord_midashi {
overflow: hidden;
width: 100%;
}
.stylecoord_midashi_img {
width: 60%;
float: left;
}
.stylecoord_select {
padding-top: 167px;
margin-top: -167px;
}
.stylecoord_select_midashi {
display: block;
margin-top:10px;
}
.stylecoord_p_mini ul li img {
height: 100%;
display: block;
margin: 0 auto;
}
.stylecoord_midashi {
display: flex;
}
.stylecoord_midashi img {
width: 100%;
}
div#wide1200_nosidebar h2 {
font-size: 24px;
}
.all_ct_list_middle ul {
display: flex;
flex-wrap:wrap;
}
.all_ct_list_middle ul li {
width: 23%;
margin: 0px 1%;
}
.all_ct_list_middle ul li p {
display: inline-block;
vertical-align: top;
width: 193px;
padding-top: 24px;
font-weight: 500;
}
.all_ct_list_middle ul li img {
width: 25%;
margin-right: 5%;
}
.all_ct_list_index ul {
display: flex;
flex-wrap:wrap;
}
.all_ct_list_index ul li {
width: 18%;
margin: 1%;
font-size: 13px;
background-color: #321d0a;
color: #fff;
padding: 5px;
text-align: center;
}
.all_ct_list_midashi {
font-size: 20px;
font-weight: 800;
border-bottom: 2px solid #321d0a;
padding-top: 130px;
margin-top: -130px;
margin-bottom: 20px;
}
.all_ct_list_middle {
margin: 30px 0;
}
iframe.movie_size {
width: 100%;
height: 100%;
margin-bottom: 25px;
}
.movie_frame {
width: 100%;
aspect-ratio: 16 / 9;
}
li.ctcolor_1 {
color: #f5deb3;
}
li.ctcolor_4 {
color: #734E30;
}
/*.color_ctlist li.ctcolor_1 {
width: 6%;
}*/
div.tokushu22_link div.color_ctlist li.ctcolor_1{
width: 6%;
}
.NewItemListPage ul.newList {
display: flex;
width: 186%;
}
.NewItemListPage li.newList_unit {
width: 100%;
margin: 5px;
}
.NewItemListPage div.rcmOutput {
overflow-x:scroll;
}
p.newList_categoryName {
font-size: 19px;
font-weight: 800;
margin-bottom: 10px;
}
p.newList_unitprice {
color: #aa0000;
font-size: 17px;
}
.newItemPage_banner {
width: 100%;
text-align: center;
}
p.newList_categoryName {
margin-top: 52px;
}
.newList_to_category {
margin-top: 10px;
margin-bottom: 45px;
font-size: 16px;
font-weight: 800;
text-align:right
}
ul.new_item_cat {
display: flex;
margin: 8px 0 30px 0;
}
p#mokutekichi1,
p#mokutekichi2,
p#mokutekichi3,
p#mokutekichi4,
p#mokutekichi5,
p#mokutekichi6,
p#mokutekichi7,
p#mokutekichi8,
p#mokutekichi9,
p#mokutekichi10,
p#mokutekichi11,
p#mokutekichi12,
p#mokutekichi13
{
margin-top: -180px;
padding-top: 180px;
}
/*店舗一覧ページのバナー*/
.shop_sele_information_banner {
text-align: center;
margin-bottom: 46px;
}
/*ランキングページのプライス赤帯*/
.ct_ranking_wrap .ct_ranking ul li p:nth-child(3) {
color: white;
background-color: #aa0000;
text-align: center;
font-size: 17px;
font-weight: 800;
}
.ct_ranking_wrap .ct_ranking ul li p:nth-child(3):after {
content: "\28\7a0e\8fbc\29";/*(税込)*/
font-size: 12px;
}
/* /////////////////////////////////////////////////////////////////////
//11.商品詳細
/////////////////////////////////////////////////////////////////////*/
.fs-c-productNameHeading__name {
font-size: 20px;
}
.ct_comment8 img {
width: 110%;
}
.ct_comment8 {
text-align: center;
font-size: 16px;
}
.scroll_kyotu li {
width: 50%;
text-align: center;
}
.scroll_kyotu li:first-child {
width: 100%;
padding: 0% 0% 7% 0%;
}
.scroll_kyotu ul {
display: flex;
flex-wrap: wrap;
}
button.fs-c-button--addToCart--variation.fs-c-button--primary {
background-color: #aa0000;
border: none;
padding: 5px;
}
/*button.fs-c-button--addToCart--variation.fs-c-button--primary:hover {
background-color: #fff;
border: 1px solid #aa0000;
box-sizing: border-box;
color: #aa0000;
transition: 1s ease;
}
button.fs-c-button--addToCart--variation.fs-c-button--primary:hover:before {
filter: invert(20%) sepia(60%) saturate(6680%) hue-rotate(320deg) brightness(60%) contrast(160%);
transition: 1s ease;
}*/
button.fs-c-button--addToCart--detail.fs-c-button--primary {
background-color: #aa0000;
border: none;
}
.fs-c-button--addToWishList--detail {
background-color: #eae5e3;
border: 1px solid #c2b4ae;
color: #321d0a;
border-radius: 0px;
}
/*button.fs-c-button--addToCart--detail.fs-c-button--primary:hover {
background-color: #fff;
border: 1px solid #aa0000;
box-sizing: border-box;
color: #aa0000;
transition: 1s ease;
}
button.fs-c-button--addToCart--detail.fs-c-button--primary:hover:before {
filter: invert(20%) sepia(60%) saturate(6680%) hue-rotate(320deg) brightness(60%) contrast(160%);
transition: 1s ease;
}*/
.manacasa001 {
display: inline-block;
width: 60%;
font-size: 1.3rem;
font-family: serif;
text-align: center;
border: 1px solid #321d0a;
}
.manacasa003 {
display: inline-block;
color:#321D0A;
padding:0px 10px;
}
p.manacasa001 .manacasa00102{
font-size: 1.8rem;
}
.manacasa00101:after {
content: "\7c";/*|*/
}
.manacasa00103:after {
content: "\300c\30de\30ca\30ab\30fc\30b5\300d";/*「マナカーサ」*/
}
.manacasa00103 {
display: block;
font-size: 0.7rem;
word-break: keep-all;
}
p.manacasa001:hover {
background-color: #fff;
color: #321d0a;
transition: 1s ease;
border: 1px solid #321d0a;
box-sizing: border-box;
}
.comment_3 a {
text-decoration: none;
width:40%;
}
.offappeal001 {
font-size: 1.5rem;
color: #fff;
background-color: #111;
text-align: center;
position: relative;
top: -50px;
margin-bottom: -20px;
opacity: 0.5;
}
.go_shouhinpage {
font-size: 1.5rem;
font-weight: 100;
border: 1px solid;
padding: 3%;
text-align: center;
border-radius: 10px;
}
.go_outletpage {
font-size: 1.5rem;
padding: 1%;
border: 1px solid;
display: inline-block;
margin: 1%;
}
.go_outletpage a {
text-decoration: none;
}
#fs_form .fs-c-productShippingDateNote__date {
font-size: 1.5rem;
}
p.outlet_shop_attention {
color: #aa0000;
border-bottom: 3px double;
display: inline;
word-break: keep-all;
}
.outlet_shop_question table {
width: 90%;
margin: 10px 5%;
}
.outlet_shop_question table td:nth-child(odd) {
width: 30%;
}
/*スライド*/
.slider01 .slick-arrow:before {
color: rgba(0,0,0,0.8) !important;
}
.slider01 .slick-arrow {
width: 100px;
z-index: 5;
}
.slider01 .slick-arrow:before {
font-size:30px;
background-color: #fff;
border-radius: 50px;
}
.thumbnail01 .slick-current img {
border: 1px solid #aa0000;
box-sizing: border-box;
}
.slider01-box .slickimageno {
text-align: center;
opacity: 0.8;
font-size: 15px;
}
.slider01 img {
background-color: #f5f5f5;
}
.thumbnail01 img {
border: 1px solid #ccc;
box-sizing: border-box;
height: 100%;
}
.slide01-table table {
margin: 0 10%;
line-height: 2;
word-break: keep-all;
width:80%;
}
.slide01-table table tr:nth-child(odd) {
background-color: #eee;
}
.thumbnail01 .slick-track {
margin-left: 20%;
}
p.slickimageno {
width: 20%;
margin: auto;
background-color: rgba(0,0,0,0.8);
color: #fff;
font-weight: 100;
border-radius: 50px;
margin-top: 5px;
word-break: keep-all;
}
.thumbnail01 {
width: 100%;
display: flex !important;
flex-wrap: wrap;
height: 344.12px;
overflow: hidden;
}
.thumbnail01 .slick-list .slick-track {
width: 100% !important;
transform: translate3d(0, 0, 0) !important;
margin: auto;
}
.thumbnail01 li {
width: calc(100%/6) !important;
margin: 0px;
aspect-ratio:1;
}
.slider01-box {
height: 1130px;
overflow: hidden;
}
body:has(.fs-c-productNotice--outOfStock) .comment_3{
display:none;
}
.fs-l-productLayout__item--2 {
padding: 10px;
border: 3px solid #eae5e3;
}
.fs-c-productChooseVariation {
height: 600px;
overflow: overlay;
}
/*Google Chrome、Safari*/
.fs-l-productLayout__item--2::-webkit-scrollbar{
display: none;
}
/*#itemDetail .lazyload{
opacity: 0;
-webkit-transition: opacity 3s;
transition: opacity 3s;
}
#itemDetail .lazyloaded{
opacity: 1;
transition: all 1s ease-out;
}*/
.slider01 li img {
width: 100%;
height: auto;
}
/*body:has(.fs-c-variationCart__variationName__shippingDate).fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--lowInStock{
display: none;
}*/
span:has(+span).fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--lowInStock {
display: none;
}
/*span.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--lowInStock {
display: none;
}
*/
/*「のこりわずか」を一旦消す用*/
/*.scroll_main img {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
transition:0.3s;
}
@keyframes fadeInUp{
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
*/
.slider01 > li:not(:first-child){
display: none;
}
/*シリーズ検索*/
.SearchItemForm p {
font-size: 13px;
margin: 12px 0px 3px;
border-bottom: 1px dotted #aaa;
}
.SearchItemForm span{
font-size: 13px;
margin: 12px 0px 3px;
border-bottom: 1px dotted #aaa;
}
p.SIF_midashi {
border: none;
font-size: 15px;
}
.SearchItemForm input {
accent-color: #321d03;
transform: scale(1.3);
margin: 7px;
}
.SearchItemForm button {
background-color: #321d03;
color: #fff;
border: none;
padding: 3px;
}
.SearchItemForm label {
display: inline-block;
}
.SIF_topix_box {
display: block;
margin: 10px 0px 5px;
}
/*ポップアップ*/
.popupModal1 > input { /* ラジオボックス非表示 */
display: none;
}
.popupModal1 > input:nth-child(1) + label {
cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
display: none;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
display: block;
z-index: 998;
position: fixed;
width: 90%;
height: 80%;
border-radius: 20px;
left: 50%;
top: 50%;
margin-top: 30px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: #fff;
padding: 10px 20px;
overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
width: 600px;
height: 600px;
padding: 30px;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
left: 50% !important;
top: 50% !important;
margin-left: 270px !important;
margin-top: -310px !important;
}
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
overflow:auto;
-webkit-overflow-scrolling:touch;
display: inline-block;
width: 100%;
height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
width: 100%;
height:100%;
border:none;
display:block;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
display: none;/* ラジオ１ 以外のラベルを初期は非表示 */
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.70);
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 997;
text-indent: -999999px;
overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
background: rgba(255, 255, 255, 0.5);
display: inline-block;
position: fixed;
left: 10px;
bottom: 20px;
z-index: 999;
width: 44pt;
height: 44pt;
font-size: 40px;
border-radius: 50%;
line-height: 44pt;
text-align: center;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
display: none;
}
.modalPopup2{
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
.popupModal1 .modalTitle {
padding-bottom: .5em;
margin: .5em 0;
border-bottom:
1px solid #ccc;
font-weight: bold;
}
.popupModal1 .modalMain {
color:#222;
text-align: left;
font-size: 14px;
line-height: 1.8em;
}
.popupModal1 {
display: inline-block;
margin: 0 5px;
padding: 0 6px;
background-color: #777;
color: #fff;
border-radius: 20px;
}
/*〆ポップアップ*/
/*ポップアップ-2*/
.popupModal1-2 > input { /* ラジオボックス非表示 */
display: none;
}
.popupModal1-2 > input:nth-child(1) + label {
cursor: pointer;
}
.modalPopup2-2 { /* 初期設定 ポップアップ非表示 */
display: none;
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-2 {/* ラジオ１ チェックでポップアップ表示 */
display: block;
z-index: 998;
position: fixed;
width: 90%;
height: 80%;
border-radius: 20px;
left: 50%;
top: 50%;
margin-top: 30px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: #fff;
padding: 10px 20px;
overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-2{
width: 600px;
height: 600px;
padding: 30px;
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
left: 50% !important;
top: 50% !important;
margin-left: 270px !important;
margin-top: -310px !important;
}
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-2 > div {/* */
overflow:auto;
-webkit-overflow-scrolling:touch;
display: inline-block;
width: 100%;
height: 100%;
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-2 > div > iframe {
width: 100%;
height:100%;
border:none;
display:block;
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1-2 > input:nth-child(1) + label ~ label {
display: none;/* ラジオ１ 以外のラベルを初期は非表示 */
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.70);
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 997;
text-indent: -999999px;
overflow: hidden;
}
.popupModal1-2 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
background: rgba(255, 255, 255, 0.5);
display: inline-block;
position: fixed;
left: 10px;
bottom: 20px;
z-index: 999;
width: 44pt;
height: 44pt;
font-size: 40px;
border-radius: 50%;
line-height: 44pt;
text-align: center;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.popupModal1-2 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2-2,
.popupModal1-2 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2-2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
display: none;
}
.modalPopup2-2{
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
.popupModal1-2 .modalTitle {
padding-bottom: .5em;
margin: .5em 0;
border-bottom:
1px solid #ccc;
font-weight: bold;
}
.popupModal1-2 .modalMain {
color:#222;
text-align: left;
font-size: 14px;
line-height: 1.8em;
}
.popupModal1-2 {
display: inline-block;
margin: 0 5px;
padding: 0 6px;
background-color: #777;
color: #fff;
border-radius: 20px;
}
/*〆ポップアップ-2*/
/*ポップアップ-3*/
.popupModal1-3 > input { /* ラジオボックス非表示 */
display: none;
}
.popupModal1-3 > input:nth-child(1) + label {
cursor: pointer;
}
.modalPopup2-3 { /* 初期設定 ポップアップ非表示 */
display: none;
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-3 {/* ラジオ１ チェックでポップアップ表示 */
display: block;
z-index: 998;
position: fixed;
width: 90%;
height: 80%;
border-radius: 20px;
left: 50%;
top: 50%;
margin-top: 30px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: #fff;
padding: 10px 20px;
overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-3{
width: 600px;
height: 600px;
padding: 30px;
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
left: 50% !important;
top: 50% !important;
margin-left: 270px !important;
margin-top: -310px !important;
}
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-3 > div {/* */
overflow:auto;
-webkit-overflow-scrolling:touch;
display: inline-block;
width: 100%;
height: 100%;
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-3 > div > iframe {
width: 100%;
height:100%;
border:none;
display:block;
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-3 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1-3 > input:nth-child(1) + label ~ label {
display: none;/* ラジオ１ 以外のラベルを初期は非表示 */
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.70);
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 997;
text-indent: -999999px;
overflow: hidden;
}
.popupModal1-3 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
background: rgba(255, 255, 255, 0.5);
display: inline-block;
position: fixed;
left: 10px;
bottom: 20px;
z-index: 999;
width: 44pt;
height: 44pt;
font-size: 40px;
border-radius: 50%;
line-height: 44pt;
text-align: center;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.popupModal1-3 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2-3,
.popupModal1-3 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2-3 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
display: none;
}
.modalPopup2-3{
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
.popupModal1-3 .modalTitle {
padding-bottom: .5em;
margin: .5em 0;
border-bottom:
1px solid #ccc;
font-weight: bold;
}
.popupModal1-3 .modalMain {
color:#222;
text-align: left;
font-size: 14px;
line-height: 1.8em;
}
.popupModal1-3 {
display: inline-block;
margin: 0 5px;
padding: 0 6px;
background-color: #777;
color: #fff;
border-radius: 20px;
}
/*〆ポップアップ-3*/
/*ポップアップ-4*/
.popupModal1-4 > input { /* ラジオボックス非表示 */
display: none;
}
.popupModal1-4 > input:nth-child(1) + label {
cursor: pointer;
}
.modalPopup2-4 { /* 初期設定 ポップアップ非表示 */
display: none;
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-4 {/* ラジオ１ チェックでポップアップ表示 */
display: block;
z-index: 998;
position: fixed;
width: 90%;
height: 80%;
border-radius: 20px;
left: 50%;
top: 50%;
margin-top: 30px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background: #fff;
padding: 10px 20px;
overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-4{
width: 600px;
height: 600px;
padding: 30px;
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
left: 50% !important;
top: 50% !important;
margin-left: 270px !important;
margin-top: -310px !important;
}
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-4 > div {/* */
overflow:auto;
-webkit-overflow-scrolling:touch;
display: inline-block;
width: 100%;
height: 100%;
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-4 > div > iframe {
width: 100%;
height:100%;
border:none;
display:block;
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2-4 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1-4 > input:nth-child(1) + label ~ label {
display: none;/* ラジオ１ 以外のラベルを初期は非表示 */
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.70);
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 997;
text-indent: -999999px;
overflow: hidden;
}
.popupModal1-4 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
background: rgba(255, 255, 255, 0.5);
display: inline-block;
position: fixed;
left: 10px;
bottom: 20px;
z-index: 999;
width: 44pt;
height: 44pt;
font-size: 40px;
border-radius: 50%;
line-height: 44pt;
text-align: center;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.popupModal1-4 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2-4,
.popupModal1-4 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2-4 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
display: none;
}
.modalPopup2-4{
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
.popupModal1-4 .modalTitle {
padding-bottom: .5em;
margin: .5em 0;
border-bottom:
1px solid #ccc;
font-weight: bold;
}
.popupModal1-4 .modalMain {
color:#222;
text-align: left;
font-size: 14px;
line-height: 1.8em;
}
.popupModal1-4 {
display: inline-block;
margin: 0 5px;
padding: 0 6px;
background-color: #777;
color: #fff;
border-radius: 20px;
}
/*〆ポップアップ-4*/
/*サイズ変更プルダウン*/
.size_henkou_p{
font-size:17px;
margin-top: 11px;
}
select.size_henkou {
font-size: 15px;
padding: 5px 10px;
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select_wrap {
position: relative;
}
.select_wrap::after {
content: "";
position: absolute;
right: 18px;
top: 15px;
width: 10px;
height: 10px;
border-top: 2px solid #AA0000;
border-left: 2px solid #AA0000;
transform: translateY(-50%) rotate(-135deg);
font-size: 20px;
pointer-events: none;
}
/*.postageanddate:after {
content: "";
position: absolute;
right: 398px;
top: 659px;
width: 10px;
height: 10px;
border-top: 2px solid #AA0000;
border-left: 2px solid #AA0000;
transform: translateY(-50%) rotate(-135deg);
font-size: 20px;
pointer-events: none;
}*/
.fs-c-productPointDisplay {
background-color: #fff;
color: #333;
text-align: right;
display: block;
}
dt.fs-c-productSelection__name {
background-color: #eae5e3;
font-size: 13px;
font-weight: 500;
}
.fs-c-productSelection{
margin-top: 18px;
}
/*予約納期と決済はご注文時 の文字の大きさ*/
span.fs-c-variationCart__variationName__shippingDate {
font-size: 1.0rem;
}
.fs-c-productNotice {
background-color: #fff;
border: 2px solid #aa0000;
}
.fs-c-inquiryAboutProduct span {
font-size: 14px;
color: #000;
}
.fs-c-returnedSpecialContract {
font-size: 14px;
}
.fs-c-inquiryAboutProduct span:before{
content: url('data:image/svg+xml;utf-8,');
display: inline-block;
width: 20px;
vertical-align:middle;
}
.fs-c-returnedSpecialContract__link:before{
content: url('data:image/svg+xml;utf-8,');
display: inline-block;
width: 20px;
vertical-align:middle;
}
#fs_form .fs-c-buttonContainer--inquiryAboutProduct {
margin-bottom: 0px;
}
#fs_form .fs-c-returnedSpecialContract {
margin-bottom: 0px;
}
.fs-c-productReview a:before {
width: 20px;
display: inline-block;
}
.fs-c-productReview a {
font-size: 14px;
color: #000;
}
.fs-c-button--plain.fs-c-button--addReview--detail::before{
content: url('data:image/svg+xml;utf-8,');
display: inline-block;
width: 20px;
vertical-align:middle;
}
.fs-c-button--plain.fs-c-button--viewAllReviews::before{
content: url('data:image/svg+xml;utf-8,');
display: inline-block;
width: 20px;
vertical-align:middle;
}
span.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--outOfStock:before {
content: "【";
}
span.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--outOfStock:after {
content: "】";
}
.fs-c-variationCart--withImage .fs-c-variationCart__image > img {
max-width: 50px;
}
span.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--outOfStock {
font-size: 13px;
font-weight: 500;
}
.fs-c-variationList__item__cart li:nth-child(n+2) {
border-top: 2px dotted #dcdcdc;
}
.fs-c-variationCart__variationName {
flex-direction: column-reverse;
justify-content: flex-end;
text-align: right;
}
.fs-c-variationCart--withImage > li {
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
}
.fs-c-variationCart__cartButton {
width: 75%;
margin: 0 0 0 auto;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before{
content: url('data:image/svg+xml;utf-8,');
display: inline-block;
width: 20px;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
content:"\e91d";
color: transparent;
background: repeating-linear-gradient(157deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
-webkit-background-clip: text;
}
.slide01-table table tr.item_spec_attention {
background-color: #fdede4;
}
tr.item_spec_attention td {
color: #aa0000;
word-break: auto-phrase;
}
.doga {
display: flex;
justify-content: center;
}
.slide01-table slick-slide slick-current slick-active video{
width:100%;
}
.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011";/*【在庫あり】*/
margin-left: 12px;
}
/*在庫あり あす楽*/
main.fs-l-main:has(img[src*='/supple2_5.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011\31\ff5e\32\65e5\5f8c\51fa\8377";/*【在庫あり】1～2日後出荷*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*在庫あり 高槻DC4日後*/
main.fs-l-main:has(img[src*='/supple2_1.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5EAB\3042\308A\3011\33\FF5E\34\65E5\5F8C\51FA\8377";/*【在庫あり】2～3日後出荷*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*大川DC4日後*/
main.fs-l-main:has(img[src*='/supple2_1ok.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011\34\65e5\5f8c\4ee5\964d\304a\5c4a\3051";/*【在庫あり】4日後以降お届け*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*高槻DC7日後*/
main.fs-l-main:has(img[src*='/supple2_2.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011\35\ff5e\36\65e5\5f8c\51fa\8377";/*【在庫あり】5～6日後出荷*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*大川DC7日後*/
main.fs-l-main:has(img[src*='/supple2_2ok.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011\37\65e5\5f8c\4ee5\964d\304a\5c4a\3051";/*【在庫あり】7日後以降お届け*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*高槻DC10日後*/
main.fs-l-main:has(img[src*='/supple2_3.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011\31\30\65e5\5f8c\4ee5\964d\304a\5c4a\3051";/*【在庫あり】10日後以降お届け*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*大川DC10日後*/
main.fs-l-main:has(img[src*='/supple2_3ok.webp']) div.fs-c-variationList__item:not(:has(.fs-c-variationCart__variationName__shippingDate,.fs-c-variationCart__variationName__stock--outOfStock)) .fs-c-variationList__item__title:after {
content: "\3010\5728\5eab\3042\308a\3011\31\30\65e5\5f8c\4ee5\964d\304a\5c4a\3051";/*【在庫あり】10日後以降お届け*/
margin-left: 0px;
display: flex;
justify-content: end;
background-color:white;
padding-top: 2px;
}
/*
main:has(.kanbai) div.fs-c-variationList__item:has(.fs-c-variationCart__variationName__stock--outOfStock) div.fs-c-variationList__item__title:after
{
content: "【完売いたしました】";
margin-left: 0px;
display: flex;
justify-content: end;
background-color: white;
padding-top: 2px;
}
*/
main:has(.kanbai) span.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--outOfStock:after {
content: "（完売）】";
}
.scroll_movie video {
width: 790px;
}
.scroll_movie {
max-width: 790px;
margin:auto;
}
/*2重売価の通常価格左寄せ*/
.fs-c-productPrice--listed {
place-content: flex-start;
font-size: 9px;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after {
content: "\e91b";
font-size: 26px;
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
content: "\e91d";
color: transparent;
background: repeating-linear-gradient(157deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
-webkit-background-clip: text;
font-size: 26px;
}
/*
/*全品ポイント2倍 商品ページ 獲得ポイント前に表示 ここから
.fs-c-productPointDisplay::before {
content: "\35\2f\36\307e\3067\30dd\30a4\30f3\30c8\32\500d";/*5/6までポイント2倍*/
}
全品ポイント2倍 商品ページ 獲得ポイント前に表示 ここまで*/
.kaguhikitori {
display: inline-block;
font-size: 17px;
border: solid;
border-width: 1px;
padding: 4px 15px;
margin: 0px 10px 40px 16px;
}
/*アドリア*/
.adria_link_table tr:nth-child(1) {
line-height: 3;
}
.adria_link_table th {
width: 20%;
vertical-align: middle;
}
.adria_link_table td {
width: 20%;
}
td.table_sku_hit img {
border: 1px solid #aa0000;
box-sizing: border-box;
}
/*アドリア*/
/*【ss-table】*/
/*all*/
#tokushu_html .ss_link_table table {
width: 100%;
}
#tokushu_html .ss_link_table th {
vertical-align: middle;
}
/*layout*/
#tokushu_html .ado-on_link_table th {
width: calc(100%/8);
}
#tokushu_html .tanario_link_table th ,#tokushu_html .normo_link_table th{
width: calc(100%/6);
}
#tokushu_html .colorrack_link_table th {
width: calc(100%/7);
}
#tokushu_html .kakaro1_link_table th ,#tokushu_html .adoria_link_table th{
width: calc(100%/9);
}
#tokushu_html .kakaro2_link_table th {
width: calc(100%/7);
}
#tokushu_html .neo1_link_table th , #tokushu_html .forgas1_link_table th , #tokushu_html .seras1_link_table th , #tokushu_html .hiflex1_link_table th {
width: calc(100%/11);
}
#tokushu_html .neo2_link_table th , #tokushu_html .hiflex2_link_table th , #tokushu_html .seras2_link_table th {
width: calc(100%/10);
}
#tokushu_html .forgas2_link_table th {
width: calc(100%/7);
}
/*separate*/
.tanario_link_table img {
filter: brightness(1.4);
padding: 5px;
}
.kakaro2_link_table tr:nth-of-type(odd) td ,.kakaro2_link_table tr:nth-of-type(odd) th{
border-top: none !important;
}
.kakaro2_link_table tr:nth-of-type(even) td ,.kakaro2_link_table tr:nth-of-type(even) th{
border-bottom: none !important;
}
#tokushu_html .adoria_link_table tr td:nth-child(5), #tokushu_html .adoria_link_table tr th:nth-child(5) {
border-right: 3px double;
}
.adoria_link_table tr td:nth-child(n+6) img {
aspect-ratio: 1.4;
}
.normo_link_table tr td:nth-child(3) img {
aspect-ratio: 1.2;
margin:8% 0;
}
.normo_link_table tr td:nth-child(4) img {
aspect-ratio: 1.4;
margin:14% 0;
}
.normo_link_table tr td:nth-child(5) img {
aspect-ratio: 1.6;
margin:18% 0;
}
.normo_link_table tr td:nth-child(6) img {
aspect-ratio: 1.7;
margin:20% 0;
}
/*〆【ss-table】*/
.revico-review-comment-detail--product-name-image img {
background: url(https://manabeih.itembox.design/item/infoimage/noimage.png);
width: 148px;
aspect-ratio: 1;
background-size: 148px 148px;
}
.revico_ct_all {
height: 350px;
margin-bottom: 35px;
}
/*予約商品のボタンに「予約注文」*/
.fs-c-variationList__item__cart:has(.fs-c-variationCart__variationName__shippingDate) button.fs-c-button--addToCart--variation.fs-c-button--primary::after {
content: "\28\4e88\7d04\6ce8\6587\30fb\5148\6255\3044\29";/*(予約注文・先払い)*/
display: block;
}
nav.fs-c-breadcrumb:has(a[href='/c/outlet']):after {
content: "\21\21\61\74\74\65\6e\74\69\6f\6e\21\21\20\3053\3061\3089\306e\5546\54c1\306f\300c\30a2\30a6\30c8\30ec\30c3\30c8\5546\54c1\300d\3068\306a\3063\3066\304a\308a\307e\3059\3002\30a2\30a6\30c8\30ec\30c3\30c8\8a73\7d30\3092\3088\304f\3054\78ba\8a8d\306e\4e0a\3001\304a\6c42\3081\4e0b\3055\3044\307e\305b\3002";
/*!!attention!! こちらの商品は「アウトレット商品」となっております。アウトレット詳細をよくご確認の上、お求め下さいませ。*/
color: #aa0000;
padding: 5px;
width: 100%;
display: block;
background: linear-gradient(180deg, #fff, #fff799);
}
.attention-setti-link{
display:none;
}
main.fs-l-main:has(img[src*='/supple1_2.webp']) .attention-setti-link{
display:block;
}
.attention-setti-link button {
width: 90%;
margin: auto 5%;
background-color: #eae5e3;
border: 1px solid #321d05;
}
.attention-setti-link button:first-letter {
color: #aa0000;
font-weight: 900;
font-size: 125%;
}
.attention-setti-link input {
width: 100%;
background-color: #eae5e3;
}
.attention_kagu_back {
width: 50%;
margin: auto;
text-align: center;
background-color: #eae5e3;
padding: 10px;
border: 1px solid #321d03;
}
.dli-external-link {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 0.9em;
height: 0.9em;
border: 0.1em solid currentColor;
border-radius: 0.1em;
background: #eae5e3;
box-sizing: content-box;
position: relative;
z-index: 999;
top: 20px;
left: 6px;
}
.dli-external-link > span {
position: absolute;
top: -0.2em;
right: -0.2em;
width: 45%;
height: 45%;
border: 0.1em solid currentColor;
border-bottom: 0;
border-left: 0;
background: #eae5e3;
box-shadow: -0.1em 0.1em 0 0.1em #eae5e3;
box-sizing: border-box;
}
.dli-external-link > span::before {
content: '';
position: absolute;
top: -0.05em;
right: -0.1em;
width: 0.1em;
height: 0.9em;
background: currentColor;
transform: rotate(45deg);
transform-origin: top center;
}
.vh_list_css .fs-c-productVariationPrice__price.fs-c-price {
color: #aa0000;
}
.vh_list_css .fs-c-variationMatrix__row__variationName {
line-height: 3;
}
.vh_list_css .fs-c-variationMatrix__row {
border-bottom: 2px dotted #eae5e3;
margin-bottom: 5px;
padding-bottom: 5px;
}
.vh_list_css label.fs-c-variationMatrix__panel {
background-color: rgba(234, 229, 227, 0.5);
border: 1px solid rgba(50, 29, 10, 0.4);
}
.vh_list_css .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel {
background: #aa0000;
color: #ffffff;
}
.vh_list_css .fs-c-variationMatrix__panel__stock:before {
content: "\5728\5eab\72b6\6cc1";/*在庫状況*/
}
.vh_list_css .fs-c-variationMatrix__panel__stock {
font-weight: 700;
}
.column2_layout .fs-l-productLayout__item , .column2_layout .fs-l-productLayout__item--1 {
width: 52%;
}
.column2_layout .fs-l-productLayout__item , .column2_layout .fs-l-productLayout__item--2 {
width: 45%;
}
.column2_layout #n_supplement ul {
justify-content: left;
}
.column2_layout #n_supplement ul li {
width: calc((100% - 40px) / 7);
margin-right:5px;
}
.column2_layout #tokushu_html img , .column2_layout .image0002{
display:block;
margin:auto;
}
.column2_layout .del_c img {
width: 50%;
}
/*vh_skulist*/
.vh_list_color .acd-check{
display: none;
}
.vh_list_color .acd-label{
background: #eae5e3;
display: block;
margin-bottom: 1px;
padding: 10px;
position: relative;
}
.vh_list_color .acd-label:after{
background: #321d03;
color:#fff;
box-sizing: border-box;
content: '+';
display: block;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0px;
}
.vh_list_color .acd-content{
border: 1px solid #321d03;
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.vh_list_color .acd-check:checked + .acd-label:after{
content: '-';
}
.vh_list_color .acd-check:checked + .acd-label + .acd-content{
opacity: 1;
padding: 10px;
visibility: visible;
overflow-y: scroll;
}
.vh_list_color .acd-check:checked + .acd-label + .sku0_10height{height:250px;}
.vh_list_color .acd-check:checked + .acd-label + .sku10_20height{height:500px;}
.vh_list_color .acd-check:checked + .acd-label + .sku20_30height{height:750px;}
.vh_list_color .acd-check:checked + .acd-label + .sku30_40height{height:1000px;}
.vh_list_color .acd-check:checked + .acd-label + .sku40_50height{height:1250px;}
.vh_list_color .acd-check:checked + .acd-label + .sku50_60height{height:1500px;}
.vh_list_color .acd-check:checked + .acd-label + .sku60_70height{height:1750px;}
.vh_list_color .acd-check:checked + .acd-label + .sku70_80height{height:2000px;}
.vh_list_color .acd-check:checked + .acd-label + .sku80_90height{height:2250px;}
.vh_list_color .acd-check:checked + .acd-label + .sku90_100height{height:2500px;}
.vh_list_color .acd-check:checked + .acd-label + .sku100_110height{height:2750px;}
/*〆vh_skulist*/
label.fs-c-variationMatrix__panel:has(.no-stock-plusmark){
background-color: #999;
}
span.fs-c-variationMatrix__panel__stock {
display: flex;
}
span.fs-c-variationMatrix__panel__label {
font-size: 18px;
}
label.fs-c-variationMatrix__panel:has(.fs-c-variationMatrix__panel__caption) .fs-c-variationMatrix__panel__stock:before {
display: none;
}
label.fs-c-variationMatrix__panel:has(.fs-c-variationMatrix__panel__caption) .fs-c-variationMatrix__panel__stock {
display: none;
}
span.fs-c-variationMatrix__panel__caption {
margin: 1px;
font-size: 12px;
padding: 3px;
border: solid 1px;
border-color: #999999;
border-radius: 4px;
}
/*統合の選択肢に文字を入れる途中 フェリス
div.fs-c-variationMatrix__item:has(.fs-c-variationMatrix__radio[data-vertical-admin-no="12000525"][data-horizontal-admin-no="t02t"]) .fs-c-variationMatrix__panel__price:before{
content:"app";
}*/
.link_to_curtain123_m {
background-color: #321d03;
color: #fff;
padding: 3px;
margin-bottom: 3px;
}
.link_to_curtain123 p {
margin: 5px;
}
.arrowbtn-3 a {
--arrow-color: #333;
position: relative;
border: 1px solid var(--arrow-color);
color: var(--arrow-color);
text-decoration: none;
padding: 8px 30px;
display: inline-block;
text-align: center;
transition: all .2s linear;
}
.arrowbtn-3 a:before {
border-bottom: 1px solid var(--arrow-color);
border-right: 1px solid var(--arrow-color);
content: '';
height: 10px;
position: absolute;
top: calc(50% - 10px);
right: -20px;
transform: skewX(50deg);
width: 40px;
transition: all .3s;
}
.arrowbtn-3 a:hover{
background:#7b8fa1;
color:#fff;
}
.arrowbtn-3 a:hover::before {
right:-25px;
}
.shipping_fee_type_c , .shipping_fee_type_xl{
display: none;
}
main.fs-l-main:has(img[src*='/del_c2.jpg']) .shipping_fee_type_c {
display: block;
}
main.fs-l-main:has(img[src*='/del_c2_xl.jpg']) .shipping_fee_type_xl {
display: block;
}
.shipping_postage_6_1 , .shipping_postage_6_2 , .shipping_postage_6_3 , .shipping_postage_6_4 , .shipping_postage_6_5 , .shipping_postage_6_6 , .shipping_postage_6_7 , .shipping_postage_6_8 , .shipping_postage_6_9 , .shipping_postage_6_10 {
display: none;
}
main.fs-l-main:has(.supple_postage_6_1) .shipping_postage_6_1 , main.fs-l-main:has(.supple_postage_6_2) .shipping_postage_6_2 ,
main.fs-l-main:has(.supple_postage_6_3) .shipping_postage_6_3 ,main.fs-l-main:has(.supple_postage_6_4) .shipping_postage_6_4 ,
main.fs-l-main:has(.supple_postage_6_5) .shipping_postage_6_5 ,main.fs-l-main:has(.supple_postage_6_6) .shipping_postage_6_6 ,
main.fs-l-main:has(.supple_postage_6_7) .shipping_postage_6_7 ,main.fs-l-main:has(.supple_postage_6_8) .shipping_postage_6_8 ,
main.fs-l-main:has(.supple_postage_6_9) .shipping_postage_6_9 ,main.fs-l-main:has(.supple_postage_6_10) .shipping_postage_6_10 {
display: block;
}
.Individual_shipping_fee_c , .shipping_postage_6{
font-size: 16px;
padding: 5px 10px;
background-color: #eae5e3;
border-radius: 5px;
}
.Individual_shipping_fee_c span , .shipping_postage_6 span {
width: 50%;
display: inline-block;
padding-bottom:3px;
}
.Individual_shipping_fee_c p a , .shipping_postage_6 p a {
opacity: 0.8;
width: 50%;
display: inline-block;
text-align: right;
}
.Individual_shipping_fee_c a:hover , .shipping_postage_6 a:hover {
color:#aa0000;
}
.shipping_postage_6 p:nth-child(2) b {
display: none;
}
.shipping_postage_6 p:nth-child(2) b {
display: none;
}
main.fs-l-main:has(img[src*='/supple2_1.webp']) .shipping_postage_6 p:nth-child(2) b.deliverydate2_1 {
display: inline-block;
}
main.fs-l-main:has(img[src*='/supple2_2.webp']) .shipping_postage_6 p:nth-child(2) b.deliverydate2_2 {
display: inline-block;
}
main.fs-l-main:has(img[src*='/supple2_3.webp']) .shipping_postage_6 p:nth-child(2) b.deliverydate2_3 {
display: inline-block;
}
main.fs-l-main:has(img[src*='/supple2_4.webp']) .shipping_postage_6 p:nth-child(2) b.deliverydate2_4 {
display: inline-block;
}
main.fs-l-main:has(img[src*='/supple2_5.webp']) .shipping_postage_6 p:nth-child(2) b.deliverydate2_5 {
display: inline-block;
}
main.fs-l-main:has(img[src*='/supple2_7.webp']) .shipping_postage_6 p:nth-child(2) b.deliverydate2_7 {
display: inline-block;
}
.postageanddate {
font-size: 16px;
margin: 10px 0px 0px;
}
/*20250123追加 sstable縦横*/
#serieslink table ,#sizelink table {
writing-mode: vertical-lr;
width:auto;
margin:20px 0px;
}
#serieslink ,#sizelink {
width: 100%;
overflow: overlay;
}
#serieslink tr th ,#sizelink tr th {
width: 20px;
}
#serieslink table td ,#sizelink table td {
writing-mode: horizontal-tb;
width: 8vw;
}
#serieslink table td a ,#sizelink table td a {
display: block;
}
#serieslink table td img ,#sizelink table td img {
width: 100%;
text-align: center;
margin: auto;
max-width: 130px;
}
#serieslink .serieslinkhit ,#sizelink .sizelinkhit{
border: 2px solid #aa0000;
box-sizing: border-box;
}
/*#N/A非表示化*/
#sizelink , #serieslink {
font-size: 0px;
}
#sizelink table , #serieslink table {
font-size: 13px;
}
.Individual_shipping_fee_c small {
font-size: 80%;
}
.selectpostage {
position: relative;
}
.selectpostage:after {
content: "";
position: absolute;
right: 18px;
top: 15px;
width: 10px;
height: 10px;
transform: translateY(-50%) rotate(-135deg);
font-size: 20px;
pointer-events: none;
border-top: 2px solid rgb(170, 0, 0);
border-left: 2px solid rgb(170, 0, 0);
}
.sc_readmore {
position: relative;
margin: 50px auto 0;
padding: 0 0 75px;
}
.sc_readmore label {
position: absolute;
display: table;
left: 50%;
bottom: 55px;
margin: 0 auto;
width: 400px;
padding: 10px 0;
color: #321d03;
text-align: center;
transform: translateX(-50%);
cursor: pointer;
z-index: 1;
border:1px solid #321d03;
}
.sc_readmore label::before{
content: '\2b\20\7d9a\304d\3092\898b\308b';/*+ 続きを見る*/
}
.sc_readmore input[type="checkbox"]:checked ~ label::before {
content: '\2d\20\5143\306b\623b\3059';/*- 元に戻す*/
}
.sc_readmore input[type="checkbox"]{
display: none;
}
.sc_readmore-content {
position: relative;
height: 600px;
overflow: hidden;
}
.sc_readmore input[type="checkbox"]:checked ~ .sc_readmore-content {
height: auto;
}
.sc_readmore-content::before {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 75px;
background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
.sc_readmore input[type="checkbox"]:checked ~ .sc_readmore-content::before {
display: none;
}
.scroll_main {
text-align: center;
}
.fs-c-variationRadioList__name__name, .fs-c-variationRadioList__name__stock {
width: 33%;
}
.fs-c-variationRadioList__name__price {
flex-basis: 30%;
font-weight: 300;
}
.fs-c-variationRadioList__name{
justify-content: space-between;
}
.fs-c-dropdown select option {
font-weight: 700;
}
.fs-c-variationAndActions__variationLabel span {
font-size: 15px;
}
.itemdetail_simpleorder .fs-c-productNumber__number {
display: inline-block;
}
.itemdetail_simpleorder .fs-c-productNumber__number:first-letter {
font-size: 0px;
}
.fs-c-variationAndActions__variation {
max-height: 400px;
overflow-y: scroll;
}
#sizelink table , #serieslink table , #sizelink td, #sizelink th , #serieslink td, #serieslink th {
border: 1px solid;
}
.scroll_kyotu {
width: 790px;
margin: auto;
}
#tokushu_html table {
max-width: 790px;
}
/* /////////////////////////////////////////////////////////////////////
//12.アプリ審査対応
/////////////////////////////////////////////////////////////////////*/
@media screen and (max-width : 790px) {
.side {display: none;}
}
/*
@media screen and (max-width : 790px) {
header {display: none;}
}*/
@media screen and (max-width : 790px) {
.main {width:100%;}
}
@media screen and (max-width : 790px) {
.main {width:100%;}
}
@media screen and (max-width : 790px) {
.main, .side + .fs-l-pageMain {width:100%;}
}
@media screen and (max-width : 790px) {
footer .footer_inner {display: none;}
}
.main p{word-break:keep-all;}
@media screen and (max-width : 790px) {
section#BLOG {display: none;}
}
@media screen and (max-width : 790px) {
section#SERVICE {display: none;}
}
/*以下岡山作成*/
@media screen and (max-width : 790px) {
span .hnav_unitname {display: none;}
}
@media screen and (max-width : 790px) {
.hmd_top.flex3clm {display: none;}
}
@media screen and (max-width : 790px) {
.flex3clm_unit.hmd_bottomListbox a span:nth-child(2){display: none;}
}
/*
@media screen and (max-width : 790px) {
.headerbottom .hnav .hnav_unit > a > span{font-size:0px;}
}*/
@media screen and (max-width : 790px) {
.headerbottom .hnav .hnav_unit > a > span:nth-child(2){display: none;}
}
/* /////////////////////////////////////////////////////////////////////
//13.カート
/////////////////////////////////////////////////////////////////////*/
.cart_attention ul li p {
font-size: 1.3rem;
opacity: 0.8;
}
.cart_attention li p:before {
content: "※";
}
.cart_attention2 {
background-color: #eaeaea;
padding: 10px;
}
.cart_attention2 ul li:nth-child(3n-2):before {
content: "※";
}
.cart_attention2 ul li {
font-size: 1.3rem;
}
.cart_attention2 ul li:nth-child(3n-2) {
color: #aa0000;
display: flex;
margin: 3px 0px;
}
.fs-body-customerDetails .fs-c-inputTable > tbody {
display: flex;
flex-direction: column;
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(1) {
order: 1; /* 氏名の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(2) {
order: 2; /* 氏名（フリガナ）の表示順を入力*/
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(4) {
order: 4; /* 郵便番号の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(5) {
order: 5; /* 都道府県の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(6) {
order: 6; /* 住所１（市区町村）の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(7) {
order: 7; /* 住所２（番地）の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(8) {
order: 8; /* 住所３（建物名）の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(9) {
order: 9; /* お電話番号の表示順を入力 */
}
.fs-body-customerDetails .fs-c-inputTable > tbody > tr:nth-child(3) {
order: 10; /* Ｅメールアドレスの表示順を入力 */
}
label#fs_label_email:after {
content: "\203b\4e00\5ea6\3054\767b\9332\3044\305f\3060\3044\305f\30a2\30c9\30ec\30b9\306f\518d\5ea6\3054\767b\9332\3044\305f\3060\3051\307e\305b\3093\3002";/*※一度ご登録いただいたアドレスは再度ご登録いただけません。*/
}
dt.fs-c-checkout-deliveryMethod__deliveryTime label:after {
content: "\ff08\8a2d\7f6e\5bb6\5177\306f\6642\9593\6307\5b9a\4e0d\53ef\ff09";/*（設置家具は時間指定不可）*/
color: #aa0000;
border-bottom: 2px solid;
}
body:has(.fs-c-listedProductName__selection__choice) select#fs_input_expectedArrival_time{
display:none;
}
body:has(.fs-c-listedProductName__selection__choice) select#fs_input_expectedArrival_date option:nth-child(2){
display:none;
visibility:hidden;
font-size:0px;
-moz-appearance: none;
-webkit-appearance: none;/*need for safari*/
appearance: none;
}
body:has(.fs-c-listedProductName__selection__choice) select#fs_input_expectedArrival_date option:nth-child(3){
display:none;
visibility:hidden;
font-size:0px;
-moz-appearance: none;
-webkit-appearance: none;/*need for safari*/
appearance: none;
}
body:has(.fs-c-listedProductName__selection__choice) select#fs_input_expectedArrival_date option:nth-child(4){
display:none;
visibility:hidden;
font-size:0px;
-moz-appearance: none;
-webkit-appearance: none;/*need for safari*/
appearance: none;
}
body:has(.fs-c-listedProductName__selection__choice) p.fs-c-checkout-deliveryMethod__option__setting__message{
display:none;
}
body:has(.fs-c-listedProductName__selection__choice) select#fs_input_expectedArrival_date.selector-hide{
display:none;
}
.fs-c-checkout-deliveryUnavailableMessage {
color: #da4453;
font-size: 14px;
font-weight: bold;
}
.fs-c-checkout-settings__item[data-target-id="shippingCarrier"] {
display: none;
}
/* /////////////////////////////////////////////////////////////////////
//14.会員登録
/////////////////////////////////////////////////////////////////////*/
/*会員規約リンク強調*/
span.fs-c-checkbox__labelText a {
font-weight: bolder;
}
span.fs-c-checkbox__labelText a::after {
content: "\3011";/*】*/
}
span.fs-c-checkbox__labelText a::before {
content: "\3010";/*【*/
}
a.fs-c-button--notAuthenticate .fs-c-button__label {
font-size: 0px;
}
a.fs-c-button--notAuthenticate.fs-c-button--standard:after {
content: "\42\2e\20\901a\8ca9\3067\4f1a\54e1\767b\9332";/*B. 通販で会員登録*/
}
button.fs-c-button--cardAuthenticate .fs-c-button__label {
font-size: 0px;
}
.fs-c-button--cardAuthenticate:after {
content: "\41\2e\20\30a2\30d7\30ea\3067\4f1a\54e1\767b\9332";/*A. アプリで会員登録*/
}
fieldset.fs-c-cardAuthField {
display: none;
}
.fs-c-guidanceWithButton--membershipCardNotice {
display: none;
}
.fs-c-buttonContainer--pair > *:first-child {
grid-column: 1;
justify-self: end;
}
.fs-c-buttonContainer--pair > *:last-child {
grid-column: 2;
justify-self: start;
}
.mail_mag_ic_sp{
display:none;
}
.mail_mag_ic_pc{
margin-top:10px;
}
.fs-c-agreementConfirmation p {
text-align: center;
font-weight: bold;
font-size: 17px;
}
.fs-c-agreementConfirmation {
text-align: center;
/*background: rgba(126, 126, 126, 0.08);*/
}
.fs-c-inputField__field {
text-align: center;
}
.fs-c-checkbox__label{
align-items:flex-start;
margin: 0 0 10px;
}
button.fs-c-button--registerAndContinue.fs-c-button--primary {
padding: 0.8em 1.6em 0.8em;
}
.history_back {
display: none;
}
/*
.p-mark span {
font-size: 15px;
}
.p-mark td {
text-align: left;
}
*/
p.p-mark-title {
margin-top: 17px;
}
table.p-mark-table {
width: 100%;
font-size: 16px;
}
table.p-mark-table,table.p-mark-table th,table.p-mark-table td {
border: 1px solid #b2b2b2;
padding: 8px 16px;
}
table.p-mark-table th {
background-color: rgba(126, 126, 126, 0.08);
font-weight: 500;
}
.special_tokuten{
width:100%;
margin-top: 6%;
}
/* /////////////////////////////////////////////////////////////////////
//15.Q&A
/////////////////////////////////////////////////////////////////////*/
.q_and_a h2 {
font-size: 22px;
font-weight: 900;
}
.q_and_a ul li p {
font-size: 16px;
font-weight: 500;
}
p.q_and_a_q {
padding: 5px;
}
p.q_and_a_q:before {
content: "\51";/*Q*/
font-weight: 700;
background-color: #aa0000;
color: #fff;
border-radius: 100px;
padding: 0px 6px;
margin-right: 5px;
}
p.q_and_a_a:before {
content: "\41\2e";/*A.*/
font-weight: 900;
font-size: 120%;
padding: 3px;
}
p.q_and_a_a {
padding: 15px;
background-color: #eee;
}
.q_and_a ul li {
margin: 10px 0;
}
.q_and_a_index ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.q_and_a_index ul li {
width: 25%;
margin: 0 0 -1px -1px;
border: 1px solid #777;
padding: 10px;
box-sizing: border-box;
text-align: center;
}
.q_and_a h2 {
padding-top: 250px;
margin-top: -150px;
}
.q_and_a_bottom_mail:hover {
background-color: #fff;
color: #000;
border: 2px solid;
box-sizing: border-box;
transition: 0.5s ease;
}
.q_and_a_bottom_mail {
font-size: 16px;
background-color: #000;
color: #fff;
padding: 10px;
width: 50%;
text-align: center;
margin: 30px auto;
border-radius: 70px;
}
.q_and_a_bottom {
border: 3px solid #eee;
padding: 20px;
}
p.q_and_a_bottom_midashi {
font-size: 16px;
}
.q_and_a_bottom_mail {
font-size: 16px;
background-color: #000;
color: #fff;
padding: 10px;
width: 50%;
text-align: center;
margin: 30px auto;
border-radius: 70px;
}
.q_and_a_bottom_mail a {
text-decoration: none;
}
.q_and_a_index ul li p:after {
content: "く";
float: right;
transform: rotate(-90deg);
}
.q_and_a_shosai {
display: flex;
flex-wrap: wrap;
background-color:#eee;
}
.q_and_a_shosai div:nth-child(odd) {
width: 30%;
}
.q_and_a_shosai div:nth-child(even) {
width: 70%;
word-break: keep-all;
line-height: 2.5;
}
/*続きを読む*/
.readmore001{
position: relative;
box-sizing: border-box;
/*以下お好み*/
/* ボーダーを付ける場合 */
padding: 10px;
border: 1px solid #CCC;
}
.readmore001-content{
position: relative;
overflow: hidden;
/*以下お好み*/
/*高さの初期値*/
height: 170px;
}
.readmore001-content::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: "";
/*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
height: 50px;
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
/* 続きを読むボタン */
.readmore001-label{
display: table;
bottom: 5px;
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin: 0 auto;
z-index: 2;
padding: 2px 20px;
background-color: #aa0000;
border-radius: 15px;
color: #FFF;
}
.readmore001-label:before{
content: '\7d9a\304d\3092\8aad\3080';/*続きを読む*/
}
.readmore001-check{
display: none;
}
/*チェック時にボタンを非表示*/
.readmore001-check:checked ~ .readmore001-label{
position: static;
transform: translateX(0);
-webkit-transform: translateX(0);
/* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
/* display: none; */
}
.readmore001-check:checked ~ .readmore001-label:before{
content: '\9589\3058\308b';/*閉じる*/
}
/*チェック時に高さを自動に戻す*/
.readmore001-check:checked ~ .readmore001-content{
height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore001-check:checked ~ .readmore001-content::before {
display: none;
}
/*〆続きを読む*/
/* /////////////////////////////////////////////////////////////////////
//16.長期休暇など
/////////////////////////////////////////////////////////////////////*/
/*
img[src*="supple2_1.webp"] {
filter: blur(2px);
opacity:0.5;
}
li:has( img[src*="supple2_1.webp"]):before{
content: "1/19以降順次出荷予定";
background-color: #aa0000;
position: absolute;
z-index: 1000;
font-size: 15px;
width: 170px;
color: #fff;
text-align: center;
}
*/
/*
img[src*="supple2_1ok.webp"] {
filter: blur(2px);
opacity:0.5;
}
li:has( img[src*="supple2_1ok.webp"]):before{
content: "1/19以降順次出荷予定";
background-color: #aa0000;
position: absolute;
z-index: 1000;
font-size: 15px;
width: 170px;
color: #fff;
text-align: center;
}
*/
/*
img[src*="supple2_2"] {
filter: blur(2px);
opacity:0.5;
}
li:has( img[src*="supple2_2"]):before{
content: "1/19以降順次出荷予定";
background-color: #aa0000;
position: absolute;
z-index: 1000;
font-size: 15px;
width: 170px;
color: #fff;
text-align: center;
}
*/
/*
img[src*="supple2_3"] {
filter: blur(2px);
opacity:0.5;
}
li:has( img[src*="supple2_3p"]):before{
content: "1/19以降順次出荷予定";
background-color: #aa0000;
position: absolute;
z-index: 1000;
font-size: 15px;
width: 170px;
color: #fff;
text-align: center;
}
*/
/*カーテンの長期休みの納期表示 疑似要素でアイコン半透明に*/
/*
img[src*="supple2_4.webp"] {
filter: blur(2px);
opacity:0.5;
}
li:has( img[src*="supple2_4.webp"]):before{
content: "8/25以降順次出荷予定";
background-color: #aa0000;
position: absolute;
z-index: 1000;
font-size: 15px;
width: 170px;
color: #fff;
text-align: center;
}
*/
/* /////////////////////////////////////////////////////////////////////
//17.店舗一覧
/////////////////////////////////////////////////////////////////////*/
.shoplist_grid {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
font-size: 15px;
margin:50px 0px;
}
.shoplist_grid .shoplist_grid_item:nth-child(1) {
grid-template-rows: max-content;
grid-row-end: 14;
grid-row-start: 1;
font-weight: 800;
border-right: 1px solid #dcdcdc;
text-align: center;
letter-spacing: 0.5em;
}
.shoplist_grid .shoplist_grid_item:nth-child(even) {
margin-left: 20%;
letter-spacing: 0.2em;
padding-top: 10px;
}
.shoplist_grid .shoplist_grid_item ul {
display: flex;
flex-wrap: wrap;
}
.shoplist_grid .shoplist_grid_item ul li {
margin-bottom:15px;
width:33%;
margin-top: 10px;
}
.shoplist_grid .shoplist_grid_item ul {
border-top: 1px dashed #dcdcdc;
}
.shoplist_grid .shoplist_grid_item:nth-child(3) ul {
border-top: none;
}
.shoplist_grid .shoplist_grid_item:nth-child(4) ,
.shoplist_grid .shoplist_grid_item:nth-child(6) ,
.shoplist_grid .shoplist_grid_item:nth-child(8) ,
.shoplist_grid .shoplist_grid_item:nth-child(10) ,
.shoplist_grid .shoplist_grid_item:nth-child(12) ,
.shoplist_grid .shoplist_grid_item:nth-child(14) ,
.shoplist_grid .shoplist_grid_item:nth-child(16) ,
.shoplist_grid .shoplist_grid_item:nth-child(18) {
border-top: 1px dashed #dcdcdc;
}
.redcolumntitle {
background-color: #eae5e0;
}
/* /////////////////////////////////////////////////////////////////////
//18.ご利用ガイド
/////////////////////////////////////////////////////////////////////*/
#guide_f {
font-size: 15px;
}
.guide_top_midashi {
font-size: 25px;
font-weight: 700;
margin: 10px 0px;
}
.guide_index {
width: 100%;
}
.guide_index td {
width: 33%;
vertical-align: middle;
text-align: center;
background-color: #eae5e3;
padding: 5px 0px;
border: 5px solid #fff;
font-size:20px;
}
.guide_section_midashi {
font-size: 18px;
font-weight: 700;
border-bottom: 1px solid;
display: inline-block;
margin: 15px 0px 5px;
}
.guide_weight700 {
font-weight: 700;
}
#guide1 , #guide2 , #guide3 , #guide4 , #guide5 , #guide6 {
padding-top: 128px;
margin-top: -128px;
}
.guide_foot {
padding: 20px;
border: 1px solid #321d03;
margin: 10px 0px;
}
.guide_foot ul {
width: 100%;
display: flex;
}
.guide_foot ul li {
width: 30%;
text-align: center;
padding: 10px;
margin: 10px 10%;
background-color: #eae5e3;
}
.guide_foot ul li svg {
vertical-align: middle;
}
.guide_attention {
padding: 10px;
margin: 10px 0px;
background-color: #ece0e0;
}
.guide_supple img {
width: 170px;
}
.guide_60width img {
width: 60%;
}
.guide_about {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 17px;
margin-top: 40px;
}
.guide_about_flex {
width: 50%;
margin: 0px 0px 20px;
}
#guide1 {
z-index:6;
}
#guide2 {
z-index:5;
}
#guide3 {
z-index:4;
}
#guide4 {
z-index:3;
}
#guide5 {
z-index:2;
}
#guide6 {
z-index:1;
}
.guide_sub_midashi {
font-weight: 700;
margin: 30px 0 15px;
}
#itemlink_del_c , #itemlink_del_xl {
padding-top:128px;
margin-top:-128px;
}
/* /////////////////////////////////////////////////////////////////////
//99.指定リンク
/////////////////////////////////////////////////////////////////////*/
/*別ファイルに移動*/