@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&display=swap);

.font-en {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.font-g2 {
	font-family: "GSanSerif-B", Noto Sans JP, Helvetica Neue, Helvetica, Arial, ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif;
	font-weight: 500
}

html[lang=zh-Hans] .font-g2,
html[lang=zh-Hant] .font-g2 {
	font-family: Noto Sans, Helvetica Neue, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-weight: 900
}

.font-sansSerif {
	font-family: Work Sans, sans-serif;
	font-weight: 700
}

.font-cn {
	font-family: Noto Sans TC, Noto Sans JP, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif !important
}

.font-gothic {
	font-weight: 500
}

.font-gothic,
.font-gothic-b {
	font-family: Noto Sans JP, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif
}

.font-gothic-b {
	font-weight: 700
}

.font-gothic-bl {
	font-family: Noto Sans JP, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic W3 JIS2004, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-weight: 900
}

.font-serif {
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-family: Times, Times New Roman, Helvetica, serif
}

@media (-ms-high-contrast:none) {

	body,
	html {
		font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif
	}

	.font-serif {
		font-family: ヒラギノ明朝 W6 JIS2004, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝体, Yu Mincho, YuMincho, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, メイリオ, Meiryo, serif
	}
}

.font-bold {
	font-weight: 900
}

.fontStuffing,
.fontStuffing--l {
	letter-spacing: -.5em
}

.fontStuffing--l {
	display: inline-block;
	transform: translateX(-.5em)
}

.fontSmall--ss {
	font-size: .7em
}

.fontSmall--s {
	font-size: .8em
}

.swiper-container {
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

@media only screen and (max-width:1200px) {
	.swiper-container-3d {
		perspective: 100vw
	}
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	z-index: 10
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
	outline: none
}

@media only screen and (max-width:1160px) {

	.swiper-button-next,
	.swiper-button-prev {
		height: 2.5862068966vw;
		width: 2.5862068966vw
	}
}

@media only screen and (max-width:767px) {

	.swiper-button-next,
	.swiper-button-prev {
		height: 5.3333333333vw;
		width: 5.3333333333vw
	}
}

.swiper-button-next:before,
.swiper-button-prev:before {
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	content: "";
	height: 0;
	left: 10%;
	margin-top: -33.3333333333%;
	padding-bottom: 66.6666666667%;
	position: absolute;
	top: 50%;
	transform: rotate(-45deg);
	width: 66.6666666667%
}

@media only screen and (max-width:767px) {

	.swiper-button-next:before,
	.swiper-button-prev:before {
		border-width: 1px;
		padding-bottom: 75%;
		width: 75%
	}
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0;
	margin-left: -1.6981132075%;
	right: auto;
	transform: scaleX(-1) translateY(-50%)
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	left: auto;
	margin-right: -1.6981132075%;
	right: 0
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	line-height: 0;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	background: #cdcccc;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 0 8px;
	width: 8px
}

button.swiper-pagination-bullet {
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	background: #595757;
	filter: none;
	opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: 4px;
	left: 0;
	top: 0;
	width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	background: rgba(0, 0, 0, .1);
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
	bottom: 0;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 19
}

.swiper-container-vertical>.swiper-scrollbar {
	height: 98%;
	position: absolute;
	right: 3px;
	top: 1%;
	width: 5px;
	z-index: 50
}

.swiper-scrollbar-drag {
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s steps(12) infinite;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10
}

.swiper-lazy-preloader:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	display: block;
	height: 100%;
	width: 100%
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes swiper-preloader-spin {
	to {
		transform: rotate(1turn)
	}
}

.swiper-container .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000
}

.swiper-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	backface-visibility: hidden;
	height: 100%;
	pointer-events: none;
	transform-origin: 0 0;
	visibility: hidden;
	width: 100%;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
	background: #000;
	bottom: 0;
	filter: blur(50px);
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	width: 100%;
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	backface-visibility: hidden;
	pointer-events: none;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	backface-visibility: hidden;
	z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

.movBox {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%
}

.movBox iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.movBox--sq {
	padding-bottom: 100%
}

.movBox--sq .movBox__cover:after {
	padding-bottom: 25.2390057361%;
	width: 25.2390057361%
}

.movBox__cover {
	background-color: #000;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.movBox__cover img {
	display: block;
	height: auto;
	width: 100%
}

.movBox__cover img,
.movBox__cover:after {
	transition-duration: .3s;
	transition-property: opacity
}

.movBox__cover:after {
	background-size: 100% auto;
	border-radius: 50%;
	bottom: 0;
	content: "";
	height: 0;
	left: 0;
	margin: auto;
	opacity: .9;
	overflow: hidden;
	padding-bottom: 12.6923076923%;
	position: absolute;
	right: 0;
	top: 0;
	width: 12.6923076923%
}

@media only screen and (max-width:767px) {
	.movBox__cover:after {
		padding-bottom: 19.7183098592%;
		width: 19.7183098592%
	}
}

.movBox__cover:hover img {
	opacity: .8
}

.movBox__cover:hover:after {
	opacity: .9
}

.movBox.is-modeMov .movBox__cover {
	opacity: 0;
	pointer-events: none
}

.slideWrapper {
	position: relative
}

.slideList[data-slide-num="1"] .slideList__items,
.slideList[data-slide-num="2"] .slideList__items,
.slideList[data-slide-num="3"] .slideList__items {
	justify-content: center
}

@media only screen and (max-width:767px) {

	.slideList[data-slide-num="1"] .slideList__items,
	.slideList[data-slide-num="2"] .slideList__items,
	.slideList[data-slide-num="3"] .slideList__items {
		justify-content: normal
	}
}

.slideList {
	margin-bottom: 4.39453125%;
	position: relative
}

@media only screen and (max-width:767px) {
	.slideList {
		margin-bottom: 7.03125%
	}
}

.slideList:last-child {
	margin-bottom: 0
}

.slideList .slideList__inner {
	margin: -1.46484375% auto 0;
	overflow: hidden;
	padding-top: 1.46484375%;
	width: 89.84375%
}

@media only screen and (max-width:767px) {
	.slideList .slideList__inner {
		margin: -4.375% -39.0625% 0;
		padding-top: 4.375%;
		width: 184.375%
	}
}

.slideList .slideList__items {
	display: flex;
	padding-bottom: 0
}

.slideList .swiper-scrollbar-lock+.slideList__items {
	padding-bottom: 0
}

.slideList .slideList__item {
	box-sizing: border-box;
	display: flex;
	height: auto;
	width: 25%
}

@media only screen and (max-width:767px) {
	.slideList .slideList__item {
		width: 32.2033898305%
	}
}

.slideList .slideList__item a {
	background-color: #fff;
	box-sizing: border-box;
	display: block;
	margin: 0 6.5217391304%;
	min-height: 100%;
	text-decoration: none;
	transition-duration: .2s;
	transition-property: opacity;
	width: 86.9565217391%
}

@media only screen and (max-width:767px) {
	.slideList .slideList__item a {
		margin: 0 3.9473684211%;
		width: 92.1052631579%
	}
}

@media only screen and (min-width:768px) {
	.slideList .slideList__item a:hover {
		opacity: .8
	}
}

.slideList .slideList__item.is-new .slideList__img:after {
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	display: block;
	margin-right: 7.5%;
	margin-top: -7.5%;
	padding-bottom: 21%;
	position: absolute;
	right: 0;
	top: 0;
	width: 21%
}

.slideList .slideList__next,
.slideList .slideList__prev {
	height: 45px;
	margin-top: 9.1346153846%;
	top: 0;
	width: 45px
}

@media only screen and (max-width:1100px) {

	.slideList .slideList__next,
	.slideList .slideList__prev {
		height: 4.0909090909vw;
		width: 4.0909090909vw
	}
}

@media only screen and (max-width:767px) {

	.slideList .slideList__next,
	.slideList .slideList__prev {
		bottom: 1.125em;
		height: 1.40625em;
		top: auto;
		width: 1.40625em
	}
}

.slideList .slideList__next:before,
.slideList .slideList__prev:before {
	border-color: #001755
}

.slideList .slideList__prev {
	margin-left: .9765625%;
	transform: scale(-1)
}

@media only screen and (max-width:767px) {
	.slideList .slideList__prev {
		margin-left: -3.90625%
	}
}

.slideList .slideList__next {
	margin-right: .9765625%;
	transform: none
}

@media only screen and (max-width:767px) {
	.slideList .slideList__next {
		margin-right: -3.90625%
	}
}

.slideList .slideList__img {
	margin-bottom: 7.5%;
	position: relative
}

@media only screen and (max-width:767px) {
	.slideList .slideList__img {
		margin-bottom: 0
	}
}

.slideList .slideList__img img {
	height: auto;
	width: 100%
}

.slideList .slideList__img.is-bdr:before {
	border: 1px solid #ccc;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.slideList .slideList__txtBox {
	margin: 0 -4.347826087%;
	position: relative;
	text-align: center
}

@media only screen and (max-width:767px) {
	.slideList .slideList__txtBox {
		margin: 0 -23.6842105263%;
		opacity: 0;
		padding-top: 2.1875em;
		transition-duration: .2s;
		transition-property: opacity
	}

	.slideList .slideList__txtBox:before {
		background-color: #001755;
		content: "";
		height: 2.03125em;
		left: 50%;
		max-width: 2px;
		position: absolute;
		top: -1.09375em;
		transform: translateX(-50%);
		width: .0625em
	}

	.slideList .slideList__item.is-active .slideList__txtBox {
		opacity: 1;
		position: relative;
		transition-delay: .2s;
		transition-duration: 1s;
		z-index: 1
	}
}

.slideList .slideList__date {
	font-size: .8333333333em;
	line-height: 1.5;
	margin-bottom: .2em;
	text-align: center
}

@media only screen and (max-width:767px) {
	.slideList .slideList__date {
		font-size: .875em
	}
}

.slideList .slideList__txt {
	font-feature-settings: "palt";
	font-size: .8888888889em;
	line-height: 1.5;
	text-align: center
}

@media only screen and (max-width:767px) {
	.slideList .slideList__txt {
		font-size: .9375em
	}
}

.overlay-lock-test {
	overflow-y: hidden !important
}

.overlay-lock {
	width: auto
}

.modal-overlay-lock,
.overlay-lock,
.overlay-lock body {
	overflow: hidden !important
}

.modal-overlay-lock {
	width: auto
}

.modal-overlay-lock body {
	overflow: hidden !important
}

html.remodal-is-locked {
	overflow: hidden;
	touch-action: none
}

.remodal,
[data-remodal-id] {
	display: none
}

.remodal-overlay {
	bottom: -5000px;
	display: none;
	left: -5000px;
	position: fixed;
	right: -5000px;
	top: -5000px;
	z-index: 9999
}

.remodal-wrapper {
	-webkit-overflow-scrolling: touch;
	bottom: 0;
	display: none;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	z-index: 10000
}

.remodal-wrapper:after {
	content: "";
	display: inline-block;
	height: 100%;
	margin-left: -.05em
}

.remodal-overlay,
.remodal-wrapper {
	backface-visibility: hidden
}

.is-modalFull .remodal-wrapper {
	overflow: hidden
}

.remodal {
	text-size-adjust: 100%;
	outline: none;
	position: relative
}

.remodal-is-initialized {
	display: inline-block
}

.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
	filter: blur(3px)
}

