@charset "utf-8";

@media screen and (max-width:767px) {
	.tks-theme-com-simple-page__header .header-nav {
		margin-right: 13.333vw;
	}
}

.inner {
	max-width: 60rem;
}
.inner + .inner {
	margin-top: 17rem;
}

/* mainVisual */
/* .mainVisual {
	margin-top: 2rem;
	width: 100%;
	height: 85.2rem;
	overflow: hidden;
	position: relative;
} */
/* .mainVisual .bgMain {
	position: relative;
	width: 443.367vw;
	animation: bgslide 40s infinite linear;
} */
/* @keyframes bgslide {
	0%{
		left: 0;
	}
	100%{
		left: -100vw;
	}
} */
/* .mainVisual .bgMain{
	display: flex;
	width: 442.959vw;
	height: 85.5rem;
	overflow: hidden;
}
.mainVisual .bgMain img {
	width: auto;
	height: 100%;
}
.mainVisual .bgMain img:first-child {
	animation: slide1 200s -100s linear infinite;
}
.mainVisual .bgMain img:last-child {
	animation: slide2 200s linear infinite;
}
@keyframes slide1 {
	0% {
	transform: translateX(100%);
	}
	to {
	transform: translateX(-100%);
	}
}
@keyframes slide2 {
	0% {
	transform: translateX(0);
	}
	to {
	transform: translateX(-200%);
	}
}
.mainVisual h1 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 36.4rem;
	height: 25.6rem;
} */
.mainVisual h1 {
	max-width: 192rem;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	/* .mainVisual {
		height: 79.6rem;
	}
	.mainVisual .bgMain {
		width: 537.6vw;
	}
	.mainVisual .bgMain img:first-child {
		animation: slide1 120s -59s linear infinite;
	}
	.mainVisual h1 {
		width: 40rem;
		height: 28.3rem;
	} */
}

/* news */
.news {
	margin-top: 7rem;
}
.news h2 {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 4.8rem;
	font-weight: 800;
	text-align: center;
}
.news a {
	margin-top: 3rem;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.28);
	padding: 1.5rem;
	text-decoration: none;
	color: #000;
}
.news .img {
	width: 11.4rem;
	height: 11.4rem;
	flex-shrink: 0;
}
.news .img img {
	width: 100%;
	height: 100%;
}
.news .text {
	width: 53rem;
	font-size: 1.6rem;
	font-weight: bold;
	margin-left: 2rem;
	display: flex;
	flex-direction: column;
}
.news .more {
	margin-top: auto;
	text-align: right;
}

/* bnr */
.bnr {
	margin: 10rem auto 0;
	max-width: 100rem;
}

