@charset "utf-8";
/* CSS Document */

:root {
	--main-font: 'League Gothic', 'メイリオ', sans-serif;
	--main-color: #1479a2;
}

#main {
	width: 100%;
	background: #fff;
}
.topContentBox:nth-child(2n+2) {
	background: #f5f5f5;
}
.topContent {
	margin: 0 auto;
}

#news .newsTitle {
	font-family: var(--main-font);
}

/* パララックス
-------------------------------------------------- */
.parallaxBox:before {
	background-image: url(/img/20220503/main.png);
}
.parallaxBox .mainImage04,
.parallaxBox .mainImage01,
.parallaxBox .mainImage02 {
	display: block;
	margin: 0 auto;
}
.parallaxBox .mainImage01 {
	width: 75%;
	max-width: 1455px;
}



/* event
-------------------------------------------------- */
#event .eventTitle {
	font-family: var(--main-font);
	line-height: 1.0;
	text-align: center;
}

#event .introductionTxt:before {
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
#event .introductionBtn {
	color: #484848;
	background: rgb(251,251,251);
	background: -moz-linear-gradient(top,  rgba(251,251,251,1) 0%, rgba(201,201,201,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(251,251,251,1) 0%,rgba(201,201,201,1) 100%);
	background: linear-gradient(to bottom,  rgba(251,251,251,1) 0%,rgba(201,201,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#c9c9c9',GradientType=0 );
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#event .introductionTxt {
	color: #484848;
}
#event .top01Image {
	width: 100%;
}
#event .top01Image img {
	display: block;
	width: 100%;
}


/* lineup
-------------------------------------------------- */
#lineup .lineup_title {
  font-family: var(--main-font);
}
#lineup .lineupBoxTitle {
	font-family: var(--main-font);
}
#lineup .lineup_name {
	color: #111;
	font-weight: 300;
}

#lineup .userModal {
	background: rgba(0,0,0,0.9);
}

/* モーダル内 */
#lineup .userModal_outer {
	height: auto;
}
#lineup .userModal_name {
	font-weight: 900;
}
#lineup .userModal_label {
	font-family: var(--main-font);
	font-weight: 100;
}
#lineup .userModalInfo {
	border: 1px solid rgba(255,255,255,0.8);
}
#lineup .sns_link {
	background: rgba(255,255,255,0.88);
}


.label_items {
	display: flex;
	flex-wrap: wrap;
}
.label_items .label_item {
}
.label_items .label_item:last-child {
}
.label_items .label_link {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(255,255,255,0.3);
}
.label_items .label_link.back_white {
	background: rgba(255,255,255,0.88);
}
.label_items .label_link.back_black {
	background: rgba(255,255,255,0.05);
}
.label_items .label_icon {
	display: block;
}





/* eventInfo
-------------------------------------------------- */
.eventInfoList {
	font-family: 'Noto Sans JP', sans-serif;
}
.eventInfoList .eventInfoTitle {
	color: var(--main-color);
}
.eventInfoList .eventInfoTxt {
	color: #111;
	font-weight: bold;
}
.eventInfoTxt_note {
	color: #111;
}
.eventInfoTxt_note02 {
	color: #111;
}
.eventInfoList .price {
	position: relative;
}
.eventInfoList .price:before {
	content: "¥";
	position: absolute;
}
.eventInfoList .price:after {
	content: "税込";
}

/* parkingList
-------------------------------------------------- */
.parkingList {
}
.parkingList .parkingListItem {
}


/* ticketTypeBox
-------------------------------------------------- */
.ticketTypeBox .ticketTypeTitle {
	font-family: 'Kanit', 'メイリオ', sans-serif;
}
.ticketTypeBox .ticketTypeTitleInn:before {
	content: '¥';
}
.ticketTypeBox .ticketTypeTitleInn:after {
	content: '税込';
}
.ticketTypeBox .ticketTypeWhet {
	font-family: 'Lato', sans-serif;
}
.ticketTypeBox .ticketTypeLink {
	background: #ffb83f;
}
.ticketTypeBox .ticketTypeListItem .ticketImg {
	display: block;
	width: 100%;
}
.ticketTypeBox .ticketTypeListItem.soldout .ticketImg {
	filter: grayscale(70%);
	opacity: 0.7;
}
.ticketTypeBox .ticketTypeListItem.coming_soon .ticketImg {
	opacity: 0.3;
}

.ticketTypeListItem.grayBox .ticketTypeTitle,
.ticketTypeListItem.grayBox .ticketTypeTitleInn,
.ticketTypeListItem.grayBox .ticketTypeWhet,
.ticketTypeListItem.grayBox .ticketTypeWhetInn {
	color: #ddd;
}
.ticketTypeListItem.grayBox .ticketTypeLink {
	background: #eee;
}




/* ACCESS
-------------------------------------------------- */
#access .access_title {
	font-family: var(--main-font);
}
#access iframe {
	display: block;
}
#access .accessInfo {
	display: flex;
	background: #f1f4fA;
}
#access .accessInfoLeft .accessInfoLeft01 {
	color: #111;
	font-weight: bold;
	line-height: 1.0;
}
#access .accessInfoLeft .accessInfoLeft02 {
	color: #444;
	line-height: 1.0;
}
#access .mapBtn {
	display: block;
	width: 100%;
	color: rgba(0,104,16,1.0);
	text-align: center;
	line-height: 1.0;
	border: 1px solid rgba(0,104,16,1.0);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0;
	padding: 12px 0;
}
#access .accessImageBox {
	background: #f1f4fA;
	margin: 0;
}
#access .accessImageBox .accessImage {
	display: block;
	width: 100%;
}

.label_icon {
	display: block;
	height: auto;
}

