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

/*fade-in*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.sale-bnr { display: none;} 



#original_wrapper h2 {
font-family: "ivymode", sans-serif;
font-weight: 300;
font-style: normal;
    text-align: center;
    font-size: 280%;
}

#original_wrapper h3 {font-family: 'Overpass', sans-serif;font-weight: 600;font-style: normal;text-align: center;font-size: 130%;padding:0;margin:0 0 15px;letter-spacing: 0.6px;}

.topimg{
    width: 100vw;
    max-width: 1208px;
    margin-right: auto;
    margin-left: auto;
}

/*リード*/
.lead {margin: 20px 0 50px;}
.lead p {text-align: center; font-size: 110%;line-height: 1.7em;}


/*PCの横幅*/
section.product {
    margin: 0 auto;
    width: 80%;
    margin-bottom: 30px;
}


/*スマホ設定*/
@media (max-width: 768px) {
.topimg{
margin: 0 calc(50% - 50vw);
width: 100vw;
max-width: inherit;
}

#original_wrapper h2 {
font-family: "ivymode", sans-serif;
font-weight: 300;
font-style: normal;
    text-align: center;
    font-size: 160%;
}

/*リード*/
.lead p {text-align: center; font-size: 90%;line-height: 1.5em;}


/*スマホは横幅いっぱい*/
section.product {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    max-width: inherit;
    margin-bottom: 10px;
}
}
/*スマホ設定ここまで*/


/*説明文*/
.explain {
    text-align: center;
    font-size: 110%;
}
@media (max-width: 768px) {
.explain {
    text-align: center;
    font-size: 90%;
}}

@media only screen and (min-width: 750px) {.earlyspring2024 .fs-pt-column__heading {font-size:80%;}}/*コラムのリンクテキストPC設定*/
.item p.number {font-size: 150%;color: #fff;font-family: "ivymode", sans-serif;font-weight: 300;font-style: normal;background-color: #ccc;margin: 0 auto 30px;text-align: center;border-radius: 30px;width: 50%;}
@media only screen and (min-width: 750px) {.item p.number {font-size: 200%;}}
.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 .pickup-col h3 {
    margin: 10px 0 0;
    text-align: left;
}

.pickup-list {
    margin: 0 1rem;
}
.pickup-col {
    margin: 20px 0;
}
.pickup-col:nth-child(1) {
    margin: 0 0 20px;
}
.pickup-col p {
    padding: 5px 0 0;
    margin: 0;
    text-align: left;
}
.pickup-col .date {
	font-size:90%;
	color:#999;
}

@media only screen and (min-width: 750px){
    .pickup-list{display:flex;flex-wrap: wrap;max-width: 1208px;}
    .pickup-col {width: 50%; padding:0 20px;}
	.pickup-col:nth-child(1) { margin: 20px 0;}
}