/* movie */
.movie {
	margin: 10rem auto 0;
	max-width: 86.6rem;
}
.movie .mv {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie .mv iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.movie .txt {
	margin-top: 1rem;
	font-size: 2.3rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.movie .txt {
		margin-top: 3rem;
		font-size: 3rem;
	}
}

/* csChannel */
.csChannel h2 {
	margin-top: 12rem;
	padding: 3.7rem 0;
	background: #000;
	text-align: center;
}
.csChannel h2 img {
	width: 39.4rem;
}
.csChannel .mvList {
	margin: 12rem auto 0;
	padding-bottom: 15rem;
	max-width: 86.6rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.csChannel .mvList::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0.9rem;
	height: 11.1rem;
	background: url("/base/pc/store/special/casestudy/img/2022aw/top/channel_dot.png") no-repeat;
	background-size: contain;
}
.csChannel .mvList > div {
	width: 47.5%;
}
.csChannel .mvList > div.fullSize {
	width: 100%;
}
.csChannel .mvList > div:nth-child(n+2) {
	margin-top: 7rem;
}
.csChannel .mvList .mv {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.csChannel .mvList .mv iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.csChannel .mvList .txt {
	margin-top: 1rem;
	font-size: 2.3rem;
	text-align: center;
}


/* anniversary */
/* .anniversary {
	margin-top: 15rem;
}
.anniversary .inner {
	max-width: 98rem;
}
.anniversary h2 {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 7.4rem;
	font-weight: 800;
	text-align: center;
}
.anniversary .subttl {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 4.4rem;
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.25em;
}
.anniversary .lead {
	margin-top: 6rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 2.4rem;
	font-weight: 800;
	text-align: center;
	line-height: 2;
}
.anniversary .whitemt_ttl {
	margin-top: 12rem;
	height: 63.9rem;
	background: url(/base/pc/store/special/casestudy/img/2022aw/top/bg_whitemt.jpg) no-repeat;
	background-size: contain;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.anniversary .whitemt_ttl h3 {
	margin: 9rem auto 0;
	width: 68.9rem;
}
.anniversary .whitemt_ttl h3 + p {
	margin-top: 3.5rem;
	line-height: 2;
	color: #fff;
}
.anniversary .designer {
	padding: 6rem 15rem 3rem;
	background: #eaeaea;
}
.anniversary .designer > div {
	padding: 2.5rem 2rem 4rem;
	background: #fff;
}
.anniversary .designer .info {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.anniversary .designer .info .pic {
	width: 22.4rem;
}
.anniversary .designer .info .by {
	margin-top: 1rem;
	text-align: center;
	font-size: 1rem;
}
.anniversary .designer .info dl {
	padding: 0 3rem;
	width: 43.3rem;
}
.anniversary .designer .info dt {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 2.1rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}
.anniversary .designer .info dt p:nth-child(1) {
	font-size: 2.4rem;
}
.anniversary .designer .info dt p:nth-child(2) {
	font-size: 2.6rem;
}
.anniversary .designer .info dt p:nth-child(3) {
	margin-top: 3rem;
	font-weight: 600;
	letter-spacing: 0.2em;
}
.anniversary .designer .info dt p:nth-child(3) span {
	padding-left: 1em;
	font-size: 1.3rem;
}
.anniversary .designer .info dd {
	margin-top: 3rem;
	font-size: 1.4rem;
	line-height: 1.4;
}
.anniversary .designer .btnMessage {
	margin: 2rem auto 0;
	width: 29.2rem;
} */
/* mdoal */
/* .modalOpen {
	cursor: pointer;
}
.modalBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6666;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.modalBox {
	display: none;
	position: fixed;
	z-index: 7777;
	width: 100%;
	max-width: 75rem;
	height: 90%;
}
.modalBox .messageWrap {
	padding: 7rem;
	height: 100%;
	background: #fff;
	overflow-y: scroll;
}
.modalBox .messageWrap .messageTtl {
	text-align: center;
	letter-spacing: 0.2em;
}
.modalBox .messageWrap .messageTtl span {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: solid 5px #000;
}
.modalBox .messageWrap dl {
	margin-top: 10rem;
	font-size: 1.6rem;
	line-height: 1.7;
}
.modalBox .messageWrap dl dd {
	margin-top: 3rem;
	font-weight: bold;
}
.modalBox .messageWrap dl dd p + p {
	margin-top: 2rem;
}
.modalBox .modalClose {
	position: absolute;
	top: 0;
	right: 4%;
	font-size: 7rem;
	color: #000;
	cursor: pointer;
} */
/* .anniversary .youtube {
	padding: 4rem 6rem 5rem;
	background: #eaeaea;
}
.anniversary .youtube > div {
	width: 100%;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.anniversary .youtube > div iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.anniversary .coordination {
	padding-bottom: 5rem;
	display: flex;
	justify-content: space-between;
	text-align: center;
	background: #eaeaea;
}
.anniversary .coordination > div {
	width: 32.666rem;
}
.anniversary .coordination .ttl {
	font-weight: bold;
}
.anniversary .coordination .btnMovie {
	margin: 0 auto;
	width: 14.5rem;
	background: #000;
}
.anniversary .coordination .btnMovie span {
	display: block;
	padding: 0.5rem 1rem 0.3rem 0;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: relative;
}
.anniversary .coordination .btnMovie span::after {
	display: block;
	content: "";
	background: url(/base/pc/store/special/casestudy/img/2022aw/top/icon_play.png) no-repeat;
	background-size: contain;
	width: 1.6rem;
	height: 1.6rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.8rem;
}
.anniversary .whitemtItems {
	display: flex;
	justify-content: space-between;
}
.anniversary .whitemtItems .item {
	width: 32.666rem;
}
.anniversary .whitemtItems.twoColums {
	margin-top: 5rem;
	flex-wrap: wrap;
	justify-content: center;
}
.anniversary .whitemtItems.twoColums .item {
	margin-top: 5rem;
	margin-left: 5.44rem;
	margin-right: 5.44rem;
	width: 32.666rem;
}
.anniversary .whitemtItems .slideImg {
	margin: -5rem auto 5rem;
	width: 23rem;
}
.anniversary .whitemtItems .whitemtDots {
	display: flex;
	justify-content: center;
	z-index: 98;
	position: absolute;
	bottom: -2.5rem;
	right: 0;
	left: 0;
	margin: auto;
}
.anniversary .whitemtItems .whitemtDots li {
	background: #b0b0b1;
	margin: 0 0.8rem;
	width: 1rem;
	height: 1rem;
	border: none;
	border-radius: 0.5rem;
}
.anniversary .whitemtItems .whitemtDots li.slick-active {
	background: #000;
}
.anniversary .whitemtItems .whitemtDots li button {
	display: none;
}
.anniversary .whitemtItems .txt {
	margin: 0 auto;
	padding-top: 1rem;
	width: 23rem;
	font-size: 1.5rem;
}
.anniversary .whitemtItems .txt + .txt {
	margin-top: 2rem;
}
.anniversary .whitemtItems .btnFs {
	margin: 1rem auto 0;
	width: 23rem;
} */


/* mdoal-video */
/* .js-modal-btn {
	cursor: pointer;
}
.modal-video-body {
	max-width: 120rem;
}
.modal-video-inner {
	padding: 0;
}
.modal-video-movie-wrap {
	background: transparent;
}
.modal-video-movie-wrap iframe {
	right: 0;
	width: 31%;
	margin: auto;
}
.modal-video-close-btn {
	right: 30%;
} */


/* aside */
aside {
	margin-top: 12rem;
}

/* asideBox */
.asideBox {
	padding-bottom: 5.2rem;
}
.asideBox + .asideBox {
	margin-top: 5.2rem;
}
.asideBox .heading::after {
	content: "";
	display: block;
	width: 3px;
	height: 4rem;
	background: #000;
	margin: 1.6rem auto;
}
.asideBox .heading h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.5rem;
	background: #000;
}
.asideBox .heading h3 img {
	height: 1.9rem;
}
.asideBox.brand .brands {
	width: 73.5rem;
	display: block;
	margin: 0 auto;
}
.asideBox.brand .brands.sp {
	display: none;
}
.asideBox.brand .more {
	display: block;
	margin: 0 auto;
	width: 31rem;
	margin-top: 5.2rem;
}
.asideBox.brand .more img {
	width: 100%;
}
.asideBox.instagram .follow {
	display: block;
	margin: 0 auto;
	width: 12.8rem;
	margin-top: 2.4rem;
}
.asideBox.instagram .follow img {
	width: 100%;
}
.asideBox.online .btn {
	display: block;
	margin: 0 auto;
	width: 30.3rem;
	margin-top: 2.4rem;
}
.asideBox.online .btnF img {
	width: 100%;
}

aside .shop {
	background: url('/base/pc/store/special/casestudy/img/2021ss/top/aside_shop_bg.jpg') center top / cover no-repeat;
	padding: 2.4rem 0 3rem;
}
aside .shop .shopHeading::after {
	content: "";
	display: block;
	width: 3px;
	height: 4rem;
	background: #fff;
	margin: 1.6rem auto;
}
aside .shop .shopHeading h3 {
	display: flex;
	justify-content: center;
	align-items: center;
}
aside .shop .shopHeading h3 img {
	height: 2rem;
}
aside .shop .shopList {
	display: flex;
	justify-content: center;
	align-items: center;
}
aside .shop .shopList > li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
aside .shop .shopList > li + li {
	margin-left: 4.5rem;
}
aside .shop .shopList > li + li::before {
	content: "";
	display: block;
	width: .85rem;
	height: 1.7rem;
	background: url('/base/pc/store/special/casestudy/img/2021ss/top/aside_shop_sep.png') center center / contain no-repeat;
	margin-right: 4.5rem;
}
aside .shop .shopList > li img {
	height: 1.2rem;
}
aside .shop .viewAll {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-top: 3.2rem;
}
aside .shop .viewAll img {
	width: 31rem;
}

/* notice */
.notice {
	margin: 15rem auto 13rem;
	width: 59rem;
	font-size: 1.2rem;
	line-height: 2.2;
}

@media screen and (max-width: 768px) {
	.inner {
		max-width: 100%;
		padding: 0 4.4rem;
	}
	.inner + .inner {
		margin-top: 9rem;
	}

	/* news */
	.news {
		margin-top: 10rem;
	}
	.news h2 {
		font-size: 6.5rem;
	}
	.news a {
		margin-top: 2rem;
		padding: 1.5rem;
	}
	.news .img {
		width: 16.5rem;
		height: 16.5rem;
	}
	.news .text {
		width: 45rem;
		font-size: 2.2rem;
	}

	/* bnr */
	.bnr {
		width: 90%;
	}

	/* csChannel */
	.csChannel h2 {
		margin-top: 8rem;
		padding: 4rem 0;
	}
	.csChannel h2 img {
		width: 51.2rem;
	}
	.csChannel .mvList {
		margin: 8rem auto 0;
		padding-bottom: 15rem;
		max-width: 100%;
		flex-direction: column;
	}
	.csChannel .mvList > div {
		width: 100%;
	}
	.csChannel .mvList > div:nth-child(n+2) {
		margin-top: 9rem;
	}
	.csChannel .mvList .txt {
		margin-top: 3rem;
		font-size: 3rem;
	}


	/* anniversary */
	/* .anniversary {
		margin-top: 20rem;
	}
	.anniversary .inner {
		padding: 0;
	}
	.anniversary h2 {
		font-size: 6.2rem;
	}
	.anniversary .subttl {
		font-size: 3.7rem;
	}
	.anniversary .lead {
		font-size: 3rem;
		line-height: 1.7;
	}
	.anniversary .whitemt_ttl {
		margin-top: 9rem;
		height: 73.7rem;
		background: url(/base/pc/store/special/casestudy/img/2022aw/top/bg_whitemt_sp.jpg) no-repeat;
		background-size: cover;
	}
	.anniversary .whitemt_ttl h3 {
		margin: 6rem auto 0;
		width: 64.2rem;
	}
	.anniversary .whitemt_ttl h3 + p {
		margin-top: 5.7rem;
		font-size: 2.7rem;
		line-height: 1.6;
	}
	.anniversary .designer {
		padding: 6rem 6.7rem 6rem;
	}
	.anniversary .designer > div {
		padding: 6rem 4rem 8rem;
	}
	.anniversary .designer .info {
		flex-direction: column;
	}
	.anniversary .designer .info .pic {
		width: 100%;
	}
	.anniversary .designer .info .by {
		font-size: 2.1rem;
	}
	.anniversary .designer .info dl {
		padding: 4rem 4rem;
		width: 100%;
	}
	.anniversary .designer .info dt {
		font-size: 3rem;
		line-height: 1.4;
	}
	.anniversary .designer .info dt p:nth-child(1) {
		font-size: 3.5rem;
	}
	.anniversary .designer .info dt p:nth-child(2) {
		font-size: 3.8rem;
	}
	.anniversary .designer .info dt p:nth-child(3) {
		margin-top: 2rem;
	}
	.anniversary .designer .info dt p:nth-child(3) span {
		font-size: 1.9rem;
	}
	.anniversary .designer .info dd {
		margin-top: 4rem;
		font-size: 2.4rem;
		line-height: 1.6;
	}
	.anniversary .designer .btnMessage {
		margin: 3rem auto 0;
		width: 53.7rem;
	} */
	/* mdoal */
	/* .modalBox {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}
	.modalBox .messageWrap {
		padding: 7rem 5rem;
	}
	.modalBox .messageWrap .messageTtl span {
		font-size: 3.5rem;
		letter-spacing: 0.15em;
	}
	.modalBox .messageWrap dl {
		font-size: 3rem;
		line-height: 1.5;
	} */
	/* .anniversary .youtube {
		padding: 4rem 0 6rem;
	}
	.anniversary .coordination {
		flex-direction: column;
	}
	.anniversary .coordination > div {
		width: 100%;
	}
	.anniversary .coordination > div + div {
		margin-top: 3.5rem;
	}
	.anniversary .coordination .ttl {
		font-size: 3.9rem;
	}
	.anniversary .coordination .btnMovie {
		margin-top: 1rem;
		width: 31.5rem;
	}
	.anniversary .coordination .btnMovie span {
		padding: 0.7rem 3rem 0.3rem 0;
		font-size: 4.1rem;
	}
	.anniversary .coordination .btnMovie span::after {
		width: 4.6rem;
		height: 4.6rem;
		right: 2rem;
		margin-top: -2.3rem;
	}
	.anniversary .whitemtItems {
		flex-direction: column;
	}
	.anniversary .whitemtItems .item {
		width: 100%;
	}
	.anniversary .whitemtItems .item + .item {
		margin-top: 10rem;
	}
	.anniversary .whitemtItems.twoColums {
		margin-top: 10rem;
		flex-direction: column;
	}
	.anniversary .whitemtItems.twoColums .item {
		margin-top: 10rem;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.anniversary .whitemtItems .slideImg {
		margin: -7rem auto 8rem;
		width: 39rem;
	}
	.anniversary .whitemtItems .whitemtDots {
		bottom: -4rem;
	}
	.anniversary .whitemtItems .whitemtDots li {
		margin: 0 1.3rem;
		width: 1.6rem;
		height: 1.6rem;
		border-radius: 0.8rem;
	}
	.anniversary .whitemtItems .txt {
		margin: 3rem auto 0;
		width: 45rem;
		font-size: 3rem;
	}
	.anniversary .whitemtItems .txt + .txt {
		margin-top: 3rem;
	}
	.anniversary .whitemtItems .btnFs {
		width: 45rem;
	} */

	/* mdoal-video */
	/* .modal-video-movie-wrap {
		padding-bottom: 100% !important;
	}
	.modal-video-movie-wrap iframe{
		width: 56%;
	}
	.modal-video-close-btn {
		right: 5%;
	} */


	/* aside */
	aside {
		margin-top: 10rem;
	}
	.asideBox .heading::after {
		width: .3rem;
		height: 6.5rem;
		margin: 2.8rem auto;
	}
	.asideBox .heading h3 {
		height: 6rem;
	}
	.asideBox .heading h3 img {
		height: 3.2rem;
	}
	.asideBox.brand .brands.pc {
		display: none;
	}
	.asideBox.brand .brands.sp {
		display: block;
	}
	.asideBox.brand .more {
		width: 45rem;
	}
	.asideBox.instagram .follow {
		width: 21.6rem;
	}
	.asideBox.online .btn {
		width: 50.3rem;
	}
	aside .shop {
		padding: 4rem 0 6.8rem;
	}
	aside .shop .shopList {
		flex-wrap: wrap;
	}
	aside .shop .shopList > li {
		flex-shrink: 0;
		margin-bottom: .8rem;
	}
	aside .shop .shopList > li + li {
		margin-left: 3rem;
	}
	aside .shop .shopList > li + li::before {
		margin-right: 3rem;
	}
	aside .shop .shopList > li img {
		height: 1.4rem;
	}
	aside .shop .shopHeading h3 img {
		height: 3.2rem;
	}
	aside .shop .shopHeading::after {
		width: .3rem;
		height: 6.5rem;
	}
	aside .shop .viewAll img {
		width: 45rem;
	}

	/* notice */
	.notice {
		font-size: 2rem;
		line-height: 1.8;
	}
}

/* added by depart de loop */
.mt-50 {
    margin-top: -50px;
}
.products .clearfix:after {
    clear: both;
}
.products img {
	width: 100%;
}
.products .clearfix:before,
.products .clearfix:after {
    content: "";
    display: table;
}
.products {
	-webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
	font-family: Helvetica, "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	font-weight: bold;
	line-height: 1;
	font-size: 10px;
	overflow: hidden;
	margin-top: 100px;
}
.products .sub-title {
    position: relative;
    margin-bottom: 35px;
}
.products .sub-title .txt {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    font-size: 45px;
    color: #fff;
    letter-spacing: .1em;
    line-height: 2;
    font-weight: bold;
}
.products .sub-title .txt b {
    font-size: 63px;
    position: relative;
}
.products .sub-lead {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    padding-bottom: 115px;
}
.products .card-wrap {
    width: 680px;
    margin: 0 auto 60px;
}
.products .card {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 680px;
    margin: 0 auto;
    box-sizing: border-box;
}
.products .card-inner01 {
    width: 60%;
    background-color: #EDEDED;
    padding: 20px 20px 0;
    box-sizing: border-box;
}
.products .card-inner01 .position {
    font-size: 24px;
    text-align: center;
    line-height: 1.3;
	font-weight: bold;
}
.products .card-inner01 .position span {
    font-size: 26px;
}
.products .card-inner01 .name {
    font-size: 21px;
    text-align: center;
    margin: 20px 0;
}
.products .card-inner01 .name span {
    font-size: 13px;
    padding-left: 15px;
}
.products .card-inner01 .summary {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
}
.products .cap {
    text-align: right;
    padding: 5px 50px 0 0;
}
.products .card-inner02 {
    width: 40%;
}
.products .comment {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    background-color: #EDEDED;
    margin-bottom: 60px;
    padding: 50px 0;
}
.products .comment p {
    margin-bottom: 2em;
}
.products .item-lists .items-list li .button {
    margin-top: 15px;
}
.products .item-lists .items-list li .button a {
    display: block;
    margin: 0 auto;
    line-height: 1;
    position: relative;
    font-size: 16px;
    padding: 7px 5px;
    border: 1px solid #000;
    font-weight: normal;
    text-align: center;
	text-decoration: none;
}
.products .item-lists .items-list li .button a span {
	position: relative;
	padding-right: 20px;
}
.products .item-lists .items-list li .button a span::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    right: 0;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
}
.products .item-lists.WhiteMountaineering {
    margin: 0 auto 200px;
    width: 100%;
}
.products .item-lists .items-list li {
    float: left;
    width: 30%;
    margin-right: 4%;
    margin-bottom: 95px;
}
.products .item-lists .items-list li .image-wrap {
    position: relative;
    margin-bottom: 12px;
}
.products .item-lists .items-list li .buttons {
    text-align: center;
    margin-bottom: 30px;
}
.products .item-lists .items-list li .buttons .txt {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
.products .item-lists .items-list li .buttons .back {
    margin: 0 auto;
    width: 125px;
}
.products .item-lists .items-list li .buttons .marks {
    font-size: 0;
    text-align: center;
}
.products .item-lists .items-list li .buttons .mark {
    display: inline-block;
    float: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
}
.products .item-lists .items-list li .buttons .mark {
    margin-right: 4%;
}
.products .item-lists .items-list li .buttons .mark.color08 {
    background-color: #B1B1B2;
}
.products .item-lists .items-list li .buttons .mark.color07 {
    background-color: #000;
}
.products .item-lists .items-list li .buttons .mark.color09 {
    background-color: #fff;
    border: 1px solid #000;
}
.products .item-lists .items-list li .buttons .mark.color28 {
    background: #272c3f;
}
.products .item-lists .items-list li .buttons .mark.color29 {
    background: #3f4d31;
}
.products .item-lists .items-list li p {
    font-weight: normal;
    text-align: left;
}
.products .item-lists .items-list li .text01 {
    font-size: 15px;
    line-height: 1.35;
    padding-bottom: 20px;
}
.products .item-lists .items-list li .text02 {
    font-size: 15px;
    line-height: 1.35;
}
.products .item-lists .items-list02 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.products .item-lists .items-list02 li {
    width: 30%;
}
.products .WhiteMountaineering .items-list {
    background-color: #ededed;
}
.products .WhiteMountaineering .items-list {
    padding: 0 20px;
}
.products .WhiteMountaineering.item-lists .items-list li:not(:nth-child(3n)) {
    margin-right: 5%;
}
.products .item-lists .items-list li:nth-of-type(3n) {
    margin-right: auto;
}
.products .item-lists .items-list li:nth-child(3n+1) {
    clear: both;
}
.products .item-lists .items.new {
    position: relative;
}
.products .item-lists .items.new::after {
    content: "";
    background: url("/base/pc/store/special/casestudy/img/2022aw/top/new_icon.png") no-repeat;
    background-size: contain;
    width: 74px;
    height: 15px;
    display: block;
    position: absolute;
    top: 2vw;
    left: 50%;
    transform: translateX(-50%);
}
.products .btn-multi01 {
    width: 50%;
    float: left;
}
.products .btn-multi02 {
    width: 50%;
    float: right;
}
.products .item-lists .items-list li .image-wrap .images li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .7s;
}
.products .item-lists .items-list li .image-wrap .images li.on {
    opacity: 1;
}
.products .item-lists .items-list li .image-wrap .bg {
    opacity: 0;
}
/* .products .item-content {
    min-height: 280px;
} */
.products span.store {
    font-weight: bold;
    line-height: 1.4;
}
.products .btn-more02 {
    line-height: 1;
    width: 180px;
    margin: 30px auto 20px;
    font-size: 20px;
    text-align: center;
}
.products .btn-more02 a {
    display: block;
    color: #595757;
    position: relative;
    padding: 10px 0;
    border-radius: 10px;
	text-decoration: none;
}
.products .btn-more02 a::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 47%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #595757;
    border-right: 1px solid #595757;
    transform: rotate(135deg);
}
.products .old_item {
    display: none;
}
.products .js-toggle-hide {
    display: none;
}
.products .item-lists .items-list-ex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
.products .item-lists .items-list-ex li {
    float: none;
    width: 40%;
    margin-right: 0;
}
.products .WhiteMountaineering.item-lists .items-list-ex li:not(:nth-child(3n)),
.products .item-lists .items-list-ex li:nth-child(3n) {
	margin-right: 0;
}
.products .WhiteMountaineering .items-list.bgW {
    background-color: #fff;
}
.products .old_item .items-list {
    padding: 0 20px;
	margin-top: -10px;
}
@media (max-width: 767px) {
	.products#anchor01 span.txt {
		width: 95%;
		font-size: 22px;
		top: 30%;
	}
	.products .sub-title {
		margin-bottom: 28px;
	}
	.products .sub-title .txt {
		bottom: auto;
		top: 50%;
		left: 50%;
		width: 80%;
		transform: translate(-50%, -50%);
		font-size: 25px;
		text-align: left;
	}
	.products #anchor01 .txt {
		width: 95%;
		font-size: 22px;
		top: 30%;
	}
	.products .sub-title .txt b {
		font-size: 25px;
	}
	.products .sub-lead {
		font-size: 15px;
		padding-bottom: 55px;
	}
	.products .card-wrap {
		width: 90%;
		position: relative;
	}
	.products .card {
		width: 100%;
		flex-flow: column-reverse wrap;
		background-color: #EDEDED;
		padding: 8vw 4vw;
	}
	.products .card-inner01 {
		width: 100%;
		padding: 0;
	}
	.products .card-inner01 .position {
		font-size: 20px;
		margin-top: 5px;
	}
	.products .card-inner01 .position span {
		font-size: 24px;
	}
	.products .cap.sp {
		background-color: #EDEDED;
		text-align: center;
		padding: 8px 0 0;
	}
	.products .card-inner02 {
		width: 90%;
		padding: 0 4vw;
	}
	.products .comment {
		font-size: 15px;
		font-weight: normal;
		text-align: center;
		background-color: #EDEDED;
		margin-bottom: 0;
		padding: 50px 30px;
	}
	.products .comment p {
		margin-bottom: 2em;
		line-height: 1.5;
	}
	.products .comment p:last-child {
		margin: 4em 0 0;
	}
	.products .item-lists .items-list li {
		float: none;
		width: auto;
		margin-right: auto;
		margin-bottom: 70px;
	}
	.products .item-lists .items-list02 li {
		width: 100%;
	}
	.products .WhiteMountaineering .items-list {
		margin-top: 20px;
		padding: 0;
	}
	.products .item-lists .items-list02 {
		flex-flow: column wrap;
	}
	.products .WhiteMountaineering.item-lists .items-list li.items {
		margin: auto;
		padding-bottom: 100px;
	}
	.products .WhiteMountaineering.item-lists .items-list li.item_1,
	.products .WhiteMountaineering.item-lists .items-list li.item_2,
	.products .WhiteMountaineering.item-lists .items-list li.item_3,
	.products .WhiteMountaineering.item-lists .items-list li.item_4,
	.products .WhiteMountaineering.item-lists .items-list li.item_5,
	.products .WhiteMountaineering.item-lists .items-list li.item_6 {
		background-color: #ececec;
	}
	.products .WhiteMountaineering.item-lists .items-list li.items {
		margin: auto;
		padding-bottom: 100px;
	}
	.sp-image {
		width: 100%;
		position: relative;
		right: 0;
	}
	.products .item-lists .items-list li .image-wrap {
		margin-bottom: 12px;
	}
	.products .item-lists .items-list li .buttons {
		margin-bottom: 30px;
	}
	.products .item-lists .items-list li .buttons .back {
		margin: 0 auto;
		width: 125px;
	}
	.products .item-lists .items-list li .buttons .txt {
		font-size: 11px;
	}
	.products .item-lists .items.new::after {
		width: 120px;
		height: 25px;
		top: 7vw;
	}
	.products .sp-bgW-wrap {
		padding: 0 20px;
		margin-top: -50px;
	}
	.products .sp-bgW-wrap .image-wrap {
		width: 80%;
		margin: 0 auto;
	}
	.products .item-lists .items-list li .image-wrap {
		margin-bottom: 12px;
	}
	.products .item-lists .items-list li .buttons .txt {
		font-size: 11px;
	}
	.products .old_item .items-list {
		padding: 0 20px;
	}
	.products .item-content {
		min-height: 0px;
	}
}