.remodal-overlay {
	background: rgba(0, 0, 0, .8)
}

.is-modalBlk .remodal-overlay,
.is-modalCart .remodal-overlay {
	background: rgba(0, 0, 0, .9)
}

.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
	animation-duration: .3s;
	animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
	animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
	animation-name: remodal-overlay-closing-keyframes
}

.remodal {
	box-sizing: border-box;
	padding: 4% 0;
	transform: translateZ(0);
	width: 100%
}

@media only screen and (min-width:751px) {
	.remodal {
		padding: 24px
	}
}

.remodal-closeOver {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.remodal__main {
	position: relative
}

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
	animation-duration: .3s;
	animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
	animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
	animation-name: remodal-closing-keyframes
}

.remodal,
.remodal-wrapper:after {
	vertical-align: middle
}

.remodal-close {
	appearance: none;
	backface-visibility: hidden;
	background: url(../img/top/btn_close.png) no-repeat 50%/contain;
	background-color: transparent;
	display: block;
	height: 10px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	z-index: 10
}

.remodal-cancel,
.remodal-close,
.remodal-confirm {
	border: 0;
	cursor: pointer;
	margin: 0;
	outline: 0;
	overflow: visible;
	text-decoration: none
}

.remodal-cancel,
.remodal-confirm {
	display: inline-block;
	font: inherit;
	min-width: 110px;
	padding: 12px 0;
	text-align: center;
	transition: background .2s;
	vertical-align: middle
}

.remodal-confirm {
	background: #81c784;
	color: #fff
}

.remodal-confirm:focus,
.remodal-confirm:hover {
	background: #66bb6a
}

.remodal-cancel {
	background: #e57373;
	color: #fff
}

.remodal-cancel:focus,
.remodal-cancel:hover {
	background: #ef5350
}

.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner,
.remodal-confirm::-moz-focus-inner {
	border: 0;
	padding: 0
}

@keyframes remodal-opening-keyframes {
	0% {
		opacity: 0;
		transform: scale(1.05)
	}

	to {
		filter: blur(0);
		opacity: 1;
		transform: none
	}
}

@keyframes remodal-closing-keyframes {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		filter: blur(0);
		opacity: 0;
		transform: scale(.95)
	}
}

