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

/*2024春特集ページ設定*/
.modecd .fs-pt-column--3 {grid-template-columns: 1fr 1fr 1fr;}/*コラムスマホも3列に*/
.modecd .fs-pt-column--2 {grid-template-columns: 1fr 1fr;}/*コラムスマホも2列に*/
.modecd 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: #333;background-color: #ffffff;padding: 8px 2px 5px;margin: 30px auto 50px;width: 40%;text-decoration: none;border: solid 1px #333;}
@media only screen and (min-width: 750px) {.pagelink {margin: 30px auto 100;width: 40%;}}


#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 -10px;
}
#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;
}

@media only screen and (min-width: 750px){
#original_wrapper h2.cd_tit {font-size: 200%; margin: 30px 0 10px;}
#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%;}
}

/*紹介文*/
.product_intro p {
    font-size: 110%;
    font-weight: bold;
    margin: 10px 5px;
    text-align: center;
    padding: 10px 0;
}
@media only screen and (min-width: 750px){
.product_intro p {
    margin: 20px 5px;
    font-size: 140%;
    line-height: 1.8em;
}
}

/*説明文*/
.explanation p {
    margin: 10px 5px;
    text-align: center;
    border-bottom: dashed 1px #000;
    padding: 0 0 20px;
}
@media only screen and (min-width: 750px){
.explanation p {
    margin: 20px 5px;
    font-size: 120%;
    line-height: 1.8em;
}
}