@media screen and (min-width: 768px) {
	.topContentBox {
		padding: 50px 0;
	}
	.topContent {
		width: 1280px;
		padding: 0;
	}
	.ma-10 { margin: -10px; }

	/* パララックス
	-------------------------------------------------- */
	.parallaxBox .parallaxInn {
		top: 50%;
	}
	.parallaxBox .mainImage04,
	.parallaxBox .mainImage01,
	.parallaxBox .mainImage02 {
		display: block;
		margin: 0 auto;
	}
	.parallaxBox .mainImage04 {
		width: 17%;
		max-width: 742px;
		margin-top: -4vw;
	}
	.parallaxBox .mainImage02 {
		width: 25%;
	}

	
	/* event
	-------------------------------------------------- */
	#event {
		padding-bottom: 80px;
	}
	#event .eventTitle {
		margin-bottom: 15px;
	}
	#event .eventTitle01 { font-size: 80px; }
	#event .eventTitle02 { font-size: 200px; }
	#event .eventTitle03 { font-size: 80px; }

	.introduction {
		padding-top: 20px !important;
	}


    /* lineup
	-------------------------------------------------- */
	#lineup .lineup_title {
		font-size: 8.8rem;
		text-align: center;
	}
	#lineup .lineupBox {
		margin-bottom: 30px;
	}
	#lineup .lineupBoxTitle {
		font-size: 4.8rem;
		position: relative;
	}
	#lineup .lineupBoxTitle:after {
		position: absolute;
		bottom: 11px;
		content: '';
		width: 100%;
		height: 1px;
		display: block;
		background-color: #000;
	}
    #lineup .lineup_items {
        display: flex;
        flex-wrap: wrap;
		padding: 0 1px;
    }
    #lineup .lineup_item {
        width: 312px;
        margin-bottom: 20px;
    }
    #lineup .lineup_item:not(:nth-child(4n)) {
        margin-right: 10px;
    }
	#lineup .lineupTmb {
		width: 310px;
		height: 310px;
		overflow: hidden;
		margin: 0 0 5px;
	}


	.lineupTmb_img {
		width: 310px;
		height: 310px;
		object-fit: cover;
		transition: .4s all;
		opacity: 1.0;
	}
	a.lineup_link .lineupTmb_img:hover {
		transform: scale(1.15,1.15);
		opacity: 1.0;
	}
    .lineup_name {
        font-size: 2.0rem;
		font-weight: bold;
		line-height: 1.0;
		margin-top: 2px;
		padding: 0 2px;
    }
	.lineup_name .lineup_nameInn {
		display: inline-block;
		font-size: 1.4rem;
		font-style: italic;
		margin-left: 5px;
	}
	.lineup_name .lineup_nameInn:before {
		content: '-';
		margin-right: 5px;
	}
    .userModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

	/* モーダル内 */
    .userModal_label {
        font-size: 2.2rem;
    }
    .userModalInfo {
        margin-top: 10px;
    }
	.userModalInfo_txt {
		font-size: 1.6rem;
		line-height: 1.6;
	}
    .userModalInfo_wrap {
        position: relative;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .sns_items {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        padding: 15px 0;
    }
    .sns_item:not(:last-child) {
        margin-right: 10px;
    }
    .sns_link .fa-facebook-f {
        color: #3B5998;
    }
    .sns_link .fa-soundcloud {
        color: #FE5000;
    }
    .sns_link .fa-mixcloud {
        color: #000;
    }
    .sns_link .fa-paperclip {
        color: rgba(0,104,16,1.0);
    }
    .sns_link .fa-instagram {
        color: #E1306C;
    }
    .sns_link .fa-youtube {
        color: #F80103;
    }
    .userModalInfo_img {
        float: left;
        max-width: 400px;
    }
    .userModal_close {
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0,104,16,1.0);
        cursor: pointer;
    }
    .userModal_close i {
        font-weight: 600;
        font-size: 3.6rem;
        color: #FFF;
    }
    .userModal_close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .userModal {
        opacity: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        z-index: -1;
    }
    .userModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .userModal.active {
        opacity: 1;
        z-index: 99999998;
    }
    .userModal_outer {
        opacity: 0;
        transform: scale(0.6);
        transition: all .2s;
        /* transition-delay: 250ms; */
        position: relative;
        width: 90%;
        max-width: 920px;
        height: 90%;
        display: inline-block;
        vertical-align: middle;
        background: #FFF;
        overflow: auto;
        cursor: auto;
        white-space: normal;
        z-index: -1;
    }
    .userModal_outer.active {
        opacity: 1;
        transform: scale(1);
        z-index: 99999999;
    }
    .userModal_wrap {
        padding: 30px;
        cursor: auto;
        text-align: left;
    }
	.userModalInfo_txt {
		font-size: 1.5rem;
		line-height: 1.6;
	}
    .userModal_name {
        font-size: 64px;
		line-height: 1.0;
    }
    .userModal_label {
        font-size: 22px;
        font-weight: bold;
    }
    .userModalInfo {
		min-height: 440px;
		max-height: 86vh;
		overflow: scroll;
        margin-top: 10px;
		padding: 20px;
    }
    .userModalInfo_txt a {
        color: #6cf;
    }
    .userModalInfo_wrap {
        position: relative;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .sns_items {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        padding: 15px 0;
    }
    .sns_item:not(:last-child) {
        margin-right: 10px;
    }
    .sns_link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    .sns_link .fa-facebook-f {
        color: #3B5998;
    }
    .sns_link .fa-soundcloud {
        color: #FE5000;
    }
    .sns_link .fa-mixcloud {
        color: #000;
    }
    .sns_link .fa-twitter {
        color: #1DA1F2;
    }
    .sns_link .fa-paperclip {
        color: rgba(0,104,16,1.0);
    }
    .sns_link .fa-instagram {
        color: #E1306C;
    }
    .sns_link .fa-youtube {
        color: #F80103;
    }
    .userModalInfo_img {
        float: left;
        max-width: 400px;
    }
    .userModal_close {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .userModal_close i {
        font-weight: 300;
        font-size: 30px;
        color: #FFF;
    }
    .userModal_close {
        position: absolute;
        top: 0;
        right: 0;
    }
    .lineupMovie {
        margin-top: 80px;
    }
    .lineupMovie_item iframe {
        width: 100%;
        height: 400px;
        vertical-align: top;
    }


	.label_items {
		margin-bottom: 15px;
	}
	.label_items .label_item {
		margin-right: 10px;
	}
	.label_items .label_item:last-child {
		margin-right: 0;
	}
	.label_items .label_link {
		width: 80px;
		height: 40px;
	}
	.label_items .label_icon {
		max-width: 72px;
		max-height: 34px;
		height: auto;
	}

	.label_icon {
		width: 22px;
	}

	/* introduction
	-------------------------------------------------- */
	.introduction .introductionBtn {
		position: absolute;
		right: 0;
		bottom: -30px;
		left: 0;
		display: block;
		width: 400px;
		font-size: 14px;
		text-align: center;
		margin: auto;
		padding: 10px 0;
		z-index: 2;
		cursor: pointer;
		transition: .2s ease;
	}

	.introduction .introductionTxt {
		font-size: 1.7rem;
		line-height: 1.8;
		overflow: hidden;
		letter-spacing: 0.07em;
		margin: 0 0 10px;
		padding: 0 2px;
	}
	.introduction .introductionTxt a {
		color: #0E94FB;
	}
	.introduction .introductionTxt.is-hide {
		height: 180px; /*隠した後の高さ*/
	}
	.introduction .introductionTxt:before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 90px; /*グラデーションで隠す高さ*/
		
	}
	.introduction .introductionBtn.is-show {
		bottom: -35px;
	}
	.introduction .introductionBtn.is-show:after {
		content: "close";
	}


	/* eventInfo
	-------------------------------------------------- */
	#eventInfo,
    #access,
    #important {
        background-image: url(/img/20220503/bg_event.png);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
	}
	.eventInfoList {
		font-family: 'Noto Sans JP', sans-serif;
	}
	.eventInfoList .eventInfoListItem {
		margin-bottom: 50px;
	}
	.eventInfoList .eventInfoTitle {
		font-size: 26px;
		color: var(--main-color);
		line-height: 1.0;
		margin-bottom: 10px;
	}
	.eventInfoList .eventInfoTxt {
		font-size: 28px;
		line-height: 1.0;
	}
	.venueBox {
		display: flex;
		align-items: center;
	}
	.eventInfoList .page_link {
		font-size: 15px;
		color: #333;
		font-weight: normal;
		border: 1px solid #333;
		border-radius: 5px;
		margin-left: 20px;
		padding: 2px 15px;
	}
	.eventInfoList .eventInfoTxt02 {
		font-size: 20px;
		line-height: 1.0;
		margin-top: 10px;
	}
	.parking_note {
		margin-top: 10px;
	}
	.eventInfoTxt_note {
		font-size: 1.6rem;
		line-height: 1.0;
		margin-bottom: 8px;
		padding-left: 1px;
	}
	.eventInfoTxt_note span {
		background: linear-gradient( transparent 67%, rgba(255,255,0,0.8) 67% );
	}
	.eventInfoTxt_note:last-child {
		margin-bottom: 0;
	}
	.eventInfoList .price {
		position: relative;
	}
	.eventInfoList .eventInfoInnTxt {
		font-size: 1.6rem;
		margin-top: 15px;
		padding: 0 5px;
	}
	.eventInfoList .eventInfoNote {
		display: flex;
		margin-top: 5px;
	}
	.eventInfoList .eventInfoNoteList.jp {
		font-size: 1.6rem;
		line-height: 1.5;
		margin-right: 20px;
	}
	.eventInfoList .eventInfoNoteList.en {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.eventInfoList .price {
		font-size: 2.7rem;
		padding-left: 15px;
		position: relative;
	}
	.eventInfoList .price:before {
		bottom: 6px;
		left: 0;
		font-size: 1.9rem;
	}
	.eventInfoList .price:after {
		font-size: 1.5rem;
		margin-left: 3px;
	}

	/* parkingList
	-------------------------------------------------- */
	.parkingList {
		display: flex;
	}
	.parkingList .parkingListItem {
		margin-right: 20px;
	}
	.parkingList .parkingListItem .eventInfoTxt {
		font-size: 22px !important;
	}
	.parkingList .eventInfoTxt .price {
		margin-left: 5px;
	}
	small.car {
		font-size: 1.5rem;
	}




	/* ticketTypeBox
	-------------------------------------------------- */
	.ticketTypeBox {
		width: 1040px;
		margin: 20px 0;
	}
	.ticketTypeBox .ticketTypeList {
		display: flex;
	}
	.ticketTypeBox .ticketTypeListItem {
		width: 32.0%;
		/* box-shadow: 0 0 5px rgba(0,0,0,0.3); */
		padding: 0;
	}
	.ticketTypeBox .ticketTypeListItem:nth-child(3n+2) {
		margin-right: 2%;
		margin-left: 2%;
	}
	.ticketTypeBox .ticketTypeListItem .ticketImgWrap {
		margin-bottom: 8px;
	}
	.ticketTypeBox .ticketTypeListItem .ticketImg {
		border: 1px solid #ccc;
	}
	.ticketTypeBox .ticketTypeTitle {
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-family: 'League Gothic', 'メイリオ', sans-serif;
		/* font-size: 70px; */
		font-size: 80px;
		font-weight: bold;
		line-height: 1.0;
		text-align: center;
		padding-top: 35px;
	}
	.ticketTypeBox .ticketTypeTitle .block {
		display: block;
		margin-top: -5px;
	}
	.ticketTypeBox .ticketTypeTitleInn {
		display: block;
		/* font-size: 72px; */
		font-size: 82px;
		color: #000;
	}
	.ticketTypeBox .ticketTypeTitleInn:before {
		font-size: 40px;
	}
	.ticketTypeBox .ticketTypeTitleInn:after {
		font-size: 20px;
		margin-left: 3px;
	}
	.ticketTypeBox .ticketTypeWhet {
		font-family: 'League Gothic', 'メイリオ', sans-serif;
		font-size: 34px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 15px;
	}
	.ticketTypeBox .ticketTypeWhetInn {
		display: block;
		/* font-size: 42px; */
		font-size: 56px;
		color: rgba(200,5,0,0.9);
		line-height: 1.0;
	}
	.ticketTypeBox a.ticketTypeLink,
	.ticketTypeBox span.ticketTypeLink {
		display: block;
		width: 60%;
		font-size: 18px;
		text-align: center;
		border-radius: 7px;
		margin: 0 auto;
		padding: 8px 0;
	}
	.ticketTypeBox a.ticketTypeLink {
		color: #fff;
		background: #ffb83f;
	}
	.ticketTypeBox span.ticketTypeLink {
		color: #eee;
		background: #ccc;
	}


	.ticketTypeListItem.soldout {
		position: relative;
	}
	.ticketTypeListItem.soldout .ticketImgWrap {
		background: #000;
	}
	.ticketTypeListItem.soldout:after {
		position: absolute;
		top: 110px;
		left: 31px;
		content: 'SOLD OUT';
		font-family: var(--main-font);
		font-size: 10.0rem;
		color: rgba(200,5,0,1.0);
		font-weight: bold;
		transform:rotate(-20deg);
		text-shadow: 0 0 20px rgb(255, 255, 255);
	}

	.ticketTypeListItem.coming_soon {
		position: relative;
	}
	.ticketTypeListItem.coming_soon .ticketImgWrap {
		background: #fff;
	}
	.ticketTypeListItem.coming_soon:after {
		position: absolute;
		top: 125px;
		left: 16px;
		content: 'COMING SOON';
		font-family: var(--main-font);
		font-size: 7.5rem;
		color: #000;
		font-weight: bold;
		text-shadow: 0 0 20px rgb(255, 255, 255);
	}


	.ticketTypeListItem.soldout .ticketTypeTitle,
	.ticketTypeListItem.soldout .ticketTypeTitleInn,
	.ticketTypeListItem.soldout .ticketTypeWhet,
	.ticketTypeListItem.soldout .ticketTypeWhetInn {
		color: #ddd;
	}

	/* ticketNote */
	.ticketNote {
		display: flex;
		margin-top: 5px;
	}
	.ticketNote .eventInfoNoteList {
	}
	.ticketNote .eventInfoNoteListItem {}
	.ticketNote .jp .eventInfoNoteListItem {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.ticketNote .en .eventInfoNoteListItem {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	/* todayTicketBox */
	.todayTicketBox {
		font-family: 'Noto Sans JP', sans-serif;
		margin-bottom: 50px;
	}
	.todayTicketBox .todayTicket {
		font-size: 32px;
		font-weight: 700;
	}
	.todayTicketBox .todayTicketTxt {
		font-size: 17px;
		line-height: 1.5;
	}
	.todayTicketBox .todayTicketTxt.jp {
		color: #000;
		margin-bottom: 4px;
	}
	.todayTicketBox .todayTicketTxt.en {
		color: #666;
	}
	.todayTicketBox .vipTicket {
		font-size: 17px;
		margin: 10px 0 0;
	}
	.todayTicketBox .mailLink {
		color: #0e94fb;
	}


	/* LINE UP
	-------------------------------------------------- */
    .lineupModal {
        display: none;
    }
    .lineupModal.active {
        display: block;
    }
    .lineupModal_wrap {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        transform: translateX(-50%);
        left: 50%;
        z-index: 99999;
    }
    .lineupModal_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        z-index: 99998;
        cursor: pointer;
    }
    .lineupModalTmb {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .lineupModal_close {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 0;
        text-align: right;
        color: #FFF;
        z-index: 99999;
        cursor: pointer;
    }
    .lineupModalTitle {
        color: #fff;
        font-family: var(--main-font);
    }
    .lineupModal_close i {
        font-size: 36px;
    }

	/* importantList
	-------------------------------------------------- */
	.important {
		border: 1px solid #000;
		padding: 10px 15px;
        background: #fff;
	}
	.importantTitle {
		font-family: var(--main-font);
		font-size: 40px;
		color: #000;
		line-height: 1.0;
		margin: 0 0 7px;
		padding: 0;
	}
	.important .importantBox {
		font-size: 1.4rem;
		line-height: 1.7;
	}
	.important .importantBox strong {
		font-size: 1.6rem;
	}
	.importantInn {
		border-bottom: 1px dashed #999;
		padding: 12px 0;
	}
	.importantInn:last-child {
		border-bottom: none;
	}
	.importantList {
		margin-top: 5px;
	}
	.importantListItem {
		font-size: 1.5rem;
		color: #050505;
		margin: 0 0 3px;
		padding: 0 0 0 20px;
		position: relative;
	}
	.importantListItem:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "・";
	}
	.importantTxt {
		font-size: 1.5rem;
		color: #050505;
		padding: 7px 0;
	}



	.list {
		display: flex;
		margin-bottom: 50px;
	}
	.list .listItem {
		width: 25%;
		border: 1px solid #000;
		margin-right: 10px;
		padding: 10px;
	}
	.list .listItem:last-child {
		margin-right: 0;
	}
	.list .listTitle {
		font-family: var(--main-font);
		font-size: 28px;
		color: #000;
		line-height: 1.0;
		text-align: center;
		margin: 0 0 5px;
		padding: 0;
	}
	.list .listMiniBox {
		margin: 0 0 10px;
		padding: 0;
	}
	.list .listMiniTitle {
		font-family: var(--main-font);
		font-size: 20px;
		line-height: 1.0;
		margin: 0 0 5px;
		padding: 0;
	}
	.list .listMiniTxt {
		font-size: 17px;
		color: #111;
		line-height: 1.4;
		word-break: break-all;
		margin: 0;
		padding: 0 3px;
	}
	.list .castListItem {
		font-size: 17px;
		margin: 0 0 3px 4px;
		padding-left: 15px;
		position: relative;
	}
	.list .castListItem:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "●";
	}
	.list .castListItem:last-child {
		margin-bottom: 0;
	}
	.castList02 {
		font-size: 17px;
		line-height: 1.3;
		padding: 5px 4px 0;
	}
	.castList02 em {
		display: block;
		font-style: normal;
		font-weight: bold;
	}


	.sponser {
		width: 1280px;
		margin: 20px auto 0;
	}
	.sponser .sponserBox {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-bottom: 10px;
	}
	.sponser .sponserBox:last-child {
		margin-bottom: 0;
	}
	.sponser .sponserBox01 {
		font-size: 1.4rem;
		margin-right: 2px;
	}
	.sponser .sponserBox01:after {
		content: ':	';
		margin-left: 2px;
	}
	.sponser .sponserLogo {
		display: block;
		height: 16px;
	}

	.sponser .sponserListBox {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.sponser .sponserListBox .sponserBox01 {
		padding-top: 24px;
	}
	.sponser .sponserListBox {
	}
	.sponser .sponserList {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.sponser .sponserListItem {
		margin-right: 10px;
	}
	.sponser .sponserListItem:last-child {
		margin-right: 0;
	}
	.sponser .sponserLink {
	}
	.sponser .sponserListLogo {
		display: block;
	}
	.sponser .cocaleroLogo {
		height: 68px;
	}
	.sponser .grassLogo {
		width: 122px;
	}
	.sponser .gmLogo {
		height: 34px;
		margin-top: 17px;
	}

	#access .access_title {
		font-size: 8.8rem;
		text-align: center;
	}
	#access iframe {
		width: 1280px;
		height: 400px;
	}
	#access .accessInfo {
		justify-content: space-between;
		align-items: center;
		padding: 15px;
	}
	#access .accessInfoLeft .accessInfoLeft01 {
		font-size: 16px;
		margin: 0 0 8px;
		padding: 0;
	}
	#access .accessInfoLeft .accessInfoLeft02 {
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	#access .accessInfoRight {
		width: 200px;
	}
	#access .mapBtn {
		font-size: 16px;
		margin: 0;
		padding: 12px 0;
	}
	#access .mapBtn:hover {
		color: rgba(255,255,255,1.0);
		background: rgba(0,104,16,1.0);
	}
	#access .accessImageBox {
		padding: 10px;
	}





	/* samedayBox
	-------------------------------------------------- */
	.samedayBox {
		width: 1040px;
		display: flex;
		align-items: center;
		background: #fff;
		border: 3px solid #ddd;
		padding: 20px;
	}
	.samedayBox .samedayBox01 {
		width: 45%;
	}
	.samedayBox .ticketImg {
		display: block;
		width: 100%;
	}
	.samedayBox .samedayBox02 {
		padding-left: 20px;
	}
	.samedayBox .samedayBox02 .eventInfoTxt {
		margin-bottom: 20px;
	}
	.samedayBox .samedayBox02 .price {
		font-size: 6.0rem;
		padding-left: 25px;
	}
	.samedayBox .samedayBox02 .price::before {
		bottom: 15px;
		left: 0;
		font-size: 3.5rem;
	}
	.samedayBox .samedayBox02 .price::after {
		position: absolute;
		width: 40px;
		bottom: 18px;
		font-size: 2.0rem;
		margin-left: 5px;
	}
	.samedayBox .samedayBox02 .eventInfoNote {
		display: block;
	}
	.samedayBox .samedayBox02 .eventInfoNoteList {
	}
	.samedayBox .samedayBox02 .eventInfoNoteList.jp {
	}
	.samedayBox .samedayBox02 .eventInfoNoteList.en {
	}
	.samedayBox .samedayBox02 .eventInfoNoteListItem {
	}
	.samedayBox .samedayBox02 .eventInfoNoteListItem:nth-child(2n) {
		margin-bottom: 10px;
	}
	.samedayBox .eventInfoNote_txt {
		font-size: 16px;
	}
}

