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

/*
■対応ページ■
トップページ（ #fs_Top ）

*/
/* 共通 -------------------------------------------------------*/

#fs_Top .fs-l-main{
	margin: 0 0 9rem!important;
}

@media screen and (min-width:64em) {
/* for PC */
	#fs_Top .fs-l-main{
		margin: 10rem 0 9rem!important;
	}
}


/* トップページ（#fs_Top）
----------------------------------------------------------------------------------------*/

/*.title01*/
.title01{
	margin-bottom: 3rem;
	font-size: 2.4rem!important;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
	.title01{
		font-size: 5rem!important;
		margin-bottom: 4rem;
	}
}
@media screen and (min-width:64em) {
/* for PC */
	.title01{
		margin-bottom: 6rem;
	}
}

/* #section_homeslider - メインスライダー */
#section_homeslider{
	width: 100%;
	/* height: 161.8vw; */
	overflow: hidden;
}
@media screen and (max-width:768px){
/*for sp*/	
	#section_homeslider{
		padding-top: 75px;
	}
	#section_instagram .title01{
		margin-bottom: 1rem;
	}
}

#section_homeslider #home-social-list{
	display: none;
}
.swiper_homeslider{
	width: 100%;
}
.swiper_homeslider .for-sp{
	width: 100%;
}
.swiper_homeslider .for-pc{
	display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after{
	font-size: 3.5rem;
	color: #fff!important;
	opacity: 0.8;
}
.swiper-button-next:after,
.swiper-button-prev:after{
	font-size: 2.5rem!important;
}
.swiper_homeslider .swiper-pagination-bullet{
	width: 0.8rem;
	height: 0.8rem;
	margin: 1.5rem!important;
	background: #fff;
	opacity: 0.3;
}
.swiper_homeslider .swiper-pagination-bullet-active{
	opacity: 1;
}


@media screen and (min-width:48em) {
/* for Tablet + PC */
	
.swiper_homeslider .for-sp{
	display: block;
}
.swiper_homeslider .for-pc{
	display: none;
}
	
#section_homeslider {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}
	
#section_homeslider .swiper_homeslider{
	width: calc( 100% - 10rem );
}

#section_homeslider #home-social-list{
	display: flex;
	width: 10rem;
	text-align: center;
	font-size: 2.4rem;
	flex-direction: column;
    justify-content: center;
}
#section_homeslider #home-social-list li:last-child div{
	margin-top: 4rem;
    font-size: 0.9rem;
    letter-spacing: 4px;
    text-align: left;
    transform: rotate(-90deg);
}
	#section_homeslider #home-social-list svg.line_logo {
		height: 22px;
		width: auto;
	}	
	
}
@media screen and (min-width:64em) {
/* for PC */
	
	.swiper_homeslider .for-sp{
		display: none;
	}
	.swiper_homeslider .for-pc{
		display: block;
	}
	
	
	#section_homeslider{
		display: -ms-flexbox;
		display: flex;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-negative: 1;
			flex-shrink: 1;
		width: 100%;
	}
	#section_homeslider .swiper_homeslider{
		width: calc( 100% - 14rem );
	}
	#section_homeslider .swiper_homeslider img{
		width: 100%;
	}
	#section_homeslider #home-social-list{
		display: block;
		width: 14rem;
		text-align: center;
		font-size: 2.4rem;
	}
	#section_homeslider #home-social-list li{
		margin: 1rem 0;
	}
	#section_homeslider #home-social-list li:last-child{
		position: relative;
		height: 10rem;
	}
	#section_homeslider #home-social-list li:last-child div{
		position: absolute;
			top: 4rem;
			left: 2.5rem;
		font-size: 0.9rem;
		letter-spacing: 4px;
		text-align: right;
		transform: rotate(-90deg);
	}
	#section_homeslider #home-social-list a{
		transition: color 0.3s ease-in-out;
		color: #000;
	}
	
	#section_homeslider #home-social-list svg.line_logo {
		height: 21px;
		width: auto;
		fill:currentColor;
	}
	
	#section_homeslider #home-social-list a[href*="instagram.com"]:hover	{ color: #396d9a; }
	#section_homeslider #home-social-list a[href*="facebook.com"]:hover		{ color: #365397; }
	#section_homeslider #home-social-list a[href*="twitter.com"]:hover		{ color: #00a9f1; }
	#section_homeslider #home-social-list a[href*="line.me"]:hover		{ color: #06c755; }
	
	
}


