@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
	body{ font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
	img{ max-width: 100%;}
	#mainvisual{ height: 800px !important; }
	#mainvisual > div{background: linear-gradient( 135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)),  url("/img/bg_pattern.gif");}
	.sponser{ position: absolute; right: 3%; bottom: 3%; display: inline;}
	.logo{margin: 4% auto 25px auto; text-align: center;}
	.info li{ list-style: none; text-align: center; font-size: 25px; color: #fff; }
	.sponser ul{display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center}
	.sponser ul li{ list-style: none; margin-bottom:20px; margin-left: 20px; text-align: center}
	.sponser ul li img{ vertical-align: middle; max-width: 100%}
	main{ background: url("/img/bg_information.jpg") no-repeat; background-size: cover; color: #ddd; padding: 5%;}
	main p{ line-height: 2; }
	main p + p{ font-weight: bold; margin: 40px auto !important;}
	main p + p a{ color: #eee;}
	main p + p + div{ text-align: center; color: #ccc; padding: 20px; border-top: solid 1px #666;}
	.sns_icon {display: flex; justify-content: center}
	.sns_icon li{list-style: none; margin:0 1%;}
	.sns_icon li a{display: block; color: #000; border-radius: 3px; padding: 10px; width: 50px; text-align: center; background: #eee;}
	.arrow{text-align: center; font-size: 40px; color: #fff; position: absolute; bottom:30%; width: 100%;}
	.arrow i{border-radius: 40px; padding: 38px 20px; line-height: 0; border: solid 1px #fff; display: block; display: inline-block}
	div.sns{ background: #000; }
	.instagram iframe{ width: 100% !important}
	.image-wrapper{ margin: 0;}

	.message{ max-width: 850px; margin: 0 auto; }
	.sns_wrap{ text-align: center; }
	.entry{text-align: center;}
	.entry a{margin: 20px auto;  display: inline-block; border-radius: 5px; background: #fff; color: #000; padding: 10px 20px;}
	.entry a em{ font-size:20px; font-style: normal; font-weight: bold; }
.entry_btn	{ width: 200px; background:#fff; color: #000; margin: 20px auto 5px; border-radius: 50px; padding: 20px 40px; text-decoration: none; display: block; border: solid 1px #fff; }

.entry_btn:hover{ color: #fff; background:none; }
	/*** form ***/
	body.entry{ background: #000; }
	ul.form{ max-width: 400px; margin: 40px auto 0px auto; background: #333; border-radius: 10px; padding: 20px;}
	ul.form li { list-style: none; margin: 10px 0; color: #fff }
	ul.form li input{  border-bottom: solid 1px #666; font-size: 16px; padding: 10px; margin: 0; display: block;}
	ul.form li input::placeholder {color: #ccc;}
	ul.form li input.w100{ width: 100% !important; }
	ul.form li input.w50{ width: 50% !important; }
	ul.form li input.submit{ margin: 60px auto 40px; width: 50%; color: #ccc; padding: 10px; border: solid 1px #ccc; border-radius: 50px; }
	ul.form li input.submit:hover{ color: #000; background:#ccc; }



ul#gallery{
	margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

	ul#gallery li{
	list-style: none;
	width: 200px;
	height: 130px;
	position: relative;
}

	ul#gallery li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}

ul#gallery li a:hover img{
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.3s;
	top: 0;
	opacity: 1;
}



ul#gallery li div{
	position: absolute;
	z-index: 10;
	bottom: 10px;
	left: 10px;
	color: #fff;
	border-radius: 100%;
	line-height: 1;
	padding: 5px;
	font-family: arial;
}

.send_text{ color: #fff; text-align: center; margin: 40px auto; padding: 20px; border: solid 1px #ccc; max-width:500px;}
.send_text a{ color: #fff; }

	@media screen and (max-width: 680px) {
	#mainvisual{ height: 700px !important; }
	#mainvisual > div{background-color: rgba(0,0,0,0.3); background-image: none}
	main{ padding: 7% 7% 7% 7%;}
	.logo{margin: 15% 10% 25px ; text-align: center;}
	.info li{ margin-top: 10px; text-align: center}
	.info li img{width: 70%}
	main p{ line-height: 1.7; letter-spacing: 0;text-align:justify; font-size: 13px;}
	main p + p{ margin-top: 20px}
	main p + p br{ display: block;}
	main p + p + div{  padding: 20px 0;}
	.form_wrap p{text-align: center; font-size: 13px;}
	.sponser ul li{ width: 15%; margin-bottom: 10px; margin-left: 0;}
	div.sns{ display: block; }
	div.sns > div{width: 100%;}
		ul#gallery li{width: 50%; height: 130px;}
		ul.form{margin: 20px auto 0px auto;}

	.entry a{margin: 20px;padding: 10px;}
	.entry a em{ font-size:16px; }

	.arrow i{border-radius: 40px; padding: 28px 20px; }
	.arrow{text-align: center; font-size: 20px; bottom:50%; }
	.info li{ font-size: 20px;}
	.send_text{ margin: 40px 20px; }
	.arrow{ display: none; }
		.sponser ul li img{ max-width: 80%}
	}