@media all and (max-width: 767px) {
	.topContentBox {
		padding: 8vw 0;
	}
	.topContent {
		padding: 0 3vw;
	}
	.ma-10 { margin: -0.5em; }

	/* パララックス
	-------------------------------------------------- */
	.parallaxBox .parallaxInn {
		top: 48%;
	}
	.parallaxBox .mainImage04,
	.parallaxBox .mainImage01,
	.parallaxBox .mainImage02 {
		display: block;
		margin: 0 auto;
	}
	.parallaxBox .mainImage04 {
		width: 40%;
	}
	.parallaxBox .mainImage01 {
		width: 98%;
		margin-bottom: 3.5vw;
	}
	.parallaxBox .mainImage02 {
		width: 70%;
		margin-bottom: 20px;
	}

	/* event
	-------------------------------------------------- */
	#event {
		padding-bottom: 18vw;
		padding-top: 4vw !important;
	}
	#event .eventTitle {
		margin-bottom: 2.5vw;
	}
	#event .eventTitle01 { font-size: 6.25vw; }
	#event .eventTitle02 { font-size: 17.5vw; }
	#event .eventTitle03 { font-size: 8.25vw; }
	#event .introduction .introductionBtn {
		bottom: -7.0vw;
		width: 70vw;
		font-size: 3.5vw;
		padding: 2vw 0;
	}

	#event .introduction .introductionTxt {
		font-size: 3.75vw;
		line-height: 1.6;
		overflow: hidden;
	}
	#event .introduction .introductionTxt a {
		color: #0E94FB;
	}
	#event .introduction .introductionTxt.is-hide {
		height: 15vh; /*隠した後の高さ*/
	}
	#event .introduction .introductionTxt:before {
		bottom: 0;
		height: 7.5vh; /*グラデーションで隠す高さ*/
	}


	/* eventInfo
	-------------------------------------------------- */
	#eventInfo,
    #access,
    #important {
        background-image: url(/img/20220503/bg_event.png);
        /* background-attachment: fixed;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; */
	}
	.eventInfoList {
		font-family: 'Noto Sans JP', sans-serif;
	}
	.eventInfoList .eventInfoListItem {
		margin-bottom: 3vw;
	}
	.eventInfoList .eventInfoTitle {
		font-size: 5vw;
	}
	.eventInfoList .eventInfoTxt {
		font-size: 5.33vw;
		line-height: 1.5;
	}
	.venueBox {
		display: flex;
		align-items: center;
	}
	.eventInfoList .page_link {
		font-size: 3.5vw;
		color: #555;
		font-weight: normal;
		border: 1px solid #555;
		border-radius: 3px;
		margin-left: 3.5vw;
		padding: 0 4vw;
	}
	.eventInfoList .eventInfoTxt02 {
		font-size: 3.5vw;
	}
	.parking_note {
		margin-top: 1.0vw;
	}
	.eventInfoTxt_note {
		font-size: 3.5vw;
		line-height: 1.4;
		margin-bottom: 1vw;
	}
	.eventInfoTxt_note span {
		background: linear-gradient( transparent 67%, rgba(255,255,0,0.8) 67% );
	}
	.eventInfoTxt_note:last-child {
		margin-bottom: 0;
	}
	.eventInfoList .price {
		font-size: 5.5vw;
		position: relative;
		padding-left: 2vw;
	}
	.eventInfoList .price:before {
		bottom: 0.5vw;
		left: 0;
		font-size: 3.25vw;
	}
	.eventInfoList .price:after {
		font-size: 2.75vw;
		margin-left: 0.5vw;
	}

	/* parkingList
	-------------------------------------------------- */
	.parkingList {
		display: flex;
	}
	.parkingList .parkingListItem {
		width: 50%;
	}
	.parkingList .parkingListItem .eventInfoTxt {
		font-size: 3.75vw !important;
	}
	.parkingList .eventInfoTxt .price {
		margin-left: 1.25vw;
	}
	small.car {
		font-size: 2.75vw;
	}
	.eventInfoList .eventInfoNoteList.jp {
		font-size: 3.5vw;
		line-height: 1.5;
		text-indent: -1em;
		margin-bottom: 1vw;
		padding-left: 1em;
	}
	.eventInfoList .eventInfoNoteList.en {
		font-size: 3.5vw;
		line-height: 1.5;
		text-indent: -0.75em;
		padding-left: 1em;
	}
	.eventInfoList .eventInfoInnTxt {
		font-size: 3.5vw;
		margin-top: 2vw;
	}

	
	
	#eventInfo .soldTxt {
		font-size: 6.5vw !important;
		color: #f00;
		font-weight: bold;
		line-height: 1.0;
	}
	

	

	


	/* lineup
	-------------------------------------------------- */
	#lineup .lineup_title {
		font-size: 15vw;
		text-align: center;
	}
	#lineup .lineupBoxTitle {
		font-size: 7.5vw;
	}
    .lineup_items {
        display: flex;
        flex-wrap: wrap;
    }
    .lineup_item {
        width: calc((100% - 2vw) / 2);
        margin-bottom: 4vw;
    }
    .lineup_item:nth-child(odd) {
        margin-right: 2vw;
    }



	.lineupTmb_img {
		display: block;
        width: 100%;
    }
    .lineup_name {
        margin-top: 1vw;
        font-size: 4vw;
		font-weight: 300;
		line-height: 1.0;
    }
	.artistName {
		margin-right: 0.5vw;
	}
	.lineup_nameInn {
		display: inline-block;
		font-size: 3vw;
	}

    .userModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .userModal.active {
        opacity: 1;
    }

	/* モーダル内 */
    .userModal_name {
        font-size: 6vw;
    }
    .userModal_label {
        font-size: 4vw;
    }
    .sns_items {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        padding: 2vw 0;
    }
    .sns_item:not(:last-child) {
        margin-right: 10px;
    }
    .sns_link .fa-facebook-f {
        color: #3B5998;
    }
    .sns_link .fa-soundcloud {
        color: #FE5000;
    }
    .sns_link .fa-mixcloud {
        color: #000;
    }
    .sns_link .fa-paperclip {
        color: rgba(0,104,16,1.0);
    }
    .sns_link .fa-instagram {
        color: #E1306C;
    }
    .sns_link .fa-youtube {
        color: #F80103;
    }
    .userModalInfo_txt {
		line-height: 1.7;
    }
    .userModal_close {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .userModal_close i {
        font-weight: 600;
        font-size: 6vw;
        color: #FFF;
    }
    .userModal_close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .userModal {
        position: relative;
        opacity: 0;
        height: 0;
        z-index: -1;
    }
    .userModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    .userModal.active {
        opacity: 1;
        height: auto;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        z-index: -1;
        transition: all 0.5s;
        z-index: 99999998;
    }
    .userModal_outer {
        opacity: 0;
        transform: scale(0.6);
        transition: all .2s;
        position: relative;
        width: 92%;
        max-width: 900px;
        height: 90%;
        display: inline-block;
        vertical-align: middle;
        background: #FFF;
        overflow: auto;
        cursor: auto;
        white-space: normal;
        z-index: 99999999;
    }
    .userModal_outer.active {
        opacity: 1;
        transform: scale(1);
    }
    .userModal_wrap {
        padding: 4vw;
        cursor: auto;
        text-align: left;
    }
    .userModal_name {
        font-size: 9vw;
		line-height: 1.0;
    }
    .userModal_label {
        font-size: 5.25vw;
        font-weight: bold;
    }
    .userModalInfo {
		max-height: 80vh;
		overflow: scroll;
        margin-top: 5vw;
		padding: 3vw;
    }
    .sns_items {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        padding: 2vw 0;
    }
    .sns_item:not(:last-child) {
        margin-right: 10px;
    }
    .sns_link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 8.0vw;
        height: 8.0vw;
        font-size: 4.5vw;
    }
    .sns_link .fa-facebook-f {
        color: #3B5998;
    }
    .sns_link .fa-soundcloud {
        color: #FE5000;
    }
    .sns_link .fa-mixcloud {
        color: #000;
    }
    .sns_link .fa-paperclip {
        color: rgba(0,104,16,1.0);
    }
    .sns_link .fa-instagram {
        color: #E1306C;
    }
    .sns_link .fa-youtube {
        color: #F80103;
    }
    .userModalInfo_txt {
        margin-top: 2vw;
        font-size: 3.75vw;
    }
    .userModalInfo_txt a {
        color: #6cf;
		text-decoration: underline;
    }
    .userModalInfo_img {
		display: block;
        width: 90%;
		margin: 0 auto 3vw;
    }
    .userModal_close {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    .userModal_close i {
        font-weight: 300;
        font-size: 6vw;
        color: #FFF;
    }
    .userModal_close {
        position: absolute;
        top: 0;
        right: 0;
    }

    .lineupMovie_item iframe {
        width: 100%;
        height: 200px;
        vertical-align: top;
    }

    .lineupModal {
        display: none;
    }
    .lineupModal.active {
        display: block;
    }
    .lineupModal_wrap {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        left: 50%;
        z-index: 99999;
    }
    .lineupModal_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        z-index: 99998;
        cursor: pointer;
    }
    .lineupModalTmb video {
        width: 80vw;
    }
    .lineupModal_close {
        display: flex;
        justify-content: space-between;
        padding: 2vw 0 2vw 0;
        text-align: right;
        color: #FFF;
        z-index: 99999;
        cursor: pointer;
    }
    .lineupModal_close {
        font-size: 3.8vw;
    }
    .lineupModalTitle {
        font-family: var(--main-font);
    }
    .lineupModal_close i {
        font-size: 8vw;
    }


	.label_items {
		margin: 1vw 0 2vw;
	}
	.label_items .label_item {
		margin-right: 10px;
	}
	.label_items .label_item:last-child {
		margin-right: 0;
	}
	.label_items .label_link {
		width: 18.75vw;
		height: 9vw;
	}
	.label_items .label_icon {
		max-width: 16.75vw;
		max-height: 7vw;
		height: auto;
	}

	.label_icon {
		width: 5vw;
	}

	.list {
		display: flex;
		flex-direction: column;
		margin-bottom: 7.5vw;
	}
	.list .listItem {
		border: 1px solid #000;
		margin: 0 0 2.5vw;
		padding: 2.5vw;
	}
	.list .listItem:last-child {
		margin-right: 0;
	}
	.list .listTitle {
		font-family: var(--main-font);
		font-size: 5.75vw;
		color: #000;
		line-height: 1.0;
		text-align: center;
		margin: 0 0 1.25vw;
		padding: 0;
	}
	.list .listMiniBox {
		margin: 0 0 3.75vw;
		padding: 0;
	}
	.list .listMiniTitle {
		font-family: var(--main-font);
		font-size: 5vw;
		line-height: 1.0;
		margin: 0 0 0.5vw;
		padding: 0;
	}
	.list .listMiniTxt {
		font-size: 4.25vw;
		color: #111;
		line-height: 1.4;
		word-break: break-all;
		margin: 0;
		padding: 0 0.5vw;
	}
	.list .castListItem {
		font-size: 4.25vw;
		margin: 0 0 0.75vw 1vw;
		padding-left: 3.75vw;
		position: relative;
	}
	.list .castListItem:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "●";
	}
	.list .castListItem:last-child {
		margin-bottom: 0;
	}
	.castList02 {
		font-size: 4.25vw;
		line-height: 1.4;
		padding: 1.25vw 1vw 0;
	}
	.castList02 em {
		display: block;
		font-style: normal;
		font-weight: bold;
	}
	

	/* importantList
	-------------------------------------------------- */
	.important {
		border: 1px solid #000;
		padding: 2.5vw 3.75vw;
        background: #fff;
	}
	.importantTitle {
		font-family: var(--main-font);
		font-size: 7.5vw;
		color: #000;
		line-height: 1.0;
		margin: 0;
		padding: 0;
	}
	.importantInn {
		padding: 3vw 1.5vw;
	}


	.important .importantBox {
	}
	.important .importantBox strong {
		display: block;
		font-size: 3.5vw;
		margin-top: 1.5vw;
	}
	.importantList {
		margin-top: 1.5vw;
	}
	.importantListItem {
		font-size: 3.25vw;
		color: #050505;
		line-height: 1.5;
		margin: 0 0 1vw;
		padding: 0 0 0 1em;
		position: relative;
	}
	.importantListItem:before {
		content: "・";
		position: absolute;
		top: 0;
		left: 0;
		content: "・";
	}
	.importantTxt {
		font-size: 3.25vw;
		color: #050505;
		line-height: 1.5;
		padding: 1.5vw 0;
	}

	.sponser {
		margin: 5vw 0 0;
		padding: 0 3vw;
	}
	.sponser .sponserBox {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.sponser .sponserBox01 {
		font-size: 1.4rem;
		margin-right: 2px;
	}
	.sponser .sponserBox01:after {
		content: ':	';
		margin-left: 2px;
	}
	.sponser .sponserLogo {
		display: block;
		height: 16px;
	}

	.sponser .sponserListBox {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.sponser .sponserListBox .sponserBox01 {
		padding-top: 18px;
	}
	.sponser .sponserList {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.sponser .sponserListItem {
		margin-right: 5px;
	}
	.sponser .sponserListItem:last-child {
		margin-right: 0;
	}
	.sponser .sponserLink {
	}
	.sponser .sponserListLogo {
		display: block;
	}
	.sponser .cocaleroLogo {
		height: 54px;
	}
	.sponser .grassLogo {
		width: 90px;
	}
	.sponser .gmLogo {
		height: 26px;
		margin-top: 12px;
	}


	/* ticketTypeBox
	-------------------------------------------------- */
	.ticketTypeBox {
		margin: 2.5vw 0;
	}
	.ticketTypeBox .ticketTypeListItem {
		margin: 0 5vw;
	}
	.ticketTypeBox .ticketTypeListItem .ticketImgWrap {
		margin-bottom: 2vw;
	}
	.ticketTypeBox .ticketTypeListItem .ticketImg {
		border: 1px solid #ccc;
	}
	.ticketTypeBox .ticketTypeTitle {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		font-family: var(--main-font);
		font-size: 10vw;
		font-weight: bold;
		text-align: center;
		line-height: 1.0;
		letter-spacing: -.06em;
	}
	.ticketTypeBox .ticketTypeTitle01 {
		margin-right: 2.5vw;
	}
	.ticketTypeBox .ticketTypeTitleInn {
		display: block;
		font-size: 12.5vw;
		color: #000;
	}
	.ticketTypeBox .ticketTypeTitleInn:before {
		font-size: 5.5vw;
		margin-right: 1vw;
	}
	.ticketTypeBox .ticketTypeTitleInn:after {
		font-size: 3.0vw;
		letter-spacing: 0;
	}
	.ticketTypeBox .ticketTypeWhet {
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: var(--main-font);
		font-size: 6.5vw;
		font-weight: bold;
		text-align: center;
		margin-bottom: 2vw;
	}
	.ticketTypeBox .ticketTypeWhetInn {
		font-size: 6.5vw;
		color: rgba(200,5,0,0.9);
		margin-right: 2.5vw;
	}
	.ticketTypeBox a.ticketTypeLink,
	.ticketTypeBox span.ticketTypeLink {
		display: block;
		width: 80%;
		font-size: 4.25vw;
		font-weight: bold;
		text-align: center;
		border-radius: 7px;
		margin: 0 auto;
		padding: 1.75vw 0 2.25vw;
	}
	.ticketTypeBox a.ticketTypeLink {
		color: #fff;
		background: #ffb83f;
	}
	.ticketTypeBox span.ticketTypeLink {
		color: #eee;
		background: #ddd;
	}

	.ticketTypeListItem.soldout {
		position: relative;
	}
	.ticketTypeListItem.soldout .ticketImgWrap {
		background: #000;
	}
	.ticketTypeListItem.soldout:after {
		position: absolute;
		top: 23vw;
		left: 4vw;
		content: 'SOLD OUT';
		font-family: var(--main-font);
		font-size: 28vw;
		color: rgba(200,5,0,0.9);
		font-weight: bold;
		letter-spacing: -0.25rem;
		transform:rotate(-10deg);
	}

	.ticketTypeListItem.coming_soon {
		position: relative;
	}
	.ticketTypeListItem.coming_soon .ticketImgWrap {
		background: #fff;
	}
	.ticketTypeListItem.coming_soon:after {
		position: absolute;
		top: 28vw;
		left: 2vw;
		content: 'COMING SOON';
		font-family: var(--main-font);
		font-size: 21.25vw;
		color: #000;
		font-weight: bold;
		letter-spacing: -0.06em;
		text-shadow: 0 0 20px rgb(255, 255, 255);
	}

	.ticketTypeListItem.soldout .ticketTypeTitle,
	.ticketTypeListItem.soldout .ticketTypeTitleInn,
	.ticketTypeListItem.soldout .ticketTypeWhet,
	.ticketTypeListItem.soldout .ticketTypeWhetInn {
		color: #ddd;
	}


	#access .access_title {
		font-size: 15vw;
		text-align: center;
	}
	#access iframe {
		width: 100%;
		height: 400px;
	}
	#access .accessInfo {
		flex-direction: column;
		padding: 4.0vw 2.75vw;
	}
	#access .accessInfoLeft {
		margin: 0 0 5vw;
	}
	#access .accessInfoLeft .accessInfoLeft01 {
		font-size: 4.5vw;
		margin: 0 0 2vw;
		padding: 0;
	}
	#access .accessInfoLeft .accessInfoLeft02 {
		font-size: 4.0vw;
		margin: 0;
		padding: 0;
	}
	#access .accessInfoRight {
		width: 50vw;
		margin: 0 auto;
	}
	#access .mapBtn {
		font-size: 4.0vw;
		margin: 0;
		padding: 3.0vw 0;
	}
	#access .accessImageBox {
		padding: 1vw;
	}







	/* samedayBox
	-------------------------------------------------- */
	.samedayBox {
		background: #fff;
		padding: 3.5vw;
	}
	.samedayBox .ticketImg {
		display: block;
		width: 100%;
	}
	.samedayBox .samedayBox02 {
	}
	.samedayBox .samedayBox02 .eventInfoTxt {
		margin-bottom: 2vw;
	}
	.samedayBox .samedayBox02 .price {
		font-size: 10vw;
		padding-left: 4vw;
	}
	.samedayBox .samedayBox02 .price::before {
		bottom: 0.9vw;
		left: 0;
		font-size: 6vw;
	}
	.samedayBox .samedayBox02 .price::after {
		position: absolute;
		width: 8vw;
		bottom: 2.1vw;
		font-size: 3.5vw;
		margin-left: 0.5vw;
	}
	.samedayBox .samedayBox02 .eventInfoNote {
		display: block;
	}
	.samedayBox .samedayBox02 .eventInfoNoteList {
	}
	.samedayBox .samedayBox02 .eventInfoNoteList.jp {
	}
	.samedayBox .samedayBox02 .eventInfoNoteList.en {
	}
	.samedayBox .samedayBox02 .eventInfoNoteListItem {
	}
	.samedayBox .samedayBox02 .eventInfoNoteListItem:nth-child(2n) {
		margin-bottom: 2.0vw;
	}
	.samedayBox .eventInfoNote_txt {
		font-size: 3.5vw;
	}
}




