html {
	font-size: 62.5%;
}
body {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	line-height: 1.5;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 640px) {
	img {
		width: auto;
	}
}
.main {
	position: relative;
	margin: 0 auto;
	max-width: 640px;
	background: linear-gradient(to right, #f6cabb, #e6ffd8);
	background: #D1D1D1;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
@media screen and (min-width: 640px) {
}

.entry {
	position: sticky;
	z-index: 10;
	bottom: 20px;
	margin: 0 auto;
	border: 4px solid #fff;
	border-radius: 500px;
	box-sizing: border-box;
	width: 82%;
	font-size: 3.6rem;
	text-align: center;
	color: #FFF;
	background: linear-gradient(135deg, #92bc04 15%, #158540 50%);
	background: #800080;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.entry a {
    color: #FFF;
    text-decoration: none;
    font-size: 2.2rem;
    font-weight: bold;
    text-shadow: -2px -1px 2px rgb(0 0 0 / 15%);
    display: block;
    padding: 12px 0px 11px 0px;
}

.block {
	margin-top: 10px;
	border-radius: 9px;
	margin: 4%;
	padding: 5%;
	background: #FFF;
}
@media screen and (min-width: 640px) {
	.block {
		border-radius: 15px;
	}
}

.tickets {
	padding: 4% 0;
	background: #FFDE00;
	background-image: url(/images/app_form/waterbomb/drop_1.png?00);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	.ticket {
		margin: 0 4%;
	}
	.ticket + .ticket {
		margin-top: 4%;
	}
}
.ticket {
	border-radius: 9px;
	background: #FFF;
	overflow: hidden;
}
.ticket .head {
    background: #FFF;
    padding: 5%;
    font-size: 1.4rem;
    cursor: pointer;
    background-image: url(/images/app_form/waterbomb/icn_acc_open.png?00);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 22px auto;
}
.ticket .head h2, .ticket .head p {
    margin: 0;
}
.ticket .head h2 {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    color: #00B633;
}
.ticket .head .logo {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.ticket .head .logo p {
    margin: 0 0 10px;
}
.ticket .head.open {
    background-image: url(/images/app_form/waterbomb/icn_acc_close.png?00);
}
.ticket .head-off .comingsoon {
    font-size: 1.5em;
    font-weight: bold;
    color: #999786;
    margin: 0.83em 0 10px;
}
.ticket.soon .head {
    background: #DEDEDE;
    cursor: default;
    color: #FFF;
}
.ticket.soon .head h2 {
    margin-bottom: 16px;
    text-align: left;
    color: #FFF;
}
.ticket.soon .head p {
    font-size: 1.6rem;
}
.ticket.soon .head-off {
    background: #DEDEDE;
    padding: 5%;
    padding-right: 43px;
    cursor: pointer;
    color: #999786;
    background-image: url(/images/app_form/waterbomb/icn_acc_open_2.png?02);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 22px auto;
}
.ticket.soon .head-off.open {
    background-image: url(/images/app_form/waterbomb/icn_acc_close_2.png?02);
}

.ticket.soon .head-off_2 {
    background: #DEDEDE;
    padding: 5%;
    padding-right: 43px;
    cursor: pointer;
    color: #999786;
    background-image: url(/images/app_form/waterbomb/icn_acc_close_2.png?002);
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 22px auto;
}
.ticket .hide .head-off_2 {
    background-image: url(/images/app_form/waterbomb/icn_acc_open_2.png?002);
}

.ticket .content {
    border-top: 1px solid #000;
    margin: 0 5%;
    padding: 5% 0;
    font-size: 1.6rem;
}
.ticket .content h3 {
    margin: 1em 0 0;
    color: #00B633;
    font-weight: 600;
    font-size: 1.6rem;
}
.ticket .content h3:first-child {
    margin-top: 0;
}
.ticket .content p {
    margin: 0;
}
.ticket .content p + p {
    margin-top: 1em;
}
.ticket .content figure {
    margin: 1em 0;
    text-align: center;
}
.ticket .content .notice {
    font-size: 1.4rem;
}
@media screen and (min-width: 640px) {
	.ticket {
		border-radius: 15px;
	}
}

.line-up {
	margin: 0;
	padding-top: 36px;
	background: #FFF;
	background-image: url(/images/app_form/waterbomb/drop_2_tr.png?00);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
.line-up .block {
    margin: 0 4%;
    padding-bottom: 36px;
}
.line-up .content {
    font-size: 1.6rem;
    font-weight: 600;
    span {
        font-size: 1.4rem;
        font-weight: normal;
    }
}
.line-up h3 {
    margin: 0;
    font-size: 1.6rem;
    color: #00B633;
}
.line-up p {
    margin: 0 0 1em;
}
.line-up strong {
    color: #800780;
}
.acdContent {
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows .5s ease;
}
.acdContent.hide {
    grid-template-rows: 0fr;
}
.acdContent .panel {
    overflow: hidden;
}
.acdContent_2 {
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows .5s ease;
}
.acdContent_2.hide {
    grid-template-rows: 0fr;
}
.acdContent_2 .panel {
    overflow: hidden;
}
.campaign {
	font-size: 1.2rem;
	text-align: center;
	color: #FFF;
	background: #000;
    padding: 6px 0;
}

.titlelabel {
	display: table;
	margin: 0 auto 20px;
	border: 4px solid #800780;
	padding: 6px;
	font-size: 2.2rem;
    font-weight: bold;
	color: #800780;
	background: #FFF;
}

.mv {
	padding: 0 0 4%;
	background: #00B633;
}	
.mv .block {
    margin: 0 4%;
    padding-right: 0;
    padding-left: 0;
}
.mv h1 {
    margin: 0;
}
.mv h2 {
    
}
.mv h3 {
    margin: 0;
    color: #00B633;
}
.mv p {
    font-size: 1.4rem;
    margin: 0;
}
.mv .content {
    /* padding: 5% 9%; */
}
.mv .lead {
    display: table;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
}
.mv .lead p {
    margin: 0;
}
.mv .tourTitle {
    font-size: 1.4rem;
    white-space: nowrap;
}
.mv .tourTitle span, .mv .tourTitle strong {
    display: block;
}
.mv .tourTitle strong {
    font-size: 3rem;
    font-weight: bold;
}
.mv .tar {
    text-align: right;
}
.mv .content {
    padding: 5% 5% 0;
}


.official {
	margin: 36px 0 0;
}
.official a {
    display: block;
    padding: 5px 0;
    border-radius: 500px;
    font-size: 2rem;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    background: #00B633;
    font-weight: bold;
}
.detail h2 {
    margin: 0;
    font-size: 1.8rem;
    background-image: url(/images/app_form/waterbomb/icn_acc2_open.png?00);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px auto;
    cursor: pointer;
}
.detail .open h2 {
    background-image: url(/images/app_form/waterbomb/icn_acc2_close.png?00);
}
.detail .caution {
    font-weight: 600;
    color: #C00;
}

.detail .detail_m {
    margin: 0;
    font-size: 1.8rem;
    background-image: url(/images/app_form/waterbomb/icn_acc2_close.png?00);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px auto;
    cursor: pointer;
}
.detail .hide .detail_m {
    background-image: url(/images/app_form/waterbomb/icn_acc2_open.png?00);
}
.detail .caution {
    font-weight: 600;
    color: #C00;
}

.contact {
	margin: 36px 4%;
	padding: 36px 5% 0;
	border-top: 1px solid #333333;
	font-size: 1.6rem;
}
.contact h2 {
    margin: 0 0 5px;
    font-size: 1.8rem;
}
.copyright {
	margin-top: 36px;
	padding: 15px 0;
	font-size: 1rem;
	text-align: center;
	color: #FFF;
	background: #000;
}

.soon.ticket {
	background: #dedede;
	color: #999786;
} 
	
.soon .content {
	border-top: 1px solid #999786;
	color: #999786;
}

.soon .content h3{ 
	color: #999786;
}