@charset "UTF-8";

@font-face {
	font-family: 'icon';
	src: url(../fonts/icon.ttf);
}

@font-face {
	font-family: 'Togalite';
	src: url('../fonts/Togalite-Regular.otf') format('opentype');
}

:root {
	--max-width: 1920px;
	--inner-width: 1000px;
	--gNavi-height: 2.7em;
	--accent-color: #CFB345;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
html, body {
	min-height: 100vh;
}
body {
	font: 400 1.5em / 2em 'Togalite', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', メイリオ, meiryo, sans-serif;
	color: #FFF;
}
a {
	color: #FFF;
	text-decoration: none;
	transition: opacity .3s;
}
a:hover {
	opacity: .7;
}
img  {
	max-width: 100%;
	border: none;
	vertical-align: middle;
}
.notice {
	color: #F00;
}
.text-accent {
	color: var(--accent-color);
}
.border-accent {
	padding: 0 1em;
	border: 1px solid var(--accent-color);
}

#wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	max-width: var(--max-width);
	min-height: 100vh;
	margin: 0 auto;
	background: #1F1A3A;
	z-index: 1;
	overflow: hidden;
}
#wrapper #flare {
	position: fixed;
	left: 50%;
	width: 100%;
	max-width: var(--max-width);
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	transform: translateX(-50%);
	z-index: 0;
}
#wrapper #flare div {
	position: absolute;
}
#wrapper #flare div:before {
	content: '';
	display: block;
	width: 50vmax;
	height: 50vmax;
	background: no-repeat center / contain;
	transform: translate(-50%, -50%);
}
#wrapper #flare div.c1:before { background-image: url(../img/flare/blue.png); }
#wrapper #flare div.c2:before { background-image: url(../img/flare/yellow.png); }
#wrapper #flare div.c3:before { background-image: url(../img/flare/pink.png); }

