@charset "UTF-8";
:root {
	--rem: 1.10378118641;
	--ratio: 1.5;
	--s-3: calc(var(--s-2)/var(--ratio));
	--s-2: calc(var(--s-1)/var(--ratio));
	--s-1: calc(var(--s0)/var(--ratio));
	--s0: calc(1rem*var(--rem));
	--s1: calc(var(--s0)*var(--ratio));
	--s2: calc(var(--s1)*var(--ratio));
	--s3: calc(var(--s2)*var(--ratio));
	--s4: calc(var(--s3)*var(--ratio));
	--s5: calc(var(--s4)*var(--ratio));
	--s6: calc(var(--s5)*var(--ratio));
	--s7: calc(var(--s6)*var(--ratio));
	--s8: calc(var(--s7)*var(--ratio));
	--s9: calc(var(--s8)*var(--ratio));
	--s10: calc(var(--s9)*var(--ratio))
}
:root {
	--rem: .714285714;
	--ratio: 1.5;
	--s-2: calc(var(--s-1)/var(--ratio));
	--s-1: calc(var(--s0)/var(--ratio));
	--s0: calc(1rem*var(--rem));
	--s1: calc(var(--s0)*var(--ratio));
	--s2: calc(var(--s1)*var(--ratio));
	--s3: calc(var(--s2)*var(--ratio));
	--s4: calc(var(--s3)*var(--ratio));
	--s5: calc(var(--s4)*var(--ratio));
	--s6: calc(var(--s5)*var(--ratio));
	--s7: calc(var(--s6)*var(--ratio));
	--s8: calc(var(--s7)*var(--ratio));
	--s9: calc(var(--s8)*var(--ratio));
	--s10: calc(var(--s9)*var(--ratio))
}
.page-entry {
	overflow: hidden;
	min-width: 1200px
}
.page-entry .hidden {
	width: 1px;
	height: 1px;
	position: absolute;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px)
}
.page-entry .text-indent {
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em
}
.page-entry .text-center {
	text-align: center
}
.page-entry .text-uppercase {
	text-transform: uppercase
}
.page-entry {
	font-family: Yu Gothic, "游ゴシック", YuGothic, "游ゴシック体", Yu Gothic Medium, "游ゴシック Medium", Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
	font-size: 1.1428571424rem;
	color: #6e7881;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: .05em;
	-webkit-text-size-adjust: none
}
.page-entry .c-sec {
	margin-block: var(--s4) 0
}
.page-entry .c-sec>hgroup {
	text-align: center;
	width: 498px;
	margin-inline: auto
}
.page-entry .c-sec>hgroup>p {
	font-size: 1.4999999994rem;
	border-top: 1px solid #b6bbc0;
	margin-inline: auto;
	padding-block-start: var(--s1);
	margin-block-start: var(--s0)
}
.page-entry .c-sec__ttl {
	font-size: 2.5714285704rem;
	font-weight: 700;
	text-align: center;
	margin-inline: auto;
	padding-inline: .5em
}
.page-entry .c-sec__ttl span {
	font-weight: 500
}
.page-entry .c-sec__other-items-ttl {
	font-size: 2.142857142rem;
	font-weight: 700;
	text-align: center
}
.page-entry .c-sec__other-items>hgroup {
	text-align: center
}
.page-entry .c-sec__other-items>hgroup>p {
	font-size: 1.2857142852rem
}
.page-entry .c-sec__other-item-wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	margin-block-start: var(--s3)
}
.page-entry .c-sec__nav-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 240px 1px 240px 1px 240px;
	grid-template-columns: repeat(3, 240px);
	gap: 0 1px;
	place-content: center;
	margin-block: var(--s4) var(--s4)
}
.page-entry .c-subsec__wrapper {
	width: 1100px;
	margin-inline: auto;
	margin-block-start: var(--s5)
}
.page-entry .c-subsec__wrapper>*+* {
	margin-block-start: var(--s6)
}
.page-entry .c-subsec__images {
	display: flex
}
.page-entry .c-subsec__details:nth-child(2n+1) {
	position: relative
}
.page-entry .c-subsec__details:nth-child(2n+1):before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -50px;
	background: #d3d6d9
}
.page-entry .c-subsec__details small {
	font-size: 1.071428571rem
}
.page-entry .c-subsec__details-wrapper {
	width: 1000px;
	margin-block-start: var(--s3);
	margin-inline: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 100px 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 100px
}