@keyframes remodal-overlay-opening-keyframes {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes remodal-overlay-closing-keyframes {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@media only screen and (min-width:751px) {
	.remodal {
		max-width: 600px
	}
}

.remodal-wrapper {
	overflow-y: scroll
}

.modalBasic {
	font-size: 1.13rem;
	margin: 50px 38px;
	max-width: 1200px;
	vertical-align: middle;
	width: calc(100% - 76px)
}

@media only screen and (max-width:1100px) {
	.modalBasic {
		font-size: 1.6363636364vw;
		margin: 4.5454545455% 3.4545454545%;
		width: 93.0909090909%
	}
}

@media only screen and (max-width:767px) {
	.modalBasic {
		font-size: 4.2666666667vw;
		margin: 6.6666666667% 6%;
		width: 85.3333333333%
	}
}

@media only screen and (max-width:767px)and (min-width:521px) {
	.modalBasic {
		font-size: 22.1866666667px
	}
}

.modalBasic .modalBasic__inner {
	background-color: #fff;
	box-sizing: border-box;
	margin: auto;
	overflow: hidden;
	padding: 0;
	width: 100%
}

.modalPc {
	margin-top: 50px;
	max-width: 1030px
}

.modalPc .remodal-close {
	margin-right: 4.0579710145%;
	margin-top: 4.0579710145%;
	right: 0
}

@media only screen and (max-width:1100px) {
	.modalPc {
		max-width: 93.6363636364vw
	}
}

@media only screen and (max-height:1000px) {
	.modalPc {
		max-width: 103vh
	}
}

@media only screen and (max-width:767px) {
	.modalPc {
		max-width: 100%
	}
}

.modalItemInfo__mainImg {
	margin: 0 auto;
	overflow: hidden;
	width: 77.6699029126%
}

@media only screen and (max-width:767px) {
	.modalItemInfo__mainImg {
		width: 100%
	}
}

.modalItemInfo__mainImg img {
	height: auto;
	width: 100%
}

.modalItemInfo__slideNav--next,
.modalItemInfo__slideNav--prev {
	padding-bottom: 14.3689320388%;
	width: 7.7669902913%
}

@media only screen and (max-width:767px) {

	.modalItemInfo__slideNav--next,
	.modalItemInfo__slideNav--prev {
		background-color: #fff;
		border-radius: .2em;
		padding-bottom: 13.3333333333%;
		width: 5.3333333333%
	}
}

.modalItemInfo__slideNav--next:before,
.modalItemInfo__slideNav--prev:before {
	border-color: #fff;
	border-width: .2222222222em;
	left: -58%;
	margin-top: -64%;
	padding-bottom: 125%;
	width: 125%
}

@media only screen and (max-width:767px) {

	.modalItemInfo__slideNav--next:before,
	.modalItemInfo__slideNav--prev:before {
		border-color: #000;
		border-width: .125em;
		left: -8%;
		margin-top: -44%;
		padding-bottom: 75%;
		width: 75%
	}
}

.modalItemInfo__slideNav--prev {
	margin-left: 0
}

.modalItemInfo__slideNav--next {
	margin-right: 0
}

.modalItemInfo__pagination {
	display: flex;
	justify-content: center;
	margin: .8333333333em -.1111111111em 0
}

@media only screen and (max-width:767px) {
	.modalItemInfo__pagination {
		margin-left: auto;
		margin-right: auto;
		width: 71.3333333333%
	}
}

.modalItemInfo__pagination .swiper-pagination-bullet {
	background-color: #e5e5e5;
	border-radius: 0;
	height: .2222222222em;
	margin: 0 .1111111111em;
	width: 25%
}

.modalItemInfo__pagination .swiper-pagination-bullet-active {
	background-color: #c0153e
}

.modalPc {
	font-size: 3.7333333333vw;
	max-width: 690px;
	padding: 0
}

@media only screen and (min-width:521px) {
	.modalPc {
		font-size: 19.4133333333px
	}
}

@media only screen and (min-width:768px) {
	.modalPc {
		font-size: 18px
	}
}

.modalPc__main {
	background-color: #000;
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 4.9275362319% 0 1.1594202899%
}

.modalPc__img {
	margin-left: 5.7971014493%;
	width: 25.7971014493%
}

.modalPc__img img {
	height: auto;
	width: 100%
}

.modalPc__txtBox {
	margin-right: 5.7971014493%;
	padding-top: 2.6086956522%;
	width: 57.9710144928%
}

.modalPc__header {
	margin-bottom: 1.2em;
	padding-right: 30%;
	position: relative
}

.modalPc__qr {
	position: absolute;
	right: 0;
	top: 0;
	width: 25.5%
}

.modalPc__qr img {
	height: auto;
	width: 100%
}

.modalPc__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: .7142857143em;
	line-height: 1.5;
	text-transform: none
}

@media only screen and (min-width:768px) {
	.modalPc__title {
		font-size: 1.1111111111em
	}
}

.modalPc__txt {
	font-size: .5em;
	line-height: 1.8
}

@media only screen and (min-width:768px) {
	.modalPc__txt {
		font-size: .7777777778em
	}
}

.modalPc__btn {
	text-align: center
}

.modalPc__btn,
.modalPc__btn>a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.modalPc__btn>a {
	background: url(../img/btn_base-red.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 14.5714285714em
}

.modalPc__btn>a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

@media only screen and (min-width:768px) {
	.modalPc__btn {
		font-size: 1.1111111111em
	}

	.modalPc__btn>a {
		background-image: url(../img/btn_base-red-pc2.png);
		height: 3.2em;
		width: 16.3em
	}
}

.hol-modalFrame1 {
	background: url(../img/frame1_lt.png) no-repeat 0 0, url(../img/frame1_rt.png) no-repeat 100% 0, url(../img/frame1_lb.png) no-repeat 0 100%, url(../img/frame1_rb.png) no-repeat 100% 100%;
	background-size: .8214285714em auto;
	bottom: 0;
	font-size: 3.7333333333vw;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (min-width:521px) {
	.hol-modalFrame1 {
		font-size: 19.4133333333px
	}
}

.hol-modalFrame1:after,
.hol-modalFrame1:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.hol-modalFrame1:before {
	background: url(../img/frame1_top.png) repeat-x 0 0, url(../img/frame1_btm.png) repeat-x 0 100%;
	background-size: .8214285714em auto;
	margin-left: .8214285714em;
	margin-right: .8214285714em
}

.hol-modalFrame1:after {
	background: url(../img/frame1_left.png) repeat-y 0 0, url(../img/frame1_right.png) repeat-y 100% 0;
	background-size: .8214285714em auto;
	bottom: -1px;
	margin-bottom: .8214285714em;
	margin-top: .8214285714em
}

.modalMov {
	font-size: 1.13rem;
	margin-top: 40px;
	max-width: 1000px;
	padding: 0
}

@media only screen and (max-width:1100px) {
	.modalMov {
		font-size: 1.6363636364vw
	}
}

@media only screen and (max-width:767px) {
	.modalMov {
		font-size: 4.2666666667vw;
		margin-top: 9.3333333333vw
	}
}

@media only screen and (max-width:767px)and (min-width:521px) {
	.modalMov {
		font-size: 22.1866666667px
	}
}

.modalMov .remodal-close {
	margin-right: 0;
	transform: translateY(-80%) translateX(35%)
}

@media only screen and (max-width:767px) {
	.modalMov .remodal-close {
		transform: translateY(-100%) translateX(20%)
	}
}

.modalMov .remodal-close:after,
.modalMov .remodal-close:before {
	background-color: #fff
}

.modalMov__inner {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%
}

.modalMov__inner iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.modalMov--square {
	max-width: 600px
}

.modalMov--square .modalMov__inner {
	padding-bottom: 100%
}

.modalMov--vertical {
	max-width: 400px
}

@media only screen and (max-height:780px) {
	.modalMov--vertical {
		max-width: 51.2820512821vh
	}
}

@media only screen and (max-width:767px) {
	.modalMov--vertical {
		max-width: 400px;
		width: 100%
	}
}

@media only screen and (max-width:767px)and (max-height:680px) {
	.modalMov--vertical {
		max-width: 52vh
	}
}

.modalMov--vertical .modalMov__inner {
	padding-bottom: 177.6%
}

.u-cf {
	*zoom: 1
}

.u-cf:after,
.u-cf:before {
	content: " ";
	display: table
}

.u-cf:after {
	clear: both
}

.u-taL {
	text-align: left
}

.u-taR {
	text-align: right
}

.u-taC {
	text-align: center
}

.u-visHide {
	visibility: hidden
}

.u-hide {
	display: none !important
}

.u-hideTxt {
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 100%
}

.u-pcHide {
	display: none
}

.u-fColor--wht {
	color: #fff
}

.u-fColor--grn {
	color: #00a040
}

.u-fColor--orange {
	color: #ee7800
}

.u-indent--1 {
	text-indent: 1em
}

.u-indent--n1 {
	padding-left: 1em;
	text-indent: -1em
}

.u-indent--n1_3 {
	padding-left: 1.25em;
	text-indent: -1.25em
}

.u-indent--n1_5 {
	padding-left: 1.5em;
	text-indent: -1.5em
}

.u-indent--n2 {
	padding-left: 2em;
	text-indent: -2em
}

.u-liMarker {
	padding-left: 1em;
	text-indent: -1em
}

.u-liMarker:before {
	content: "・"
}

.u-pcNobreak {
	display: none
}

.u-inlineBlock {
	display: inline-block
}

.u-urlTxt {
	word-break: break-all
}

.u-scrTxt {
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0
}

.u-blankIcon {
	height: 1em;
	line-height: 1em;
	padding-left: 3px;
	position: relative;
	top: -.1em;
	vertical-align: middle;
	width: auto
}

@media only screen and (max-width:767px) {
	.u-pcNobreak {
		display: inline
	}

	.u-spNobreak {
		display: none
	}

	.u-pcHide {
		display: block
	}

	.u-spHide {
		display: none
	}
}

.u-bdrBtm {
	border-bottom: 1px solid #595757
}

.u--bdrTop {
	border-top: 1px solid #595757
}

.u-countBox {
	counter-reset: number
}

.u-countBox .u-countItem:before {
	color: #00a040;
	content: counter(number) ". ";
	counter-increment: number;
	font-style: normal
}

.u-qaBox .u-qaItem-Q {
	padding-left: 1.8em;
	position: relative
}

.u-qaBox .u-qaItem-Q:before {
	color: #00a040;
	content: "Q. ";
	font-size: 1.38em;
	font-size: 28px;
	font-style: normal;
	left: 0;
	position: absolute;
	top: -.2em
}

.u-qaBox .u-qaItem-A {
	padding-left: 2.2em;
	padding-top: .5em;
	position: relative
}

.u-qaBox .u-qaItem-A:before {
	color: #00a040;
	content: "A. ";
	font-size: 28px;
	font-style: normal;
	left: 0;
	position: absolute;
	top: 0
}

@media only screen and (max-width:767px) {
	.u-qaBox .u-qaItem-Q {
		padding-left: 1.5em
	}

	.u-qaBox .u-qaItem-Q:before {
		font-size: 21px;
		top: -.1em
	}

	.u-qaBox .u-qaItem-A {
		padding-left: 1.8em
	}

	.u-qaBox .u-qaItem-A:before {
		font-size: 21px;
		top: .2em
	}
}

.u-linkIcon {
	display: inline-block;
	padding-left: 1em;
	position: relative;
	text-decoration: none
}

.u-linkIcon:before {
	border-bottom: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	content: "";
	height: .4em;
	left: 0;
	position: absolute;
	top: .6em;
	transform: rotate(-45deg);
	width: .4em
}

.u-linkIcon:link,
.u-linkIcon:visited {
	text-decoration: none
}

.u-linkIcon:active,
.u-linkIcon:hover {
	text-decoration: underline
}

.u-videoBox {
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

.u-videoBox iframe {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.u-mt0em {
	margin-top: 0 !important
}

.u-mb0em {
	margin-bottom: 0 !important
}

.u-pt0em {
	padding-top: 0 !important
}

.u-pb0em {
	padding-bottom: 0 !important
}

.u-mt0_5em {
	margin-top: .5em !important
}

.u-mb0_5em {
	margin-bottom: .5em !important
}

.u-pt0_5em {
	padding-top: .5em !important
}

.u-pb0_5em {
	padding-bottom: .5em !important
}

.u-mt1em {
	margin-top: 1em !important
}

.u-mb1em {
	margin-bottom: 1em !important
}

.u-pt1em {
	padding-top: 1em !important
}

.u-pb1em {
	padding-bottom: 1em !important
}

.u-mt1_5em {
	margin-top: 1.5em !important
}

.u-mb1_5em {
	margin-bottom: 1.5em !important
}

.u-pt1_5em {
	padding-top: 1.5em !important
}

.u-pb1_5em {
	padding-bottom: 1.5em !important
}

.u-mt2em {
	margin-top: 2em !important
}

.u-mb2em {
	margin-bottom: 2em !important
}

.u-pt2em {
	padding-top: 2em !important
}

.u-pb2em {
	padding-bottom: 2em !important
}

.u-mt2_5em {
	margin-top: 2.5em !important
}

.u-mb2_5em {
	margin-bottom: 2.5em !important
}

.u-pt2_5em {
	padding-top: 2.5em !important
}

.u-pb2_5em {
	padding-bottom: 2.5em !important
}

.u-mt3em {
	margin-top: 3em !important
}

.u-mb3em {
	margin-bottom: 3em !important
}

.u-pt3em {
	padding-top: 3em !important
}

.u-pb3em {
	padding-bottom: 3em !important
}

.u-mt3_5em {
	margin-top: 3.5em !important
}

.u-mb3_5em {
	margin-bottom: 3.5em !important
}

.u-pt3_5em {
	padding-top: 3.5em !important
}

.u-pb3_5em {
	padding-bottom: 3.5em !important
}

.u-mt4em {
	margin-top: 4em !important
}

.u-mb4em {
	margin-bottom: 4em !important
}

.u-pt4em {
	padding-top: 4em !important
}

.u-pb4em {
	padding-bottom: 4em !important
}

.u-mt4_5em {
	margin-top: 4.5em !important
}

.u-mb4_5em {
	margin-bottom: 4.5em !important
}

.u-pt4_5em {
	padding-top: 4.5em !important
}

.u-pb4_5em {
	padding-bottom: 4.5em !important
}

.u-mt5em {
	margin-top: 5em !important
}

.u-mb5em {
	margin-bottom: 5em !important
}

.u-pt5em {
	padding-top: 5em !important
}

.u-pb5em {
	padding-bottom: 5em !important
}

.u-mt5_5em {
	margin-top: 5.5em !important
}

.u-mb5_5em {
	margin-bottom: 5.5em !important
}

.u-pt5_5em {
	padding-top: 5.5em !important
}

.u-pb5_5em {
	padding-bottom: 5.5em !important
}

.u-mt6em {
	margin-top: 6em !important
}

.u-mb6em {
	margin-bottom: 6em !important
}

.u-pt6em {
	padding-top: 6em !important
}

.u-pb6em {
	padding-bottom: 6em !important
}

.u-mt6_5em {
	margin-top: 6.5em !important
}

.u-mb6_5em {
	margin-bottom: 6.5em !important
}

.u-pt6_5em {
	padding-top: 6.5em !important
}

.u-pb6_5em {
	padding-bottom: 6.5em !important
}

.u-mt7em {
	margin-top: 7em !important
}

.u-mb7em {
	margin-bottom: 7em !important
}

.u-pt7em {
	padding-top: 7em !important
}

.u-pb7em {
	padding-bottom: 7em !important
}

.u-mt7_5em {
	margin-top: 7.5em !important
}

.u-mb7_5em {
	margin-bottom: 7.5em !important
}

.u-pt7_5em {
	padding-top: 7.5em !important
}

.u-pb7_5em {
	padding-bottom: 7.5em !important
}

.u-mt8em {
	margin-top: 8em !important
}

.u-mb8em {
	margin-bottom: 8em !important
}

.u-pt8em {
	padding-top: 8em !important
}

.u-pb8em {
	padding-bottom: 8em !important
}

.u-mt8_5em {
	margin-top: 8.5em !important
}

.u-mb8_5em {
	margin-bottom: 8.5em !important
}

.u-pt8_5em {
	padding-top: 8.5em !important
}

.u-pb8_5em {
	padding-bottom: 8.5em !important
}

.u-mt9em {
	margin-top: 9em !important
}

.u-mb9em {
	margin-bottom: 9em !important
}

.u-pt9em {
	padding-top: 9em !important
}

.u-pb9em {
	padding-bottom: 9em !important
}

.u-mt9_5em {
	margin-top: 9.5em !important
}

.u-mb9_5em {
	margin-bottom: 9.5em !important
}

.u-pt9_5em {
	padding-top: 9.5em !important
}

.u-pb9_5em {
	padding-bottom: 9.5em !important
}

.u-mt10em {
	margin-top: 10em !important
}

.u-mb10em {
	margin-bottom: 10em !important
}

.u-pt10em {
	padding-top: 10em !important
}

.u-pb10em {
	padding-bottom: 10em !important
}

.u-mt10_5em {
	margin-top: 10.5em !important
}

.u-mb10_5em {
	margin-bottom: 10.5em !important
}

.u-pt10_5em {
	padding-top: 10.5em !important
}

.u-pb10_5em {
	padding-bottom: 10.5em !important
}

#wrapper.sticky-header .sticky-component {
	position: relative
}

#unity-progress-bar-full {
	background-image: url(../img/progress-bar-full-dark.png);
	box-sizing: border-box;
	height: 16px;
	margin: 0
}

#unity-progress-bar-empty {
	box-sizing: border-box;
	padding: 1px
}

#unity-canvas {
	background-color: #000
}

.unity-loading-txt {
	color: #fff;
	font-family: Reader, Arial, sans-serif;
	font-size: 17px;
	text-align: center
}

.hol-page {
	background: #000;
	color: #fff;
	font-size: 3.7333333333vw;
	overflow: hidden;
	position: relative
}

@media only screen and (min-width:521px) {
	.hol-page {
		font-size: 19.4133333333px
	}
}

.hol-page .hol-container {
	font-size: 3.7333333333vw;
	margin: 2em auto;
	max-width: 600px;
	padding-bottom: 8%;
	position: relative
}

@media only screen and (min-width:521px) {
	.hol-page .hol-container {
		font-size: 19.4133333333px
	}
}

@media only screen and (min-width:601px) {
	.hol-page .hol-container {
		padding-bottom: 48px
	}
}

.hol-page .hol-container img {
	height: auto;
	width: 100%
}

.hol-page .hol-container ol,
.hol-page .hol-container ul {
	list-style: none
}

.hol-page .hol-container h1,
.hol-page .hol-container h2,
.hol-page .hol-container h3 {
	letter-spacing: .03em;
	text-transform: none
}

.hol-page .hol-boxFrame1 {
	background: url(../img/frame1_lt.png) no-repeat 0 0, url(../img/frame1_rt.png) no-repeat 100% 0, url(../img/frame1_lb.png) no-repeat 0 100%, url(../img/frame1_rb.png) no-repeat 100% 100%;
	background-size: .8214285714em auto;
	bottom: 0;
	font-size: 3.7333333333vw;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (min-width:521px) {
	.hol-page .hol-boxFrame1 {
		font-size: 19.4133333333px
	}
}

.hol-page .hol-boxFrame1:after,
.hol-page .hol-boxFrame1:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.hol-page .hol-boxFrame1:before {
	background: url(../img/frame1_top.png) repeat-x 0 0, url(../img/frame1_btm.png) repeat-x 0 100%;
	background-size: .8214285714em auto;
	margin-left: .8214285714em;
	margin-right: .8214285714em
}

.hol-page .hol-boxFrame1:after {
	background: url(../img/frame1_left.png) repeat-y 0 0, url(../img/frame1_right.png) repeat-y 100% 0;
	background-size: .8214285714em auto;
	bottom: -1px;
	margin-bottom: .8214285714em;
	margin-top: .8214285714em
}

.hol-page .hol-boxFrame2 {
	background: url(../img/frame2_lt.png) no-repeat 0 0, url(../img/frame2_rt.png) no-repeat 100% 0, url(../img/frame2_lb.png) no-repeat 0 100%, url(../img/frame2_rb.png) no-repeat 100% 100%;
	background-size: .4642857143em auto;
	bottom: 0;
	font-size: 3.7333333333vw;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (min-width:521px) {
	.hol-page .hol-boxFrame2 {
		font-size: 19.4133333333px
	}
}

.hol-page .hol-boxFrame2:after,
.hol-page .hol-boxFrame2:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.hol-page .hol-boxFrame2:before {
	background: url(../img/frame2_top.png) repeat-x 0 0, url(../img/frame2_btm.png) repeat-x 0 100%;
	background-size: .4642857143em auto;
	margin-left: .4642857143em;
	margin-right: .4642857143em
}

.hol-page .hol-boxFrame2:after {
	background: url(../img/frame2_left.png) repeat-y 0 0, url(../img/frame2_right.png) repeat-y 100% 0;
	background-size: .4642857143em auto;
	bottom: -1px;
	margin-bottom: .4642857143em;
	margin-top: .4642857143em
}

.hol-page .hol-boxFrame3 {
	background: url(../img/frame3_lt.png) no-repeat 0 0, url(../img/frame3_rt.png) no-repeat 100% 0, url(../img/frame3_lb.png) no-repeat 0 100%, url(../img/frame3_rb.png) no-repeat 100% 100%;
	background-size: .6071428571em auto;
	bottom: 0;
	font-size: 3.7333333333vw;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0
}

@media only screen and (min-width:521px) {
	.hol-page .hol-boxFrame3 {
		font-size: 19.4133333333px
	}
}

.hol-page .hol-boxFrame3:after,
.hol-page .hol-boxFrame3:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.hol-page .hol-boxFrame3:before {
	background: url(../img/frame3_top.png) repeat-x 0 0, url(../img/frame3_btm.png) repeat-x 0 100%;
	background-size: .4642857143em auto;
	margin-left: .4642857143em;
	margin-right: .4642857143em
}

.hol-page .hol-boxFrame3:after {
	background: url(../img/frame3_left.png) repeat-y 0 0, url(../img/frame3_right.png) repeat-y 100% 0;
	background-size: .4642857143em auto;
	bottom: -1px;
	margin-bottom: .4642857143em;
	margin-top: .4642857143em
}

.hol-page .hol-btn--red {
	text-align: center
}

.hol-page .hol-btn--red,
.hol-page .hol-btn--red a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-btn--red a {
	background: url(../img/btn_base-red.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 19.9285714286em
}

.hol-page .hol-btn--red a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-btn--redL {
	font-family: Reader, Arial, sans-serif;
	font-size: 1.2142857143em;
	text-align: center
}

.hol-page .hol-btn--redL a {
	background: url(../img/btn_base-red-l.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	height: 4.0588235294em;
	margin: 0 auto;
	width: 16.4117647059em
}

.hol-page .hol-btn--redL a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-btn--gld {
	text-align: center
}

.hol-page .hol-btn--gld,
.hol-page .hol-btn--gld a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-btn--gld a {
	background: url(../img/btn_base-gld.png) no-repeat 50%/contain;
	color: #000;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 19.9285714286em
}

.hol-page .hol-btn--gld a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-btn--gry {
	text-align: center
}

.hol-page .hol-btn--gry,
.hol-page .hol-btn--gry a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-btn--gry a {
	background: url(../img/btn_base-gry.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 19.9285714286em
}

.hol-page .hol-btn--gry a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-btn--close {
	text-align: center
}

.hol-page .hol-btn--close,
.hol-page .hol-btn--close a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-btn--close a {
	background: url(../img/btn_base-close.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 19.9285714286em
}

.hol-page .hol-btn--close a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-btn--red-s {
	text-align: center
}

.hol-page .hol-btn--red-s,
.hol-page .hol-btn--red-s a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-btn--red-s a {
	background: url(../img/btn_base-red-s.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 9.5714285714em
}

.hol-page .hol-btn--red-s a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-btn--gry-s {
	text-align: center
}

.hol-page .hol-btn--gry-s,
.hol-page .hol-btn--gry-s a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-btn--gry-s a {
	background: url(../img/btn_base-gry-s.png) no-repeat 50%/contain;
	color: #fff;
	cursor: pointer;
	display: table;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 9.5714285714em
}

.hol-page .hol-btn--gry-s a>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-page .hol-txtLink {
	margin: 0
}

.hol-page .hol-txtLink,
.hol-page .hol-txtLink a {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-page .hol-txtLink a {
	color: #fff;
	display: inline-block;
	padding-right: 1em;
	position: relative;
	text-decoration: underline
}

.hol-page .hol-txtLink a:after {
	background: url(../img/icon_link.png) no-repeat 50%/contain;
	content: "";
	height: .7142857143em;
	position: absolute;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	width: .4285714286em
}

.hol-page .hol-txtLink a:hover {
	text-decoration: none
}

.hol-topIndex:before {
	background: url(../img/line_dash_brown.png) repeat-x 0 100%/auto 100%;
	bottom: 0;
	content: "";
	height: .4285714286em;
	left: 0;
	position: absolute;
	right: 0
}

.hol-topIndex .hol-kv {
	position: relative
}

.hol-topIndex .hol-kv__img {
	aspect-ratio: 1/1;
	width: 100%
}

.hol-topIndex .hol-kv__img img {
	height: auto;
	width: 100%
}

.hol-topIndex .hol-kv__mov {
	aspect-ratio: 1/1;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	width: 100%
}

.hol-topIndex .hol-kv__mov video-js {
	padding-top: 100% !important
}

.hol-topIndex .hol-kv__mov video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-topIndex .hol-kv__titleBox {
	font-family: Reader, Arial, sans-serif;
	left: 0;
	margin-top: 22.1333333333%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0
}

.hol-topIndex .hol-kv__lead {
	font-size: 1.0714285714em;
	margin-bottom: .5em
}

.hol-topIndex .hol-kv__title {
	font-family: Reader, Arial, sans-serif;
	font-size: 1.9285714286em;
	margin-bottom: .3333333333em;
	text-shadow: 0 0 .2333333333em rgba(0, 0, 0, .004);
	text-transform: none
}

.hol-topIndex .hol-kv__logo {
	margin: 0 auto;
	width: 7.75em
}

.hol-topIndex .hol-main {
	padding-bottom: 3.3333333333%;
	padding-top: 4.6666666667%;
	position: relative
}

.hol-topIndex .hol-leadSection {
	text-align: center
}

.hol-topIndex .hol-leadSection__lead {
	font-family: Reader, Arial, sans-serif;
	/* font-size: 1.1071428571em; */
	margin-bottom: 1.09375em
}

.hol-topIndex .hol-leadSection__txt {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 1.25em
}

.hol-topIndex .hol-leadSection__link {
	margin-bottom: 1.25em
}

.hol-topIndex .hol-startBtnList {
	margin-bottom: 1.7857142857em
}

.hol-topIndex .hol-startBtnList2 {
	margin-bottom: 2.1428571429em
}

.hol-topIndex .hol-startBtnList__item {
	margin-bottom: 1.4285714286em
}

.hol-topIndex .hol-startBtnList__item:last-child {
	margin-bottom: 0
}

.hol-topIndex .hol-aboutSec {
	margin: 0 auto;
	padding: 0 0 6.6666666667%;
	position: relative;
	text-align: center;
	width: 94.6666666667%
}

.hol-topIndex .hol-aboutSec__txt {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em
}

.hol-topIndex .hol-env {
	margin: 0 auto;
	padding: 9.3333333333% 0;
	position: relative;
	text-align: center;
	width: 94.6666666667%
}

.hol-topIndex .hol-env__header {
	margin-bottom: 1.0714285714em;
	padding-bottom: .8214285714em;
	position: relative
}

.hol-topIndex .hol-env__header:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	bottom: 0;
	content: "";
	height: .1428571429em;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 16.0714285714em
}

.hol-topIndex .hol-env__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.4285714286em
}

.hol-topIndex .hol-env__dl {
	position: relative
}

.hol-topIndex .hol-env__dl dd,
.hol-topIndex .hol-env__dl dt {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0
}

.hol-topIndex .hol-env__dl dd {
	margin-bottom: 1.5em
}

.hol-topIndex .hol-env__dl dd:last-child {
	margin-bottom: 0
}

.hol-giftsIndex {
	border-bottom: 1px solid #ddc78d
}

.hol-giftsIndex .hol-main {
	padding-top: 2.9333333333%;
	position: relative
}

.hol-giftsIndex .hol-mainBox {
	margin: 0 auto 8%;
	padding: 9.3333333333% 0;
	position: relative;
	text-align: center;
	width: 94.6666666667%
}

.hol-giftsIndex .hol-mainBox__header {
	margin-bottom: 1.0714285714em;
	padding-bottom: .8214285714em;
	position: relative
}

.hol-giftsIndex .hol-mainBox__header:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	bottom: 0;
	content: "";
	height: .1428571429em;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 16.0714285714em
}

.hol-giftsIndex .hol-mainBox__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.4285714286em
}

.hol-giftsIndex .hol-mainBox__lead {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 1em
}

.hol-giftsIndex .hol-giftBox {
	margin: 2.5em auto 0;
	min-height: 100px;
	padding-bottom: 3.3802816901%;
	padding-top: 1px;
	position: relative;
	width: 85.6338028169%
}

.hol-giftsIndex .hol-giftBox__header {
	background-color: #000;
	margin: -1.2142857143em auto 2em;
	position: relative;
	width: 60.5263157895%
}

.hol-giftsIndex .hol-giftBox__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.1428571429em;
	padding: .8em 0 .5em
}

.hol-giftsIndex .hol-giftBox__lead {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 1em
}

.hol-giftsIndex .hol-giflist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 74.3421052632%
}

.hol-giftsIndex .hol-giflist:after {
	content: "";
	width: 25.6637168142%
}

.hol-giftsIndex .hol-giflist__item {
	margin-bottom: 6.1946902655%;
	width: 25.6637168142%
}

.hol-giftsIndex .hol-giflist__name {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: .5em -21.5517241379% 0
}

.hol-gameIndex {
	/* border-bottom: 1px solid #ddc78d */
}

.hol-gameIndex #unity-container {
	position: relative
}

.hol-gameIndex #unity-container.unity-desktop {
	left: 0;
	top: 0;
	transform: none
}

.hol-gameIndex #unity-footer {
	display: none
}