/* shopBosyuBox
-------------------------------------------------- */
.shopBosyuBoxTitle {
	font-family: 'Noto Sans JP', sans-serif;
	color: var(--main-color);
	line-height: 1.0;
}
.shopBosyuBox {
	font-family: 'Noto Sans JP', sans-serif;
}
html.fixed,
body.fixed {
	overflow: hidden;
}

/* button リセット */
.shopBosyuBox button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: none;
	outline: none;
}

.shopBosyuBox .shopBosyuBoxInn {
	font-family: 'Noto Sans JP', sans-serif;
}
.shopBosyuBox .shopBosyuBoxInn01 {
}
.shopBosyuBox .shopBosyuImage {
	display: block;
}
.shopBosyuBox .shopBosyuBoxInn02 {
}
.shopBosyuBox .shopBosyuBoxInnTitle {
}
.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem {
}
.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem.txtCenter {
}


.shopBosyuBox .modalBtn {
	display: block;
	color: #555;
	background: #fff;
	border: 1px solid #555;
	border-radius: 5px;
	margin: 0 auto;
	cursor: pointer;
}
.shopBosyuBox .modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000000;
}
.shopBosyuBox .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	
}
.shopBosyuBox .modalContentInn {
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	border: 1px solid #000;
}
.shopBosyuBox .closeBtn {
	position: absolute;
	cursor: pointer;
}
.shopBosyuBox .closeBtn .modalClose {
	display: block;
}
.shopBosyuBox .closeBtn .modalClose:before,
.shopBosyuBox .closeBtn .modalClose:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #fff;
}
.shopBosyuBox .closeBtn .modalClose:before {
	transform: rotate(-45deg);
}
.shopBosyuBox .closeBtn .modalClose:after {
	transform: rotate(45deg);
}