.page-entry .c-subsec__details-wrapper .highlight {
	text-decoration: underline;
	text-decoration-thickness: .5em;
	-webkit-text-decoration-color: rgba(255,248,192,1);
	text-decoration-color: rgba(255,248,192,1);
	text-underline-offset: -.3em;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
	font-weight: 500;
}

.page-entry .c-subsec__details-summary {
	font-size: 1.7142857136rem;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: flex-start;
	gap: var(--s0)
}
.page-entry .c-subsec__details-summary>span:first-child {
	width: 32px
}
.page-entry .c-subsec__details-summary>span:last-child {
	width: auto;
	margin-block-start: var(--s-1);
	line-height: 1.6
}
.page-entry .c-subsec__details-body {
	display: flex;
	gap: 0 var(--s0);
	margin-block-start: var(--s1);
	font-size: 1.2857142852rem
}
.page-entry .c-subsec__details-img {
	width: 135px
}
.page-entry .c-subsec__details-img+p {
	flex: 1 0 0
}
.page-entry .c-subsec__variations-list {
	border-bottom: 1px solid #d3d6d9;
	margin-block-start: var(--s2)
}
.page-entry .c-subsec__variations-list a {
	display: flex;
	align-items: center;
	padding: .5em .25em;
	border-top: 1px solid #d3d6d9
}
.page-entry .c-subsec__variations .cms-Ctrl_ItemPrice_Normal {
	font-size: 1.1428571424rem;
	display: flex;
	align-items: center;
	margin-inline: auto var(--s-1);
	font-weight: 700
}
.page-entry .c-subsec__variations .cms-Ctrl_ItemPrice_Normal .page-Campaign_Price {
	margin-inline-start: var(--s-1)
}
.page-entry .c-items {
	margin-block-start: var(--s4)
}
.page-entry .c-items__ttl {
	font-size: 1.7142857136rem;
	font-weight: 500;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: .4em
}
.page-entry .c-items__ttl+* {
	margin-block-start: var(--s2)
}
.page-entry .c-items__inner {
	margin-block-start: var(--s3);
	display: -ms-grid;
	display: grid;
	gap: 50px;
	place-content: center;
	-ms-grid-columns: 500px;
	grid-template-columns: 500px
}
.page-entry .c-items__inner:has(> :nth-child(2)) {
	-ms-grid-columns: 450px 500px;
	grid-template-columns: 450px 500px
}
.page-entry .c-item {
	display: -ms-grid;
	display: grid;
	text-align: center;
	gap: var(--s0);
	-ms-grid-row-span: 3;
	grid-row: span 3;
	-ms-grid-rows: subgrid;
	grid-template-rows: subgrid
}
.page-entry .c-item__wrapper {
	display: -ms-grid;
	display: grid;
	gap: 0 50px;
	-ms-grid-columns: 1fr 50px 1fr;
	grid-template-columns: repeat(2, 1fr)
}
.page-entry .c-item__spec {
	font-size: 1.071428571rem
}
.page-entry .c-item__spec em {
	font-size: 1.2857142852rem
}
.page-entry .c-item__spec [id^=goods_discount_rate] {
	margin-inline: auto
}
.page-entry .c-item__spec .page-Campaign_Price {
	font-size: 1.4999999994rem;
	text-align: center
}
.page-entry .c-item .c-link {
	width: 180px;
	margin-inline: auto
}
.page-entry .c-ico-arw-right-small {
	width: 20px;
	height: 20px;
	background: url(/lp/thegunze-mens/images/2024aw/ico-arw-right-small.png) 0 0/cover no-repeat
}
.page-entry .c-ico-arw-white-right-small {
	width: 7px;
	height: 13px;
	background: url(/lp/thegunze-mens/images/2024aw/ico-arw-white-right-small.png) 0 0/cover no-repeat
}
.page-entry .c-ico-arw-white-right {
	width: 10px;
	height: 19px;
	background: url(/lp/thegunze-mens/images/2024aw/ico-arw-white-right.png) 0 0/cover no-repeat
}
.page-entry .c-link {
	background-image: linear-gradient(to right, rgba(154, 152, 152, .8), #9a9898);
	font-size: 1.1428571424rem;
	line-height: 1.3;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 4px;
	box-shadow: 1.84px 1.84px 1.84px 0 rgba(0, 0, 0, .2);
	padding-block: .875em
}
.page-entry .c-link [class^=c-ico] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-right: var(--s1)
}
.page-entry .c-link--color-basic {
	background-image: linear-gradient(to right, rgba(222, 170, 174, .8), #deaaae)
}
.page-entry .c-link--color-rib {
	background-image: linear-gradient(to right, rgba(121, 190, 168, .8), #79bea8)
}
.page-entry .c-link--color-cool {
	background-image: linear-gradient(to right, rgba(135, 164, 213, .8), #87a4d5)
}
.page-entry .c-link--color-winter {
	background-image: linear-gradient(to right, rgba(207, 92, 81, .8), #cf5c51)
}
.page-entry .c-link--color-summer {
	background-image: linear-gradient(to right, rgba(142, 189, 226, .8), #8ebde2)
}
.page-entry .c-link--color-cottonmix {
	background-image: linear-gradient(to right, rgba(111, 91, 41, .8), #6f5b29)
}
.page-entry .c-link--color-wool {
	background-image: linear-gradient(to right, rgba(76, 73, 72, .8), #4c4948)
}
.page-entry .c-link--color-bulky {
	background-image: linear-gradient(to right, rgba(204, 190, 163, .8), #ccbea3)
}
.page-entry .c-link--color-silk {
	background-image: linear-gradient(to right, rgba(183, 183, 150, .8), #b7b796)
}
.page-entry .c-link--color-tencel {
	background-image: linear-gradient(to right, rgba(55, 71, 101, .8), #374765)
}
.page-entry .c-link--color-gift {
	background-image: linear-gradient(to right, rgba(161, 171, 177, .8), #a1abb1)
}
.page-entry .c-link--color-outro {
	background-image: linear-gradient(to right, rgba(110, 120, 129, .8), #6e7881)
}
.page-entry .c-link__wrapper {
	text-align: center;
	margin-block-start: var(--s4)
}
.page-entry .c-link__wrapper .c-link {
	font-size: 1.7142857136rem;
	width: 600px;
	margin-block-start: var(--s-1);
	margin-inline: auto;
	min-height: 80px
}
.page-entry .c-link__wrapper p {
	font-size: 1.1428571424rem;
	font-weight: 700
}
.page-entry .link {
	display: block;
	width: 150px;
	margin-inline: auto 0
}
.page-entry .link__wrapper {
	width: 1200px;
	margin-inline: auto
}
.page-entry .mv {
	position: relative;
	width: 1200px;
	margin-block-start: var(--s1);
	margin-inline: auto
}
.page-entry .mv__icon {
	position: absolute;
	width: 100px;
	inset-block: auto 87px;
	inset-inline: auto 31.5px
}
.page-entry .intro {
	font-size: 1.2857142852rem;
	display: -ms-grid;
	display: grid;
	height: 380px;
	background: url(/lp/thegunze-mens/images/2024aw/bg-renewal.jpg) 50% 50%/cover no-repeat;
	margin-block-start: -110px;
	place-content: center
}
.page-entry .intro__inner {
	width: 1200px;
	margin-inline: auto
}
.page-entry .concept {
	line-height: 2.5
}
.page-entry .concept strong {
	--font-size: 1.8rem;
	font-size: calc(var(--font-size)*var(--rem));
	text-decoration: underline;
	-webkit-text-decoration-color: #aeb4ba;
	text-decoration-color: #aeb4ba;
	text-underline-offset: .4em;
	line-height: 1
}
.page-entry .renewal {
	margin-block-start: var(--s3)
}
.page-entry .renewal strong {
	--font-size: 1.8rem;
	font-size: calc(var(--font-size)*var(--rem))
}
.page-entry .lineup {
	padding-block: var(--s4) var(--s4)
}
.page-entry .lineup__ttl {
	font-size: 1.7142857136rem;
	font-weight: 500;
	text-align: center;
	text-decoration: underline;
	-webkit-text-decoration-color: #aeb4b9;
	text-decoration-color: #aeb4b9;
	text-underline-offset: .6em
}
.page-entry .lineup__container {
	display: -ms-grid;
	display: grid;
	gap: var(--s3) 40px;
	justify-items: center;
    grid-template-columns: 658px 370px;
	margin-block-start: var(--s3);
	place-content: center
}
.page-entry .lineup__subsec {
	display: -ms-grid;
	display: grid;
	-ms-grid-row-span: 2;
	grid-row: span 2;
	-ms-grid-rows: min-content;
	grid-template-rows: min-content;
	row-gap: 0
}
.page-entry .lineup__subsec hgroup {
	align-self: flex-end;
	text-align: center
}
.page-entry .lineup__subsec hgroup p {
	font-size: 1.071428571rem
}
.page-entry .lineup__subsec-ttl {
	font-size: 1.4999999994rem;
	font-weight: 700;
	text-align: center
}
.page-entry .lineup__subsec-ttl>span {
	font-weight: 500
}
.page-entry .lineup__subsec-list {
	display: -ms-grid;
	display: grid;
	gap: 2.5px;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(3, 1fr);
	margin-block-start: var(--s3);
	gap: 10px
}
.page-entry .lineup__subsec:nth-child(2) .lineup__subsec-list {
	-ms-grid-columns: (140px)[2];
	grid-template-columns: repeat(2, 140px);
	justify-content: center;
}
.page-entry .lineup__subsec-list:has(:nth-child(5)) {
	-ms-grid-columns: (210px)[5];
	grid-template-columns: repeat(5, 210px)
}

.page-entry .lineup__subsec-list-item {
	position: relative;
}

.page-entry .lineup__subsec-list-item a {
	display: block;
	overflow: hidden;
	border-radius: 3px;
	box-shadow: 1.84px 1.84px 1.84px 0 rgba(0, 0, 0, .2)
}
.page-entry .lineup__note {
	font-size: .86em;
	text-align: center;
	margin-block-start: var(--s2)
}

.page-entry .icon-new {
	position: absolute;
	background: #fff8c0;
	color: #6e7881;
	padding: 8px 20px;
	border-radius: 30px;
	top: -16%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.1rem;
	font-weight: 700;
	z-index: 2;
	line-height: 1;
	filter: drop-shadow(3px 3px 5px rgba(103,103,103, 0.25));
	letter-spacing: -0.05rem;
	margin: 0;
  font-size: 1.15rem;
}

.page-entry .icon-new::after{
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #fff8c0 transparent transparent transparent;
	border-width: 12px 8px 0 8px;
	position: absolute;
	bottom: -23%;
	left: 50%;
	transform: translateX(-50%);
}

.page-entry .page-nav__list {
	position: fixed;
	z-index: 10;
	bottom: 100px;
	right: 0;
	transition: .2s;
	transition-property: opacity, translate;
	opacity: 0;
	translate: 100px 0
}
.page-entry .page-nav__list>*+* {
	margin-block-start: 5px
}
.page-entry .page-nav__list.is-active {
	opacity: 1;
	translate: 0 0
}
.page-entry .page-nav__list.is-footer-visible {
	opacity: 0 !important;
	translate: 100px 0 !important
}
.page-entry .page-nav__list-item {
	width: 38px
}
.page-entry .page-nav__list-item a {
	display: block;
	box-shadow: 1.84px 1.84px 1.84px 0 rgba(0, 0, 0, .2)
}
.page-entry .others .c-items__inner {
	-ms-grid-columns: 400px;
	grid-template-columns: 400px
}
.page-entry .gift {
	width: 1100px;
	margin-inline: auto
}
.page-entry .gift__wrapper {
	margin-block-start: var(--s5);
	padding-block: var(--s5);
	background-color: #f2f1eb
}
.page-entry .gift__scene {
	margin-block-start: var(--s4);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 550px 90px 1fr;
	grid-template-columns: 550px 1fr;
	gap: 0 90px
}
.page-entry .gift__scene p {
	line-height: 2;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-ms-grid-row-align: center;
	align-self: center;
	font-size: 1.2857142852rem
}
.page-entry .gift__scene p strong {
	font-size: 1.7142857136rem
}
.page-entry .item-list {
	margin-block-start: var(--s5)
}
.page-entry .item-list__ttl {
	font-size: 2.142857142rem;
	font-weight: 700;
	text-align: center
}
.page-entry .item-list__ttl span {
	display: block;
	font-size: 1.2857142852rem;
	font-weight: 500
}
.page-entry .item-list__table {
	font-size: .9285714282rem;
	border-bottom: 1px solid #c9cdd1;
	margin-block-start: var(--s3)
}
.page-entry .item-list__table-wrapper {
	width: 1100px;
	margin-inline: auto;
	overflow: auto
}
.page-entry .item-list__table th, .page-entry .item-list__table td {
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #c9cdd1
}
.page-entry .item-list__table th {
	font-weight: 700;
	width: 68px;
	text-align: center;
	vertical-align: middle;
	background-color: #f1f2f3
}
.page-entry .item-list__table td {
	width: 125px;
	padding: 1.071428571rem .714285714rem
}
.page-entry .item-list__table td>*+* {
	margin-block-start: var(--s0)
}
.page-entry .item-list__table td+td {
	width: 129px;
	border-left: 4px solid #f1f2f3
}
.page-entry .item-list__table tr {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 68px (125px)[9];
	grid-template-columns: 68px repeat(9, 125px)
}
.page-entry .item-list__table tr>* {
	display: -ms-grid;
	display: grid;
	-ms-grid-row-span: 3;
	grid-row: span 3;
	-ms-grid-rows: subgrid;
	grid-template-rows: subgrid
}
.page-entry .item-list__table tr>th {
	align-items: center;
	-ms-grid-rows: 100%;
	grid-template-rows: 100%
}
.page-entry .item-list__table-img {
	margin: -1.071428571rem -.714285714rem 0
}
.page-entry .item-list__table-color {
	display: -ms-grid;
	display: grid;
	place-content: center
}
.page-entry .item-list__table .c-link {
	font-size: .8571428568rem;
	background: #6e7881;
	box-shadow: none
}
.page-entry .outro {
	padding-block: var(--s4)
}
.page-entry .outro .c-link {
	font-size: 1.7142857136rem;
	width: 600px;
	text-align: center;
	margin-inline: auto
}
.page-entry h1, .page-entry h2, .page-entry h3, .page-entry h4, .page-entry h5, .page-entry h6 {
	color: #6e7881
}
.page-entry h1 {
	font-weight: 400;
	max-width: none;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0
}
.page-entry h2 {
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #6e7881;
	border-bottom: 0
}
.page-entry h3 {
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: transparent
}
.page-entry sup {
	font-size: .75em;
	vertical-align: top
}
.page-entry a {
	color: #6e7881
}
.page-entry em {
	font-style: normal
}
.page-entry strong, .page-entry em {
	font-weight: 700
}
.page-entry ol {
	list-style: none
}
.page-entry img {
	width: auto;
	max-width: 100%;
	height: auto
}
.page-entry button {
	border: 0;
	outline: 0;
	background: transparent
}
.page-entry .cms-Ctrl_ItemPrice_Normal {
	letter-spacing: 0;
	font-weight: 700
}
@media print, screen and (min-width:768px) {
	.page-entry .sp {
		display: none
	}
}
@media screen and (max-width:767px) {
	.page-entry .pc {
		display: none
	}
}