.hol-gameIndex .canvasBox {
	padding-bottom: 100%;
	position: relative
}

.hol-gameIndex .canvasBox__inner {
	height: 0;
	left: 50%;
	padding-bottom: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.hol-gameIndex .canvasBox__inner canvas {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-gameIndex .hol-container {
	padding-bottom: 0
}

.hol-gameIndex .hol-gameBox {
	position: relative
}

.hol-gameIndex .hol-main {
	padding-top: 2.9333333333%;
	position: relative
}

.hol-gameIndex .hol-howto,
.hol-gameIndex .hol-messageInput,
.hol-gameIndex .hol-result,
.hol-gameIndex .hol-terms {
	background-color: #000;
	left: 0;
	padding-bottom: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.hol-gameIndex .hol-loading,
.hol-gameIndex .hol-messageInput,
.hol-gameIndex .hol-result,
.hol-gameIndex .hol-terms {
	opacity: 0;
	pointer-events: none
}

.hol-gameIndex .hol-howtoBox,
.hol-gameIndex .hol-resultBox,
.hol-gameIndex .hol-termsBox {
	box-sizing: border-box;
	left: 0;
	margin: 0 auto;
	min-height: 94.6666666667%;
	padding: 6.4% 0 9.3333333333%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 94.6666666667%
}

.hol-gameIndex .hol-mainBox__header {
	margin-bottom: .8928571429em;
	padding-bottom: .7142857143em;
	position: relative
}

.hol-gameIndex .hol-mainBox__header:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	bottom: 0;
	content: "";
	height: .1428571429em;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 16.0714285714em
}

.hol-gameIndex .hol-mainBox__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.4285714286em
}

.hol-gameIndex .hol-mainBox__lead {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 .5em
}

.hol-gameIndex .hol-terms__lead {
	margin-left: auto;
	margin-right: auto;
	max-width: 79.0960451977%;
	min-height: 13.5714285714em
}

.hol-gameIndex .hol-howtoBox__list {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 .8214285714em;
	text-align: center
}

.hol-gameIndex .hol-howtoBox__list ol,
.hol-gameIndex .hol-howtoBox__list ul {
	counter-reset: number 0;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left
}

.hol-gameIndex .hol-howtoBox__list li {
	line-height: 1.2;
	margin-bottom: .5em;
	padding-left: 1.5714285714em;
	position: relative;
	text-align: left
}

.hol-gameIndex .hol-howtoBox__list li:before {
	background-color: #ddc78d;
	box-sizing: border-box;
	color: #000;
	content: counter(number);
	counter-increment: number 1;
	font-size: .8571428571em;
	height: 1.25em;
	left: 0;
	padding-top: .0833333333em;
	position: absolute;
	text-align: center;
	width: 1.25em
}

.hol-gameIndex .hol-howtoBox__img,
.hol-gameIndex .hol-howtoBox__list li:last-child {
	margin-bottom: 0
}

.hol-gameIndex .hol-howtoBox__img img {
	height: auto;
	width: 100%
}

.hol-gameIndex .hol-howtoBox__btn {
	margin-bottom: 1.4285714286em
}

.hol-gameIndex .hol-howtoBox__btn:last-child {
	margin-bottom: 0
}

.hol-gameIndex #unity-container {
	pointer-events: none
}

