@charset "UTF-8";
:root {
  --color-main: #636A52;
  --color-cream: #EDEAA2;
	--blue: #0071BE;
}

.bg-wrapper {
  background-color: var(--color-main);
}
.bg-wrapper_inner::before {
  background-image: url(../images/clothing.svg);
}

.main-wrapper {
  box-shadow: 0 4px 84px rgba(0, 0, 0, 0.25);
}

.header {
  background-color: var(--color-main);
}
.header_bottom .copy {
  width: 164px;
}
@media screen and (min-width: 768px) {
  .header_bottom .copy {
    width: 261px;
  }
}

.global-nav {
  border-bottom: solid 1px var(--color-main);
}
.global-nav a {
  color: var(--color-main);
  border-right: solid 1px var(--color-main);
}
.global-nav a::after {
  background-color: var(--color-main);
}

.coupon .decorate {
  border: solid 1px var(--color-main);
  color: var(--color-main);
}
.coupon .point {
  background-color: var(--color-cream);
  color: var(--color-main);
}

.marker {
  background: linear-gradient(transparent 60%, var(--color-main) 60%);
}

.section-0 {
  background-color: #fff;
}
.section-0 .section_inner {
  padding-top: 0;
  padding-bottom: 0;
}
.section-0 .section_inner .section_content {
	padding: 0;
}
@media screen and (min-width: 768px) {
  .section-0 .section_inner .section_content {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.section-0 .section_inner .section_content .page-text {
  margin: 40px 0 30px;
  width: auto;
  height: 260px;
}
@media screen and (min-width: 768px) {
  .section-0 .section_inner .section_content .page-text {
    height: 360px;
  }
}
.section-0 .section_inner .section_content img {
	vertical-align: bottom;
}

.mv {
  position: relative;
}
.mv .copy {
  position: absolute;
  bottom: -60px;
  right: 23px;
  width: 35%;
}
.mv .copy img {
  width: 100%;
  height: auto;
}

.coupon .off {
  line-height: 1;
}
.coupon .off.first {
  margin-top: 3px;
}

.scroll-container {
  width: 100%;
  overflow: hidden;
}
.scroll-container .scroll-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: scroll-right 80s linear infinite;
}
.another-autumn .scroll-container .scroll-track {
  animation: scroll-left 40s linear infinite;
}
.scroll-container--1 .scroll-track {
  animation: scroll-left 80s linear infinite;
}
.mv .scroll-container img {
  width: 33.3333333333vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .mv .scroll-container img {
    width: 200px;
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
  /* 画像数に応じて調整 */
}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
  /* 画像数に応じて調整 */
}
#toc .toc-list li a {
  padding-left: 10px;
}

.another-autumn h3 {
  margin-top: 0;
}

.section-4 .section_inner {
  padding-bottom: 25px;
}

.lead-box {
	text-align: center;
	padding: 6vw 0 5vw;
}
.lead-box img {
	width: 90%;
}
.nav-present {
	margin: 0 3vw 5vw;
	background-color: #F4F4F4;
	border: 1px solid #636A52;
	border-radius: 10px;
}
.nav-present a {
	display: flex;
	align-items: center;
	position: relative;
	color: #000;
	text-decoration: none;
	padding: 2.6vw 4vw;
}
.nav-present a::after {
	content: "";
	display: block;
	line-height: 1;
	width: 0.8em;
	height: 0.8em;
	border: 0.16em solid #4F5A35;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translate(0,-50%) rotate(135deg);
	position: absolute;
	top: 50%;
	right: 1em;
}
.nav-present-image {
	width: 11.4vw;
}
.nav-present-image img {
	max-width: 100%;
	height: auto;
}
.nav-present-txt {
	font-size: 90%;
	line-height: 1.3;
	padding-left: 3vw;
}
.nav-present-txt em {
	font-size: 120%;
	font-weight: 900;
	font-style: normal;
}