/* モーダルの中身 */
.shopBosyuBox .shopBosyuTitle {
	color: #333;
	font-weight: bold;
	text-align: center;
}
.shopBosyuBox .shopBosyuTxtList01 {
	color: #333;
}
.shopBosyuBox .shopBosyuTxtListItem {
}
.shopBosyuBox .shopBosyuTxtListItem strong {
	color: rgba(0,104,16,1.0);
	font-weight: bold;
}
.shopBosyuBox .shopBosyuTxtList02 {
	color: #333;
	text-align: center;
}
.shopBosyuBox .mailLink {
	color: #000;
	text-decoration: underline;
}


@media screen and (min-width: 768px) {
	.pcBlock {
		display: block;
	}
	.shopBosyuBoxTitle {
		font-size: 26px;
		margin-bottom: 10px;
	}	
	.shopBosyuBox .shopBosyuBoxInn {
		display: flex;
		width: 1040px;
		background: rgba(255,255,255,0.8);
		padding: 20px 20px 80px;
		position: relative;
	}
	.shopBosyuBox .shopBosyuBoxInn01 {
		width: 397px;
		margin-right: 10px;
	}
	.shopBosyuBox .shopBosyuImage {
		width: 100%;
	}
	.shopBosyuBox .shopBosyuBoxInn02 {
		width: 590px;
	}
	.shopBosyuBox .shopBosyuBoxInnTitle {
		position: absolute;
		bottom: 33px;
		left: 20px;
		font-size: 3.0rem;
		color: #111;
		font-weight: bold;
	}
	.shopBosyuBox .shopBosyuBoxInnTxt {
		position: absolute;
		bottom: 10px;
		left: 21px;
		font-size: 1.6rem;
		color: #444;
	}
	.shopBosyuBox .shopBosyuEndTxt {
		position: absolute;
		bottom: 8px;
		left: 21px;
		font-size: 1.6rem;
		color: #f10;
		font-weight: bold;
	}
	.shopBosyuList {
		display: flex;
		flex-wrap: wrap;
	}
	.shopBosyuList .shopBosyuListItem {
		width: 290px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.shopBosyuList .shopBosyuListItem:nth-child(2n) {
		margin-right: 0;
	}
	.shopBosyuList .shopBosyuListItem:nth-child(n+2) {
		margin-bottom: 0;
	}
	.shopBosyuList .shopBosyuListItem:last-child {
		margin-right: 0;
	}
	.shopBosyuList .shopBosyuImg {
		display: block;
		width: 100%;
	}

	.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem {
		font-size: 1.4rem;
	}
	.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem.txtCenter {
		text-align: left;
	}
	.shopBosyuBox .more {
		position: absolute;
		bottom: 20px;
		right: 25px;
		font-size: 1.4rem;
		color: #666;
		padding: 7px 50px;
		cursor: pointer;
	}
	.shopBosyuBox .more:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 5%;
		width: 80%;
		height: 1px;
		background: #666;
		transition: all .3s;
	}
	.shopBosyuBox .more:after {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 4%;
		width: 15px;
		height: 1px;
		background: #454545;
		transform: rotate(35deg);
		transition: all .3s;
	}

	.shopBosyuBox .modalBtn {
		width: 500px;
		font-size: 1.8rem;
		padding: 20px 0;
	}
	.shopBosyuBox .modal {
		background: rgba(0,0,0,0.9);
	}
	.shopBosyuBox .overlay {
	}
	.shopBosyuBox .modalContentInn {
		top: 50%;
		width: 80%;
		max-width: 940px;
		padding: 30px;
	}
	.shopBosyuBox .closeBtn {
		top: -30px;
		right: -30px;
	}
	.shopBosyuBox .closeBtn .modalClose {
		width: 30px;
		height: 30px;
	}

	/* モーダルの中身 */
	.shopBosyuBox .shopBosyuTitle {
		font-size: 2.4rem;
		margin-bottom: 15px;
	}
	.shopBosyuBox .shopBosyuTxtList01 {
		font-size: 1.5rem;
		line-height: 1.8;
		margin-bottom: 15px;
	}
	.shopBosyuBox .shopBosyuTxtListItem {
	}
	.shopBosyuBox .shopBosyuTxtListItem.txtCenter {
		font-size: 2.25rem;
		text-align: center;
		padding-top: 10px;
	}
	.shopBosyuBox .shopBosyuTxtList02 {
		font-size: 1.5rem;
		line-height: 2.0;
		border-top: 1px solid #999;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.shopBosyuBox .mailLink {
		font-size: 1.6rem;
	}
	.shopBosyuBox .linhBtn {
		display: block;
		width: 280px;
		font-size: 1.6rem;
		color: #fff;
		text-align: center;
		background: var(--main-color);
		border-radius: 6px;
		margin: 10px auto 20px;
		padding: 10px 0;
	}

}
@media screen and (max-width: 767px) {
	.spBlock {
		display: block;
	}
	.shopBosyuBoxTitle {
		font-size: 5vw;
		margin-bottom: 1.5vw;
	}	
	.shopBosyuBox .shopBosyuBoxInn {
		flex-wrap: wrap;
		background: rgba(255,255,255,0.8);
		padding: 3.5vw 3.5vw 5vw;
	}
	.shopBosyuBox .shopBosyuBoxInn01 {
		width: 100%;
		margin-bottom: 1%;
	}
	.shopBosyuBox .shopBosyuImage {
		width: 100%;
	}
	.shopBosyuBox .shopBosyuBoxInn02 {
		width: 100%;
	}
	.shopBosyuBox .shopBosyuBoxInnTitle {
		font-size: 8.5vw;
		color: #111;
		font-weight: bold;
		text-align: center;
		line-height: 1.25;
	}
	.shopBosyuBox .shopBosyuBoxInnTitle span {
		display: block;
		font-size: 5.5vw;
	}
	.shopBosyuBox .shopBosyuBoxInnTxt {
		font-size: 3.5vw;
		color: #444;
		margin: 1vw 0 2vw;
	}
	.shopBosyuBox .shopBosyuEndTxt {
		font-size: 3.75vw;
		color: #f10;
		font-weight: bold;
		text-align: center;
		padding: 1vw 0 2.5vw;
	}
	.shopBosyuList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.shopBosyuList .shopBosyuListItem {
		width: 49.5%;
		margin-bottom: 1%;
	}
	.shopBosyuList .shopBosyuListItem:last-child {
		margin-right: 0;
	}
	.shopBosyuList .shopBosyuImg {
		display: block;
		width: 100%;
	}


	.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem {
		font-size: 1.4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 3;
		line-height: 1.6;
		padding: 0 1vw;
	}
	.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem:nth-child(n+3) {
		display: none;
	}
	.shopBosyuBox .shopBosyuBoxInn02 .shopBosyuTxtListItem.txtCenter {
		text-align: left;
	}
	.shopBosyuBox .more {
		display: block;
		font-size: 3.25vw;
		color: #666;
		text-align: center;
		border: 1px solid #666;
		margin: 0 auto;
		padding: 2vw 0;
	}

	.shopBosyuBox {
		margin-top: 0;
	}
	.shopBosyuBox .modalBtn {
		width: 80%;
		font-size: 3.25vw;
		padding: 3vw 0;
	}
	.shopBosyuBox .modal {
		background: rgba(0,0,0,0.9);
	}
	.shopBosyuBox .overlay {
	}
	.shopBosyuBox .modalContentInn {
		top: 50%;
		width: 86%;
		height: 70vh;
		
		
	}
	.shopBosyuBox .modalContentInnBox {
		height: 100%;
		overflow: scroll;
		padding: 4.25vw 5vw;
	}
	.shopBosyuBox .closeBtn {
		top: -20px;
		right: -20px;
	}
	.shopBosyuBox .closeBtn .modalClose {
		width: 20px;
		height: 20px;
	}

	/* モーダルの中身 */
	.shopBosyuBox .shopBosyuTitle {
		font-size: 4.5vw;
		margin-bottom: 3vw;
	}
	.shopBosyuBox .shopBosyuTxtList01 {
		margin-bottom: 4vw;
	}
	.shopBosyuBox .shopBosyuTxtList01 .shopBosyuTxtListItem {
		font-size: 3.33vw;
		line-height: 1.5;
		margin-bottom: 1.5vw;
	}
	.shopBosyuBox .shopBosyuTxtListItem.txtCenter {
		font-size: 3.75vw;
		text-align: center;
		padding-top: 1vw;
	}
	.shopBosyuBox .shopBosyuTxtList02 {
		border-top: 1px solid #999;
		padding-top: 3vw;
	}
	.shopBosyuBox .shopBosyuTxtList02 .shopBosyuTxtListItem {
		font-size: 3vw;
		line-height: 1.5;
		margin-bottom: 1.75vw;
	}
	.shopBosyuBox .sp_block {
		display: block;
	}
	.shopBosyuBox .mailLink {
		font-size: 3.25vw;
	}
	.shopBosyuBox .linhBtn {
		display: block;
		width: 80%;
		font-size: 3.5vw;
		color: #fff;
		text-align: center;
		background: var(--main-color);
		border-radius: 6px;
		margin: 3vw auto 4vw;
		padding: 2vw 0;
	}
}