/* #section_condition - 遅延情報など */
#section_condition{
	margin: 5rem 0;
	text-align: center;
}
#section_condition label{
	display: block;
}
#section_condition #btn_condition,
#section_condition .condition{
	display: none;
}
#section_condition #btn_condition:checked + .condition{
	display: inline-block;
	margin: 1.4rem 2.5rem 0;
	padding: 2rem;
	background: #f7f7f7;
}
#section_condition .condition dt{
	margin-bottom: 2rem;
	font-size: 1.6rem;
	font-weight: 700;
}
#section_condition .condition dd{
	margin-bottom: 1.4rem;
	text-align: justify;
}
#section_condition .condition dd.center{
	text-align: center;
}
#section_condition .condition a{
	text-decoration: underline;
}



/* #section_discover - 対象から選ぶ */
#section_discover{
	margin: 3rem 0 10rem;
}
#section_discover .swiper-slide{
	padding: 0.5rem 1rem 0.5rem;
	box-sizing: border-box;
}
#section_discover .discover-card{
	position: relative;
	display: block;
	padding: 3.5rem 0;
	overflow: visible;
}
#section_discover .discover-card .block_bg{
	position: absolute;
		top: 0;
		left: 50%;
		transform : translateX(-50%);
	content: '';
	display: none;
	width: calc( 100% / 3 * 2 );
	height: 100%;
}
#section_discover .discover-card.women .block_bg{ background: #ffffff; }
#section_discover .discover-card.men .block_bg	{ background: #ffffff; }
#section_discover .discover-card.kids .block_bg	{ background: #ffffff; }
#section_discover .discover-card.pair .block_bg	{ background: #ffbcb1; }
#section_discover .discover-card .block_bg:before{
	position: absolute;
		top: -1.8rem;
		left: 50%;
		transform : translateX(-50%);
	content: '';
	display: block;
	width: 0.2rem;
	height:3.2rem;
	background: #000;
}
#section_discover .discover-card .block_bg:after{
	font-family: icomoon;
	content: "";
	position: absolute;
		left: 50%;
		top: -5rem;
	margin-left: -1rem;
	font-size: 2rem;
	line-height: 1;
	color: #000;
	transition: top 0.2s ease-in;
}
#section_discover .discover-card:hover .block_bg:after{
		top: -4.25rem;
}
#section_discover .discover-card .block_card{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	width: 100%;
	padding-top: 77.14286%;
	background: center center /cover no-repeat;
	overflow: hidden;
}

#section_discover .discover-card .block_card:hover {
	/* opacity: 0.7; */
	transition: all 0.3s ease;
}

#section_discover .women .block_card{ background-image: url("../images/parts/discover_women.jpg") }
#section_discover .men .block_card	{ background-image: url("../images/parts/discover_men.jpg") }
#section_discover .kids .block_card	{ background-image: url("../images/parts/discover_kids.jpg") }
#section_discover .pair .block_card	{ background-image: url("../images/parts/discover_pair.jpg") }
#section_discover .discover-card .block_card:before{
	content: "";
	position: absolute;
		left: 0;
		top: 0;
	display: block;
	width: 100%;
	height: 100vw;
	background: rgba(0, 0, 0, 0.04);
}
#section_discover .discover-card .block_card ul{
	position: absolute;
		top: 50%;
		transform : translateY(-50%);
	width: 100%;
}
#section_discover .discover-card .block_card li{
	width: 100%;
	font-size: 3.3rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
}
#section_discover .discover-card .block_card li:first-child{
	font-size: 0.9rem;
	letter-spacing: 3px;
}
#section_discover .discover-card:hover .block_card ul li{
	transition: transform 0.2s ease-in;
	transform: scale(1.1)
}
/* リンク連動用 */
#section_discover .discover-card:hover + a.link01{
	color: #ef841a;
}
#section_discover .discover-card:hover + a.link01 span:before{
	background-position: -100% 0;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
	#section_discover{
		margin-top: 6rem;
	}
	#section_discover .swiper_discover{
		overflow: visible;
		margin-left: 2.5rem;
		margin-right: 2.5rem;
	}
	#section_discover .swiper_discover .swiper-wrapper{
		display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content:space-around;
	}
	#section_discover .swiper_discover .swiper-wrapper .swiper-slide{
		width: calc( ( 100% / 3 ) - 2rem );
		padding-left: 0;
		padding-right: 0;
		
	}
}

