@charset "utf-8";
/* CSS Document */
.pickup-mainimage {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
}
p.attention {
margin: 5em 0;
text-align: right;
}
.section-title {
font-family: 'Poppins', "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
font-weight: 300;
margin-bottom: 40px;
text-align: center;
color: #000;
font-size: 0.9em;
letter-spacing: 0.6em;
line-height: 1.8em;
}
.section-title p {
font-size: 30px !important;
font-weight: 500;
font-family: 'Poppins', 'Noto Sans JP';
letter-spacing: 0.1em;
}
/*------------------------------------------------------------
▼▼▼　共通_任意商品表示用
--------------------------------------------------------------*/
.parts_items {
margin-bottom: 8rem;
}
.parts_items .fs-c-productListCarousel {
justify-content: flex-start;
}
.parts_items span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.parts_items .fs-c-productListCarousel__list, .parts_items .slick-list.draggable {
overflow: clip;
}
.parts_items .fs-c-slick .slick-track {
display: flex;
flex-wrap: wrap;
max-width: 100% !important;
margin: 0 auto;
transform: none !important;
}
.parts_items .fs-c-slick .slick-slide {
flex-basis: calc(100% / 4);
}
.parts_items .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
margin: 0;
}
.parts_items .fs-c-productListCarousel__list__item > * + * + * {
margin: 0;
}
section.fs-l-pageMain.free-page .parts_items img {
width: 100%;
}
.parts_items .mark-func, .parts_items .mark-col, .parts_items .mark-label-pricedown, .parts_items .mark-label-off, .parts_items .mark-label-ladies, .parts_items .mark-label-mens, .parts_items .mark-label-catalog, .parts_items .fs-c-productName__copy, .parts_items .mark-label-new, .parts_items .fs-c-salesPeriod__date, .parts_items .fs-c-button--viewProductDetail, .parts_items .fs-c-buttonContainer {
display: none;
}
@media screen and (max-width: 768px) {
.parts_items {
margin-bottom: 4rem;
}
.parts_items .fs-c-productListCarousel.fs-c-slick {
width: 100%;
}
.parts_items .fs-c-slick .slick-track {
width: 100% !important;
}
.parts_items .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
}
/*------------------------------------------------------------
▼▼▼　共通
--------------------------------------------------------------*/
@media screen and (min-width: 769px) {
.pcnone {
display: none;
}
}
@media screen and (max-width: 768px) {
.spnone {
display: none;
}
section.fs-l-pageMain.free-page .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　メディア掲載　▼▼▼　/f/pickup/media
--------------------------------------------------------------*/
.media_box {
margin-top: 5em;
}
.media_box span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.media_box .fs-c-productListCarousel__list {
overflow: auto;
}
.media_box .slick-list.draggable {
overflow: hidden;
}
.media_box .fs-c-slick .slick-track {
width: 1000px !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
transform: none !important;
}
.media_box .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.media_box li.fs-c-productMark__item {
display: none;
}
.media_box .fs-c-productListItem__prices.fs-c-productPrices {
display: none;
}
.media_box .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
section.fs-l-pageMain.free-page .media_box img {
width: 100%;
}
section.fs-l-pageMain.free-page .media_box img {
width: 100%;
}
main.fs-l-main--page .media_box p {
font-size: 2.2rem;
text-align: center;
width: fit-content;
border-bottom: 1px solid;
margin: 2em auto;
padding: 0 1em;
}
@media screen and (max-width: 768px) {
.media-item.fs-c-productListCarousel.fs-c-slick {
width: 100%;
}
.media_box .fs-c-slick .slick-track {
width: 100vw !important;
transform: none !important;
}
.media_box .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 2vw);
}
}
/*------------------------------------------------------------
▼▼▼　インスタライブ　▼▼▼　/f/pickup/instalive
--------------------------------------------------------------*/
.ig-live .desc {
text-align: center;
margin: 5rem;
}
.ig-live .section-title p {
margin-bottom: 1rem;
}
.ig-live .acountname {
color: #e60122;
margin-bottom: 3rem;
}
section.fs-l-pageMain.free-page .ig-live img.icon {
width: 80px;
}
.reikausui .desc {
text-align: center;
}
@media screen and (max-width: 640px) {
section.fs-l-pageMain.free-page .ig-live img.icon {
width: calc(100% / 4);
}
}
/*------------------------------------------------------------
▼▼▼　SP LOOKBOOK　▼▼▼　/f/pickup/lookbook/sp_ss
--------------------------------------------------------------*/
.lookbook .desc {
text-align: center;
margin: 5rem;
}
.lookbook .desc .seasontitle {
font-size: 2.2rem;
}
.lookbook .text {
text-align: center
}
.lookbook .shoplisttxt {
font-size: 2.2rem;
margin-bottom: 5rem;
}
.lookbook .onlinestoretxt {
margin-bottom: 1rem;
}
.lookbook_menu {
display: flex;
justify-content: center;
margin-bottom: 3rem;
gap: 5rem;
}
@media screen and (max-width: 639px) {
.lookbook_menu {
gap: 1rem;
}
}
@media screen and (min-width: 640px) {
.lookbook_menu {
width: 60%;
margin: 3rem auto 5rem;
}
}
/*------------------------------------------------------------
▼▼▼　Mother's Day GIFT SELECTION　▼▼▼　/f/pickup/momday2024
--------------------------------------------------------------*/
.momday .section-title p {
margin-bottom: 1rem;
}
.momday .desc {
text-align: center;
margin: 4rem;
}
.momday .desc .titletxt {
font-size: 2rem;
margin-bottom: 2rem;
}
.momday .desc .freerap {
text-decoration: underline;
}
.momday .media_box .fs-c-productListItem__prices.fs-c-productPrices {
display: block;
}
.momday .pricebox {
display: flex;
flex-wrap: flex;
justify-content: center;
margin-bottom: 3rem;
}
.momday html {
scroll-behavior: smooth;
scroll-padding-top: 2rem;
}
/*------------------------------------------------------------
▼▼▼　Styling　▼▼▼　/f/pickup/styling
--------------------------------------------------------------*/
section.styling_2405 {
max-width: 1040px;
}
section.styling_2405 div.styling_mv {
text-align: center;
margin-bottom: 100px;
}
section.styling_2405 div.styling_mv p {
font-size: 18px;
margin: 80px 0;
}
@media screen and (max-width: 768px) {
section.styling_2405 div.styling_mv p {
font-size: 16px;
margin: 40px 0;
}
}
section.styling_2405 div.styling_box {
margin: 0 auto;
}
section.styling_2405 div.styling_box img {
text-align: center;
margin-bottom: 60px;
}
section.styling_2405 div.styling_box p {
margin-bottom: 60px;
line-height: 1.5;
}
section.styling_2405 .fs-c-productListCarousel {
margin-bottom: 120px;
}
/*------------------------------------------------------------
▼▼▼　STYLING_24SS_MEN　▼▼▼　/f/pickup/styling/24ssmen
--------------------------------------------------------------*/
.styling_24ssmen .desc {
text-align: center;
margin: 5rem;
}
.styling_24ssmen .desc .title {
font-size: 2.2rem;
}
.styling_24ssmen .model {
font-size: 1rem;
}
.styling_24ssmen .text {
text-align: center;
}
.styling_24ssmen div.coupongetbox div.memberslogin {
border-bottom: solid 0.5px #000;
padding: 2px;
}
.styling_24ssmen div.coupongetbox div.visiterslogin {
border-bottom: solid 0.5px #000;
padding: 2px 0 2px;
}
.styling_24ssmen .coupongetbox {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
/*------------------------------------------------------------
▼▼▼　SET UP_24SS_archivio　▼▼▼　/f/pickup/styling/24SS_setup
--------------------------------------------------------------*/
.styling_24sssetup .desc {
text-align: center;
margin: 5rem;
}
.styling_24sssetup .desc .title {
font-size: 2.2rem;
}
.styling_24sssetup .toss {
font-size: 2.2rem;
text-align: right;
margin: 2rem;
}
.styling_24sssetup .toss p {
font-size: 2rem;
}
.styling_24sssetup .underline {
border-bottom: solid 0.5px #000;
}
.styling_24sssetup .text {
text-align: center;
}
.styling_24sssetup .horie .shopname {
font-size: 1.8rem;
}
.styling_24sssetup .horie {
width: 600px;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.styling_24sssetup .toss {
margin-right: 1rem;
}
.styling_24sssetup .toss p {
font-size: 1.4rem;
}
.styling_24sssetup .horie {
display: flex;
justify-content: center;
gap: 1rem;
width: 100%;
text-align: left;
}
.styling_24sssetup .horie .horieimg {
width: 50%;
}
.styling_24sssetup .horie p {
width: 50%;
}
}
/*------------------------------------------------------------
▼▼▼　salelpテンプレート　▼▼▼
--------------------------------------------------------------*/
.salelp {
text-align: center;
font-size: 1.6rem;
color: #444;
}
.salelp h2:not(.fs-c-productListItem__productName), .salelp dl dt, .salelp dl dd {
margin-bottom: 4rem;
}
main.fs-l-main--page .salelp p {
font-size: 1.7rem;
line-height: 1.8;
margin: 4rem 0 3rem;
}
main.fs-l-main--page .salelp p span.top_note {
font-weight: bold;
background: linear-gradient(transparent 65%, #FFFF66 35%);
}
.salelp .offtxt {
font-weight: 500;
background: linear-gradient(transparent 65%, #B4E2FC 35%);
}
.salelp .infolist {
display: block;
width: 70%;
text-align: center;
margin: 5rem auto;
}
.salelp .infolist li:nth-child(2n) {
width: 100%;
}
.salelp .infolist li:nth-child(odd) {
font-weight: 600;
width: 80%;
border-bottom: 1px dotted;
padding: 0 2rem;
margin: 0 auto;
}
.salelp .infolist li:nth-child(even) {
margin: 0.2rem 0 1.5rem;
}
.salelp .infolist li:last-child {
margin-bottom: 3rem;
}
main.fs-l-main--page .salelp .info_note {
width: 57%;
text-align: left;
font-size: 1.4rem;
margin: 0 auto 4rem;
}
.salelp .itemlist dt {
content: '';
display: block;
padding-top: 100px;
margin-top: -100px;
}
.salelp .itemlist dt img {
width: 15%;
}
.salelp .menu {
display: flex;
justify-content: center;
gap: 6rem;
margin: 0 0 20rem;
}
.salelp .menu li a {
font-size: 1.7rem;
color: #fff;
padding: 1rem 4rem;
background: #777;
transition: 0.5s;
}
.salelp .rate_d {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
line-height: 3em;
}
.salelp .login_btn {
display: inline-block;
font-size: 1.7rem;
background: #777;
color: #fff;
padding: 1rem 6rem;
margin-bottom: 20rem;
transition: 0.5s;
}
.salelp .login_btn::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid #000;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 3px;
margin-left: 10px;
}
.salelp .itemlist .more_btn {
font-weight: normal;
color: #fff;
background: #777;
padding: 1rem 8rem;
transition: 0.5s;
}
.salelp .itemlist .more_btn::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid #fff;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
transition: 0.5s;
}
.salelp .fs-c-productListCarousel {
text-align: left;
}
.salelp dl dt {
font-size: 2.8rem;
}
.salelp dl dd:nth-child(3n) {
margin-bottom: 16rem;
}
.salelp .fs-c-productMarks {
display: none;
}
.salelp dl dd span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.salelp dl dd .fs-c-productListCarousel__list {
overflow: auto;
}
.salelp dl dd .slick-list.draggable {
overflow: hidden;
}
.salelp dl dd .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.salelp dl dd .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.salelp dl dd .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.salelp .size_box {
padding: 0;
margin: 0 auto;
text-align: left;
width: 80%;
}
.salelp .size_box dt {
font-size: 1.7rem;
margin: 0 0 0.4rem;
padding: 0.3rem 1rem;
background: #f0e9dd;
}
.salelp .size_box .size_link {
display: flex;
flex-wrap: wrap;
}
.salelp .size_box dd:nth-child(3n) {
margin: 0 0 4rem;
}
.salelp .size_box .size_link li {
padding: 1rem 2rem;
}
.salelp .size_box .size_link li a {
border-bottom: 1px solid;
color: #755849;
}
.salelp h3.size_ttl {
font-size: 2rem;
font-weight: 600;
margin: 6rem 0 4rem;
}
@media screen and (min-width: 769px) {
.salelp .pcnone {
display: none;
}
}
@media screen and (max-width: 768px) {
section.fs-l-pageMain.free-page .salelp .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
.salelp .spnone {
display: none;
}
main.fs-l-main--page .salelp .maintxt {
padding: 2%;
}
.salelp dl dd .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.salelp dl dd .fs-c-slick .slick-track {
width: 100vw !important;
}
.salelp dl dd .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 2vw);
}
.salelp .menu {
flex-wrap: wrap;
gap: 2rem;
margin: 0 0 16rem;
}
.salelp .menu li {
width: 80%;
}
.salelp .menu li a {
display: block;
padding: 1.6rem 0;
margin-bottom: 1rem;
}
.salelp .infolist {
display: block;
width: 90%;
text-align: center;
}
.salelp .infolist li:nth-child(2n) {
width: 100%;
}
.salelp .infolist li:nth-child(odd) {
font-weight: 600;
width: 90%;
border-bottom: 1px dotted;
padding: 0 2rem;
margin: 0 auto;
}
.salelp .infolist li:nth-child(even) {
margin: 0.2rem 0 1.5rem;
}
.salelp .infolist li:last-child {
margin-bottom: 3rem;
}
main.fs-l-main--page .salelp .info_note {
width: 80%;
}
.salelp .rate_d {
justify-content: space-between;
flex-wrap: wrap;
gap: 0;
padding: 0 1rem;
}
.salelp .rate_d li {
margin-bottom: 3rem;
}
.salelp .itemlist dt img {
width: 40%;
}
.salelp .size_box {
width: 90%;
}
.salelp .login_btn {
display: block;
width: 80%;
font-size: 1.7rem;
background: #777;
color: #fff;
padding: 1.6rem 0;
margin: 0 auto 16rem;
transition: 0.5s;
}
.salelp .itemlist .more_btn {
display: block;
width: 80%;
border: none;
padding: 1.6rem 0;
margin: 0 auto;
}
}
/*------------------------------------------------------------
▼▼▼　24ss clearancesale　▼▼▼　/f/pickup/24ssclearance
--------------------------------------------------------------*/
.cs24ss h2:not(.fs-c-productListItem__productName) {
color: #34c5ef;
font-weight: bold;
margin-top: 8rem;
}
.cs24ss .menu li a {
font-weight: 600;
color: #ff2442;
background: #ffedda;
border: 1px solid #ff2442;
}
.cs24ss dl dt {
color: #34c5ef;
}
.cs24ss .more_btn:hover {
color: #ffedda;
background: #ff2442;
}
.cs24ss .more_btn {
font-weight: 600;
color: #ffedda;
background: #ff2442;
padding: 0.5rem 1rem;
}
.cs24ss .more_btn::after {
border: 2px solid #ffedda;
border-bottom: none;
border-left: none;
}
.cs24ss .more_btn:hover::after {
border: 2px solid #ffedda;
border-bottom: none;
border-left: none;
}
@media screen and (max-width: 768px) {
.cs24ss .menu li {
border: 1px solid #ff2442;
}
.cs24ss .menu li a:hover {
color: #ff2442;
}
}
/*------------------------------------------------------------
▼▼▼　PR articles　▼▼▼　/f/pickup/articles
--------------------------------------------------------------*/
.pr_articles .pcnone {
display: none;
}
.pr_articles {
font-size: 16px;
}
.pr_articles h1 {
text-align: center;
}
main.fs-l-main--page .pr_articles .top_txt {
font-size: 16px;
line-height: 1.7;
text-align: center;
max-width: 1040px;
margin: 4rem auto 15rem;
}
main.fs-l-main--page .pr_articles .top_txt_s {
display: block;
margin-bottom: 2rem;
}
.pr_articles dl {
margin-bottom: 15rem;
}
.pr_articles dl dt {
font-size: 1.1em;
margin-bottom: 3rem;
}
.pr_articles dl dd {
margin-bottom: 3rem;
}
.pr_articles dl dd.img_main {
text-align: center;
margin-bottom: 10rem;
}
.pr_articles dl dd.img_main img {
max-width: 50%;
}
.pr_articles dl dd.img ul {
display: flex;
justify-content: center;
gap: 4rem;
}
.pr_articles dl dd.img ul li {
width: calc((100% - 4rem) / 2);
}
main.fs-l-main--page .pr_articles dl dd.img .txt {
font-size: 16px;
line-height: 1.7;
}
.pr_articles dl dd.img .txt {
margin: 2rem 0;
}
.pr_articles dl dd.slide .fs-c-productMarks {
display: none;
}
.pr_articles .feature_ttl {
text-align: center;
font-size: 1.2em;
margin-bottom: 1rem;
}
.pr_articles .topics_slide {
margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
section.fs-l-pageMain.free-page .pr_articles .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
.pr_articles {
font-size: 1.15em;
text-align: left;
}
.pr_articles .pcnone {
display: block;
}
.pr_articles .spnone {
display: none;
}
main.fs-l-main--page .pr_articles .top_txt {
font-size: 1.05em;
text-align: left;
margin: 3rem 0.5rem 9rem;
}
main.fs-l-main--page .pr_articles dl dd.img .txt {
font-size: 1.05em;
}
.pr_articles dl {
margin-bottom: 10rem;
}
.pr_articles dl dd.img ul {
flex-direction: column;
gap: 1rem;
}
.pr_articles dl dd.img ul li {
width: 100%;
}
}
/*0705更新分*/
.pr_01 {
color: #75675a;
}
.pr_01 dl dt {
position: relative;
padding-left: 6.5rem;
}
.pr_01 .num {
position: absolute;
top: -6px;
left: 0;
color: #fff;
-webkit-text-stroke: 1px #75675a;
text-stroke: 1px #75675a;
font-size: 2.5em;
}
.pr_01 .num2 {
display: inline-block;
color: #fff;
font-size: 1.3em;
line-height: 1.3;
background: #75675a;
width: 70px;
padding: 0 0.5rem;
}
@media screen and (max-width: 768px) {
.pr_01 .num {
top: -8px;
}
}
/*0712更新分*/
main.fs-l-main--page .pr_02 .top_txt {
margin: 60px auto;
}
main.fs-l-main--page .pr_02 .top_txt_s {
display: block;
margin-bottom: 2rem;
}
.pr_02 {
color: #242424;
border: 1px solid #242424;
}
.pr_02 dl dt {
position: relative;
border-top: 1px solid #242424;
border-bottom: 1px solid #242424;
padding: 16px 0 16px 42px;
margin-bottom: 5rem;
}
.pr_02 .card_r, .pr_02 .card_b {
color: #d61e2d;
font-size: 1.5em;
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
}
.pr_02 .card_r {
color: #d61e2d;
}
.pr_02 .card_b {
color: #030504;
}
.pr_02 dd.img ul {
margin-bottom: 80px;
}
.pr_02 dd.img ul li img, .pr_02 dd.img .txt {
padding: 0 24px;
}
.pr_02 dd.img ul li .txt_ttl {
text-align: center;
font-size: 1.1em;
padding: 8px 0;
margin: 0 16px 24px;
border: 1px solid #242424;
box-shadow: 4px 4px #242424;
}
.pr_02 dl dd.img ul {
justify-content: space-between;
gap: 0;
}
main.fs-l-main--page .pr_02 .bottom_txt {
background: #f2f2f2;
max-width: 100%;
padding: 80px 16px;
margin: 0 auto;
border-top: 1px solid #242424;
}
main.fs-l-main--page .pr_02 .bottom_txt span {
display: inline-block;
margin-bottom: 1.3em;
}
.pr_02 .feature_ttl {
border-top: 1px solid #242424;
padding-top: 32px;
}
@media screen and (max-width: 768px) {
main.fs-l-main--page .pr_02 .top_txt_s {
margin: 32px 16px;
}
.pr_02 dl dt {
margin-bottom: 3rem;
}
.pr_02 dl dd.img_main img {
max-width: 100%;
}
.pr_02 dl dd.img_main {
margin-bottom: 5rem;
}
.pr_02 dd.img ul li img {
padding: 0;
}
.pr_02 dd.img .txt {
padding: 0 16px;
text-align: left;
}
.pr_02 dd.img ul li:first-child {
margin-bottom: 4rem;
}
}
/*------------------------------------------------------------
▼▼▼　決算セール　▼▼▼　/f/pickup/
--------------------------------------------------------------*/
.ks24ss {
color: #666;
}
.ks24ss ul, .ks24ss span.fs-c-productName__name, .ks24ss .fs-c-productName__copy, .ks24ss .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
.ks24ss #ks24ss_casa, .ks24ss #ks24ss_casa span.fs-c-productName__name, .ks24ss #ks24ss_casa .fs-c-productName__copy, .ks24ss #ks24ss_casa .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #064c68;
}
main.fs-l-main--page .ks24ss p.top_txt {
margin: 6rem 0 7rem;
}
main.fs-l-main--page .ks24ss p.top_txt span {
display: inline-block;
text-align: left;
font-size: 0.9em;
margin: 1em 0 0;
}
main.fs-l-main--page .ks24ss p.top_txt span a {
text-decoration: underline;
padding: 0 4px;
}
.ks24ss .menu {
gap: 2rem;
margin-bottom: 240px;
}
.ks24ss .menu li a {
padding: 0;
border: none;
background: none;
}
.ks24ss ul.itemlist {
padding-bottom: 100px;
margin-bottom: 240px;
}
.ks24ss ul.itemlist li.sale_img {
width: 60%;
margin: 0 auto 40px;
}
.ks24ss ul.itemlist li.sale_img::before {
content: '';
display: block;
padding-top: 80px;
margin-top: -100px;
}
.ks24ss ul.itemlist li.item_txt {
line-height: 1.8;
}
.ks24ss .infolist {
display: block;
width: 98%;
text-align: center;
margin: 4rem auto 1rem;
}
.ks24ss .infolist li:nth-child(2n), main.fs-l-main--page .ps24ss .info_note {
width: 100%;
}
.ks24ss .infolist li:nth-child(odd) {
font-weight: 600;
width: 50%;
border-bottom: 1px dotted;
padding: 0 2rem;
margin: 0 auto;
}
.ks24ss .infolist li:nth-child(even) {
margin: 0.2rem 0 1.5rem;
}
.ks24ss .infolist li:last-child {
margin-bottom: 3rem;
}
.ks24ss ul.itemlist li.item_parts {
margin: 4rem 0;
}
.ks24ss ul.itemlist li a.item_link {
display: block;
width: 30%;
margin: 0 auto;
}
.ks24ss dl.clearance_box {
margin-top: 80px;
}
.ks24ss dl.clearance_box dt {
color: #35c7f0;
margin: 20px 0;
display: flex;
align-items: center;
}
.ks24ss dl.clearance_box dt:before, .ks24ss dl.clearance_box dt:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #35c7f0;
}
.ks24ss dl.clearance_box dt:before {
margin: 0 2% 0 10%;
}
.ks24ss dl.clearance_box dt:after {
margin: 0 9% 0 2%;
}
.ks24ss dl.clearance_box dd.box_bottom {
margin: 6rem 0 2rem;
}
.ks24ss .more_btn {
font-weight: 600;
color: #ff2442;
background: #ffedda;
padding: 0.5rem 1rem;
border: none;
}
.ks24ss .more_btn:hover {
color: #ff2442;
background: #ffedda;
}
.ks24ss .more_btn::after {
border: 2px solid #ff2442;
border-bottom: none;
border-left: none;
}
.ks24ss .more_btn:hover::after {
border: 2px solid #ff2442;
border-bottom: none;
border-left: none;
}
.ks24ss .btn_outlet, .ks24ss .btn_outlet:hover {
color: #111;
background: #d3fb4c;
}
.ks24ss .btn_outlet::after, .ks24ss .btn_outlet:hover::after {
border: 2px solid #111;
border-bottom: none;
border-left: none;
}
.ks24ss .btn_2buy, .ks24ss .btn_2buy:hover {
color: #e80023;
background: #fff;
}
.ks24ss .btn_2buy::after, .ks24ss .btn_2buy:hover::after {
border: 2px solid #e80023;
border-bottom: none;
border-left: none;
}
.ks24ss .btn_casa, .ks24ss .btn_casa:hover {
color: #fff;
background: #35c2fa;
}
.ks24ss .btn_casa::after, .ks24ss .btn_casa:hover::after {
border: 2px solid #fff;
border-bottom: none;
border-left: none;
}
.ks24ss #ks24ss_outlet {
background: #1a1d2e;
}
.ks24ss #ks24ss_2buy {
background: #e80023;
}
.ks24ss #ks24ss_casa {
background: #c2e4eb;
}
.ks24ss #ks24ss_clearance {
background: #ff2441;
}
.ks24ss .login_btn {
font-weight: 600;
display: inline-block;
margin-top: 4rem;
margin-bottom: 2rem;
background: #d3fb4c;
color: #111;
padding: 0.5rem 6rem;
}
.ks24ss .login_btn::after {
border: 2px solid #111;
border-bottom: none;
border-left: none;
}
.ks24ss .login_casa {
background: #35c2fa;
color: #fff;
padding: 0.5rem 2rem;
}
.ks24ss .login_casa::after {
border: 2px solid #fff;
border-bottom: none;
border-left: none;
}
.ks24ss .outlet_btnbox {
display: flex;
justify-content: center;
gap: 24px;
}
@media screen and (max-width: 768px) {
main.fs-l-main--page .ks24ss p.top_txt {
margin: 4rem 0 5rem;
}
main.fs-l-main--page .ks24ss p.top_txt span {
font-size: 0.8em;
}
.ks24ss ul.itemlist li.sale_img::before {
padding-top: 40px;
}
.ks24ss .menu {
gap: 0.5rem;
}
.ks24ss .menu li {
width: 90%;
border: none;
}
.ks24ss ul.itemlist {
padding-bottom: 40px;
margin-bottom: 160px;
}
.ks24ss ul.itemlist li.sale_img {
width: 100%;
}
.ks24ss .infolist li:nth-child(odd) {
width: 95%;
}
.ks24ss ul.itemlist li a.item_link {
width: 90%;
}
.ks24ss dl.clearance_box {
margin-top: 60px;
}
.ks24ss dl.clearance_box dd:nth-child(3n) {
margin: 6rem 0;
}
.ks24ss .outlet_btnbox {
flex-wrap: wrap;
gap: 10px;
}
.ks24ss .outlet_btnbox li a {
display: inline-block;
width: 300px;
padding: 8px 0;
}
}
/*------------------------------------------------------------
▼▼▼　playfulcolor　▼▼▼　/f/pickup/playfulcolor
--------------------------------------------------------------*/
.colors5 {
color: #00145c;
font-weight: 600;
}
.colors5 dl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
padding: 16px;
}
.colors5 dl.red_box {
background: #f74f4f;
}
.colors5 dl.blue_box {
background: #4e78d7;
}
.colors5 dl.yellow_box {
background: #fffb87;
}
.colors5 dl.green_box {
background: #85e380;
}
.colors5 dl.black_box {
background: #4f4e4e;
}
.colors5 dl dt {
width: 100%;
text-align: center;
font-size: 6rem;
color: #fff;
text-shadow: 4px 3px #00145c;
}
.colors5 dl dd {
width: calc((100% - 64px) / 5);
}
.colors5 dl dd:not(.colors_link) {
background: #fff;
border: 1px solid #00145c;
padding: 8px;
}
.colors5 dl dd p {
font-size: 1.6rem;
padding: 8px 0;
}
.colors5 dl dd p .brandname {
display: block;
font-size: 1.4rem;
}
.colors5 dd.colors_link {
width: 100%;
text-align: center;
}
.colors5 .more_btn {
display: inline-block;
font-weight: 600;
font-size: 1.1em;
padding: 1.3rem 8rem;
transition: 0.5s;
border: 2px solid #00145c;
background: #fff;
border-radius: 30px;
box-shadow: 3px 4px;
margin: 24px 0;
}
.colors5 .more_btn::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
rotate: 45deg;
border: 2px solid #00145c;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
transition: 0.5s;
}
.colors5 .more_btn:hover::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
rotate: 45deg;
border: 2px solid #00145c;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
transition: 0.5s;
}
@media screen and (max-width: 768px) {
main.fs-l-main--page .colors5 .top_txt {
text-align: center;
}
.colors5 dl dt {
margin: 0 10% 3%;
}
.colors5 dl dd {
width: calc((100% - 16px) / 2);
}
}
/*------------------------------------------------------------
▼▼▼　newarrival　▼▼▼　/f/pickup/newarrival
--------------------------------------------------------------*/
.fs-l-pageMain:has(.newarrival) {
max-width: 100vw;
Overflow-x: hidden;
}
.newarrival .inner {
max-width: 1200px;
margin: 0 auto;
}
.newarrival h1:not(.category_summary h1) {
text-align: center;
font-size: 5rem;
margin: 4rem 0 8rem;
}
.newarrival .season_txt {
text-align: center;
margin-bottom: 5rem;
}
.newarrival .season_txt .season_ttl {
display: inline-block;
font-size: 4rem;
margin-bottom: 3rem;
background: linear-gradient(transparent 75%, #9adfcca6 25%);
}
.newarrival .season_txt dt {
font-size: 1.5rem;
font-weight: 300;
line-height: 1;
}
.newarrival .season_txt dd {
font-size: 1.6rem;
padding-bottom: 2rem;
}
.newarrival .newitem_box {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 8%;
}
.newarrival .newitem_img {
position: relative;
width: 50%;
height: auto;
padding: 5%;
}
.newarrival .newitem_img img {
max-width: 100%;
}
.newarrival .newitem_txt {
position: relative;
font-size: 1.6rem;
width: 50%;
padding: 0 5%;
}
.newarrival .newitem_txt ul li:first-child {
font-size: 3rem;
}
.newarrival .newitem_txt ul li {
margin-bottom: 6%;
}
.newarrival .newitem_txt ul li a {
display: block;
border: 1px solid;
padding: 8px 16px;
width: 55%;
text-align: center;
}
@media screen and (min-width: 769px) {
.newarrival .pcnone {
display: none;
}
}
@media screen and (max-width: 768px) {
.spnone {
display: none;
}
.fs-l-pageMain:has(.newarrival_a) {
padding: 0;
}
.newarrival .season_txt .season_ttl {
font-size: 3rem;
}
.newarrival .season_txt dd {
font-size: 1.5rem;
}
.newarrival .newitem_box {
flex-direction: column;
margin-bottom: 24%;
}
.newarrival .newitem_box2 {
flex-direction: column-reverse;
margin-bottom: 24%;
}
.newarrival .newitem_img, .newarrival .newitem_txt {
width: 100%;
padding: 5% 8%;
}
.newarrival .newitem_txt ul li:first-child {
font-size: 2.4rem;
}
.newarrival .newitem_txt ul li a {
padding: 12px 16px;
width: 100%;
}
section.fs-l-pageMain.free-page .newarrival .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
}
/*newarrival_a*/
.newarrival_a {
counter-reset: number 0;
}
.newarrival_a .link_box {
display: flex;
justify-content: center;
align-items: center;
gap: 100px;
margin: 15rem 0;
}
.newarrival_a .link_box img {
max-width: 100%;
max-height: 250px;
object-fit: cover;
vertical-align: bottom;
}
.newarrival .newitem_img .new::before {
font-size: 2.5rem;
color: #fff;
background: #d92323;
content: "new!";
display: inline-block;
position: relative;
top: 4.5rem;
left: -1rem;
z-index: 2;
padding: 1px 8px;
transform: rotate(deg);
}
.newarrival_a .rectangle {
background: #c1e1ed5c;
width: 260%;
height: 400px;
position: absolute;
z-index: -1;
right: 0;
top: 50%;
transform: translate(0, -53%);
}
.newarrival_a .rectangle2 {
background: #c1c2d663;
width: 260%;
height: 400px;
position: absolute;
z-index: -1;
left: 0;
top: 50%;
transform: translate(0, -53%);
}
@media screen and (max-width: 768px) {
.newarrival_a .link_box {
gap: 0;
margin: 10rem 0;
}
.newarrival_a .newitem_txt:nth-child(even) {
background: #a3c9d15c;
}
.newarrival_a .newitem_txt:nth-child(odd) {
background: #c1c2d663;
}
}
/*newarrival_p*/
.newarrival_p {
background: #e3e1dc;
font-family: "Source Serif 4", serif;
font-weight: 500;
}
.newarrival_p .fs-c-slick .slick-prev, .newarrival_p .fs-c-slick .slick-next {
background: none;
}
.newarrival_p h1:not(.category_summary h1) {
font-family: "Source Serif 4", serif;
font-weight: 600;
text-align: center;
font-size: 6rem;
margin: 4rem 0 8rem;
}
.newarrival_p .season_txt .season_ttl {
background: none;
}
.newarrival_p .season_txt dt {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.3;
}
.newarrival_p .season_txt dd {
line-height: 1.7;
}
.newarrival_p .newitem_txt ul li:first-child {
border-bottom: 1px solid;
padding: 8px 0
}
.newarrival_p .newitem_txt ul li:nth-child(2) {
line-height: 1.7;
}
.newarrival_p .bg1 {
position: relative;
background: url(../../item/newarrival_p_bg1.jpg) repeat center/100% fixed;
max-height: 100%;
width: auto;
margin: 0 calc(50% - 50vw) 20%;
}
.newarrival_p .bg2 {
position: relative;
background: url(../../item/newarrival_p_bg2.jpg) repeat center/100% fixed;
max-height: 100%;
width: auto;
margin: 0 calc(50% - 50vw) 20%;
}
.newarrival_p .bg1::after, .newarrival_p .bg2::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%));
}
.newarrival_p .newitem_box .newitem_txt, .newarrival_p .newitem_box .newitem_txt a {
position: relative;
z-index: 3;
color: #fff;
}
.newarrival_p .category_page_content {
border-top: none;
}
.newarrival_p .category_summary {
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.newarrival_p) {
padding: 0 0;
}
.newarrival_p h1:not(.category_summary h1) {
font-size: 4rem;
margin: 4rem 0 8rem;
}
.newarrival_p .bg1, .newarrival_p .bg2 {
background: url(../../item/newarrival_p_bg3.jpg) repeat center/100% fixed;
}
.newarrival_p .bg1::after, .newarrival_p .bg2::after {
background: none;
}
.newarrival_p .newitem_txt {
background: linear-gradient(rgb(40 40 40), rgb(40 40 40));
}
}
/*newarrival_c*/
.newarrival_c {
color: #fff;
background: url(../../item/newarrival_c_bg.jpg) repeat top right/100% fixed;
}
.newarrival_c h1, .newarrival_c .category_page_content h2, .newarrival_c a:visited {
color: #fff;
}
.newarrival_c h1:not(.category_summary h1) {
display: inline-block;
text-align: left;
padding: 0;
margin: 7% 0 5% 2%;
border-bottom: 2px solid;
}
.newarrival_c .top_txt {
padding-bottom: 5%;
}
.newarrival_c .season_txt {
text-align: left;
padding-left: 2%;
margin-bottom: 0;
}
.newarrival_c .season_txt .season_ttl {
background: none;
}
.newarrival_c a.button {
color: #111;
background: #fff;
}
.newarrival_c .category_page_content.archivio span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after, .category_page_content.piconeclub span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after, .category_page_content .casapicone_category span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after {
border: 2px #fff solid;
border-bottom: none;
border-left: none;
}
.newarrival_c .newitem_txt a {
color: #966626;
}
.newarrival_c .newitem_box {
color: #966626;
background: #fffbf6;
border: 16px solid #966626;
margin: 0 0 12%;
}
.newarrival_c .footer {
background: #966626;
}
.newarrival_c .category_page_content {
border-top: none;
}
.newarrival_c .category_summary {
border-top: none;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(.newarrival_c) {
padding: 0;
}
.newarrival_c {
background: #075e56;
}
.newarrival_c .top_txt {
padding-bottom: 5%;
background: url(../../item/newarrival_c_bg2.jpg) no-repeat top right/100%;
}
.newarrival_c .season_txt {
background: linear-gradient(to right, rgb(61 61 61 / 0%), rgb(47 53 44 / 73%));
}
.newarrival_c .newitem_box {
border: 6px solid #966626;
}
}
/*------------------------------------------------------------
▼▼▼　pointup_2408　▼▼▼　/f/pickup/pointup_2408
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.itemlist) {
max-width: 100vw;
Overflow-x: hidden;
}
section.itemlist {
text-align: center;
font-size: 1.6rem;
}
section.itemlist .inner {
max-width: 1200px;
margin: 0 auto;
}
section.itemlist h2:not(.fs-c-productListItem__productName) {
font-size: 5rem;
font-weight: 500;
margin-bottom: 4rem;
}
main.fs-l-main--page section.itemlist .info_txt {
font-size: 1.7rem;
line-height: 1.7;
margin: 12rem 0;
}
section.itemlist .menu {
display: flex;
justify-content: center;
gap: 6rem;
margin: 0 0 12rem 4rem;
}
section.itemlist .menu li a {
font-size: 2rem;
font-weight: 500;
padding: 1rem 5rem;
border: 2px solid;
transition: 0.5s;
}
section.itemlist .more_btn {
display: inline-block;
font-weight: 600;
font-size: 1.8rem;
padding: 1rem 10rem;
border: 2px solid;
transition: 0.5s;
margin: 4rem 0;
}
section.itemlist .more_btn::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
transition: 0.5s;
}
section.itemlist .more_btn:hover::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
transition: 0.5s;
}
section.itemlist .login_btn {
display: inline-block;
margin-bottom: 12rem;
padding: 0.5rem 6rem;
transition: 0.5s;
}
section.itemlist .login_btn::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 1px solid;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
}
section.itemlist .fs-c-productListCarousel {
text-align: left;
}
section.itemlist .fs-c-productMarks {
display: none;
}
section.itemlist dl dd span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
section.itemlist dl dd .fs-c-productListCarousel__list {
overflow: auto;
}
section.itemlist dl dd .slick-list.draggable {
overflow: hidden;
}
section.itemlist dl dd .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
section.itemlist dl dd .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
section.itemlist dl dd .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
section.itemlist span.fs-c-productName__name, section.itemlist .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 1.6rem;
}
section.itemlist dl {
position: relative;
width: 100vw;
padding: 8rem 0 6rem;
margin: 20rem calc(50% - 50vw);
}
section.itemlist .itembox dt {
font-size: 6rem;
font-weight: 500;
position: absolute;
top: -4rem;
left: 50%;
transform: translate(-50%, 0);
z-index: 2;
width: 100%;
}
section.itemlist .itembox_a, section.itemlist .itembox_p, section.itemlist .itembox_c, section.itemlist .itembox_s {
background: #f5f3f3;
}
@media screen and (min-width: 769px) {
section.itemlist .pcnone {
display: none;
}
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.itemlist) {
padding: 0 0;
}
section.fs-l-pageMain.free-page section.itemlist .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
section.itemlist .spnone {
display: none;
}
section.itemlist dl dd .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
section.itemlist dl dd .fs-c-slick .slick-track {
width: 100vw !important;
}
section.itemlist dl dd .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 2vw);
}
section.itemlist .menu {
flex-wrap: wrap;
gap: 2rem;
margin: 0 0 10rem 0;
}
section.itemlist .menu li {
width: 80%;
}
section.itemlist .menu li a {
display: block;
}
section.itemlist .itembox dt {
top: -3rem;
font-size: 4rem;
}
section.itemlist .itembox.itembox_a dt {
top: -3.8rem;
font-size: 5rem;
}
}
/*------------------------------------------------------------
▼▼▼　collection_2408　▼▼▼　/f/pickup/collection_2408
--------------------------------------------------------------*/
.collection2408 {
background: linear-gradient(rgb(93 93 93 / 46%), rgb(93 93 93 / 46%)), url(../../item/collection2408_bg.png) repeat center/12% fixed;
}
.collection2408 .inner {
background: #c72721;
padding: 3% 0 0;
margin-bottom: 5%;
}
.collection2408 h1:not(.category_summary h1) {
color: #fff;
background: #c71721;
font-size: 4.5rem;
font-weight: 600;
width: 600px;
padding: 0.5rem 0;
margin: 5% auto;
}
.collection2408 .newitem_box {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
padding: 4rem 2rem;
margin-bottom: 3%;
}
.collection2408 .newitem_txt ul li:first-child {
color: #c71721;
margin-bottom: 4rem;
}
.collection2408 .newitem_txt ul li a {
position: relative;
width: 100%;
border: none;
text-align: left;
border-bottom: 1px dotted #93a0c1;
color: #0c1a3e;
padding: 0 12%;
margin-bottom: 5%;
}
.collection2408 .newitem_txt ul li a::before {
position: absolute;
content: '';
width: 0;
height: 0;
border: solid 6px transparent;
border-left: solid 8px #0c1a3e;
top: 50%;
left: 4%;
transform: translate(0, -55%);
}
.collection2408 .newitem_img1, .collection2408 .newitem_img2 {
width: calc(100% / 2 - 8px);
height: auto;
padding: 8px;
}
.collection2408 .newitem_box img, .collection2408 .itemlist_box .fs-c-productListCarousel img {
border-radius: 2rem;
}
.collection2408 .itemlist_box h3 {
color: #c71721;
font-weight: 500;
text-align: center;
width: 250px;
background: #fff;
padding: 0.5rem 0;
margin: 5% auto;
}
.collection2408 .itemlist_box .intro_txt {
color: #fff;
font-size: 1.5rem;
line-height: 1.8;
padding: 0 8% 5%;
}
.collection2408 .itemlist_box .fs-c-productListCarousel {
text-align: left;
margin-bottom: 5%;
}
.collection2408 .itemlist_box .fs-c-productMarks {
display: none;
}
.collection2408 .itemlist_box span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.collection2408 .itemlist_box .fs-c-productListCarousel__list {
overflow: auto;
}
.collection2408 .itemlist_box .slick-list.draggable {
overflow: hidden;
}
.collection2408 .itemlist_box .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.collection2408 .itemlist_box .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.collection2408 .itemlist_box .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.collection2408 .fs-c-productName__copy, .collection2408 span.fs-c-productName__name, .collection2408 .fs-c-productPrice__addon__label, .collection2408 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
.collection2408 .itemlist_box .toppage-main-contents {
color: #fff;
padding: 5% 0;
border-top: 1px solid #fff;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(.collection2408) {
padding: 0 0;
}
.collection2408 {
background: linear-gradient(rgb(93 93 93 / 46%), rgb(93 93 93 / 46%)), url(../../item/collection2408_bg.png) repeat top 20px left/34%;
}
.collection2408 .inner {
background: none;
}
.collection2408 .newitem_box {
background: #fff;
padding: 10% 0 3%;
margin-bottom: 16%;
border-top: 1.5rem solid #c71721;
border-bottom: 1.5rem solid #c71721;
}
.collection2408 h1:not(.category_summary h1) {
font-size: 3rem;
font-weight: 500;
width: 100%;
}
.collection2408 .newitem_img1, .collection2408 .newitem_img2 {
width: 100%;
padding: 0 5%;
}
.collection2408 .itemlist_box {
background: #c71721;
padding: 8% 0 0;
margin-bottom: 20%;
}
.collection2408 .itemlist_box .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.collection2408 .itemlist_box .fs-c-slick .slick-track {
width: 100vw !important;
}
.collection2408 .itemlist_box .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 2vw);
}
}
/*------------------------------------------------------------
▼▼▼　ranking　▼▼▼　/f/pickup/ranking
--------------------------------------------------------------*/
.ranking h1, .ranking h2:not(.fs-c-productListItem__productName) {
text-align: center;
font-weight: 500;
}
.ranking h2:not(.fs-c-productListItem__productName)::before {
content: '';
display: block;
padding-top: 100px;
margin-top: -100px;
}
.ranking h2:not(.fs-c-productListItem__productName) img {
width: 15%;
}
.ranking .menu {
display: flex;
justify-content: center;
gap: 6%;
font-size: 2rem;
padding: 0 10%;
margin: 8% auto 16%;
}
.ranking .menu li {
text-align: center;
width: calc(100% / 3);
background: #555;
}
.ranking .menu li a {
color: #fff;
font-weight: 500;
display: block;
width: 100%;
padding: 1rem 0;
}
.ranking .menu li a:hover {
color: #222;
background: #fff;
transition: 0.7s;
}
.ranking .ranking_a {
counter-reset: number 0;
margin-bottom: 16%;
}
.ranking .ranking_p {
counter-reset: number 0;
margin-bottom: 16%;
}
.ranking .ranking_c {
counter-reset: number 0;
margin-bottom: 16%;
}
.ranking .topics_slide {
margin: 3% 0 0;
}
.ranking .rank_box .slick-slide::before {
counter-increment: number 1;
content: counter(number);
position: relative;
top: 30px;
left: 10px;
background: #3d3d3d;
color: #fff;
font-size: 2rem;
font-weight: 400;
text-align: center;
display: inline-block;
width: 32px;
z-index: 1;
}
.ranking .rank_box .slick-slide:nth-child(1)::before {
background: #ad8c1d;
}
.ranking .rank_box .slick-slide:nth-child(2)::before {
background: #7d7d80;
}
.ranking .rank_box .slick-slide:nth-child(3)::before {
background: #78311e;
}
.ranking .rank_box .fs-c-productListCarousel {
text-align: left;
}
.ranking .fs-c-productName__copy, .ranking .mark-col, .ranking .mark-func, .ranking .fs-c-salesPeriod__date {
display: none;
}
.ranking .fs-c-productMark__label {
display: inline-block;
padding: 2px 10px;
border-radius: 0;
background: #fff;
color: #000;
border: #000 solid 1px;
}
.ranking .mark-label-new .fs-c-productMark__label, .ranking .mark-label-pricedown .fs-c-productMark__label, .ranking .mark-label-sale .fs-c-productMark__label {
background-color: black;
color: white;
}
.ranking .mark-label-off .fs-c-productMark__label {
background-color: burlywood;
color: white;
border: burlywood solid 1px;
}
.ranking .mark-label-point .fs-c-productMark__label {
color: #faf6eb;
background: #eb5454;
border: #eb5454 solid 1px;
}
.ranking .fs-c-productPrice__addon.fs-c-productPrice__addon--listed {
font-size: 1rem;
}
.ranking .rank_box span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.ranking .rank_box .fs-c-productListCarousel__list {
overflow: auto;
}
.ranking .rank_box .slick-list.draggable {
overflow: hidden;
}
.ranking .rank_box .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.ranking .rank_box .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.ranking .rank_box .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.ranking .morebtn {
display: block;
width: 30%;
border: 1px solid;
font-size: 1.7rem;
text-align: center;
padding: 0.8rem 0;
margin: 2rem auto 0;
}
.ranking .morebtn::after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 20px;
transition: 0.5s;
}
@media screen and (max-width: 768px) {
section.fs-l-pageMain.free-page .ranking .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
.ranking h2:not(.fs-c-productListItem__productName) img {
width: 40%;
}
.ranking .ranking_a, .ranking .ranking_p, .ranking .ranking_c {
margin-bottom: 30%;
}
.ranking .menu {
flex-direction: column;
margin: 15% auto;
}
.ranking .menu li {
width: 100%;
margin: 3% 0;
}
.ranking .menu li a {
padding: 1.5rem 0;
}
.ranking .rank_box .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.ranking .rank_box .fs-c-slick .slick-track {
width: 100vw !important;
}
.ranking .rank_box .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 2vw);
}
.ranking .morebtn {
width: 70%;
}
.ranking .fs-c-productMarks {
margin: 0;
}
}
/*------------------------------------------------------------
▼▼▼　outlet2409　▼▼▼　/f/pickup/outlet2409
--------------------------------------------------------------*/
.outlet2409 .maintxt {
display: block;
}
.outlet2409 .red {
color: #df2900;
font-weight: 600;
}
.outlet2409 .infolist {
display: block;
width: 70%;
text-align: center;
margin: 5rem auto;
}
.outlet2409 .infolist li:nth-child(2n), main.fs-l-main--page .ps24ss .info_note {
width: 100%;
}
.outlet2409 .infolist li:nth-child(odd) {
font-weight: 600;
width: 80%;
border-bottom: 1px dotted;
padding: 0 2rem;
margin: 0 auto;
}
.outlet2409 .infolist li:nth-child(even) {
margin: 0.2rem 0 1.5rem;
}
.outlet2409 .infolist li:last-child {
margin-bottom: 3rem;
}
main.fs-l-main--page .outlet2409 .info_note {
width: 55%;
}
.outlet2409 .itemlist dt {
content: '';
display: block;
padding-top: 100px;
margin-top: -100px;
}
.outlet2409 .itemlist dt img {
width: 15%;
}
.outlet2409 dl dd:nth-child(3n) {
margin: 0 0 20rem;
}
.outlet2409 .login_btn {
font-size: 1.8rem;
background: #6b0345;
color: #f5c462;
padding: 1rem 6rem;
margin-bottom: 20rem;
}
.outlet2409 .login_btn::after {
border: 2px solid #f5c462;
border-bottom: none;
border-left: none;
}
.outlet2409 .menu {
margin-bottom: 20rem;
}
.outlet2409 .menu li a {
font-size: 1.8rem;
color: #f5c462;
border: none;
background: #6b0345;
padding: 0.8rem 4rem;
}
.outlet2409 .more_btn {
font-weight: 500;
background: #6b0345;
color: #f5c462;
border: none;
margin: 0 auto;
}
.outlet2409 .more_btn:hover {
background: #6b0345;
color: #f5c462;
}
main.fs-l-main--page .outlet2409 p span.top_note, .outlet2409 .offtxt {
background: linear-gradient(transparent 75%, #f5c462 25%);
}
.outlet2409 .size_box {
padding: 0;
margin: 0 auto;
text-align: left;
width: 80%;
}
.outlet2409 .size_box dt {
font-size: 1.7rem;
margin: 0 0 0.4rem;
padding: 0.3rem 1rem;
background: #f0e9dd;
}
.outlet2409 .size_box .size_link {
display: flex;
flex-wrap: wrap;
}
.outlet2409 .size_box dd:nth-child(3n) {
margin: 0 0 4rem;
}
.outlet2409 .size_box .size_link li {
padding: 1rem 2rem;
}
.outlet2409 .size_box .size_link li a {
border-bottom: 1px solid;
color: #755849;
}
.outlet2409 h3.size_ttl {
font-size: 2rem;
font-weight: 600;
margin: 6rem 0 4rem;
}
@media screen and (max-width: 768px) {
section.fs-l-pageMain.free-page .outlet2409 .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
.outlet2409 .infolist {
display: block;
width: 98%;
text-align: center;
}
.salelp .infolist li:nth-child(2n), main.fs-l-main--page .outlet2409 .info_note {
width: 100%;
}
.outlet2409 .infolist li:nth-child(odd) {
font-weight: 600;
width: 80%;
border-bottom: 1px dotted;
padding: 0 2rem;
margin: 0 auto;
}
.outlet2409 .infolist li:nth-child(even) {
margin: 0.2rem 0 1.5rem;
}
.outlet2409 .infolist li:last-child {
margin-bottom: 3rem;
}
main.fs-l-main--page .outlet2409 .info_note {
width: 80%;
}
.outlet2409 .itemlist dt img {
width: 40%;
}
.outlet2409 .login_btn {
width: 80%;
padding: 1rem 0;
margin-bottom: 10rem;
}
.outlet2409 .menu {
margin-bottom: 10rem;
}
.outlet2409 .menu li {
border: none;
}
.outlet2409 .menu li a {
padding: 1rem 0;
margin-bottom: 1rem;
}
.outlet2409 .size_box {
width: 90%;
}
.outlet2409 .more_btn {
display: block;
width: 80%;
padding: 1.2rem 0;
}
}
/*------------------------------------------------------------
▼▼▼　mens2410　▼▼▼　/f/pickup/24aw_mens
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.mensA2410) {
max-width: 100vw;
Overflow-x: hidden;
}
.mensA2410 .inner {
max-width: 1200px;
margin: 0 auto;
}
.mensA2410 {
color: #744f30;
background: #f0efea;
}
main.fs-l-main--page .mensA2410 .top_txt {
line-height: 2;
font-size: 1.7rem;
}
.mensA2410 dl dt {
text-align: center;
font-size: 2.8rem;
border-bottom: 2px solid;
padding: 0.5rem;
}
.mensA2410 dl dd.maintxt {
text-align: center;
line-height: 2;
padding: 3rem 0;
}
.mensA2410 dl dd.maintxt span.marker {
background: linear-gradient(transparent 60%, #d5a77740 60%);
}
.mensA2410 dl dd.img a {
color: #744f30;
text-decoration: underline;
padding: 0 1rem;
}
main.fs-l-main--page .mensA2410 dl dd.img .txt {
font-size: 1.7rem;
line-height: 2;
}
main.fs-l-main--page .mensA2410 dl dd.slide .list_ttl {
color: #fff;
font-size: 2rem;
text-align: center;
background: #958e81;
padding: 0.5rem 0;
margin-bottom: 3rem;
}
.mensA2410 dl dd.img ul li {
width: calc((100% - 8rem) / 3);
}
.mensA2410 dl dd.slide {
background: #aea698;
padding: 4rem 0 0;
}
.mensA2410 dl dd.slide .fs-c-productListCarousel {
text-align: left;
}
.mensA2410 dl dd.slide .fs-c-productMarks, .mensA2410 dl dd.slide .fs-c-productListItem__prices {
display: none;
}
.mensA2410 dl dd.slide span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.mensA2410 dl dd.slide .fs-c-productListCarousel__list {
overflow: auto;
}
.mensA2410 dl dd.slide .slick-list.draggable {
overflow: hidden;
}
.mensA2410 dl dd.slide .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.mensA2410 dl dd.slide .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.mensA2410 dl dd.slide .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.mensA2410 dl dd.slide .fs-c-productName__copy, .mensA2410 dl dd.slide span.fs-c-productName__name, .mensA2410 dl dd.slide .fs-c-productPrice__addon__label, .mensA2410 dl dd.slide .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #744f30;
}
.mensA2410 .feature_ttl {
font-size: 1.7rem;
}
.mensA2410 .feature_img {
display: block;
width: 50%;
margin: 0 auto 5%;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(.mensA2410) {
padding: 0 0;
}
.mensA2410 dl dd.img .txt {
padding: 0 3%;
}
main.fs-l-main--page .mensA2410 .top_txt {
text-align: center;
}
.mensA2410 dl dt {
font-size: 2.5rem;
width: 100%;
}
.mensA2410 dl dt span {
padding: 0 1rem;
}
.mensA2410 dl dd.maintxt {
padding: 1rem;
}
.mensA2410 dl dd.img ul li {
width: 100%;
}
main.fs-l-main--page .mensA2410 dl dd.slide .list_ttl {
margin-bottom: 1.5rem;
}
.mensA2410 dl dd.slide .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.mensA2410 dl dd.slide .fs-c-slick .slick-track {
width: 100vw !important;
}
.mensA2410 dl dd.slide .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 1%);
}
.mensA2410 .feature_img {
width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　halloween2024　▼▼▼
--------------------------------------------------------------*/
.hw2410 {
color: #fff;
background: #454757;
}
.hw2410 .login_btn, .hw2410 .itemlist .more_btn {
background: #ec7705;
}
.hw2410 .offtxt {
font-weight: 600;
background: linear-gradient(transparent 65%, #ff862fa6 35%);
}
.fs-l-pageMain:has(.hw2410) {
max-width: 100vw;
Overflow-x: hidden;
}
.hw2410 .inner {
max-width: 1200px;
margin: 0 auto;
}
.hw2410 .fs-c-productName__copy, .hw2410 span.fs-c-productName__name, .hw2410 .fs-c-productPrice__addon__label, .hw2410 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #45454e;
}
main.fs-l-main--page .hw2410 span.top_note {
font-weight: bold;
background: linear-gradient(transparent 70%, #fba969 30%);
}
.hw2410 .infolist_box {
width: 70%;
color: #454757;
background: #f4e9d5;
padding: 4rem 0.5rem;
margin: 0 auto;
}
.hw2410 .infolist_box dt {
font-size: 2.8rem;
}
.hw2410 .infolist {
width: 100%;
color: #454757;
background: #f4e9d5;
margin: 4rem auto;
}
.hw2410 .infolist_box .infolist img {
max-width: 20%;
max-height: 20%;
vertical-align: bottom;
padding-right: 0.5rem;
}
.hw2410 .infolist li:nth-child(even) {
width: 78%;
margin: 1rem auto 3rem;
}
.hw2410 dl:has(.infolist) dd:nth-child(3n) {
margin-bottom: 0;
}
.hw2410 .infolist_box dd:nth-child(4) {
font-size: 1.5rem;
text-align: left;
width: 80%;
margin: 0 auto;
}
.hw2410 .infolist_box dd a {
color: #ec7705;
border-bottom: 1px solid;
}
.hw2410 .num {
font-size: 6.5rem;
font-weight: 500;
color: #ec7705;
display: block;
position: relative;
top: 40px;
left: 165px;
text-align: left;
}
main.fs-l-main--page .hw2410 .info_note {
width: 70%;
margin: 4rem auto 8rem;
}
.hw2410 h2:not(.fs-c-productListItem__productName) {
font-size: 2.8rem;
font-weight: 600;
color: #ec7705;
}
.hw2410 .menu {
justify-content: space-between;
gap: 0;
background: #f4e9d5;
width: 90%;
padding: 2rem;
margin: 0 auto 20rem;
}
.hw2410 .menu li {
width: calc(100% /4);
border-right: 1px solid #ec7705;
}
.hw2410 .menu li:last-child {
border-right: none;
}
.hw2410 .menu li a {
display: block;
width: 100%;
font-weight: 600;
font-size: 1.9rem;
color: #ec7705;
background: none;
padding: 0;
}
.hw2410 .menu .arrowmark {
display: inline-block;
position: relative;
top: 4px;
left: 16px;
width: 22px;
height: 22px;
border-radius: 50%;
background: #ec7705;
}
.hw2410 .menu .arrowmark::after {
content: "";
position: absolute;
top: calc(50% - 4px);
left: calc(50% - 5px);
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
.hw2410 .itemlist {
color: #45454e;
background: #f4e9d5;
padding;
0 0 20rem;
content: '';
display: block;
padding-bottom: 1rem;
margin-bottom: 20rem;
}
.hw2410 .itemlist dt {
margin-top: 8rem;
border-top: 1px solid
}
.hw2410 .login_btn {
font-size: 1.8rem;
padding: 1.8rem 7rem;
}
.hw2410 .itemlist .more_btn {
font-size: 1.8rem;
padding: 1.8rem 10rem;
}
.hw2410 .cpinfo_box {
position: relative;
padding: 4rem 0 0;
width: 85%;
margin: 0 auto;
}
.hw2410 .cpinfo_box input {
display: none;
}
.hw2410 .cpinfo_box label {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
bottom: -10px;
width: 100%;
height: 140px;
cursor: pointer;
text-align: center;
background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgb(244 233 213) 90%);
}
.hw2410 .cpinfo_box input:checked + label {
background: inherit;
}
.hw2410 .cpinfo_box .cpinfo_cont {
overflow: hidden;
height: 120px;
transition: all 0.5s;
}
.hw2410 .cpinfo_box label:after, .hw2410 .cpinfo_box label::before {
content: '';
position: absolute;
}
.hw2410 .cpinfo_box label:after {
z-index: 2;
bottom: 20px;
width: 20rem;
content: '続きをよむ';
color: #ffffff;
background: #454757;
border-radius: 10rem;
padding: 0.5rem 0;
}
.hw2410 .cpinfo_box label::before {
position: absolute;
top: 10rem;
right: calc(50% - 6rem);
z-index: 3;
width: 10px;
height: 5px;
background: #ffffff;
clip-path: polygon(50% 100%, 0 0, 100% 0)
}
.hw2410 .cpinfo_box input:checked + label:after {
content: '閉じる';
}
.hw2410 .cpinfo_box input:checked + label:before {
right: calc(50% - 6rem);
transform: scale(1, -1);
}
.hw2410 .cpinfo_box input:checked ~ .cpinfo_cont {
height: auto;
padding-bottom: 4rem;
transition: all 0.5s;
}
.hw2410 .cpinfo_box dl {
text-align: left;
padding: 0 2rem;
}
.hw2410 .cpinfo_box dl dt {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.hw2410 .cpinfo_box dl dd {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
.hw2410 .infolist_box .cpinfo_box dd:nth-child(4) {
width: 100%;
margin: 0 auto 1.5rem;
}
.hw2410 dl:has(.infolist) .cpinfo_box dd:nth-child(3n) {
margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(.hw2410) {
padding: 0 0;
}
.hw2410 .infolist_box {
width: 90%;
}
.hw2410 .infolist_box .infolist img {
max-width: 40%;
}
.hw2410 .infolist li:nth-child(even) {
width: 90%;
}
.hw2410 .infolist_box dd:nth-child(4) {
width: 90%;
}
.hw2410 .num {
top: 35px;
left: 0;
text-align: center;
}
main.fs-l-main--page .hw2410 .info_note {
width: 90%;
}
.hw2410 .cpinfo_box {
width: 100%;
}
.hw2410 .login_btn {
padding: 1.8rem 0;
}
.hw2410 .menu {
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
background: none;
border-radius: 0;
width: 100%;
margin: 0 0 16rem;
}
.hw2410 .menu li {
width: 90%;
border-right: none;
}
.hw2410 .menu li a {
display: block;
background: #f4e9d5;
padding: 2rem 0;
margin-bottom: 1rem;
}
.hw2410 .menu .arrowmark {
display: none;
}
.hw2410 .menu .arrowmark::after {
display: none;
}
.hw2410 .menu li a {
position: relative;
}
.hw2410 .menu li a::before {
content: "";
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
width: 22px;
height: 22px;
border-radius: 50%;
background: #ec7705;
}
.hw2410 .menu li a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 28px;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin: auto;
}
.hw2410 .itemlist {
margin-bottom: 2rem;
}
.hw2410 .itemlist .more_btn {
padding: 1.8rem 0;
}
}
/*------------------------------------------------------------
▼▼▼　womensA2411　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.womensA2411) {
max-width: 100vw;
Overflow-x: hidden;
}
.womensA2411 .inner {
max-width: 1200px;
margin: 0 auto;
}
.womensA2411 {
color: #4c4f58;
background: #f7f6f4;
}
.womensA2411 .mv {
position: relative;
z-index: 0;
margin-bottom: 20rem;
}
.womensA2411 .mv .okilogo {
position: absolute;
z-index: 1;
width: 33%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.womensA2411 .mv h1 {
width: 100%;
font-size: 3rem;
position: absolute;
bottom: -135px;
left: 50%;
transform: translate(-50%, 0);
}
.womensA2411 .mv h1 span.ttl_main {
display: block;
font-size: 6rem;
line-height: 1.4;
}
.womensA2411 .mv h1 span.ttl_color {
color: #fe5c72;
}
.womensA2411 .loop-slide {
overflow: hidden;
position: relative;
}
.womensA2411 .loop-slide::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 12%);
}
.womensA2411 .loop-slide div {
display: flex;
}
.womensA2411 .loop-slide div.slide1 {
animation: mv_slide 60s linear infinite;
}
.womensA2411 .loop-slide div.slide2 {
animation: mv_slide 60s linear infinite reverse;
}
.womensA2411 .loop-slide div img {
min-width: calc(100% / var(--slideToShow));
}
@keyframes mv_slide {
100% {
transform: translateX(calc(-100% * (var(--slideNum) / var(--slideToShow))))
}
}
main.fs-l-main--page .womensA2411 .top_txt {
line-height: 2;
font-size: 1.7rem;
margin-bottom: 20%;
}
.womensA2411 ul {
position: relative;
z-index: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5%;
}
.womensA2411 ul.box_right {
flex-direction: row-reverse;
}
.womensA2411 ul li.img {
width: calc(60% - 5%);
margin-bottom: 5%;
}
.womensA2411 ul li.img img {
vertical-align: bottom;
}
.womensA2411 ul li.img2 {
width: calc(40% - 5%);
}
.womensA2411 ul li.img2 img {
max-width: 60%;
outline: 1px solid #9a9ca9;
padding: 0.5rem;
vertical-align: bottom;
}
.womensA2411 ul li.img2 div.img_top {
width: 45%;
position: absolute;
top: -7%;
left: 59%;
z-index: 1;
transform: rotate(-4deg);
}
.womensA2411 ul li.img2 div.img_bottom {
width: 45%;
position: absolute;
top: 25%;
left: 73%;
z-index: -1;
transform: rotate(4deg);
}
.womensA2411 ul.box_right li.img2 div.img_top {
top: -9%;
left: 0;
}
.womensA2411 ul.box_right li.img2 div.img_bottom {
top: 23%;
left: 12%;
}
.womensA2411 ul li.slide {
width: 100%;
margin-bottom: 20%;
}
.womensA2411 ul li.slide .fs-c-productName__copy, .womensA2411 ul li.slide .fs-c-productMarks, .womensA2411 ul li.slide .fs-c-productListItem__prices {
display: none;
}
.womensA2411 ul li.slide span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.womensA2411 ul li.slide .fs-c-productListCarousel__list {
overflow: auto;
}
.womensA2411 ul li.slide .slick-list.draggable {
overflow: hidden;
}
.womensA2411 ul li.slide .fs-c-slick .slick-track {
width: 1200px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5%;
}
.womensA2411 ul li.slide .fs-c-slick .slick-slide {
float: none;
}
.womensA2411 ul li.slide .fs-c-slick .slick-slide img {
border: 1px solid #9a9ca9;
border-radius: 50%;
padding: 0.5rem;
margin: 2rem 0;
}
.womensA2411 ul li.slide span.fs-c-productName__name, .womensA2411 ul li.slide .fs-c-productPrice__addon__label, .womensA2411 ul li.slide .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #4c4f58;
text-decoration: underline;
}
.womensA2411 .feature_ttl {
font-size: 1.7rem;
}
.womensA2411 .feature_img {
width: 70%;
margin: 0 auto 4%;
text-align: center;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.womensA2411) {
padding: 0 0;
}
.womensA2411 .mv {
margin-bottom: 35%;
}
.womensA2411 .mv .okilogo {
width: 60%;
}
.womensA2411 .mv h1 {
font-size: 2.5rem;
bottom: -110px;
left: 50%;
transform: translate(-50%, 0);
}
.womensA2411 .mv h1 span.ttl_main {
font-size: 5rem;
}
.womensA2411 .loop-slide div img {
min-width: calc(100% / 3);
}
@keyframes mv_slide {
100% {
transform: translateX(calc(-100% * (6 / 3)))
}
}
main.fs-l-main--page .womensA2411 .top_txt {
text-align: center;
}
.womensA2411 ul {
margin-bottom: 8%;
}
.womensA2411 ul li.img, .womensA2411 ul li.img2 {
width: 100%;
margin: 0;
}
.womensA2411 ul li.img2 {
display: flex;
justify-content: center;
gap: 3.5%;
padding: 0 0 1.4rem;
margin-bottom: 1rem;
}
.womensA2411 ul li.img2 img {
max-width: 100%;
padding: 0;
outline: none;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.womensA2411 ul li.img2 div.img_top {
position: static;
transform: rotate(0deg);
}
.womensA2411 ul li.img2 div.img_bottom {
position: static;
z-index: 1;
transform: rotate(0deg);
}
.womensA2411 ul li.oki1 {
background: #b27d1d;
}
.womensA2411 ul li.oki2 {
background: #fe7994;
}
.womensA2411 ul li.oki3 {
background: #072353;
}
.womensA2411 ul li.oki4 {
background: #656565;
}
.womensA2411 ul li.oki5 {
background: #191919;
}
.womensA2411 ul li.oki6 {
background: #4ea137;
}
.womensA2411 ul li.oki7 {
background: #4a1c02;
}
.womensA2411 ul li.oki8 {
background: #ecbdb7;
}
.womensA2411 ul li.oki9 {
background: #d0a676;
}
.womensA2411 ul li.oki10 {
background: #b01928;
}
.womensA2411 ul li.oki11 {
background: #fd4f2d;
}
.womensA2411 ul li.oki12 {
background: #f74052;
}
.womensA2411 ul li.slide {
margin-bottom: 10%;
}
.womensA2411 ul li.slide .fs-c-slick .slick-track {
max-width: 100% !important;
justify-content: left;
gap: 0;
text-align: center;
}
.womensA2411 ul li.slide .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
padding-bottom: 0;
}
.womensA2411 .feature_img {
width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　bf2411　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.bf2411) {
max-width: 100vw;
Overflow-x: hidden;
}
.bf2411 {
color: #ededed;
background: #111;
}
.bf2411 .inner {
max-width: 1200px;
margin: 0 auto;
}
main.fs-l-main--page .bf2411 .top_txt span {
font-size: 1.4rem;
}
.bf2411 .menu_bf2411 {
display: flex;
margin: 10rem 0;
}
.bf2411 .menu_bf2411 li {
width: calc(100% / 5);
background: #8f140b;
padding: 2rem 0;
border-right: 1px solid #bbae88;
}
.bf2411 .menu_bf2411 li:last-child {
border-right: none;
}
.bf2411 .menu_bf2411 li a {
display: block;
width: 100%;
font-size: 1.8rem;
font-weight: 600;
color: #e0cb91;
}
.bf2411 .itemlist {
color: #50360f;
background: #d2c2a7;
padding-bottom: 10rem;
margin-bottom: 20rem;
}
.bf2411 .itemlist dl dt {
color: #50360f;
align-items: center;
display: flex;
justify-content: center;
margin-top: 0;
}
.bf2411 .itemlist dl dt::before, .bf2411 .itemlist dl dt::after {
background-color: #50360f;
content: "";
height: 2px;
width: calc(100% / 3);
}
.bf2411 .itemlist dl dt::before {
margin-right: 15px;
}
.bf2411 .itemlist dl dt::after {
margin-left: 15px;
}
.bf2411 dl dd:nth-child(3n) {
margin-bottom: 0;
}
.bf2411 .itemlist .more_btn {
font-weight: 600;
color: #e0cb91;
background: #8f140b;
transition: 0.5s;
}
.bf2411 .itemlist .more_btn::after {
border: 2px solid #e0cb91;
border-bottom: none;
border-left: none;
}
.bf2411 .rate_d {
margin-bottom: 5rem;
}
.bf2411 .rate_d .more_btn {
padding: 1.2rem 4rem;
}
.bf2411 .itemlist .ttl {
font-size: 2.6rem;
font-weight: bold;
padding: 1.6rem 0;
margin-bottom: 5rem;
color: #e0cb91;
background: #8f140b;
}
.bf2411 .itemlist .item_txt {
line-height: 1.8;
}
.bf2411 .item_txt span {
font-size: 2rem;
color: #cd0000;
}
.bf2411 .bf_set .item_parts {
border-top: 1px solid;
}
.bf2411 .itemlist .set_txt {
margin: 6rem 0 3rem;
}
.bf2411 .bf_set .set_txt span {
font-size: 2rem;
background: linear-gradient(transparent 78%, #e8e561ab 22%);
}
.bf2411 .itemlist .login_btn {
display: inline-block;
font-size: 1.7rem;
background: #9d8459;
color: #fff;
padding: 1rem 6rem;
margin: 3rem 0 0;
transition: 0.5s;
}
.bf2411 .itemlist .item_parts {
margin: 8rem 0 3rem;
}
.bf2411 .itemlist .fs-c-productListCarousel {
text-align: left;
}
.bf2411 .itemlist .fs-c-productMarks, .bf2411 .itemlist .fs-c-productName__copy {
display: none;
}
.bf2411 .itemlist span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.bf2411 .itemlist .fs-c-productListCarousel__list {
overflow: auto;
}
.bf2411 .itemlist .slick-list.draggable {
overflow: hidden;
}
.bf2411 .itemlist .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.bf2411 .itemlist .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.bf2411 .itemlist .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.bf2411 .itemlist span.fs-c-productName__name {
color: #584309;
}
.bf2411 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #584309;
font-size: 1.5rem;
}
.bf2411 .itemlist .fs-c-productMarks {
display: inline-block;
margin-bottom: 8px;
}
.bf2411 .fs-c-salesPeriod__date, .bf2411 .fs-c-productMarks .mark-bf, .bf2411 .fs-c-productMarks .mark-label, .bf2411 .fs-c-productMarks .mark-col, .bf2411 .fs-c-productMarks .mark-func {
display: none;
}
.bf2411 .fs-c-productMark__mark.mark-bfper img {
width: 50%;
height: auto;
margin: 0;
}
.bf2411 .fs-c-productListCarousel__list__item > * + * {
margin-top: 0;
}
.bf2411 .bf_set .item_parts .more_btn {
display: block;
width: 320px;
margin: 2rem auto 0;
}
.bf2411 .itemlist .rate_d_top {
margin: 6rem 0 0;
}
.bf2411 #bf2411_main.itemlist .item_parts {
margin: 0 0 3rem;
}
.bf2411 .rank_box {
counter-reset: number 0;
}
.bf2411 .rank_box .slick-slide::before {
counter-increment: number 1;
content: counter(number);
position: relative;
top: 30px;
left: 10px;
background: #3d3d3d;
color: #fff;
font-size: 2rem;
font-weight: 400;
text-align: center;
display: inline-block;
width: 32px;
z-index: 1;
}
.bf2411 .rank_box .slick-slide:nth-child(1)::before {
background: #ad8c1d;
}
.bf2411 .rank_box .slick-slide:nth-child(2)::before {
background: #7d7d80;
}
.bf2411 .rank_box .slick-slide:nth-child(3)::before {
background: #78311e;
}
.bf2411 #bf2411_socks .bf-socks, .bf2411 .rank_box .bf-socks {
display: inline-block;
color: #fff;
background: #ef000a;
}
.bf2411 #bf2411_socks .bf-socks .fs-c-productMark__label, .bf2411 .rank_box .bf-socks .fs-c-productMark__label {
padding: 3px;
line-height: 1.3;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.bf2411) {
padding: 0 0;
}
.bf2411 .menu_bf2411 {
flex-wrap: wrap;
padding: 0;
}
.bf2411 .menu_bf2411 li {
width: calc(100% / 1);
padding: 2.5rem 0;
border-bottom: 1px solid #bbae88;
}
.bf2411 .menu_bf2411 li:nth-child(n+2) {
width: calc(100% / 2);
}
.bf2411 .menu_bf2411 li:nth-child(n+4) {
border-bottom: none;
}
.bf2411 .rate_d li {
width: calc(100% / 2);
}
.bf2411 .itemlist .ttl {
font-size: 2rem;
}
.bf2411 .rate_d .more_btn {
padding: 1.6rem 0;
}
.bf2411 .itemlist .login_btn {
padding: 1rem;
width: 90%;
}
.bf2411 .itemlist .more_btn {
width: 90%;
}
.bf2411 .itemlist .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.bf2411 .itemlist .fs-c-slick .slick-track {
width: 100vw !important;
}
.bf2411 .itemlist .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 1%);
}
.bf2411 .itemlist .fs-c-productMarks {
width: 100%;
margin: 0 0 8px;
}
.bf2411 .itemlist .fs-c-productListItem__productName {
margin: 0;
}
}
/*------------------------------------------------------------
▼▼▼　pre2412　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.pre2412) {
max-width: 100vw;
Overflow-x: hidden;
}
.pre2412 {
color: #fff;
background: #474a5f;
}
.pre2412 .maintxt {
font-size: 2rem;
}
main.fs-l-main--page .pre2412 p span.top_note {
font-size: 1.6rem;
font-weight: normal;
background: linear-gradient(transparent 78%, #c16462 22%);
}
.pre2412 .info_note a {
color: #d31c1c;
text-decoration: underline;
}
.pre2412 .inner {
max-width: 1200px;
margin: 0 auto;
}
main.fs-l-main--page .pre2412 p {
margin: 4rem 0 8rem;
}
.pre2412 .itemlist {
padding-bottom: 6rem;
margin-bottom: 16rem;
}
.pre2412 .itemlist .fs-c-productName__copy {
display: none;
}
.pre2412 #pre2412_a {
color: #002937;
background: #f3ecf4;
}
.pre2412 #pre2412_a span.fs-c-productName__name, .pre2412 #pre2412_a .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #002937;
}
.pre2412 #pre2412_s {
color: #152b02;
background: #f6f1eb;
}
.pre2412 #pre2412_s span.fs-c-productName__name, .pre2412 #pre2412_s .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #152b02;
}
.pre2412 .itemlist dt {
padding-top: 4rem;
margin-top: 0;
}
.pre2412 .itemlist dt img {
width: 55%;
}
.pre2412 dl dd:nth-child(3n) {
margin-bottom: 4rem;
}
.pre2412 .login_btn {
margin-bottom: 8rem;
}
.pre2412 .login_btn, .pre2412 .itemlist .more_btn {
letter-spacing: 2px;
padding: 1.2rem 6rem;
}
.pre2412 .itemlist .rate_d .more_btn {
padding: 1.2rem 3rem;
}
.pre2412 #pre2412_a .login_btn, .pre2412 #pre2412_a .more_btn {
color: #fff;
background: #ee3554;
}
.pre2412 #pre2412_s .login_btn, .pre2412 #pre2412_s .more_btn {
color: #fff;
background: #c31f20;
}
.pre2412 .rate_d {
margin-bottom: 6rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.pre2412) {
padding: 0 0;
}
.pre2412 .itemlist dt {
padding-top: 0;
}
.pre2412 .itemlist dt img {
width: 100%;
}
.pre2412 dl dd {
margin-bottom: 0;
}
.pre2412 .rate_d {
margin-bottom: 4rem;
}
.pre2412 .rate_d li {
width: calc(100% / 2);
}
.pre2412 .itemlist .rate_d .more_btn {
padding: 1.2rem 0;
}
.pre2412 .itemlist .login_btn {
padding: 1rem;
width: 90%;
}
.pre2412 .itemlist .more_btn {
width: 90%;
}
}
/*------------------------------------------------------------
▼▼▼　cl2501　▼▼▼
--------------------------------------------------------------*/
.cl2501 {
background: #ea6b51;
padding-top: 12rem;
}
.cl2501 .itemlist .ttl img {
width: 20%;
}
.cl2501 .itemlist .btn_box {
margin-bottom: 12rem;
}
.cl2501 #cl2501_apc {
color: #480808;
background: #fff6d1;
}
.cl2501 #cl2501_apc span.fs-c-productName__name, .cl2501 #cl2501_apc .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #480808;
}
.cl2501 #cl2501_s {
color: #480808;
background: #f9ccb3;
}
.cl2501 #cl2501_s span.fs-c-productName__name, .cl2501 #cl2501_s .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #480808;
}
.cl2501 #cl2501_apc .login_btn, .cl2501 #cl2501_apc .more_btn {
color: #fff;
background: #ce0000;
}
.cl2501 #cl2501_s .login_btn, .cl2501 #cl2501_s .more_btn {
color: #fff;
background: #c31f20;
}
.cl2501 #cl2501_apc .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price, .cl2501 #cl2501_s .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #ce0000;
}
@media screen and (max-width: 768px) {
.cl2501 {
padding-top: 0;
}
.cl2501 .itemlist .ttl img {
width: 50%;
}
.cl2501 #cl2501_apc dt:nth-child(1) {
padding-top: 0;
}
.cl2501 .itemlist dt {
padding-top: 4rem;
}
}
/*------------------------------------------------------------
▼▼▼　newyear　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.newyear) {
max-width: 100vw;
Overflow-x: clip;
}
.newyear {
color: #fff;
background: #a90b0adb;
font-size: 1.6rem;
text-align: center;
}
.newyear .bold {
font-weight: 600;
}
.newyear .inner {
max-width: 1200px;
margin: 0 auto;
}
.newyear .top {
margin: 6% 0 4%;
}
.newyear .fd_coupon {
max-width: 50%;
margin: 0 auto 13rem;
}
.newyear .coupon_note {
margin-bottom: 8%;
}
main.fs-l-main--page .newyear p {
font-size: 1.6rem;
}
main.fs-l-main--page .newyear p.top_txt {
font-size: 1.7rem;
line-height: 1.8;
margin-bottom: 2%;
}
.newyear .note {
display: inline-block;
font-size: 1.4rem;
}
.newyear .top_txt .note {
margin-bottom: 6%;
}
.newyear .info_box {
color: #a90b0a;
background: #fff9ed;
width: 80%;
padding: 4% 0;
margin: 0 auto 10%;
border: 4px solid #bea175;
}
main.fs-l-main--page .newyear p.infolist_txt {
margin-bottom: 4%;
}
.newyear .couponlist {
margin-bottom: 6%;
}
.newyear .couponlist dt {
display: inline-block;
color: #fff;
background: #a90b0a;
padding: 0.4rem 8rem;
border-radius: 2rem;
margin-bottom: 1.2%;
}
.newyear .couponlist dd {
margin-bottom: 3%;
line-height: 1.5;
}
.newyear .couponlist dd:last-child {
margin-bottom: 0;
}
.newyear .infolist dt {
width: 80%;
border-bottom: 1px solid;
padding: 0.2% 0;
margin: 0 auto 2%;
}
.newyear .infolist dd {
width: 65%;
margin: 0 auto 4%;
line-height: 1.5;
}
.newyear .infolist ul,
.newyear .infolist ol {
text-align: left;
}
.newyear .infolist ul li {
list-style-type: disc;
}
.newyear .infolist ol li {
list-style-type: decimal;
}
.newyear .banner img {
max-width: 600px;
margin: 1% 0 6%;
}
.newyear #brand {
margin: 0 0 10%;
}
.newyear #brand .section-title {
color: #fff;
}
.newyear #brand .brand-nav ul .brand-logo {
width: 40%;
}
.newyear .brand-nav-item {
background: #fff;
}
.newyear #brand .brand-nav ul li {
padding: 0;
margin: 0 2% 0 0;
}
.newyear #brand .brand-nav ul li:last-child {
margin: 0;
}
.newyear #brand .brand-nav ul li a {
margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.newyear) {
padding: 0 0;
margin-bottom: 0;
}
.newyear .fd_coupon {
max-width: 100%;
}
.newyear .coupon_note {
text-align: left;
padding: 0 4%;
margin-bottom: 16%;
}
main.fs-l-main--page .newyear p.top_txt {
text-align: left;
padding: 0 6%;
margin-bottom: 4%;
}
.newyear .top_txt .note {
margin-bottom: 8%;
}
.newyear .info_box {
width: 100%;
padding: 12% 0;
margin: 0 auto 16%;
}
main.fs-l-main--page .newyear p.infolist_txt {
padding: 0 4%;
margin-bottom: 10%;
}
.newyear .couponlist {
margin-bottom: 16%;
}
.newyear .couponlist dt {
margin-bottom: 2%;
}
.newyear .couponlist dd {
margin-bottom: 6%;
}
.newyear .infolist dt {
width: 90%;
margin: 0 auto 4%;
}
.newyear .infolist dd {
width: 88%;
padding-left: 6%;
margin: 0 auto 10%;
}
.newyear .banner img {
max-width: 100%;
margin: 1% 0 12%;
}
.newyear #brand {
margin: 0 auto 16%;
}
.newyear .container, .newyear #brand .brand-nav ul .brand-logo {
width: 100%;
}
.newyear #brand .brand-nav ul {
padding: 0 3.2%;
}
.newyear #brand .brand-nav ul li {
margin: 0;
}
.newyear #brand .brand-nav ul li a {
gap: 0;
margin: 0;
}
.newyear .brand-nav-item {
border-radius: 0;
}
}
/*------------------------------------------------------------
▼▼▼　2buy2025　▼▼▼
--------------------------------------------------------------*/
.finalsale2501 {
background: #fffbeb;
}
.finalsale2501 #cl2501_apc {
color: #313131;
background: #fffbeb;
}
.finalsale2501 #cl2501_apc span.fs-c-productName__name, .finalsale2501 #cl2501_apc .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #313131;
}
.finalsale2501 #cl2501_apc .more_btn.more_btn_mens {
color: #fff;
background: #88d4dd;
border-radius: 1rem;
}
.finalsale2501 #cl2501_apc .more_btn {
color: #fff;
background: #fe76a8;
border-radius: 1rem;
}
.finalsale2501 .menu_fs2501 {
display: flex;
gap: 16px;
margin: 10rem 0 2rem;
}
.finalsale2501 .menu_fs2501 li {
width: calc((100% - 16px) / 5);
padding: 2rem 0;
}
.finalsale2501 .menu_fs2501 li a {
position: relative;
display: block;
width: 100%;
font-size: 2rem;
font-weight: 600;
color: #fffbeb;
border-radius: 1rem;
background: #75c645;
padding: 1rem 0;
}
.finalsale2501 .menu_fs2501 li a::after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 2px solid #fff;
rotate: 45deg;
border-bottom: none;
border-left: none;
transition: 0.5s;
position: absolute;
top: 50%;
right: 1rem;
transform: translate(-50%, -50%);
}
.finalsale2501 .menu_fs2501 li a .lm_txt {
display: block;
font-size: 0.7em;
color: #fe55a1;
}
.finalsale2501 .menu_fs2501 li:nth-child(2) a .lm_txt, .finalsale2501 .menu_fs2501 li:nth-child(5) a .lm_txt {
display: block;
color: #aef4fd;
}
.finalsale2501 .fs-c-productMarks {
display: inline-block;
margin: 0;
}
.finalsale2501 .fs-c-productMarks .mark-col, .finalsale2501 .fs-c-productMarks .fs-c-productMark__mark {
display: none;
}
@media screen and (max-width: 768px) {
.finalsale2501 .menu_fs2501 {
flex-wrap: wrap;
gap: 0;
padding: 0;
margin: 5rem 0 1rem;
}
.finalsale2501 .menu_fs2501 li {
width: calc(100% / 1);
padding: 1.6rem 0;
margin: 0 2rem;
}
.finalsale2501 .menu_fs2501 li a::after {
right: 3rem;
}
}
/*------------------------------------------------------------
▼▼▼　NEW ARRIVAL 2025S/S　▼▼▼
--------------------------------------------------------------*/
.na25ss img {
vertical-align: bottom;
}
.na25ss h1:not(.category_summary h1) {
max-width: 24%;
margin: 8rem auto;
}
.na25ss .maincont h2:not(.fs-c-productListItem__productName) {
font-size: 4rem;
border-bottom: 1px solid;
padding: 2rem 3rem;
margin-bottom: 6rem;
}
.na25ss .season_txt .season_ttl {
display: inline-block;
font-size: 3.6rem;
margin-bottom: 6rem;
background: none;
}
.na25ss .season_txt dt {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.3;
}
.na25ss .season_txt dd {
font-size: 1.6rem;
padding-bottom: 8rem;
line-height: 2;
}
.na25ss .newitem_box {
display: flex;
gap: 6rem;
padding: 6rem 3rem;
margin-bottom: 6rem;
border-bottom: 1px solid #aaa;
}
.na25ss .newitem_box:nth-child(even) {
position: relative;
}
.na25ss .newitem_box:nth-child(odd) {
flex-direction: row-reverse;
position: relative;
}
.na25ss .newitem_txt {
font-size: 1.6rem;
line-height: 1.8;
}
.na25ss .newitem_txt ul li {
margin-bottom: 3rem;
}
.na25ss .newitem_box:nth-child(even) .newitem_txt {
padding: 0;
}
.na25ss .newitem_box:nth-child(odd) .newitem_txt {
padding: 0;
}
.na25ss .newitem_txt .fs-pt-carousel img {
max-width: calc(50vw / 4);
}
.na25ss .newitem_img {
padding: 0;
}
.na25ss .newitem_txt ul.slick-dots li {
margin-bottom: 0;
}
.na25ss .newarrival_list {
position: relative;
padding: 0 2.5rem 8rem 0;
margin-bottom: 16rem;
}
.na25ss .newarrival_list_2n {
padding: 0 2.5rem 0 0;
margin-bottom: 0;
}
.na25ss .newarrival_list .fs-c-productListCarousel {
text-align: left;
}
.na25ss .newarrival_list span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.na25ss .newarrival_list .fs-c-productListCarousel__list {
overflow: auto;
}
.na25ss .newarrival_list .slick-list.draggable {
overflow: hidden;
}
.na25ss .newarrival_list .fs-c-slick .slick-track {
width: 1200px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.na25ss .newarrival_list .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
}
.na25ss .newarrival_list .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.na25ss .newarrival_list .fs-c-productName__copy, .na25ss .newarrival_list .fs-c-mark--bundle, .na25ss .newarrival_list .fs-c-productMark__mark--1, .na25ss .newarrival_list .fs-c-productMark__label, .na25ss .newarrival_list .mark-func {
display: none;
}
.na25ss .footer {
position: relative;
z-index: 1;
font-size: 1.6rem;
color: #fff;
background: #95cfa8;
}
.na25ss .footer h1, .na25ss .footer h2, .na25ss .footer a:visited {
color: #fff;
}
.na25ss .footer a.button {
border: 1px solid #fff;
}
.na25ss .footer i.blank-icon:before, .na25ss .footer i.blank-icon:after {
border-color: #fff;
}
.na25ss .footer .category_page_content {
border-top: 1px solid #fff;
}
.na25ss .category_page_content.archivio span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after, .na25ss .category_page_content.piconeclub span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after, .na25ss .category_page_content .casapicone_category span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after {
border: 1px #ffffff solid;
border-bottom: none;
border-left: none;
}
.na25ss .page_link {
display: block;
width: 200px;
text-align: center;
background: #fff;
padding: 1rem 0;
margin: 0 auto 8rem;
}
.na25ss .page_link a {
display: inline-block;
width: 100%;
font-size: 2rem;
color: #494949;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.na25ss) {
padding: 0 0;
margin-bottom: 0;
}
.na25ss h1:not(.category_summary h1) {
max-width: 50%;
}
.na25ss .season_txt .season_ttl {
font-size: 3.1rem;
}
.na25ss .season_txt dd {
padding-bottom: 4rem;
line-height: 1.6;
}
.na25ss .maincont h2:not(.fs-c-productListItem__productName) {
font-size: 3rem;
padding: 1.5rem;
margin-bottom: 3rem;
}
.na25ss .newarrival_list {
padding: 0 0 0 1.5rem;
}
.na25ss .newarrival_list .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.na25ss .newarrival_list .fs-c-slick .slick-track {
width: 100vw !important;
}
.na25ss .newarrival_list .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 2rem);
}
.na25ss .newitem_txt .fs-pt-carousel img {
max-width: calc(50vw / 2);
}
.na25ss .newarrival_list .fs-c-productMarks {
margin: 0;
}
.na25ss .newitem_box {
gap: 0;
padding: 3rem 3rem 6rem;
margin-bottom: 3rem;
}
.na25ss .newitem_box:nth-child(odd) {
flex-direction: column;
}
.na25ss .newitem_img {
margin-bottom: 3rem;
}
.na25ss .footer h2 {
font-size: 2rem;
margin-bottom: 2rem;
}
.na25ss .footer .category_page_content {
padding: 6rem 2rem;
}
}
/*------------------------------------------------------------
▼▼▼　NEW ARRIVAL 2025S/S ar　▼▼▼
--------------------------------------------------------------*/
.na25ss_a .bg_slide {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
.na25ss_a .bg_slide li {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-animation: bganime 30s linear 0s infinite;
animation: bganime 30s linear 0s infinite;
}
.na25ss_a .bg_slide li:nth-of-type(1) {
background: url(/item/na_abg2.jpg) no-repeat top left/ cover fixed;
}
.na25ss_a .bg_slide li:nth-of-type(2) {
background: url(/item/na_abg1.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.na25ss_a .bg_slide li:nth-of-type(3) {
background: url(/item/na_abg3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
@keyframes bganime {
0% {
animation-timing-function: ease-in;
opacity: 0;
}
10% {
transform: scale(1.1);
opacity: 1;
}
40% {
transform: scale(1.2);
animation-timing-function: ease-out;
opacity: 1;
}
50% {
transform: scale(1.3);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bganime {
0% {
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
10% {
-webkit-transform: scale(1.1);
opacity: 1;
}
40% {
-webkit-transform: scale(1.2);
-webkit-animation-timing-function: ease-out;
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
opacity: 0;
}
100% {
opacity: 0;
}
}
.na25ss_a .inner {
background: #ffffff9c;
padding: 1rem 0;
}
.na25ss_a .newitem_box .newitem_img {
padding: 2%;
}
.na25ss_a .newitem_box:nth-child(even) .newitem_img {
background: url(/item/na_abgs.jpg) no-repeat top left / 90%;
}
.na25ss_a .newitem_box:nth-child(odd) .newitem_img {
background: url(/item/na_abgs.jpg) no-repeat bottom right/ 90%;
}
.na25ss_a .footer {
background: #818181;
}
.na25ss_a .footer .inner {
background: none
}
@media screen and (max-width: 768px) {
.na25ss_a .bg_slide li {
background: url(/item/na_abg1sp.jpg) no-repeat top left/ cover fixed;
}
.na25ss_a .bg_slide li:nth-of-type(2) {
background: url(/item/na_abg3sp.jpg) no-repeat top left/ cover fixed;
}
.na25ss_a .bg_slide li:nth-of-type(3) {
background: url(/item/na_abg2sp.jpg) no-repeat top left/ cover fixed;
}
.na25ss_a .newitem_box .newitem_img {
padding: 4%;
}
}
/*------------------------------------------------------------
▼▼▼　NEW ARRIVAL 2025S/S sp　▼▼▼
--------------------------------------------------------------*/
.na25ss_p .bg_slide {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
.na25ss_p .bg_slide li {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-animation: bganime 30s linear 0s infinite;
animation: bganime 30s linear infinite;
}
.na25ss_p .bg_slide li:nth-of-type(1) {
background: url(/item/na_pbg1.jpg) no-repeat top left/ cover fixed;
}
.na25ss_p .bg_slide li:nth-of-type(2) {
background: url(/item/na_pbg2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
.na25ss_p .bg_slide li:nth-of-type(3) {
background: url(/item/na_pbg3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
@keyframes bganime {
0% {
animation-timing-function: ease-in;
opacity: 0;
}
10% {
transform: scale(1.1);
opacity: 1;
}
40% {
transform: scale(1.2);
animation-timing-function: ease-out;
opacity: 1;
}
50% {
transform: scale(1.3);
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bganime {
0% {
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
10% {
-webkit-transform: scale(1.1);
opacity: 1;
}
40% {
-webkit-transform: scale(1.2);
-webkit-animation-timing-function: ease-out;
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
opacity: 0;
}
100% {
opacity: 0;
}
}
.na25ss_p .season_txt, .na25ss_p .newitem_box, .na25ss_p .maincont h2:not(.fs-c-productListItem__productName) {
font-family: "Source Serif 4", serif;
font-weight: 400;
}
.na25ss_p .new_cont {
position: relative;
}
.na25ss_p .new_cont::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: #ffffff99;
z-index: -1;
}
.na25ss_p .footer {
background: #adc2cc;
}
@media screen and (max-width: 768px) {
.na25ss_p .bg_slide li {
background: url(/item/na_pbg1sp.jpg) no-repeat top left/ cover fixed;
}
.na25ss_p .bg_slide li:nth-of-type(2) {
background: url(/item/na_pbg2sp.jpg) no-repeat top left/ cover fixed;
}
.na25ss_p .bg_slide li:nth-of-type(3) {
background: url(/item/na_pbg3.jpg) no-repeat top left/ cover fixed;
}
}
/*------------------------------------------------------------
▼▼▼　NEW ARRIVAL 2025S/S cp　▼▼▼
--------------------------------------------------------------*/
.na25ss_c {
background: #f5f5cb url(/item/na_pcbg1.png) no-repeat top left/ cover fixed;
}
@media screen and (max-width: 768px) {
.na25ss_c {
background: #f5f5cb url(/item/na_pcbg2.png) no-repeat top 100px left/ contain fixed;
background-size: auto 600px;
}
}
/*------------------------------------------------------------
▼▼▼　PRICE DOWN 2502　▼▼▼
--------------------------------------------------------------*/
.md2502 {
background: #f7ccdd;
}
.md2502 .itemlist .mv img {
margin-bottom: 5rem;
}
.md2502 .itemlist .ttl img {
width: 20%;
}
.md2502 .md2502_box {
background: #ffffffd1;
padding: 2rem 0 6rem;
margin-bottom: 10rem
}
.md2502 .itemlist {
margin-bottom: 0;
}
.md2502 .itemlist .more_btn {
font-size: 1.8rem;
font-weight: 500;
color: #fff;
background: #19bee6;
padding: 1rem 8rem;
transition: 0.5s;
}
.md2502 .fs-c-productPrice, .md2502 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #de1818;
}
@media screen and (max-width: 768px) {
.md2502 .itemlist .ttl img {
width: 50%;
}
.md2502 .itemlist dt {
padding-top: 4rem;
}
.md2502 .itemlist .more_btn {
font-size: 1.8rem;
padding: 1.3rem 0;
}
}
/*------------------------------------------------------------
▼▼▼　VD2502　▼▼▼
--------------------------------------------------------------*/
.vd2502 {
color: #5f4b3a;
background: #5f4b3a;
}
.vd2502 .itemlist .mv img {
margin-bottom: 5rem;
}
.vd2502 .itemlist .ttl {
font-size: 3rem;
}
.vd2502 .itemlist .top_txt {
font-size: 1.8rem;
color: #fffbeb;
margin-bottom: 10rem;
}
.vd2502 .itemlist .top_txt a {
color: #f6bdc6;
text-decoration: underline;
}
main.fs-l-main--page .vd2502 .itemlist .top_txt .info_note {
text-align: center;
margin: 2rem auto;
}
.vd2502 .md2502_box {
background: #ffffffd1;
padding: 2rem 0 6rem;
margin-bottom: 10rem
}
.vd2502 .itemlist {
margin-bottom: 0;
}
.vd2502 .itemlist .more_btn {
display: inline-block;
font-size: 1.8rem;
font-weight: 500;
color: #fffbeb;
background: #a62923;
padding: 1rem 8rem;
border-radius: 1rem;
transition: 0.5s;
}
.vd2502 .itemlist .more_btn:not(.vdmens_btn)::after {
display: none;
}
.vd2502 .itemlist .more_btn .link_top {
display: block;
}
.vd2502 .itemlist .more_btn .link_top::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid #fffbeb;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 0.3rem;
margin-left: 1rem;
transition: 0.5s;
}
.vd2502 .fs-c-salesPeriod__date {
display: none;
}
.vd2502 span.fs-c-productName__name {
font-size: 1.6rem;
}
.vd2502 span.fs-c-productName__name, .vd2502 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #5f4b3a;
}
@media screen and (max-width: 768px) {
.vd2502 .itemlist .mv {
padding-top: 0;
}
main.fs-l-main--page .vd2502 .itemlist .top_txt .info_note {
width: 100%;
}
.vd2502 .itemlist dt {
padding-top: 4rem;
}
.vd2502 .itemlist .more_btn {
letter-spacing: 1.5px;
font-size: 1.6rem;
padding: 1.3rem 0;
}
.vd2502 .itemlist .vdmens_btn {
margin: 4rem auto;
}
}
/*------------------------------------------------------------
▼▼▼　WD2502　▼▼▼
--------------------------------------------------------------*/
.wd2502 {
color: #21989e;
background: #21989e;
}
.wd2502 .itemlist .top_txt a {
color: #8de9ff;
}
.wd2502 .md2502_box {
background: #d7ecf1;
padding: 2rem 0 6rem;
margin-bottom: 10rem
}
.wd2502 .itemlist .more_btn {
background: #21989e;
}
.wd2502 span.fs-c-productName__name, .wd2502 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #21989e;
}
.wd2502 .itemlist .more_btn:not(.vdmens_btn)::after {
display: inline-block;
}
/*------------------------------------------------------------
▼▼▼　PU2502　▼▼▼
--------------------------------------------------------------*/
.pu2502 {
color: #1f4971;
background: #e4dccf;
}
.pu2502 h1 img {
max-width: 55%;
vertical-align: bottom;
}
.pu2502 .info {
font-size: 1.8rem;
width: 60%;
padding: 0;
margin: 0 auto;
}
.pu2502 .info dt {
border-bottom: 1px dotted;
padding-bottom: 0.4rem;
margin-bottom: 1.6rem;
}
.pu2502 .info dd {
padding-bottom: 2.4rem;
}
.pu2502 .infolist_ttl {
width: 60%;
font-size: 1.8rem;
font-weight: 600;
border-bottom: 1px dotted;
padding-bottom: 0.4rem;
margin: 0 auto 1.6rem;
}
.pu2502 .infolist {
width: 50%;
display: flex;
justify-content: center;
flex-wrap: wrap;
text-align: left;
margin: 0 auto 8rem;
}
.pu2502 .infolist li {
line-height: 2;
border: 1px solid #214670;
}
.pu2502 .infolist li:nth-child(2n) {
width: 60%;
padding-left: 2rem;
background: #f9f5ea;
border-bottom: none;
}
.pu2502 .infolist li:nth-child(2n+1) {
width: 40%;
text-align: center;
color: #f9f5ea;
background: #3a587a;
border-bottom: 1px solid #f9f5ea;
border-right: none;
}
.pu2502 .infolist li:nth-child(n+9) {
border-bottom: 1px solid #214670;
}
.pu2502 .maintxt {
display: block;
font-size: 1.8rem;
margin: 8rem 0;
}
.pu2502 .top_note {
display: block;
font-size: 1.8rem;
margin: 0 0 1rem;
}
.pu2502 .red {
color: #ed3d3d;
font-weight: 600;
}
section.itemlist.pu2502 h2:not(.fs-c-productListItem__productName) {
color: #f9f5ea;
-webkit-text-stroke: 2px #214670;
text-stroke: 2px #214670;
margin-bottom: 6rem;
}
section.itemlist.pu2502 .menu {
margin: 0 2rem;
gap: 0;
justify-content: space-between;
}
section.itemlist.pu2502 .menu li a {
background: #214670;
color: #f9f5ea;
border: none;
outline: 1px solid #f9f5ea;
outline-offset: -5px;
padding: 1.6rem 4rem;
margin-bottom: 2rem;
}
section.itemlist.pu2502 .menu li a::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 3px;
margin-left: 8px;
}
section.itemlist.pu2502 .more_btn, section.itemlist.pu2502 .login_btn {
display: inline-block;
background: #ea5455;
font-weight: bold;
color: #f9f5ea;
padding: 1.6rem 8rem;
outline: 1px solid #f9f5ea;
outline-offset: -5px;
}
section.itemlist.pu2502 .login_btn {
margin-bottom: 20rem;
}
section.itemlist.pu2502 .login_btn::after {
border: 2px solid;
border-bottom: none;
border-left: none;
}
.pu2502 .fs-c-productName__copy, .pu2502 span.fs-c-productName__name, .pu2502 .fs-c-productPrice__addon__label, .pu2502 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #1f4971;
}
.pu2502 .fs-c-salesPeriod__date {
display: none;
}
.pu2502 .itembox dt {
color: #f9f5ea;
-webkit-text-stroke: 2px #ea5455;
text-stroke: 2px #ea5455;
}
section.itemlist.pu2502 .fs-c-productMarks {
display: block;
}
.pu2502 .fs-c-salesPeriod__date {
display: none;
}
.pu2502 .fs-c-productName__copy, .pu2502 .mark-col, .pu2502 .mark-func, .pu2502 .fs-c-salesPeriod__date {
display: none;
}
.pu2502 .fs-c-productMark__label {
display: inline-block;
padding: 2px 10px;
border-radius: 0;
background: #fff;
color: #000;
border: #000 solid 1px;
}
.pu2502 .mark-label-new .fs-c-productMark__label, .pu2502 .mark-label-pricedown .fs-c-productMark__label, .pu2502 .mark-label-sale .fs-c-productMark__label {
background-color: black;
color: white;
}
.pu2502 .mark-label-off .fs-c-productMark__label {
background-color: burlywood;
color: white;
border: burlywood solid 1px;
}
.pu2502 .mark-label-point .fs-c-productMark__label {
color: #faf6eb;
background: #eb5454;
border: #eb5454 solid 1px;
}
@media screen and (max-width: 768px) {
section.itemlist.pu2502 .login_btn {
width: 80%;
padding: 1.6rem 0;
}
.pu2502 h1 img {
max-width: 100%;
}
.pu2502 .info, .pu2502 .infolist_ttl, .pu2502 .infolist {
width: 90%;
}
.pu2502 .infolist li:nth-child(2n) {
padding-left: 1.8rem;
}
section.itemlist.pu2502 .menu {
justify-content: center;
}
.pu2502 .fs-c-productMarks {
margin: 0;
}
}
/*------------------------------------------------------------
▼▼▼　CBpreorder　▼▼▼
--------------------------------------------------------------*/
.cbpo {
background: #f0f0f0
}
.cbpo h1:not(.category_summary h1) {
max-width: 50%;
margin: 2rem auto 8rem;
}
.cbpo .season_txt .info_list {
margin-bottom: 8rem;
}
.cbpo .season_txt .info_list dt {
width: 600px;
color: #fff;
background: #aaa;
padding: 0.4rem 0;
margin: 0 auto 1rem;
}
.cbpo .season_txt .info_list dd {
padding-bottom: 4rem;
line-height: 2;
}
.cbpo .maincont h2:not(.fs-c-productListItem__productName) {
font-size: 3rem;
text-align: left;
border-bottom: 1px solid;
padding: 2rem 3rem;
margin-bottom: 6rem;
}
.cbpo .newitem_box {
border-bottom: none;
}
.cbpo .newitem_txt ul li:first-child {
text-align: left;
font-size: 1.6rem;
line-height: 2;
}
.cbpo .newitem_txt ul li .cbpotxt {
display: block;
margin: 2rem 0;
}
.cbpo .newitem_txt ul li .cbpotxt_2 {
border-bottom: 2px solid #da2626bd;
}
.cbpo .newitem_txt ul li .cbpo_img {
display: block;
max-width: 50%;
padding: 1rem 0 0;
vertical-align: bottom;
}
.cbpo .newitem_txt ul li:last-child {
margin-bottom: 0;
}
.cbpo .mark-col {
display: none;
}
@media screen and (max-width: 768px) {
.cbpo h1:not(.category_summary h1), .cbpo .newitem_txt ul li .cbpo_img {
max-width: 100%;
}
.cbpo .season_txt .info_list {
width: 90%;
margin: 0 auto 8rem;
}
.cbpo .season_txt .info_list dt {
width: 100%;
color: #fff;
background: #aaa;
padding: 0.4rem 0;
margin: 0 auto 1rem;
}
.cbpo .season_txt .info_list dd:nth-child(2) {
text-align: left;
}
.cbpo .maincont h2:not(.fs-c-productListItem__productName) {
font-size: 2.1rem;
border-bottom: 1px solid;
padding: 2rem 0;
margin-bottom: 2rem;
}
}
/*------------------------------------------------------------
▼▼▼　starter2503　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.starter2503) {
max-width: 100vw;
Overflow-x: hidden;
}
.starter2503 {
color: #63553f;
background: #fffdf2;
}
.starter2503 .inner {
max-width: 1200px;
margin: 0 auto;
}
.starter2503 h1 img {
max-width: 50%;
}
main.fs-l-main--page .starter2503 .info_note {
margin: 0 auto 16rem;
}
.starter2503 dl {
margin-bottom: 16rem;
}
.starter2503 dl dt {
color: #fc323e;
text-align: left;
font-size: 4rem;
font-weight: 600;
line-height: 0.7;
border-bottom: 3px solid;
padding-left: 1rem;
margin-bottom: 8rem;
}
.starter2503 dl dd:nth-child(3n) {
margin-bottom: 0;
}
.starter2503 dl.item_box dd:nth-child(3n) {
margin-bottom: 16rem;
}
.starter2503 .fs-c-productName__copy, .starter2503 .fs-c-salesPeriod__date, .starter2503 .starterset .fs-c-productListItem__productName, .starter2503 dl dd span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none;
}
.starter2503 dl dd .fs-c-productListCarousel__list {
overflow: auto;
}
.starter2503 dl dd .slick-list.draggable {
overflow: hidden;
}
.starter2503 dl dd .fs-c-slick .slick-track {
width: 100% !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.starter2503 dl dd .starterset .fs-c-slick .slick-slide {
flex-basis: calc(100% / 3);
}
.starter2503 dl dd .starter_main .fs-c-slick .slick-slide {
flex-basis: calc(100% / 4);
}
.starter2503 dl dd .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
.starter2503 dl dd .starterset {
display: flex;
justify-content: center;
align-items: center;
gap: 8rem;
padding-bottom: 8rem;
margin-bottom: 8rem;
border-bottom: 1px dotted #fc323e;
}
.starter2503 dl dd .starterset_last {
border-bottom: none;
}
.starter2503 dl dd .starterset li:first-child {
width: 24%;
position: relative;
}
.starter2503 dl dd .starterset li .num {
position: absolute;
top: -4rem;
left: -4rem;
color: #fff;
-webkit-text-stroke: 2px #fc323e;
text-stroke: 2px #fc323e;
font-size: 6rem;
}
.starter2503 dl dd .starterset li:first-child img {
vertical-align: bottom;
}
.starter2503 dl dd .starterset li:nth-child(2) {
width: calc((100% - 8rem) /2);
}
.starter2503 .starterset .slick-slide::before {
position: relative;
top: 0.5rem;
left: 2.3rem;
font-size: 1.5rem;
font-weight: 400;
color: #fae9cf;
background: #fc323e;
padding: 0.1rem 0.5rem;
}
.starter2503 .starterset .slick-slide:nth-child(1)::before {
content: "tops";
}
.starter2503 .starterset .slick-slide:nth-child(2)::before {
content: "bottoms";
}
.starter2503 .starterset .slick-slide:nth-child(n+3)::before {
content: "goods";
}
.starter2503 .more_btn {
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 1.6px;
display: inline-block;
padding: 1.6rem 0;
border: 1px solid;
width: 300px;
color: #fae9cf;
background: #fc323e;
margin: 0 2rem;
}
.starter2503 .more_btn::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border: 2px solid #fae9cf;
rotate: 45deg;
border-bottom: none;
border-left: none;
margin-bottom: 2px;
margin-left: 10px;
transition: 0.5s;
}
.starter2503 .starterall {
width: 500px;
margin: 0 auto 16rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.starter2503) {
padding: 0 0;
margin-bottom: 0;
}
section.fs-l-pageMain.free-page .starter2503 .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
.starter2503 h1 img {
max-width: 100%;
}
.starter2503 .infolist {
width: 100%;
}
main.fs-l-main--page .starter2503 .info_note {
width: 90%;
}
.starter2503 dl dd .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.starter2503 dl dd .fs-c-slick .slick-track {
width: 100vw !important;
}
.starter2503 dl dd .fs-c-slick .slick-slide, .starter2503 dl dd .starterset .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 1vw);
}
.starter2503 dl dd .starterset {
display: block;
border-bottom: none;
}
.starter2503 dl dd .starterset li .num {
font-size: 6.5rem;
top: -5rem;
left: 1rem;
}
.starter2503 dl dd .starterset li:first-child, .starter2503 dl dd .starterset li:nth-child(2) {
width: 100%;
}
.starter2503 dl dd .starterset li:first-child {
margin-bottom: 2rem;
}
.starter2503 .more_btn {
display: block;
margin: 4rem auto;
width: 80%;
border: none;
}
.starter2503 .starterall {
width: 80%;
margin: 0 auto 16rem;
}
}
/*------------------------------------------------------------
▼▼▼　a25ss_feature1　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.a25ss_feature1) {
max-width: 100vw;
Overflow-x: hidden;
}
.a25ss_feature1 {
color: #2e3190;
background: #fffef7;
}
.a25ss_feature1 .pcnone {
display: none;
}
.a25ss_feature1 img {
vertical-align: middle;
}
.a25ss_feature1 .inner {
max-width: 1200px;
margin: 0 auto;
}
.a25ss_feature1 .mv {
margin-bottom: 24rem;
}
.a25ss_feature1 .loop-slide div {
display: flex;
justify-content: space-around;
gap: 3rem;
margin-bottom: 24rem;
}
.a25ss_feature1 .loop-slide img {
border-radius: 5rem;
}
.a25ss_feature1 .loop-slide .num {
border-radius: 0;
max-width: 80%;
padding-bottom: 1rem;
position: relative;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.a25ss_feature1 .loop-slide div a {
transition: all 0.8s ease 0s;
}
.a25ss_feature1 .loop-slide div a:hover {
cursor: pointer;
transform: scale(1.1, 1.1);
}
.a25ss_feature1 .look_ttl {
text-align: center;
margin-bottom: 8rem;
}
.a25ss_feature1 .look_img {
display: flex;
justify-content: center;
align-items: center;
gap: 4rem;
margin-bottom: 10rem;
}
.a25ss_feature1 .look_box {
position: relative;
}
.a25ss_feature1 .look_bg {
width: 100vw;
height: 400px;
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, 0);
}
.a25ss_feature1 .look_bg::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 0;
height: 100%;
background: #bde3fa;
transition: 1s;
}
.a25ss_feature1 .look_img_l {
border-left: 12px solid #3b3350;
}
.a25ss_feature1 #look2 .look_bg::before {
background: #f9eaef;
}
.a25ss_feature1 #look2 .look_img_l {
border-left: 12px solid #f34551;
}
.a25ss_feature1 #look3 .look_bg::before {
background: #f5eafc;
}
.a25ss_feature1 #look3 .look_img_l {
border-left: 12px solid #ca94c1;
}
.a25ss_feature1 #look4 .look_bg::before {
background: #fdbfd1;
}
.a25ss_feature1 #look4 .look_img_l {
border-left: 12px solid #fd548d;
}
.a25ss_feature1 #look5 .look_bg::before {
background: #cfecff;
}
.a25ss_feature1 #look5 .look_img_l {
border-left: 12px solid #196596;
}
.a25ss_feature1 #look6 .look_bg::before {
background: #fbc6db;
}
.a25ss_feature1 #look6 .look_img_l {
border-left: 12px solid #fc6e6e;
}
.a25ss_feature1 .fade::before {
width: 100%;
}
.a25ss_feature1 .look_img_s {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.a25ss_feature1 .look_img_s li {
display: inline-block;
width: calc((100% - 4.5rem) / 2);
padding-bottom: 1rem;
}
.a25ss_feature1 .look_img_s li:nth-child(n+3) {
padding-bottom: 0;
}
.a25ss_feature1 .look_img_l, .a25ss_feature1 .look_img_s {
width: calc((100% - 4rem) / 2);
}
.a25ss_feature1 .look_link {
font-size: 1.6rem;
width: 50%;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 auto 24rem;
}
.a25ss_feature1 .look_link dt {
width: calc((100% - 16rem) / 3);
margin-right: 16rem;
margin-bottom: 2.4rem;
}
.a25ss_feature1 .look_link dd {
width: calc((100% - 16rem) / 3);
margin-bottom: 2.4rem;
}
.a25ss_feature1 .look_link dd:nth-child(3n) a {
text-align: center;
display: block;
color: #fffef7;
background: #2e3190;
padding: 0.4rem;
}
.a25ss_feature1 .price {
text-align: right;
padding-right: 4rem;
}
.a25ss_feature1 .target {
opacity: 0;
transform: translateY(80px);
transition: opacity 0.5s, transform 2s;
}
.a25ss_feature1 .target.visible {
opacity: 1;
transform: translateY(0);
}
.a25ss_feature1 .prof {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background: #fff8ce;
padding: 6rem 0;
margin-bottom: 24rem;
}
.a25ss_feature1 .prof_img img {
display: inline-block;
max-width: 80%;
border-radius: 50%;
margin-left: 10rem;
}
.a25ss_feature1 .prof_txt {
margin-right: 4rem;
}
.a25ss_feature1 .prof_txt img {
max-width: 80%;
margin-bottom: 8rem;
}
.a25ss_feature1 .prof_txt ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
width: 60%;
margin: 0 auto;
}
.a25ss_feature1 .prof_txt ul li {
font-size: 2rem;
line-height: 2.4;
}
.a25ss_feature1 .prof_txt ul li img {
margin-bottom: 0;
}
.a25ss_feature1 .prof_txt ul li:nth-child(2) {
font-weight: 500;
}
.a25ss_feature1 .prof_txt ul li:nth-child(4) {
font-weight: 600;
}
.a25ss_feature1 .prof_txt ul li:nth-child(even) {
text-align: left;
width: calc(80% - 2rem);
}
.a25ss_feature1 .prof_txt ul li:nth-child(odd) {
width: 20%;
}
.a25ss_feature1 .prof_txt ul li a {
color: #327e78;
border-bottom: 1px dotted;
}
.a25ss_feature1 span.fs-c-productName__name, .a25ss_feature1 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #2e3190;
}
.a25ss_feature1 .items {
width: 100vw;
margin: 0 calc(50% - 50vw);
background: #ffe1b4;
margin-bottom: 24rem;
overflow: auto;
}
.a25ss_feature1 .widget {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: flex-start;
gap: 4rem;
}
.a25ss_feature1 .items .items_movie {
position: sticky;
top: 16px;
width: 30%;
height: 500px;
}
.a25ss_feature1 .items .items_list {
width: 70%;
height: 100%;
}
.a25ss_feature1 .items_list .fs-c-productName__copy, .a25ss_feature1 .items_list .fs-c-salesPeriod__date, .a25ss_feature1 .items_list .fs-c-productMark__label, .a25ss_feature1 .items_list .fs-c-productMark__item, .a25ss_feature1 .items_list .fs-c-button--carousel.fs-c-button--carousel--prev, .a25ss_feature1 .items_list .fs-c-button--carousel.fs-c-button--carousel--next {
display: none;
}
.a25ss_feature1 .items_list .fs-c-productListCarousel__list {
overflow: auto;
}
.a25ss_feature1 .items_list .slick-list.draggable {
overflow: hidden;
}
.a25ss_feature1 .items_list .fs-c-slick .slick-track {
width: 100% !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.a25ss_feature1 .items_list .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 3);
}
.a25ss_feature1 .items_list .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 1em;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.a25ss_feature1) {
padding: 0 0;
margin-bottom: 0;
}
.a25ss_feature1 .pcnone {
display: block;
}
.a25ss_feature1 .spnone {
display: none;
}
.a25ss_feature1 .mv {
margin-bottom: 8rem;
}
.a25ss_feature1 .loop-slide div {
margin-bottom: 16rem;
}
.a25ss_feature1 .loop-slide div {
flex-wrap: wrap;
gap: 2rem;
padding: 0 1rem;
}
.a25ss_feature1 .loop-slide div a {
width: calc((100% - 8rem) / 3);
}
.a25ss_feature1 .look_box {
position: relative;
background: #bde3fa;
padding: 6rem 0 0;
}
.a25ss_feature1 #look2 {
background: #f9eaef;
}
.a25ss_feature1 #look3 {
background: #f5eafc;
}
.a25ss_feature1 #look4 {
background: #fdbfd1;
}
.a25ss_feature1 #look5 {
background: #cfecff;
}
.a25ss_feature1 #look6 {
background: #fbc6db;
}
.a25ss_feature1 .look_ttl {
width: 100%;
position: absolute;
top: -20px;
z-index: 2;
}
.a25ss_feature1 .look_ttl img {
max-width: 50%;
margin: 0 auto 4rem;
}
.a25ss_feature1 .look_img {
flex-direction: column;
margin-bottom: 4rem;
}
.a25ss_feature1 .look_img_l {
border-left: none;
border: 6px solid #372d87;
}
.a25ss_feature1 #look2 .look_img_l {
border: 6px solid #f34551;
}
.a25ss_feature1 #look3 .look_img_l {
border: 6px solid #ca94c1;
}
.a25ss_feature1 #look4 .look_img_l {
border: 6px solid #fd548d;
}
.a25ss_feature1 #look5 .look_img_l {
border: 6px solid #196596;
}
.a25ss_feature1 #look6 .look_img_l {
border: 6px solid #fc6e6e;
}
.a25ss_feature1 .look_img_l, .a25ss_feature1 .look_img_s {
width: 95%;
}
.a25ss_feature1 .look_img_s li {
width: calc((100% - 1rem) / 2);
}
.a25ss_feature1 .look_link {
font-size: 1.4rem;
width: 100%;
padding: 0 1rem 4rem;
margin: 0 auto 16rem;
}
.a25ss_feature1 .look_link dt {
width: calc((100% - 2rem) / 3);
margin-right: 4rem;
margin-bottom: 3rem;
}
.a25ss_feature1 .look_link dd {
width: calc((100% - 6rem) / 3);
margin-bottom: 3rem;
}
.a25ss_feature1 .look_link dd:nth-child(3n) a {
padding: 0.8rem;
}
.a25ss_feature1 .price {
padding-right: 1.5rem;
}
.a25ss_feature1 .prof {
flex-direction: column;
padding: 4rem 0;
margin-bottom: 16rem;
}
.a25ss_feature1 .prof_img img {
margin: 0 auto 4rem;
}
.a25ss_feature1 .prof_txt {
margin: 0 auto;
}
.a25ss_feature1 .prof_txt ul {
width: 90%;
}
.a25ss_feature1 .prof_txt ul li img {
max-width: 60%;
}
.a25ss_feature1 .prof_txt img {
margin-bottom: 4rem;
}
.a25ss_feature1 .widget {
width: 100%;
height: auto;
flex-direction: column;
padding: 0 0 4rem;
}
.a25ss_feature1 .items .items_movie, .a25ss_feature1 .items .items_list {
width: 100%;
}
.a25ss_feature1 .items .items_movie {
position: static;
margin-bottom: 16rem;
}
.a25ss_feature1 .items_list .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.a25ss_feature1 .items_list .fs-c-slick .slick-track {
width: 100% !important;
}
.a25ss_feature1 .items_list .fs-c-slick .slick-slide, .a25ss_feature1 .items_list .starterset .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
}
/*------------------------------------------------------------
▼▼▼　a25ss_setup　▼▼▼
--------------------------------------------------------------*/
.a25ss_setup {
text-align: center;
font-size: 1.7rem;
color: #212121;
background: none;
counter-reset: number 0;
}
.a25ss_setup .mv {
max-width: 100%;
margin: 0 auto 8rem;
}
.a25ss_setup .top_txt {
font-size: 1.7rem;
line-height: 2;
margin-bottom: 24rem;
}
.a25ss_setup .blank {
display: block;
content: "";
padding-bottom: 2.8rem;
}
.a25ss_setup .look_ttl2 {
font-size: 4rem;
font-weight: 500;
color: #acacac;
}
.a25ss_setup .look_ttl2 span {
position: relative;
top: -2.4rem;
font-size: 10rem;
color: transparent;
-webkit-text-stroke: 1px #acacac
}
.a25ss_setup .look_ttl2 span::after {
counter-increment: number 1;
content: counter(number);
position: absolute;
top: 0.5rem;
left: 0.8rem;
z-index: -1;
color: #fff1dc;
-webkit-text-stroke: 0;
}
.a25ss_setup #collection2 .look_ttl2 span::after {
color: #c0eee9;
}
.a25ss_setup #collection3 .look_ttl2 span::after {
color: #ffced2;
}
.a25ss_setup #collection4 .look_ttl2 span::after {
color: #e0efff;
}
.a25ss_setup #collection5 .look_ttl2 span::after {
color: #fbe4dc;
}
.a25ss_setup #collection6 .look_ttl2 span::after {
color: #e7f8bb;
}
.a25ss_setup #collection7 .look_ttl2 span::after {
color: #ffeddd;
}
.a25ss_setup #collection8 .look_ttl2 span::after {
color: #cbdbf3;
}
.a25ss_setup #collection9 .look_ttl2 span::after {
color: #cacfdd;
}
.a25ss_setup #collection10 .look_ttl2 span::after {
color: #fbebff;
}
.a25ss_setup #collection11 .look_ttl2 span::after {
color: #d8e4fa;
}
.a25ss_setup #collection12 .look_ttl2 span::after {
color: #dbf2ec;
}
.a25ss_setup #collection13 .look_ttl2 span::after {
color: #cee3e7;
}
.a25ss_setup .look_img2 {
display: flex;
justify-content: space-around;
gap: 2rem;
}
.a25ss_setup .look_link {
margin: 8rem auto 24rem;
}
.a25ss_setup .look_link dd:nth-child(3n) a {
background: #4e4e4e;
}
.a25ss_setup .column {
position: relative;
background: #ffebf5;
margin: 16rem auto 0;
padding: 6rem 0 8rem;
}
.a25ss_setup #collection1 .column {
width: 85%;
}
.a25ss_setup .column.twinning {
background: #edf9fd;
margin: 16rem 0 24rem;
}
.a25ss_setup .column dt {
position: absolute;
top: -4.5rem;
left: 50%;
transform: translate(-50%, 0);
font-size: 6rem;
font-weight: 500;
color: #ff6ea4;
}
.a25ss_setup .column.twinning dt {
color: #61cff4;
}
.a25ss_setup .column dt span {
position: absolute;
top: -3.3rem;
left: -9rem;
max-width: 80%;
transform: rotate(-2deg);
}
.a25ss_setup .column dd:nth-child(2) {
line-height: 1.7;
margin-bottom: 6rem;
}
.a25ss_setup .column dd ul {
display: flex;
gap: 2rem;
flex-wrap: wrap;
padding: 0 8rem;
}
.a25ss_setup #collection1 .column dd ul li:first-child {
width: 100%;
}
.a25ss_setup .column dd ul li {
width: calc((100% - 2rem) / 2);
}
.a25ss_setup .items_list_ttl {
color: #acacac;
font-size: 6rem;
font-weight: 500;
border-bottom: 1px solid #acacac;
margin-bottom: 6rem;
}
.a25ss_setup .items_list {
margin-bottom: 24rem;
}
.a25ss_setup .items_list .fs-c-slick .slick-slide {
text-align: left;
flex-basis: calc(100% / 4);
}
.a25ss_setup .fs-c-productListCarousel {
display: block;
}
.a25ss_setup span.fs-c-productName__name, .a25ss_setup .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 1.6rem;
color: #212121;
}
.a25ss_setup .fs-c-productListItem__productName, .a25ss_setup .fs-c-productListCarousel__list__item {
margin: 0;
}
.a25ss_setup .items_list .fs-c-productListCarousel__list__item {
padding: 1rem;
}
.a25ss_setup .target {
opacity: 0;
transform: translateY(70px);
transition: opacity 0.5s, transform 1.8s;
}
.a25ss_setup .target.visible {
opacity: 1;
transform: translateY(0);
}
.a25ss_setup .look_img2 li {
opacity: 0;
transform: translateY(70px);
transition: opacity 0.5s, transform 1.8s;
}
.a25ss_setup .look_img2 li:nth-child(2) {
transition-delay: 0.2s;
}
.a25ss_setup .look_img2 li:nth-child(3) {
transition-delay: 0.4s;
}
.a25ss_setup .look_img2 li.fade_lr {
opacity: 1;
transform: translateY(0);
}
@media screen and (max-width: 768px) {
.a25ss_setup .mv {
margin-bottom: 4rem;
}
.a25ss_setup .top_txt {
font-size: 1.5rem;
line-height: 1.7;
margin-bottom: 8rem;
}
.a25ss_setup .blank {
display: block;
content: "";
padding-bottom: 2rem;
}
.a25ss_setup .look_ttl2 {
font-size: 3rem;
}
.a25ss_setup .look_ttl2 span {
font-size: 8rem;
}
.a25ss_setup .look_img2 {
flex-wrap: wrap;
}
.a25ss_setup .look_img2 li:first-child {
width: 100%;
}
.a25ss_setup .look_img2 li {
width: calc((100% - 2rem) / 2);
}
.a25ss_setup .column dt {
top: -3.3rem;
font-size: 4.5rem;
}
.a25ss_setup .column dt span {
top: -0.5rem;
left: -6rem;
font-size: 3rem;
}
.a25ss_setup .column dd {
font-size: 1.5rem;
}
.a25ss_setup .column dd ul {
gap: 1rem;
padding: 0 1rem;
}
.a25ss_setup .column dd ul li {
width: calc((100% - 1rem) /2);
}
.a25ss_setup .look_link {
margin: 4rem auto 10rem;
}
.a25ss_setup .items_list_ttl {
font-size: 4.5rem;
}
.a25ss_setup .items_list {
margin-bottom: 8rem;
}
.a25ss_setup .items_list .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
.a25ss_setup span.fs-c-productName__name, .a25ss_setup .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 1.4rem;
}
.a25ss_setup .column.twinning {
margin: 16rem 0;
}
}
/*------------------------------------------------------------
▼▼▼　gw2025　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.gw2025) {
max-width: 100vw;
Overflow-x: hidden;
}
.gw2025 {
color: #353535;
background: #feffee;
}
.gw2025 .inner {
max-width: 1200px;
margin: 0 auto;
}
.gw2025 .topimage {
max-width: 60%;
margin: 0 auto;
}
main.fs-l-main--page .gw2025 p span.top_note {
background: linear-gradient(transparent 65%, #ffb3e9e0 35%);
}
.gw2025 .info_note a {
color: #353535;
text-decoration: underline;
}
.gw2025 .login_btn {
color: #fff;
font-weight: 600;
background: #44d8e6;
}
.gw2025 .menu {
gap: 8rem;
margin: 0 auto 20rem;
}
.gw2025 .menu li a {
color: #feffee;
font-weight: 500;
letter-spacing: 0.2rem;
background: #ff83db;
min-width: 220px;
display: inline-block;
padding: 1.4rem 0;
}
.gw2025 .itemlist {
padding-bottom: 16rem;
margin-bottom: 24rem;
}
.gw2025 #gw2025_a, .gw2025 #gw2025_p, .gw2025 #gw2025_c {
background: #b3f8ff;
}
.gw2025 .offtxt {
font-weight: bold;
display: inline-block;
background: linear-gradient(transparent 65%, #fbffaf 35%);
margin-bottom: 4rem;
}
.gw2025 .itemlist dt img {
max-width: 20%;
}
.gw2025 dl dd:nth-child(3n) {
margin-bottom: 0;
}
.gw2025 .itemlist dd:nth-child(2) {
padding-bottom: 4rem;
margin-bottom: 4rem;
border-bottom: 2px solid #fbffaf;
}
.gw2025 .size_box dd:nth-child(2) {
padding-bottom: 4rem;
margin-bottom: 0;
border-bottom: none;
}
.gw2025 .itemlist .fs-c-productName__copy {
display: none;
}
.gw2025 .size_box .size_link li a {
color: #353535;
border-bottom: 1px dotted #717171;
}
.gw2025 .itemlist .more_btn {
color: #feffee;
font-weight: 600;
letter-spacing: 0.2rem;
background: #ff98d8;
padding: 1.4rem 6rem;
}
.gw2025 .size_box dt {
background: #fdffd5;
}
.gw2025 .size_box .size_link li a {
color: #353535;
}
.gw2025 .fs-c-productMarks {
display: inline-block;
}
.gw2025 .mark-label-pricedown, .gw2025 .mark-label-mens, .gw2025 .mark-label-ladies, .gw2025 .mark-label-catalog, .gw2025 .mark-func, .gw2025 .mark-col, .gw2025 .mark-label-off .fs-c-productMark__label {
display: none;
}
.gw2025 .mark_outlet_gw2025 {
max-width: 55%;
}
.gw2025 #gw2025_l {
background: #ffd3b3;
}
.gw2025 #gw2025_l dd:nth-child(2) {
border-bottom: none;
}
.gw2025 #gw2025_l .gw2025_l_ttl {
display: block;
font-size: 1.8rem;
color: #f34b4b;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.gw2025) {
padding: 0 0;
margin-bottom: 0;
}
.gw2025 .topimage {
max-width: 100%;
}
.gw2025 .menu {
gap: 2rem;
}
.gw2025 .menu li a {
width: 90%;
}
.gw2025 .itemlist dt img {
max-width: 54%;
}
.gw2025 .size_box .size_link li {
padding: 1rem 1rem;
}
.gw2025 .itemlist .more_btn {
padding: 1.4rem 0rem;
}
.gw2025 .fs-c-productMarks, .gw2025 .fs-c-productListItem__productName {
margin: 0;
}
}
/*------------------------------------------------------------
▼▼▼　momday2025　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.momday2025) {
max-width: 100vw;
Overflow-x: hidden;
}
.momday2025 {
color: #18376e;
background: #e6f8e8;
text-align: center;
}
.momday2025 .pcnone {
display: none;
}
.momday2025 .bg1 {
background: #e6f3f9;
}
.momday2025 .bg2 {
background: #e6f8e8;
}
.momday2025 .inner {
max-width: 1200px;
margin: 0 auto;
}
.momday2025 .pickup-mainimage {
margin-bottom: 8rem;
}
.momday2025 .titletxt {
font-size: 1.8rem;
line-height: 1.6;
margin-bottom: 8rem;
}
.momday2025 .pricebox {
margin-bottom: 8rem;
}
.momday2025 .wrap p {
font-size: 1.5rem;
line-height: 1.6;
}
.momday2025 .wrap a {
font-size: 1.5rem;
line-height: 1.6;
color: #fa8686;
}
.momday2025 .media_box {
text-align: left;
padding-bottom: 8rem;
}
.momday2025 .media_box .fs-c-slick .slick-track {
max-width: 1200px !important;
}
.momday2025 .media_box dt {
text-align: center;
font-size: 2rem;
color: #fff;
background: #5474a8;
padding: 0.8rem 0;
margin-bottom: 4rem;
}
.momday2025 .media_box .fs-c-salesPeriod__date {
display: none;
}
.momday2025 .fs-c-productName__copy, .momday2025 .fs-c-price__value, .momday2025 .fs-c-productPrice__addon, .momday2025 .fs-c-productPrice__addon__label, .momday2025 span.fs-c-productName__name, .momday2025 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #18376e;
}
.momday2025 .fs-c-productPrice__addon {
font-size: 1rem;
}
.momday2025 .pricebox {
gap: 2rem;
align-items: center;
}
.momday2025 .pricebox li {
width: calc((100% - 16px) / 5);
}
.momday2025 .pricebox li a {
position: relative;
display: block;
width: 100%;
height: 100px;
align-content: center;
font-size: 2rem;
font-weight: 500;
color: #fffbeb;
background: #fa8686;
}
.momday2025 .pricebox li a .txt_s {
display: block;
font-size: 1.5rem;
color: #4c79a2;
}
@media screen and (min-width: 769px) {
.momday2025 .pricebox li a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #fffbeb;
rotate: 45deg;
border-top: none;
border-left: none;
transition: 0.5s;
position: absolute;
bottom: 1rem;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.momday2025) {
padding: 0 0;
margin-bottom: 0;
}
.momday2025 .pricebox {
flex-wrap: wrap;
gap: 3rem;
}
.momday2025 .pricebox li {
width: 80%;
}
.momday2025 .pricebox li a {
height: 60px;
}
.momday2025 .pricebox li a::after {
content: "";
display: block;
width: 8px;
height: 8px;
border: 3px solid #fffbeb;
rotate: 45deg;
border-bottom: none;
border-left: none;
transition: 0.5s;
position: absolute;
top: 50%;
right: 2rem;
transform: translate(-50%, -50%);
}
.momday2025 .media_box .fs-c-slick .slick-track {
width: 100% !important;
}
.momday2025 .media_box .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2 - 1vw);
}
section.fs-l-pageMain.free-page .momday2025 .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　a25ss_yupro　▼▼▼
--------------------------------------------------------------*/
.a25ss_yupro {
color: #183a71;
background: #fffbfc;
}
.a25ss_yupro .mv img {
clip-path: polygon(100% 0, 0 0, 0 95%, 100% 88%);
}
.a25ss_yupro .nav {
display: flex;
flex-wrap: wrap;
gap: 4rem;
margin-bottom: 24rem;
}
.a25ss_yupro .nav li {
width: calc((100% - 32rem) / 3);
box-shadow: 4px 4px 3px #e8e8e8;
}
.a25ss_yupro .nav li:nth-child(3) {
margin-right: 20rem;
}
.a25ss_yupro .nav li:nth-child(4) {
margin-left: 20rem;
}
.a25ss_yupro .look_img {
flex-wrap: wrap;
}
.a25ss_yupro .look_img_l, .a25ss_yupro .look_img_s {
width: 100%;
}
.a25ss_yupro .look_img_l {
text-align: center;
border-left: none;
}
.a25ss_yupro .look_img_s {
gap: 1rem;
flex-wrap: nowrap;
}
.a25ss_yupro .look_img_s li {
width: calc((100% - 3rem) / 4);
padding-bottom: 0;
}
.a25ss_yupro .look_ttl {
font-size: 10rem;
font-weight: 500;
color: #fc9c87;
-webkit-text-stroke: 1px #b03d25;
padding-top: 100px;
margin-top: -100px;
}
.a25ss_yupro #ylp_look2 .look_ttl {
color: #dbf9ff;
-webkit-text-stroke: 1px #0aebd5;
}
.a25ss_yupro #ylp_look3 .look_ttl {
color: #ffe2f2;
-webkit-text-stroke: 2px #f8a6c1;
}
.a25ss_yupro #ylp_look4 .look_ttl {
color: #ffb98b;
-webkit-text-stroke: 2px #f29151;
}
.a25ss_yupro #ylp_look5 .look_ttl {
color: #e3d9ce;
-webkit-text-stroke: 2px #cdaf8f;
}
.a25ss_yupro #ylp_look6 .look_ttl {
color: #e6e9fa;
-webkit-text-stroke: 2px #9ca8eb;
}
.a25ss_yupro .look_link dd:nth-child(3n) a {
color: #fffef7;
background: #0097de;
}
.a25ss_yupro span.fs-c-productName__name, .a25ss_yupro .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price, .a25ss_yupro .fs-c-productPrice__addon__label {
color: #ffffff;
}
.a25ss_yupro .ylp_items {
position: relative;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
background: #6dc0e7;
padding: 6rem 0 0;
margin-bottom: 24rem;
}
.a25ss_yupro .ylp_items p {
font-size: 10rem;
font-weight: 500;
color: #ffffff;
-webkit-text-stroke: 1px #0072a7;
position: absolute;
top: -10px;
left: 50%;
transform: translate(-50%, -50%);
}
.a25ss_yupro .ylp_items .left-container {
width: 40%;
}
.a25ss_yupro .ylp_items .left-container video {
max-width: 100%;
padding: 4rem 0 0 5rem;
}
.a25ss_yupro .ylp_items .right-container {
width: 60%;
padding: 2.5rem 0 0 0;
margin-bottom: 8rem;
}
.a25ss_yupro .prof {
background: #fbebd2;
}
.a25ss_yupro .prof p {
font-size: 4.5rem;
margin-bottom: 8rem;
color: #239fe3;
font-weight: 500;
}
.a25ss_yupro .prof p span {
font-size: 2.5rem;
padding-left: 1rem;
}
.a25ss_yupro .prof .icon {
filter: hue-rotate(30deg);
}
.a25ss_yupro .prof ul li a {
color: #239fe3;
font-weight: 500;
}
.a25ss_yupro .targetLR {
opacity: 0;
transform: translateX(-200px);
transition: opacity 0.5s, transform 2s;
}
.a25ss_yupro .targetLR:nth-child(n+4) {
transform: translateX(200px);
}
.a25ss_yupro .targetLR.visible_LR {
opacity: 1;
transform: translateX(0);
}
@media screen and (max-width: 768px) {
.a25ss_yupro .mv {
position: relative;
margin-bottom: 13rem;
}
.a25ss_yupro .top_txt {
font-size: 1.8rem;
color: #606060;
position: absolute;
left: 50%;
bottom: -68px;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.a25ss_yupro .look_img_l {
border: none;
}
.a25ss_yupro .look_ttl {
font-size: 7rem;
top: -50px;
}
.a25ss_yupro .look_box {
background: none;
}
.a25ss_yupro .nav {
gap: 1rem;
margin-bottom: 16rem;
}
.a25ss_yupro .nav li {
width: calc((100% - 2rem) / 3);
box-shadow: 3px 3px 2px #e8e8e8;
}
.a25ss_yupro .nav li:nth-child(3) {
margin-right: 0;
}
.a25ss_yupro .nav li:nth-child(4) {
margin-left: 0;
}
.a25ss_yupro .look_img_s {
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 0.8rem;
}
.a25ss_yupro .look_img_s li {
width: calc((100% - 1rem) / 2);
}
.a25ss_yupro .look_link {
margin: 0 auto 8rem
}
.a25ss_yupro .ylp_items p {
font-size: 7rem;
}
.a25ss_yupro .ylp_items {
display: block;
padding: 6rem 0 0;
background: none;
margin-bottom: 16rem;
}
.a25ss_yupro .ylp_items .left-container, .a25ss_yupro .ylp_items .right-container {
width: 100%;
padding: 0;
background: #6dc0e7;
}
.a25ss_yupro .ylp_items .right-container {
padding: 4rem 0;
margin-bottom: 0;
}
.a25ss_yupro .ylp_items .left-container video {
max-width: 100%;
padding: 0;
}
.a25ss_yupro .prof p {
font-size: : 4rem;
margin-bottom: 4rem;
}
.a25ss_yupro .prof ul {
padding-left: 8.5%;
}
.a25ss_yupro .targetLR {
transform: translateX(-80px);
}
.a25ss_yupro .targetLR:nth-child(n+4) {
transform: translateX(80px);
}
.a25ss_yupro .targetLR.visible_LR {
opacity: 1;
transform: translateX(0);
}
}
/*------------------------------------------------------------
▼▼▼　p25ss_vol1　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.p25ss_vol1) {
max-width: 100vw;
overflow: clip;
}
.p25ss_vol1 {
font-family: "Source Serif 4", serif;
background: url(/item/P_2505LP/p25ss_vol1_bg.jpg) no-repeat top left / cover fixed;
}
.p25ss_vol1 .inner {
max-width: 1200px;
margin: 0 auto;
}
.p25ss_vol1 .mv {
position: relative;
margin-bottom: 8rem;
}
.p25ss_vol1 .top {
background: #f3f3f3;
}
.p25ss_vol1 .txt {
padding-bottom: 8rem;
}
.p25ss_vol1 .txt p {
text-align: center;
font-size: 2rem;
line-height: 1.8;
}
.p25ss_vol1 .mv .video_box {
display: flex;
justify-content: flex-end;
}
.p25ss_vol1 .mv video {
width: calc((100vw - 30%) / 3);
}
.p25ss_vol1 .mv h1 {
position: absolute;
bottom: 20%;
left: 0;
font-family: "Source Serif 4", serif;
font-size: 2.4rem;
line-height: 1.3;
background: #ffffffa3;
min-width: 35%;
padding: 1% 2% 2% 5%;
margin: 0 calc(50% - 50vw) 0;
}
.p25ss_vol1 .mv h1 span {
display: inline-block;
font-size: 4.2rem;
margin-bottom: 1.8rem;
}
.p25ss_vol1 .main {
width: 100vw;
margin: 0 calc(50% - 50vw);
background: #f3f3f378;
padding: 16rem 0;
}
.p25ss_vol1 h2:not(.fs-c-productListItem__productName) {
font-size: 3.6rem;
font-family: "Source Serif 4", serif;
line-height: 0.95;
width: 100%;
border-bottom: 1px solid;
padding-left: 1rem;
margin-bottom: 2rem;
}
.p25ss_vol1 .maincont {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 2%;
flex-wrap: wrap;
background: #f3f3f3;
width: 70%;
padding: 0 4rem 24rem;
margin-right: 2%;
margin-left: 28%;
}
.p25ss_vol1 #p25ss_look1 {
padding: 4rem 4rem 24rem;
}
.p25ss_vol1 #p25ss_look10 {
padding: 0 4rem 4rem;
}
.p25ss_vol1 .left, .p25ss_vol1 .right {
width: calc((100% - 2%) / 2);
}
.p25ss_vol1 .left {
position: sticky;
top: 0;
}
.p25ss_vol1 .left video {
max-width: 100%;
max-height: 100vh;
}
.p25ss_vol1 .imgs {
margin-bottom: 4rem;
}
.p25ss_vol1 .imgs img {
vertical-align: baseline;
margin-bottom: 1rem;
}
.p25ss_vol1 .itemslist {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 70%;
margin: 0 auto 2rem;
}
.p25ss_vol1 .itemslist dt {
text-align: left;
width: calc(100% / 3);
margin-bottom: 2rem;
}
.p25ss_vol1 .itemslist dd {
width: calc(100% / 3);
margin-bottom: 2rem;
}
.p25ss_vol1 .itemslist dd a {
position: relative;
display: block;
padding: 0.6rem 0;
text-align: center;
border: 1px solid #aaa;
}
.p25ss_vol1 .footer {
background: #f3f3f3;
text-align: center;
padding-top: 8rem;
}
.p25ss_vol1 .footer .topics_slide {
margin: 4rem 0 0;
}
.p25ss_vol1 .footer .lnk {
border-bottom: 1px solid #535353;
margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.p25ss_vol1) {
padding: 0 0;
margin-bottom: 0;
}
.p25ss_vol1 {
background: #f3f3f3;
}
.p25ss_vol1 .mv video {
width: calc(100vw / 3);
}
.p25ss_vol1 .mv h1 {
bottom: -42px;
font-size: 1.4rem;
min-width: 90%;
margin: 0 calc(50% - 50vw) 0;
}
.p25ss_vol1 .mv h1 span {
font-size: 2.8rem;
margin-bottom: 0.1rem;
}
.p25ss_vol1 .txt p {
text-align: center;
font-size: 1.8rem;
line-height: 1.8;
}
.p25ss_vol1 .main {
padding: 4rem 0;
}
.p25ss_vol1 .maincont {
display: block;
background: #f3f3f3;
width: 90%;
margin: 0 auto;
padding: 0 0 8rem;
}
.p25ss_vol1 #p25ss_look1 {
padding: 0 0 16rem;
}
.p25ss_vol1 #p25ss_look10 {
padding: 0 0 4rem;
}
.p25ss_vol1 .left, .p25ss_vol1 .right {
width: 100%;
}
.p25ss_vol1 .left {
position: static;
margin-bottom: 1rem;
}
.p25ss_vol1 .itemslist {
width: 90%;
}
section.fs-l-pageMain.free-page .p25ss_vol1 .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
.p25ss_vol1 .footer .topics_slide {
margin: 2rem 0 0;
}
}
/*------------------------------------------------------------
▼▼▼　p25ss_vol2　▼▼▼
--------------------------------------------------------------*/
.p25ss_vol2 {
background: url(/item/P_2505LP/p25ss_vol2_bg.jpg) no-repeat top left / cover fixed;
}
.p25ss_vol2 .media_box {
text-align: left;
margin-top: 0;
margin-bottom: 8rem;
}
.p25ss_vol2 .media_box h2:not(.fs-c-productListItem__productName) {
margin-bottom: 4rem;
}
.p25ss_vol2 .media_box .fs-c-productListItem__prices.fs-c-productPrices {
display: block;
font-family: "Source Serif 4", serif;
}
.p25ss_vol2 .media_box .fs-c-productName__copy {
display: none
}
.p25ss_vol2 .media_box .fs-c-productName__name {
font-family: "Source Serif 4", serif;
}
/*------------------------------------------------------------
▼▼▼　fathers2505　▼▼▼
--------------------------------------------------------------*/
.fathers2505 {
color: #202c47;
background: #f9f9f9;
}
.fathers2505 dl dt {
color: #47577b;
}
.fathers2505 .starterset .slick-slide::before {
color: #f9f9f9;
background: #9b91d2;
}
.fathers2505 dl dd .starterset li .num {
-webkit-text-stroke: 2px #9b91d2;
text-stroke: 2px #9b91d2;
}
.fathers2505 dl dd .starterset:not(.starterset_last) {
border-bottom: 1px dotted #47577b;
}
.fathers2505 .more_btn {
color: #f9f9f9;
background: #9b91d2;
border: none;
}
.fathers2505 .more_btn::after {
border: 2px solid #f9f9f9;
border-bottom: none;
border-left: none;
}
.fathers2505 .starterset .slick-slide:nth-child(1)::before {
content: "pull";
}
.fathers2505 .starterset .slick-slide:nth-child(2)::before {
content: "pants";
}
.fathers2505 .starterset .slick-slide:nth-child(n+3)::before {
content: "goods";
}
.fathers2505 .tops2 .slick-slide:nth-child(1)::before {
content: "blouson";
}
.fathers2505 .tops2 .slick-slide:nth-child(2)::before {
content: "pull";
}
.fathers2505 .tops2 .slick-slide:nth-child(n+3)::before {
content: "pants";
}
.fathers2505 .item_box .fs-c-productMarks {
display: inline-block;
margin: 0;
}
.fathers2505 .item_box .fs-c-productMarks .mark-label, .fathers2505 .item_box .fs-c-productMarks .mark-col, .fathers2505 .item_box .fs-c-productMarks .mark-func {
display: none;
}
.fathers2505 .item_box .fathers2025_mark .fs-c-productMark__label {
background-color: #9b91d2;
color: white;
border: #9b91d2;
solid 1px;
padding: 2px 4px;
}
.fathers2505 .item_box .fs-c-productMark__mark--1 {
background: none;
}
@media screen and (max-width: 768px) {
.fathers2505 dl dd .starterset {
padding-bottom: 4rem;
}
}
/*------------------------------------------------------------
▼▼▼　archives　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.archives) {
max-width: 100vw;
overflow: clip;
}
.archives .inner {
max-width: 1200px;
margin: 0 auto;
}
.archives {
color: #4b5054;
background: #f9f8f9;
}
.archives .tab-buttons {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
.archives .tab-buttons li {
width: calc((100% - 6rem) / 4);
}
.archives .tab-buttons li span {
display: block;
color: #2f5168;
font-size: 1.8rem;
text-align: center;
cursor: pointer;
padding: 0.8rem 0;
border: 1px solid #2f5168;
}
.archives .tabs .tab-buttons .active span {
color: #fff;
font-weight: 500;
background: #2f5168;
transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
.archives .tab-buttons span:hover {
font-weight: 500;
}
.archives h1 {
color: #2f5168;
text-align: center;
font-weight: 500;
margin: 4rem 0 10rem;
}
.archives .content1, .archives .content2, .archives .content3, .archives .content4 {
display: flex;
justify-content: flex-start;
gap: 4rem;
flex-wrap: wrap;
margin-bottom: 8rem;
}
.archives .maincont section {
width: calc((100% - 8rem) / 3);
margin-bottom: 6rem;
}
.archives .maincont .ttl h2 {
font-size: 2rem;
line-height: 1.2;
margin-bottom: 1.5rem;
}
.archives .maincont .ttl span {
display: inline-block;
font-size: 1.3rem;
margin-bottom: 0.8rem;
}
.archives .maincont .ttl .tag_ar::before {
content: "ARCHIVIO";
color: #fff;
background: #d42840;
border: 1px solid #d42840;
padding: 0.1rem 0.5rem;
margin-right: 0.5rem;
}
.archives .maincont .ttl .tag_sp::before {
content: "STUDIO PICONE";
color: #fff;
background: #4b689c;
border: 1px solid #4b689c;
padding: 0.1rem 0.5rem;
margin-right: 0.5rem;
}
.archives .maincont .ttl .tag_pc::before {
content: "Picone club";
color: #202020;
background: #ffe89a;
border: 1px solid #ffe89a;
padding: 0.1rem 0.5rem;
margin-right: 0.5rem;
}
.archives .maincont .ttl .tag_25ss::after {
content: "2025年春夏";
color: #fff;
background: #827777;
border: 1px solid #827777;
padding: 0.1rem 0.5rem;
}
.archives .maincont .ttl .tag_25fw::after {
content: "2025年秋冬";
color: #fff;
background: #827777;
border: 1px solid #827777;
padding: 0.1rem 0.5rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.archives) {
padding: 0 0;
margin-bottom: 0;
}
.archives h1 {
margin: 0 0 8rem;
}
.archives .maincont {
display: block;
}
.archives .maincont section {
width: 85%;
margin: 0 auto 8rem;
}
.archives .tab-buttons {
gap: 1rem;
padding: 0 1rem 2rem;
}
/*.archives .tab-buttons {
position: sticky;
top: 10vw;
gap: 1rem;
z-index: 10;
padding: 5vw 1rem 2rem;
margin-top: -5vw;
}*/
.archives .tab-buttons li {
width: calc((100% - 1rem) / 2);
}
.archives .tab-buttons li span {
margin-bottom: 0;
}
}
/*------------------------------------------------------------
▼▼▼　p2506_bottoms　▼▼▼
--------------------------------------------------------------*/
.p2506_bottoms h1 {
max-width: 65%;
margin: 2rem auto 20rem;
}
.p2506_bottoms .wrapper nav a {
padding: 0.5rem 1rem;
border-bottom: 1px dotted #aaa;
}
.p2506_bottoms .box {
padding-top: 100px;
margin-top: -100px;
}
.p2506_bottoms .box h2:not(.fs-c-productListItem__productName) {
text-align: center;
font-size: 4rem;
padding-bottom: 1rem;
margin-bottom: 8rem;
border-bottom: 1px solid;
}
.p2506_bottoms .box .txt {
text-align: center;
font-size: 1.6rem;
margin-bottom: 8rem;
}
.p2506_bottoms .box .img {
display: flex;
gap: 4rem;
margin-bottom: 8rem;
}
.p2506_bottoms .box .img li {
width: calc((100% - 4rem) / 2)
}
.p2506_bottoms .box .img .right {
position: relative;
}
.p2506_bottoms .box .img .right img {
position: absolute;
width: 53%;
}
.p2506_bottoms .box .img .right .top {
top: 0;
left: 0;
}
.p2506_bottoms .box .img .right .bottom {
bottom: 0;
right: 0;
}
.p2506_bottoms .box .price {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.8rem;
font-weight: 500;
max-width: 60%;
margin: 0 auto 16rem;
}
.p2506_bottoms .box .price dt {
text-align: center;
width: 58%;
margin-right: 2%;
}
.p2506_bottoms .box .price dd:nth-child(2) {
width: 15%;
}
.p2506_bottoms .box .price dd:nth-child(3) {
text-align: center;
width: 23%;
background: #656d77;
padding: 0.2rem 0;
margin-left: 2%;
}
.p2506_bottoms .box .price dd:nth-child(3) a {
display: block;
color: #fff;
}
.p2506_bottoms .box .itemslist {
margin-bottom: 20rem;
}
.p2506_bottoms .box .itemslist .fs-c-productListCarousel {
justify-content: flex-start;
}
.p2506_bottoms .box .itemslist .fs-c-slick .slick-track {
max-width: 100% !important;
margin: 0 auto;
}
.p2506_bottoms .box .itemslist .fs-c-productListCarousel__list__item, .p2506_bottoms .box .itemslist .fs-c-productListCarousel__list__item > * + * + * {
margin: 0;
}
.p2506_bottoms .box .itemslist .fs-c-productName__copy {
display: none;
}
.p2506_bottoms .box .itemslist .fs-c-productListItem__prices.fs-c-productPrices {
display: block;
}
@media screen and (min-width: 769px) {
.p2506_bottoms .pcnone {
display: none;
}
.p2506_bottoms .wrapper {
display: flex;
align-items: flex-start;
gap: 4rem;
}
.p2506_bottoms .wrapper nav {
position: sticky;
top: 10rem;
left: 5rem;
width: 20%;
font-size: 1.8rem;
line-height: 2.8;
margin: 5rem 0 20.5rem;
}
.p2506_bottoms .wrapper nav li a.active {
color: #fff;
background: #656d77;
border-bottom: none;
}
.p2506_bottoms .wrapper .maincont {
width: calc(80% - 4rem);
}
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.p2506_bottoms) {
padding: 0 0;
margin-bottom: 0;
}
.p2506_bottoms h1 {
max-width: 100%;
margin: 0 auto 6rem;
}
.p2506_bottoms .wrapper nav {
font-size: 2rem;
line-height: 3;
margin: 0 3rem 6rem;
}
.p2506_bottoms .wrapper nav a {
padding: 0;
}
.p2506_bottoms .box h2:not(.fs-c-productListItem__productName) {
font-size: 3rem;
}
.p2506_bottoms .box h2:not(.fs-c-productListItem__productName), .p2506_bottoms .box .txt {
margin-bottom: 4rem;
}
.p2506_bottoms .box .img {
display: block;
gap: 4rem;
margin-bottom: 4rem;
}
.p2506_bottoms .box .img li {
width: 100%;
}
.p2506_bottoms .box .img .right img {
position: static;
width: calc(50% - 0.25rem);
}
.p2506_bottoms .box .img .right .bottom {
top: 0;
margin-left: 0.5rem;
}
.p2506_bottoms .box .price {
font-size: 1.5rem;
max-width: 100%;
margin: 0 1.5rem 12rem;
}
.p2506_bottoms .box .price dt {
text-align: left;
width: 50%;
}
.p2506_bottoms .box .price dd:nth-child(2) {
width: 20%;
}
.p2506_bottoms .box .price dd:nth-child(3) {
width: calc(30% -3rem);
padding: 0.6rem 0;
}
.p2506_bottoms .box .itemslist {
margin-bottom: 12rem;
}
.p2506_bottoms .box .itemslist .fs-c-slick .slick-track {
width: 100% !important;
}
.p2506_bottoms .box .itemslist .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
section.fs-l-pageMain.free-page .p2506_bottoms .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　fp_items　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.fp_items) {
max-width: 100vw;
overflow: clip;
}
.fp_items {
font-size: 1.6rem;
}
.fp_items .inner {
max-width: 1200px;
margin: 0 auto;
}
.fp_items .mv {
max-width: 60%;
margin: 0 auto 12rem;
}
.fp_items .btn {
display: block !important;
text-align: center;
font-weight: 600;
width: 30%;
padding: 1.5rem 0;
margin: 0 auto;
transition: 0.5s;
}
.pre25ss .btn::after {
border: 3px solid;
border-bottom: none;
border-left: none;
}
.fp_items .red {
color: #e60122;
font-weight: bold;
}
.fp_items .underline {
font-weight: bold;
background: linear-gradient(transparent 65%, #fffd67c7 35%);
}
.fp_items .menu ul li .btn, .fp_items .category .btn {
width: 100%;
}
.fp_items .info {
text-align: center;
margin-bottom: 12rem;
}
.fp_items .info_txt {
font-size: 1.6rem;
line-height: 1.7;
margin-bottom: 8rem;
}
.fp_items .info_list {
display: block;
width: 70%;
margin: 0 auto 4rem;
}
.fp_items .info_list li:nth-child(odd) {
font-weight: 600;
width: 80%;
border-bottom: 1px dotted;
padding: 0 2rem 0.25rem;
margin: 0 auto 0.25rem;
}
.fp_items .info_list li:nth-child(even) {
margin: 0 auto 2rem;
}
.fp_items .info_note {
width: 57%;
text-align: left;
font-size: 1.4rem;
margin: 0 auto 8rem;
}
.fp_items .info_note a {
text-decoration: underline;
}
.fp_items .info_boxin {
text-align: center;
}
.fp_items .info_boxin .btn {
padding: 1rem 0;
margin: 4rem auto 0;
}
.fp_items .info_boxin .info_note {
margin: 0 auto 4rem;
}
.fp_items .menu ul {
display: flex;
justify-content: center;
gap: 6rem;
width: 80%;
margin: 0 auto 20rem;
}
.fp_items .menu ul li {
width: calc((100% - 12rem) / 3);
}
.fp_items .box {
content: '';
padding-top: 8rem;
padding-bottom: 4rem;
margin-top: -8rem;
margin-bottom: 20rem;
}
.fp_items .box .ttl {
text-align: center;
font-size: 5rem;
max-width: 100%;
margin-bottom: 4rem;
}
.fp_items .category {
display: flex;
justify-content: center;
gap: 1rem;
padding: 0 1.5rem;
margin-bottom: 8rem;
}
.fp_items .category li {
width: calc((100% - 5rem) / 6);
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.fp_items) {
padding: 0 0;
margin-bottom: 0;
}
.fp_items .mv {
max-width: 100%;
margin: 0 auto 8rem;
}
.fp_items .btn {
width: 92%;
}
.fp_items .info {
padding: 0 1rem;
margin-bottom: 8rem;
}
.fp_items .info_list {
width: 100%;
}
.fp_items .info_list li:nth-child(odd) {
width: 90%;
padding: 0 2rem 0.5rem;
margin: 0 auto 0.5rem;
}
.fp_items .info_list li:nth-child(even) {
margin: 0 auto 2.5rem;
}
.fp_items .info_note {
width: 90%;
margin: 0 auto 8rem;
}
.fp_items .info_boxin .btn {
width: 88%;
}
.fp_items .menu ul {
display: block;
width: 90%;
margin: 0 auto 12rem;
}
.fp_items .menu ul li {
width: 100%;
margin-bottom: 4rem
}
.fp_items .menu ul li:last-child {
margin-bottom: 0;
}
.fp_items .box {
padding-top: 4rem;
padding-bottom: 2rem;
margin-top: -4rem;
}
.fp_items .box .ttl {
font-size: 4rem;
}
.fp_items .category {
justify-content: flex-start;
flex-wrap: wrap;
gap: 2rem;
margin-bottom: 6rem;
}
.fp_items .category li {
width: calc((100% - 2rem) / 2);
}
}
/*------------------------------------------------------------
▼▼▼　pre25ss　▼▼▼
--------------------------------------------------------------*/
.pre25ss {
color: #2c353c;
background: #ffedc9;
}
.pre25ss .mv {
margin: 0 auto 6rem;
}
.pre25ss .box {
background: #fffcf2;
padding-bottom: 8rem;
border: 1px solid;
}
.pre25ss #pre2025_c {
margin-bottom: 12rem;
}
.pre25ss .btn {
color: #fff;
font-weight: 600;
background: #369df5;
width: 30%;
}
.pre25ss .btn::after {
border: 3px solid #fff;
border-bottom: none;
border-left: none;
}
.pre25ss .vipsale-mark .fs-c-productMark__label, .pre25ss .a-pre2506-30mark .fs-c-productMark__label {
background: #e60122;
color: #fff;
border: 1px solid #e60122;
padding: 0 0.3rem;
}
.pre25ss .pre2506-20mark .fs-c-productMark__label, .pre25ss .p-pre2506-30mark .fs-c-productMark__label, .pre25ss .c-pre2506-30mark .fs-c-productMark__label, .pre25ss .pre2506-40mark .fs-c-productMark__label {
background: #2f2f6e;
color: #fff;
border: 1px solid #2f2f6e;
padding: 0 0.3rem;
}
@media screen and (max-width: 768px) {
.pre25ss .box {
border: none;
}
}
/*------------------------------------------------------------
▼▼▼　cs25ss　▼▼▼
--------------------------------------------------------------*/
.cs25ss {
color: #3a3a3b;
background: #fbfbfb;
}
.cs25ss .info_note {
display: block;
text-align: center;
margin: 2rem auto;
width: 33.5%;
}
.cs25ss .menu ul li {
width: calc((100% - 18rem) / 4);
}
.cs25ss .btn {
color: #1e8dff;
background: #f5ff00;
border: 1px solid #1e8dff;
}
.cs25ss .btn::after {
border: 3px solid #1e8dff;
border-bottom: none;
border-left: none;
}
.cs25ss .box {
background: #d6efff;
border: 1px solid #0053a8;
}
.cs25ss .box .ttl {
color: #1e8dff;
-webkit-text-stroke: 0.1px #0053a8;
text-stroke: 0.1px #0053a8;
}
.cs25ss .box .cat_ttl {
color: #1e8dff;
text-align: center;
font-size: 2.2rem;
font-weight: 600;
margin-bottom: 2rem;
}
.cs25ss .box .casa_all {
margin-bottom: 8rem;
}
.cs25ss #cs25ss_s {
margin-bottom: 12rem;
}
.cs25ss .fs-c-productMark {
align-items: center;
}
.cs25ss .mark-label-25clearance .fs-c-productMark__label {
background: #e60122;
color: #fff;
border: 1px solid #e60122;
padding: 0 0.3rem;
}
.cs25ss .parts_items .mark-label-off {
display: inline-block;
border-radius: 0;
background: burlywood;
color: #fff;
border: 2px solid burlywood;
margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
.cs25ss .info_note {
width: 92%;
}
.cs25ss .menu ul li {
width: 100%;
margin-bottom: 4rem
}
.cs25ss .box {
border-right: none;
border-left: none;
}
.cs25ss .box .ttl {
-webkit-text-stroke: 1px #0053a8;
text-stroke: 1px #0053a8;
}
}
/*------------------------------------------------------------
▼▼▼　cs25ss719　▼▼▼
--------------------------------------------------------------*/
.cs25ss719 #cs25ss_a .info_boxin {
background: #fffdda;
padding: 0 0 4rem;
border: 1px solid #0053a8;
margin: 0 8rem 8rem;
}
.cs25ss719 #cs25ss_a .info_boxin .cat_ttl, .cs25ss719 .box .p250719 .cat_ttl {
color: #e60122;
}
.cs25ss719 #cs25ss_a .info_note {
text-align: left;
width: 56%;
}
.cs25ss719 .a2buy_img {
margin-bottom: 4rem;
}
.cs25ss719 .box .p250719 {
background: #fffbb1;
padding: 4rem 0;
border: 1px solid #0053a8;
border-right: none;
border-left: none;
margin: 0 0 8rem;
}
.cs25ss719 #cs25ss_a .info_txt {
margin: 0 0;
}
.cs25ss719 .box .p250719 .parts_items {
margin-bottom: 2rem;
}
.cs25ss719 #cs25ss_a .info_boxin .btn, .cs25ss719 .box .p250719 .btn {
color: #fff;
background: #1e8cfe;
border: 1px solid #0053a8;
}
.cs25ss719 #cs25ss_a .info_boxin .btn::after, .cs25ss719 .box .p250719 .btn::after {
border: 3px solid #fff;
border-bottom: none;
border-left: none;
}
.cs25ss719 .a2buy2507 .fs-c-productMark__label {
background: #1f95dd;
color: #fff;
border: 1px solid #1f95dd;
padding: 0 0.3rem;
}
@media screen and (max-width: 768px) {
.cs25ss719 #cs25ss_a .info_boxin {
background: #fffdda;
padding: 0 0 4rem;
border: 1px solid #0053a8;
margin: 0 1.25rem 8rem;
}
.cs25ss719 #cs25ss_a .info_note {
width: 90%;
}
}
/*------------------------------------------------------------
▼▼▼　summerA2507　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.summerA2507) {
max-width: 100vw;
overflow: clip;
}
.summerA2507, main.fs-l-main--page .summerA2507 p {
font-size: 1.7rem;
}
.summerA2507 .link_part {
color: #ff7e59;
font-size: 1.6rem;
border-bottom: 1px dotted;
}
.summerA2507 .inner {
max-width: 1200px;
margin: 0 auto;
}
.summerA2507 .bg {
background: #fdfcf680;
padding-bottom: 2rem;
}
.summerA2507 h1 {
text-align: center;
margin: 8rem 0;
}
.summerA2507 h1 span.line {
font-size: 2.4rem;
font-weight: 600;
line-height: 1.3;
padding: 0 1rem 0 2rem;
background: linear-gradient(transparent 65%, #b0f4ff 35%);
}
.summerA2507 h1 span.ttl_s {
font-size: 1.6rem;
font-weight: 400;
}
.summerA2507 .top_txt {
width: 74%;
line-height: 1.7;
margin: 0 auto 10rem;
}
.summerA2507 .top_txt p {
margin-bottom: 2rem;
}
.summerA2507 .box {
position: relative;
background: url(/item/A2507LP_bg.jpg) left top / cover no-repeat fixed;
margin-bottom: 16rem;
}
.summerA2507 .box .parts_items {
margin-bottom: 1rem;
}
.summerA2507 .box .btn {
background: #fefef5;
padding: 0.8rem 6rem;
margin: 0 auto;
border-radius: 3rem;
}
.summerA2507 .inbox_txt {
padding: 8rem 0 1rem;
}
.summerA2507 #sec1 {
position: relative;
background: #f1ff8eb0;
padding: 6rem 2rem 0;
margin: 2rem 2rem 8rem;
border: 1px solid;
}
.summerA2507 #sec1 h4 {
color: #fff;
display: inline;
padding: 0 2rem;
margin-left: 1.6rem;
background: #404a5c;
}
.summerA2507 #sec2 {
position: relative;
background: #fecc457a;
padding: 6rem 2rem 0;
border: 1px solid;
margin: 0 2rem;
}
.summerA2507 .box h2:not(.fs-c-productListItem__productName) {
display: inline-block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 2.2rem;
margin-bottom: 3rem;
background: #fffffff0;
border: 1px solid;
padding: 0.8rem 2rem;
}
.summerA2507 .box p {
text-align: center;
line-height: 1.7;
margin-bottom: 6rem;
}
.summerA2507 .box dt {
position: absolute;
top: -1.75rem;
font-size: 1.8rem;
font-weight: 600;
}
.summerA2507 .box dt span {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height: 2.2;
background: #fffdf9;
border: 1px solid;
padding: 0.4rem 1rem;
}
.summerA2507 .box dd {
line-height: 1.7;
margin-bottom: 4rem;
}
.summerA2507 .box dd.dry_box {
margin-bottom: 8rem;
}
.summerA2507 .box .pickup_ice {
width: 85%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #fff;
background: #2d986eab;
border-radius: 2rem;
margin: 8rem auto;
}
.summerA2507 .box .pickup_ice img {
width: 40%;
border-radius: 0 2rem 2rem 0;
}
.summerA2507 .box .pickup_ice p {
width: 60%;
line-height: 2;
margin-bottom: 0;
}
.summerA2507 .box .pickup_ice p span {
display: inline-block;
color: #6eb982;
font-weight: 600;
padding: 0.5rem 2rem;
line-height: 1;
background: #fff;
margin-bottom: 4rem;
font-size: 1.8rem;
}
.summerA2507 .box .pickup_ice p .btn {
margin: 4rem auto 0;
}
.summerA2507 .box .sec_mini {
width: 85%;
color: #fff;
background: #6cb7c5;
padding: 6rem 0;
margin: 8rem auto;
border-radius: 2rem;
}
.summerA2507 .box .sec_mini h3 {
text-align: center;
font-size: 1.8rem;
line-height: 1.7;
font-weight: 600;
}
.summerA2507 .box .sec_mini h3 span {
color: #6cb7c5;
background: #ffffff;
padding: 0.5rem 2rem;
}
.summerA2507 .box .sec_mini h4 {
text-align: center;
font-size: 1.6rem;
margin-bottom: 4rem;
}
.summerA2507 .box .sec_mini h4 span {
border-bottom: 2px dotted;
}
.summerA2507 .box .sec_mini p {
padding: 2rem 0 0;
margin-bottom: 6rem;
}
.summerA2507 .box .sec_mini .btn {
margin-bottom: 8rem;
}
.summerA2507 .box .sec_mini .btn_last {
margin-bottom: 0;
}
.summerA2507 .box .sec_mini .parts_items .fs-c-slick .slick-slide {
flex-basis: calc(100% / 3);
}
.summerA2507 .box .sec_mini .uvitems {
display: flex;
justify-content: center;
gap: 4rem;
margin-bottom: 2rem;
}
.summerA2507 .box .sec_mini .uvitems img {
display: inline-block;
width: 38%;
margin-bottom: 1rem;
}
.summerA2507 .box .sec_mini span.fs-c-productName__name, .summerA2507 .box .sec_mini .fs-c-productName__copy, .summerA2507 .box .sec_mini .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
.summerA2507 .mark-label-25clearance .fs-c-productMark__label {
background: #e60122;
color: #fff;
border: 1px solid #e60122;
padding: 0 0.3rem;
}
.summerA2507 .a2buy2507 .fs-c-productMark__label {
background: #1f95dd;
color: #fff;
border: 1px solid #1f95dd;
padding: 0 0.3rem;
}
.summerA2507 .fs-c-productMark > li {
margin-bottom: 0.8rem;
}
.summerA2507 .footer {
text-align: center;
margin-bottom: 16rem;
}
.summerA2507 .footer p {
line-height: 1.8;
margin-bottom: 1rem;
}
.summerA2507 .footer p.footer_txt {
margin-bottom: 12rem;
}
.summerA2507 .footer img {
max-width: 60%;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.summerA2507) {
padding: 0 0;
margin-bottom: 0;
}
.summerA2507, main.fs-l-main--page .summerA2507 p {
font-size: 1.6rem;
}
.summerA2507 h1 {
margin: 4rem 0;
}
.summerA2507 h1 span.line {
font-size: 2rem;
padding: 0;
}
.summerA2507 h1 span.ttl_s {
font-size: 1.3rem;
}
.summerA2507 .top_txt {
width: 90%;
line-height: 1.7;
margin: 0 auto 6rem;
}
.summerA2507 .box {
background: url(/item/A2507LP_bgsp.jpg) left top / cover no-repeat fixed;
margin-bottom: 8rem;
}
.summerA2507 #sec1, .summerA2507 #sec2 {
border-right: none;
border-left: none;
}
.summerA2507 #sec1 {
padding: 8rem 1rem;
margin: 0 0 8rem;
}
.summerA2507 #sec2 {
padding: 6rem 1rem 0;
margin: 0 0 6rem;
}
.summerA2507 .box h2:not(.fs-c-productListItem__productName) {
font-size: 1.8rem;
margin-bottom: 0;
}
.summerA2507 .box p {
width: 90%;
line-height: 1.7;
margin: 0 auto 4rem;
}
.summerA2507 .box dt {
font-size: 1.6rem;
}
.summerA2507 .box .pickup_ice {
width: 98%;
flex-direction: column-reverse;
margin: 8rem auto 0;
}
.summerA2507 .box .pickup_ice img {
width: 100%;
border-radius: 2rem 2rem 0 0;
margin-bottom: 4rem;
}
.summerA2507 .box .pickup_ice p {
width: 95%;
line-height: 1.7;
margin-bottom: 0;
}
.summerA2507 .box .pickup_ice p .btn {
margin: 4rem auto;
}
.summerA2507 .box .sec_mini {
font-size: 1.6rem;
width: 98%;
padding: 4rem 1rem;
}
.summerA2507 .box .sec_mini h4 {
font-size: 1.6rem;
margin-bottom: 3rem;
}
.summerA2507 .box .sec_mini h4 span {
border-bottom: 2px dotted;
line-height: 1.8;
}
.summerA2507 .box .sec_mini p {
margin-bottom: 4rem;
}
.summerA2507 .box .sec_mini .uvitems {
gap: 1rem;
}
.summerA2507 .box .sec_mini .uvitems img {
width: calc(50% - 0.5rem);
}
.summerA2507 .box .sec_mini .parts_items .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
.summerA2507 .footer {
margin-bottom: 8rem;
}
.summerA2507 .footer p.footer_txt {
margin-bottom: 6rem;
}
.summerA2507 .footer img {
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　summerA2507_2　▼▼▼
--------------------------------------------------------------*/
.summerA2507_2 .top_txt {
text-align: center;
}
.summerA2507_2 .inbox_txt {
padding: 8rem 0 4rem;
}
.summerA2507_2 .pair_box .inbox_txt {
padding: 8rem 0 2rem;
}
.summerA2507_2 .box h2:not(.fs-c-productListItem__productName) {
margin-bottom: 4rem;
}
.summerA2507_2 .box .parts_items {
padding: 0 2.2rem;
}
.summerA2507_2 .box h4 {
font-weight: 600;
font-size: 1.6rem;
border-bottom: 1px solid;
padding-bottom: 0.5rem;
margin: 0 1.8rem;
}
.summerA2507_2 .color_bg, .summerA2507_2 .color_ob {
position: relative;
padding: 8rem 2rem 4rem;
}
.summerA2507_2 .color_bg {
background: #80c6f3c2;
margin: 0 4rem 10rem;
}
.summerA2507_2 .color_ob {
background: #ffc375db;
margin: 0 4rem 5rem;
}
.summerA2507_2 .setup {
position: relative;
background: #4694f1ab;
padding: 8rem 2rem 4rem;
margin: 0 4rem 10rem;
}
.summerA2507_2 .setup .img {
display: flex;
justify-content: center;
gap: 2rem;
}
.summerA2507_2 .setup .img img {
width: calc(50% - 2rem);
}
.summerA2507_2 .pair {
display: flex;
justify-content: center;
gap: 2rem;
margin: 0 4rem 10rem;
}
.summerA2507_2 .pair img {
max-width: 50%;
}
.summerA2507_2 .look_link {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #fff;
width: 50%;
margin: 0 auto;
}
.summerA2507_2 .look_link_t {
margin: 0 auto 10rem;
}
.summerA2507_2 .look_link dt {
position: static;
width: calc((100% - 16rem) / 3);
margin-right: 16rem;
margin-bottom: 2.4rem;
}
.summerA2507_2 .look_link dd {
width: calc((100% - 16rem) / 3);
margin-bottom: 2.4rem;
}
.summerA2507_2 .look_link dt:nth-child(4), .summerA2507_2 .look_link dd:nth-child(n+5) {
margin-bottom: 0;
}
.summerA2507_2 .look_link dd:nth-child(3n) a {
text-align: center;
display: block;
color: #fffef7;
background: #2e3190;
padding: 0.4rem;
}
@media screen and (max-width: 768px) {
.summerA2507_2 .box .parts_items {
padding: 0;
}
.summerA2507_2 .top_txt, .summerA2507_2 .box p {
width: 98%;
}
.summerA2507_2 .inbox_txt {
padding: 8rem 0 2rem;
}
.summerA2507_2 .box h2:not(.fs-c-productListItem__productName) {
font-size: 1.8rem;
font-weight: 600;
line-height: 1.4;
padding: 0.8rem;
margin-bottom: 2rem;
}
.summerA2507_2 .color_bg, .summerA2507_2 .color_ob {
padding: 5rem 0 2rem;
}
.summerA2507_2 .color_bg {
background: #80c6f3c2;
margin: 0 0 10rem;
}
.summerA2507_2 .color_ob {
background: #ffc375db;
margin: 0 0 5rem;
}
.summerA2507_2 .setup {
padding: 8rem 0 1rem;
margin: 0 0 8rem;
}
.summerA2507_2 .setup .img {
flex-direction: column
}
.summerA2507_2 .setup .img img {
width: 100%;
}
.summerA2507_2 .look_link {
font-size: 1.4rem;
width: 100%;
padding: 0 1rem 4rem;
}
.summerA2507_2 .look_link_t {
margin: 0 auto 4rem;
}
.summerA2507_2 .look_link dt {
width: calc((100% - 2rem) / 3);
margin-right: 4rem;
}
.summerA2507_2 .look_link dd {
width: calc((100% - 6rem) / 3);
}
.summerA2507_2 .look_link dd:nth-child(3n) a {
padding: 0.8rem;
}
.summerA2507_2 .pair {
flex-direction: column;
margin: 0 0 8rem;
}
.summerA2507_2 .pair img {
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　p_article　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.p_article) {
max-width: 100vw;
overflow: clip;
}
.p_article {
color: #585928;
background: #f8f8f8;
}
.p_article .inner {
max-width: 1200px;
margin: 0 auto;
}
.p_article, main.fs-l-main--page .p_article p {
font-family: "Source Serif 4", serif;
font-size: 1.65rem;
}
.p_article h1 {
font-family: "Source Serif 4", serif;
font-weight: 600;
text-align: center;
font-size: 3.4rem;
line-height: 1.2;
margin: 8rem auto 12rem;
}
.p_article h1 .ttl_b {
position: relative;
}
.p_article h1 .ttl_b img {
position: absolute;
top: -18px;
left: -10px;
max-width: 50px;
}
.p_article h1 .ttl_s {
font-size: 2rem;
font-weight: 400;
}
.p_article .top_txt, .p_article .bottom_txt {
line-height: 2.2;
width: calc(1200px * .6);
margin: 0 auto 16rem;
}
.p_article .top_txt p {
margin-bottom: 2rem;
}
.p_article .wrapper nav li a {
color: #585928;
padding: 0 0.5rem;
border-bottom: 1px dotted;
}
.p_article .bg {
background: url(/item//p25aw_2508/p25aw_2508-bg.jpg) no-repeat top left / cover fixed;
}
.p_article .bg2 {
background: #f5f1edc7;
}
.p_article .box {
position: relative;
padding-top: 10rem;
margin-top: -10rem;
margin-bottom: 20rem;
}
.p_article #sec1 {
padding-top: 20rem;
}
.p_article #sec5 {
margin-bottom: 10rem;
}
.p_article .box .ttl {
position: absolute;
top: 14rem;
right: 0;
max-width: 52%;
}
.p_article #sec1 .ttl {
position: absolute;
top: 24rem;
right: 0;
max-width: 52%;
}
.p_article .box .ttl2 {
position: absolute;
top: 14rem;
left: 0;
max-width: 52%;
}
.p_article .box .img, .p_article .box .img2 {
display: flex;
margin-bottom: 6rem;
}
.p_article .box .img2 {
flex-direction: row-reverse;
}
.p_article .box .box_l {
width: 52%;
}
.p_article .box .box_r {
width: 48%;
padding: 26rem 4rem 0;
}
.p_article .box .price {
display: flex;
justify-content: center;
align-items: center;
gap: 4rem;
font-size: 1.8rem;
margin: 4rem auto 0;
}
.p_article .box .txt {
line-height: 2.2;
}
.p_article .box .price .buybtn {
color: #585928;
border: 1px solid;
padding: 0.7rem 6rem;
}
@media screen and (min-width: 769px) {
.p_article .price.pcnone {
display: none;
}
.p_article .wrapper {
display: flex;
align-items: flex-start;
gap: 10rem;
margin-bottom: 16rem;
}
.p_article .wrapper nav {
position: sticky;
top: 10rem;
left: 5rem;
width: 20%;
font-size: 1.8rem;
line-height: 2.8;
margin: 5rem 0 10rem;
}
.p_article .wrapper nav li a.active {
color: #fff;
background: #585928;
border-bottom: none;
}
.p_article .wrapper .maincont {
width: calc(80% - 4rem);
}
}
@media screen and (max-width: 768px) {
.p_article .price.spnone {
display: none;
}
.fs-l-pageMain:has(article.p_article) {
padding: 0;
margin-bottom: 0;
}
.p_article, main.fs-l-main--page .p_article p {
font-size: 1.5rem;
}
.p_article h1 {
font-size: 2rem;
margin: 6rem auto 4rem;
}
.p_article h1 .ttl_s {
font-size: 1.6rem;
}
.p_article .top_txt, .p_article .bottom_txt {
width: 90%;
margin: 0 auto 6rem;
}
.p_article nav {
font-size: 1.6rem;
line-height: 2.8;
padding: 4rem 1rem 26rem;
}
.p_article .box {
padding: 0 1rem 16rem;
margin-top: -10rem;
margin-bottom: 10rem;
}
.p_article #sec1 {
padding: 0 1rem 16rem;
}
.p_article #sec5 {
padding: 0 1rem 8rem;
margin-bottom: 6rem;
}
.p_article .box .ttl {
position: absolute;
top: -7rem;
right: 0;
max-width: 72%;
}
.p_article #sec1 .ttl {
top: -6.5rem;
right: 0;
max-width: 72%;
}
.p_article .box .ttl2 {
top: -7rem;
left: 0;
max-width: 72%;
}
.p_article .box .img, .p_article .box .img2 {
display: block;
margin-bottom: 4rem;
}
.p_article .box .box_l {
width: 85%;
}
.p_article .box .box_r {
width: 85%;
padding: 0;
margin-left: 15%;
margin-bottom: 2.5rem;
}
.p_article #sec2 .box_l, .p_article #sec4 .box_l {
margin-left: 15%;
}
.p_article #sec2 .box_r, .p_article #sec4 .box_r {
margin-left: 0;
}
.p_article .box .price {
gap: 0;
justify-content: space-around;
font-size: 1.6rem;
margin: 0 auto;
}
section.fs-l-pageMain.free-page .p_article .topics_slide .fs-pt-carousel__slide img {
width: auto;
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　newarrival テンプレート　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(.fp_new) {
max-width: 100vw;
Overflow-x: hidden;
}
.fp_new .inner {
max-width: 1200px;
margin: 0 auto;
}
.fp_new img {
vertical-align: bottom;
}
.fp_new h1:not(.category_summary h1) {
max-width: 18%;
margin: 8rem auto;
}
.fp_new .maincont h2:not(.fs-c-productListItem__productName) {
font-size: 3.2rem;
border-bottom: 1px solid;
padding: 2rem;
margin-bottom: 4rem;
}
.fp_new .season_txt {
text-align: center;
margin-bottom: 8rem;
}
.fp_new .season_txt .season_ttl {
display: inline-block;
font-size: 3.6rem;
margin-bottom: 4rem;
}
.fp_new .season_txt .season_subttl {
display: block;
font-size: 1.7rem;
font-weight: 600;
margin: -4rem 0 4rem;
}
.fp_new .season_txt dt {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.3;
}
.fp_new .season_txt dd {
font-size: 1.6rem;
padding-bottom: 2rem;
line-height: 2;
}
.fp_new .newitem_box {
display: flex;
justify-content: center;
align-items: center;
gap: 4rem;
padding: 2rem 4rem 4rem;
margin-bottom: 6rem;
border-bottom: 1px solid #aaa;
}
.fp_new .newitem_box:nth-child(even) {
position: relative;
}
.fp_new .newitem_box:nth-child(odd) {
flex-direction: row-reverse;
position: relative;
}
.fp_new .newitem_img {
position: relative;
width: calc((100% - 12rem) / 2);
}
.na26ss .img_container {
display: flex;
gap: 2rem;
width: calc((100% - 12rem) * 0.6);
}
.fp_new .main_display {
flex: 1;
}
.fp_new .img_container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fp_new .sub_display {
width: 20%;
display: flex;
flex-direction: column;
gap: 1rem;
}
.fp_new .img_container .sub_display .item {
flex: 1;
cursor: pointer;
transition: all 0.2s ease;
overflow: hidden;
opacity: 0.7;
filter: brightness(60%);
}
.fp_new .img_container .sub_display .item.active {
opacity: 1;
filter: brightness(100%);
}
.fp_new .newitem_txt {
position: relative;
font-size: 1.6rem;
line-height: 1.7;
width: calc((100% - 12rem) / 2);
}
.fp_new .newitem_txt ul li:first-child {
font-size: 2.8rem;
}
.fp_new .newitem_txt ul li {
margin-bottom: 3rem;
}
.fp_new .newitem_txt ul li.imgslide {
margin-bottom: 0;
}
.fp_new .newitem_txt ul li .fs-pt-carousel img {
max-width: calc(50vw / 4);
}
.fp_new .newitem_txt ul li a {
display: block;
text-align: center;
border: 1px solid;
padding: 0.8rem 0;
width: 90%;
margin: 0 auto;
}
.fp_new .parts_items {
padding-bottom: 6rem;
margin-bottom: 0;
}
.fp_new .footer {
position: relative;
z-index: 1;
font-size: 1.6rem;
color: #fff;
background: #959595;
}
.fp_new .footer h1, .fp_new .footer h2, .fp_new .footer a:visited {
color: #fff;
}
.fp_new .footer a.button {
color: #fff;
border: 1px solid #fff;
}
.fp_new .footer i.blank-icon:before, .fp_new .footer i.blank-icon:after {
border-color: #fff;
}
.fp_new .footer .category_summary {
border-top: none;
}
.fp_new .footer .category_page_content {
border-top: 1px solid #fff;
padding: 4rem 0 2rem;
}
.fp_new .category_page_content.archivio span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after, .fp_new .category_page_content.piconeclub span.fs-pt-menu__heading.fs-pt-menu__heading--lv2:after {
border: 1px #ffffff solid;
border-bottom: none;
border-left: none;
}
.fp_new .bg_slide {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
.fp_new .bg_slide li {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-animation: bganime 24s linear 0s infinite;
animation: bganime 24s linear 0s infinite;
}
@keyframes bganime {
0% {
animation-timing-function: ease-in;
opacity: 0;
}
10% {
transform: scale(1.1);
opacity: 1;
}
40% {
transform: scale(1.2);
opacity: 1;
}
50% {
transform: scale(1.3);
animation-timing-function: ease-out;
opacity: 0;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bganime {
0% {
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
10% {
-webkit-transform: scale(1.1);
opacity: 1;
}
40% {
-webkit-transform: scale(1.2);
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
-webkit-animation-timing-function: ease-out;
opacity: 0;
}
100% {
opacity: 0;
}
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(.fp_new) {
padding: 0 0;
margin-bottom: 0;
}
.fp_new h1:not(.category_summary h1) {
max-width: 40%;
margin: 4rem auto 6rem;
}
.fp_new .maincont h2:not(.fs-c-productListItem__productName) {
font-size: 2.4rem;
padding: 1.5rem;
}
.fp_new .season_txt {
margin-bottom: 6rem;
}
.fp_new .season_txt .season_ttl {
font-size: 3rem;
}
.fp_new .season_txt dd {
padding-bottom: 2rem;
}
.fp_new .newitem_box {
flex-direction: column;
gap: 0;
padding: 0 2rem 2rem;
}
.fp_new .newitem_box:nth-child(odd) {
flex-direction: column;
}
.fp_new .newitem_img, .fp_new .newitem_txt {
width: 100%;
}
.fp_new .newitem_img {
margin-bottom: 4rem;
}
.fp_new .img_container {
flex-direction: column;
width: 100%;
}
.fp_new .main_display {
height: auto;
margin-bottom: 1rem;
}
.fp_new .sub_display {
width: 100%;
flex-direction: row;
}
.fp_new .img_container .sub_display .item {
flex: 1;
}
.fp_new .newitem_txt ul li:first-child {
font-size: 2.2rem;
margin-bottom: 2rem;
}
.fp_new .newitem_txt ul li a {
width: 100%;
}
.fp_new .newitem_txt ul li .fs-pt-carousel img {
max-width: calc(50vw / 1);
}
.fp_new .footer h2 {
font-size: 2rem;
margin-bottom: 2rem;
}
.fp_new .footer .category_page_content {
padding: 6rem 2rem;
}
}
/*------------------------------------------------------------
▼▼▼　newarrival_25fw　▼▼▼
--------------------------------------------------------------*/
/*a25fw*/
.na25fw_a .bg_slide li:nth-of-type(1) {
background: url(/item/a25fw_bg1.jpg) no-repeat top left/ cover fixed;
}
.na25fw_a .bg_slide li:nth-of-type(2) {
background: url(/item/a25fw_bg2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na25fw_a .bg_slide li:nth-of-type(3) {
background: url(/item/a25fw_bg3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na25fw_a .inner {
background: #ffffff9c;
padding: 1rem 0;
margin-bottom: 16rem;
}
.na25fw_a .footer {
background: #83c7e2;
}
.na25fw_a .footer .inner {
background: none;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.na25fw_a .bg_slide li:nth-of-type(1) {
background: url(/item/a25fw_bgsp1.jpg) no-repeat top left/ cover fixed;
}
.na25fw_a .bg_slide li:nth-of-type(2) {
background: url(/item/a25fw_bgsp2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na25fw_a .bg_slide li:nth-of-type(3) {
background: url(/item/a25fw_bgsp3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
}
/*p25fw*/
.na25fw_p .bg_slide li:nth-of-type(1) {
background: url(/item/p25fw_bg1.jpg) no-repeat top left/ cover fixed;
}
.na25fw_p .bg_slide li:nth-of-type(2) {
background: url(/item/p25fw_bg2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na25fw_p .bg_slide li:nth-of-type(3) {
background: url(/item/p25fw_bg3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na25fw_p .season_txt, .na25fw_p .newitem_box, .na25fw_p .maincont h2:not(.fs-c-productListItem__productName) {
font-family: "Source Serif 4", serif;
font-weight: 400;
}
.na25fw_p, .na25fw_p .parts_items span.fs-c-productName__name, .na25fw_p .parts_items .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #392928;
}
.na25fw_p .maincont h2:not(.fs-c-productListItem__productName) {
border-bottom: 1px solid #4d4241;
}
.na25fw_p .newitem_box {
border-bottom: 1px solid #4d4241;
}
.na25fw_p .inner {
background: #c6c4bed9;
padding: 1rem 0;
margin-bottom: 16rem;
}
.na25fw_p .newitem_txt ul li a {
color: #392928;
border: 1px solid #392928;
}
.na25fw_p .footer {
background: #695352;
}
.na25fw_p .footer .inner {
background: none;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.na25fw_p .bg_slide li:nth-of-type(1) {
background: url(/item/p25fw_bgsp1.jpg) no-repeat top left/ cover fixed;
}
.na25fw_p .bg_slide li:nth-of-type(2) {
background: url(/item/p25fw_bgsp2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na25fw_p .bg_slide li:nth-of-type(3) {
background: url(/item/p25fw_bgsp3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
}
/*c25fw*/
.na25fw_c .bg_slide li:nth-of-type(1) {
background: url(/item/c25fw_bg1.jpg) no-repeat top left/ cover fixed;
}
.na25fw_c .bg_slide li:nth-of-type(2) {
background: url(/item/c25fw_bg2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na25fw_c .bg_slide li:nth-of-type(3) {
background: url(/item/c25fw_bg3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na25fw_c .maincont {
margin-bottom: 16rem;
}
.na25fw_c .new_cont {
position: relative;
}
.na25fw_c .new_cont::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: #ffffff99;
z-index: -1;
}
.na25fw_c .footer {
background: #5f774f;
}
@media screen and (max-width: 768px) {
.na25fw_c .bg_slide li:nth-of-type(1) {
background: url(/item/c25fw_bgsp1.jpg) no-repeat top left/ cover fixed;
}
.na25fw_c .bg_slide li:nth-of-type(2) {
background: url(/item/c25fw_bgsp2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na25fw_c .bg_slide li:nth-of-type(3) {
background: url(/item/c25fw_bgsp3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
}
/*------------------------------------------------------------
▼▼▼　A_latesummer_2508　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.A25fw_2508) {
max-width: 100vw;
overflow: clip;
}
.A25fw_2508 {
font-family: "Oswald", sans-serif;
font-weight: 400;
color: #3d270c;
background: #fffdfa;
}
.A25fw_2508 img {
vertical-align: bottom;
}
.A25fw_2508, main.fs-l-main--page .A25fw_2508 p, main.fs-l-main--page .A25fw_2508 .right .itemtxt p {
font-size: 1.6rem;
line-height: 1.8;
}
main.fs-l-main--page .A25fw_2508 .top p, main.fs-l-main--page .A25fw_2508 .right p {
font-size: 1.8rem;
}
.A25fw_2508 .top {
margin-bottom: 24rem;
}
.A25fw_2508 .top img {
position: relative;
top: 0;
left: 50%;
transform: translate(-50%, 0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
margin-bottom: 14rem;
}
.A25fw_2508 .top p {
text-align: center;
margin-bottom: 4rem;
}
.A25fw_2508 .top p .uline {
background: linear-gradient(transparent 70%, #ffea52c9 30%);
}
.A25fw_2508 .inner {
max-width: 1200px;
margin: 0 auto;
}
.A25fw_2508 .main {
position: relative;
margin-bottom: 32rem;
}
.A25fw_2508 .main_last {
margin-bottom: 20rem;
}
.A25fw_2508 #sec1 {
color: #ab6a26;
}
.A25fw_2508 #sec2 {
color: #3ebb28;
}
.A25fw_2508 #sec3 {
color: #2b5da2;
}
.A25fw_2508 #sec4 {
color: #3a6305;
}
.A25fw_2508 #sec5 {
color: #616161;
}
.A25fw_2508 #sec6 {
color: #de762e;
}
.A25fw_2508 .bg:has(#sec1) {
background: #dfc9b2;
}
.A25fw_2508 .bg:has(#sec2) {
background: #dcebda;
}
.A25fw_2508 .bg:has(#sec3) {
background: #bfd6f6;
}
.A25fw_2508 .bg:has(#sec4) {
background: #d9eebe;
}
.A25fw_2508 .bg:has(#sec5) {
background: #e0e0e0;
}
.A25fw_2508 .bg:has(#sec6) {
background: #f6e0d1;
}
.A25fw_2508 .maincont {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 8rem;
}
.A25fw_2508 .left, .A25fw_2508 .right {
width: calc(100% / 2);
}
.A25fw_2508 .left {
position: sticky;
top: 130px;
}
.A25fw_2508 .left img {
display: block;
padding: 0 8rem 2rem;
margin-top: -8rem;
}
.A25fw_2508 .right {
padding-right: 4rem;
}
.A25fw_2508 .right h2 {
position: absolute;
top: -8rem;
font-family: "Oswald", sans-serif;
font-weight: 500;
}
.A25fw_2508 .right h2 span {
font-size: 6rem;
padding-right: 0.5rem;
}
.A25fw_2508 .right p {
margin: 8rem 0 6rem;
}
.A25fw_2508 .right .itemtxt p {
margin: 0;
}
.A25fw_2508 .tag {
display: inline-block;
color: #fff;
font-size: 1.4rem;
padding: 0 1rem;
margin: 0 0.8rem 1.2rem 0;
}
.A25fw_2508 .tag_last {
margin: 0 0 1rem 0;
}
.A25fw_2508 #sec1 .tag {
background: #ab6a26;
}
.A25fw_2508 #sec2 .tag {
background: #3ebb28;
}
.A25fw_2508 #sec3 .tag {
background: #2b5da2;
}
.A25fw_2508 #sec4 .tag {
background: #3a6305;
}
.A25fw_2508 #sec5 .tag {
background: #616161;
}
.A25fw_2508 #sec6 .tag {
background: #de762e;
}
.A25fw_2508 .itembox_1, .A25fw_2508 .itembox_2 {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 6rem;
}
.A25fw_2508 .itembox_2 {
flex-direction: row-reverse;
margin-bottom: 8rem;
}
.A25fw_2508 .itemtxt, .A25fw_2508 .itemimg {
width: calc(100% /2);
}
.A25fw_2508 .itemtxt h3 {
font-size: 1.8rem;
font-family: "Oswald", sans-serif;
font-weight: bold;
margin-bottom: 2rem;
}
.A25fw_2508 #sec6 .itemimg.img_s img {
max-width: 76%;
margin-left: 12%;
}
.A25fw_2508 .parts_items .fs-c-slick .slick-track {
max-width: 80% !important;
margin: 0 0 0 auto;
}
.A25fw_2508 .parts_items.items3 .fs-c-slick .slick-track {
max-width: 60% !important;
}
.A25fw_2508 .parts_items.items3 .fs-c-slick .slick-slide {
flex-basis: calc(100% / 3);
}
.A25fw_2508 .parts_items span.fs-c-productPrice__main {
margin-left: auto;
}
.A25fw_2508 .parts_items .fs-c-productName__name, .A25fw_2508 .parts_items .fs-c-productMarks {
display: none;
}
.A25fw_2508 .parts_items .fs-c-productPrice__main__price.fs-c-price, .A25fw_2508 .parts_items .fs-c-productName__name {
font-family: "Oswald", sans-serif;
font-weight: 400;
color: #3d270c;
}
.A25fw_2508 .pickup {
margin-bottom: 24rem;
}
.A25fw_2508 .pickup h2:not(.fs-c-productListItem__productName) {
text-align: center;
color: #d81400;
font-family: "Oswald", sans-serif;
border-bottom: 1px solid;
padding-bottom: 2rem;
margin-bottom: 4rem;
}
.A25fw_2508 .pickup .ttl_s {
display: block;
font-size: 2rem;
padding-bottom: 0.5rem;
}
.A25fw_2508 .pickup .parts_items .fs-c-slick .slick-track {
max-width: 100% !important;
}
.A25fw_2508 .pickup .parts_items .fs-c-productName__name {
display: block;
}
.A25fw_2508 .pickup .parts_items {
margin-bottom: 2rem;
}
.A25fw_2508 .pickup .btn {
justify-content: center;
color: #fff;
background: #d25c50;
width: 40%;
border: none;
margin: 0 auto 16rem;
}
.A25fw_2508 .pickup .btn:after {
border: 1px solid #fff;
border-bottom: none;
border-left: none;
margin-top: 0.5rem;
}
.A25fw_2508 .target {
opacity: 0;
transform: translateY(80px);
transition: opacity 0.5s, transform 2s;
}
.A25fw_2508 .target.visible {
opacity: 1;
transform: translateY(0);
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(.A25fw_2508) {
padding: 0 0;
margin-bottom: 0;
}
.A25fw_2508, main.fs-l-main--page .A25fw_2508 p, main.fs-l-main--page .A25fw_2508 .right .itemtxt p {
font-size: 1.5rem;
}
main.fs-l-main--page .A25fw_2508 .top p, main.fs-l-main--page .A25fw_2508 .right p, .A25fw_2508 .itemtxt h3 {
font-size: 1.7rem;
line-height: 1.8;
}
.A25fw_2508 .top {
margin-bottom: 14rem;
}
.A25fw_2508 .top img {
margin-bottom: 8rem;
}
.A25fw_2508 .top p {
text-align: left;
padding: 0 2rem;
margin-bottom: 4rem;
}
.A25fw_2508 .main {
margin-bottom: 16rem;
}
.A25fw_2508 .main_last {
margin-bottom: 12rem;
}
.A25fw_2508 .maincont {
margin-bottom: 4rem;
}
.A25fw_2508 .right h2 {
position: static;
font-size: 2.6rem;
margin: 2rem 0 4rem;
}
.A25fw_2508 .right h2 span {
font-size: 5rem;
padding-right: 0;
}
.A25fw_2508 .right p {
margin: 0 0 6rem;
}
.A25fw_2508 .itembox_1, .A25fw_2508 .itembox_2 {
flex-direction: column-reverse;
}
.A25fw_2508 .left {
width: 48%;
}
.A25fw_2508 .left img {
display: block;
padding: 0;
}
.A25fw_2508 .right {
width: 52%;
}
.A25fw_2508 .right {
padding-right: 1rem;
}
.A25fw_2508 .itemtxt, .A25fw_2508 .itemimg {
width: 100%;
}
.A25fw_2508 .parts_items .fs-c-slick .slick-track, .A25fw_2508 .parts_items.items3 .fs-c-slick .slick-track {
max-width: 100% !important;
}
.A25fw_2508 .parts_items.items3 .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
.A25fw_2508 .pickup {
margin-bottom: 10rem;
}
.A25fw_2508 .pickup h2:not(.fs-c-productListItem__productName) {
font-size: 2.6rem;
padding-bottom: 1rem;
}
.A25fw_2508 .ttl_s {
display: block;
font-size: 1.8rem;
padding-bottom: 0.5rem;
}
.A25fw_2508 .pickup .btn {
width: 80%;
margin: 0 auto 12rem;
}
}
/*------------------------------------------------------------
▼▼▼　P25aw_autumncolors　▼▼▼
--------------------------------------------------------------*/
.p2510_ac {
color: #372001;
background: #e8e4e0;
}
.p2510_ac h1 {
margin: 0 auto 12rem;
max-width: : 1920px;
}
.p2510_ac .bg {
background: #b49777e3;
}
.p2510_ac .wrapper nav li a {
color: #372001;
font-size: 2rem;
}
.p2510_ac #sec1 {
padding-top: 16rem;
}
.p2510_ac .box .ttl, .p2510_ac #sec1 .ttl {
position: static;
max-width: 100%;
font-size: 4rem;
border-bottom: 1px solid;
margin-bottom: 4rem;
}
.p2510_ac .item_img {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.p2510_ac .item_img img {
border: 0.5rem solid #945b01;
}
.p2510_ac .item_img li {
width: calc((100% - 6rem) / 4);
margin-bottom: 2rem;
}
.p2510_ac .item_img li p {
color: #553408;
font-size: 1.5rem;
font-weight: 500;
}
main.fs-l-main--page .p2510_ac .footer p {
text-align: center;
font-size: 2rem;
margin-bottom: 1.6rem;
}
main.fs-l-main--page .p2510_ac .footer p.shoplist {
margin-bottom: 16rem;
}
main.fs-l-main--page .p2510_ac .footer p.shoplist a {
border-bottom: 1px dotted;
padding: 0 2rem;
}
.p2510_ac .footer img {
margin-bottom: 8rem;
}
@media screen and (min-width: 769px) {
.p2510_ac .wrapper {
gap: 0;
}
.p2510_ac .wrapper nav li a.active {
background: #372001;
}
}
@media screen and (max-width: 768px) {
.p2510_ac h1 {
margin: 0 auto 4rem;
}
.p2510_ac nav {
padding: 4rem 1rem 20rem;
}
.p2510_ac #sec1 {
padding: 0 1rem 16rem;
}
.p2510_ac #sec5 {
padding: 0 1rem 8rem;
margin-bottom: 6rem;
}
.p2510_ac .box .ttl, .p2510_ac #sec1 .ttl {
font-size: 3.2rem;
margin-bottom: 4rem;
}
.p2510_ac .item_img li {
width: calc((100% - 2rem) / 2);
}
main.fs-l-main--page .p2510_ac .footer p {
font-size: 1.6rem;
}
.p2510_ac .footer img {
margin-bottom: 4rem;
}
main.fs-l-main--page .p2510_ac .footer p.shoplist a {
padding: 0 1rem;
}
main.fs-l-main--page .p2510_ac .footer p.shoplist {
margin-bottom: 8rem;
}
}
/*------------------------------------------------------------
▼▼▼　hw2510　▼▼▼
--------------------------------------------------------------*/
.hw2510 {
background: #f68034de;
}
.hw2510 .login_btn, .hw2510 .itemlist .more_btn {
background: #8a55ce;
}
.hw2510 .topimage img {
padding-top: 4rem;
max-width: 60%;
}
.hw2510 .topimage, .hw2510 .login_btn {
margin-bottom: 16rem;
}
.hw2510 .menu {
margin-bottom: 2rem;
}
.hw2510 .infolist_box, .hw2510 .login_btn, .hw2510 .itemlist .more_btn {
border-radius: 3rem;
}
.hw2510 .infolist_box dt.ttl {
font-size: 2.6rem;
}
.hw2510 .infolist_box dt .ttl_s {
font-size: 2.1rem;
}
.hw2510 .infolist_box dd:nth-child(2) {
line-height: 1.7;
}
.hw2510 .infolist_box .note {
font-size: 1.3rem;
}
.hw2510 .infolist_box .ttl_online {
font-size: 1.8rem;
font-weight: 600;
color: #fff;
background: #454757;
width: 80%;
padding: 0.1rem 0;
margin: 0 auto;
}
main.fs-l-main--page .hw2510 .info_note {
width: 70%;
margin: 2rem auto 8rem;
}
.hw2410 .itemlist #hw_a {
border-top: none;
}
@media screen and (max-width: 768px) {
.hw2510 .topimage img {
padding-top: 0;
max-width: 100%;
}
.hw2510 .topimage, .hw2510 .menu {
margin-bottom: 8rem;
}
.hw2510 .infolist_box dt {
font-size: 2.4rem;
}
.hw2510 .infolist_box dt .ttl_s {
font-size: 2rem;
}
.hw2510 .infolist_box dd:nth-child(2) {
margin-bottom: 5rem;
}
.hw2510 .infolist_box .ttl_online {
line-height: 2.4rem;
font-size: 1.8rem;
width: 90%;
padding: 0.4rem 0;
}
.hw2510 .login_btn {
margin-bottom: 10rem;
padding: 1.5rem 0;
}
.hw2510 .infolist_box {
border-radius: 2rem;
}
.hw2510 .itemlist {
border-radius: 0;
margin-bottom: 8rem;
}
.hw2510 .itemlist dt {
padding-top: 6rem;
margin-top: 0;
}
.hw2510 dl dd:nth-child(3n) {
margin-bottom: 8rem;
}
.hw2510 .itemlist .more_btn {
padding: 1.5rem 0;
}
main.fs-l-main--page .hw2510 .info_note {
margin: 2rem auto 4rem;
}
}
/*------------------------------------------------------------
▼▼▼　.a25fw_temp　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.a25fw_temp) {
max-width: 100vw;
Overflow-x: hidden;
}
.a25fw_temp {
color: #242424;
font-size: 1.6rem;
line-height: 1.8;
background: #fbfbfb;
}
.a25fw_temp img {
vertical-align: bottom;
}
.a25fw_temp .top {
margin-bottom: 20rem;
}
.a25fw_temp .top h1 {
text-align: center;
background: #efe6e9;
margin: 0 auto 8rem;
}
.a25fw_temp .top h1 img {
width: 100%;
max-width: 1200px;
}
.a25fw_temp .txt {
text-align: center;
font-size: 1.7rem;
margin-bottom: 4rem;
}
.a25fw_temp .txt .ttl_m {
display: inline-block;
font-size: 2.2rem;
margin-bottom: 4rem;
}
.a25fw_temp .inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.a25fw_temp .bg {
position: absolute;
top: 0;
left: -7rem;
z-index: 1;
background: url(../../item/A25FW_kionbg.png) repeat-y top left/100%;
background-repeat: space;
width: 140px;
height: 100%;
}
.a25fw_temp .cont_box {
display: flex;
flex-wrap: wrap;
align-items: center;
border-left: 4rem solid;
padding-left: 4rem;
padding-bottom: 30rem;
margin-left: 4rem;
}
.a25fw_temp #temp1 {
border-image: linear-gradient(to bottom, #fa8c36, #e9993f) 1;
}
.a25fw_temp #temp2 {
border-image: linear-gradient(to bottom, #e9993f, #d6a64d) 1;
}
.a25fw_temp #temp3 {
border-image: linear-gradient(to bottom, #d6a64d, #c0b259) 1;
}
.a25fw_temp #temp4 {
border-image: linear-gradient(to bottom, #c0b259, #9cc169) 1;
padding-bottom: 0;
}
.a25fw_temp #temp5 {
border: none;
padding-left: 0;
background: #fbfbfb;
}
.a25fw_temp .cont_box h2 {
position: relative;
z-index: 2;
text-align: center;
width: 100%;
margin-bottom: 12rem;
}
.a25fw_temp .cont_box h2 .cont_ttl {
border: 1px solid;
box-shadow: 5px 5px #565656;
background: #fbfbfb;
padding-right: 2rem;
}
.a25fw_temp #temp5 h2 .cont_ttl {
position: relative;
top: 6rem;
}
.a25fw_temp .cont_box h2 .cont_ttl img {
position: relative;
top: 8px;
left: -20px;
width: 100px;
}
.a25fw_temp .cont_box h2 .temp_num {
position: absolute;
left: -2rem;
z-index: 2;
font-size: 6.4rem;
font-family: "Oswald", sans-serif;
}
.a25fw_temp .cont_box .temp_num2 {
position: relative;
left: -2rem;
bottom: -3rem;
z-index: 2;
color: #9cc169;
font-size: 6.4rem;
font-family: "Oswald", sans-serif;
}
.a25fw_temp #temp1 h2 .temp_num {
top: -1rem;
color: #f98c36;
}
.a25fw_temp #temp4 h2 .temp_num {
top: -1rem;
color: #c0b259;
}
.a25fw_temp .cont_box h2 .temp_num::after, .a25fw_temp .cont_box .temp_num2::after {
content: "℃";
font-size: 4rem;
}
.a25fw_temp .cont_box h3 {
font-size: 1.8rem;
line-height: 1.5;
letter-spacing: 0;
}
.a25fw_temp .cont_box .price {
line-height: 2;
}
.a25fw_temp .cont_box .price li {
position: relative;
align-content: center;
margin-bottom: 2rem;
}
.a25fw_temp .cont_box .price a {
position: absolute;
top: 50%;
left: 12rem;
transform: translate(0, -50%);
border: 1px solid #6e6e6e;
padding: 0rem 2rem 0 1rem;
}
.a25fw_temp .cont_box .price a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 1rem;
width: 6px;
height: 6px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
margin: auto;
}
.a25fw_temp .cont_box .left .price {
position: relative;
left: 3rem;
}
.a25fw_temp .cont_box .left {
width: 52%;
}
.a25fw_temp .cont_box .right {
position: relative;
left: -6rem;
z-index: 3;
width: 48%
}
.a25fw_temp #temp4 .right {
left: -8rem;
}
.a25fw_temp .cont_box .right .s_box, .a25fw_temp .cont_box .right .s_box2 {
display: flex;
gap: 1.4rem;
align-items: center;
}
.a25fw_temp #temp2 .right .s_box, .a25fw_temp #temp3 .right .s_box {
margin-bottom: 10rem;
}
.a25fw_temp .cont_box .right .s_box2 {
position: relative;
left: 8rem;
flex-direction: row-reverse;
}
.a25fw_temp .cont_box .right .s_box .border_lr {
display: block;
position: relative;
left: -16rem;
z-index: -1;
width: 180%;
height: 6px;
margin: 2rem 0;
}
.a25fw_temp .cont_box .right .s_box2 .border_lr {
display: block;
position: relative;
left: -2rem;
z-index: -1;
width: 180%;
height: 6px;
margin: 2rem 0;
}
.a25fw_temp #temp1 .right .s_box .border_lr, .a25fw_temp #temp1 .right .s_box2 .border_lr {
background: #f98c36;
}
.a25fw_temp #temp2 .right .s_box .border_lr, .a25fw_temp #temp2 .right .s_box2 .border_lr {
background: #e39c43;
}
.a25fw_temp #temp3 .right .s_box .border_lr, .a25fw_temp #temp3 .right .s_box2 .border_lr {
background: #cdab52;
}
.a25fw_temp #temp4 .right .s_box .border_lr {
background: #b2b75f;
}
.a25fw_temp .cont_box .right .s_box2 img {
position: relative;
left: -2rem;
}
.a25fw_temp .cont_box .right img, .a25fw_temp .cont_box .right .txt_box {
width: calc(50% - 2rem);
}
.a25fw_temp #temp4 .right img {
position: relative;
top: -4rem;
left: -3rem;
width: 70%;
}
.a25fw_temp #temp4 .right .txt_box {
position: relative;
top: -4rem;
left: -3rem;
margin-right: -6rem;
}
.a25fw_temp .cont_box .left img, .a25fw_temp .cont_box.rain img {
border-radius: 5rem;
}
.a25fw_temp .cont_box .left h3 {
position: relative;
left: 2rem;
bottom: -2rem;
z-index: 1;
padding: 1.6rem 0 4rem 2rem;
}
.a25fw_temp #temp1 .left h3 {
border-left: 8px solid #f98c36;
}
.a25fw_temp #temp2 .left h3 {
border-left: 8px solid #e39c43;
}
.a25fw_temp #temp3 .left h3 {
border-left: 8px solid #cdab52;
}
.a25fw_temp #temp4 .left h3 {
border-left: 8px solid #b2b75f;
}
.a25fw_temp .cont_box .left img {
position: relative;
z-index: 2;
margin-bottom: 2rem;
}
.a25fw_temp .cont_box .left .s_box_l {
margin-bottom: 8rem;
}
.a25fw_temp .cont_box.rain p {
font-size: 1.6rem;
text-align: center;
margin: 0 auto 6rem;
}
.a25fw_temp .rain p.price2 {
text-align: center;
padding: 0;
margin: 2rem 0;
}
.a25fw_temp .rain a {
position: relative;
display: block;
border: 1px solid #6e6e6e;
padding: 0.4rem 2rem 0.4rem 1rem;
margin: 0 8rem;
}
.a25fw_temp .rain a::after {
content: "";
position: absolute;
top: 1.5rem;
bottom: 0;
right: 4rem;
width: 6px;
height: 6px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
}
.a25fw_temp .cont_box.rain ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 4rem;
}
.a25fw_temp .cont_box.rain ul li {
width: calc((70% - 4rem) / 2);
}
.a25fw_temp .footer {
text-align: center;
background: #efe6e9;
padding: 8rem 0;
}
.a25fw_temp .footer p, .a25fw_temp .footer .txt {
font-size: 1.6rem;
margin-bottom: 1rem;
}
.a25fw_temp .footer img {
max-width: 40%;
margin-bottom: 6rem;
}
.a25fw_temp .footer .a_info {
margin-top: 8rem;
}
.a25fw_temp .footer .a_info img {
max-width: 60%;
}
.a25fw_temp .footer .shoplist a {
border-bottom: 1px dotted;
padding: 0 1rem 0.3rem;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.a25fw_temp) {
padding: 0 0;
margin-bottom: 0;
}
.a25fw_temp .top {
margin-bottom: 10rem;
}
.a25fw_temp .top h1 {
margin: 0 auto 4rem;
}
.a25fw_temp .txt {
text-align: left;
font-size: 1.6rem;
padding: 0 2rem;
margin-bottom: 3rem;
}
.a25fw_temp .txt .ttl_m {
display: block;
text-align: center;
font-size: 2rem;
margin: 0 auto;
}
.a25fw_temp .bg {
left: 0;
width: 48px;
height: 100%;
}
.a25fw_temp .cont_box {
flex-direction: column;
border-left: 3rem solid;
padding-left: 0;
padding-bottom: 8rem;
margin-left: 0;
}
.a25fw_temp #temp4, .a25fw_temp #temp4 .s_box {
padding-bottom: 0;
margin-bottom: 0;
}
.a25fw_temp .cont_box .right, .a25fw_temp #temp4 .right {
left: 0.5rem;
}
.a25fw_temp .cont_box .right .s_box2 {
left: 0;
}
.a25fw_temp .cont_box .right .s_box, .a25fw_temp .cont_box .right .s_box2, .a25fw_temp #temp2 .right .s_box, .a25fw_temp #temp3 .right .s_box {
margin-bottom: 8rem;
}
.a25fw_temp .cont_box .left, .a25fw_temp .cont_box .right {
width: 100%;
}
.a25fw_temp .cont_box .right .s_box .border_lr {
left: -12rem;
}
.a25fw_temp .cont_box .right .s_box2 .border_lr {
left: -1.4rem;
}
.a25fw_temp #temp4 .right .txt_box {
position: static;
margin-right: 0;
width: calc(50% - 2rem);
}
.a25fw_temp .cont_box .left .s_box_l {
margin-bottom: 6rem;
}
.a25fw_temp .cont_box .left {
padding: 0 1rem;
margin-bottom: 6rem;
}
.a25fw_temp #temp4 .left {
margin-bottom: 1rem;
}
.a25fw_temp .cont_box .left .price {
left: 2rem;
}
.a25fw_temp .cont_box h3 {
font-size: 1.8rem;
}
.a25fw_temp .cont_box .left h3 {
left: 1.2rem;
padding: 0rem 0 3rem 1rem;
}
.a25fw_temp #temp1 .left h3 {
border-left: 6px solid #f98c36;
}
.a25fw_temp #temp2 .left h3 {
border-left: 6px solid #e39c43;
}
.a25fw_temp #temp3 .left h3 {
border-left: 6px solid #cdab52;
}
.a25fw_temp #temp4 .left h3 {
border-left: 6px solid #b2b75f;
}
.a25fw_temp .cont_box h2 .cont_ttl {
position: relative;
font-size: 2.6rem;
padding: 0.3rem 1rem;
}
.a25fw_temp #temp5 h2 .cont_ttl {
position: relative;
top: 14rem;
}
.a25fw_temp #temp1 h2, .a25fw_temp #temp4 h2 {
margin-bottom: 22rem;
}
.a25fw_temp #temp2 h2, .a25fw_temp #temp3 h2 {
margin-bottom: 6rem;
}
.a25fw_temp #temp1 .cont_ttl, .a25fw_temp #temp4 .cont_ttl {
top: 16rem;
}
.a25fw_temp .cont_box h2 .cont_ttl img {
position: absolute;
top: -2.3rem;
left: -2rem;
width: 80px;
}
.a25fw_temp .cont_box h2 .temp_num {
font-size: 5.4rem;
left: 0.6rem;
}
.a25fw_temp .cont_box .temp_num2 {
font-size: 5.4rem;
bottom: -2.5rem;
left: -12rem;
}
.a25fw_temp .cont_box .right img {
position: relative;
top: -4rem;
}
.a25fw_temp #temp1 .right .s_box2 img {
position: relative;
top: -13rem;
}
.a25fw_temp #temp2 .right img {
position: relative;
top: -9rem;
}
.a25fw_temp #temp4 .right img {
position: relative;
top: -8rem;
left: 0;
width: calc(50% - 2rem);
}
.a25fw_temp .cont_box .price {
line-height: 1.4;
}
.a25fw_temp .cont_box .right .price li {
margin-bottom: 0;
}
.a25fw_temp .cont_box .left .price li {
margin-bottom: 3rem;
}
.a25fw_temp .cont_box .right .price a {
display: block;
position: static;
text-align: center;
border: 1px solid #6e6e6e;
padding: 0.4rem 2rem 0.4rem 1rem;
margin: 2rem;
width: 78%;
}
.a25fw_temp .cont_box .left .price a {
display: inline;
text-align: center;
border: 1px solid #6e6e6e;
padding: 0.4rem 2rem 0.4rem 1rem;
margin: 0 1rem 0 3rem;
width: 40%;
}
.a25fw_temp .cont_box .price a::after {
right: 2rem;
}
.a25fw_temp .cont_box.rain p {
padding: 0 1rem;
margin: 19rem 0 4rem;
}
.a25fw_temp .cont_box.rain ul {
padding: 0 1rem;
gap: 1rem;
}
.a25fw_temp .cont_box.rain ul li {
width: calc((100% - 1rem) / 2);
margin-bottom: 8rem;
}
.a25fw_temp .rain p.price2 {
text-align: center;
padding: 0;
margin: 2rem 0;
}
.a25fw_temp .rain a {
position: relative;
display: block;
border: 1px solid #6e6e6e;
padding: 0.4rem 2rem 0.4rem 1rem;
margin: 0 auto;
}
.a25fw_temp .rain a::after {
top: 1.5rem;
right: 1rem;
}
.a25fw_temp .footer img, .a25fw_temp .footer .a_info img {
max-width: 100%;
}
.a25fw_temp .footer {
padding: 4rem 0;
}
.a25fw_temp .footer p, .a25fw_temp .footer .txt {
margin-bottom: 1rem;
}
.a25fw_temp .footer img {
margin-bottom: 4rem;
}
.a25fw_temp .footer .a_info {
margin-top: 8rem;
}
}
/*------------------------------------------------------------
▼▼▼　a25fw_cherry　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.a25fw_cherry) {
max-width: 100vw;
Overflow-x: hidden;
}
.a25fw_cherry {
font-size: 1.6rem;
background: url(../../item/rcbg.jpg) repeat top;
}
.a25fw_cherry .inner {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.a25fw_cherry .mv {
text-align: center;
position: relative;
aspect-ratio: 1 / 1;
max-width: 600px;
max-height: 600px;
margin: 10rem auto 0;
background: #febcbd;
border: 4px solid #a72224;
border-radius: 50%;
}
.a25fw_cherry .mv img {
display: inline-block;
max-width: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-47%, -53%);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.a25fw_cherry .toptxt {
color: #a72224;
text-align: center;
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(254 188 189) 30%, rgb(254 188 189) 70%, rgba(0, 0, 0, 0) 100%);
padding: 10rem 0;
margin-bottom: 20rem;
}
.a25fw_cherry .toptxt h2 {
font-family: serif;
font-weight: 800;
margin-bottom: 4rem;
}
.a25fw_cherry .toptxt p {
font-size: 1.6rem;
font-weight: 600;
line-height: 2;
}
.a25fw_cherry .rc_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background: #ffffff99;
backdrop-filter: blur(5px);
border-radius: 2rem;
margin-bottom: 40rem;
}
.a25fw_cherry .rc_box .left {
position: relative;
width: calc(100% * 0.5);
}
.a25fw_cherry .rc_box .left img {
border: 2px solid #b11f23;
box-shadow: 3px 6px #b11f23;
border-radius: 50%;
}
.a25fw_cherry .rc_box .left .img1 {
position: relative;
bottom: -9rem;
left: -2rem;
z-index: 2;
max-width: 85%;
}
.a25fw_cherry .rc_box .left .img2 {
position: absolute;
top: -9rem;
right: 4rem;
max-width: 50%;
}
.a25fw_cherry .rc_box .right {
position: relative;
width: calc(100% * 0.5);
}
.a25fw_cherry .rc_box .right dl {
position: relative;
left: -2rem;
z-index: 3;
width: 54%;
}
.a25fw_cherry .rc_box .right dl dt {
text-align: center;
color: #fff;
text-shadow: 2px 2px 0 #b11f23, -1px -1px 0 #b11f23, -1px 1px 0 #b11f23, 1px -1px 0 #b11f23, 1px 0 0 #b11f23, -1px 0 0 #b11f23, 0 1px 0 #b11f23, 0 -1px 0 #b11f23;
font-size: 2.2rem;
letter-spacing: 0;
margin-bottom: 4rem;
}
.a25fw_cherry .rc_box .right dl dt .limited {
display: block;
font-size: 1.4rem;
}
.a25fw_cherry .rc_box .right dl dd:nth-child(2) {
color: #111;
line-height: 1.6;
margin-bottom: 4rem;
}
.a25fw_cherry .rc_box .right .itemimg {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
max-width: 50%;
}
.a25fw_cherry #rc3 .right .itemimg {
rotate: 27deg;
right: 7rem;
}
.a25fw_cherry .rc_box .right .btn {
justify-content: center;
color: #a72224;
font-weight: bold;
background: #fff;
border: 2px solid #b11f23;
box-shadow: 4px 4px #b11f23;
border-radius: 8rem;
width: 85%;
padding: 1.2rem 0;
margin: 0 auto;
}
.a25fw_cherry .rc_box .right .btn:after {
border: 2px solid #a72224;
border-bottom: none;
border-left: none;
margin-bottom: 1px;
}
.a25fw_cherry .rc_box .right dl dd:last-child {
position: relative;
}
.a25fw_cherry .rc_box .right dl dd:last-child img {
position: absolute;
top: -1.2rem;
right: 1.2rem;
max-width: 14%;
}
.a25fw_cherry .footer {
color: #fff;
text-align: center;
background: #b11f23;
padding: 8rem 0;
}
.a25fw_cherry .footer .a_info p {
font-size: 1.6rem;
margin-bottom: 1rem;
}
.a25fw_cherry .footer .a_info img {
max-width: 40%;
margin-bottom: 4rem;
}
.a25fw_cherry .footer .a_info .shoplist a {
color: #fff;
border-bottom: 2px dotted;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.a25fw_cherry) {
padding: 0 0;
margin-bottom: 0;
}
.a25fw_cherry {
background: url(../../item/rcbg.jpg) repeat top/ 100%;
}
.a25fw_cherry .mv {
margin: 2rem auto;
}
.a25fw_cherry .toptxt {
background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(254 188 189) 30%, rgb(254 188 189) 70%, rgba(0, 0, 0, 0) 100%);
padding: 4rem 0;
margin-bottom: 12rem;
}
.a25fw_cherry .toptxt p {
text-align: left;
padding: 0 2rem;
}
.a25fw_cherry .rc_box {
flex-direction: column;
border-radius: 0;
padding: 4rem 0 6rem;
margin-bottom: 18rem;
}
.a25fw_cherry .rc_box .left, .a25fw_cherry .rc_box .right {
width: 100%;
}
.a25fw_cherry .rc_box .left .img1 {
bottom: -2rem;
left: -3rem;
}
.a25fw_cherry .rc_box .left .img2 {
top: -8rem;
right: -1rem;
}
.a25fw_cherry .rc_box .right .itemimg {
top: -3rem;
right: -1rem;
z-index: 3;
max-width: 45%;
}
.a25fw_cherry #rc2 .right .itemimg {
top: -1rem;
right: 0.5rem;
rotate: 10deg;
}
.a25fw_cherry #rc3 .right .itemimg {
top: -2rem;
right: 1rem;
}
.a25fw_cherry #rc4 .right .itemimg {
top: -2rem;
}
.a25fw_cherry #rc5 .right .itemimg {
top: -1.2rem;
right: 0.2rem;
rotate: 3deg;
}
.a25fw_cherry .rc_box .right dl {
left: 0;
width: 100%;
padding: 0 2rem;
}
.a25fw_cherry .rc_box .right dl dt {
text-align: center;
}
.a25fw_cherry .rc_box .right dl dd:last-child img {
position: absolute;
top: -1.4rem;
right: 1.7rem;
max-width: 14%;
}
.a25fw_cherry .rc_box .right .btn {
margin: 0 auto;
}
.a25fw_cherry .footer {
padding: 6rem 0;
}
.a25fw_cherry .footer .a_info img {
max-width: 100%;
margin-bottom: 3rem;
}
}
/*------------------------------------------------------------
▼▼▼　A_mens25fw　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.A_mens25fw) {
max-width: 100vw;
Overflow-x: hidden;
}
.A_mens25fw {
color: #eee;
font-size: 1.6rem;
background: #606060;
}
.A_mens25fw img {
vertical-align: bottom;
}
.A_mens25fw .inner {
max-width: 1200px;
margin: 0 auto;
}
.A_mens25fw .mv {
max-width: 1920px;
margin: 0 auto 12rem;
}
.A_mens25fw .toptxt {
text-align: center;
margin-bottom: 24rem;
}
.A_mens25fw .toptxt p {
font-size: 1.6rem;
line-height: 2;
}
.A_mens25fw .toptxt span {
display: block;
}
.A_mens25fw .toptxt .ttl_s {
font-size: 1.4rem;
line-height: 0;
}
.A_mens25fw .toptxt .ttl_m {
font-size: 2.8rem;
margin-bottom: 2rem;
}
.A_mens25fw h2 {
position: absolute;
top: -7rem;
left: 26.4%;
z-index: 2;
font-size: 12rem;
font-family: "Oswald", sans-serif;
}
.A_mens25fw .cont_box {
position: relative;
margin-bottom: 24rem;
}
.A_mens25fw .cont_box .bg {
text-align: left;
background: #4b544f;
}
.A_mens25fw .cont_box .bg img {
width: 90%;
max-width: 1920px;
height: auto;
-webkit-mask-image: linear-gradient(to right, transparent 0px, black 100px, black calc(100% - 100px), transparent 100%);
mask-image: linear-gradient(to right, transparent 0px, black 100px, black calc(100% - 100px), transparent 100%);
}
.A_mens25fw .cont_box .bg::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%));
}
.A_mens25fw .target {
opacity: 0;
transition: opacity 2s;
}
.A_mens25fw .target.visible {
opacity: 1;
}
.A_mens25fw .cont {
position: absolute;
top: 50%;
left: 27%;
transform: translate(0, -50%);
z-index: 1;
padding-right: 2rem;
}
.A_mens25fw .cont .img {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.A_mens25fw .cont .img li {
width: calc((100% - 4rem) / 3);
}
.A_mens25fw .cont .img li img {
margin-bottom: 2rem;
}
.A_mens25fw .cont .price_pc, .A_mens25fw .price_sp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
font-family: "Oswald", sans-serif;
}
.A_mens25fw .cont .price_pc li, .A_mens25fw .price_sp li {
font-weight: 500;
width: 50%;
}
.A_mens25fw .cont .price_pc li:nth-child(odd), .A_mens25fw .price_sp li:nth-child(odd) {
font-size: 1.7rem;
}
.A_mens25fw .cont .price_pc .btn, .A_mens25fw .price_sp .btn {
color: #eee;
justify-content: center;
background: #581010;
padding: 0.5rem 0;
width: 100%;
border: none;
}
.A_mens25fw .cont .price_pc .btn::after, .A_mens25fw .price_sp .btn::after {
border: 2px solid #eee;
border-bottom: none;
border-left: none;
width: 7px;
height: 7px;
margin-top: 0.2rem;
}
.A_mens25fw .footer {
color: #fff;
text-align: center;
margin-bottom: 8rem;
}
.A_mens25fw .footer .a_info p {
font-size: 1.6rem;
margin-bottom: 1rem;
}
.A_mens25fw .footer .a_info img {
max-width: 80%;
margin-bottom: 4rem;
}
.A_mens25fw .footer .a_info .shoplist a {
color: #fff;
border-bottom: 1px solid;
}
@media screen and (min-width: 769px) {
.A_mens25fw .price_sp {
display: none;
}
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.A_mens25fw) {
padding: 0 0;
margin-bottom: 0;
}
.A_mens25fw .mv {
margin: 0 auto 8rem;
}
.A_mens25fw .toptxt {
margin-bottom: 16rem;
}
.A_mens25fw h2 {
top: -7rem;
left: 1rem;
font-size: 10rem;
}
.A_mens25fw .cont_box {
margin-bottom: 8rem;
}
.A_mens25fw .cont_box .bg img {
width: 100%;
}
.A_mens25fw .cont {
position: absolute;
top: 50%;
left: 45%;
transform: translate(0, -50%);
z-index: 1;
color: #fff;
padding-right: 2rem;
}
.A_mens25fw .cont .img {
flex-direction: column;
gap: 1rem;
}
.A_mens25fw .cont .img li {
width: 100%;
}
.A_mens25fw .cont .price_pc {
display: none;
}
.A_mens25fw .price_sp {
width: 75%;
margin: 0 auto 16rem;
}
.A_mens25fw .price_sp li {
margin-bottom: 2rem;
}
.A_mens25fw .footer .a_info img {
max-width: 100%;
margin-bottom: 3rem;
}
}
/*------------------------------------------------------------
▼▼▼　a25fw_temp2　▼▼▼
--------------------------------------------------------------*/
.a25fw_temp2 .top h1 {
background: #c0dbe2;
}
.a25fw_temp2 .txt img {
display: block;
max-width: 20%;
margin: 0 auto;
}
.a25fw_temp2 .bg {
background: url(../../item/A25FW_kion2bg.png) repeat-y top left/100%;
}
.a25fw_temp2 #temp6 {
border-image: linear-gradient(to bottom, #9cc169, #69c17c) 1;
}
.a25fw_temp2 #temp7 {
border-image: linear-gradient(to bottom, #69c17c, #69c1b9) 1;
}
.a25fw_temp2 #temp8 {
border-image: linear-gradient(to bottom, #69c1b9, #69adc1) 1;
}
.a25fw_temp2 #temp6 h2 .temp_num {
top: -1rem;
color: #9ac169;
}
.a25fw_temp2 #temp7 h2 .temp_num {
top: -1rem;
color: #69c17d;
}
.a25fw_temp2 #temp8 h2 .temp_num {
top: -1rem;
color: #69c1b9;
}
.a25fw_temp2 #temp6 .left .s_box_l .border_lr2, .a25fw_temp2 #temp6 .right .s_box2 .border_lr {
background: #9ac169;
}
.a25fw_temp2 #temp7 .left .s_box_l .border_lr2, .a25fw_temp2 #temp7 .right .s_box2 .border_lr {
background: #69c17d;
}
.a25fw_temp2 #temp8 .left .s_box_l .border_lr2, .a25fw_temp2 #temp8 .right .s_box2 .border_lr {
background: #69c1b9;
}
.a25fw_temp2 .cont_box {
display: block;
padding-bottom: 20rem;
}
.a25fw_temp2 #temp8 {
padding-bottom: 10rem;
}
.a25fw_temp2 .cont_box .left, .a25fw_temp2 .cont_box.right {
width: 100%;
}
.a25fw_temp2 .cont_box .left .s_box_l {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.a25fw_temp2 .cont_box .left .s_box_l h3, .a25fw_temp2 .cont_box .left .s_box_l img {
position: relative;
border-left: none;
width: 50%;
}
.a25fw_temp2 .cont_box .left .s_box_l h3 {
top: -10rem;
}
.a25fw_temp2 .cont_box .left .sbl_2 h3 {
top: -8rem;
}
.a25fw_temp2 .cont_box .left .sbl_1 h3 {
top: -12rem;
}
.a25fw_temp2 .cont_box .left .s_box_l .border_lr2 {
display: block;
position: relative;
left: -10%;
width: 100%;
height: 6px;
margin: 2rem 0;
}
.a25fw_temp2 .cont_box .left .s_box_l .price {
position: absolute;
left: 54%;
bottom: 20%;
z-index: 3;
width: 40%;
}
.a25fw_temp2 .cont_box .left .s_box_l .price {
bottom: 14%;
}
.a25fw_temp2 .cont_box .left .sbl_2 .price {
bottom: 25%;
}
.a25fw_temp2 .cont_box .right {
top: -2rem;
width: 80%;
}
.a25fw_temp2 .cont_box .right .s_box2 {
left: 45%;
}
.a25fw_temp2 .cont_box .right .s_box2 h3, .a25fw_temp2 .cont_box .right .s_box2 .price {
padding-left: 6rem;
}
.a25fw_temp2 .cont_box .right .s_box2 .border_lr {
left: 0;
z-index: -1;
width: 120%;
height: 6px;
margin: 2rem 0 4rem;
}
.a25fw_temp2 .cont_box .right .s_box2 img {
top: -2rem;
left: -6rem;
width: 50%;
}
.a25fw_temp2 .footer {
background: #c0dbe2;
}
.a25fw_temp2 .footer .a_info {
margin-top: 0;
}
.a25fw_temp2 .footer .a_info img {
max-width: 40%;
}
@media screen and (max-width: 768px) {
.a25fw_temp2 .txt.lnk {
text-align: center;
}
.a25fw_temp2 .txt img {
max-width: 100%;
}
.a25fw_temp2 .cont_box h2 .cont_ttl {
top: 11rem;
font-size: 2.2rem;
}
.a25fw_temp2 .cont_box {
padding-bottom: 4rem;
}
.a25fw_temp2 #temp8 {
padding-bottom: 4rem;
}
.a25fw_temp2 .cont_box .box_pt {
padding-top: 5rem;
}
.a25fw_temp2 .cont_box .right {
width: 100%;
}
.a25fw_temp2 .cont_box .right .s_box2 {
position: relative;
left: 0;
margin-bottom: 4rem;
}
.a25fw_temp2 .cont_box .right .s_box2 img {
position: absolute;
top: 0;
left: -4rem;
width: 65%;
}
.a25fw_temp2 .cont_box .right .s_box2 .txt_box {
width: 55%;
padding-right: 2rem;
}
.a25fw_temp2 .cont_box .right .s_box2 .border_lr {
left: -8rem;
width: 143%;
}
.a25fw_temp2 .cont_box .right .s_box2 h3, .a25fw_temp2 .cont_box .right .s_box2 .price {
padding-left: 0;
}
.a25fw_temp2 .cont_box .left {
margin-bottom: 8rem;
}
.a25fw_temp2 .cont_box .left .s_box_l {
flex-direction: column;
margin-bottom: 0;
}
.a25fw_temp2 .cont_box .left .s_box_l h3, .a25fw_temp2 .cont_box .left .s_box_l img {
width: 100%;
}
.a25fw_temp2 .cont_box .left .s_box_l h3 {
top: 0;
padding-right: 2rem;
}
.a25fw_temp2 .cont_box .left .s_box_l .border_lr2 {
top: 0;
left: 0;
width: 100%;
margin: 1rem 0 2rem;
}
.a25fw_temp2 .cont_box .left .s_box_l .price {
position: relative;
left: 2.6rem;
width: 100%;
margin-bottom: 4rem;
}
.a25fw_temp2 .cont_box .left .s_box_l .price li {
padding: 0.5rem 0;
}
.a25fw_temp2 .cont_box .left .s_box_l .price li:last-child {
padding: 0.5rem 0 0;
margin-bottom: 0;
}
.a25fw_temp2 .footer .a_info p {
margin-bottom: 0.5rem;
}
.a25fw_temp2 .footer .a_info img {
max-width: 100%;
}
}
/*------------------------------------------------------------
▼▼▼　p25aw_outer　▼▼▼
--------------------------------------------------------------*/
.p25aw_outer {
color: #3c3225;
background: #f2e6d8;
}
.p25aw_outer .bg {
position: relative;
}
.p25aw_outer .bg::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: linear-gradient(rgb(235 221 202 / 86%), rgb(235 221 202 / 86%));
}
.p25aw_outer .inner {
padding: 8rem 0 0;
margin-bottom: 20rem;
}
.p25aw_outer .cont.last .inner {
padding: 0;
margin-bottom: 0;
}
.p25aw_outer h1 {
margin: 0 auto 12rem;
}
.p25aw_outer h1 img {
max-width: 100%;
}
.p25aw_outer .top_txt {
text-align: center;
}
.p25aw_outer .cont {
position: relative;
z-index: 2;
padding: 0 2rem;
}
.p25aw_outer .cont h2:not(.fs-c-productListItem__productName) {
color: #3c3225;
font-family: "Source Serif 4", serif;
font-weight: 500;
margin-bottom: 4rem;
}
.p25aw_outer .cont p {
margin-bottom: 6rem;
}
.p25aw_outer .cont h2 .ttl_s {
display: block;
position: relative;
left: -2rem;
font-size: 2.8rem;
margin-bottom: 1rem;
}
.p25aw_outer .cont .box {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4rem;
margin-bottom: 12rem;
}
.p25aw_outer .cont .box2 {
flex-direction: row-reverse;
}
.p25aw_outer .cont .img_ani, .p25aw_outer .cont .box dl {
width: calc((100% - 4rem) / 2);
}
.p25aw_outer .cont .box img {
border: 1px solid #3c3225;
}
.p25aw_outer .cont .box dl {
position: relative;
}
.p25aw_outer .cont .box dl dt {
font-size: 2.2rem;
font-weight: 500;
border-bottom: 1px solid #675a48;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.p25aw_outer .cont .box dl dd:nth-child(2) {
margin-bottom: 4rem;
}
.p25aw_outer .cont .box dl dd:nth-child(3) {
margin-bottom: 4rem;
}
.p25aw_outer .cont .box dl .color_img {
width: 50%;
}
.p25aw_outer .cont .box dl dd .btn {
color: #fffdf6;
background: #3c3225;
;
border: none;
margin-left: auto;
}
.p25aw_outer .cont .box dl dd .btn::after {
border: 1px solid #fffdf6;
border-left: none;
border-bottom: none;
margin-bottom: -1px;
}
.p25aw_outer .cont h3 {
font-family: "Source Serif 4", serif;
font-size: 2.1rem;
font-weight: 500;
letter-spacing: 0;
border-bottom: 1px solid #675a48;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.p25aw_outer .cont.last {
background: #5a4e3e52;
padding: 4rem 0 2rem;
}
.p25aw_outer .cont.last h3 {
color: #fffaef;
text-align: center;
border-bottom: none;
}
.p25aw_outer .cont.last span.fs-c-productName__name, .p25aw_outer .cont.last .fs-c-productPrices, .p25aw_outer .cont.last .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
.p25aw_outer .cont .parts_items {
margin-bottom: 20rem;
}
.p25aw_outer .cont.last .parts_items {
margin-bottom: 0;
}
.p25aw_outer .fs-c-buttonContainer {
display: none;
}
.p25aw_outer span.fs-c-productName__name, .p25aw_outer .fs-c-productPrices, .p25aw_outer .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #3c3225;
}
.p25aw_outer .fs-c-productListItem__productName {
margin: 8px 0 0;
}
.p25aw_outer .footer {
padding: 20rem 0;
margin-bottom: 0;
}
main.fs-l-main--page .p25aw_outer .footer p {
text-align: center;
font-size: 1.8rem;
margin-bottom: 1.6rem;
}
main.fs-l-main--page .p25aw_outer .footer p.shoplist a {
color: #3c3225;
border-bottom: 1px solid #675a48;
padding: 0 1rem 0.5rem;
}
.p25aw_outer .footer img {
margin-bottom: 8rem;
}
.p25aw_outer .target.opacity {
opacity: 0;
transition: opacity 3s;
}
.p25aw_outer .target.opacity.visible {
opacity: 1;
}
.p25aw_outer .target.fade {
opacity: 0;
transform: translateY(60px);
transition: opacity 1.8s, transform 1.8s;
}
.p25aw_outer .target.fade.visible {
opacity: 1;
transform: translateY(0);
}
.p25aw_outer .target.img_ani {
opacity: 0;
transition: opacity 0.5s;
}
.p25aw_outer .target.img_ani.visible {
opacity: 1;
clip-path: inset(70% 70% 70% 70%);
animation: fromcenter 1.6s ease-out forwards;
}
@keyframes fromcenter {
0% {
clip-path: inset(70% 70% 70% 70%);
}
100% {
clip-path: inset(0 0 0 0);
}
}
@media screen and (max-width: 768px) {
.p25aw_outer, main.fs-l-main--page .p25aw_outer p {
font-size: 1.6rem;
}
.p25aw_outer .inner {
padding: 6rem 0 0;
margin-bottom: 10rem;
}
.p25aw_outer h1 {
margin: 0 auto 4rem;
}
.p25aw_outer .top_txt {
text-align: left;
letter-spacing: 0;
width: 100%;
padding: 0 4rem;
}
.p25aw_outer .cont {
padding: 0 2rem;
}
.p25aw_outer .cont h2:not(.fs-c-productListItem__productName) {
text-align: center;
font-size: 2.4rem;
letter-spacing: 0;
margin-bottom: 3rem;
}
.p25aw_outer .cont h2 .ttl_s {
text-align: left;
font-size: 2.2rem;
left: 0;
}
.p25aw_outer .cont .box {
flex-direction: column;
gap: 1rem;
padding: 8rem 0 0;
margin-bottom: 12rem;
}
.p25aw_outer .cont .img_ani, .p25aw_outer .cont .box dl {
width: 100%;
}
.p25aw_outer .cont .box dl dd:nth-child(3) {
margin-bottom: 2rem;
}
.p25aw_outer .cont .box dl .color_img {
display: block;
max-width: 70%;
margin: 0 auto;
}
.p25aw_outer .cont .parts_items {
margin-bottom: 14rem;
}
.p25aw_outer .footer {
padding: 10rem 0;
margin-bottom: 0;
}
main.fs-l-main--page .p25aw_outer .footer p {
font-size: 1.6rem;
}
.p25aw_outer .footer img {
margin-bottom: 4rem;
}
main.fs-l-main--page .p25aw_outer .footer p.shoplist a {
padding: 0 1rem;
}
}
/*------------------------------------------------------------
▼▼▼　p25aw_knit　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(article.p25aw_knit) {
max-width: 100vw;
overflow: clip;
}
.p25aw_knit {
color: #453428;
font-size: 10px;
background: #f8f6f3;
}
.p25aw_knit .inner {
max-width: 1200px;
margin: 0 auto;
}
.p25aw_knit img {
vertical-align: bottom;
}
.p25aw_knit, main.fs-l-main--page .p25aw_knit p {
font-size: 1.6rem;
line-height: 1.7;
}
.p25aw_knit h1 {
text-align: center;
margin: 0 auto 8%;
}
.p25aw_knit h1 img {
max-width: 100%;
}
main.fs-l-main--page .p25aw_knit .top_txt {
text-align: center;
line-height: 2;
max-width: 1920px;
margin-bottom: 2%;
}
.p25aw_knit nav ul {
display: flex;
flex-wrap: wrap;
gap: 4rem;
max-width: 1200px;
margin: 8% auto;
}
.p25aw_knit nav ul li {
width: calc((100% - 12rem) / 4);
}
.p25aw_knit .cont {
padding-bottom: 12%;
}
.p25aw_knit #p25awknit_1 {
background: #e3d9cf;
}
.p25aw_knit #p25awknit_2 {
background: #aab0cf;
}
.p25aw_knit #p25awknit_3 {
background: #e7e9ed;
}
.p25aw_knit #p25awknit_4 {
background: #f3e1dc;
}
.p25aw_knit .cont_top {
position: relative;
align-content: center;
background: #cdced3;
min-height: 370px;
margin-bottom: 12%;
}
.p25aw_knit #p25awknit_3 .cont_top {
background: linear-gradient(to right, #483f3b, #766c6d);
}
.p25aw_knit #p25awknit_4 .cont_top {
background: linear-gradient(to right, #c8cbd1, #c6c9d2);
}
.p25aw_knit .cont_top .cont_topimg {
display: block;
width: 100%;
mask-image: linear-gradient(to right, transparent 0px, black 40px, black calc(100% - 40px), transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0px, black 40px, black calc(100% - 40px), transparent 100%);
max-width: 1200px;
height: auto;
margin: 0 auto;
}
.p25aw_knit #p25awknit_2 .cont_top .cont_topimg {
mask-image: linear-gradient(to right, transparent 0px, black 60px, black calc(100% - 60px), transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0px, black 60px, black calc(100% - 60px), transparent 100%);
}
.p25aw_knit #p25awknit_4 .cont_top .cont_topimg {
mask-image: linear-gradient(to right, transparent 0px, black 80px, black calc(100% - 80px), transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0px, black 80px, black calc(100% - 80px), transparent 100%);
}
.p25aw_knit .cont_top p {
position: absolute;
left: 50%;
top: 48%;
width: 50%;
max-width: 600px;
padding-right: 2%;
}
.p25aw_knit #p25awknit_3 .cont_top p {
color: #fff8f6;
}
.p25aw_knit .cont_top .cont_ttl {
display: block;
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
max-width: 600px;
}
.p25aw_knit .cont_top .cont_ttl img {
height: 42%;
}
.p25aw_knit #p25awknit_1 .cont_top .cont_ttl, .p25aw_knit #p25awknit_3 .cont_top .cont_ttl {
left: 47%;
}
.p25aw_knit .item_box {
text-align: center;
margin-bottom: 20%;
}
.p25aw_knit .img_box {
display: flex;
flex: wrap;
margin-bottom: 8%;
}
.p25aw_knit .img_box .left {
position: relative;
left: 12%;
width: 50%;
}
.p25aw_knit .img_box .right {
position: relative;
width: 50%
}
.p25aw_knit .img_box .right .r_top {
position: absolute;
top: -4%;
left: 6%;
max-width: 45%;
}
.p25aw_knit .img_box .right .r_bottom {
position: absolute;
}
.p25aw_knit .item1 .img_box .right .r_bottom {
top: 14%;
left: -8%;
max-width: 90%;
rotate: 7deg;
}
.p25aw_knit .item2 .img_box .right .r_bottom {
top: 27%;
left: 2%;
max-width: 80%;
rotate: 7deg;
}
.p25aw_knit .item3 .img_box .right .r_bottom {
top: 15%;
left: -13%;
max-width: 114%;
}
.p25aw_knit .item4 .img_box .right .r_bottom {
top: 23%;
left: -1%;
max-width: 102%;
rotate: -6deg;
}
.p25aw_knit .item5 .img_box .right .r_bottom {
top: 16%;
left: -1%;
max-width: 100%;
rotate: 6deg;
}
.p25aw_knit .item6 .img_box .right .r_bottom {
top: 22%;
left: -12%;
max-width: 102%;
rotate: -4deg;
}
.p25aw_knit .item7 .img_box .right .r_bottom {
top: 22%;
left: -1%;
max-width: 98%;
rotate: 12deg;
}
.p25aw_knit .item8 .img_box .right .r_bottom {
top: 22%;
left: -2%;
max-width: 99%;
}
.p25aw_knit .item9 .img_box .right .r_bottom {
top: 20%;
left: -5%;
max-width: 99%;
rotate: 7deg;
}
.p25aw_knit .item10 .img_box .right .r_bottom {
top: 16%;
left: -4%;
max-width: 104%;
rotate: 4deg;
}
.p25aw_knit .item11 .img_box .right .r_bottom {
top: 22%;
left: 1%;
max-width: 94%;
rotate: 4deg;
}
.p25aw_knit .item12 .img_box .right .r_bottom {
top: 22%;
left: -5%;
max-width: 98%;
rotate: 10deg;
}
.p25aw_knit .item_box .item_name {
font-size: 2rem;
margin-bottom: 3%;
}
.p25aw_knit .btn {
color: #f6eee8;
background: #4b3423;
padding: 1% 5%;
margin: 0 auto;
}
.p25aw_knit .btn::after {
border: 1px solid #f6eee8;
border-left: none;
border-bottom: none;
}
.p25aw_knit h3 {
text-align: center;
font-size: 2.2rem;
padding-bottom: 1%;
margin-bottom: 3%;
border-bottom: 1px solid #675446;
;
}
.p25aw_knit .parts_items {
margin-bottom: 0;
}
.p25aw_knit span.fs-c-productName__name, .p25aw_knit .fs-c-productPrices, .p25aw_knit .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #453428;
}
.p25aw_knit .footer {
padding: 8% 0;
margin-bottom: 0;
}
.p25aw_knit .footer img {
display: block;
max-width: 60%;
margin: 0 auto 8%;
}
main.fs-l-main--page .p25aw_knit .footer p {
text-align: center;
font-size: clamp(1.4rem, calc(0.9rem + 0.625vw), 1.8rem);
margin-bottom: 1.6rem;
}
.p25aw_knit .target.opacity {
opacity: 0;
transition: opacity 2.8s;
}
.p25aw_knit .target.opacity.visible {
opacity: 1;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(article.p25aw_knit) {
padding: 0;
margin-bottom: 0;
}
main.fs-l-main--page .p25aw_knit .top_txt {
padding: 0 5%;
margin-bottom: 8%;
}
.p25aw_knit nav ul {
gap: 2rem;
margin: 20% 2%;
}
.p25aw_knit nav ul li {
width: calc((100% - 2rem) / 2);
}
.p25aw_knit nav ul li:nth-child(1), .p25aw_knit nav ul li:nth-child(2) {
margin-bottom: 2rem;
}
.p25aw_knit .cont {
padding-bottom: 40%;
}
.p25aw_knit .cont_top .cont_topimg {
width: 100vw;
height: 300px;
object-fit: cover;
object-position: 30% 50%;
mask-image: none;
-webkit-mask-image: none;
}
.p25aw_knit #p25awknit_2 .cont_top .cont_topimg, .p25aw_knit #p25awknit_3 .cont_top .cont_topimg, .p25aw_knit #p25awknit_4 .cont_top .cont_topimg {
mask-image: none;
-webkit-mask-image: none;
}
.p25aw_knit .cont_top p {
position: relative;
left: 0;
z-index: 3;
width: 100%;
padding: 8% 6% 14%;
}
.p25aw_knit #p25awknit_1 .cont_top p {
background: #e3d9cf;
}
.p25aw_knit #p25awknit_2 .cont_top p {
background: #aab0cf;
}
.p25aw_knit #p25awknit_3 .cont_top p {
color: #453428;
background: #e7e9ed;
}
.p25aw_knit #p25awknit_4 .cont_top p {
background: #f3e1dc;
}
.p25aw_knit .cont_top .cont_ttl {
left: 62%;
}
.p25aw_knit #p25awknit_1 .cont_top .cont_ttl, .p25aw_knit #p25awknit_3 .cont_top .cont_ttl {
left: 55%;
}
.p25aw_knit .cont_top .cont_ttl img {
width: auto;
height: 30%;
min-height: 183px;
}
.p25aw_knit .item_box {
margin-bottom: 38%;
}
.p25aw_knit .img_box .left {
left: 10%;
width: 60%;
}
.p25aw_knit .img_box .right {
left: 5%;
width: 60%
}
.p25aw_knit .img_box .right .r_top {
top: -8%;
left: 0;
max-width: 50%;
}
.p25aw_knit .item4 .img_box .right .r_bottom {
left: -15%;
}
.p25aw_knit .item7 .img_box .right .r_bottom {
left: -14%;
}
.p25aw_knit .item5 .img_box .right .r_bottom, .p25aw_knit .item8 .img_box .right .r_bottom, .p25aw_knit .item9 .img_box .right .r_bottom, .p25aw_knit .item10 .img_box .right .r_bottom, .p25aw_knit .item11 .img_box .right .r_bottom, .p25aw_knit .item12 .img_box .right .r_bottom {
left: -12%;
}
.p25aw_knit .footer {
padding: 20% 0;
}
.p25aw_knit .footer img {
max-width: 100%;
margin: 0 auto 8%;
}
}
/*------------------------------------------------------------
▼▼▼　bf2025　▼▼▼
--------------------------------------------------------------*/
.fs-l-pageMain:has(section.bf2025) {
max-width: 100vw;
Overflow-x: hidden;
}
.bf2025 {
color: #ededed;
background: #1f1828;
font-family: monospace;
background-image: url(https://bikijapanonline.itembox.design/item/bf2025_bg.jpg?d=20251117142729);
background-size: contain;
margin-bottom: 2em;
}
.bf2025 .inner {
max-width: 1200px;
margin: 0 auto;
}
main.fs-l-main--page .bf2025 .top_txt span {
font-size: 1.4rem;
}
.bf2025 .menu_bf2025 {
display: flex;
margin: 0 .4em 10rem;
gap: .6em;
justify-content: center;
}
.bf2025 .menu_bf2025 li {
width: calc(80% / 3);
background: #000000;
padding: 2rem 0;
border: 1px solid #fe4aa1;
border-radius: 10px;
}
.bf2025 .menu_bf2025 li:last-child {
/* border-right: none; */
}
.bf2025 .menu_bf2025 li a {
display: block;
width: 100%;
font-size: 1.8rem;
font-weight: 600;
color: #ff48a2;
}
.bf2025 .itemlist {
color: #fff;
/* background: #d2c2a7; */
padding-bottom: 10rem;
margin-bottom: 20rem;
border: 1px solid #f24fa0;
border-radius: 20px;
margin: 10em .4em;
}
.bf2025 .itemlist dl dt {
color: #e94c9a;
align-items: center;
display: flex;
justify-content: center;
margin-top: 3em;
font-size: 2.4em;
font-family: 'Poppins';
font-weight: 400;
width: 100%;
}
.bf2025 .itemlist dl dt::before, .bf2025 .itemlist dl dt::after {
background-color: #e44a97;
content: "";
height: 2px;
width: calc(80% / 3);
}
.bf2025 .itemlist dl dt::before {
margin-right: 15px;
}
.bf2025 .itemlist dl dt::after {
margin-left: 15px;
}
.bf2025 dl dd:nth-child(3n) {
margin-bottom: 0;
}
.bf2025.salelp .itemlist .more_btn {
font-weight: 600;
color: #f24fa0;
background: #000000;
border-radius: 6px;
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid;
transition: 0.5s;
}
.bf2025 .itemlist .more_btn::after {
border: 2px solid #f24fa0;
border-bottom: none;
border-left: none;
}
.bf2025 .rate_d {
margin-bottom: 5rem;
}
.bf2025 .rate_d .more_btn {
padding: 1.2rem 4rem;
}
.bf2025 .itemlist .ttl {
font-size: 4.6rem;
font-weight: 400;
padding: 1.6rem 0 0;
/* margin-bottom: 5rem; */
color: #f24fa0;
/* border-bottom: #f24fa0 1px solid; */
font-family: 'Poppins';
}
.bf2025 .itemlist .item_txt {
line-height: 1.8;
/* background: #000; */
padding: 4em 0;
}
.bf2025 .bf_set .item_parts {
border-top: 1px #f24fa0 dashed;
padding: 6em 0;
}
.bf2025 .itemlist .set_txt {
margin: 0rem 0 4rem;
color: #fff;
font-size: 16px;
}
.bf2025 .bf_set .set_txt span {
font-size: 2rem;
background: linear-gradient(transparent 78%, #e8e561ab 22%);
}
.bf2025 .itemlist .login_btn {
display: inline-block;
font-size: 1.5rem;
background: #f24fa0;
color: #1f1828;
padding: 1rem 6rem;
margin: 3rem 0 0;
border-radius: 6px;
transition: 0.5s;
font-weight: 600;
font-family: monospace;
}
.bf2025 .itemlist .item_parts {
/* margin: 8rem 0 3rem; */
padding: 4em 0 06em;
}
.bf2025 .itemlist .fs-c-productName__copy {
display: none;
/* margin: 0; */
/* color: #fff; */
}
.bf2025 .itemlist span.fs-c-productListCarousel__ctrl.slick-arrow {
display: none !important;
}
.bf2025 .itemlist .fs-c-productListCarousel__list {
overflow: auto;
}
.bf2025 .itemlist .slick-list.draggable {
overflow: hidden;
}
.bf2025 .itemlist .fs-c-slick .slick-track {
width: 1000px !important;
transform: none !important;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}
.bf2025 .itemlist .fs-c-slick .slick-slide {
float: none;
flex-basis: calc(100% / 4);
padding: 2em 1px;
}
.bf2025 .itemlist .fs-c-productListCarousel__list__item {
max-width: 100%;
min-width: 100%;
padding: 0;
margin: 0;
}
.bf2025 .itemlist span.fs-c-productName__name {
color: #fff;
font-size: 1.4em;
}
.bf2025 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #f24fa0;
font-size: 2.2rem;
font-weight: 500;
}
.bf2025 .fs-c-productMark__mark.mark-bfper img {
width: 50%;
height: auto;
margin: 0;
}
.bf2025 .mark-col, .mark-label-new, .mark-func, .mark-label-off {
display: none;
}
.bf2025 .mark-bfper {
display: inline-block;
/* background: deeppink; */
/* line-height: 1.4; */
margin: 0 auto;
}
.bf2025 .mark-label.fs-c-productMark__mark--1.fs-c-productMark__mark {
display: none;
}
.bf2025 .fs-c-productListItem__control.fs-c-buttonContainer {
display: none;
}
.bf2025 .bf_set .item_parts .more_btn {
display: block;
width: 320px;
margin: 8rem auto 0;
}
.bf2025 .itemlist .rate_d_top {
margin: 6rem 0 6rem;
gap: 4rem 1rem;
}
.bf2025 #bf2025_main.itemlist .item_parts {
margin: 0 0 3rem;
}
.bf2025 .rank_box {
counter-reset: number 0;
padding: .6em;
}
.bf2025 .rank_box .slick-slide::before {
counter-increment: number 1;
content: counter(number);
position: relative;
top: 42px;
left: 4px;
background: #3d3d3d;
color: #fff;
font-size: 2rem;
font-weight: 400;
text-align: center;
display: inline-block;
width: 40px;
height: 40px;
align-content: center;
z-index: 1;
border-radius: 100%;
}
.bf2025 .rank_box .slick-slide:nth-child(1)::before {
background: #ad8c1d;
}
.bf2025 .rank_box .slick-slide:nth-child(2)::before {
background: #7d7d80;
}
.bf2025 .rank_box .slick-slide:nth-child(3)::before {
background: #78311e;
}
.bf2025 #bf2025_socks .bf-socks, .bf2025 .rank_box .bf-socks {
display: inline-block;
color: #fff;
background: #ef000a;
}
.bf2025 #bf2025_socks .bf-socks .fs-c-productMark__label, .bf2025 .rank_box .bf-socks .fs-c-productMark__label {
padding: 3px;
line-height: 1.3;
}
.bf2025 .fs-c-productPrice--listed ~ .fs-c-productPrice--selling span.fs-c-price__currencyMark {
color: #f24fa0;
}
.bf2025 .fs-c-productPrice--listed ~ .fs-c-productPrice--selling span.fs-c-price__value {
color: #f24fa0;
}
.bf2025 .fs-c-productListItem__prices.fs-c-productPrices {
display: flex;
/* float: right; */
padding: 0 .8em;
flex-direction: column;
}
.bf2025 h2.fs-c-productListItem__productName {
padding: 0 .5em;
}
.bf2025 .itemlist .ttl img {
max-width: 70%;
min-width: 500px;
}
p.carch_bf2025 {
color: #ff49a3;
font-size: 1.2em !important;
font-weight: 800;
}
.bf2025 span.attention {
background: #ff49a3;
}
.bf2025 .fs-c-productListItem__salesPeriod.fs-c-salesPeriod {
display: none;
}
.bf2025 a.page_link {
color: #fff;
text-decoration: underline;
line-height: 4em;
}
.bf2025 .memberonly .fs-c-productListItem__prices .fs-c-productPrice.fs-c-productPrice--member span.fs-c-productPrice__main__price {
color: #f24fa0;
font-size: 2.2rem;
font-weight: 500;
}
.bf2025 .fs-c-productListItem__prices .fs-c-productPrice--member::before {
background: deeppink;
font-size: .8rem;
padding: 0 4px;
line-height: 1.8em;
bottom: 6px;
}
.bf2025 .memberonly .fs-c-productListItem__prices .fs-c-productPrice.fs-c-productPrice--member {
color: #fff;
display: flex;
flex-direction: row;
width: 100%;
}
.bf2025 .memberonly .fs-c-productPrice.fs-c-productPrice--selling {
display: none;
}
.salelp.bf2025 .fs-c-productMarks {
display: block;
/* margin-bottom: 2em; */
/* margin-top: -5em; */
}
.bf2025 .fs-c-productListItem__prices .fs-c-productPrice.fs-c-productPrice--member, .bf2025 .fs-c-productPrice.fs-c-productPrice--member span.fs-c-productPrice__main__price {
color: #f24fa0;
}
.bf2025 span.mark-label-point {
background: deeppink;
}

.bf2025 span.mark-label-point span {
margin: 4px;
line-height: 1.4em;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.bf2025) {
padding: 0 0;
}
.bf2025 .menu_bf2025 {
flex-wrap: wrap;
padding: 0;
}
.bf2025 .menu_bf2025 li {
width: calc(100% - .3em);
/* padding: 2.5rem 0; */
/* border-bottom: 1px solid #bbae88; */
}
.bf2025 .menu_bf2025 li:nth-child(n+2) {
width: calc(100% - .3em);
}
.bf2025 .menu_bf2025 li:nth-child(n+4) {
/* border-bottom: none; */
}
.bf2025 .rate_d li {
width: 100%;
margin-bottom: 1rem;
}
.bf2025 .rate_d.rate_d_top li {
width: calc(100% / 2);
}
.bf2025 .itemlist .ttl {
font-size: 2rem;
}
.bf2025 .rate_d .more_btn {
padding: 1.6rem 0;
}
.bf2025 .itemlist .login_btn {
padding: 1rem;
width: 90%;
}
.bf2025 .itemlist .more_btn {
width: 90%;
}
.bf2025 .itemlist .fs-c-productListCarousel .fs-c-slick {
width: 100%;
}
.bf2025 .itemlist .fs-c-slick .slick-track {
width: 90vw !important;
}
.bf2025 .itemlist .fs-c-slick .slick-slide {
flex-basis: calc(100% / 2);
}
.bf2025 .itemlist .fs-c-productMarks {
width: 100%;
margin: 0 auto;
}
.bf2025 .itemlist .fs-c-productListItem__productName {
margin: 0;
font-size: 12px;
}
.bf2025 .itemlist .ttl img {
max-width: 100%;
min-width: 100%;
}
.bf2025 .itemlist .rate_d_top {
gap: 0em;
justify-content: center;
margin: 0;
}
.bf2025 .itemlist dl dt {
margin: 0 auto;
width: 90%;
padding-top: 6em;
justify-self: center;
padding-bottom: 1em;
font-size: 24px;
}
.bf2025 .itemlist dl dt::before, .bf2025 .itemlist dl dt::after {
width: calc(50% / 3);
}
.bf2025 .itemlist .item_parts .fs-c-productListCarousel.fs-c-slick {
width: 100%;
margin: 0 auto;
}
.bf2025 .fs-c-productListItem__prices.fs-c-productPrices {
display: contents;
width: 100%;
}
.bf2025 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 2rem;
}
.bf2025 .itemlist .item_parts {
padding: 0 0 3em;
}
.bf2025 .rate_d {
margin-bottom: 0;
line-height: 1.4em;
}
.bf2025 .itemlist {
margin: 2em .4em;
}
}
/*------------------------------------------------------------
▼▼▼　gift_2512　▼▼▼
--------------------------------------------------------------*/
.gift_2512 {
color: #dedbd3;
background: #1e274b;
}
.gift_2512 .mv {
display: block;
max-width: 1920px;
margin: 0 auto;
}
.p_article,
main.fs-l-main--page .p_article p {
font-size: 1.6rem;
line-height: 2;
}
.gift_2512 h1 {
margin: 8% 0;
}
.gift_2512 h1 span {
display: block;
font-size: 2rem;
line-height: 3rem;
}
.gift_2512 .top_txt {
text-align: center;
margin-bottom: 8%;
}
.gift_2512 nav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2%;
margin: 0 2% 10%;
}
.gift_2512 nav ul .arrow {
display: block;
width: 8px;
height: 8px;
border: 2px solid #ded2bc;
border-top: none;
border-left: none;
rotate: 45deg;
margin: 0.5rem auto 0;
}
.gift_2512 nav ul li {
text-align: center;
align-content: center;
background: #58191f;
border: 1px solid #b4a68d;
box-shadow:  2px 2px #9c8762;
width: calc((100% - 8%) / 5);
padding: 1rem 0;
}
.gift_2512 nav ul li a {
display: block;
line-height: 1.4;
font-weight: 500;
color: #ded2bc;
}
.gift_2512 #gift2512_1,
.gift_2512 #gift2512_2,
.gift_2512 #gift2512_4 {
background: #b7a98e;
}
.gift_2512 #gift2512_3,
.gift_2512 #gift2512_5 {
background: #253f47;
}
.gift_2512 #gift2512_1 h2:not(.fs-c-productListItem__productName),
.gift_2512 #gift2512_2 h2:not(.fs-c-productListItem__productName),
.gift_2512 #gift2512_4 h2:not(.fs-c-productListItem__productName) {
color: #58191f;
}
.gift_2512 .cont {
padding: 10% 0 12%;
}
.gift_2512 .cont .inner {
max-width: 1000px;
}
.gift_2512 .cont h2:not(.fs-c-productListItem__productName) {
text-align: center;
color: #bcb09a;
font-family: "Source Serif 4", serif;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 2rem 0;
margin-bottom: 6%;
}
.gift_2512 .cont h2:not(.fs-c-productListItem__productName) span {
position: relative;
}
.gift_2512 .cont .point1,
.gift_2512 .cont .point2 {
position: absolute;
top: 50%;
transform: translate(100%, -50%);
}
.gift_2512 .cont .point1 {
right: -3%;
}
.gift_2512 .cont .point2 {
transform: translate(-100%, -50%);
}
.gift_2512 #gift2512_1 .point1 {
top: 35%;
right: -20%;
rotate: 4deg;
max-width: 65%;
}
.gift_2512 #gift2512_2 .point1 {
top: -35%;
right: -1%;
rotate: 16deg;
max-width: 28%;
}
.gift_2512 #gift2512_3 .point2 {
top: -40%;
left: -4%;
rotate: -20deg;
max-width: 35%;
}
.gift_2512 #gift2512_4 .point1 {
top: 10%;
rotate: 6deg;
max-width: 40%;
}
.gift_2512 #gift2512_5 .point2 {
top: 10%;
left: -8%;
rotate: -6deg;
max-width: 40%;
}
.gift_2512 .cont .parts_items {
background: #f6f4ec;
padding: 1rem;
margin-bottom: 0;
}
.gift_2512 .cont .fs-c-productName__copy,
.gift_2512 .cont span.fs-c-productName__name,
.gift_2512 .cont .fs-c-productPrice__addon__label,
.gift_2512 .cont .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #3c3129;
}
.gift_2512 #gift2512_6 {
background: #5d2a2a;
padding: 10% 0 5%;
}
.gift_2512 #gift2512_6 .price_lnk,
.gift_2512 #gift2512_6 .brand_lnk {
display: flex;
justify-content: center;
gap: 3%;
flex-wrap: wrap;
text-align: center;
margin: 0 2% 10%;
}
.gift_2512 #gift2512_6 .price_lnk li,
.gift_2512 #gift2512_6 .brand_lnk li {
align-content: center;
background: #252d4b;
border: 1px solid #b4a68d;
box-shadow:  2px 2px #9c8762;
padding: 1.6rem 1rem;
}
.gift_2512 #gift2512_6 .price_lnk li {
width: calc((100% - 12%) / 5);
margin-bottom: 16%;
}
.gift_2512 #gift2512_6 .brand_lnk li {
width: calc((100% - 9%) / 4);
}
.gift_2512 #gift2512_6 .price_lnk li a,
.gift_2512 #gift2512_6 .brand_lnk li a {
display: block;
line-height: 1.4;
font-weight: 600;
color: #ded2bc;
transition: all 0.5s ease 0s;
}
.gift_2512 .target.fade {
opacity: 0;
transform: translateY(30px);
transition: opacity 1.2s, transform 1.2s;
}
.gift_2512 .target.fade.visible {
opacity: 1;
transform: translateY(0);
}
.gift_2512 .target.opacity {
opacity: 0;
transition: opacity 2.6s;
}
.gift_2512 .target.opacity.visible {
opacity: 1;
}
@media screen and (max-width: 768px) {
.gift_2512 h1 {
margin: 8% 0 16%;
}
.gift_2512 h1 span {
font-size: 1.6rem;
}
.gift_2512 .top_txt {
margin-bottom: 20%;
}
.gift_2512 nav {
padding: 0 4%;
}
.gift_2512 nav ul {
display: block;
margin: 0 2% 30%;
}
.gift_2512 nav ul .arrow {
position: absolute;
top: 50%;
right: 5%;
transform: translate(0, -50%);
display: inline-block;
border: 2px solid #ded2bc;
border-left: none;
border-bottom: none;
margin: 0;
}
.gift_2512 nav ul li {
position: relative;
width: 100%;
padding: 6% 0;
margin-bottom: 8%;
}
.gift_2512 nav ul li:last-child {
margin-bottom: 0;
}
.gift_2512 .cont {
padding: 20% 0 30%;
}
.gift_2512 .cont h2:not(.fs-c-productListItem__productName) {
font-size: 2.2rem;
margin-bottom: 20%;
}
.gift_2512 #gift2512_1 h2:not(.fs-c-productListItem__productName) {
text-align: left;
padding-left: 24%;
}
.gift_2512 #gift2512_1 .point1 {
right: -20%;
rotate: 5deg;
max-width: 76%;
}
.gift_2512 #gift2512_2 h2:not(.fs-c-productListItem__productName) {
text-align: left;
padding-left: 6%;
}
.gift_2512 #gift2512_2 .point1 {
top: -8%;
right: -110%;
max-width: 100%;
}
.gift_2512 #gift2512_3 h2:not(.fs-c-productListItem__productName) {
text-align: left;
padding-left: 45%;
}
.gift_2512 #gift2512_3 .point2 {
top: -5%;
left: -10%;
max-width: 100%;
}
.gift_2512 #gift2512_4 h2:not(.fs-c-productListItem__productName) {
text-align: left;
padding-left: 14%;
}
.gift_2512 #gift2512_4 .point1 {
max-width: 90%;
}
.gift_2512 #gift2512_5 h2:not(.fs-c-productListItem__productName) {
padding-left: 20%;
}
.gift_2512 #gift2512_5 .point2 {
right: -10%;
max-width: 50%;
}
.gift_2512 #gift2512_6 {
padding: 24% 0 0;
}
.gift_2512 #gift2512_6 h2:not(.fs-c-productListItem__productName) {
margin-bottom: 10%;
}
.gift_2512 #gift2512_6 .price_lnk,
.gift_2512 #gift2512_6 .brand_lnk {
display: block;
padding: 0 4%;
margin: 0 2% 30%;
}
.gift_2512 #gift2512_6 .price_lnk li,
.gift_2512 #gift2512_6 .brand_lnk li {
width: 100%;
padding: 6% 0;
margin-bottom: 8%;
}
}
/*------------------------------------------------------------
▼▼▼　pre25aw　▼▼▼
--------------------------------------------------------------*/
.pre25aw {
color: #fff;
background: #bb8c44;
}
.pre25aw .mv {
max-width: 1000px;
}
.pre25aw .info_note {
display: block;
text-align: center;
max-width: 100%;
margin: 2rem auto;
}
.pre25aw .btn {
color: #fff;
background: #2d3b68;
}
.pre25aw .btn::after {
border: 2px solid #fff;
border-left: none;
border-bottom: none;
}
.pre25aw .box {
color: #323438;
background: #f7f5eb;
padding-bottom: 10rem;
}
.pre25aw .ttl {
color: #2d3b68;
}
.pre25aw .box .fs-c-productName__copy,
.pre25aw .box span.fs-c-productName__name,
.pre25aw .box .fs-c-productPrice__addon__label,
.pre25aw .box .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #323438;
}
.pre25aw .box .fs-c-productPrice--member.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price,
.pre25aw .box .fs-c-productPrice--member .fs-c-productPrice__addon__label {
color: #cb0032;
}
.pre25aw .member-20off .fs-c-productMark__label,
.pre25aw .member-30off .fs-c-productMark__label {
background: #bb8c44;
color: #fff;
border: 1px solid #bb8c44;
padding: 0 0.3rem;
}
@media screen and (max-width: 768px) {
.pre25aw .info_note {
text-align: left;
margin: 2rem;
}
.pre25aw .box {
padding-bottom: 6rem;
}
}
/*3brands*/
.pre25aw_2 {
color: #fff;
background: #a01100;
}
.pre25aw_2 .info .red {
color: #f4e270;
text-decoration: underline;
}.pre25aw_2 .ttl2 {
color: #2d3b68;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
margin-bottom: 1.6%;
}
.pre25aw_2 .ranking {
color: #fff;
background: #9b754c;
padding: 2% 0;
margin-bottom: 6%;
}
.pre25aw_2 .ranking .ttl2 {
color: #fff;
font-size: 3rem;
font-weight: 500;
padding: 1% 0 0;
}
.pre25aw_2 .ranking_a {
counter-reset: number 0;
margin-bottom: 0;
}
.pre25aw_2 .ranking_p {
counter-reset: number 0;
margin-bottom: 0;
}
.pre25aw_2 .ranking_c {
counter-reset: number 0;
margin-bottom: 0;
}
.pre25aw_2 .ranking .slick-slide::before {
counter-increment: number 1;
content: counter(number);
position: relative;
top: 30px;
left: 10px;
background: #3d3d3d;
color: #fff;
font-size: 2rem;
font-weight: 400;
text-align: center;
display: inline-block;
width: 32px;
z-index: 1;
}
.pre25aw_2 .ranking .slick-slide:nth-child(1)::before {
background: #ad8c1d;
}
.pre25aw_2 .ranking .slick-slide:nth-child(2)::before {
background: #7d7d80;
}
.pre25aw_2 .ranking .slick-slide:nth-child(3)::before {
background: #78311e;
}
.pre25aw_2 .ranking .fs-c-productName__copy,
.pre25aw_2 .ranking span.fs-c-productName__name,
.pre25aw_2 .ranking .fs-c-productPrice__addon__label,
.pre25aw_2 .ranking .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
@media screen and (max-width: 768px) {
.pre25aw_2 .ranking {
color: #fff;
background: #9b754c;
padding: 4% 0 6%;
margin-bottom: 16%;
}
}
.clearance26aw {
color: #ffffff;
background: #a4a4a2;
}
.clearance26aw .info .red {
color: #cd1a1a;
}
.clearance26aw .btn {
color: #fff;
background: linear-gradient(15deg, #e5d187 10%, #ddd089 50%, #e9ca6a 90%);
border: 1px solid #9f9575;
box-shadow: 2px 2px 2px #c8c3c3;
}
.clearance26aw .menu .btn {
box-shadow: 2px 2px 2px #8f8f8f;
}
.clearance26aw .box {
color: #3d3d3d;
background: #eae9e0;
}
.clearance26aw .ttl {
color: #555453;
}
.clearance26aw .ttl2 {
color: #555453;
}
.clearance26aw .ranking .fs-c-productName__copy,
.clearance26aw .ranking span.fs-c-productName__name,
.clearance26aw .ranking .fs-c-productPrice__addon__label,
.clearance26aw .ranking .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price,
.clearance26aw .part2 .fs-c-productName__copy,
.clearance26aw .part2 span.fs-c-productName__name,
.clearance26aw .part2 .fs-c-productPrice__addon__label,
.clearance26aw .part2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
.clearance26aw .mark-label-off {
display: block;
background-color: burlywood;
color: white;
border: burlywood solid 1px;
border-radius: 0;
}
.clearance26aw .ranking {
color: #fff;
background: #85827d;
}
.clearance26aw .parts_items.part2 {
background: #d28394;
padding: 2% 0;
margin-bottom: 0;
}
.clearance26aw .parts_items.part2 .btn {
border: 1px solid #bc7081;
box-shadow: 2px 2px 2px #b87583;
margin: 4% auto;
}
.clearance26aw .parts_items.part2 .ttl2 {
color: #fff;
font-size: 2.8rem;
padding: 1% 0 2%
}
/*------------------------------------------------------------
▼▼▼　kessan2601　▼▼▼
--------------------------------------------------------------*/
.kessan2601 {
color: #111;
background: #f4edeb;
}
.kessan2601 .mv {
max-width: 40%;
margin: 4rem auto 8rem;
}
.kessan2601 .info_txt {
margin-bottom: 4rem;
}
.kessan2601 .info_note {
display: block;
text-align: left;
max-width: 100%;
margin: 0 auto 4rem;
}
.kessan2601 .btn {
color: #fff;
background: #e22159;
border: none;
}
.kessan2601 .btn::after {
border: 2px solid #fff;
border-left: none;
border-bottom: none;
}
.kessan2601 .info_txt .btn {
background: #e14515;
padding: 1rem 0;
}
.kessan2601 .box {
color: #fff;
background: #e77754;
padding-bottom: 10rem;
}
.kessan2601 .box .fs-c-productName__copy,
.kessan2601 .box span.fs-c-productName__name,
.kessan2601 .box .fs-c-productPrice__addon__label,
.kessan2601 .box .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #fff;
}
.kessan2601 .mark-limitedsale .fs-c-productMark__label {
background: #df0041;
color: #fff;
border: 1px solid #df0041;
}
.kessan2601 .box .size {
background: #e22159;
}
.kessan2601 .box .size .btn {
color: #e22159;
background: #fcebad;
}
.kessan2601 .box .size .btn::after {
border: 2px solid #e22159;
border-left: none;
border-bottom: none;
}
.kessan2601 .box .size .category {
padding: 2rem 1.5rem;
margin-bottom: 4rem;
}
.kessan2601 .box .size .category li a .lm_txt {
display: block;
font-size: 1.3rem;
color: #e22159;
}
.kessan2601 .box .size p{
text-align: center;
font-size: 1.7rem;
font-weight: 600;
padding-top: 2rem;
}
@media screen and (max-width: 768px) {
.kessan2601 .mv {
max-width: 100%;
margin: 0 auto 2rem;
}
.kessan2601 .info_note {
text-align: left;
margin: 2rem;
}
.kessan2601 .info_txt .btn {
width: 80%;
}
.kessan2601 .box {
padding-bottom: 6rem;
}
.kessan2601 .box .fs-c-productMark__mark {
margin-right: 0;
font-size: 0.7em;
}
}
/*------------------------------------------------------------
▼▼▼　a26ssdot　▼▼▼
--------------------------------------------------------------*/
.a26ssdot {
background:  linear-gradient(to bottom, #e1e1e1ed 0%, rgb(221 221 221 / 84%) 70%, rgb(255 255 255 / 0%) 100%), url(../../item/alogo_pattern.svg) repeat center / 18%;
}
.a26ssdot .inner {
max-width: 1000px;
}
.a26ssdot .new_cont {
background: #fcfcfcc9;
}
.a26ssdot h1:not(.category_summary h1) {
color: #c31e2f;
font-weight: 500;
margin: 8rem 0 1rem;
}
.a26ssdot h1 img {
text-align: center;
max-width: 30%;
}
.a26ssdot .toptxt {
color: #232323;
font-weight: 500;
margin-bottom: 8rem;
}
.a26ssdot .toptxt h2 {
color: #c31e2f;
text-align: center;
font-size: 2.6rem;
font-weight:600;
margin-bottom: 4rem;
}
.a26ssdot .toptxt p {
font-size: 1.8rem;
line-height: 1.8;
padding: 0 4%;
margin-bottom: 2rem;
}
.a26ssdot .toptxt p span.bold {
display: block;
font-weight: 600;
margin-bottom: 2rem;
}
.a26ssdot .new_cont h2:not(.fs-c-productListItem__productName) {
color: #c31e2f;
font-weight: 500;
border-bottom: 1px solid;
padding: 2rem 0 2rem 5rem;
}
.a26ssdot .parts_items {
padding-bottom: 0;
margin: 4rem;
}
.a26ssdot .new_cont {
margin-bottom: 10rem;
}
.a26ssdot .shoplist a {
display: block;
color: #fff;
font-size: 2rem;
text-align: center;
text-decoration: underline;
background: #c31e2f;
width: 100%;
padding: 1.6rem 0;
}
@media screen and (max-width: 768px) {
.fs-l-pageMain:has(section.a26ssdot) {
padding: 0;
margin-bottom: 0;
}
.a26ssdot {
background-size: 40%;
}
.a26ssdot h1 img {
max-width: 70%;
}
.a26ssdot .toptxt {
text-align: left;
padding: 0 8%;
margin-bottom: 6rem;
}
.a26ssdot .toptxt h2 {
text-align: center;
font-size: 2rem;
}
.a26ssdot .toptxt p {
font-size: 1.6rem;
}
.a26ssdot .new_cont h2:not(.fs-c-productListItem__productName) {
font-size: 2.4rem;
padding: 2rem 0 2rem 2rem;
}
.a26ssdot .parts_items {
margin: 4rem 1rem;
}
}
/*------------------------------------------------------------
▼▼▼　newarrival_26ss　▼▼▼
--------------------------------------------------------------*/
.na26ss h1:not(.category_summary h1) {
padding: 8rem 0;
margin: 0 auto;
}
.na26ss .inner_a,
.na26ss .inner_c {
background: #ffffff9c;
}
.na26ss .inner_p {
background: #efefefd4;
}
.na26ss .maincont h2:not(.fs-c-productListItem__productName) {
margin-bottom: 6rem;
}
.na26ss .newitem_box {
padding: 0 1rem 6rem;
}
.na26ss .newitem_txt {
width: calc((100% - 12rem) * 0.4);
}
.na26ss .newitem_txt ul li:first-child {
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 2rem;
}
.na26ss .newitem_txt ul li {
margin-bottom: 4rem;
}
.na26ss .newitem_txt ul li:last-child {
margin-bottom: 0;
}
.na26ss .newitem_txt ul li a {
color: #fff;
background: #535353;
transition: 0.6s;
}
.na26ss .footer_a {
background: #3bb2a7;
}
.na26ss .footer_p {
background: #0c7ac0;
}
.na26ss .footer_c {
background: #5ec9d4;
}
.na26ss .bg_slide.bg_a li:nth-of-type(1) {
background: url(/item/na26ss_a1.jpg) no-repeat top left/ cover fixed;
}
.na26ss .bg_slide.bg_a li:nth-of-type(2) {
background: url(/item/na26ss_a2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na26ss .bg_slide.bg_a li:nth-of-type(3) {
background: url(/item/na26ss_a3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na26ss .bg_slide.bg_p li:nth-of-type(1) {
background: url(/item/na26ss_p1.jpg) no-repeat top left/ cover fixed;
}
.na26ss .bg_slide.bg_p li:nth-of-type(2) {
background: url(/item/na26ss_p2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na26ss .bg_slide.bg_p li:nth-of-type(3) {
background: url(/item/na26ss_p3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na26ss .bg_slide.bg_c li:nth-of-type(1) {
background: url(/item/na26ss_c1.jpg) no-repeat top left/ cover fixed;
}
.na26ss .bg_slide.bg_c li:nth-of-type(2) {
background: url(/item/na26ss_c2.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na26ss .bg_slide.bg_c li:nth-of-type(3) {
background: url(/item/na26ss_c3.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
@media screen and (max-width: 768px) {
.na26ss h1:not(.category_summary h1) {
padding: 4rem 0;
margin: 0 auto;
}
.na26ss .maincont h2:not(.fs-c-productListItem__productName) {
margin-bottom: 3rem;
}
.na26ss .season_txt {
padding: 0 2rem;
}
.na26ss .season_txt.txt_p dt {
line-height: 1.2;
}
.na26ss .season_txt.txt_p dd,
.na26ss .season_txt.txt_a dd {
text-align: left;
}
.na26ss .newitem_box {
padding: 0 2rem 6rem;
}
.na26ss .img_container, .fp_new .newitem_txt {
width: 100%;
}
.na26ss .img_container {
margin-bottom: 3rem;
}
.na26ss .main_display {
margin-bottom: 0;
}
.na26ss .newitem_txt ul li:first-child {
font-size: 2rem;
}
.na26ss .footer h2 {
font-size: 2rem;
margin-bottom: 2rem;
}
.na26ss .footer .category_page_content {
padding: 6rem 2rem;
}
.na26ss .bg_slide.bg_a li:nth-of-type(1) {
background: url(/item/na26ss_a1_sp.jpg) no-repeat top left/ cover fixed;
}
.na26ss .bg_slide.bg_a li:nth-of-type(2) {
background: url(/item/na26ss_a2_sp.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na26ss .bg_slide.bg_a li:nth-of-type(3) {
background: url(/item/na26ss_a3_sp.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na26ss .bg_slide.bg_p li:nth-of-type(1) {
background: url(/item/na26ss_p1_sp.jpg) no-repeat top left/ cover fixed;
}
.na26ss .bg_slide.bg_p li:nth-of-type(2) {
background: url(/item/na26ss_p2_sp.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na26ss .bg_slide.bg_p li:nth-of-type(3) {
background: url(/item/na26ss_p3_sp.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
.na26ss .bg_slide.bg_c li:nth-of-type(1) {
background: url(/item/na26ss_c1_sp.jpg) no-repeat top left/ cover fixed;
}
.na26ss .bg_slide.bg_c li:nth-of-type(2) {
background: url(/item/na26ss_c2_sp.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.na26ss .bg_slide.bg_c li:nth-of-type(3) {
background: url(/item/na26ss_c3_sp.jpg) no-repeat top left/ cover fixed;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
}