.interviewIntroduction {
	font-family: initial;
}
.interviewIntroduction .interviewIntroduction01 {
	display: flex;
	justify-content: center;
}
.interviewIntroduction .interviewLink {
	display: block;
}
.interviewIntroduction .interviewIntroductionImg {
	display: block;
}
.interviewIntroduction .interviewIntroduction02 {
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.informationModal {
	display: none;
}
.informationModal.active {
	display: block;
}
.informationModal_wrap {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-50%);
	left: 50%;
	z-index: 99999;
}
.informationModal_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 99998;
	cursor: pointer;
}
.informationModalTmb {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.informationModal_close {
	padding: 10px 0 10px 0;
	text-align: right;
	color: #FFF;
	z-index: 99999;
	cursor: pointer;
}
.informationModalTitle {
	color: #fff;
	font-family: var(--main-font);
}
.informationModal_close i {
	font-size: 36px;
}

@media screen and (min-width: 768px) {
	.informationModalTmb {
		width: 70%;
		min-width: 1150px;
	}
	.interviewIntroduction {
		
	}
	.interviewIntroduction .interviewIntroduction01 {
	}
	.interviewIntroduction .interviewLink {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row-reverse;
	}
	.interviewIntroduction .interviewLink:hover {
		opacity: 0.7;
	}
	.interviewIntroduction .interviewIntroductionImg {
		width: 240px;
	}
	.interviewIntroduction .interviewIntroduction02 {
		font-size: 4.6rem;
		margin-bottom: 15px;
		text-align: left;
		padding-left: 40px;
		position: relative;
	}
	.interviewIntroduction .interviewIntroduction02 span.bigTxt {
		font-size: 6rem;
	}
	.interviewIntroduction .interviewIntroduction02 span.moreBtn {
		position: absolute;
		right: 10px;
		bottom: 22px;
		font-size: 14px;
		font-weight: normal;
		border: 1px solid #fff;
		border-radius: 50px;
		padding: 12px 50px;
	}
	.interviewIntroduction .interviewLink:hover span.moreBtn {
		color: #000;
		background: #eee;
	}
}
@media screen and (max-width: 767px) {
	.informationModalTmb {
		width: 90%;
	}
	.interviewIntroduction .interviewIntroduction01 {
	}
	.interviewIntroduction .interviewLink {
		width: 90%;
		margin: 0 auto;
	}
	.interviewIntroduction .interviewIntroductionImg {
		width: 84%;
	}
	.interviewIntroduction .interviewIntroduction02 {
		font-size: 4.25vw;
		margin-bottom: 3vw;
	}
	.interviewIntroduction .interviewIntroduction02 span.bigTxt {
		font-size: 6.75vw;
	}
	.interviewIntroduction .interviewIntroduction02 span.moreBtn {
		display: none;
	}
}


#cacao {
	font-family: 'Noto Sans JP', sans-serif;
}
#cacao .cacaoInn {
}
#cacao .cacaoInn01 {
}
#cacao .cacaoThum {
	display: block;
	width: 100%;
}
#cacao .cacaoInn02 {
	background: rgba(255,255,255, 0.6);
	border: 6px solid #192324;
}
#cacao .cacaoInnTxt {
}
#cacao .cacaoInnTxt strong {
	display: block;
	font-weight: bold;
}
#cacao .cacaoInfo {
	border-top: 1px dashed #666;
}
#cacao .cacaoInfoTxt {
	font-weight: bold;
}
#cacao .cacaoInfoList {
	padding-left: 20px;
}
#cacao .cacaoInfoListItem {
	list-style-type: decimal;
	line-height: 1.5;
}