#wrapper #gNavi {
	position: fixed;
	left: 50%;
	top: 0;
	width: 100%;
	max-width: var(--max-width);
	height: var(--gNavi-height);
	z-index: 99;
	background: url(../img/bg.png) center;
	transform: translateX(-50%);
}
#wrapper #gNavi button {
	display: none;
	padding: 0;
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
	appearance: none;
}
#wrapper #gNavi ul {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	justify-content: space-between;
	width: var(--inner-width);
	max-width: 100%;
	padding: 0 2em;
	transform: translate(-50%, -50%);
}
#wrapper #gNavi ul li {
	position: relative;
	--gNavi-deg: 10deg;
}
#wrapper #gNavi ul li:nth-of-type(2n) {
	--gNavi-deg: -10deg;
}
#wrapper #gNavi ul li:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 100%;
	height: calc(var(--gNavi-height) * .8);
	background: url(../img/menu/dice.png) no-repeat center / contain;
	transform: translate(-50%, -50%) scale(1.5);
	pointer-events: none;
	opacity: 0;
	transition: opacity.2s, transform .2s;
}
#wrapper #gNavi ul li:hover:before {
	transform: translate(-50%, -50%);
	opacity: 1;
}
#wrapper #gNavi ul li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.25em;
	transition: opacity .3s, transform .3s;
}
#wrapper #gNavi ul li a:hover {
	opacity: 1;
	animation: scaleAnimation 0.4s forwards;
}
#wrapper #gNavi ul li.active a:not(:hover) {
	animation: scaleBack 0.2s forwards;
}
#wrapper #gNavi ul li a img {
	height: 100%;
}
@keyframes scaleAnimation {
	  0% { transform: scale(1); }
	 20% { transform: scale(2) rotateZ(var(--gNavi-deg)); z-index: 10; }
	100% { transform: scale(1.2); }
}
@keyframes scaleBack {
	  0% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

#wrapper header {
	position: relative;
	/* overflow: hidden; */
	margin-top: var(--gNavi-height);
}
#wrapper header h1 {
	width: 100%;
}
#wrapper header h1 {
	text-align: center;
	font-size: .8em;
}
#wrapper header .ticket {
	position: absolute;
	right: 1em;
	bottom: 3em;
	width: 20%;
}
#wrapper header .ticket a img {
	padding: .2em;
	width: 100%;
}
#wrapper header .ticket .mission {
	position: absolute;
	right: -5%;
	bottom: 100%;
	width: 110%;
}
#wrapper header .ticket .mission a {
	display: inline-block;
	animation: swingRotate 4s infinite ease-in-out;
	transform-origin: center;
}
#wrapper header .ticket .mission a:hover {
	opacity: 1;
}
#wrapper header .ticket .mission a img {
	transition: transform .2s;
}
#wrapper header .ticket .mission a:hover img {
	transform: scale(1.1);
}
@keyframes swingRotate {
	  0% { transform: rotate( 3deg); }
	 50% { transform: rotate(-3deg); }
	100% { transform: rotate( 3deg); }
}
#wrapper header .movie_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width:90%;
	aspect-ratio: 16 / 9;
	transform: translate(-50%, -50%) scale(0);
}
#wrapper header.active .movie_wrapper {
	animation: movieAnimation .6s .4s forwards;
}
@keyframes movieAnimation {
	  0% { transform:  translate(-50%, -50%) scale(  0); }
	 20% { transform:  translate(-50%, -50%) scale(1.2); }
	100% { transform:  translate(-50%, -50%) scale(  1); }
}
#wrapper header .movie_wrapper .i-close {
	position: absolute;
	top: 1em;
	right: 1em;
	cursor: pointer;
	opacity: .8;
	transition: opacity .3s;
}
#wrapper header .movie_wrapper .i-close:hover {
	opacity: .3;
}
#wrapper header .movie_wrapper .i-close:before {
	content: '\e01';
	display: flex;
	font-family: icon !important;
	font-size: 2em;
	color: #FFF;
	text-shadow: 1px 1px 0 #000;
}
#wrapper header .movie_wrapper #movie {
	width: 100%;
	height: 100%;
}
#wrapper header .curtain {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#wrapper header .curtain li {
	position: absolute;
	width: 100%;
	height: 100%;
}
#wrapper header .curtain li.c_right { text-align: right; }
#wrapper header .curtain li.c_top img   { max-width: none; width:  100%; transform-origin: center top; }
#wrapper header .curtain li.c_left img  { max-width: none; height: 100%; transform-origin: left center; }
#wrapper header .curtain li.c_right img { max-width: none; height: 100%; transform-origin: right center; }
#wrapper header.active .curtain li img { transition: transform 1s, ease forwards; }
#wrapper header.active .curtain li.c_top img   { transform: translateY(-60%) scaleY(.5); }
#wrapper header.active .curtain li.c_left img  { transform: translateX(-60%) scaleX(.5); }
#wrapper header.active .curtain li.c_right img { transform: translateX( 60%) scaleX(.5); }
#wrapper #main {
	position: relative;
	flex: 1;
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	padding-top: 2em;
	overflow: hidden;
}

#wrapper #main .box {
	margin: 6em auto;
}
#wrapper #main .box:last-of-type {
	margin-bottom: 4em;
}

#wrapper #main .box h2 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 7em;
	margin: 2.5em auto;
}
#wrapper #main .box h2:after {
	content: '';
	position: absolute;
	top: 0;
	left: 15%;
	width: 70%;
	height: 100%;
	background:
	url(../img/title.png) center / contain no-repeat;
}
#wrapper #main .box h2 img {
	height: 20%;
	z-index: 1;
}
#wrapper #main .box h2 .searchLight {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 7em;
	transform: translateY(-50%);
	--angle: 5deg;
	--angle-rand: 0deg;
	pointer-events: none;
	z-index: -1;
}
#wrapper #main .box h2 .searchLight.left  {
	left: -5%;
	transform-origin:  5% center;
	animation: rotate-line-left 5s ease-in-out infinite alternate;
}
#wrapper #main .box h2 .searchLight.right {
	right: -5%;
	transform-origin: 95% center;
	animation: rotate-line-right 5s ease-in-out infinite alternate;
}
#wrapper #main .box h2 .searchLight:before {
	content: '';
	display: block;
	width: 80%;
	height: 100%;
	background: center / 100% auto no-repeat;
}
#wrapper #main .box h2 .searchLight.left:before  { transform: scaleX(-1); }
#wrapper #main .box h2 .searchLight.right:before { margin-left: 20%; }
#wrapper #main .box h2 .searchLight.c0:before { background-image: url(../img/searchlight/white.png); }
#wrapper #main .box h2 .searchLight.c1:before { background-image: url(../img/searchlight/yellow.png); }
#wrapper #main .box h2 .searchLight.c2:before { background-image: url(../img/searchlight/blue.png); }
#wrapper #main .box h2 .searchLight.c3:before { background-image: url(../img/searchlight/pink.png); }
@keyframes rotate-line-left {
	  0% { transform: translateY(-50%) rotate(calc( 1deg * var(--angle) + var(--angle-rand))); }
	100% { transform: translateY(-50%) rotate(calc( 0deg * var(--angle) + var(--angle-rand))); }
}
@keyframes rotate-line-right {
	  0% { transform: translateY(-50%) rotate(calc( 0deg * var(--angle) - var(--angle-rand))); }
	100% { transform: translateY(-50%) rotate(calc(-1deg * var(--angle) - var(--angle-rand))); }
}

