@charset "UTF-8";


/* ONLY PC */
@media only screen and (min-width: 1025px) {

	#header.trigger .flex01 {
		width: 14%;
		max-width: 90px;
	}
	
	#header.trigger .flex02 {
		width: 59%;
	}

	#header.trigger #pcNav li a {
		font-size: .9rem;
	}


}


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

	.sp {
		display: block !important;
	}

	.inner {
		width: 80%;
	}

	#sec03 #covid.show {
		width: 80%;
	}

	#sec06 .desc {
		width: 80%;
	}

	#sec06 .ttl04 {
		width: 24%;
	}

	#sec06 .ttl04_sub {
		width: 60%;
	}

	#sec07 .ttl08 {
		width: 60%;
	}

	#sec08 .ttl09 {
		width: 60%;
	}

	#sec08 .ttl10 {
		width: 72%;
	}

	#sec09 .ttl11 {
		width: 70%;
	}

	#sec10 {
		padding: 4% 0 6%;
	}

	#sec11 .ticketInfo {
		width: 100%;
	}

	#sec13 .single {
		width: 80%;
	}

	#sec07 .item05 {
		width: 40%;
	}

	#header #spNav {
		right: 24px;
    	top: 24px;
	}

	#sec07 .youtube {
		width: 60%;
	}

	#header.trigger #spNav {
		right: 24px;
    	top: 20px;
	}

	#ticketBtn {
		position: fixed;
		top: initial;
		bottom: 100px;
		right: 0;
		z-index: 800;
		width: 12%;
	}

}


