body {
	background-color: #fff;
	position: relative;
}
html {
	scroll-behavior: smooth;
}
main, .serif {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.sans-serif {
	font-family: YakuHanMP, "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.shower {
	pointer-events: none;
}
.deco {
	width: 100vw;
	pointer-events: none;
}
.deco img {
	width: 100%;
}
a {
	color: #000;
	text-decoration: none;
}
/* Animation settings */

@media (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: var(--animate-duration) !important;
    animation-delay: var(--animate-delay) !important;
    animation-iteration-count: var(--animate-repeat) !important;
  }
}
.animate__fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
.animate__fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
.animate__revealUp {
  animation: revealUp 1s ease forwards;
}
.animate__revealDown {
  animation: revealDown 1s ease forwards;
}
.animate__revealLeft {
  animation: revealLeft 1s ease forwards;
}
.animate__revealRight {
  animation: revealRight 1s ease forwards;
}
.animate__fadeInZoomOut {
  animation: fadeInZoomOut 0.5s ease forwards;
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes revealUp {
  from {
	opacity: 1;
    clip-path: inset(100% 0 0 0);
  }
  to {
	opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes revealDown {
  from {
	opacity: 1;
    clip-path: inset(0 0 100% 0);
  }
  to {
	opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes revealLeft {
  from {
	opacity: 1;
    clip-path: inset(0 0 0 100%);
  }
  to {
	opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes revealRight {
  from {
	opacity: 1;
    clip-path: inset(0 100% 0 0);
  }
  to {
	opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes fadeInZoomOut {
  from {
	opacity: 0;
    transform: scale(1.2);
  }
  to {
	opacity: 1;
    transform: scale(1.0);
  }
}


.slide01 .slick-track,
.slide02 .slick-track,
.slide03 .slick-track,
.slide04 .slick-track,
.slide05 .slick-track,
.slide06 .slick-track,
.slide07 .slick-track,
.slide08 .slick-track,
.slide09 .slick-track,
.slide11 .slick-track,
.slide12 .slick-track,
.slide13 .slick-track,
.slide14 .slick-track,
.slide15 .slick-track {
    transform: translate3d(0, 0, 0) !important;
    transition: none !important;
    width: 100% !important;
}

.slide01 .slick-slide,
.slide02 .slick-slide,
.slide03 .slick-slide,
.slide04 .slick-slide,
.slide05 .slick-slide,
.slide06 .slick-slide,
.slide07 .slick-slide,
.slide08 .slick-slide,
.slide09 .slick-slide,
.slide11 .slick-slide,
.slide12 .slick-slide,
.slide13 .slick-slide,
.slide14 .slick-slide,
.slide15 .slick-slide {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

.slide01 .slick-slide.slick-current,
.slide02 .slick-slide.slick-current,
.slide03 .slick-slide.slick-current,
.slide04 .slick-slide.slick-current,
.slide05 .slick-slide.slick-current,
.slide06 .slick-slide.slick-current,
.slide07 .slick-slide.slick-current,
.slide08 .slick-slide.slick-current,
.slide09 .slick-slide.slick-current,
.slide11 .slick-slide.slick-current,
.slide12 .slick-slide.slick-current,
.slide13 .slick-slide.slick-current,
.slide14 .slick-slide.slick-current,
.slide15 .slick-slide.slick-current {
    position: relative !important;
    z-index: 2;
}

.wipe-top {
    animation: wipeFromTop 600ms ease-out forwards;
}
@keyframes wipeFromTop {
    from { clip-path: inset(0 0 100% 0); }
    to   { clip-path: inset(0 0 0 0); }
}

.wipe-bottom {
    animation: wipeFromBottom 600ms ease-out forwards;
}
@keyframes wipeFromBottom {
    from { clip-path: inset(100% 0 0 0); }
    to   { clip-path: inset(0 0 0 0); }
}

.wipe-left {
    animation: wipeFromLeft 600ms ease-out forwards;
}
@keyframes wipeFromLeft {
    from { clip-path: inset(0 100% 0 0); }
    to   { clip-path: inset(0 0 0 0); }
}

.wipe-right {
    animation: wipeFromRight 600ms ease-out forwards;
}
@keyframes wipeFromRight {
    from { clip-path: inset(0 0 0 100%); }
    to   { clip-path: inset(0 0 0 0); }
}

#atf .main-visual {
	opacity: 0;
}
#atf .main-visual .main {
	opacity: 0;
	animation-delay: 1s;
}
#atf .main-visual .sub {
	opacity: 0;
	animation-delay: 1.5s;
}
#atf .main-visual .season {
	opacity: 0;
	animation-delay: 2.0s;
}

#atf .intro .head_shoplink {
	opacity: 0;
}
@media screen and (max-width: 1023px) {
	#atf .intro .head_shoplink {
		animation-delay: 2s;
	}
}

#atf .intro .pic1 {
	opacity: 0;
	animation-delay: 0.5s;
}
#atf .intro .pic2 {
	opacity: 0;
	animation-delay: 0.8s;
}
#atf .intro .content {
	opacity: 0;
	animation-delay: 2s;
}

#atf .content-navi .navi_style {
	opacity: 0;
}
#atf .content-navi .navi_shirts {
	opacity: 0;
	animation-delay: 0.3s;
}
#atf .content-navi .navi_message {
	opacity: 0;
	animation-delay: 0.6s;
}