#wrapper #main .box#about .inner {
	text-align: center;
}
#wrapper #main .box#about .inner .detail {
	font-size: 1.3em;
}
#wrapper #main .box#about .inner p:not(.detail) {
	line-height: 2rem;
	font-size: 1.25rem;
}
#wrapper #main .box#about .inner p + p {
	padding-top: 3em;
}
#wrapper #main .box#about .inner .movie_wrapper {
	width: var(--inner-width);
	margin: 2em auto 0;
	aspect-ratio: 16 / 9;
}
#wrapper #main .box#about .inner .movie_wrapper video {
	width: 100%;
	height: 100%;
}

#wrapper #main .box#news .slide .slick-list .slick-track {
	display: flex;
}
#wrapper #main .box#news .slide .slick-list .slick-track .slide_child {
	height: auto;
	float: none;
}
#wrapper #main .box#news .slide .slick-list .slick-track .slide_child .slide_inner {
	height: 100%;
	margin: 0 .3em;
	padding: .3em;
	transition: opacity 1s;
	border: 1px solid #FFF;
	border-radius: .3em;
	opacity: .5;
}
#wrapper #main .box#news .slide .slick-list .slick-track .slide_child .slide_inner .text {
	padding: .5em 0;
	line-height: 1.2em;
	font-size: .8em;
}
#wrapper #main .box#news .slide .slick-list .slick-track .slide_child .slide_inner .text .date {
	text-align: right;
}
#wrapper #main .box#news .slide .slick-list .slick-track .slide_child.slick-current .slide_inner {
	opacity: 1;
}
#wrapper #main .box#news .slide .slick-list .slick-track .slide_child .slide_inner img {
	margin: auto;
}
div.remodal-wrapper {
	padding: 0;
}
div.remodal-wrapper .remodal {
	max-width: 90%;
	margin: 0;
	padding: 2em 0;
}
div.remodal-wrapper .remodal .remodal-close {
	left: auto;
	right: 0;
	width: 3.5em;
	height: 3.5em;
	z-index: 1;
}
div.remodal-wrapper .remodal .remodal-close::before {
	font-size: 3em;
	line-height: normal;
	position: relative;
	top: auto;
	left: auto;
	width: auto;
}
div.remodal-wrapper .remodal .remodal-inner {
	width: 100%;
	max-height: 70vh;
	padding: 0 2em;
	overflow-y: auto;
}
div.remodal-wrapper .remodal .remodal-inner .text {
	text-align: left;
}
div.remodal-wrapper .remodal .remodal-inner .text .date {
	text-align: right;
}
div.remodal-wrapper .remodal .remodal-inner .text a {
	color: #000;
}
#wrapper #main .box#cast .inner ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: var(--inner-width);
	margin: 0 auto;
	padding: 0 1rem;
}
#wrapper #main .box#cast .inner ul li {
	position: relative;
	width: 30%;
	text-align: center;
}
#wrapper #main .box#cast .inner ul li a {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	transition: transform .3s;
}
#wrapper #main .box#cast .inner ul li a:hover {
	opacity: 1;
}
#wrapper #main .box#cast .inner ul li a img {
	transition: .3s;
}
#wrapper #main .box#cast .inner ul li a .name {
	font-size: 1.2em;
	color: var(--accent-color);
}
#wrapper #main .box#cast .inner ul li a.active    { transform: scale(1.1); }
#wrapper #main .box#cast .inner ul li a.nonActive { transform: scale(.9); }
#wrapper #main .box#cast .inner ul li a.active img {
	box-shadow: 0 0 1em rgba(255, 255, 255, .8);
}