@media screen and (max-width:767px) {
	#section_discover {
        margin: 3rem 0 6rem;
	}
}

@media screen and (min-width:0) and (max-width:47.9375em) {
/* for SP */
	#section_discover .link01 span{
		font-size: 1.6rem;
	}
}
@media screen and (min-width:64em) {
/* for PC */
	#section_discover .swiper_discover{
		overflow: visible;
		margin:0 14rem;
	}
	#section_discover .swiper_discover .swiper-wrapper .swiper-slide{
		width: calc( ( 100% / 3 ) - 4rem );
		max-width: 500px;
		padding-left: 0;
		padding-right: 0;
		
	}
}



/* #section_pickup - ピックアップ */
#section_pickup{
	margin: 0 2.5rem 10rem;
}
#section_pickup .fs-p-heading--lv2{
	display: none;
}
@media screen and (min-width:0) and (max-width:47.9375em) {
/* for SP */
	#section_pickup #fs-recommend--flick h3{
		font-size: 1.4rem;
		text-align: left;
	}
}

/* #section_instagram - インスタグラム */
#section_instagram{
	margin: 5rem 2.5rem 10rem;
}
#section_instagram h2::before{
	display: block;
	margin-bottom: 2rem;
	font-family: "icomoon";
	font-size: inherit;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	speak: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: ""
}
#section_instagram .hashtag{
	margin-bottom: 3rem;
	font-size: 2.4rem;
	text-align: center;
	line-height: inherit;
	letter-spacing: 2px;
	color: #787878;
}
.swiper_instagram .swiper-slide a{
	display: block;
	margin: 0.5rem;
	overflow: hidden;
}
.swiper_instagram .swiper-slide a img{
	width: 100%;
	transform: scale(1.0, 1.0) rotate(0.00001deg);
	transition: transform 0.2s ease-out;
}
.swiper_instagram .swiper-slide a:hover img{
	transform: scale(1.1, 1.1) rotate(0.00001deg);
}
#section_instagram .wrap_link{
	margin: 3rem auto;
}

.instagram_box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.5rem;
}

.instagram_box > div:last-child{
    display: none;
}


@media screen and (min-width:48em) {
/* for Tablet + PC */
	#section_instagram h2{
		margin-bottom: 2rem;
	}
	#section_instagram .hashtag{
	font-size: 4rem;
	margin-bottom: 4rem;
	}
	.swiper_instagram .swiper-wrapper{
		display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		width: calc( 100% - 5rem );
		margin-left: auto;
		margin-right: auto;
	}
	.swiper_instagram .swiper-slide{
		width: calc( ( 100% / 2 ) - 0.5rem );
		margin-bottom: 1rem;
	}
	.swiper_instagram .swiper-slide a{
		margin: 0;
	}
    
    .instagram_box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 0.5rem;
    }
    .instagram_box > div:last-child{
        display: block;
    }
    
}
@media screen and (min-width:64em) {
/* for PC */
	.swiper_instagram .swiper-wrapper{
		width: calc( 100% - 12rem );
	}
	.swiper_instagram .swiper-slide{
		width: calc( ( 100% / 4 ) - 0.5rem );
	}
    #section_instagram {
        margin: 0 6rem;
    }
}

@media screen and (min-width: 768px) {
/* for PC insボタン */
.recommend_link {
    text-align: center;
    padding: 20px 0;
}
}

@media screen and (min-width: 768px) {
/* for PC insボタン */
.recommend_link a {
    display: inline-block;
    border: 1px solid #000;
    padding: 12px 30px;
    font-size: 1.4rem;
    letter-spacing: 1px;
}
}
@media screen and (max-width: 767px){
/* for SP insボタン */
	.recommend_link a {
    display: inline-block;
    border: 1px solid #000;
    padding: 12px 30px;
    font-size: 1.4rem;
    letter-spacing: 1px;
}
}
@media screen and (max-width: 767px){
/* for SP insボタン */
.recommend_link {
    text-align: center;
    padding: 20px 0;
}
}