@media screen and (min-width: 768px) {
	#cacao {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	#cacao .cacaoInn {
		display: flex;
		justify-content: space-between;
	}
	#cacao .cacaoInn01 {
		width: 35.5%;
	}
	#cacao .cacaoInn02 {
		width: 63.5%;
		padding: 30px;
	}
	#cacao .cacaoInnTxt {
		font-size: 1.7rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	#cacao .cacaoInnTxt strong {
		font-size: 2.2rem;
		margin-bottom: 15px;
	}
	#cacao .cacaoInfo {
		padding-top: 20px;
	}
	#cacao .cacaoInfoTxt {
		font-size: 2.0rem;
		margin-bottom: 15px;
	}
	#cacao .cacaoInfoListItem {
		font-size: 1.7rem;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
	#cacao {
		margin-top: 5.5vw;
	}
	#cacao .cacaoInn {
	}
	#cacao .cacaoInn01 {
		margin-bottom: 2.5vw;
	}
	#cacao .cacaoInn02 {
		padding: 3.25vw 4vw;
	}
	#cacao .cacaoInnTxt {
		font-size: 3.25vw;
		line-height: 1.5;
		margin-bottom: 3vw;
	}
	#cacao .cacaoInnTxt strong {
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	#cacao .cacaoInfo {
		padding-top: 3vw;
	}
	#cacao .cacaoInfoTxt {
		font-size: 3.5vw;
		margin-bottom: 1vw;
	}
	#cacao .cacaoInfoListItem {
		font-size: 3.25vw;
		margin-bottom: 1.0vw;
	}
}