/* タブの選択によるコンテンツの表示・非表示 */
.tab_mens .mens_sort,
.tab_ladies .ladies_sort {
	display: block;
}
.tab_mens .ladies_sort,
.tab_ladies .mens_sort {
	display: none;
}
[class*="menu-tab-col"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
	margin: 0;
	padding: 0;
}
[class*="menu-tab-col"] > li {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1.2;
  border-bottom: 1px solid #DEDEDF;
  text-decoration: none;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.menu-tab-col2 > li {
  width: 50%;
}
[class*="menu-tab-col"] > li:after {
  content: "";
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--color-main);
}
[class*="menu-tab-col"] > li a:hover {
  /*color: var(--blue);*/
	opacity: 1;
}
[class*="menu-tab-col"] > li#menu-tab-mens {
  color: var(--color-main);
}
[class*="menu-tab-col"] > li#menu-tab-ladies {
  color: #E54A42;
}
[class*="menu-tab-col"] > li#menu-tab-ladies:after {
	background-color: #E54A42;
}
[class*="menu-tab-col"] > li.current:after {
  visibility: visible;
}
[class*="menu-tab-col"] > li a {
  display: block;
  color: inherit;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
}
[class*="menu-tab-col"] > li a img {
	width: auto;
	height: 4.8vw;
}
.menu-tab-wrapper {
	margin: 0;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 100;
}
.nav-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.nav-box ul li {
	width: calc(100% / 3);
	height: 26.6vw;
	background-color: #FFF;
	border-right: 1px solid #DEDEDF;
	border-bottom: 1px solid #DEDEDF;
}
.nav-box ul li:nth-child(4),
.nav-box ul li:nth-child(5) {
	width: 50%;
	height: 23.2vw;
}
.nav-box ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: relative;
}
.nav-box ul li a::after {
	content: "";
	display: block;
	line-height: 1;
	width: 0.5em;
	height: 0.5em;
	border: 0.1em solid #4F5A35;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translate(-50%,-100%) rotate(135deg);
	position: absolute;
	bottom: 0;
	left: 50%;
}
.nav-box ul li img {
	width: 26.6vw;
	height: auto;
}
.maker-box {
	margin: -10vw 0 0;
	padding: 18vw 0 0;
}
.maker-box img {
	max-width: 100%;
	height: auto;
}
.item-box {
	background-color: #fff;
	padding: 0 8vw 12vw;
}
.maker-logo-box {
	margin: 0 0 5vw;
	padding: 0;
}
.maker-logo-box .maker-logo {
	width: 58.6vw;
	margin: 0 auto;
}
.maker-txt {
	text-align: center;
	font-size: 90%;
}
#penguinbymunsingwear .maker-txt {
	margin-top: -2vw;
}
#newera .maker-txt {
	margin-top: -9vw;
}
#lacoste .maker-txt {
	margin-top: -8vw;
}
#junandrope .maker-txt {
	margin-top: -4vw;
}
#ralphLauren .maker-txt {
	margin-top: -4vw;
}
#newbalance .maker-txt {
	margin-top: -4vw;
}
#rosasen .maker-txt {
	margin-top: -4vw;
}
.main-image {
	margin: 0 -8vw 5.3vw;
	position: relative;
}
.desc p {
	line-height: 1.5;
}
.pickup-box {
	display: flex;
	justify-content: space-between;
	margin: 8vw 0;
}
.pickup-image {
	width: 50%;
}
.pickup-txt {
	width: 45%;
}
.pickup-title {
	margin: 0 0 1.5vw;
}
.pickup-title span {
	display: inline-block;
	color: #636A52;
	font-size: 85%;
	font-weight: bold;
	border: 1px solid #636A52;
	line-height: 1;
	padding: 0.2em 0.5em;
	position: relative;
}
.ladies_sort .pickup-title span {
	color: #E54A42;
	border: 1px solid #E54A42;
}
.pickup-txt p {
	margin: 0;
	line-height: 1.4;
}
.btn-item + .btn-item {
	margin-top: 5vw;
}
.btn-item a {
	display: block;
	text-align: center;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 4px;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.15);
	font-size: 105%;
	color: #000;
	text-decoration: none;
	padding: 0.8em 0.2em;
}
.btn-maker {
}
.btn-maker a {
	background-color: #000;
	color: #fff;
}
.btn-row2 a {
	font-size: 100%;
	line-height: 1.2;
	padding: 0.6em;
}
.item-box:nth-child(2) {
	background-color: #F1F1F0;
	padding: 0vw 8vw 12vw;
}
#present {
	margin: -14vw 0 0;
	padding: 14vw 0 0;
}
.present-area {
	background-color: #C7D0D3;
	margin: 0 0 10vw;
	padding: 6.6vw 4vw;
}
.present-box {
	background-color: #fff;
	border: 2px solid #3081C3;
	border-radius: 8px;
	padding: 6vw;
}
.present-box-title {
	text-align: center;
	font-size: 112%;
	line-height: 1.3;
	margin: 0 0 5vw;
}
.present-box-title em {
	font-size: 115%;
	font-weight: bold;
	font-style: normal;
	position: relative;
}
.present-box-title em::before {
	content: "";
	width: 2px;
	height: 25px;
	background-color: #000;
	transform: translateY(0%) rotate(-25deg);
	position: absolute;
	bottom: 0;
	left: -0.5em;
}
.present-box-title em::after {
	content: "";
	width: 2px;
	height: 25px;
	background-color: #000;
	transform: translateY(0%) rotate(25deg);
	position: absolute;
	bottom: 0;
	right: -0.5em;
}
.present-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5vw;
}
.present-label {
	display: inline-block;
	color: #E54A42;
	border: 1px solid #E54A42;
	line-height: 1;
	margin: 0 0 3vw;
	padding: 0.2em 1em;
}
.present-desc {
	font-size: 95%;
}
.present-image {
	width: 26vw;
}
.present-image img {
	max-width: 100%;
	height: auto;
}
.btn-present a {
	background-color: #3081C3;
	border: none;
	color: #fff;
}
.staff-box {
	text-align: center;
	padding: 8vw 4vw;
}
.staff-title {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding-bottom: 0.5em;
}
.staff-box dl {
	display: flex;
	justify-content: center;
	text-align: left;
	font-size: 80%;
	border-bottom: 1px dotted #A2A2A2;
	margin: 0;
	padding: 0.5em 0;
}
.staff-box dt {
	width: 11em;
	font-weight: bold;
}
.staff-box dd {
	width: 18em;
	margin: 0;
}
.course-box {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 95%;
	padding: 0 0 8vw;
}
.course-box-title {
	text-align: center;
	font-weight: bold;
	margin-right: 1em;
}
.course-name a {
	color: #000;
}
.summary__detail p {
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.section-0 .section_inner {
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-0 .section_inner .section_content {
		padding: 0;
	}
	.lead-box {
		padding: 30px 0;
	}
	.lead-box img {
		width: 82%;
	}
	.nav-present {
		margin: 0 50px 30px;
	}
	.nav-present a {
		padding: 12px 30px;
	}
	.nav-present-image {
		width: 70px;
	}
	.nav-present-txt {
		font-size: 110%;
		line-height: 1.5;
		padding-left: 1.5em;
	}
	[class*="menu-tab-col"] > li a {
		font-size: 24px;
		padding: 0.85em 0;
	}
	[class*="menu-tab-col"] > li:after {
		height: 5px;
	}
	[class*="menu-tab-col"] > li a img {
		height: 20px;
	}
	.nav-box ul li {
		height: 140px;
	}
	.nav-box ul li:nth-child(4),
	.nav-box ul li:nth-child(5) {
		height: 120px;
	}
	.nav-box ul li img {
		width: 140px;
		height: auto;
	}
	.nav-box ul li a::after {
		width: 0.8em;
		height: 0.8em;
	}
	.maker-box {
		margin: -70px 0 0;
		padding: 110px 0 0;
	}
	.item-box {
		padding: 0 50px 50px;
	}
	.maker-logo-box {
		margin: 0 0 20px;
		padding: 0;
	}
	.maker-logo-box .maker-logo {
		width: 270px;
	}
	.maker-txt {
		font-size: 100%;
	}
	#penguinbymunsingwear .maker-txt {
		margin-top: -10px;
	}
	#newera .maker-txt {
		margin-top: -40px;
	}
	#lacoste .maker-txt {
		margin-top: -40px;
	}
	#junandrope .maker-txt {
		margin-top: -20px;
	}
	#ralphLauren .maker-txt {
		margin-top: -20px;
	}
	#newbalance .maker-txt {
		margin-top: -20px;
	}
	#rosasen .maker-txt {
		margin-top: -20px;
	}
	.main-image {
		margin: 0 -50px 30px;
	}
	.pickup-box {
		margin: 30px 0;
	}
	.pickup-title {
		margin: 0 0 10px;
	}
	.btn-item + .btn-item {
		margin-top: 30px;
	}
	.btn-item a {
		max-width: 380px;
		margin: 0 auto;
	}
	.btn-maker {
		padding: 0;
	}
	.item-box:nth-child(2) {
		padding: 0 50px 50px;
	}
	#present {
		margin: -70px 0 0;
		padding: 70px 0 0;
	}
	.present-area {
		margin: 0 0 40px;
		padding: 40px 55px;
	}
	.present-box {
		padding: 40px 55px;
	}
	.present-box-title {
		font-size: 120%;
		margin: 0 0 20px;
	}
	.present-wrap {
		margin: 0 0 20px;
	}
	.present-label {
		font-size: 120%;
		margin: 0 0 10px;
	}
	.present-desc {
		font-size: 100%;
	}
	.present-image {
		width: 120px;
	}
	.staff-title {
		font-size: 120%;
	}
	.staff-box {
		padding: 40px 50px;
	}
	.staff-box dl {
		font-size: 100%;
	}
	.course-box {
		padding: 0 50px 40px;
		font-size: 100%;
	}
	.course-box-title {
	}
}