/* #section_information / #section_information2 / #section_collaboration - お知らせ（バナー / テキスト）・コラボレーション */
#section_information,
#section_information2,
#section_collaboration{
	margin: 0 2.5rem 9rem;
}
#section_information .list_banner li,
#section_collaboration .list_banner li{
	margin: 0 0 1rem;
}


#section_information .list_banner li a,
#section_collaboration .list_banner li a{
	width: 100%;
	display: block;
	overflow: hidden;
}


#section_information .list_banner li a img,
#section_collaboration .list_banner li a img{
	width: 100%;
	transform: scale(1.0, 1.0) rotate(0.00001deg);
	transition: transform 0.2s ease-out;
}
#section_information .list_banner li a:hover img,
#section_collaboration .list_banner li a:hover img{
	transform: scale(1.1, 1.1) rotate(0.00001deg);
}
#section_information2 ul{
	border-top: 1px solid #e7e7e7;
}
#section_information2 li{
	border-bottom: 1px solid #e7e7e7;
}
#section_information2 li a{
	display: block;
	padding: 1rem 0 2rem;
}
#section_information2 li a p{
	transition: color 0.25s ease-in-out;
}
#section_information2 li a .date{
	margin: 1rem 0;
	color: #787878;
}
#section_information2 li a .title{
	font-size: 1.8rem;
	font-weight: 700;
}
#section_information2 li a:hover p{
	color: #ef841a;
}
#section_information .wrap_link,
#section_information2 .wrap_link,
#section_collaboration .wrap_link{
	margin: 3rem auto 6rem;
}



.inBox .detailBox{
	line-height: inherit;
}
.inBox .detailBox > time{
	margin-top: 0.5rem;
}

#section_information .list_banner,
#section_collaboration .list_banner{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 20px;
}

#section_information .list_banner li,
#section_collaboration .list_banner li{
	width: 100%;
	margin:0;
}

#section_information .list_banner li a,
#section_collaboration .list_banner li a {
    font-weight: 800;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; 
	font-size: 1.2rem;
}

#section_information .list_banner li a img,
#section_collaboration .list_banner li a img {
    height: auto;
}

.newscollabo .detailBox {
    font-size: 1.55rem;
    line-height: 1.7;
    padding: 1em 0 0;
    text-align: left;
}

.newscollabo .detailBox span {
    font-size: 0.7em;
    padding: 0.3em 1em;
    background: #ef841a;
    margin-right: 1em;
    color: #fff;
}

.newscollabo .detailBox time {
    font-family: initial;
    font-size: 1.2rem;
    font-weight: 900;
    display: block;
    margin: 1em 0 0;
    text-align: left;
    color: #969696;
}

@media screen and (min-width:48em) {
/* for Tablet + PC */
	
	/* #section_information .list_banner,
	#section_collaboration .list_banner{
		display: -ms-flexbox;
		display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
	}
	
	#section_information .list_banner li,
	#section_collaboration .list_banner li{
		width: calc( ( 100% / 2 ) - 0.5rem );
		margin: auto 0 1rem;
	}

	20211210修正前*/
	
	#section_information .list_banner,
	#section_collaboration .list_banner{
		grid-template-columns: repeat(3,1fr);
		grid-gap: 30px;
	}
	
	
	#section_information .list_banner li,
	#section_collaboration .list_banner li{
		width: 100%;
		margin: 0;
	}
	
	#section_information2 li a{
		text-align: center;
	}
	.inBox .detailBox > time{
		margin-top: 1rem;
	}
	
	#section_information .list_banner li a,
	#section_collaboration .list_banner li a {
		font-size: 1.6rem;
	}

}

@media screen and (min-width:64em) {
/* for PC */
	#section_information,
	#section_information2,
	#section_collaboration{
		margin-top: 16rem;
		margin-left: 6rem;
		margin-right: 6rem;
	}
	
	#section_information .list_banner,
	#section_collaboration .list_banner{
		grid-template-columns: repeat(3,1fr);
		grid-gap: 60px;
	}
	
	
	#section_information .list_banner li,
	#section_collaboration .list_banner li{
		width: 100%;
		margin: 0;
	}
}