.thanksBox {
	margin: 0 auto;
}
.thanksBox .thanksImage {
	display: block;
}
.thanksBox .thanksTitle {
	font-family: var(--main-font);
	font-weight: bold;
	text-align: center;
}
.thanksBox .thanksTxt {
	font-family: 'Noto Sans JP', sans-serif;
}
.thanksBox .thankLink {
	color: rgba(0,104,16,1.0);
}
.thanksBox .thankPhoto {
	font-family: 'M PLUS 1p', sans-serif;
}
@media screen and (min-width: 768px) {
	.thanksBox {
		width: 1280px;
		margin-bottom: 30px;
		padding: 0;
	}
	.thanksBox .thanksImageBox {
		position: relative;
	}
	.thanksBox .thanksImage {
	}
	.thanksBox .thankPhoto {
		position: absolute;
		bottom: 4px;
		right: 87px;
		font-size: 1.4rem;
		color: rgba(255,255,255,0.9);
		font-weight: bold;
		padding: 2px 4px;
	}
	.thanksBox .thanksTitle {
		font-size: 6.6rem;
		letter-spacing: -0.003em;
		padding: 5px 0;
	}
	.thanksBox .thanksTxt {
		font-size: 2.0rem;
		line-height: 1.7;
		padding: 0 30px;
	}
	.thanksBox .thankLink {
		font-weight: bold;
		margin-right: 10px;
	}
	.thanksBox .thankLink:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 767px) {
	.thanksBox {
		margin-bottom: 4vw;
	}
	.thanksBox .thanksImageBox {
		position: relative;
	}
	.thanksBox .thankPhoto {
		position: absolute;
		bottom: 2px;
		right: 5vw;
		font-size: 1.67vw;
		color: rgba(255,255,255,1.0);
		font-weight: bold;
		line-height: 1.0;
	}
	.thanksBox .thanksImage {
		width: 100%;
	}
	.thanksBox .thanksTitle {
		font-size: 8.0vw;
		letter-spacing: -0.055em;
		padding: 2vw 0 1.5vw;
	}
	.thanksBox .thanksTxt {
		font-size: 3.875vw;
		line-height: 1.55;
		padding: 0 3vw 1vw;
	}
	.thanksBox .thankLink {
		font-size: 3.0vw;
		font-weight: bold;
		margin-right: 1vw;
	}
}