@charset "utf-8";

body {
	-webkit-text-size-adjust: 100%;
	font-family: "a-otf-ryumin-pr6n", serif;
	text-align:center;
	color:#c79c3f;
	background-color:#000;
}

.gothic{
	font-family:メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
}


a {
	color:#c79c3f;
	transition : opacity 0.4s;
	-webkit-transition : opacity 0.4s;
	opacity:1;
	outline:none;
}
a:hover {
	opacity: 0.8;
}

img{
	max-width:100%;
}

.only_smart,
.only_smart_i{
	display:none !important;
}
@media screen and (max-width:768px){
	.only_pc{
		display:none !important;
	}

	.only_smart{
		display:block !important;
	}
	.only_smart_i{
		display:inlie-block !important;
	}
}

#wrapper{
}

.inner{
	max-width:1000px;
	width:94%;
	margin:auto;
}


/* 色関係 */
.white{
	color:#fff;
}


/* header */
header{
}
header .head_logo{
	padding:min(1.5%,15px) 0 min(3%,30px);
	background:url(../images/head_line.png)no-repeat center bottom;
	background-size:100% auto;
}
header .head_logo img{
	width:min(8.4%,84px);
}
header h1{
	margin-top:min(7%,70px);
	font-size:min(3vw,30px);
	font-weight:normal;
}
header .lead{
	line-height:2.1;
	margin-top:min(4%,40px);
	font-size:min(2.4vw,23px);
}
header .fig{
	margin-top:min(6%,60px);
}

@media screen and (max-width:768px){
	header .head_logo img{
		width:20vw;
	}
	header h1{
		margin-top:9%;
		font-size:5.3vw;
	}
	header .lead{
		line-height:1.68;
		margin-top:9%;
		font-size:4.1vw;
	}
	header .lead.en{
		padding:0 4%;
		text-align:left;
		word-break: break-all;
	}
}


/* article */
article{
}



/* #cont1 */
#cont1{
	padding:min(9%,90px) 0;
}
#cont1 h2{
	font-size:min(3vw,30px);
	font-weight:normal;
}
#cont1 .event_list{
	max-width:750px;
	margin-top:min(5%,50px);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont1 .event_list li{
	width:31%;
	margin:0.8%;
	padding:2% 0;
	aspect-ratio:1 / 1;
	color:#707070;
	background-color:#e6e6e6;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}
#cont1 .event_list li h3{
	line-height:1.3;
	font-size:min(2.3vw,23px);
	font-weight:normal;
}
#cont1 .event_list li h3.en{
	line-height:1.1;
	font-size:min(1.6vw,17px);
	font-weight:bold;
	letter-spacing:-0.05em;
	white-space:nowrap;
}

#cont1 .event_list li figure{
	width:100%;
}
#cont1 .event_list li figure img{
	width:40%;
}
#cont1 .event_list li figure figcaption{
	margin-top:3%;
	line-height:1.5;
	font-size:min(1.5vw,15px);
}
#cont1 .event_list li figure figcaption.en{
	font-size:min(1.4vw,14px);
}

#cont1 .pr{
	line-height:2;
	margin-top:min(5%,50px);
	font-size:min(2vw,20px);
}

#cont1 .please{
	margin-top:min(5%,50px);
}
#cont1 .please .lead{
	font-size:min(2.5vw,25px);
}
#cont1 .please .arrow{
	display:block;
	width:min(44%,444px);
	margin:min(2.5%,25px) auto 0;
}
#cont1 .please .btn{
	display:block;
	width:min(36%,362px);
	margin:min(2.5%,25px) auto 0;
}
#cont1 .please .caution{
	margin-top:min(2.5%,25px);
	font-size:min(1.6vw,16px);
}
#cont1 .please .form{
	margin-top: 30px;
	width: 100%;
  height: 820px;
}


@media screen and (max-width:768px){
	#cont1 h2{
		font-size:5.4vw;
	}
	#cont1 .event_list{
		width:90%;
	}
	#cont1 .event_list.en{
		width:92%;
	}
	#cont1 .event_list li{
		width:47%;
		margin:1.5%;
		padding:3% 0 3%;
		aspect-ratio:auto;
	}
	#cont1 .event_list li h3{
		height:2.6em;
		font-size:4vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	#cont1 .event_list li h3.en{
		height:3.6em;
		line-height:1.3;
		margin:0 4%;
		font-size:4vw;
		letter-spacing:0;
		white-space:normal;
		word-break: break-all;
	}
	#cont1 .event_list li h3.en.double{
		height:2.6em;
	}
	#cont1 .event_list li figure img{
		width:40%;
	}
	#cont1 .event_list li figure figcaption{
		margin-top:3%;
		line-height:1.5;
		font-size:3.3vw;
	}
	#cont1 .event_list li figure figcaption.en{
		padding:0 4%;
		line-height:1.2;
		font-size:3.3vw;
		text-align:left;
		word-break: break-all;
	}
	#cont1 .pr{
		line-height:1.8;
		font-size:3.8vw;
	}
	#cont1 .pr.en{
		padding:0 4%;
		line-height:1.8;
		font-size:3.8vw;
		white-space:normal;
		text-align:left;
		word-break: break-all;
	}
	#cont1 .please{
		margin-top:9%;
	}
	#cont1 .please .lead{
		font-size:4.5vw;
	}
	#cont1 .please .arrow{
		width:52%;
	}
	#cont1 .please .btn{
		width:62%;
		margin:3% auto 0;
	}
	#cont1 .please .caution{
		margin-top:3%;
		font-size:2.8vw;
	}

	#cont1 .please .form{
		width: 90%;
	  height: 760px;
	}

}



/* footer */
footer{
	padding:0 0 min(3%,30px);
}
footer .sns{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
footer .sns li{
	width:40px;
	margin:0 10px;
}
footer .sns li:nth-child(3){
	width:60px;
	margin:0 25px;
}

footer nav{
	margin-top:min(5%,50px);
}
footer nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
footer nav ul li{
	line-height:1.3;
	margin:0 25px;
	font-size:12px;
}
footer nav ul li a{
	text-decoration:underline;
}

footer .copy{
	margin-top:min(5%,50px);
	font-size:10px;
	letter-spacing:0.05em;
	text-indent:0.05em;
}

@media screen and (max-width:768px){
	footer{
		padding:9% 0 5%;
	}
	footer .sns{
		padding:0 5%;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	footer .sns li{
		width:12%;
		margin:0;
	}
	footer .sns li:nth-child(3){
		width:20%;
		margin:0;
	}

	footer nav{
		margin-top:12%;
	}
	footer nav ul{
		display: block;
	}
	footer nav ul li{
		margin:1em 0;
		font-size:3.8vw;
	}

	footer .copy{
		margin-top:5%;
		font-size:2.5vw;
	}
}