/*==========2022AW==========*/
/*==========================*/
.anrealage {
	margin-top: 180px;
}
.anrealage .subTtl {
	max-width: 980px;
	margin: 0 auto;
}
.anrealage .subTtl02 {
	max-width: 100%;
}
.anrealage .subTtl02 img {
	width: 100%;
}
.anrealage .subLead {
	margin-top: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 32px;
}
.anrealage .designer {
	margin-top: 45px;
	display: flex;
	justify-content: center;
}
.anrealage .designer .designerTxt {
	background: #ececec;
	max-width: 440px;
	padding: 20px 20px;
}
.anrealage .designer .designerTxt .designerTtl {
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}
.anrealage .designer .designerTxt .designerTtl .big {
	font-size: 26px;
}
.anrealage .designer .designerTxt .name {
	margin-top: 2px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
.anrealage .designer .designerTxt .name .small {
	font-size: 13px;
	vertical-align: middle;
    margin-left: 15px
}
.anrealage .designer .designerTxt .designerNote {
	margin-top: 9px;
	font-size: 14px;
	font-feature-settings: "palt";
	line-height: 26px;
}
.anrealage .designer .designerPic {
	max-width: 249px;
}
.anrealage .designerComment {
	margin-top: 65px;
	padding: 35px 0 30px;
	background: #ececec;
}
.anrealage .designerComment > p {
	max-width: 821px;
	margin: 0 auto;
	font-size: 16px;
	font-feature-settings: "palt";
	text-align: center;
	line-height: 42px;
}
.anrealage .designerComment > p .bottomTxt {
	display: block;
	margin-top: 55px;
	text-align: center;
}
.anrealage .anrealageBtn a {
	display: block;
	max-width: 362px;
	margin: 55px auto 0;
}
.anrealage .itemArea {
	margin-top: 55px;
	background: #ececec;
}
.anrealage .itemAreaInner {
	max-width: 980px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-around;
}
.anrealage .itemArea .itemBox {
	width: 30%;
}
.anrealage .itemBox.new {
	position: relative;
}
.anrealage .itemBox.new::after {
	content: "";
	background: url("/base/pc/store/special/casestudy/img/2022aw/top/new_icon.png") no-repeat;
	background-size: contain;
	width: 74px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.anrealage .itemArea .itemBox .itemInner {
	max-width: 980px;
	margin: 0 auto;
}
.anrealage .itemArea .itemBox .image-wrap .images li {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 277px;
	opacity: 0;
	transition: opacity .7s;
}
.anrealage .itemArea .itemBox .image-wrap {
	position: relative;
}
.anrealage .itemArea .itemBox .image-wrap .images li.on {
    opacity: 1;
}
.anrealage .itemArea .itemBox .image-wrap .bg {
    opacity: 0;
	max-width: 277px;
}
.anrealage .itemBox .buttonBox {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 0 35px;
}
.anrealage .itemBox .buttons {
	text-align: center;
	margin-bottom: 30px;
}
.anrealage .clearfix:after {
	clear: both;
}
.anrealage .clearfix:before,
.anrealage .clearfix:after {
	content: "";
	display: table;
}
.anrealage .btn-multi01 {
	width: 20%;
	float: left;
	margin-left: 18%;
}
.anrealage .item02 .btn-multi01 , .anrealage .item03 .btn-multi01 {
	margin-left: 20%;
}
.anrealage .btn-multi02 {
	width: 20%;
	float: left;
}
.anrealage .btn-multi03 {
	width: 20%;
	float: left;
}
.anrealage .itemBox .buttons .txt {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
.anrealage .itemBox .buttons .back {
	margin: 0 auto;
	width: 40px;
}
.anrealage .itemBox .buttons .marks {
	font-size: 0;
	text-align: center;
}
.anrealage .itemBox .buttons .mark {
	display: inline-block;
	float: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
	margin-bottom: 10px;
}
.anrealage .itemBox .buttons .mark {
    margin-right: 10%;
}
.anrealage .itemBox .buttons .mark.color01 {
	background-color: #fff;
	border: 1px solid #231815;
}
.anrealage .itemBox .buttons .mark.color02 {
    background-color: #292d2e;
}
.anrealage .itemBox .buttons .mark.color03 {
    background-color: #262b4d;
}
.anrealage .itemBox .buttons .mark.color04 {
	background-color: #242c3b;
}
.anrealage .itemBox .buttons .mark.color05 {
	background-color: #9e9f9f;
}
.anrealage .itemBox .buttons .mark.color06 {
	background: #2b3957;
}
.anrealage .itemBox .buttons .mark.color07 {
    background: #3a424c;
}
.anrealage .itemArea .itemTxtArea {
	padding-top: 20px;
	background: #fff;
	padding-bottom: 80px;
}
.anrealage .itemArea .itemTxtArea .itemTxtInner {
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.anrealage .itemArea .itemTxtArea .itemTxtBox {
	width: 30%;
}
.anrealage .itemArea .itemTxtArea .itemTxtBox.item03 {
	width: 29%;
}
.anrealage .itemArea .itemTxtArea .itemTxtBox .itemTxt , .anrealage .itemArea .itemTxtArea .itemTxtBox .detail {
	max-width: 255px;
	font-size: 15px;
	line-height: 20px;
	margin: 0 auto;
}
.anrealage .itemArea .itemTxtArea .itemTxtBox .detail {
	margin-top: 20px;
}
.anrealage .itemArea .itemTxtArea .itemTxtBox .fsBtn a {
	margin: 10px auto 0;
	width: 90%;
	display: block;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000;
	padding: 5px 0;
	position: relative;
}
.anrealage .itemArea .itemTxtArea .itemTxtBox .fsBtn a::after {
	content: '';
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 11px;
	right: 35px;
}
@media (max-width: 767px) {
	.anrealage {
		margin-top: 20.667vw;
	}
	.anrealage .subTtl {
		max-width: 100%;
		margin: 0 auto;
	}
	.anrealage .subLead {
		margin-top: 5.333vw;
		font-size: 3.067vw;
		line-height: 5.333vw;
	}
	.anrealage .designer {
		flex-direction: column-reverse;
		background: #ececec;
		max-width: 80vw;
		margin: 0 auto;
		margin-top: 6.667vw;
		padding: 4vw 4.667vw 5.333vw;
	}
	.anrealage .designer .designerTxt {
		background: #ececec;
		max-width: 100%;
		padding: 0;
	}
	.anrealage .designer .designerTxt .designerTtl {
		margin-top: 4vw;
		font-size: 5.333vw;
		line-height: 8vw;
	}
	.anrealage .designer .designerTxt .designerTtl .big {
		font-size: 5.867vw;
	}
	.anrealage .designer .designerTxt .name {
		margin-top: 2vw;
		font-size: 4vw;
	}
	.anrealage .designer .designerTxt .name .small {
		font-size: 2.533vw;
		vertical-align: middle;
		margin-left: 15px
	}
	.anrealage .designer .designerTxt .designerNote {
		margin-top: 2.667vw;
		font-size: 3.467vw;
		line-height: 5.6vw;
	}
	.anrealage .designer .designerPic {
		max-width: 70.267vw;
	}
	.anrealage .designerComment {
		margin-top: 10.667vw;
		padding: 6vw;
	}
	.anrealage .designerComment > p {
		max-width: 100%;
		font-size: 4vw;
		text-align: left;
		line-height: 6.667vw;
	}
	.anrealage .designerComment > p .bottomTxt {
		margin-top: 7.333vw;
	}
	.anrealage .anrealageBtn a {
		max-width: 80.267vw;
		margin: 9.333vw auto 0;
	}
	.anrealage .itemArea {
		margin-top: 0;
		background: #fff;
	}
	.anrealage .itemAreaInner {
		max-width: 100%;
		flex-direction: column;
		margin-top: 0;
	}
	.anrealage .itemArea .itemBox {
		margin-top: 9.333vw;
		width: 100%;
		background: #ececec;
	}
	.anrealage .itemBox.new::after {
		width: 120px;
		height: 25px;
		top: 7vw;
	}
	.anrealage .itemBox.item02.new::after , .anrealage .itemBox.item04.new::after {
		left: 50%;
	}
	.anrealage .itemBox.item04.new::after , .anrealage .itemBox.item05.new::after {
		top: 7vw;
	}
	.anrealage .itemArea .itemBox .itemInner {
		max-width: 100%;
		padding: 0 8vw;
	}
	.anrealage .itemArea .itemBox .image-wrap .images li {
		max-width: 80vw;
	}
	.anrealage .itemArea .itemBox .image-wrap .bg {
		max-width: 80vw;
	}
	.anrealage .itemArea .itemBox.item04 .image-wrap .bg , .anrealage .itemArea .itemBox.item05 .image-wrap .bg {
		margin-top: 8vw;
	}
	.anrealage .itemBox .buttons {
		margin-bottom: 4vw;
	}
	.anrealage .btn-multi01 {
		width: 30%;
		margin-left: 5%;
	}
	.anrealage .item02 .btn-multi01 , .anrealage .item03 .btn-multi01 {
		margin-left: 5%;
	}
	.anrealage .btn-multi02 {
		width: 30%;
	}
	.anrealage .btn-multi03 {
		width: 30%;
	}
	.anrealage .itemBox .buttons .txt {
		font-size: 3.333vw;
		margin-right: 0.667vw;
	}
	.anrealage .itemBox .buttons .back {
		margin: 0 auto;
		width: 15.333vw;
	}
	.anrealage .itemBox .buttons .marks {
		font-size: 0;
		text-align: center;
	}
	.anrealage .itemBox .buttons .mark {
		width: 4.667vw;
		height: 4.667vw;
		margin-bottom: 1.333vw;
	}
	.anrealage .itemBox .buttons .mark {
		margin-right: 10%;
	}
	.anrealage .itemArea .itemTxtBox {
		clear: both;
		width: 100%;
	}
	.anrealage .itemArea .itemTxtBox .itemInner {
		padding-top: 5.333vw;
		background: #fff;
	}
	.anrealage .itemArea .itemTxtBox .itemTxt , .anrealage .itemArea .itemTxtBox .detail {
		font-size: 4vw;
		font-feature-settings: "palt";
		line-height: 5.067vw;
	}
	.anrealage .itemArea .itemTxtBox .detail {
		margin-top: 6vw;
	}
	.anrealage .itemArea .itemTxtBox .fsBtn a {
		margin-top: 3.333vw;
		width: 100%;
		display: block;
		font-size: 4vw;
		text-align: center;
		text-decoration: none;
		border: 1px solid #000;
		padding: 0.667vw 0;
		position: relative;
	}
	.anrealage .itemArea .itemTxtBox .fsBtn a::after {
		content: '';
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		width: 2vw;
		height: 2vw;
		transform: rotate(45deg);
		position: absolute;
		top: 30%;
		right: 4.667vw;
	}
}
.anrealage .cc_ttl p {
	text-align: center;
	width: 100%;
	max-width: 526px;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.anrealage .cc_ttl p {
		width: 90%;
	}
}
.ballproject .anrealageBtn {
    width: 100%;
    max-width: 362px;
    margin: 0 auto;
}
@media (max-width: 767px) {
	.ballproject .anrealageBtn {
		width: 88%;
		margin: 13vw auto 20vw;
	}
}
.limited {
	margin-top: 180px;
}
.limited .subTtl {
	background-color: #ededed;
	padding-bottom: 50px;
}
.limited .subTtl img {
	width: 100%;
}
.limited .subLead {
    margin-top: 40px;
	margin-bottom: 60px;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
}
@media (max-width: 767px) {
	.limited {
		margin-top: 20.667vw;
		margin-top: 20.667vw;
	}
	.limited .subLead {
		margin-top: 5.333vw;
		font-size: 3.067vw;
		line-height: 5.333vw;
	}
}
.limited .items-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
}
.limited .items-list .items {
    width: 30%;
    margin-bottom: 95px;
}
.limited .items-list .items .image-wrap {
    position: relative;
    margin-bottom: 12px;
}
.limited .items-list .items .buttons {
    text-align: center;
    margin-bottom: 30px;
}
.limited .item-content {
    min-height: 280px;
    clear: both;
}
.limited .items-list .items .image-wrap .images li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .7s;
}
.limited .items-list .items .image-wrap .images li.on {
    opacity: 1;
}
.limited .items-list .items .image-wrap .bg {
    opacity: 0;
}
.limited .items-list .items .buttons .back {
    margin: 0 auto;
    width: 125px;
}
.limited .items-list .items .buttons .mark {
    display: inline-block;
    float: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
	margin-right: 4%;
}
.limited .items-list .items .buttons .marks {
    font-size: 0;
    text-align: center;
}
.limited .items-list .items .buttons .txt {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
.limited .items-list .items p {
    font-weight: normal;
    text-align: left;
}
.limited .items-list .items .text01 {
    font-size: 15px;
    line-height: 1.35;
    padding-bottom: 20px;
}
.limited .items-list .items .text02 {
    font-size: 15px;
    line-height: 1.35;
}
.limited span.store {
    font-weight: bold;
    line-height: 1.4;
}
.limited .items-list .items .button a {
    display: block;
    margin: 0 auto;
    line-height: 1;
    position: relative;
    font-size: 16px;
    padding: 7px 5px;
    border: 1px solid #000;
    font-weight: normal;
    text-align: center;
	text-decoration: none;
}
.limited .items-list .items .button a:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(-45deg);
}
.limited .btn-multi01 {
    width: 50%;
    float: left;
}
.limited .btn-multi02 {
    width: 50%;
    float: right;
}
.limited .items .buttons .mark.color01 {
    background-color: #fff;
    border: 1px solid #231815;
}
.limited .items .buttons .mark.color02 {
    background-color: #292d2e;
}
@media (max-width: 767px) {
	.limited .items-list {
		display: block;
	}
	.limited .items-list .items {
		width: 100%;
		margin-bottom: 70px;
	}
	.limited .item-content {
		width: 82%;
		margin: 0 auto;
		min-height: auto;
	}
	.limited .button {
		width: 82%;
		margin: 3vw auto 0;
	}
}


/* facetasm */
.facetasm {
	margin-top: 120px;
}
.facetasm .read-more.arrow a::after {
	border-bottom: solid 4px #fff;
	border-right: solid 4px #fff;
}
.facetasm .subTtl {
	background-color: #ededed;
}
.facetasm .subTtl img {
	width: 100%;
}
.facetasm .subLead {
    margin-top: 40px;
	margin-bottom: 60px;
    font-size: 16px;
    text-align: center;
    line-height: 32px;
}
@media (max-width: 767px) {
	.facetasm {
		margin-top: 20.667vw;
		margin-top: 20.667vw;
	}
	.facetasm .read-more.arrow a::after {
		border-bottom: solid 0.533vw #fff;
		border-right: solid 0.533vw #fff;
	}
	.facetasm .subLead {
		margin-top: 5.333vw;
		font-size: 3.067vw;
		line-height: 5.333vw;
	}
}
.facetasm .subLeadBox {
	margin-top: 55px;
}
.facetasm .subLeadPic {
	max-width: 705px;
	margin: 0 auto;
}
.facetasm .subLead {
    margin-top: 30px;
    font-size: 15px;
    text-align: center;
    line-height: 27px;
}
.facetasm .facetasmBtn {
	max-width: 411px;
	margin: 50px auto 0;
}
.facetasm .facetasmBtn a {
	display: block;
	border: 2px solid #000;
	padding: 10px 7% 10px 0;
	font-size: 19px;
	text-align: center;
	position: relative;
}
.facetasm .facetasmBtn a::after {
	content: '';
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 35%;
	right: 5%;
}
@media (max-width: 767px) {
	.facetasm {
		margin-top: 13.333vw;
	}
	.facetasm .facetasmSlide::after {
		width: 86.267vw;
		height: 29.6vw;
	}
	.facetasm .subLeadBox {
		margin-top: 8vw;
	}
	.facetasm .subLeadPic {
		max-width: 89.333vw;
	}
	.facetasm .subLead {
		margin-top: 4.667vw;
		font-size: 3.067vw;
		line-height: 5.333vw;
	}
	.facetasm .facetasmBtn {
		max-width: 83.733vw;
		margin: 4.667vw auto 0;
	}
	.facetasm .facetasmBtn a {
		border: 0.267vw solid #000;
		padding: 3.333vw 7% 3.333vw 0;
		font-size: 3.867vw;
	}
	.facetasm .facetasmBtn a::after {
		border-top: solid 0.267vw #000;
		border-right: solid 0.267vw #000;
		width: 2vw;
		height: 2vw;
		top: 38%;
		right: 3%;
	}
}
.facetasm .items-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 900px;
	width: 100%;
	margin: 145px auto 0;
}
.facetasm .items-list.items-list02 {
	margin-top: 50px;
}
.facetasm .items-list .items {
    width: 30%;
}
.facetasm .items-list .items .image-wrap {
    position: relative;
    margin-bottom: 12px;
}
.facetasm .items-list .items .buttons {
    text-align: center;
    margin-bottom: 30px;
}
.facetasm .item-content {
    min-height: 280px;
    clear: both;
}
.facetasm .item-content .button {
	margin-top: 20px;
}
.facetasm .item-list .items.new {
	position: relative;
}
.facetasm .item-list .items.new::after {
	content: "";
	background: url(/base/pc/store/special/casestudy/img/2024ss/top/new_icon.png) no-repeat;
	background-size: contain;
	width: 74px;
	height: 15px;
	display: block;
	position: absolute;
	top: 1%;
	left: 2%;
}
.facetasm .item-list .items.new02::after {
	top: 1vw;
	left: 1vw;
	transform: translateX(0%);
}
.facetasm .items-list .items .image-wrap .images li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity .7s;
}
.facetasm .items-list .items .image-wrap .images li.on {
    opacity: 1;
}
.facetasm .items-list .items .image-wrap .bg {
    opacity: 0;
}
.facetasm .items-list .items .buttons .back {
    margin: 0 auto;
    width: 125px;
}
.facetasm .items-list .items .buttons .mark {
    display: inline-block;
    float: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 10px;
	margin-right: 4%;
}
.facetasm .items-list .items .buttons .mark.mark-ex {
	width: 9px;
	height: 9px;
	margin-right: 15%;
}
.facetasm .items-list .items .buttons .marks {
    font-size: 0;
    text-align: center;
}
.facetasm .items-list .items .buttons .txtBox {
	display: flex;
	justify-content: center;
}
.facetasm .items-list .items .buttons .txt {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
.facetasm .items-list .items .buttons .txtBox .txt {
	width: 24%;
	text-align: left;
}
.facetasm .items-list .items .btn-multi01.btn-multi01_02 .txtBox .txt {
	width: 50%;
	text-align: center;
}
.facetasm .items-list .items .buttons .txtBox .txt:nth-child(2) {
	margin-left: -4%;
}
.facetasm .items-list .items .btn-multi01.btn-multi01_02 .txtBox .txt:nth-child(2) {
	margin-left: -6%;
}
.facetasm .items-list .items p {
    font-weight: normal;
    text-align: left;
}
.facetasm .items-list .items .text01 {
    font-size: 15px;
    line-height: 1.35;
	text-align: justify;
    padding-bottom: 20px;
}
.facetasm .items-list .items .text02 {
    font-size: 15px;
    line-height: 1.35;
}
.facetasm span.store {
    font-weight: bold;
    line-height: 1.4;
}
.facetasm .items-list .items .button a {
    display: block;
    margin: 0 auto;
    line-height: 1;
    position: relative;
    font-size: 16px;
    padding: 7px 5px;
    border: 1px solid #000;
    font-weight: normal;
    text-align: center;
	text-decoration: none;
}
.facetasm .items-list .items .button a:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(-45deg);
}
.facetasm .btn-multi01 {
    width: 50%;
    float: left;
}
.facetasm .btn-multi01-2 {
    width: 29%;
    float: left;
}
.facetasm .btn-multi01.btn-multi01_02 {
    width: 100%;
    float: left;
}
.facetasm .items-list .items .btn-multi01.btn-multi01_02 .mark {
	margin-right: 30%;
}
.facetasm .items-list .items .btn-multi01.btn-multi01_02 .mark:nth-child(2) {
	margin-right: 0;
}
.facetasm .btn-multi02 {
    width: 50%;
    float: right;
}
.facetasm .items .buttons .mark.color01 {
	background-color: #2b2f31;
}
.facetasm .items .buttons .mark.color06 {
	background-color: #B1B1B2;
}
.facetasm .items .buttons .mark.color07 {
	background-color: #000;
}
.facetasm .designer {
	margin-top: 45px;
	display: flex;
	justify-content: center;
}
.facetasm .designer .designerTxt {
	background: #ececec;
	max-width: 440px;
	padding: 20px 20px;
}
.facetasm .designer .designerTxt .designerTtl {
	font-size: 24px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}
