@charset "utf-8";
/* CSS Document */

/*2024春特集ページ設定*/
.spring2024 .fs-pt-column--3 {grid-template-columns: 1fr 1fr 1fr;}/*コラムスマホも3列に*/
.spring2024 a.fs-pt-column__item {text-decoration: none!important;color: #666!important;line-height: 1.2em;text-align: left;}/*コラムのリンクテキスト共通設定*/
@media only screen and (min-width: 750px) {.earlyspring2024 .fs-pt-column__heading {font-size:80%;}}/*コラムのリンクテキストPC設定*/
.item p.number {position: absolute;left: 15px;top: 0;font-size: 250%;color: #999;font-family: "fastpen", sans-serif;font-weight: 500;font-style: normal;margin: 0;}
@media only screen and (min-width: 750px) {.item p.number {font-size: 400%;}}
.explain button { margin-bottom: 30px;border: solid 1px #999; padding: 6px 10px  3px;}
hr {margin-bottom: 30px;opacity: 0.5;}
.explain a {color: #333!important;}
.explain a:hover {color: #333!important;}
.pagelink {display: block;text-align: center;color: #000!important;border: solid 1px #000;padding: 3px 2px;margin: 20px auto 30px;width: 80%;border-radius: 50px;font-weight: bold;}
@media only screen and (min-width: 750px) {.pagelink {margin: 30px auto 100px;padding: 8px 2px 5px;margin: 20px auto 50px;width: 40%;}
.cs_prolist .pagelink { width: 80%;}}

/*カンコレLP用２列並び表示*/
.setbox {
    display: flex;
}

.set:nth-child(odd) {
    margin: 0 5px 0 0;
}
.set:nth-child(even) {
    margin: 50px 0 0 0;
}


#original_wrapper h2.cd_tit {
    font-family: "century-gothic", 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 150%;
    margin: 20px 0;
}
#original_wrapper .fs-pt-column__heading {
    font-weight: bold;
    color: #000;
    margin: 5px 0 3px;
}
#original_wrapper .fs-pt-column__description {
    font-size: 90%;
    letter-spacing: 0.1px;
}
/*コーデnumber*/
.cdnum {
    font-family: "century-gothic", 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    font-size: 200%;
    margin: 0 0 10px;
    padding: 0;
	background-color: #000;
    color: #ffff;
}

/*おすすめtitle*/
.recommend p {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding:5px 0;
    font-size:150%;
    font-weight:bold;
    letter-spacing:0.2em;
}

/*コーデ1つの場合*/
.thumbnail-1 {
    width: 50%;
    margin: 10px auto;
    padding: 5px;
}
/*コーデ2つの場合*/
.thumbnail-2 {
    margin: 5px auto;
    padding: 10px 0;
    display: flex;
}

@media only screen and (min-width: 750px){
#original_wrapper h2.cd_tit {font-size: 200%; margin: 30px 0 20px;}
#original_wrapper .fs-pt-column__heading {margin: 10px 0 5px;font-size: 110%;}
#original_wrapper .fs-pt-column__description {font-size: 100%;letter-spacing: 0.5px;line-height:1.5em}
/*コーデnumber*/
.cdnum {font-size: 250%;}
}


/*販売アイテム*/
.cs_products {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: center;
    border-bottom: dashed 1px #999;
}

.cs_prolist{
	width: 32%;
	margin-right: 2%;
	padding-bottom: 16px;
}

.cs_prolist:nth-child(3n){
	margin-right: 0;
}

.cs_prolist:nth-child(6n){
	margin-right: 0;
}

.cs_prolist a:hover {
	opacity: 0.6;
	display: block;
}

.cs_prolist img {
	display: block;
	width: 100%;
	margin: auto;
}

.pro_name {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.price {
	text-align: center;
	margin-top: 2px;
}

div.cs_prolist h3.pro_name{
	overflow-wrap: break-word;
}

@media only screen and (min-width: 750px) {
/*販売アイテム*/
.cs_products {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.web{
	display:none;
}

.real{
	display:block;
}

.cs_prolist{
	width: 32%;
	margin-right: 1%;
	padding-bottom: 24px;
}

.cs_prolist a:hover {
	opacity: 0.6;
	display: block;
}

.cs_prolist:nth-child(2n) {
	margin-right: 1%;
}

.cs_prolist:nth-child(3n) {
	margin-right: 0;
}

.cs_prolist:nth-child(4n) {
	margin-right: 1%;
}

.cs_prolist:nth-child(5n) {
	margin-right: 1%;
}

.cs_prolist img {
	display: block;
	width: 100%;
	margin: auto;
}

.pro_name {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.price {
	text-align: center;
	margin-top: 2px;
}


div.cs_prolist h3.pro_name{
	overflow-wrap: break-word;
}
}

/*PCのTOPイメージ*/
@media only screen and (min-width: 750px) {
.pctopimg {width: 70%!important;}}

/*スマホのindex画像*/
.indeximg {margin-bottom: 50px;}

/*PCのindex画像*/
@media only screen and (min-width: 750px) {
.indeximg {margin-bottom: 100px;}}

/*リード文*/
.lead {margin-top: 0!important;}