#newshop {
	opacity: 0;
}
#newshop .contents-title {
	opacity: 0;
	animation-delay: 0.5s;
	z-index: 1;
}
#newshop .content-body {
	opacity: 0;
	animation-delay: 1.0s;
}

#trend {
	opacity: 0;
}
#trend .contents-title {
	opacity: 0;
}
#trend .style_intro1 {
	opacity: 0;
	animation-delay: 1.0s;
}
#trend .style_intro2 {
	opacity: 0;
	animation-delay: 1.3s;
}
#trend .style_intro3 {
	opacity: 0;
	animation-delay: 1.6s;
}
#trend .article-lc {
	opacity: 0;
	animation-delay: 2.4s;
}

#trend1 .image-block {
	opacity: 0;
}
#trend1 .sub-image {
	opacity: 0;
	animation-delay: 0.5s;
}
#trend1 h3 {
	opacity: 0;
	animation-delay: 1.0s;
}
#trend1 .description {
	opacity: 0;
	animation-delay: 1.3s;
}

#trend2 .image-block {
	opacity: 0;
}
#trend2 .sub-image {
	opacity: 0;
	animation-delay: 0.5s;
}
#trend2 h3 {
	opacity: 0;
	animation-delay: 1.0s;
}
#trend2 .description {
	opacity: 0;
	animation-delay: 1.3s;
}

#trend3 .image-block {
	opacity: 0;
}
#trend3 .sub-image {
	opacity: 0;
	animation-delay: 0.5s;
}
#trend3 h3 {
	opacity: 0;
	animation-delay: 1.0s;
}
#trend3 .description {
	opacity: 0;
	animation-delay: 1.3s;
}
#autumn {
	opacity: 0;
}
#autumn .content-main .main-box {
	opacity: 0;
}
#autumn .content-main .text-block {
	opacity: 0;
	animation-delay: 1s;
}
#autumn .content-sub .image2 {
	opacity: 0;
}
#autumn .content-main .images {
	opacity: 0;
	animation-delay: 1s;
}
#lifestyle {
	opacity: 0;
}
#lifestyle .content-body {
	opacity: 0;
	animation-delay: 0.5s;
}
#lifestyle .content-body .images {
	opacity: 0;
	animation-delay: 1s;
}
#lifestyle .content-body .article-lc {
	opacity: 0;
	animation-delay: 1.5s;
}
#lifestyle .contents-button {
	opacity: 0;
	animation-delay: 2s;
}
#message {
	opacity: 0;
}
#message .content-head {
	opacity: 0;
	animation-delay: 0.5s;
}
#message .content-image {
	opacity: 0;
	animation-delay: 1.0s;
}
#message .content-body {
	opacity: 0;
}