.facetasm .designer .designerTxt .designerTtl .big {
	font-size: 26px;
}
.facetasm .designer .designerTxt .name {
	margin-top: 2px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	line-height: 2;
}
.facetasm .designer .designerTxt .name .small {
	font-size: 13px;
	vertical-align: middle;
    margin-left: 15px
}
.facetasm .designer .designerTxt .designerNote {
	margin-top: 9px;
	font-size: 14px;
	font-feature-settings: "palt";
	line-height: 26px;
}
.facetasm .designer .designerPic {
	max-width: 249px;
}
.facetasm .designerComment {
	margin-top: 65px;
	padding: 35px 0 30px;
	background: #ececec;
}
.facetasm .designerComment > p {
	max-width: 850px;
	margin: 0 auto;
	font-size: 16px;
	font-feature-settings: "palt";
	text-align: center;
	line-height: 42px;
}
.facetasm .designerComment > p .bottomTxt {
	display: block;
	margin-top: 55px;
	text-align: center;
}
@media (max-width: 767px) {
	.facetasm .items-list {
		display: block;
	}
	.facetasm .items-list.items-list02 {
		margin-top: 13.333vw;
	}
	.facetasm .items-list .items {
		width: 100%;
		max-width: 75.867vw;
		margin: 0 auto 22.667vw;
	}
	.facetasm .items-list .items:last-child {
		margin-bottom: 0;
	}
	.facetasm .item-list .items.new::after {
		width: 19.6vw;
		height: 4vw;
		top: 1%;
		left: 1%;
	}
	.facetasm .item-list .items.new02::after {
		top: 1.5vw;
		left: 1.5vw;
	}
	.facetasm .item-content {
		width: 90%;
		margin: 7.333vw auto 0;
		min-height: auto;
	}
	.facetasm .sp-bgW-wrap {
		margin-top: 22.667vw;
		padding: 0;
	}
	.facetasm .items-list .items .buttons {
		margin-top: 4vw;
		margin-bottom: 4vw;
	}
	.facetasm .items-list .items .buttons .back {
		width: 15.333vw;
	}
	.facetasm .items-list .items .buttons .back02 {
		width: 26.667vw;
	}
	.facetasm .items-list .items .buttons .mark {
		width: 4.667vw;
		height: 4.667vw;
		margin-right: 6%;
		margin-left: 6%;
	}
	.facetasm .items-list .items .buttons .mark.mark-ex {
		width: 2.133vw;
		height: 2.133vw;
		margin-right: 15%;
	}
	.facetasm .items-list .items .buttons .txt {
		font-size: 3.333vw;
	}
	.facetasm .sp-bgW-wrap .image-wrap {
		width: 100%;
	}
	.facetasm .items-list .items .text01 {
		font-size: 3.867vw;
		line-height: 5.067vw;
	}
	.facetasm .items-list .items .text02 {
		font-size: 3.867vw;
		line-height: 5.067vw;
	}
	.facetasm .button {
		width: 82%;
		margin: 3vw auto 0;
	}
	.facetasm .items-list .items .button a:after {
		right: 3vw;
	}
	.facetasm .designer {
		flex-direction: column-reverse;
		background: #ececec;
		max-width: 70vw;
		margin: 0 auto;
		margin-top: 6.667vw;
		padding: 4vw 4.667vw 5.333vw;
	}
	.facetasm .designer .designerTxt {
		background: #ececec;
		max-width: 100%;
		padding: 0;
	}
	.facetasm .designer .designerTxt .designerTtl {
		margin-top: 4vw;
		font-size: 5.333vw;
		line-height: 8vw;
	}
	.facetasm .designer .designerTxt .designerTtl .big {
		font-size: 5.867vw;
	}
	.facetasm .designer .designerTxt .name {
		margin-top: 2vw;
		font-size: 4vw;
	}
	.facetasm .designer .designerTxt .name .small {
		font-size: 2.533vw;
		vertical-align: middle;
		margin-left: 15px
	}
	.facetasm .designer .designerTxt .designerNote {
		margin-top: 2.667vw;
		font-size: 3.467vw;
		line-height: 5.6vw;
	}
	.facetasm .designer .designerPic {
		max-width: 70.267vw;
	}
	.facetasm .designerComment {
		margin-top: 10.667vw;
		padding: 6vw;
	}
	.facetasm .designerComment > p {
		max-width: 100%;
		font-size: 4vw;
		text-align: left;
		line-height: 6.667vw;
	}
	.facetasm .designerComment > p .bottomTxt {
		margin-top: 7.333vw;
	}
}