@charset 'utf-8';

/* common
------------------------------------------------ */
#header { border-bottom: none; }
.fs-l-main { margin-top: 60px; padding: 0; max-width: inherit; }

@media screen and (max-width: 768px) {
	.fs-l-main { margin-top: 30px; }
}

/* top-banner
------------------------------------------------ */
.top-banner { margin-top: 40px; }
.top-banner--item { margin-top: 20px; }
.top-banner--item:first-child { margin-top: 0; }
.top-banner--item a,
.top-banner--item picture { display: block; }

@media screen and (max-width: 768px) {
	.top-banner { margin-top: 14px; width: calc(100% - 45px); }
	.top-banner--item { margin-top: 10px; }
}

/* top-news
------------------------------------------------ */
.top-news{ margin-top: 55px; }
.top-news--panel{ padding: 25px 27px 30px; border:1px solid #d3d3d3; }
.top-news--row { margin-top: 22px; }
.top-news--row:first-child { margin-top: 0; }
.top-news--txt{ font-size: 1.4rem; line-height: 1.71; }

@media screen and (min-width: 769px) {
	.top-news--row { display: flex; flex-wrap: wrap; }
	.top-news--col-date{ width: 200px; }
	.top-news--col-info{ width: calc(100% - 200px); }
}

@media screen and (max-width: 768px) {
	.top-news{ margin-top: 18px; }
	.top-news .wrap { width: calc(100% - 45px); }
	.top-news--panel{ padding: 20px; }
	.top-news--col-info{ font-size: 1.3rem; }
	.top-news--break-pc{ display: none; }
	.top-news--title{ margin-bottom: 15px; }
}

/* add at 2021.03
------------------------------------------------ */
.top-series { margin-top: 64px; }
.top-accessories,
.top-others,
.top-ssizellsize,
.top-campaign { margin-top: 72px; }


@media screen and (min-width: 769px) {
	/* .top-campaign { margin-left: calc((100vw - 1234px)/2); width: calc(1234px / 2); } */
	.top-campaign .item__lists--item { margin: 50px 9.090909091% 0 0; width: 45.4545454545%; }
	.top-campaign .item__lists--item:nth-of-type(-n+2) { margin-top: 0; }
	.top-campaign .item__lists--item:nth-of-type(2n) { margin-right: 0; }
	.top-campaign .item__lists--item:nth-of-type(2n+1) { clear: both; }
	.flex__layout {
		display: flex;
		max-width: 1234px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 769px) and (max-width: 1234px)  {
	.top-campaign { margin-left: 0; }
}

@media screen and (max-width: 768px) {
	.top-series { margin-top: 22px; }
	.top-accessories,
	.top-others,
	.top-ssizellsize,
	.top-campaign { margin-top: 26px; }

	.top-series .wrap,
	.top-accessories .wrap,
	.top-others .wrap,
	.top-ssizellsize .wrap,
	.top-campaign .wrap { width: calc(100% - 35px); }
}

/* top-basic-series
------------------------------------------------ */
.top-basic-series{ margin-top: 64px; }

@media screen and (max-width: 768px) {
	.top-basic-series{ margin-top: 22px; }
	.top-basic-series .wrap { width: calc(100% - 35px); }
}

/* top-plus1-item
------------------------------------------------ */
.top-plus1-item{ margin-top: 72px; }

@media screen and (max-width: 768px) {
	.top-plus1-item{ margin-top: 26px; }
	.top-plus1-item .wrap { width: calc(100% - 35px); }
}

/* top-others
------------------------------------------------ */
/*
.top-others { margin-top: 70px; }
.top-others__block { position: relative; }

@media screen and (min-width: 769px) {
	.top-others__block { float: left; margin-top: 80px; width: 47.9061976549%; }
	.top-others__block:nth-of-type(-n+2) { margin-top: 0; }
	.top-others__block:nth-of-type(2n) { float: right; }
	.top-others__block:nth-of-type(2n+1) { clear: both; }
	.top-others .item__lists--item { margin: 50px 9.090909091% 0 0; width: 45.4545454545%; }
	.top-others .item__lists--item:nth-of-type(-n+2) { margin-top: 0; }
	.top-others .item__lists--item:nth-of-type(2n) { margin-right: 0; }
	.top-others .item__lists--item:nth-of-type(2n+1) { clear: both; }
}

@media screen and (max-width: 768px) {
	.top-others { margin-top: 26px; }
	.top-others .wrap { width: calc(100% - 35px); }
	.top-others__block { margin-top: 30px; }
	.top-others__block:first-child { margin-top: 0; }
}
*/

/* top-topics
2021-0909 edit
133
161
by Culinaire Tsukasa Konno
------------------------------------------------ */
.top-topics{
	margin-top: 120px;
	padding-top: 72px;
	border-top: solid #969696 1px;
}

.top-topics_header{
	padding-top: 55px;
}

.top-topics--list{
	 display: flex;
	 flex-wrap: wrap;
}

.top-topics--list__header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
}

@media screen and (min-width: 769px) {
	.top-topics--list li{
		width: 23.954%;
		border:5px solid #c3996d;
}
	.top-topics--list li:not(:nth-child(4n+1)){
		margin-left: 1.39466%;}

		.top-topics--list__header li{
			width: 23.954%;
	}
		.top-topics--list__header li:not(:nth-child(4n+1)){
			margin-left: 1.39466%;}
}

@media screen and (max-width: 768px) {
	.top-topics{
		margin-top: 40px;
		padding-top: 20px;
	}
	.top-topics .wrap {
		width: calc(100% - 35px);
}

	.top-topics_header{
		padding-top: 20px;
}
	.top-topics_header .wrap {
		width: calc(100% - 35px);
}
	.top-topics--title{ margin-bottom: 12px; }
	.top-topics--list li{ width: calc(50% - 5px); border:2px solid #c3996d;}
	.top-topics--list__header li{ width: calc(50% - 5px);}
	.top-topics--list li:not(:nth-child(2n+1)){ margin-left: 10px; }
	.top-topics--list li:not(:nth-child(-n+2)){ margin-top: 10px; }
	.top-topics--list__header li:not(:nth-child(2n+1)){ margin-left: 10px; }
	.top-topics--list__header li:not(:nth-child(-n+2)){ margin-top: 10px; }
}