@charset "utf-8";

.notesTxt.withhead{
	padding-left:1em;
	position:relative;
}
.withhead.kome::before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
.withhead.sen::before{
	content:"−";
	position:absolute;
	top:0;
	left:0;
}
.withhead.kuromaru::before{
	content:"⚫︎";
	position:absolute;
	top:0;
	left:0;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (max-width:767px){
	.block{
		width:100% !important;
		margin:0  !important;
		padding:7% 0 0 0 !important;
	}
	.block .inner{
		width:95% !important;
		margin:0 auto 0 !important;
		padding:0 3% 0 3% !important;
	}
	/* ------------------------------------ */
	.mainVisual{
		width:95%;
		margin:-5% auto 0;
	}
	/* ------------------------------------ */
	.cmnTxt{
		font-size:3.7vw;
		line-height:1.5;
	}
	/* ------------------------------------ */
	.notesTxt{
		font-size:3.2vw;
		line-height:1.4;
	}
	/* ============================================ */
	.fixedBtn{
		width:21vw;
		height:21vw;
		position:absolute;
		position:sticky;
		top:10%;
		left:85%;
		margin-top:-16%;
		transition:all 0.3s ease-in-out;
		visibility:visible;
		opacity:0.8;
	}
	.fixedBtn.hide{
		opacity:0;
		visibility:hidden;
	}
	.fixedBtn a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		font-size:4.5vw;
		letter-spacing:-0.1em;
		color:#fff;
		background-color:var(--clr-blue);
		border-radius:200px;
		position:relative;
	}
	.fixedBtn a::before{
		content:"↓";
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:4.2vw;
		position:absolute;
		bottom:0.5em;
		left:50%;
		transform: translateX(-50%);
	}

	/* ============================================ */
	.block.first > .inner .eventDtlBox > .imgBox{
		width:50%;
		margin-block:auto;
	}
/* ============================================ */
	.block.second > .inner .wrapBox{
		margin-top:4%;
	}
	.block.second > .inner .wrapBox > .items{
		display:flex;
		align-items:start;
		flex-direction:column;
		width:100%;
		margin:3% 0 0 0;
		padding:6%;
		border:1px solid #333;
	}
	.block.second > .inner .wrapBox > .items:first-child{
		margin-top:0;
	}
	.block.second > .inner .wrapBox > .items h4{
		text-align:center;
		font-size:4.0vw;
		font-weight:400;
	}
	.block.second > .inner .wrapBox > .items > .innerBox{
		margin-top:4%;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p{
		font-size:3.6vw;
		margin-top:3%;
		line-height:1.2;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p:first-child{
		margin-top:0;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p.listType{
		position:relative;
		padding-left:1em;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p.listType::before{
		content:"−";
		position:absolute;
		top:0;
		left:0;
	}
	/* ============================================ */
	.block.third > .inner .requirementsTbl{
		border:1px solid #333;
		padding:10% 5%;
		margin-top:4%;
	}
	.block.third > .inner .requirementsTbl .items{
		padding:0 5% 5% 5%;
		margin-top:10%;
		border-bottom:1px solid #333;
	}
	.block.third > .inner .requirementsTbl .items:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items > div{
		width:100%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox{
		margin-top:3%;
	}
	.block.third > .inner .requirementsTbl .items div > p{
		line-height:1.3;
	}
	.block.third > .inner .requirementsTbl .items .ttlBox > p{
		font-size:3.0vw;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox > p{
		font-size:3.5vw;
		margin-top:1.5%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox > p:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .notesType{
		font-size:3.2vw;
		padding-left:1em;
		text-indent:-1em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .listType{
		padding-left:1em;
		position:relative;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .listType::before{
		content:"−";
		position:absolute;
		top:0;
		left:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .fontColorRed{
		color:#d60000;
	}
	/* ============================================ */
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox{
		margin-top:6%;
		padding-left:0.7em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .areaTxt{
		display:flex;
		align-items:center;
		position:relative;
		font-size:3.5vw;
		font-weight:500;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .areaTxt::before{
		content:"■";
		font-size:2.5vw;
		position:absolute;
		left:-1.1em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .wrapBox{
		/*display:flex;*/
		margin-top:6%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .wrapBox:nth-child(2){
		margin-top:3%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .wrapBox .ttlTxt{
		font-size:3.5vw;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .wrapBox .bdyTxt{
		font-size:3.5vw;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .wrapBox .bdyTxt span{
		display:inline-block;
		font-size:3.0vw;
		padding-left:1em;
		text-indent:-1em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox{
		margin-top:5%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox{
		display:flex;
		margin-top:1.5%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox .ttlTxt{
		width:5em;
		font-size:3.2vw;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox .bdyTxt{
		width:calc(100% - 5em);
		font-size:3.5vw;
	}

	/* ============================================ */
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox{
		margin-top:5%;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox > p{
		font-size:3.5vw;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox > p:nth-child(2),
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox > p:nth-child(3){
		padding-left:1em;
		text-indent:-1em;
	}

	/* ============================================ */
	.block.fourth > .inner .btnBox{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
		margin-top:7%;
	}
	.block.fourth > .inner .btnBox .limitTxt,
	.block.fourth > .inner .btnBox .limitTxt > span{
		font-size:5vw;
	}
	.block.fourth > .inner .btnBox .limitTxt > span{
		color:#d60000;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .btnBox a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		margin:5% auto 0;
		padding:6% 0;
		color:#fff;
		font-size:6vw;
		background-color:var(--clr-blue);
		position:relative;
		transition:all 0.3s ease-in-out;
		transform:scale(1);
		opacity:1;
	}
	.block.fourth > .inner .btnBox a::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		color:#fff;
		font-size:5vw;
		position:absolute;
		right:0.5em;
		top:50%;
		transform:translateY(-50%);
		transition:all 0.3s ease-in-out;
	}
	/*.block.fourth > .inner .btnBox a:hover{
		transform:scale(1.03);
		opacity:0.8;
	}
	.block.fourth > .inner .btnBox a:hover::before{
		right:0.2em;
	}*/
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){
	.block{
		width:100% !important;
		margin:0  !important;
		padding:50px 0 0 0 !important;
	}
	.block .inner{
		width:95% !important;
		margin:0 auto 0 !important;
		padding:0 4% 0 4% !important;
	}
	/* ------------------------------------ */
	.mainVisual{
		width:92%;
		margin:0 auto 0;
	}
	/* ------------------------------------ */
	.cmnTxt{
		font-size:clamp(1.0rem, 1.5vw, 1.5rem);
		line-height:1.5;
	}
	/* ------------------------------------ */
	.notesTxt{
		font-size:clamp(0.8rem, 1.3vw, 1.3rem);
		line-height:1.4;
	}
	/* ============================================ */
	.fixedBtn{
		width:15vw;
		height:15vw;
		max-width:180px;
		max-height:180px;
		min-width:120px;
		min-height:120px;
		position:sticky;
		margin-top:-150px;
		top:90px;
		left:84%;
		transition:all 0.3s ease-in-out;
		opacity:0.4;
		transform:scale(1);
		visibility:visible;
	}
	.fixedBtn.hide{
		opacity:0;
		visibility:hidden;
	}
	.fixedBtn a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		font-size:clamp(1.6rem, 2vw, 2rem);
		color:#fff;
		background-color:var(--clr-blue);
		border-radius:200px;
		position:relative;
	}
	.fixedBtn a::before{
		content:"↓";
		display:flex;
		align-items:center;
		justify-content:center;
		position:absolute;
		bottom:0.5em;
		left:50%;
		transform: translateX(-50%);
	}
	.fixedBtn:hover{
		opacity:1;
		transform:scale(1.03);
	}

	/* ============================================ */
	.block.first > .inner > .imgBox{
		margin-top:60px;
	}
	/* ============================================ */
	.block.second > .inner .wrapBox{
		display:flex;
		margin-top:20px;
	}
	.block.second > .inner .wrapBox > .items{
		display:flex;
		align-items:start;
		flex-direction:column;
		width:32%;
		margin:0 0 0 2%;
		padding:30px;
		border:1px solid #333;
	}
	.block.second > .inner .wrapBox > .items:first-child{
		margin-left:0;
	}
	.block.second > .inner .wrapBox > .items h4{
		text-align:center;
		font-size:clamp(1.3rem, 1.8vw, 1.8rem);
		font-weight:400;
	}
	.block.second > .inner .wrapBox > .items > .innerBox{
		margin-top:30px;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p{
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		margin-top:20px;
		line-height:1.2;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p:first-child{
		margin-top:0;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p.listType{
		position:relative;
		padding-left:1em;
	}
	.block.second > .inner .wrapBox > .items > .innerBox p.listType::before{
		content:"−";
		position:absolute;
		top:0;
		left:0;
	}
	/* ============================================ */
	.block.third > .inner .requirementsTbl{
		border:1px solid #333;
		padding:70px;
		margin-top:20px;
	}
	.block.third > .inner .requirementsTbl .items{
		display:flex;
		padding:0 40px 25px 40px;
		margin-top:60px;
		border-bottom:1px solid #333;
	}
	.block.third > .inner .requirementsTbl .items:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items div > p{
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		line-height:1.3;
	}
	.block.third > .inner .requirementsTbl .items .ttlBox{
		width:13vw;
		max-width:300px;
		min-width:260px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox{
		width:calc(100% - 260px);
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .notesType{
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
		padding-left:1em;
		text-indent:-1em;
		margin-top:3px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .listType{
		padding-left:1em;
		position:relative;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .listType::before{
		content:"−";
		position:absolute;
		top:0;
		left:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .fontColorRed{
		color:#d60000;
	}

	/* ============================================ */
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox{
		margin-top:40px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .areaTxt{
		display:flex;
		align-items:center;
		position:relative;
		font-weight:500;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .venueBox .areaTxt::before{
		content:"■";
		font-size:clamp(0.7rem, 1.0vw, 1.0rem);
		position:absolute;
		left:-1.1em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .wrapBox{
		display:flex;
		margin-top:5px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .wrapBox .ttlTxt{
		width:5em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .wrapBox .bdyTxt{
		width:calc(100% - 5em);
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .wrapBox .bdyTxt span{
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox{
		margin-top:25px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox{
		display:flex;
		margin-top:5px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox:first-child{
		margin-top:0;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox .ttlTxt{
		width:5em;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .areaBox .scheduleBox .timesBox .bdyTxt{
		width:calc(100% - 5em);
	}

	/* ============================================ */
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox{
		margin-top:20px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox > p:nth-child(1){
		margin-top:20px;
	}
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox > p:nth-child(2),
	.block.third > .inner .requirementsTbl .items .bdyBox .addBox > p:nth-child(3){
		padding-left:1em;
		text-indent:-1em;
	}

	/* ============================================ */
	.block.fourth > .inner .btnBox{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
		margin-top:50px;
	}
	.block.fourth > .inner .btnBox .limitTxt,
	.block.fourth > .inner .btnBox .limitTxt > span{
		font-size:clamp(1.4rem, 1.8vw, 1.8rem);
	}
	.block.fourth > .inner .btnBox .limitTxt > span{
		color:#d60000;
	}
	/* ------------------------------------ */
	.block.fourth > .inner .btnBox a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:70%;
		max-width:700px;
		margin:20px auto 0;
		padding:30px 0;
		color:#fff;
		font-size:clamp(1.7rem, 2.2vw, 2.2rem);
		background-color:var(--clr-blue);
		position:relative;
		transition:all 0.3s ease-in-out;
		transform:scale(1);
		opacity:1;
	}
	.block.fourth > .inner .btnBox a::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		color:#fff;
		font-size:clamp(1.4rem, 1.8vw, 1.8rem);
		position:absolute;
		right:0.5em;
		top:50%;
		transform:translateY(-50%);
		transition:all 0.3s ease-in-out;
	}
	.block.fourth > .inner .btnBox a:hover{
		transform:scale(1.03);
		opacity:0.8;
	}
	.block.fourth > .inner .btnBox a:hover::before{
		right:0.2em;
	}
}