#wrapper #main .box#ticket .inner ul {
	display: flex;
	flex-wrap: wrap;
	width: var(--inner-width);
	margin: 0 auto;
	padding: 0 1em;
}
#wrapper #main .box#ticket .inner ul li {
	width: 50%;
	margin: 1em 0;
	padding: 0 .5em;
}
#wrapper #main .box#ticket .inner ul li h4 {
	text-align: center;
}
#wrapper #main .box#ticket .inner ul li.buy-ticket {
	width: 100%;
}
#wrapper #main .box#ticket .inner ul li.buy-ticket > div {
	/* margin: 1em auto 2em; */
	margin: 1em auto;
	text-align: center;
}
#wrapper #main .box#ticket .inner ul li.buy-ticket > div a {
	padding: 1em 1.5em;
	text-align: center;
	background: #840000;
	color: #E3BF75;
	border: .2em solid #E3BF75;
	border-radius: .8em;
}

#wrapper #main .box#goods .inner ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	width: var(--inner-width);
	margin: 0 auto;
	padding: 0 1rem;
}
#wrapper #main .box#goods .inner ul.cols-1 { width: calc(var(--inner-width) / 3 * 1); grid-template-columns: repeat(1, 1fr); }
#wrapper #main .box#goods .inner ul.cols-2 { width: calc(var(--inner-width) / 3 * 2); grid-template-columns: repeat(2, 1fr); }
#wrapper #main .box#goods .inner ul li {
	position: relative;
	margin: 1em auto;
	text-align: center;
}
#wrapper #main .box#goods .inner ul li.multi {
	grid-column: span 3;
	width: 100%;
}
/*
#wrapper #main .box#goods .inner ul li.multi.title {
	margin-bottom: -1em;
}
*/
#wrapper #main .box#goods .inner ul li.multi.title h4 {
	color: #1F1A3A;
	text-shadow:
		-.1em -.1em .2em var(--accent-color), .1em -.1em .2em var(--accent-color),
		-.1em  .1em .2em var(--accent-color), .1em  .1em .2em var(--accent-color),
		-.1em -.1em .1em var(--accent-color), .1em -.1em .1em var(--accent-color),
		-.1em  .1em .1em var(--accent-color), .1em  .1em .1em var(--accent-color);
}
#wrapper #main .box#goods .inner ul li.multi .multi-imgs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	width: 100%;
}
#wrapper #main .box#goods .inner ul li.multi .multi-imgs img {
	width: 100%;
	height: auto;
}
#wrapper #main .box#goods .inner ul li .title {
	background: var(--accent-color);
	color: #000;
}
#wrapper #main .box#goods .inner ul li .price {
	color: var(--accent-color);
}
#wrapper #main .box#goods .inner ul li.buy-goods {
	grid-column: 1 / -1;
	width: 100%;
}
#wrapper #main .box#goods .inner ul li.buy-goods > div,
#wrapper #main .box#goods .inner ul li > div.button {
	margin: 1em auto 2em;
	text-align: center;
}
#wrapper #main .box#goods .inner ul li.buy-goods > div a,
#wrapper #main .box#goods .inner ul li > div.button a {
	padding: 1em 1.5em;
	text-align: center;
	background: #840000;
	color: #E3BF75;
	border: .2em solid #E3BF75;
	border-radius: .8em;
}

#wrapper #main #attention .inner {
	width: var(--inner-width);
	line-height: 1.2em;
	margin: 0 auto;
}
#wrapper #main #attention .inner h3,
#wrapper #main #attention .inner ul li {
	font-weight: normal;
	font-size: .5em;
	line-height: 2em;
}
#wrapper #main #attention .inner ul li {
	list-style: disc;
}
#wrapper #main #attention .inner ul li.subheading,
#wrapper #main #attention .inner ul li.empty {
	list-style: none;
}
#wrapper #main #attention .inner ul li:not(.subheading) {
	margin-left: 2em;
}
#wrapper #main #attention .inner a {
	text-decoration: underline;
}