.hol-gameIndex .hol-result__spHeader {
	display: none
}

.hol-gameIndex.is-modeSpResult .hol-result__spHeader {
	display: block
}

.hol-gameIndex.is-modeSpResult .hol-result__normalHeader {
	display: none
}

.hol-gameIndex .hol-result__giftList {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 1.3571428571em;
	width: 78.5915492958%
}

.hol-gameIndex .hol-result__giftList__item {
	width: 17.3835125448%
}

.hol-gameIndex .hol-result__link {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 1.5714285714em;
	text-align: center
}

.hol-gameIndex .hol-result__link a {
	color: #fff;
	display: inline-block;
	font-family: Reader, Arial, sans-serif;
	padding-right: .8571428571em;
	position: relative;
	text-decoration: underline
}

.hol-gameIndex .hol-result__link a:after {
	background: url(../img/icon_link.png) no-repeat 50%/contain;
	content: "";
	height: .7142857143em;
	position: absolute;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	width: .4285714286em
}

.hol-gameIndex .hol-messageBox {
	left: 0;
	margin: 0 auto;
	min-height: 94.6666666667%;
	padding: 7.3333333333% 0 6.6666666667%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 94.6666666667%
}

.hol-gameIndex .hol-messageBox__title {
	line-height: 1.1
}

