@charset "UTF-8";

/* For PC */
@media only screen and (min-width: 1025px) {
	.event__u22__p a:hover {
		opacity: 0.7;
	}
	.tutorial_ttl_main {
		width: 70%;
	}
}

/* Ipad PRO */
@media only screen and (max-width: 1024px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	.inner {
		width: 80%;
	}

	.show .spMenu ul {
		padding: 80px 40px;
	}

	.spMenu a {
		font-size: 1.8rem;
		letter-spacing: 0.02em;
	}

	.pcNav li {
		text-align: left;
	}

	.pcNav {
		text-align: left;
	}

	.popArea__popInner {
		width: 80%;
	}

	.content_area {
		width: 90%;
	}

	.note__box {
		padding: 40px 0;
	}

	.news__area {
		width: 90%;
		max-width: 900px;
	}

	.news {
		padding: 40px 0;
	}

	.header__logo {
		width: 40%;
	}

	.mv__ticket {
		right: -10px;
	}

	.mv__ticketIcon {
		bottom: 15.5vh;
	}

	.mv__sns {
		bottom: 30vh;
	}

	.catch1 {
		width: 74%;
		margin: 30px auto 10px;
	}

	.catch2 {
		width: 86%;
		margin: 0 auto 0px;
		margin-top: -30px;
	}

	.catch2-2 {
		width: 80%;
		margin: 0 auto 0px;
	}

	.intro1 {
		width: 70%;
	}

	.about1 {
		width: 70%;
	}

	.howto1 {
		width: 34%;
	}
	.tutorial_ttl {
		width: 36%;
	}

	.play1 {
		width: 36%;
	}

	.play__ul {
		width: 86%;
	}

	.play__info {
		width: 80%;
	}

	.event__info {
		width: 90%;
	}

	.event__sub {
		margin-bottom: 20px;
	}

	.event__bnr {
		margin: 20px 0;
	}

	.event__price {
		margin-top: 0;
	}

	.event__box {
		padding: 40px 120px;
	}

	.intro__bnr {
		width: 86%;
	}

	.play__ul {
		margin: 0 auto 30px;
	}

	.play__ul li {
		width: 30%;
	}

	.play__ul2 {
		width: 56%;
		margin: 0 auto 60px;
	}

	.play__ul2 li {
		width: 46%;
	}

	.intro__bnr li {
		width: 31%;
		padding: initial;
		box-sizing: border-box;
	}

	#intro {
		margin-top: -10px;
	}
}

/* Ipad */
@media only screen and (max-width: 768px) {
	.parts__popBox {
		max-width: 700px;
	}

	.pcNav li a {
		font-size: 1.3rem;
	}

	.mv__sns {
		bottom: 34vh;
	}

	.event__box {
		padding: 40px 100px;
	}
}

/* Iphone */
@media only screen and (max-width: 600px) {
	.onlySp {
		display: block !important;
	}

	.exceptSp {
		display: none !important;
	}

	.spNav {
		right: 14px;
		top: 14px;
	}

	.spMenu a {
		font-size: 1.6rem;
	}

	.spMenu a {
		padding: 1% 0;
	}

	.footer__desc {
		font-size: 0.66rem;
		line-height: 170%;
		letter-spacing: 0.1em;
	}

	.footer__bnr {
		width: 100%;
	}

	footer {
		padding: 12% 0 4%;
	}

	.footer__box {
		width: 90%;
	}

	.mv__main {
		display: block;
		width: 100%;
		object-fit: cover;
	}

	.footer__bnr {
		width: 90%;
		margin: 0 auto 20px;
	}

	.footer__bnr2 {
		width: 90%;
	}

	.footer__bnr2__li {
		width: 100%;
		margin-bottom: 16px;
	}

	.spMenu a {
		font-size: 1.3rem;
		letter-spacing: 0.02em;
	}

	.pcNav li {
		text-align: left;
	}

	.pcNav {
		text-align: left;
	}

	.mv__main {
		max-width: 100%;
	}

	.mv__sns {
		max-width: 40px;
	}

	.mv__ticketBtn {
		max-width: 76px;
	}

	.mv__ticket {
		right: -4px;
	}

	.mv__ticketIconImg {
		width: 140px;
	}

	.show .spMenu ul {
		padding: 20% 8%;
	}

	.pcNav li {
		border-bottom: 1px solid #000;
		padding: 10px;
		line-height: 140%;
	}

	.note__ttl {
		font-size: 1.1rem;
	}

	.footer__bnr3__box {
		width: 100%;
	}

	.header__logo {
		width: 80%;
	}

	.parts__popP {
		width: 90%;
		margin: 0 auto;
		line-height: 150%;
	}

	.parts__popP a {
		max-width: 90%;
	}

	.parts__pop.active .video {
		width: 80%;
		padding-bottom: 48.25%;
	}

	.header__logo {
		max-width: 240px;
		padding-left: 8px;
	}

	.header__logo__nazo a img {
		max-height: 56px;
	}

	.pcNav li a {
		font-size: 1rem;
		line-height: 160%;
		letter-spacing: 0.1em;
	}

	.mv__sns li {
		margin-bottom: 10px;
	}

	.note__box {
		width: 90%;
	}

	.swiper {
		width: 80%;
		margin: 0 auto;
	}

	.swiper-button-next,
	.swiper-button-prev {
		color: #fff !important;
		top: 44% !important;
	}

	.swiper-button-next:after,
	.swiper-button-prev:after {
		font-size: 2rem !important;
	}

	.swiper-slide {
		min-height: 480px;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 0 !important;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 0 !important;
	}

	.swiper-slide {
		width: 98%;
		padding: 0 4px;
		box-sizing: border-box;
	}

	.inner {
		width: 90%;
	}

	#catch {
		padding: 0px 0 60px;
	}

	.catch1 {
		width: 100%;
	}

	.catch2 {
		width: 100%;
	}

	.intro1 {
		width: 90%;
	}

	.intro__txt {
		font-size: 0.94rem;
	}

	.about1 {
		width: 86%;
	}

	.about2 {
		width: 100%;
		margin: 40px auto 30px;
	}

	.howto1 {
		width: 46%;
	}
	.tutorial_ttl {
		width: 48%;
	}

	.play1 {
		width: 48%;
	}

	.play__info {
		padding: 20px;
	}

	.event__box {
		padding: 20px 30px 50px 30px;
	}

	.event__box__btn {
		width: 90%;
	}
	.backto__box__btn {
		width: 90%;
	}

	.footer__bnr4 li {
		width: 100%;
		margin-bottom: 20px;
	}

	.footer__bnr {
		width: 100%;
	}

	.f__sns {
		width: 48%;
	}

	.footer__desc {
		font-size: 0.86rem;
	}

	.slick-list {
		margin: 0 -5px;
	}

	.slick-slide {
		margin: 0 5px;
	}

	#intro {
		background: url(../img/bg3.png) no-repeat, url(../img/bg4.png) no-repeat;
		background-position: -20% 46%, 114% 48%;
		background-size: 100px auto, 100px auto;
	}

	.event__box__btn a {
		font-size: 1rem;
	}

	.backto__box__btn a {
		font-size: 1rem;
	}
}

/* Iphone SE */
@media only screen and (max-width: 320px) {
}