#wrapper footer {
	position: relative;
	line-height: 2.5em;
	padding: 2em 0 3em;
	background: url(../img/bg.png) center;
	text-align: center;
}
#wrapper footer a,
#wrapper footer p {
	font-size: 1.25em;
}
#wrapper footer .sns {
	width: 6.5em;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#wrapper footer .sns li {
	width: 2.2em;
}
#wrapper footer .sns li a img {
	width: 100%;
}
#wrapper footer .pagetop {
	position: fixed;
	bottom: 1.2em;
	right: 1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	background: #FFF;
	border: solid .1em #1F1A3A;
	border-radius: 50%;
	transition: opacity .3s;
	pointer-events: none;
	opacity: 0;
}
#wrapper footer .pagetop.active {
	cursor: pointer;
	opacity: 1;
	pointer-events: auto;
}
#wrapper footer .pagetop.active:hover {
	opacity: .8;
}
#wrapper footer .pagetop .arrow {
	height: .6em;
	width: .6em;
	border-top: 3px solid #1F1A3A;
	border-right: 3px solid #1F1A3A;
	transform: translateY(20%) rotate(-45deg);
}
.coin {
	position: fixed;
	width: 1.5em;
	height: 1.5em;
	animation: coin_up .3s ease-out forwards, coin_down .7s ease-in .3s forwards, coin_fade 1s linear forwards;
	--coin-deg: 0;
	pointer-events: none;
	z-index: 150;
}
.coin:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) rotate(var(--coin-deg));
	background: center / contain no-repeat;
}
.coin.c0:before { background-image: url(../img/coin/000.png); }
.coin.c1:before { background-image: url(../img/coin/001.png); }
.coin.c2:before { background-image: url(../img/coin/002.png); }
.coin.c3:before { background-image: url(../img/coin/003.png); }
.coin.c4:before { background-image: url(../img/coin/004.png); }
.coin.c5:before { background-image: url(../img/coin/005.png); }

@keyframes coin_up {
	  0% { transform: translateY(   0); }
	100% { transform: translateY(-2em); }
}

@keyframes coin_down {
	  0% { transform: translateY(-2em); }
	100% { transform: translateY(15em); }
}

@keyframes coin_fade {
	 90% { opacity: 1; }
	100% { opacity: 0; }
}

@media screen and (max-width: 1000px) and (min-width: 700px) {
	:root {
		--max-width: 1000px;
		--inner-width: 90%;
		--gNavi-height: 6.48vw;
	}
	body {
		font-size: 1.2em;
	}
	#wrapper #gNavi ul {
		padding: 0;
	}
	#wrapper #gNavi ul li a {
		height: 3vw;
	}
	#wrapper #main .box h2 {
		height: 6em;
	}
	#wrapper #main .box#about .inner p:not(.detail) {
		line-height: 1.8rem;
		font-size: .8333em;
	}
	#wrapper #main .box#goods .inner ul li .title,
	#wrapper #main .box#goods .inner ul li .price {
		font-size: .9em;
	}
}
@media screen and (max-width: 849px) and (min-width: 700px) {
	#wrapper #main .box#goods .inner ul li .title,
	#wrapper #main .box#goods .inner ul li .price {
		font-size: .8em;
	}
}
@media screen and (max-width: 699px) {
	:root {
		--max-width: 100%;
		--inner-width: 98%;
		--gNavi-height: auto;
	}
	body {
		font-size: 2.74vw;
	}
	#wrapper #gNavi {
		top: 1.5vw;
		width: 55vw;
		border-radius: 1vw;
		background: transparent;
		background-size: 3vw;
		background-position: top center;
	}
	#wrapper #gNavi.active {
		cursor: pointer;
	}
	#wrapper #gNavi button {
		position: relative;
		display: block;
		width: 37.5vw;
		height: 7.3vw;
		margin: 0 auto;
		border-radius: 1vw;
		background: none;
		z-index: 1;
	}
	#wrapper #gNavi ul {
		top: 0;
		display: block;
		width: 37.5vw;
		max-height: calc(100vh - (1.5vw * 2));
		margin: 0 auto;
		padding: 7.3vw 0 0;
		background: url(../img/bg.png) top center / 3vw auto;
		border-radius: 1vw;
		transform: translateX(-50%);
		transition: width .2s;
	}
	#wrapper #gNavi.active ul {
		width: 100%;
	}
	#wrapper #gNavi ul li {
		position: relative;
		display: none;
		width: 55vw;
		overflow-x: hidden;
		overflow-y: visible;
	}
	#wrapper #gNavi ul li:first-of-type a {
		padding-top: 5.2vw;
	}
	#wrapper #gNavi ul li:last-of-type a {
		padding-bottom: 5.2vw;
	}
	#wrapper #gNavi ul li:before {
		display: none;
	}
	#wrapper #gNavi ul li:first-of-type:after {
		content: '';
		position: absolute;
		display: block;
		top: 0;
		left: 5%;
		width: 90%;
		height: .42vw;
		background: var(--accent-color);
		border-radius: 100px;
	}
	#wrapper #gNavi ul li a {
		display: block;
		position: relative;
		width: 100%;
		height: 5.2vw;
		line-height: 2em;
		margin-left: 100%;
		padding: 2.6vw 0;
		text-align: center;
		box-sizing: content-box;
	}
	#wrapper #gNavi ul li:nth-of-type(2n) a {
		margin-left: -100%;
	}
	#wrapper #gNavi ul li a:hover,
	#wrapper #gNavi ul li.active a:not(:hover) {
		opacity: 1;
		animation: none;
	}
	#wrapper #gNavi ul li a img {
		vertical-align: top;
	}