.hol-gameIndex .hol-textAreaBox {
	margin: 0 auto 4.2253521127%;
	position: relative;
	width: 89.2957746479%
}

.hol-gameIndex .hol-textAreaBox textarea {
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	display: block;
	height: 13em;
	outline: none;
	padding: 1em 1em 1.5em;
	resize: none;
	width: 100%
}

.hol-gameIndex .hol-textArea__maxLength {
	bottom: 0;
	color: #000;
	font-size: .9285714286em;
	padding-bottom: .8em;
	padding-right: 1em;
	position: absolute;
	right: 0
}

.hol-gameIndex .hol-textArea__maxLength.is-max {
	color: #c8102e
}

.hol-gameIndex .hol-messageBox__btnList {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 19.8571428571em
}

.hol-gameIndex .js-messageBtn {
	position: relative;
	z-index: 1
}

.hol-gameIndex .js-messageBtn.is-off {
	color: hsla(0, 0%, 100%, .3);
	pointer-events: none
}

.hol-gameIndex .js-messageBtn.is-off:before {
	background: url(../img/btn_base-off-s.png) no-repeat 50%/contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.hol-gameIndex .hol-loading {
	height: 0;
	left: 0;
	padding-bottom: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.hol-gameIndex .hol-loading__inner {
	padding-top: 22.6666666667%
}

.hol-gameIndex .hol-loading__txt {
	font-size: 1.2142857143em;
	line-height: 1.8;
	margin-bottom: 1.4705882353em;
	text-align: center
}

.hol-gameIndex .hol-loading__obj {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
	width: 20%
}

.hol-gameIndex .hol-loading__obj li {
	background: url(../img/game/obj_loading.png) no-repeat 50%/contain;
	padding-bottom: 51.4018691589%;
	width: 19.6261682243%
}

.hol-gameIndex .hol-card {
	display: none;
	left: 0;
	margin-top: -80%;
	padding-top: 80%;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1
}

.hol-gameIndex .hol-card__msgBox {
	height: 0;
	left: 0;
	margin-top: -20%;
	padding-bottom: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-gameIndex .hol-cardHeader {
	filter: drop-shadow(0 0 .5357142857em rgb(0, 0, 0));
	height: 0;
	left: 0;
	padding-top: 20%;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-gameIndex .hol-card__title {
	font-family: Reader, Arial, sans-serif;
	font-size: 2.2857142857em;
	letter-spacing: .05em;
	line-height: 1.1;
	margin-bottom: .3125em;
	text-align: center
}

.hol-gameIndex .hol-card__logo {
	margin: 0 auto;
	width: 6.8214285714em
}

.hol-gameIndex .hol-card__logo img {
	height: auto;
	width: 100%
}

.hol-gameIndex .hol-cardHeader2 {
	left: 0;
	opacity: 0;
	padding: 0 6.6666666667%;
	position: absolute;
	text-align: center;
	top: 32%;
	transform: translateY(-50%);
	width: 100%
}

.hol-gameIndex .hol-card__msg {
	font-family: Reader, Arial, sans-serif;
	font-size: 1.2142857143em;
	letter-spacing: 0;
	line-height: 1.4;
	text-align: center;
	text-shadow: 0 0 .1785714286em #000
}

.hol-gameIndex .hol-card__msg.is-L {
	font-size: 1.6071428571em
}

.hol-gameIndex .hol-card__msg.is-LL {
	font-size: 2.1428571429em
}

.hol-gameIndex .hol-card__inner {
	padding: 8.6666666667% 2.6666666667% 8%
}

@media only screen and (min-width:601px) {
	.hol-gameIndex .hol-card__inner {
		padding: 52px 16px 48px
	}
}

.hol-gameIndex .hol-card__viewBtn {
	margin-bottom: 6.6666666667%
}

.hol-gameIndex .hol-card__howtoSend {
	margin-bottom: 8.4507042254%;
	text-align: center
}

.hol-gameIndex .hol-card__copyBtn {
	margin-top: 1.0714285714em
}

.hol-gameIndex .hol-card__copyBtn a {
	background-image: url(../img/btn_base-red2.png)
}

.hol-gameIndex .clipCopyBtn .copyBtn1,
.hol-gameIndex .clipCopyBtn.is-active .copyBtn0 {
	display: none
}

.hol-gameIndex .clipCopyBtn.is-active .copyBtn1 {
	display: block
}

.hol-gameIndex .hol-cardShareBox {
	margin: 0 auto 7.0422535211%;
	padding: 7.0422535211% 0 7.6056338028%;
	position: relative;
	text-align: center;
	width: 99.4366197183%
}

.hol-gameIndex .hol-cardShareBox__title {
	font-family: Reader, Arial, sans-serif;
	font-size: 1.1428571429em;
	letter-spacing: .05em;
	line-height: 1.1;
	margin-bottom: .625em;
	text-align: center
}

.hol-gameIndex .hol-cardShareBox__items {
	display: flex;
	justify-content: center
}

.hol-gameIndex .hol-cardShareBox__item {
	margin: 0 2.4079320113%;
	width: 13.597733711%
}

.hol-gameIndex .hol-couponBox {
	padding-bottom: 7.7464788732%;
	text-align: center
}

.hol-gameIndex .hol-couponBox__txt {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	/* letter-spacing: .05em; */
	/* line-height: 1.1; */
	margin-bottom: .8928571429em;
	text-align: center
}

.hol-gameIndex .hol-couponBox__link a {
	position: relative;
	z-index: 1
}

.hol-gameIndex .hol-couponBox__link a.is-off {
	color: hsla(0, 0%, 100%, .3);
	pointer-events: none
}

.hol-gameIndex .hol-couponBox__link a.is-off:before {
	background: url(../img/btn_base-off.png) no-repeat 50%/contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.hol-gameIndex .hol-asideLink {
	padding-top: 9.1549295775%;
	position: relative
}

.hol-gameIndex .hol-asideLink:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	content: "";
	height: .1428571429em;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw
}

.hol-gameIndex .hol-asideLink__item {
	margin-bottom: 5.6338028169%
}

.hol-gameIndex .hol-asideLink__item:last-child {
	margin-bottom: 0
}

.hol-gameIndex.is-modeGame .hol-howto {
	opacity: 0;
	pointer-events: none;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-modeGame #unity-container {
	pointer-events: auto
}

.hol-gameIndex.is-modeResult .hol-result {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-modeResult #unity-container {
	pointer-events: auto
}

.hol-gameIndex.is-modeResult.is-modeSpResult .hol-resultBox {
	background-color: #c8102e;
	transition-delay: .2s;
	transition-duration: 1s;
	transition-property: background-color
}

.hol-gameIndex.is-modeTerms .hol-result {
	opacity: 0;
	pointer-events: none;
	transition-delay: .5s;
	transition-duration: .1s;
	transition-property: opacity
}

.hol-gameIndex.is-modeTerms .hol-terms {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-modeMsgInput .hol-result,
.hol-gameIndex.is-modeMsgInput .hol-terms {
	opacity: 0;
	pointer-events: none;
	transition-delay: .5s;
	transition-duration: .1s;
	transition-property: opacity
}

.hol-gameIndex.is-modeMsgInput .hol-messageInput {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-loading .hol-messageInput {
	opacity: 0;
	pointer-events: none;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-loading .hol-loading {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-loading .hol-loading__obj li:first-of-type {
	animation: load 1.8s ease-in-out;
	animation-iteration-count: infinite
}

.hol-gameIndex.is-loading .hol-loading__obj li:nth-of-type(2) {
	animation: load1 1.8s ease-in-out;
	animation-iteration-count: infinite
}

.hol-gameIndex.is-loading .hol-loading__obj li:nth-of-type(3) {
	animation: load2 1.8s ease-in-out;
	animation-iteration-count: infinite
}

.hol-gameIndex.is-card .hol-howto {
	opacity: 0;
	pointer-events: none
}

.hol-gameIndex.is-card .hol-loading {
	pointer-events: none
}

.hol-gameIndex.is-card .hol-card__inner,
.hol-gameIndex.is-card .hol-loading {
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity
}

.hol-gameIndex.is-card .hol-card {
	display: block;
	opacity: 0
}

.hol-gameIndex.is-card .hol-card__msgBox {
	opacity: 0
}

.hol-gameIndex.is-cardShow #unity-container {
	pointer-events: auto
}

.hol-gameIndex.is-cardShow .hol-card {
	opacity: 1;
	transition-duration: .2s;
	transition-property: opacity
}

.hol-gameIndex.is-cardShow .hol-card__inner {
	opacity: 1
}

.hol-gameIndex.is-cardShow .hol-card__msgBox {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: 1s;
	transition-property: opacity
}

.hol-gameIndex.is-cardShow .hol-cardHeader {
	opacity: 0;
	transition-delay: 3.4s;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-gameIndex.is-cardShow .hol-cardHeader2 {
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 1s;
	transition-property: opacity
}

@keyframes load {
	0% {
		opacity: 0;
		transform: translateY(0)
	}

	32% {
		opacity: 0;
		transform: translateY(0)
	}

	33% {
		opacity: 1;
		transform: translateY(0)
	}

	60% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes load1 {
	0% {
		opacity: 0;
		transform: translateY(0)
	}

	55% {
		opacity: 0;
		transform: translateY(0)
	}

	56% {
		opacity: 1;
		transform: translateY(0)
	}

	75% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes load2 {
	0% {
		opacity: 0;
		transform: translateY(0)
	}

	75% {
		opacity: 0;
		transform: translateY(0)
	}

	76% {
		opacity: 1;
		transform: translateY(0)
	}

	90% {
		opacity: 1;
		transform: translateY(0)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

#unity-mobile-warning {
	display: none !important
}

.hol-viewIndex {
	border-bottom: 1px solid #ddc78d
}

.hol-viewIndex #unity-container {
	position: relative
}

.hol-viewIndex #unity-container.unity-desktop {
	left: 0;
	top: 0;
	transform: none
}

.hol-viewIndex #unity-footer {
	display: none
}

.hol-viewIndex .canvasBox {
	padding-bottom: 100%;
	position: relative
}

.hol-viewIndex .canvasBox__inner {
	height: 0;
	left: 50%;
	padding-bottom: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.hol-viewIndex .canvasBox__inner canvas {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-viewIndex .hol-container {
	padding-bottom: 0
}

.hol-viewIndex .hol-gameBox {
	position: relative
}

.hol-viewIndex .hol-main {
	padding-top: 2.9333333333%;
	position: relative
}

.hol-viewIndex .hol-howto,
.hol-viewIndex .hol-messageInput,
.hol-viewIndex .hol-result {
	background-color: #000;
	left: 0;
	padding-bottom: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.hol-viewIndex .hol-loading,
.hol-viewIndex .hol-messageInput,
.hol-viewIndex .hol-result {
	opacity: 0;
	pointer-events: none
}

.hol-viewIndex .hol-howtoBox,
.hol-viewIndex .hol-resultBox {
	box-sizing: border-box;
	left: 0;
	margin: 0 auto;
	min-height: 94.6666666667%;
	padding: 6.4% 0 9.3333333333%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 94.6666666667%
}

.hol-viewIndex .hol-resultBox {
	padding: 23.3333333333% 0 12%
}

.hol-viewIndex .hol-mainBox__header {
	margin-bottom: .8928571429em;
	padding-bottom: .7142857143em;
	position: relative
}

.hol-viewIndex .hol-mainBox__header:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	bottom: 0;
	content: "";
	height: .1428571429em;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 16.0714285714em
}

.hol-viewIndex .hol-mainBox__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.4285714286em
}

.hol-viewIndex .hol-mainBox__lead {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 .5em
}

.hol-viewIndex .hol-mainBox__lead2 {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 1.7857142857em
}

.hol-viewIndex .hol-howtoBox__list {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0;
	text-align: center
}

.hol-viewIndex .hol-howtoBox__list ol,
.hol-viewIndex .hol-howtoBox__list ul {
	counter-reset: number 0;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left
}

.hol-viewIndex .hol-howtoBox__list li {
	line-height: 1.2;
	margin-bottom: .5em;
	padding-left: 1.5714285714em;
	position: relative;
	text-align: left
}

.hol-viewIndex .hol-howtoBox__list li:before {
	background-color: #ddc78d;
	box-sizing: border-box;
	color: #000;
	content: counter(number);
	counter-increment: number 1;
	font-size: .8571428571em;
	height: 1.25em;
	left: 0;
	padding-top: .0833333333em;
	position: absolute;
	text-align: center;
	width: 1.25em
}

.hol-viewIndex .hol-howtoBox__img,
.hol-viewIndex .hol-howtoBox__list li:last-child {
	margin-bottom: 0
}

.hol-viewIndex .hol-howtoBox__img img {
	height: auto;
	width: 100%
}

.hol-viewIndex .hol-howtoBox__btn {
	margin-bottom: 1.4285714286em
}

.hol-viewIndex .hol-howtoBox__btn:last-child {
	margin-bottom: 0
}

.hol-viewIndex .hol-result:after,
.hol-viewIndex .hol-result:before {
	background: url(../img/line_gold.png) repeat-x top/auto 100%;
	content: "";
	left: 0;
	padding-bottom: 1.6%;
	position: absolute;
	right: 0
}

.hol-viewIndex .hol-result:before {
	top: 0
}

.hol-viewIndex .hol-result:after {
	bottom: 0
}

.hol-viewIndex .hol-resultBox__title {
	margin-bottom: 1em
}

.hol-viewIndex #unity-container {
	pointer-events: none
}

.hol-viewIndex .hol-result__spHeader {
	display: none
}

.hol-viewIndex.is-modeSpResult .hol-result__spHeader {
	display: block
}

.hol-viewIndex.is-modeSpResult .hol-result__normalHeader {
	display: none
}

.hol-viewIndex .hol-result__giftList {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 6.4285714286em;
	width: 78.5915492958%
}

.hol-viewIndex .hol-result__giftList__item {
	width: 17.3835125448%
}

.hol-viewIndex .hol-result__link {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 1.3571428571em;
	text-align: center
}

.hol-viewIndex .hol-result__link a {
	color: #fff;
	display: inline-block;
	font-family: Reader, Arial, sans-serif;
	padding-right: .8571428571em;
	position: relative;
	text-decoration: underline
}

.hol-viewIndex .hol-result__link a:after {
	background: url(../img/icon_link.png) no-repeat 50%/contain;
	content: "";
	height: .7142857143em;
	position: absolute;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	width: .4285714286em
}

.hol-viewIndex .hol-messageBox {
	left: 0;
	margin: 0 auto;
	padding: 7.3333333333% 0 6.6666666667%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 94.6666666667%
}

.hol-viewIndex .hol-messageBox__title {
	line-height: 1.1
}

.hol-viewIndex .hol-textAreaBox {
	margin: 0 auto 4.2253521127%;
	position: relative;
	width: 89.2957746479%
}

.hol-viewIndex .hol-textAreaBox textarea {
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	display: block;
	height: 14em;
	outline: none;
	padding: 1em 1em 1.5em;
	resize: none;
	width: 100%
}

.hol-viewIndex .hol-textArea__maxLength {
	bottom: 0;
	color: #000;
	font-size: .9285714286em;
	padding-bottom: .8em;
	padding-right: 1em;
	position: absolute;
	right: 0
}

.hol-viewIndex .hol-textArea__maxLength.is-max {
	color: #c8102e
}

.hol-viewIndex .hol-messageBox__btnList {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 19.8571428571em
}

.hol-viewIndex .js-messageBtn {
	position: relative;
	z-index: 1
}

.hol-viewIndex .js-messageBtn.is-off {
	color: hsla(0, 0%, 100%, .3)
}

.hol-viewIndex .js-messageBtn.is-off:before {
	background: url(../img/btn_base-off-s.png) no-repeat 50%/contain;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}

.hol-viewIndex .hol-loading {
	height: 0;
	left: 0;
	padding-bottom: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.hol-viewIndex .hol-loading__inner {
	padding-top: 22.6666666667%
}

.hol-viewIndex .hol-loading__txt {
	font-size: 1.2142857143em;
	line-height: 1.8;
	margin-bottom: 1.4705882353em;
	text-align: center
}

.hol-viewIndex .hol-loading__obj {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
	width: 20%
}

.hol-viewIndex .hol-loading__obj li {
	background: url(../img/game/obj_loading.png) no-repeat 50%/contain;
	padding-bottom: 51.4018691589%;
	width: 19.6261682243%
}

.hol-viewIndex .hol-card {
	display: none;
	left: 0;
	margin-top: -80%;
	padding-top: 80%;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1
}

.hol-viewIndex .hol-card__msgBox {
	height: 0;
	left: 0;
	margin-top: -20%;
	padding-bottom: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-viewIndex .hol-cardHeader {
	filter: drop-shadow(0 0 .5357142857em rgb(0, 0, 0));
	height: 0;
	left: 0;
	padding-top: 20%;
	position: absolute;
	top: 0;
	width: 100%
}

.hol-viewIndex .hol-card__title {
	font-family: Reader, Arial, sans-serif;
	font-size: 2.2857142857em;
	letter-spacing: .05em;
	line-height: 1.1;
	margin-bottom: .3125em;
	text-align: center
}

.hol-viewIndex .hol-card__logo {
	margin: 0 auto;
	width: 6.8214285714em
}

.hol-viewIndex .hol-card__logo img {
	height: auto;
	width: 100%
}

.hol-viewIndex .hol-cardHeader2 {
	left: 0;
	opacity: 0;
	padding: 0 6.6666666667%;
	position: absolute;
	text-align: center;
	top: 32%;
	transform: translateY(-50%);
	width: 100%
}

.hol-viewIndex .hol-card__msg {
	font-family: Reader, Arial, sans-serif;
	font-size: 1.2142857143em;
	line-height: 1.7;
	text-align: center;
	text-shadow: 0 0 .1785714286em #000
}

.hol-viewIndex .hol-card__msg.is-L {
	font-size: 1.6071428571em
}

.hol-viewIndex .hol-card__msg.is-LL {
	font-size: 2.1428571429em
}

.hol-viewIndex .hol-card__inner {
	padding: 8.6666666667% 2.6666666667% 8%
}

@media only screen and (min-width:601px) {
	.hol-viewIndex .hol-card__inner {
		padding: 52px 16px 48px
	}
}

.hol-viewIndex .hol-card__viewBtn {
	margin-bottom: 6.6666666667%
}

.hol-viewIndex .hol-card__howtoSend {
	margin-bottom: 8.4507042254%;
	text-align: center
}

.hol-viewIndex .hol-card__copyBtn {
	margin-top: 1.0714285714em
}

.hol-viewIndex .hol-card__copyBtn a {
	background-image: url(../img/btn_base-red2.png)
}

.hol-viewIndex .clipCopyBtn .copyBtn1,
.hol-viewIndex .clipCopyBtn.is-active .copyBtn0 {
	display: none
}

.hol-viewIndex .clipCopyBtn.is-active .copyBtn1 {
	display: block
}

.hol-viewIndex .hol-cardShareBox {
	margin: 0 auto 7.0422535211%;
	padding: 7.0422535211% 0 7.6056338028%;
	position: relative;
	text-align: center;
	width: 99.4366197183%
}

.hol-viewIndex .hol-cardShareBox:last-child {
	margin-bottom: 0
}

.hol-viewIndex .hol-cardShareBox__title {
	font-family: Reader, Arial, sans-serif;
	font-size: 1.1428571429em;
	letter-spacing: .05em;
	line-height: 1.1;
	margin-bottom: .625em;
	text-align: center
}

.hol-viewIndex .hol-cardShareBox__items {
	display: flex;
	justify-content: center
}

.hol-viewIndex .hol-cardShareBox__item {
	margin: 0 2.4079320113%;
	width: 13.597733711%
}

.hol-viewIndex .hol-couponBox {
	padding-bottom: 7.7464788732%;
	text-align: center
}

.hol-viewIndex .hol-couponBox__txt {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	/* letter-spacing: .05em; */
	/* line-height: 1.1; */
	margin-bottom: .8928571429em;
	text-align: center
}

.hol-viewIndex .hol-asideLink {
	padding-top: 9.1549295775%;
	position: relative
}

.hol-viewIndex .hol-asideLink:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	content: "";
	height: .1428571429em;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw
}

.hol-viewIndex .hol-asideLink__item {
	margin-bottom: 5.6338028169%
}

.hol-viewIndex .hol-asideLink__item:last-child {
	margin-bottom: 0
}

.hol-viewIndex.is-modeGame .hol-howto {
	opacity: 0;
	pointer-events: none;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-modeGame #unity-container {
	pointer-events: auto
}

.hol-viewIndex.is-modeResult .hol-result {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-modeResult #unity-container {
	pointer-events: auto
}

.hol-viewIndex.is-modeResult.is-modeSpResult .hol-resultBox {
	background-color: #c8102e;
	transition-delay: .2s;
	transition-duration: 1s;
	transition-property: background-color
}

.hol-viewIndex.is-modeMsgInput .hol-result {
	opacity: 0;
	pointer-events: none;
	transition-delay: .5s;
	transition-duration: .1s;
	transition-property: opacity
}

.hol-viewIndex.is-modeMsgInput .hol-messageInput {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-loading .hol-messageInput {
	opacity: 0;
	pointer-events: none;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-loading .hol-loading {
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-loading .hol-loading__obj li:first-of-type {
	animation: load 1.2s ease-in-out;
	animation-iteration-count: infinite
}

.hol-viewIndex.is-loading .hol-loading__obj li:nth-of-type(2) {
	animation: load1 1.2s ease-in-out;
	animation-iteration-count: infinite
}

.hol-viewIndex.is-loading .hol-loading__obj li:nth-of-type(3) {
	animation: load2 1.2s ease-in-out;
	animation-iteration-count: infinite
}

.hol-viewIndex.is-card .hol-howto {
	opacity: 0;
	pointer-events: none
}

.hol-viewIndex.is-card .hol-loading {
	opacity: 0;
	pointer-events: none;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-card .hol-card {
	display: block;
	opacity: 0
}

.hol-viewIndex.is-card .hol-card__msgBox {
	opacity: 0
}

.hol-viewIndex.is-cardShow #unity-container {
	pointer-events: auto
}

.hol-viewIndex.is-cardShow .hol-card {
	opacity: 1;
	transition-duration: .2s;
	transition-property: opacity
}

.hol-viewIndex.is-cardShow .hol-card__msgBox {
	opacity: 1;
	transition-delay: .5s;
	transition-duration: 1s;
	transition-property: opacity
}

.hol-viewIndex.is-cardShow .hol-cardHeader {
	opacity: 0;
	transition-delay: 3.4s;
	transition-duration: .5s;
	transition-property: opacity
}

.hol-viewIndex.is-cardShow .hol-cardHeader2 {
	opacity: 1;
	transition-delay: 4s;
	transition-duration: 1s;
	transition-property: opacity
}

.hol-couponIndex {
	border-bottom: 1px solid #ddc78d
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-container {
		font-size: 16px;
		max-width: 950px
	}

	.hol-couponIndex .hol-mainBox__title {
		font-size: 24px
	}
}

.hol-couponIndex .hol-main {
	padding-top: 2.9333333333%;
	position: relative
}

.hol-couponIndex .hol-mainHeader {
	margin-bottom: 1.7857142857em;
	text-align: center
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainHeader {
		margin-bottom: 2.1875em
	}
}

.hol-couponIndex .hol-mainBox {
	margin: 0 auto 8%;
	padding: 9.3333333333% 0;
	position: relative;
	text-align: center;
	width: 94.6666666667%
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox {
		margin-bottom: 4.2105263158%;
		padding: 5.7894736842% 0;
		width: 94.7368421053%
	}
}

.hol-couponIndex .hol-mainBox:last-child {
	margin-bottom: 0
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__inner {
		margin: 0 auto;
		max-width: 600px
	}
}

.hol-couponIndex .hol-mainBox__header {
	margin-bottom: 1.0714285714em;
	padding-bottom: .8214285714em;
	position: relative
}

.hol-couponIndex .hol-mainBox__header:before {
	background: url(../img/bdr_dot_wht.png) repeat-x 0 100%/auto 100%;
	bottom: 0;
	content: "";
	height: .1428571429em;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 16.0714285714em
}

.hol-couponIndex .hol-mainBox__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.4285714286em
}

.hol-couponIndex .hol-mainBox__lead {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 1em
}

.hol-couponIndex .hol-mainBox__link {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 1.7857142857em
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__link {
		margin-bottom: 1.875em
	}
}

.hol-couponIndex .hol-mainBox__link a {
	color: #fff;
	display: inline-block;
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	padding-right: 1em;
	position: relative;
	text-decoration: underline
}

.hol-couponIndex .hol-mainBox__link a:after {
	background: url(../img/icon_link.png) no-repeat 50%/contain;
	content: "";
	height: .7142857143em;
	position: absolute;
	right: 0;
	top: 40%;
	transform: translateY(-50%);
	width: .4285714286em
}

.hol-couponIndex .hol-mainBox__link a:hover {
	text-decoration: none
}

.hol-couponIndex .hol-mainBox__img {
	margin: 0 auto 1.6071428571em;
	width: 86.11898017%
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__img {
		width: 50%
	}
}

.hol-couponIndex .hol-mainBox__img img {
	height: auto;
	width: 100%
}

.hol-couponIndex .hol-mainBox__couponNum {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 1.2857142857em;
	text-align: center
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__couponNum {
		font-size: 1.25em;
		margin-bottom: 1em
	}
}

.hol-couponIndex .hol-mainBox__couponNum>span {
	background: url(../img/btn_base-line.png) no-repeat 50%/contain;
	color: #ddc78d;
	cursor: pointer;
	display: table;
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	height: 3.2142857143em;
	margin: 0 auto;
	width: 19.9285714286em
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__couponNum>span {
		background-image: url(../img/btn_base-line-pc.png);
		height: 3.35em;
		width: 15.1em
	}
}

.hol-couponIndex .hol-mainBox__couponNum>span>span {
	display: table-cell;
	padding-top: .2em;
	vertical-align: middle;
	width: 100%
}

.hol-couponIndex .hol-mainBox__shopLink {
	margin-bottom: 1.2857142857em
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__shopLink {
		font-size: 1.25em;
		margin-bottom: 1em
	}

	.hol-couponIndex .hol-mainBox__shopLink>a {
		background-image: url(../img/btn_base-red-pc.png);
		height: 3.35em;
		width: 15.1em
	}
}

.hol-couponIndex .hol-mainBox__note {
	font-family: Reader, Arial, sans-serif;
	font-size: .7142857143em;
	text-align: center
}

@media only screen and (min-width:768px) {
	.hol-couponIndex .hol-mainBox__note {
		font-size: .875em
	}
}

.hol-couponIndex .hol-giftBox {
	margin: 2.5em auto 0;
	min-height: 100px;
	padding-bottom: 3.3802816901%;
	padding-top: 1px;
	position: relative;
	width: 85.6338028169%
}

.hol-couponIndex .hol-giftBox__header {
	background-color: #000;
	margin: -1.2142857143em auto 2em;
	position: relative;
	width: 60.5263157895%
}

.hol-couponIndex .hol-giftBox__title {
	color: #ddc78d;
	font-family: Reader, Arial, sans-serif;
	font-size: 1.1428571429em;
	padding: .8em 0 .5em
}

.hol-couponIndex .hol-giftBox__lead {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 1em
}

.hol-couponIndex .hol-giflist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 74.3421052632%
}

.hol-couponIndex .hol-giflist:after {
	content: "";
	width: 25.6637168142%
}

.hol-couponIndex .hol-giflist__item {
	margin-bottom: 6.1946902655%;
	width: 25.6637168142%
}

.hol-couponIndex .hol-giflist__name {
	font-family: Reader, Arial, sans-serif;
	font-size: 1em;
	margin: .5em -21.5517241379% 0
}

@keyframes scrollAttention {
	0% {
		opacity: 0;
		transform: translateY(-5%)
	}

	5% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: translateY(5%)
	}
}