@media screen and (max-width: 1023px) {
	a {
		text-decoration: underline;
	}
	.pc-content {
		display: none;
	}
	html, body {
		overflow-x: hidden;
	}
	.header {
		position: relative;
		width: min(100%, 768px);
		overflow: hidden;
		margin: 0 auto;
		background: url('../img/bg00_sp.jpg') no-repeat;
		background-size: cover;
	}
	.header-title {
		position: absolute;
		width: calc(100% - 32px);
		left: 16px;
		top: 8vw;
	}
	.header-title .main {
		position: absolute;
		width: 100%;
		top: 34vw;
		right: 0;
	}
	.header-title .sub {
		position: absolute;
		width: 48%;
		top: 84vw;
		left: 6.4vw;
	}
	.header-title .season {
		position: absolute;
		width: 25%;
		top: 20vw;
		right: 0;
	}
	.main-visual {
		width: 100%;
		position: relative;
	}
	.deco {
		width: min(100%, 768px);
	}
	.deco div {
		position: absolute;
	}
	.d01 {
		width: min(30vw, 172px);
		left: -2vw;
		top:420vw;
	}
	.d02 {
		width: min(30vw, 172px);
		right: 4vw;
		top: 360vw;
	}
	.d11 {
		width: min(40vw, 230px);
		right: -3vw;
		top: 570vw;
	}
	.d12 {
		width: min(30vw, 172px);
		left: 24vw;
		top: 810vw;
	}
	.d21 {
		width: min(40vw, 230px);
		left: 2vw;
		top: 1260vw;
	}
	.d22 {
		width: min(40vw, 230px);
		right: -6vw;
		top: 1390vw;
	}
	.d23 {
		width: min(30vw, 172px);
		right: 12vw;
		top: 8vw;
	}
	.d24 {
		width: min(30vw, 172px);
		left: 4vw;
		top: 152vw;
	}
	.d25 {
		width: min(30vw, 172px);
		right: 12vw;
		top: 532vw;
	}
	.d26 {
		width: min(30vw, 172px);
		right: 32vw;
		top: 780vw;
	}
	.intro_outer {
		background: url('../img/bg_intro_sp.png') repeat-x;
		background-size: cover;
	}
	.intro {
		display: flex;
		flex-direction: column;
	}
	.head_shoplink {
		order: 1;
		width: calc(100% - 64px);
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
	.head_shoplink a {
		font-size: 2.8vw;
		margin: 4vw 0 12vw 0;
	}
	.intro .content {
		order: 2;
		width: calc(100% - 64px);
		margin: 0 auto 6.4vw auto;
	}
	.intro .bodytext {
		width: 100%;
		margin: 0 auto;
		font-size: min(3.0vw, 24px);
		line-height: min(9.6vw, 74px);
		margin-bottom: min(11vw, 84px);
	}
	.intro .bodytext p {
		margin-bottom: inherit;
	}
	.intro .around {
		order: 3;
		width: calc(100% - 48px);
		margin: 0 16px 14.4vw 32px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.intro .pic1 {
		order: 1;
		width: 46%;
		margin:  0 54% 2.4vw 0;
	}
	.intro .pic2 {
		order: 2;
		width: 64%;
		margin-left: calc(36% + 24px)
	}
	.header .content-navi {
		width: calc(100% - 64px);
		margin: 0 auto;
		padding-bottom: 8vw;
	}
	.header .content-navi ul li {
		margin-bottom: 4.8vw;
	}
	.header .content-navi ul a {
		display: block;
		background: url('../img/btn_bg.svg') no-repeat;
		background-size: 100% 100%;
	}
	.header .content-navi ul li a img {
		transition: all 0.4s;
	}
	.header .content-navi ul li a:hover img {
		transform: rotateX(360deg);
	}
	#newshop {
		position: relative;
		background: url('../img/bg_newshop_sp.png') repeat;
		padding: 9.6vw 0 3.2vw 0;
	}
	#newshop .contents-title {
		position: relative;
		width: calc(100% - 96px);
		margin: 0 auto;
	}
	#newshop .content-body ul {
		background: url('../img/bg_newopeninner_sp.jpg') no-repeat;
	}
	#newshop .content-body ul {
		width: calc(100% - 64px);
		background-size: cover;
		margin: 2.4vw auto 8vw auto;
		padding: 0 0 0.2vw 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#newshop .content-body li {
		padding: 6.4vw 0;
		background-color: #fff;
	}
	#newshop .content-body li .shop-image {
		margin-bottom: 4.8vw;
	}
	#newshop .content-body li .shop-text {
		text-align: center;
	}
	#newshop .content-body li .date {
		text-align: center;
		margin-bottom: 2.4vw;
	}
	#newshop .content-body li .date img {
		height: 9.6vw;
	}
	#newshop .content-body li .logo {
		width: 40%;
		margin: 0 30% 4.8vw 30% ;
	}
	#newshop .content-body li .shopname {
		font-size: min(3.2vw, 25px);
		line-height: min(6.4vw, 49px);
	}
	#trend {
		position: relative;
		background: url('../img/bg_trend_sp.png') no-repeat;
		background-size: cover;
		padding: 12vw 0;
	}
	#trend .contents-title {
		position: relative;
		width: 62vw;
		margin: 0 auto;
	}
	#trend .content-body {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	#trend .content-body .style-head {
		width: 100%;
		margin: 0 auto 8.0vw auto;
	}
	#trend .content-body .style-head li a {
		display: block;
		position: relative;
	}
	#trend .content-body .style-head li .main-image {
		padding-bottom: 9.6vw;
		margin-bottom: 6.4vw;
	}
	#trend .content-body .style-head li .num {
		position: absolute;
		bottom: 0;
	}
	#trend .content-body .style-head li:nth-child(odd) .num {
		right: 32px;
	}
	#trend .content-body .style-head li:nth-child(even) .num {
		left: 32px;
	}
	#trend .content-body .style-head li .num img {
		height: 14.4vw;
	}
	#trend .content-body .article-lc {
		width: calc(100% - 64px);
		margin: 12vw auto 16vw auto;
	}
	#trend .content-body .article-catch {
		text-align: center;
		font-size: min(7.2vw, 55px);
		line-height: min(9.6vw, 74px);
		letter-spacing: min(0.72vw, 5px);
		margin-bottom: 12vw;
	}
	#trend .content-body .article-lead {
		font-size: min(4.0vw, 31px);
		line-height: min(10vw, 77px);
		margin-bottom: min(11vw, 84px);
	}
	#trend .content-body .style-body {
		position: relative;
		width: 100%;
		margin: 0 auto 4.8vw auto;
	}
	#trend .content-body .style-body li {
		margin-bottom: 16vw;
		position: relative;
		display: flex;
		flex-direction: column;
	}
	#trend .content-body .style-body li:last-child {
		margin-bottom: 0;
	}
	#trend .content-body .style-body li .image-block {
		order: 1;
		margin-bottom: 4.8vw;
	}
	#trend .content-body .style-body li .image-block .main-image {
		width: calc(100% - 64px);
		margin: 0 auto;
	}
	#trend .content-body .style-body li .num {
		position: absolute;
		top: 0;
		right: 0;
		width: 30vw;
	}
	#trend .content-body .style-body li .text-block {
		order: 2;
		display: flex;
		width: calc(100% - 64px);
		margin: 0 auto;
		flex-direction: column;
	}
	#trend .content-body .style-body li .text-block h3 {
		order: 1;
	}
	#trend .content-body .style-body li .text-block .description {
		order: 2;
	}
	#trend .content-body .style-body li .text-block .sub-image {
		order: 3;
	}
	#trend1 .sub-image1, #trend3 .sub-image1 {
		width: 60%;
		margin-left: calc(40% + 32px);
	}
	#trend1 .sub-image2, #trend3 .sub-image2 {
		width: 44%;
		margin: -22vw 0 0 -32px;
	}
	#trend2 .sub-image1 {
		width: 70%;
		margin: -0 0 0 -32px;
	}
	#trend2 .sub-image2 {
		width: 50%;
		margin: -12vw 0 0 calc(50% + 32px);
	}
	#trend .content-body .style-body li .text-block h3 {
		font-size: min(5.6vw, 43px);
		line-height: min(9.6vw, 74px);
		letter-spacing: min(0.56vw, 4px);
		margin-bottom: 8.0vw;
	}
	#trend .content-body .style-body li .text-block .description {
		font-size: min(3.2vw, 25px);
		line-height: min(6.4vw, 49px);
		margin-bottom: 4.8vw;
		text-align: justify;
		text-justify: inter-character;
	}
	#trend .content-body .style-body li .text-block .description p {
		line-height: inherit;
		margin-bottom: 4.8vw;
	}
	#autumn {
		position: relative;
	}
	#autumn .contents-title {
		position: relative;
		margin-bottom: 16vw;
	}
	#autumn .title-text {
		width: 50vw;
		position: absolute;
		right: 32px;
		top: 50%;
		transform: translateY(-30vw);
	}
	#autumn .main-image {
		width: calc(100% - 64px);
		margin: 0 auto 6.4vw auto;
	}
	#autumn .text-block {
		margin: 0 auto 6.4vw auto;
	}
	#autumn .text-block h3 {
		width: calc(100% - 64px);
		font-size: min(5.6vw, 43px);
		line-height: min(9.6vw, 74px);
		letter-spacing: min(0.56vw, 4px);
		margin: 0 auto 8.0vw auto;
	}
	#autumn .text-block .description {
		width: calc(100% - 64px);
		font-size: min(4.0vw, 31px);
		line-height: min(10vw, 77px);
		margin: 0 auto 4.8vw auto;
		text-align: justify;
	}
	#autumn .text-block .description-sub {
		width: calc(100% - 64px);
		font-size: min(2.8vw, 22px);
		line-height: min(5.6vw, 43px);
		margin: 0 auto 4.8vw auto;
	}
	#autumn .text-block .description-sub p {
		margin-bottom: 4.8vw;
	}
	#autumn .sub-image1 {
		width: 70%;
	}
	#autumn .sub-image2 {
		width: 90%;
		margin: 0 0 9.6vw 10%;
	}
	#autumn .sub-image3 {
		width: 44%;
	}
	#autumn .sub-image4 {
		width: 60%;
		margin: -22vw 0 20vw 40%;
	}
	#lifestyle .contents-button a {
		display: block;
		width: 80vw;
		height: 20vw;
		margin: -10vw auto 0 auto;
		background: url('../img/btn_lls.svg') no-repeat;
		background-size: contain;
		transition: 1.5s ease-in 0.5s;
	}
	#lifestyle .contents-button a:hover {
		background: url('../img/btn_lls_on.svg') no-repeat;
	}

	#lifestyle {
		position: relative;
		margin-bottom: 16vw;
	}
	#lifestyle .contents-title {
		position: relative;
		width: 50vw;
		margin: 0 auto 8vw auto;
		z-index: 2;
	}
	#lifestyle .content-body {
		width: 100%;
		background-color: #bfb8a4;
		padding: 12vw 0;
		margin-top: -18vw;
	}
	#lifestyle h2 {
		text-align: center;
		font-size: min(4.2vw, 32px);
		letter-spacing: min(0.56vw, 4px);
		margin-bottom: 8.0vw;
	}
	#lifestyle .images {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 8.0vw;
	}
	#lifestyle .images img {
		width: 50%;
	}
	#lifestyle .article-lc {
	}
	#lifestyle .article-lc .article-catch {
		text-align: center;
		font-size: min(4.2vw, 32px);
		letter-spacing: min(0.56vw, 4px);
		margin-bottom: 8.0vw;
	}
	#lifestyle .article-lc .article-lead {
		width: calc(100% - 64px);
		font-size: min(4.0vw, 31px);
		line-height: min(10vw, 77px);
		margin: 0 auto 4.8vw auto;
		text-align: justify;
		width: calc(100% - 64px);
		font-size: min(4.0vw, 31px);
		line-height: min(10vw, 77px);
		margin: 0 auto 4.8vw auto;
		text-align: justify;
	}

	.d31 {
		width: min(40vw, 230px);
		left: -30vw;
		top: -12vw;
	}
	.d41 {
		width: min(40vw, 230px);
		left: -8vw;
		bottom: 48vw;
	}
	.d42 {
		width: min(40vw, 230px);
		left: -20vw;
		bottom: -30vw;
	}
	.d43 {
		width: min(40vw, 230px);
		right: -16vw;
		bottom: 56vw;
	}
	.d51 {
		width: min(40vw, 230px);
		right: -4vw;
		top: 4vw;
	}
	#message {
		background: url('../img/bg_message_sp.jpg') no-repeat;
		background-size: cover;
		padding: 0;
		position: relative;
	}
	#message .content-head {
		padding: 12vw 0 9.6vw 0;
		text-align: center;
	}
	#message .content-head img {
		height: 12vw;
	}
	#message .content-image {
		width: 100%;
		position: relative;
		text-align: center;
		margin-bottom: 16vw;
	}
	#message .content-image .main-image {
		width: calc(100% - 64px);
		margin: 0 auto;
	}
	#message .contents-title .title {
		position: absolute;
		width: 76%;
		top: 56vw;
		left: 2vw;
	}
	#message .contents-title .sub {
		position: absolute;
		width: calc(100% - 64px);
		left: 32px;
		bottom: 0;
	}
	#message .content-text {
		width: calc(100% - 32px);
		margin: 0 0 0 32px;
		font-size: min(3.0vw, 24px);
		line-height: min(9.6vw, 74px);
	}
	#message .content-text p {
		margin-bottom: 4.8vw;
	}
	#message .footer_logo {
		width: 40%;
		margin: 0 auto;
		padding: min(16vw, 123px) 0;
	}
	#message .linkbutton {
		margin-top: min(16vw, 123px);
	}
	#message .content-text .linkbutton {
		text-align: center;
		width: 80%;
		margin: 0 auto;
		margin-top: 12vw;
	}
	#message .content-text .linkbutton a {
		display: block;
		width: calc(100% - 32px);
		margin-right: 32px;
	}
	.footer-link {
		text-align: center;
		margin-bottom: min(8vw, 61px);
	}
	.footer-link a {
		font-size: min(2.8vw, 22px);
		padding: 0 min(1.2vw, 9px);
	}
	#footer-copy {
		text-align: center;
		font-size: min(2.8vw, 22px);
		padding-bottom: min(24vw, 184px);
	}
	.pagetopbutton {
		position: fixed;
		top: 0;
		width: calc(100% - 32px);
		left: 50%;
		transform: translateX(-50%);
		height: 100vh;
		height: 100dvh;
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		pointer-events: none; 
	}
	.pagetopbutton.is-hidden {
		visibility: hidden;
		opacity: 0;
		pointer-events: none; 
	}
	.pagetopbutton a {
		pointer-events: auto;
	}
	.pagetopbutton img {
		width: 4.0vw;
		position: absolute;
		right: 0;
		bottom: 6.4vw;
	}
}
@media screen and (min-width: 1024px) {
	.sp-content, .deco {
		display: none;
	}
	a.lineglow {
		position: relative;
		display: inline-block;
	}
	a.lineglow::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #000;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform .3s;
	}
	a.lineglow:hover::after {
		transform: scale(1, 1);
	}
	.header {
		position: relative;
		background: url('../img/bg00.jpg') no-repeat;
		background-size: cover;
		background-position: center;
	}
	.shower {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.shower img {
		position: relative;
	}
	.shower .leaf1 {
		position: absolute;
		top: 6rem;
		left: 10%;
		width: 16vw;
	}
	.shower .leaf2 {
		position: absolute;
		top: 28rem;
		right: 12%;
		width: 12vw;
	}
	.shower .leaf3 {
		position: absolute;
		top: 128rem;
		left: 22%;
		width: 10vw;
	}
	.shower .leaf4 {
		position: absolute;
		top: 156rem;
		right: 22%;
		width: 14vw;
	}
	.shower .leaf5 {
		position: absolute;
		top: 275rem;
		left: 8%;
		width: 12vw;
	}
	.shower .leaf6 {
		position: absolute;
		top: 420rem;
		right: 12%;
		width: 14vw;
	}
	.shower .leaf7 {
		position: absolute;
		top: 548rem;
		left: 6%;
		width: 16vw;
	}
	.shower .leaf8 {
		position: absolute;
		top: 712rem;
		right: 12%;
		width: 12vw;
	}
	.shower .leaf9 {
		position: absolute;
		top: 885rem;
		left: 18%;
		width: 14vw;
	}
	.shower .leaf10 {
		position: absolute;
		top: 1060rem;
		left: 44%;
		width: 12vw;
	}
	.shower .leaf11 {
		position: absolute;
		top: 1200rem;
		left: 28%;
		width: 12vw;
	}
	.shower .leaf12 {
		position: absolute;
		top: 1320rem;
		left: 2%;
		width: 12vw;
	}
	.shower .leaf13 {
		position: absolute;
		top: 1290rem;
		left: 44%;
		width: 12vw;
	}
	.shower .leaf14 {
		position: absolute;
		top: 1660rem;
		left: 14%;
		width: 12vw;
	}
	.main-visual {
		width: min(100%, 1984px);
		margin: 0 auto 0 auto;
		position: relative;
	}
	.main-visual img {
		width: 100%;
	}
	.header-title {
		position: absolute;
		width: 100%;
		top: 30%;
		left: 6%;
	}
	.header-title .main {
		position: absolute;
		width: 50%;
		top: 0;
	}
	.header-title .sub {
		position: absolute;
		width: 27.5%;
		top: 24vw;
		left: 8%;
	}
	.header-title .season {
		position: absolute;
		width: 10%;
		top: 0;
		right: 20%;
	}
	.head_shoplink {
		position: absolute;
		width: 960px;
		left: 50%;
		bottom: 2.4rem;
		display: flex;
		transform: translateX(-50%);
		align-items: center;
	}
	.head_shoplink a {
		font-size: 1.2rem;
	}
	.intro_outer {
		background: url('../img/bg_intro_pc.png') repeat-x;
		background-size: contain;
	}
	.intro {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: min(1120px, 100vw);
		padding: 7.2rem 0 1.2rem 0;
		margin-bottom: 7.2rem;
	}
	.intro h2 {
		font-weight: 400;
		font-size: 2.6rem;
		line-height : 5.6rem;
		letter-spacing: 0.26rem;
		margin-bottom: 4.0rem;
	}
	.intro .pic1 {
		position: absolute;
		width: 24%;
		left: 0;
		top: 27.2rem;
	}
	.intro .pic2 {
		position: absolute;
		width: 28%;
		top: 9.6rem;
		right: 0.8rem;
	}
	.intro .pic3 {
		position: absolute;
		width: 16%;
		bottom: 0;
		right: 32%;
	}
	.intro .content {
		width: 640px;
		margin: 0 auto 12rem auto;
	}
	.intro .bodytext {
		width: 400px;
		margin: 6.4rem auto 9.6rem auto;
		font-size: 1.6rem;
		line-height: 3.8rem;
		letter-spacing: 0.24rem;
	}
	.intro .bodytext p {
		margin-bottom: 4.0rem;
	}
	.header .content-navi {
		width: 1024px;
		padding-bottom: 9.6rem;
		margin: 0 auto;
	}
	.header .content-navi ul {
		width: 880px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.header .content-navi ul a {
		display: block;
		background: url('../img/btn_bg.svg') no-repeat;
		background-size: 100%;
	}
	.header .content-navi ul li {
		width: 48%;
		margin-bottom: 3.2rem;
	}
	.header .content-navi ul li:nth-child(odd) {
		margin-right: 2%;
	}
	.header .content-navi ul li:nth-child(even) {
		margin-left: 2%;
	}
	.header .content-navi ul li img {
		margin: 0 8px 8px 0;
	}
	.header .content-navi ul li a {
		transition: 0.5s;
	}
	.header .content-navi ul li a:hover {
	}
	.header .content-navi ul li a img {
		transition: all 0.4s;
	}
	.header .content-navi ul li a:hover img {
		transform: rotateX(360deg);
	}
	#newshop {
		position: relative;
		background: url('../img/bg_newshop.png') repeat;
		padding: 4rem 0 6.4rem 0;
	}
	#newshop .contents-title {
		position: relative;
		width: 60rem;
		margin: 0 auto;
	}
	#newshop .content-body {
		width: 900px;
		background: url('../img/bg_newopen-inner.png') no-repeat;
		background-size: 100% 100%;
		margin: -18rem auto 0 auto;
		padding: 22rem 3.2rem 6.4rem 3.2rem;
	}
	#newshop .content-body ul {
		margin: 0 4.8rem;
		background-color: #fff;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	#newshop .content-body li {
		padding-bottom: 2.8rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 3.2rem;
	}
	#newshop .content-body li .shop-image {
		width: 100%;
		margin-bottom: 5.6rem;
	}
	#newshop .content-body li .shop-text {
		width: 64%;
		display: flex;
		align-items: flex-flex-start;
		justify-content: space-between;

	}
	#newshop .content-body li .logo {
		width: 36%;
	}
	#newshop .content-body li .info {
		width: 60%;
	}
	#newshop .content-body li .date {
		margin-bottom: 1.2rem;
	}
	#newshop .content-body li .date img {
		width: 100%;
	}
	#newshop .content-body li .shopname {
		font-size: 1.3rem;
		line-height: 2.1rem;
		margin-left: 2.0rem;
	}
	#trend {
		position: relative;
		background: url('../img/bg_trend_pc.png') repeat-x;
		background-size: contain;
		padding: 12rem 0;
	}
	#trend .contents-title {
		position: relative;
		width: 28rem;
		margin: 0 auto;
		z-index: 2;
	}
	#trend .content-body {
		position: relative;
		width: 1024px;
		margin: 0 auto;
	}
	#trend .content-body .style-head {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		margin: -3.2rem 0 8.0rem 0;
	}
	#trend .content-body .style-head li {
		position: relative;
		width: 33.33%;
		padding-bottom: 2.4rem;
		margin: 0;
	}
	#trend .content-body .style-head li .main-image {
		position: relative;
	}
	#trend .content-body .style-head li .num {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#trend .content-body .style-head li .num img {
		height: 4.8rem;
	}
	#trend .content-body .article-lc {
		width: 880px;
		margin: 0 auto 12rem auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#trend .content-body .article-catch {
		font-size: 3.2rem;
		width: 32rem;
		letter-spacing: 0.48rem;
	}
	#trend .content-body .article-lead {
		flex: 1;
		font-size: 1.6rem;
		line-height: 3.2rem;
	}
	#trend .content-body .style-body {
		position: relative;
		width: min(1120px, 100vw);
		margin: 0 auto;
	}
	#trend .content-body .style-body li {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#trend .content-body .style-body li:last-child {
		margin-bottom: 0;
	}
	#trend .content-body .style-body li .image-block {
		width: 50%;
		position: relative;
	}
	#trend .content-body .style-body li .main-image {
		width: 88%;
	}
	#trend .content-body .style-body li:nth-child(even) .main-image {
		margin-left: 12%;
	}
	#trend .content-body .style-body li .num {
		position: absolute;
		top: 0;
		right: 0;
		width: 25%;
	}
	#trend .content-body .style-body li:nth-child(even) .num {
		left: 0;
		right: auto;
	}
	#trend .content-body .style-body li .text-block {
		width: 44%;
		position: relative;
	}


	#trend .content-body .style-body li .text-block .sub-image {
	}
	#trend1, #trend3 {
		margin-bottom: 8.0rem;
	}
	#trend1 .sub-image1, #trend3 .sub-image1 {
		width: 70%;
		margin-bottom: 12rem;
	}
	#trend1 .sub-image2, #trend3 .sub-image2 {
		position: absolute;
		width: 58%;
		bottom: 0;
		left: -72%;
	}
	#trend2 {
		margin-bottom: 12.0rem;
	}
	#trend2 .sub-image1 {
		width: 80%;
		margin: 0 0 32rem 12rem;
	}
	#trend2 .sub-image2 {
		position: absolute;
		width: 60%;
		bottom: 0;
		left: 80%;
	}
	#trend .content-body .style-body li .text-block h3 {
		font-size: 2.4rem;
		line-height: 4.0rem;
		letter-spacing: 0.32rem;
		margin-bottom: 4.0rem;
	}
	#trend .content-body .style-body li:nth-child(even) .text-block h3 {
		margin-left: 12rem;
	}
	#trend .content-body .style-body li .text-block .description {
		font-size: 1.3rem;
		line-height: 2.2rem;
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 4.8rem;
	}
	#trend .content-body .style-body li:nth-child(odd) .text-block .description {
		width: 74%;
	}
	#trend .content-body .style-body li:nth-child(even) .text-block .description {
		margin-left: 12rem;
	}
	#trend .content-body .style-body li .text-block .description p {
		line-height: inherit;
		margin-bottom: 3.2rem;
	}
	#trend .content-body .style-body li .text-block .description .remarks {
		font-size: 1.1rem;
	}
	#autumn {
		width: 100%;
		margin-bottom: 24rem;
	}
	#autumn .contents-title {
		position: relative;
		width: 100%;
		display: flex;
		background-color: #d35e01;
		margin-bottom: 8rem;
	}
	#autumn .contents-title .title-images {
		min-width: 1440px;
		position: relative;
		margin: 0 auto;
		display: flex;
	}

	#autumn .contents-title .title-images img {
		height: 720px;
	}
	#autumn .contents-title .title-images .side {
		position: absolute;
		left: -720px;
	}
	#autumn .contents-title .title-text {
		width: 100%;
		position: absolute;
		top: 50%;
		text-align: center;
	}
	#autumn .contents-title .title-text img {
		width: 40rem;
	}
	#autumn .content-main {
		width: 920px;
		margin: 0 auto 4.8rem auto;
		display: flex;
		justify-content: space-between;
	}
	#autumn .content-main .main-box {
		width: 52%;
	}
	#autumn .content-main .text-block {
		width: 40%;
	}
	#autumn .content-main .main-box .main-image {
		margin-bottom: 6.4rem;
	}
	#autumn .content-main .main-box .description {
		font-size: 1.3rem;
		line-height: 2.2rem;
		text-align: justify;
		text-justify: inter-character;
	}
	#autumn .content-main .main-box .description p {
		line-height: inherit;
		margin-bottom: 3.2rem;
	}
	#autumn .content-main .text-block {
		position: relative;
	}
	#autumn .content-main .text-block h3 {
		font-size: 2.4rem;
		line-height: 4.0rem;
		letter-spacing: 0.32rem;
		margin-bottom: 4.0rem;
	}
	#autumn .content-main .text-block .description {
		font-size: 1.5rem;
		line-height: 3.2rem;
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 4.8rem;
	}
	#autumn .content-main .text-block .sub-image1 {
		width: 70%;
		margin-left: 30%;
	}
	#autumn .content-sub {
		width: 1024px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	#autumn .content-sub .sub-image2 {
		width: 42%;
	}
	#autumn .content-sub .sub-images {
		width: 52%;
		position: relative;
	}
	#autumn .content-sub .sub-image3 {
		width: 42%;
		position: absolute;
		top: 8rem;
		left: 0;
	}
	#autumn .content-sub .sub-image4 {
		width: 62%;
		position: absolute;
		top: 28rem;
		right: 0;
	}
	#lifestyle {
		position: relative;
		margin-bottom: 12rem;
	}
	#lifestyle .contents-title {
		position: relative;
		width: 28rem;
		margin: 0 auto;
		z-index: 2;
	}
	#lifestyle .content-body {
		width: 100%;
		background-color: #bfb8a4;
		padding: 6.4rem;
		margin-top: -4rem;
	}
	#lifestyle h2 {
		text-align: center;
		font-size: 3.2rem;
		letter-spacing: 0.48rem;
		margin-bottom: 4.0rem;
	}
	#lifestyle .images {
		width: 1200px;
		margin: 0 0 4.0rem 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: space-between;
	}
	#lifestyle .images img {
		width: 23.4%;
	}
	#lifestyle .content-body .article-lc {
		width: 880px;
		margin: 0 auto 4.0rem auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#lifestyle .content-body .article-catch {
		font-size: 2.8rem;
		width: 28rem;
		letter-spacing: 0.48rem;
	}
	#lifestyle .content-body .article-lead {
		flex: 1;
		font-size: 1.6rem;
		line-height: 3.2rem;
	}
	#lifestyle .contents-button a {
		display: block;
		width: 28rem;
		height: 6.4rem;
		margin: -3.2rem auto 0 auto;
		background: url('../img/btn_lls.svg') no-repeat;
		background-size: contain;
		transition: 1.5s ease-in 0.5s;
	}
	#lifestyle .contents-button a:hover {
		background: url('../img/btn_lls_on.svg') no-repeat;
	}
	#message {
		background: url('../img/bg_message_pc.png') no-repeat;
		background-size: cover;
		padding: 0;
		position: relative;
	}
	#message .content-head {
		padding: 12rem 0 10rem 0;
		text-align: center;
	}
	#message .content-head img {
		height: 4.8rem;
	}
	#message .content-image {
		width: 880px;
		margin: 0 auto;
		position: relative;
	}
	#message .content-image .main-image {
		width: 800px;
		margin-left: 40px;
	}
	#message .contents-title {
	}
	#message .contents-title .title {
		position: absolute;
		width: 70%;
		top: 36rem;
	}
	#message .contents-title .sub {
		position: absolute;
		width: 60%;
		left: 40px;
		bottom: 0;
	}
	#message .content-text {
		width: 400px;
		margin: 8rem auto 0 auto;
		font-size: 1.4rem;
		line-height: 3.2rem;
	}
	#message .content-text p {
		margin-bottom: 3.6rem;
	}
	#message .content-body {
		width: 1024px;
		margin: 0 auto;
		position: relative;
	}
	#message .content-text .linkbutton {
		text-align: center;
		width: 30rem;
		margin: 0 auto;
		margin-top: 9.6rem;
	}
	#message .footer {
	}
	#message .footer_logo {
		width: 12rem;
		margin: 0 auto;
		padding: 12rem 0 9.6rem 0;
	}
	#message .footer-link {
		text-align: center;
		margin-bottom: 1.8rem;
	}
	#message .footer-link  a {
		padding: 0 1.6rem;
		text-decoration: none;
	}
	#footer-copy {
		padding: 2.4rem 0;
		text-align: center;
	}
	.pagetopbutton {
		position: fixed;
		top: 0;
		width: max(1024px, 80%);
		left: 50%;
		transform: translateX(-50%);
		height: 100vh;
		height: 100dvh;
		visibility: visible;
		opacity: 1;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		pointer-events: none; 
	}
	.pagetopbutton.is-hidden {
		visibility: hidden;
		opacity: 0;
		pointer-events: none; 
	}
	.pagetopbutton a {
		pointer-events: auto;
	}
	.pagetopbutton img {
		width: 2.4rem;
		position: absolute;
		right: 0;
		bottom: 4.8rem;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	html {
		font-size: 9px;
	}
	#autumn .contents-title .title-images {
		margin-left: 8rem;
	}
}
@media screen and (min-width: 1280px) {
}