/*
	#wrapper header {
		aspect-ratio: auto;
		width: 100%;
		height: 100vh;
	}
	#wrapper header h1 {
		height: 100%;
		background: url(../img/teaser.jpg) no-repeat;
		background-size: cover;
	}
	#wrapper header.active h1 {
		animation: bgSlide 8s infinite alternate ease-in-out;
	}
	@keyframes bgSlide {
		  0% { background-position: left top; }
		100% { background-position: right bottom; }
	}
	#wrapper header h1 img {
		max-width: none;
		height: 100%;
		opacity: 0;
	}
*/
	#wrapper header .ticket {
		width: 30%;
	}
	#wrapper header .movie_wrapper {
		width: 95%;
	}
	#wrapper header .movie_wrapper .i-close:hover {
		opacity: .8;
	}
	#wrapper header .curtain li.c_left img  { width:  53%; }
	#wrapper header .curtain li.c_right img { width:  49%; }
	#wrapper #main .box h2:after {
		background-size: contain;
	}
	#wrapper #main .box h2 img {
		height: 14%;
	}
	#wrapper #main .box#news .slick-dots li {
		width: 2.8vw;
		height: 2.8vw;
		margin: 0 .7vw;
	}
	#wrapper #main .box#news .slick-dots li button {
		width: 2.8vw;
		height: 2.8vw;
		padding: .7vw;
	}
	#wrapper #main .box#news .slick-dots li button:before {
		width: 2.8vw;
		height: 2.8vw;
		line-height: 2.8vw;
		font-size: 2.8vw;
	}
	#wrapper #main .box#about .inner p:not(.detail) {
		width: 90%;
		margin: 0 auto;
		line-height: 5vw;
		font-size: 1.3em;
		text-align: left;
	}
	#wrapper #main .box#about .inner p:first-of-type {
		text-align: center;
	}
	#wrapper #main .box#about .inner p:not(.detail) .pc {
		display: none;
	}
	#wrapper #main .box#about .inner p.detail {
		line-height: 7vw;
		font-size: 1.8em;
	}
	#wrapper #main .box#goods h4 {
		font-size: 1.5em;
	}
	#wrapper #main .box#attention .inner h3,
	#wrapper #main .box#attention .inner ul li {
		font-size: 1em;
	}
/*
	#wrapper #main .box#cast .inner ul li {
		width: 48%;
	}
	#wrapper #main .box#goods .inner ul {
		grid-template-columns: repeat(2, 1fr);
	}
	#wrapper #main .box#goods .inner ul li.odd {
		grid-column: 1 / -1;
		justify-self: center;
		max-width: calc((100% - 1rem) / 2);
	}
	#wrapper #main .box#goods .inner ul li.multi {
		grid-column: span 2;
	}
	#wrapper #main .box#goods .inner ul li.multi .multi-imgs {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
		justify-items: center;
	}
	#wrapper #main .box#goods .inner ul li.multi .multi-imgs img {
		width: 100%;
	}
	#wrapper #main .box#goods .inner ul li.multi .multi-imgs img:last-of-type:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		max-width: calc((100% - 1rem) / 2);
	}
*/
}