/* Ipad */
@media only screen and (max-width: 768px) {

	#header #spMenu a {
		font-size: 2.4rem;
	}

	#sec02 .ttl01 {
		width: 52%;
	}

	.slider img {
		height: 140px;
	}

	#sec06 .desc {
		width: 90%;
		background: url(../img/item03.png) no-repeat right bottom / 30%;
	}

	#sec06 .ttl03 {
		width: 56%;
	}

	#sec06 .ttl04 {
		width: 34%;
	}

	#sec06 .ttl04_sub {
		width: 70%;
	}

	#sec08 .howto li {
		width: 48%;
		margin-bottom: 4%;
	}

	#sec08 .ttl10 {
		width: 82%;
	}

	#sec08 .flow li {
		width: 46%;
		margin-bottom: 4%;
	}

	#sec11 .ttl13 {
		width: 32%;
	}

	#sec11 .groupTicket {
		width: 60%;
	}

	#sec12 .ttl12 {
		width: 60%;
	}

	#sec13 .ttl {
		margin-bottom: 6%;
	}

	#sec13 .single {
		width: 90%;
	}

	.commingsoon {
		font-size: 2rem;
	}

	#sec06 .desc {
		padding-bottom: 18%;
	}

	#sec12 .goodsArea {
		width: 90%;
	}

	.goods03 {
		width: 34%;
	}

	.omake {
		font-size: 1.1rem;
		width: 90%;
	}

	#header .flex01 {
		width: 12%;
	}

	.u22 {
		padding: 50px 40px 40px;
	}

	.u22 img {
		top: -30px;
	}

	


	
	
}


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

	#sec03 .box {
		width: 300px;
		height: 300px;
	}

	#header #spNav {
		right: 14px;
    	top: 14px;
	}

	#sec01 {
		margin-top: 53px;
	}

	#header #spMenu a {
		font-size: 1.6rem;
	}

	#sec02 .ttl, #sec02 .sub {
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: .03em;
	}

	#sec02 .item01 {
		width: 80%;
	}

	#header #spMenu a {
		padding: 1% 0;
	}

	#sec02 .ttl01 {
		width: 62%;
	}

	#sec02 .info {
		width: 100%;
	}

	#sec02 .info dt {
		width: 100%;
	}

	#sec02 .info dd {
		width: 100%;
	}

	#sec03 .box {
		background: none;
	}

	#sec03 .box .desc {
		color: #000;
	}

	#sec03 .ttl02 {
		position: initial;
	}

	#sec03 .box {
		width: 100%;
		height: auto;
	}

	#sec03 .item02 {
		position: initial;
	}

	.slider img {
		height: 100px;
	}

	#sec06 .ttl03 {
		width: 86%;
	}

	#sec06 .ttl04 {
		width: 44%;
	}

	#sec07 .ttl08 {
		width: 70%;
	}

	#sec08 .ttl09 {
		width: 86%;
	}

	#sec08 .ttl10 {
		width: 100%;
	}

	#sec08 .flow li {
		width: 70%;
		margin: 0 auto;
		margin-bottom: 4%;
	}

	#sec08 .box {
		width: 90%;
	}

	#sec09 .ttl11 {
		width: 100%;
	}

	#sec09 .commentArea {
		width: 100%;
		border: 6px solid #000;
	}

	#sec09 .commentArea .position {
		font-size: 1.1rem;
	}

	#sec09 .commentArea .name {
		font-size: 1.6rem;
	}

	#sec09 .commentArea .item14 {
		width: 90%;
	}

	#sec10 .tweet {
		width: 80%;
		margin: 2% auto;
	}

	#sec11 .ttl13 {
		width: 42%;
	}

	#sec11 .box {
		width: 90%;
	}

	#sec11 .groupTicket {
		width: 80%;
	}

	#sec11 #groupBox.show .groupDesc {
		width: 90%;
	}

	#sec11 .moreDetail {
		width: 80%;
	}

	#sec11 .placeSingle {
		width: 90%;
		margin-right: 0;
		float: initial;
		padding: 6%;
		margin: 0 auto 8%;
	}

	#sec11 .infoBox.show .info {
		width: 100%;
		min-height: initial;
	}

	#sec12 .ttl12 {
		width: 90%;
	}

	#sec12 .goods {
		width: 100%;
		margin-bottom: 12%;
		border-radius: 8px;
	}

	#sec13 .box {
		width: 90%;
	}

	#sec13 .single {
		width: 100%;
	}

	#sec13 .singleList::after {
		left: 88%;
	}

	#footer .desc {
		font-size: .9rem;
	}

	#sec07 .desc {
		line-height: 1.8;
		letter-spacing: .1em;
		width: 90%;
		margin: 0 auto;
	}

	#sec07 .youtube {
		width: 80%;
	}

	#sec07 .item05 {
		width: 70%;
		margin: 6% auto;
	}

	#sec11 .ticketInfo .ttl {
		font-size: 1.4rem;
	}

	#sec11 .ticketInfo {
		width: 94%;
	}

	#ticketBtn {
		width: 16%;
	}
	
	#header.trigger .box {
		padding: 8px 0;
	}

	#header.trigger #spNav {
		right: 14px;
    	top: 14px;
	}

	#sec05 .box {
		width: 80%;
	}

	#sec12 .box2 {
		width: 80%;
	}
	
	#sec13 .singleList {
		font-size: 1.1rem;
	}

	#sec11 .placeSingle:last-child {
		margin-right: auto;
		margin: 0 auto 8%;
	}

	#sec11 td, #sec11 th {
		font-size: .88rem;
	}

	#sec11 .moreInfo {
		font-size: .8rem;
	}

	#sec11 tr:first-child th {
		font-size: 1.2rem;
	}

	#sec06 {
		padding: 8% 0 16%;
    background: url(../img/bg01-2.png) no-repeat center bottom / 100% auto, #000;
	}

	#sec06 .item04 {
		width: 70%;
	}

	#sec02 {
		padding: 8% 0;
	}

	#sec02 .info dl {
		text-align: center;
	}

	#sec02 .info dd {
		letter-spacing: .1em;
	}

	#sec03 #covid.show {
		width: 90%;
	}

	#sec06 .ttl04_sub {
		width: 80%;
		margin-bottom: 2%;
	}

	#sec07 {
		padding: 8% 0;
	}

	#sec07 .ttl08 {
		width: 80%;
	}

	#sec08 {
		padding: 8% 0 10%;
	}

	#sec09 .commentArea {
		margin: 0 auto 8%;
	}

	#sec11 .ticketInfo {
		margin: 0 auto 8%;
	}

	#sec12 {
		padding: 8% 0 12%;
	}

	#sec13 {
		padding: 8% 0;
	}

	#sec13 .ttl {
		font-size: 1.6rem;
		margin-bottom: 8%;
	}

	#sec13 .singleDescBox .subDesc {
		letter-spacing: .03em;
    font-size: .9rem;
    margin-bottom: 2%;
    font-weight: 200;
    line-height: 1.6;
	}

	#sec10 {
		padding: 8% 0 10%;
	}

	#sec10 .desc {
		font-size: .9rem;
	}

	#sec11 {
		padding: 8% 0;
	}

	.commingsoon {
		font-size: 1.5rem;
	}

	#sec06 .desc {
		padding-bottom: 22%;
	}

	#snsNavSp li {
		width: 12%;
		padding-right: 12px;
	}

	#sec12 .ttl12 {
		width: 100%;
		margin-bottom: 12%;
	}

	.goods03 {
		width: 64%;
	}

	.goodsName03 {
		font-size: 1.4rem;
	}

	.omake {
		font-size: .9rem;
		width: 100%;
		padding: 6%;
	}

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

	#sec12 .goodsName {
		letter-spacing: .0em;
		font-size: .96rem;
	}

	#footer .bnr {
		width: 100%;
	}

	#footer .fLogo {
		width: 40%;
	}

	#header .flex01 {
		width: 14%;
	}

	.inner {
		width: 90%;
	}

	.otameshi {
		width: 100%;
	}

	#sec09 .box {
		width: 90%;
	}

	#sec12 .box {
		width: 90%;
	}

	#footer {
		padding: 12% 0 4%;
	}

	#sec11 .moreInfo {
		line-height: 1.6;
	}
	.u22 {
		    padding: 30px 20px 20px;
    font-size: .9rem;
	}

	
}