/* .free-block（一時バナーなど） */
.free-block{
	margin: 5rem 2.5rem 10rem;
}
.free-block a{
	display: block;
}
.free-block img{
	display: block;
	margin: 0 auto 2rem;
	width: 100%;
}

.free-block:hover {
	/* opacity: 0.7; */
	transition: all 0.3s ease;
}

.free-block p{
	text-align: center;
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.free-block p:last-child{
	font-size: 1.2rem;
}
@media screen and (min-width:48em) {
/* for Tablet + PC */
	.free-block p:nth-child(2){ font-size: 3.6rem; }
	.free-block p:nth-child(3){ font-size: 2rem; }
}
@media screen and (min-width:64em) {
/* for PC */
	.free-block{
		margin: 3rem 6rem;
	}
	.free-block img{
		max-width: calc( 100% - 16rem );
	}
}
/* スマホ表示 */
@media screen and (max-width: 767px) {
	.free-block{
	margin: 5rem 2.5rem 1rem;
   }
}






/* 新着・ランキング */

#top_product_list_wrap{
	display: block !important;
	width: 100%;
	overflow-x: scroll;
}

#section_new_product{
	 margin-bottom: 10rem;
}
#section_top_ranking{
    margin-bottom: 10rem;
}
/* スマホ表示 */
@media screen and (max-width: 767px) {
	#section_top_ranking{
    margin-bottom: 5rem;
	}
	#section_new_product{
	margin-bottom: 5rem;	
	}
	#section_instagram {
	margin-bottom:5rem;
	}
}
.top_product_list_box {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin: 0 0.5rem;
    grid-gap: 1rem;
    border: none;
}
.top_product_list_box > div:last-child{
  display: none;
}

#section_top_ranking .top_product_list_box > div{
	position: relative;
}

#section_top_ranking .top_product_list_box > div:before {
    background: #CCC;
    width: 3rem;
    line-height: 3rem;
    display: inline-block;
    border-radius: 2rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 900;
    position: absolute;
    top: 5px;
    left: 5px;
	z-index: 2;
}

#section_top_ranking .top_product_list_box > div:nth-child(1):before {
	background: #cda046;
	content:"1";
	color: #FFF;
}
#section_top_ranking .top_product_list_box > div:nth-child(2):before {
	background: #cbd6e4;
	content:"2";
}
#section_top_ranking .top_product_list_box > div:nth-child(3):before {
	background: #a15b2d;
	content:"3";
	color: #FFF;
}
#section_top_ranking .top_product_list_box > div:nth-child(4):before {
	content:"4";
}
#section_top_ranking .top_product_list_box > div:nth-child(5):before {
	content:"5";
}
#section_top_ranking .top_product_list_box > div:nth-child(6):before {
	content:"6";
}
#section_top_ranking .top_product_list_box > div:nth-child(7):before {
	content:"7";
}
#section_top_ranking .top_product_list_box > div:nth-child(8):before {
	content:"8";
}
#section_top_ranking .top_product_list_box > div:nth-child(9):before {
	content:"9";
}
#section_top_ranking .top_product_list_box > div:nth-child(10):before {
	content:"10";
}




@media screen and (min-width:48em) {
/* for Tablet + PC */
	
#top_product_list_wrap{
	display: block !important;
	width: 100%;
	overflow-x:visible;
}
	
#section_new_product,
#section_top_ranking{
    margin:0 0 10rem;
	padding: 0 2.5rem;
}	
	
.top_product_list_box {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 0;
	grid-gap: 2rem;
	width: 100%;
}
	
.top_product_list_box > div:nth-last-child(-n+2){
	display: none;
}
	
#section_top_ranking .top_product_list_box > div:before {
    width: 4rem;
    line-height: 4rem;
    border-radius: 2rem;
    font-size: 2rem;
}
	
	
}

@media screen and (min-width:64em) {
/* for PC */
#section_new_product,
#section_top_ranking{
    margin:0 0 10rem;
	padding: 0 14rem;
}	
		
.top_product_list_box {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin: 0;
	grid-gap: 4rem;
}
.top_product_list_box > div:nth-last-child(-n+2){
	display: block;
}
#section_top_ranking .top_product_list_box > div:before {
    width: 5rem;
    line-height: 5rem;
    border-radius: 3rem;
    font-size: 2rem;
    top: 10px;
    left: 10px;
}	
}