@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;} 

/*既存のbodyタグをカスタマイズ*/
/*body{background: #4981da;}*/
body{background: #80c7dc;}

/*既存のh1タグをカスタマイズ*/
h1.fs-c-heading.fs-c-heading--page {
    color: #fff;
    font-family: mizolet, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 150%;
}

@media only screen and (min-width: 750px) {
    h1.fs-c-heading.fs-c-heading--page {font-size: 200%;}}

#original_wrapper {
margin: 0 calc(50% - 50vw) 100px;
}
@media only screen and (min-width: 750px) {#original_wrapper {margin: 0 auto;max-width: 1208px;}}

#original_wrapper h2 {font-family: mizolet, sans-serif;font-weight: 400;font-style: normal;text-align: center;font-size: 280%;margin: 50px calc(50% - 50vw) 20px;padding: 20px 0 10px;/*background: linear-gradient(#d7f2ff, #007fd4);*/color: #fff;border-bottom: solid 1px #fff;}

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

/*サブタイトル*/
.subtitle {text-align: center;}
.subtitle p {font-size: 140%;color: #fff;font-family: mizolet, sans-serif;font-weight: 400;}

/*リード*/
.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) {
h1.fs-c-heading.fs-c-heading--page {display:none;}
    
.topimg{
margin: 0 calc(50% - 50vw);
width: 100vw;
max-width: inherit;
}

#original_wrapper h2 {font-family: mizolet, sans-serif;font-weight: 400;font-style: normal;text-align: center;font-size: 180%;
0 calc(50% - 50vw);margin: 30px calc(50% - 50vw) 20px;}


/*サブタイトル*/
.subtitle {text-align: center;}
.subtitle p {font-size: 110%;}
    
/*リード*/
.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;
}


/* ==================================
 ベストヒット一覧
================================== */

/*カテゴリボタン*/
.category-btn-area {margin: 15px calc(50% - 50vw) 0;text-align: center;background: #fff;padding: 3px 0;font-family: mizolet, sans-serif;font-weight: 400;}
.category-btn-area p{color: #2b5ba6;font-size: 180%;margin: 5px 0;}
.category-btn-area ul{display:flex;padding: 0;justify-content: center;flex-wrap: wrap;margin: 0 auto 5px;} 
.category-btn-area ul li{list-style:none;padding: 0;font-size: 120%;} 
.category-btn-area ul li a{color: #2b5ba6;display: block;border: solid 1px #2b5ba6;padding: 2px 8px;margin: 5px;border-radius: 30px;} 

@media only screen and (min-width: 750px){
    .category-btn-area p{color: #2b5ba6;font-size: 200%;}
    .category-btn-area ul li{font-size: 130%;}}

.besthit_carousel .slick-slide img {margin: 0;}
.besthit_carousel .fs-pt-carousel__slide__caption::after {content: "▼";display: flow;position: absolute;top: 50%;right: 1em;transform: translateY(-50%) rotate(-90deg);font-size: 60%;}

.pickup-list .tit_area {position:relative;}

@media only screen and (min-width: 750px){
    .besthit_carousel {max-width: 600px; margin: 0 auto;}
}

#original_wrapper a.more {margin: 5px auto;line-height: 20px;position: relative;border-radius: 30px;}
#original_wrapper a.more::after {content: "▼";display: flow;position: absolute;top: 50%;right: 1em;transform: translateY(-50%) rotate(-90deg);font-size: 60%;}
.link {margin: 0 auto;}
#original_wrapper a.all-link {margin: 30px auto 50px;}

@media only screen and (min-width: 768px){
#original_wrapper a.more {margin: 5px auto 0;width: 30%;padding: 10px;font-size: 120%;}
#original_wrapper a.all-link {margin: 30px auto 50px;}
.link {display: flex;flex-wrap: wrap;gap: 5px;margin: 0 auto;width: 80%;}
 }
 
 /*スライダーカスタマイズ*/
 .fs-c-slick .slick-dots li.slick-active button:before {color: #ffffff;opacity: 1;}/*アクティブなドットに色付け*/