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%;
}
img {
	vertical-align: top;
}
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,
.slide11 .slick-track,
.slide12 .slick-track,
.slide13 .slick-track,
.slide14 .slick-track,
.slide15 .slick-track,
.slide16 .slick-track,
.slide17 .slick-track,
.slide18 .slick-track,
.slide19 .slick-track,
.slide21 .slick-track,
.slide22 .slick-track {
    transform: translate3d(0, 0, 0) !important;
    transition: none !important;
    width: 100% !important;
}

.slide01 .slick-slide,
.slide02 .slick-slide,
.slide11 .slick-slide,
.slide12 .slick-slide,
.slide13 .slick-slide,
.slide14 .slick-slide,
.slide15 .slick-slide,
.slide16 .slick-slide,
.slide17 .slick-slide,
.slide18 .slick-slide,
.slide19 .slick-slide,
.slide21 .slick-slide,
.slide22 .slick-slide {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

.slide01 .slick-slide.slick-current,
.slide02 .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,
.slide16 .slick-slide.slick-current,
.slide17 .slick-slide.slick-current,
.slide18 .slick-slide.slick-current,
.slide19 .slick-slide.slick-current,
.slide21 .slick-slide.slick-current,
.slide22 .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 .head_shoplink {
	opacity: 0;
	animation-delay: 2.0s;
}

#atf .content-navi .navi_gift {
	opacity: 0;
}
#atf .content-navi .navi_style {
	opacity: 0;
	animation-delay: 0.3s;
}
#atf .content-navi .navi_event {
	opacity: 0;
	animation-delay: 0.6s;
}
#atf .content-navi .navi_message {
	opacity: 0;
	animation-delay: 0.9s;
}
#gift {
	opacity: 0;
}
#gift .content-head {
	opacity: 0;
}
#gift .content-head .titleblock {
	opacity: 0;
	animation-delay: 1s;
}
#gift1, #gift2, #gift3 {
	opacity: 0;
}
#gift1 .image-block .main-image, #gift2 .image-block .main-image, #gift3 .image-block .main-image {
	opacity: 0;
	animation-delay: 0.5s;
}
#gift1 .image-block .num, #gift2 .image-block .num, #gift3 .image-block .num {
	opacity: 0;
	animation-delay: 1s;
}
#gift1 .image-block .catch, #gift2 .image-block .catch, #gift3 .image-block .catch {
	opacity: 0;
	animation-delay: 1s;
}
#gift1 .info-block, #gift2 .info-block, #gift3 .info-block {
	opacity: 0;
	animation-delay: 1.5s;
}
#gift1 .sub-block, #gift2 .sub-block, #gift3 .sub-block {
	opacity: 0;
}
#style {
	opacity: 0;
}
#style .content-head .background img {
	opacity: 0;
}
#style .content-head .titleblock h2 {
	opacity: 0;
	animation-delay: 1s;
}
#style .content-head .titleblock h3 {
	opacity: 0;
	animation-delay: 1s;
}
#style .content-head .titleblock .description {
	opacity: 0;
	animation-delay: 1.5s;
}
#style .col1, #style .col2 {
	opacity: 0;
	animation-delay: 1s;
}
#style .col1 .image_l, #style .col2 .main-block {
	opacity: 0;
	animation-delay: 1.5s;
}
#style .col1 .image_c {
	opacity: 0;
	animation-delay: 1.5s;
}
#style .col1 .image_r {
	opacity: 0;
	animation-delay: 1.5s;
}
#style .col1 .text-block {
	opacity: 0;
	animation-delay: 1.5s;
}
#style .col2 .sub-block {
	opacity: 0;
	animation-delay: 2s;
}
#event {
	opacity: 0;
}
#event .title-block {
	opacity: 0;
	animation-delay: 1s;
}
#event .catch-block .text-block {
	opacity: 0;
	animation-delay: 1.5s;
}
#event .catch-block .images {
	opacity: 0;
	animation-delay: 2s;
}
#event .content-body .col1 {
	opacity: 0;
}
#event .content-body .col2 {
	opacity: 0;
	animation-delay: 0.5s;
}
#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;
	}
	#atf {
		position: relative;
	}
	.deco {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 100%;
		height: 100%;
		pointer-events: none; 
	}
	.deco img {
		position: absolute;
		opacity: 0;
		transition: opacity 1.5s ease-in-out;
	}
	.deco img.is-active {
      opacity: 1;
    }
	.deco .d01 {
		width: 4vw;
		right: 32vw;
		top: 320vw;
	}
	.deco .d02 {
		width: 10vw;
		right: 42vw;
		top: 342vw;
	}
	.deco .d03 {
		width: 18vw;
		left: 48vw;
		top: 352vw;
	}
	.deco .d04 {
		width: 10vw;
		left: 12vw;
		top: 380vw;
	}
	.deco .d05 {
		width: 30vw;
		left: -6vw;
		top: 400vw;
	}
	.deco .d06 {
		width: 16vw;
		left: 8vw;
		top: 440vw;
	}

	.deco .d11 {
		width: 30vw;
		left: -4vw;
		top: 2vw;
	}
	.deco .d12 {
		width: 12vw;
		right: 8vw;
		top: 16vw;
	}
	.deco .d13 {
		width: 8vw;
		right: -4vw;
		top: 33vw;
	}
	.deco .d14 {
		width: 12vw;
		left: 4vw;
		top: 60vw;
	}
	.deco .d15 {
		width: 20vw;
		left: 4vw;
		top: 80vw;
	}
	.deco .d16 {
		width: 8vw;
		left: -60vw;
		top: 108vw;
	}
	.deco .d17 {
		width: 12vw;
		right: 30vw;
		top: 120vw;
	}
	.deco .d18 {
		width: 20vw;
		right: 8vw;
		top: 200vw;
	}
	.deco .d19 {
		width: 20vw;
		left: -8vw;
		top: 240vw;
	}
	.deco .d20 {
		width: 16vw;
		right: 8vw;
		top: 296vw;
	}
	.deco .d21 {
		width: 24vw;
		left: -4vw;
		top: 280vw;
	}
	.deco .d22 {
		width: 12vw;
		right: --2vw;
		top: 300vw;
	}
	.deco .d23 {
		width: 32vw;
		right: -2vw;
		top: 380vw;
	}
	.deco .d24 {
		width: 28vw;
		left: -2vw;
		top: 360vw;
	}
	.deco .d25 {
		width: 20vw;
		right: 8vw;
		top: 420vw;
	}
	.deco .d26 {
		width: 22vw;
		right: -2vw;
		top: 432vw;
	}
	.deco .d27 {
		width: 24vw;
		left: 4vw;
		top: 450vw;
	}
	.deco .d28 {
		width: 16vw;
		right: -2vw;
		top: 480vw;
	}
	.deco .d29 {
		width: 32vw;
		right: 0;
		top: 630vw;
	}
	.deco .d30 {
		width: 24vw;
		left: -8vw;
		top: 740vw;
	}
	.deco .d31 {
		width: 32vw;
		right: -4vw;
		top: 800vw;
	}
	.deco .d32 {
		width: 32vw;
		left: 0;
		top: 980vw;
	}
	.deco .d33 {
		width: 20vw;
		right: 16vw;
		top: 1280vw;
	}
	.deco .d34 {
		width: 20vw;
		right: 8vw;
		top: 1440vw;
	}
	.deco .d41 {
		width: 16vw;
		left: 4vw;
		top: 4vw;
	}
	.deco .d42 {
		width: 20vw;
		left: 20vw;
		top: 8vw;
	}
	.deco .d43 {
		width: 12vw;
		left: 4vw;
		top: 140vw;
	}
	.deco .d44 {
		width: 16vw;
		left: 16vw;
		top: 200vw;
	}
	.deco .d45 {
		width: 12vw;
		right: 7vw;
		top: 240vw;
	}
	.deco .d46 {
		width: 16vw;
		right: 0;
		top: 300vw;
	}
	.deco .d47 {
		width: 8vw;
		right: 4vw;
		top: 340vw;
	}
	.deco .d48 {
		width: 32vw;
		left: -8vw;
		top: 460vw;
	}
	.deco .d49 {
		width: 24vw;
		left: 20vw;
		top: 500vw;
	}
	.deco .d50 {
		width: 16vw;
		right: 8vw;
		top: 540vw;
	}
	.deco .d61 {
		width: 16vw;
		right: 4vw;
		top: 8vw;
	}
	.deco .d62 {
		width: 12vw;
		left: -4vw;
		top: 60vw;
	}
	.deco .d63 {
		width: 24vw;
		left: -8vw;
		top: 160vw;
	}
	.deco .d64 {
		width: 24vw;
		right: -2vw;
		top: 200vw;
	}
	.deco .d65 {
		width: 10vw;
		left: 8vw;
		top: 300vw;
	}
	.deco .d81 {
		width: 12vw;
		left: 4vw;
		top: 4vw;
	}
	.deco .d82 {
		width: 24vw;
		right: 12vw;
		top: 180vw;
	}
	.deco .d83 {
		width: 24vw;
		left: 8vw;
		top: 340vw;
	}
	.intro_outer {
		background: url('../img/bg_intro_sp.jpg') no-repeat;
		background-size: cover;
	}
	.intro {
		display: flex;
		flex-direction: column;
	}
	.head_shoplink {
		position: absolute;
		left: 32px;
		bottom: 4.8vw;
	}
	.head_shoplink a {
		font-size: 2.8vw;
		margin: 4vw 0 12vw 0;
		color: #586477;
	}
	.intro .content {
		padding-top: 8vw;
		width: calc(100% - 64px);
		margin: 0 auto 6.4vw auto;
	}
	.intro .bodytext {
		width: 100%;
		margin: 0 auto;
		font-size: min(3.8vw, 30px);
		line-height: min(9.6vw, 77px);
		margin-bottom: min(11vw, 84px);
		color: #586477;
	}
	.intro .bodytext p {
		margin-bottom: min(8.8vw, 70px);
	}
	.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 .slide01 {
		order: 1;
		width: 46%;
		margin:  0 54% 4.8vw 0;
	}
	.intro .slide02 {
		order: 2;
		width: 64%;
		margin-left: 36%;
		transform: translateX(16px);
	}
	.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_sp.svg') no-repeat;
		background-size: 100%;
		position: relative;
		overflow: hidden;
	}
	.header .content-navi ul a:hover {
		background: url('../img/btn_bg_on_sp.svg') no-repeat;
		background-size: 100%;
	}
	.header .content-navi ul li img {
	}
	.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: translateY(100%);
	}
	.header .content-navi ul li .alias {
		position: absolute;
		top: -100%;
		left: 0;
		align-items: center;
		justify-content: center;
		transition: transform 0.3s ease;
	}
	#gift {
		position: relative;
		background: url('../img/bg_gift_sp.jpg') no-repeat;
		background-size: cover;
		padding-bottom: 16vw;
	}
	#gift .content-head {
		position: relative;
	}
	#gift .content-head .background {
		padding-bottom: 52vw;
	}
	#gift .content-head .background img {
		width: 100%;
	}
	#gift .content-head .titleblock {
		position: absolute;
		bottom: 8vw;
		left: 32px;
	}
	#gift .content-head .titleblock h2 {
		width: 50vw;
		margin-bottom: 4.8vw;
	}
	#gift .content-head .titleblock h3 {
		font-size: min(4.8vw, 38px);
		line-height: min(8.4vw, 67px);
		letter-spacing: 0.32rem;
		margin-bottom: 8.0rem;
		color: #586477;
	}
	#gift .content-head .titleblock .description {
		font-size: min(3.6vw, 29px);
	line-height: min(7.6vw, 61px);
		color: #586477;
	}
	#gift .content-body {
		position: relative;
		width: calc(100% - 64px);
		margin: 0 auto;
	}
	#gift .content-body li {
	}
	#gift .image-block {
		margin-bottom: 8vw;
	}
	#gift .main-image {
		position: relative;
	}
	#gift1 .main-image, #gift2 .main-image, #gift3 .main-image {
		border-radius: 900px;
		overflow: hidden;
	}
	#gift .image-block {
		position: relative;
	}
	#gift1, #gift2 {
		margin-bottom: 16vw;
	}
	#gift1 .num, #gift3 .num {
		position: absolute;
		width: 24vw;
		left: 0;
		top: 0;
	}
	#gift2 .num {
		position: absolute;
		width: 24vw;
		right: 0;
		top: 0;
	}
	#gift1 .image-block .catch, #gift3 .image-block .catch {
		position: absolute;
		width: 10.4vw;
		right: 0;
		top: 48vw;
	}
	#gift2 .image-block .catch {
		position: absolute;
		width: 10.4vw;
		left: 0;
		top: 48vw;
	}
	#gift .info-block {
	}
	#gift1 .info-block .sub-image, #gift3 .info-block .sub-image {
		width: calc(52vw - 48px);
		margin-left: calc(48vw - 32px);
		z-index: 2;
	}
	#gift1 .info-block .sub-image2, #gift3 .info-block .sub-image2 {
		width: 64vw;
		margin: -12vw 0 8vw -32px;
		z-index: 1;
	}
	#gift2 .info-block .sub-image {
		width: calc(52vw - 48px);
	}
	#gift2 .info-block .sub-image2 {
		width: 64vw;
		margin: -12vw 0 8vw calc(36vw - 32px);
	}
	#gift .sub-block {
	}
	#gift .text-block {
	}
	#gift .text-block h3 {
		font-size: min(4.8vw, 38px);
		line-height: min(8.4vw, 67px);
		letter-spacing: 0.32rem;
		margin-bottom: 2.6rem;
	}
	#gift1 .text-block h3, #gift3 .text-block h3 {
		color: #008d92;
	}
	#gift2 .text-block h3 {
		color: #b7393d;
	}
	#gift li .text-block .description {
		font-size: min(3.2vw, 26px);
		line-height: min(6.0vw, 48px);
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 4.8vw;
	}
	#gift li .text-block .description p {
		line-height: inherit;
		margin-bottom: 2.6vw;
		color: #586477;
	}
	#gift li .text-block .description p.sub {
		font-size: min(2.7vw, 22px);
		line-height: min(6.0vw, 48px);
	}
	#gift .sub-block .last-block {
		position: relative;
	}
	#gift .sub-block .last-image {
		overflow: hidden;
		border-radius: 900px;
	}
	#gift1 .sub-block .last-block .catch, #gift3 .sub-block .last-block .catch {
		position: absolute;
		width: 32vw;
		left: 0;
		bottom: 3.2vw;
	}
	#gift2 .sub-block .last-block .catch {
		position: absolute;
		width: 32vw;
		right: 0;
		top: 3.2vw;
	}
	#style {
		position: relative;
		background: url('../img/bg_style_sp.jpg') no-repeat;
		background-size: cover;
		padding-bottom: 16vw;
	}
	#style .content-head {
		position: relative;
		margin-bottom: 72vw;
	}
	#style .content-head .titleblock {
		position: absolute;
		width: 50vw;
		top: 56%;
		right: 32px;
		transform: translateY(-50%);
	}
	#style .content-head .titleblock h2 {
	}
	#style .content-head .titleblock h3 {
		font-size: min(4.8vw, 38px);
		line-height: min(8.4vw, 67px);
		letter-spacing: 0.32rem;
		color: #586477;
	}
	#style .content-head .titleblock .description {
		position: absolute;
		width: calc(100vw - 64px);
		bottom: -104vw;
		right: -16px;
		font-size: min(3.6vw, 29px);
		line-height: min(7.6vw, 61px);
		color: #586477;
	}
	#style .content-body .col1 .image-block {
		width: 80vw;
		margin-bottom: 6.4vw;
	}
	#style .content-body .col1 .text-block {
		width: calc(100% - 64px);
		margin: 0 auto 6.4vw auto;
	}
	#style .content-body .col1 .text-block h3 {
		font-size: min(4.8vw, 38px);
		line-height: min(8.4vw, 67px);
		letter-spacing: 0.32rem;
		margin-bottom: 3.2rem;
		color: #586477;
	}
	#style .content-body .col1 .text-block .description {
		font-size: min(3.2vw, 26px);
		line-height: min(6.0vw, 48px);
		text-align: justify;
		text-justify: inter-character;
		color: #586477;
	}
	#style .content-body .col1 .sp-sub-block {
		width: 100%;
		position: relative;
		margin-bottom: 12vw;
	}
	#style .content-body .col1 .sp-sub-block .image_r {
		position: relative;
		width: 52%;
		margin-left: 48%;
		z-index: 2;
		padding-bottom: 12vw;
	}
	#style .content-body .col1 .sp-sub-block .image_c {
		position: relative;
		width: 50%;
		margin-top: -32vw;
		z-index: 1;
		margin-bottom: 6.4vw;
	}
	#style .content-body .col1 .sp-sub-block .catch {
		position: absolute;
		width: 88%;
		bottom: 8vw;
		left: 2%;
	}
	#style .content-body .col1 .sp-sub-block .description {
		width: calc(100% - 64px);
		margin: 0 auto;
		font-size: min(3.2vw, 26px);
		line-height: min(7.2vw, 58px);
		text-align: justify;
		text-justify: inter-character;
	}
	#style .content-body .col1 .sp-sub-block .description p.sub {
		font-size: min(2.7vw, 22px);
		line-height: min(6.0vw, 48px);
		margin-bottom: 3.2vw;
		color: #586477;
	}
	#style .content-body .col2 .main-block {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	#style .content-body .col2 .main-block .image_l {
		order: 2;
		width: 76vw;
		margin-bottom: 6.4vw;
	}
	#style .content-body .col2 .main-block .image_r {
		order: 1;
		width: 80vw;
		position: relative;
		margin: 0 0 12vw 20vw;
	}
	#style .content-body .col2 .main-block .image_r .catch {
		width: 50vw;
		position: absolute;
		left: 0;
		bottom: -12vw;
	}
	#style .content-body .col2 .main-block .text-block {
		order: 3;
	}
	#style .content-body .col2 .main-block .text-block .description {
		width: calc(100% - 64px);
		margin: 0 auto;
		font-size: min(3.2vw, 26px);
		line-height: min(7.2vw, 58px);
		text-align: justify;
		text-justify: inter-character;
	}
	#style .content-body .col2 .main-block .text-block .description p.sub {
		font-size: min(2.8vw, 22px);
		line-height: min(6.0vw, 48px);
		margin-bottom: 3.2vw;
		color: #586477;
	}
	#style .content-body .col2 .sub-block {
		width: calc(100% - 64px);
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	#style .content-body .col2 .sub-block .image_l {
		width: 40%;
	}
	#style .content-body .col2 .sub-block .image_r {
		width: 56%;
	}
	#event {
		position: relative;
		background: url('../img/bg_event_sp.jpg') no-repeat;
		background-size: cover;
		padding: 9.6rem 0;
	}
	#event .content-head {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 16vw;
	}
	#event .title-block {
		width: 50%;
		margin: 0 auto 8vw auto;
	}
	#event .catch-block {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	#event .text-block {
		order: 1;
		width: calc(100% - 64px);
		margin: 0 auto 6.4vw auto;
		color: #fff;
	}
	#event .text-block h3 {
		text-align: center;
		font-size: min(4.8vw, 38px);
		line-height: min(8.4vw, 67px);
		letter-spacing: 0.32rem;
		margin-bottom: 3.2rem;
	}
	#event .text-block .description {
		font-size: min(3.2vw, 26px);
		line-height: min(6.0vw, 48px);
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 4.8vw;
	}
	#event .images {
		order: 2;
		display: flex;
		justify-content: space-between;
	}
	#event .images .image_l {
		width: 60%;
		align-self: flex-end;
	}
	#event .images .image_r {
		width: 36%;
	}
	#event .content-body {
		width: calc(100% - 32px);
		margin: 0 auto;
	}
	#event .content-body .col1 {
		color #f00;
		background: url('../img/bg_event01_sp.png') no-repeat;
		background-size: 100% 100%;
		padding: 12vw;
		margin-bottom: 8vw;
	}
	#event .content-body .col1 h4 {
		margin-bottom: 6.4vw;
	}
	#event .content-body .col1 .content {
		font-size: min(3.2vw, 26px);
		line-height: min(6.0vw, 48px);
		text-align: justify;
		text-justify: inter-character;
		color: #1a3871;
	}
	#event .content-body .col1 .content .description {
		margin-bottom: 6.4vw;
	}
	#event .content-body .col1 .event_link {
		display: block;
		width: 100%;
		height: 16vw;
		font-size: 0;
		background: url('../img/btn_event01_sp.png') no-repeat;
		background-size: 100%;
		transition: 1s;
	}
	#event .content-body .col1 .event_link:hover {
		background: url('../img/btn_event01_sp_on.png') no-repeat;
		background-size: 100%;
		transition: 0.5s;
	}
	#event .content-body .col2 {
		color #f00;
		background: url('../img/bg_event02_sp.png') no-repeat;
		background-size: 100% 100%;
		padding: 16vw 12vw 12vw 12vw;
	}
	#event .content-body .col2 h4 {
		margin-bottom: 6.4vw;
	}
	#event .content-body .col2 .catch {
		margin-bottom: 6.4vw;
	}
	#event .content-body .col2 .description {
		font-size: min(3.2vw, 26px);
		line-height: min(6.0vw, 48px);
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 6.4vw;
	}
	#event .content-body .col2 .description strong {
		color: #b7393d;
		font-weight: normal;
	}
	#event .content-body .col2 li {
		position: relative;
		margin-bottom: 6.4vw;
	}
	#event .content-body .col2 li .prize_icon {
		width: 7.6vw;
		position: absolute;
		top: -2.4vw;
		left: -2.4vw;
	}
	#event .content-body .col2 li.w .prize_icon {
		width: 9.6vw;
	}
	#event .content-body .col2 .remarks {
		width: 80%;
		margin: 0 auto 8vw auto;
	}
	#event .content-body .col2 .event_link {
		display: block;
		width: 100%;
		height: 16vw;
		font-size: 0;
		background: url('../img/btn_event02_sp.png') no-repeat;
		background-size: 100%;
		transition: 1s;
	}
	#event .content-body .col2 .event_link:hover {
		background: url('../img/btn_event02_sp_on.png') no-repeat;
		background-size: 100%;
		transition: 0.5s;
	}
	#message {
		background: url('../img/bg_message_sp.jpg') no-repeat;
		background-size: cover;
		padding: 0;
		position: relative;
	}
	#message .content-head {
		padding: 12vw 0;
		text-align: center;
	}
	#message .content-head img {
		width: 50%;
	}
	#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: 50vw;
		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);
		color: #586477;
	}
	#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: 100%;
		height: 18vw;
		font-size: 0;
		background: url('../img/btn_access.svg') no-repeat;
		background-size: 100%;
		transition: 1s;
	}
	#message .content-text .linkbutton a:hover {
		background: url('../img/btn_access_on.svg') no-repeat;
		background-size: 100%;
		transition: 0.5s;
	}
	.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 {
		display: none!important;
	}
	#atf {
		position: relative;
	}
	.deco {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: min(1120px, 100vw);
		height: 100%;
		pointer-events: none; 
	}
	.deco img {
		position: absolute;
		opacity: 0;
		transition: opacity 1.5s ease-in-out;
	}
	.deco img.is-active {
      opacity: 1;
    }
	.deco .d01 {
		width: 4.8rem;
		left: 20rem;
		top: 4rem;
	}
	.deco .d02 {
		width: 14rem;
		right: 9.6rem;
		top: 6.4rem;
	}
	.deco .d03 {
		width: 18rem;
		left: 12.4rem;
		top: 52rem;
	}
	.deco .d04 {
		width: 8rem;
		right: 14.4rem;
		top: 68rem;
	}
	.deco .d05 {
		width: 18rem;
		left: 17.2rem;
		top: 112rem;
	}
	.deco .d06 {
		width: 22rem;
		right: -2rem;
		top: 136rem;
	}
	.deco .d11 {
		width: 22rem;
		left: -12rem;
		top: 4rem;
	}
	.deco .d12 {
		width: 4rem;
		left: 38rem;
		top: 0rem;
	}
	.deco .d13 {
		width: 12rem;
		right: 18rem;
		top: 8rem;
	}
	.deco .d14 {
		width: 8rem;
		right: 32rem;
		top: 19rem;
	}
	.deco .d15 {
		width: 16rem;
		right: 40rem;
		top: 48rem;
	}
	.deco .d16 {
		width: 24rem;
		left: -6rem;
		top: 92rem;
	}
	.deco .d17 {
		width: 4rem;
		right: 4rem;
		top: 88rem;
	}
	.deco .d18 {
		width: 32rem;
		left: 34%;
		top: 140rem;
	}
	.deco .d19 {
		width: 22rem;
		right: -12rem;
		top: 160rem;
	}
	.deco .d20 {
		width: 14rem;
		right: 4rem;
		top: 216rem;
	}
	.deco .d21 {
		width: 28rem;
		left: -4rem;
		top: 228rem;
	}
	.deco .d22 {
		width: 10rem;
		left: -2rem;
		top: 302rem;
	}
	.deco .d23 {
		width: 36rem;
		right: -8rem;
		top: 332rem;
	}
	.deco .d24 {
		width: 16rem;
		left: -8rem;
		top: 338rem;
	}
	.deco .d25 {
		width: 20rem;
		left: 28rem;
		top: 376rem;
	}
	.deco .d26 {
		width: 18rem;
		right: -2rem;
		top: 372rem;
	}
	.deco .d27 {
		width: 18rem;
		left: 26rem;
		top: 468rem;
	}
	.deco .d28 {
		width: 12rem;
		left: -4rem;
		top: 428rem;
	}
	.deco .d29 {
		width: 33rem;
		right: 0;
		top: 468rem;
	}
	.deco .d30 {
		width: 24rem;
		left: -12rem;
		top: 504rem;
	}
	.deco .d31 {
		width: 32rem;
		right: -6rem;
		top: 528rem;
	}
	.deco .d32 {
		width: 20rem;
		left: -4rem;
		top: 568rem;
	}
	.deco .d33 {
		width: 12rem;
		right: 40%;
		top: 560rem;
	}
	.deco .d34 {
		width: 20rem;
		right: 8rem;
		top: 580rem;
	}
	.deco .d41 {
		width: 12rem;
		left: 8rem;
		top: 4rem;
	}
	.deco .d42 {
		width: 6rem;
		left: 32rem;
		top: 4rem;
	}
	.deco .d43 {
		width: 16rem;
		left: 12rem;
		top: 38rem;
	}
	.deco .d44 {
		width: 18rem;
		left: 40rem;
		top: 44rem;
	}
	.deco .d45 {
		width: 8rem;
		right: 8rem;
		top: 12rem;
	}
	.deco .d46 {
		width: 24rem;
		right: -8rem;
		top: 108rem;
	}
	.deco .d47 {
		width: 8rem;
		right: 20rem;
		top: 104rem;
	}
	.deco .d48 {
		width: 24rem;
		left: -12rem;
		top: 214rem;
	}
	.deco .d49 {
		width: 20rem;
		left: 28rem;
		top: 248rem;
	}
	.deco .d50 {
		width: 12rem;
		right: 8rem;
		top: 198rem;
	}
	.deco .d61 {
		width: 12rem;
		right: 8rem;
		top: 8rem;
	}
	.deco .d62 {
		width: 8rem;
		left: -8rem;
		top: 24rem;
	}
	.deco .d63 {
		width: 24rem;
		left: -3rem;
		top: 140rem;
	}
	.deco .d64 {
		width: 18rem;
		right: -6rem;
		top: 152rem;
	}
	.deco .d65 {
		width: 8rem;
		left: 16rem;
		top: 220rem;
	}
	.deco .d81 {
		width: 8rem;
		left: 16rem;
		top: 4rem;
	}
	.deco .d82 {
		width: 20rem;
		right: 12rem;
		top: 40rem;
	}
	.deco .d83 {
		width: 20rem;
		left: 12rem;
		top: 120rem;
	}
	.shoplink {
		color: #000!important;
		font-weight: 700;
		font-size: 1.4rem;
	}
	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;
	}
	.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: 4%;
	}
	.header-title .season {
		position: absolute;
		width: 10%;
		top: 0;
		right: 30%;
	}
	.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;
		color: #586477;
	}
	.intro_outer {
		background: url('../img/bg_intro_pc.jpg') no-repeat;
		background-size: cover;
	}
	.intro {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: min(1120px, 100vw);
		padding: 7.2rem 0 1.2rem 0;
		margin-bottom: 7.2rem;
	}
	.intro .slide01 {
		position: absolute;
		width: 24%;
		top: 12rem;
		left: 0;
	}
	.intro .slide02 {
		position: absolute;
		width: 28%;
		top: 27.2rem;
		right: 0.8rem;
	}
	.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;
		color: #586477;
	}
	.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%;
		position: relative;
		overflow: hidden;
	}
	.header .content-navi ul a:hover {
		background: url('../img/btn_bg_on.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 {
	}
	.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: translateY(100%);
	}
	.header .content-navi ul li .alias {
		position: absolute;
		top: -100%;
		left: 0;
		align-items: center;
		justify-content: center;
		transition: transform 0.3s ease;
	}
	#gift {
		position: relative;
		background: url('../img/bg_gift.jpg') no-repeat;
		background-size: cover;
	}
	#gift .content-head {
		position: relative;
	}
	#gift .content-head .background {
		width: max(100%, 1720px);
		margin-left: 50%;
		transform: translateX(-50%);
	}
	#gift .content-head .background img {
		width: 100%;
	}
	#gift .content-head .titleblock {
		position: absolute;
		width: 360px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#gift .content-head .titleblock h2 {
		margin-bottom: 3.6rem;
		padding: 0 4.0rem;
	}
	#gift .content-head .titleblock h3 {
		font-size: 2.8rem;
		font-weight: 300;
		line-height: 5.4rem;
		letter-spacing: 0.4rem;
		margin: 0 0 3.6rem 12.6rem;
		color: #586477;
	}
	#gift .content-head .titleblock .description {
		font-size: 1.3rem;
		line-height: 2.6rem;
		text-align: justify;
		text-justify: inter-character;
		margin-left: 12.6rem;
		color: #586477;
	}
	#gift .content-body {
		position: relative;
		width: 1024px;
		margin: 6.4rem auto 0 auto;
	}
	#gift .content-body li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 6.4rem;
	}
	#gift .image-block {
		position: relative;
		width: 54%;
	}
	#gift .main-image {
		position: relative;
	}
	#gift1 .main-image, #gift2 .main-image {
		border-radius: 900px;
		overflow: hidden;
	}
	#gift3 .main-image {
		margin-top: 2.4rem;
		border-radius: 900px;
		overflow: hidden;
	}
	#gift1 .num {
		position: absolute;
		width: 10.4rem;
		left: 0;
		top: 0;
	}
	#gift2 .num {
		position: absolute;
		width: 10.4rem;
		right: -1.2rem;
		top: 0;
	}
	#gift3 .num {
		position: absolute;
		width: 10.4rem;
		left: 0;
		top: 0;
	}
	#gift1 .image-block .catch {
		position: absolute;
		width: 4rem;
		right: -2.4rem;
		top: 46%;
		transform: translateY(-50%);
	}
	#gift2 .image-block .catch {
		position: absolute;
		width: 4rem;
		left: 0;
		top: 46%;
		transform: translateY(-50%);
	}
	#gift3 .image-block .catch {
		position: absolute;
		width: 4rem;
		right: -2.4rem;
		top: 44%;
		transform: translateY(-50%);
	}
	#gift .info-block {
		width: 40%;
	}
	#gift .sub-image {
		margin: 0 0 4.0rem 6.4rem;
	}
	#gift li .text-block h3 {
		font-size: 2.4rem;
		line-height: 4.0rem;
		letter-spacing: 0.32rem;
		margin-bottom: 4.0rem;
		white-space: nowrap;
	}
	#gift1 .text-block h3, #gift3 .text-block h3 {
		color: #008d92;
	}
	#gift2 .text-block h3 {
		color: #b7393d;
	}
	#gift li .text-block .description {
		font-size: 1.3rem;
		line-height: 2.2rem;
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 4.8rem;
	}
	#gift li .text-block .description p {
		line-height: inherit;
		margin-bottom: 3.2rem;
		color: #586477;
	}
	#gift .sub-block {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#gift .sub-block .asides-image {
		width: 34%;
	}
	#gift .sub-block .last-block {
		position: relative;
		width: 54%;
	}
	#gift1 .sub-block .last-image, #gift2 .sub-block .last-image, #gift3 .sub-block .last-image {
		overflow: hidden;
		border-radius: 900px;
	}
	#gift1 .sub-block .last-block .catch, #gift3 .sub-block .last-block .catch {
		position: absolute;
		width: 14rem;
		left: -4rem;
		bottom: 16rem;
	}
	#gift2 .sub-block .last-block .catch {
		position: absolute;
		width: 14rem;
		left: -4rem;
		top: 22rem;
	}
	#style {
		position: relative;
		background: url('../img/bg_style.jpg') no-repeat;
		background-size: cover;
	}
	#style .content-head {
		position: relative;
	}
	#style .content-head .background {
		width: max(100%, 1720px);
		margin-left: 50%;
		transform: translateX(-50%);
	}
	#style .content-head .background img {
		width: 100%;
	}
	#style .content-head .titleblock {
		position: absolute;
		width: 640px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#style .content-head .titleblock h2 {
		margin-bottom: 3.6rem;
		padding: 0 18.8rem;
	}
	#style .content-head .titleblock h3 {
		text-align: center;
		font-size: 2.8rem;
		font-weight: 300;
		line-height: 5.4rem;
		letter-spacing: 0.4rem;
		margin: 0 0 3.6rem 0;
		color: #586477;
	}
	#style .content-head .titleblock .description {
		font-size: 1.3rem;
		line-height: 2.6rem;
		text-align: justify;
		text-justify: inter-character;
		margin-left: 38rem;
		color: #586477;
	}
	#style .content-body {
		position: relative;
		width: min(1120px, 100vw);
		margin: 6.4rem auto 0 auto;
	}
	#style .content-body .col1 {
		padding-bottom: 4.8rem;
		position: relative;
	}
	#style .content-body .col1 .image-block {
		display: flex;
		align-items; flex-start;
		justify-content: space-between;
	}
	#style .content-body .col1 .image_l {
		width: 40%;
		margin: 16.8rem 0 0 -8rem;
	}
	#style .content-body .col1 .image_c {
		width: 28%;
		align-self: flex-end;
		position: relative;
		margin-right: 4%;
	}
	#style .content-body .col1 .image_c .photo {
		padding: 0 2.4rem;
		margin-bottom: 6.4rem;
	}
	#style .content-body .col1 .image_c .catch {
		position: absolute;
		bottom: 4.8rem;
		left: 0;
	}
	#style .content-body .col1 .image_r {
		width: 26%;
	}
	#style .content-body .col1 .text-block {
		position: absolute;
		width: 44rem;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	#style .content-body .col1 .text-block h3 {
		font-size: 2.0rem;
		line-height: 3.6rem;
		letter-spacing: 0.2rem;
		margin-bottom: 1.6rem;
		white-space: nowrap;
		color: #586477;
	}
	#style .content-body .col1 .text-block .description, #style .content-body .col2 .text-block .description  {
		font-size: 1.3rem;
		line-height: 2.2rem;
		text-align: justify;
		text-justify: inter-character;
		margin-bottom: 2.0rem;
	}
	#style .content-body .col1 .text-block .description p, #style .content-body .col2 .text-block .description p {
		line-height: inherit;
		margin-bottom: 2.0rem;
		color: #586477;
	}
	#style .content-body .buy {
		color: #000;
	}
	#style .content-body .col2 {
		width: 1024px;
		margin: 0 auto;
		padding-bottom: 9.6rem;
		position: relative;
	}
	#style .content-body .col2 .main-block {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#style .content-body .col2 .main-block .text-block {
		width: 40%;
		position: absolute;
		left: 0;
		top: 2.4rem;
	}
	#style .content-body .col2 .main-block .image_l {
		width: 38%;
		margin-top: 24rem;
	}
	#style .content-body .col2 .main-block .image_r {
		position: relative;
		width: 44%;
		margin: 0 10%;
	}
	#style .content-body .col2 .main-block .catch {
		position: absolute;
		width: 80%;
		bottom: -6.4rem;
		left: -12rem;
	}
	#style .content-body .col2 .sub-block {
		margin: -10.2rem 0 0 35%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#style .content-body .col2 .sub-block .image_l {
		width: 42%;
	}
	#style .content-body .col2 .sub-block .image_r {
		width: 50%;
	}
	#event {
		position: relative;
		background: url('../img/bg_event.jpg') no-repeat;
		background-size: cover;
		padding: 9.6rem 0;
	}
	#event .content-head {
		width: 1024px;
		margin: 0 auto 8rem auto;
	}
	#event .title-block {
		width: 360px;
		margin: 0 auto 6.4rem auto;
	}
	#event .catch-block	{
		position: relative;
	}
	#event .catch-block	.images {
		width: 1120px;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	#event .catch-block	.image_l {
		width: 52%;
	}
	#event .catch-block	.image_r {
		width: 42%;
	}
	#event .text-block {
		width: 50%;
		position: absolute;
		top: 4rem;
		left: 0;
	}
	#event .text-block h3 {
		font-size: 3.2rem;
		font-weight: 300;
		line-height: 6.0rem;
		letter-spacing: 0.48rem;
		margin-bottom: 2.0rem;
		white-space: nowrap;
		color: #fff;
	}
	#event .text-block .description {
		font-size: 1.4rem;
		line-height: 2.4rem;
		text-align: justify;
		text-justify: inter-character;
		color: #fff;
	}
	#event .content-body {
		width: 1024px;
		margin: 0 auto;
	}
	#event .content-body .col1 {
		padding: 6.4rem 14.4rem;
		color #f00;
		background: url('../img/bg_event01.png') no-repeat;
		background-size: 100% 100%;
		margin-bottom: 6.4rem;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	#event .content-body .col1 h4 {
		width: 40%;
	}
	#event .content-body .col1 .content {
		position: relative;
		width: 44%;
		color: #1a3871;
	}
	#event .content-body .col1 .content .description {
		font-size: 1.4rem;
		line-height: 2.4rem;
		text-align: justify;
		text-justify: inter-character;
	}
	#event .content-body .col1 .event_link {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 22%;
		background: url('../img/btn_event01.png') no-repeat;
		background-size: 100%;
		transition: 1s;
	}
	#event .content-body .col1 .event_link:hover {
		background: url('../img/btn_event01_on.png') no-repeat;
		background-size: 100%;
		transition: 0.5s;
	}
	#event .content-body .col2 {
		padding: 9.6rem 14.4rem;
		color #f00;
		background: url('../img/bg_event02.png') no-repeat;
		background-size: 100% 100%;
	}
	#event .content-body .col2 h4 {
		margin-bottom: 4.0rem;
	}
	#event .content-body .col2 .catch {
		margin-bottom: 2.4rem;
	}
	#event .content-body .col2 .description {
		text-align: center;
		font-size: 1.4rem;
		line-height: 2.4rem;
		color: #000;
		margin-bottom: 3.2rem;
	}
	#event .content-body .col2 .description strong {
		color: #b7393d;
		font-weight: normal;
	}
	#event .content-body .col2 ul {
		margin-bottom: 4.0rem;
		padding: 0 3.2rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#event .content-body .col2 li {
		position: relative;
		width: 48%;
	}
	#event .content-body .col2 li.w {
		width: 100%;
		margin-bottom: 4%;
	}
	#event .content-body .col2 li .prize_icon {
		width: 10%;
		position: absolute;
		top: -1.2rem;
		left: -1.2rem;
	}
	#event .content-body .col2 li.w .prize_icon {
		width: 8%;
	}
	#event .content-body .col2 .remarks {
		width: 28rem;
		margin: 0 auto 4.0rem auto;
	}
	#event .content-body .col2 .ext_link {
		width: 48rem;
		margin: 0 auto;
	}
	#event .content-body .col2 .ext_link .catch {
		width: 36rem;
		margin: 0 auto 2.4rem auto;
	}
	#event .content-body .col2 .event_link {
		display: block;
		width: 100%;
		height: 4.6rem;
		background: url('../img/btn_event02.png') no-repeat;
		background-size: 100%;
		transition: 1s;
	}
	#event .content-body .col2 .event_link:hover {
		background: url('../img/btn_event02_on.png') no-repeat;
		background-size: 100%;
		transition: 0.5s;
	}
	#message {
		background: url('../img/bg_message_pc.jpg') 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: 760px;
		margin-left: 60px;
	}
	#message .contents-title {
	}
	#message .contents-title .title {
		position: absolute;
		width: 80%;
		top: 48rem;
	}
	#message .contents-title .sub {
		position: absolute;
		width: 30%;
		right: 72px;
		top: 52rem;
	}
	#message .content-text {
		width: 480px;
		margin: 8rem auto 0 auto;
		font-size: 1.4rem;
		line-height: 3.2rem;
		color: #586477;
	}
	#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 .content-text .linkbutton a {
		display: block;
		width: 30rem;
		height: 10rem;
		background: url('../img/btn_access.svg') no-repeat;
		background-size: 100%;
		transition: 1s;
	}
	#message .content-text .linkbutton a:hover {
		background: url('../img/btn_access_on.svg') no-repeat;
		background-size: 100%;
		transition: 0.5s;
	}
	#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) {
}