@charset "UTF-8";

/* ポジション */
@media (min-width: 768px) {
	#icon-logo{
		padding-bottom:45px;
	}
}

#headline h3{
	padding-top:25px;
}
#headline p{
	text-align:center;
}

.content h4{
	text-align:center;
	font-family:'NewYork','BIZ UD明朝','BIZ UDMincho','游明朝','YuMincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','メイリオ','Meiryo','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size:1.8rem;
	padding-bottom:2px;
}
.content h5{
	text-align:center;
	font-size:1.7rem;
	padding:10px 0 5px;
}
@media (min-width: 768px) {
	.content h4{
		font-size:1.9rem;
	}
	.content h5{
		font-size:1.7rem;
		padding:15px 0 10px;
	}
}
@media (min-width: 1024px) {
	.content h4{
		font-size:2.1rem;
	}
	.content h5{
		font-size:1.8rem;
	}
}
@media (min-width: 1200px) {
	.content h4{
		font-size:2.3rem;
	}
	.content h5{
		font-size:1.9rem;
	}
}

#two h4{
	padding-top:25px;
}
@media (min-width: 768px) {
	#two h4{
		padding-top:35px;
	}
}
@media (min-width: 1024px) {
	#two h4{
		padding-top:45px;
	}
	#two p{
		text-align:center;
	}
}
#flower{
	font-size:0;
	padding-top:30px;
}
.flower p{
	font-size:1.3rem;
}
@media (min-width: 568px) {
	#flower{
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-box;
    	display:-webkit-flexbox;
    	display:-moz-flexbox;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:-ms-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
	.flower{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 15px);
	}
	.flower:first-child{
		background:url(../position/img/flower.jpg) no-repeat center;
		background-size:cover;
	}
	.flower:last-child{
		margin-left:30px;
		border-top:2px solid #333;
		border-bottom:2px solid #333;
	}
	.flower p{
		padding:15px 0;
	}
}
@media (min-width: 768px) {
	#flower{
		margin:0 12.5%;
	}
}
@media (min-width: 1024px) {
	#flower{
		margin:0 22.5%;
	}
	.flower p{
		text-align:left;
	}
}
@media (min-width: 1200px) {
	#flower{
		margin:0 25%;
	}
}

#event{
	background:#F0EFE6;
	padding-top:60px;
}
@media (min-width: 768px) {
	#event{
		padding-top:70px;
	}
}
@media (min-width: 1024px) {
	#event{
		padding-top:80px;
	}
}

#three{
	font-size:0;
}
@media (min-width: 1024px) {
	#three{
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-box;
    	display:-webkit-flexbox;
    	display:-moz-flexbox;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:-ms-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
	.event{
		display:inline-block;
		vertical-align:top;
		width:calc(50% - 20px);
	}
	.event:first-child{
		margin-right:40px;
		background:url(../position/img/event.jpg) no-repeat center;
		background-size:cover;
	}
}

#schedule{
	font-size:0;
}
#schedule h5{
	text-align:left;
	padding-top:15px;
	padding-bottom:10px;
}
@media (min-width: 1024px) {
	#schedule h5{
		padding-top:0;
	}
}
.schedule h6{
	font-size:1.4rem;
	padding-bottom:5px;
}
.schedule h6.gyoji{
	padding-top:10px;
}
.square{
	font-size:130%;
	padding-right:5px;
}
.schedule dl{
	font-size:0;
}
.schedule dl dt{
	display:inline-block;
	width:42px;
	font-size:1.4rem;
}
.schedule dl dd{
	display:inline-block;
	width:calc(100% - 42px);
	font-size:1.4rem;
}
.schedule p{
	font-size:1.3rem;
}
@media (min-width: 568px) {
	.schedule{
		display:inline-block;
		vertical-align:top;
		width:50%;
	}
	.schedule h6.gyoji{
		padding-top:0;
	}
}

#four{
	padding-top:60px;
}
#four h4{
	padding-bottom:10px;
}
@media (min-width: 768px) {
	#four{
		padding-top:70px;
	}
}
@media (min-width: 1024px) {
	#four{
		padding-top:80px;
	}
	#four p{
		text-align:center;
	}
}

@media (min-width: 1200px) {
	.wrapper.yohaku{
		width:auto;
		padding-left:10%;
		padding-right:10%;
	}
}

#embassy ul{
	font-size:0;
	padding-bottom:20px;
}
#embassy ul li{
	margin-top:30px;
}
#embassy ul li h5{
	text-align:left;
	font-size:1.6rem;
	border-bottom:2px solid #333;
	padding:5px 0 3px;
}
#embassy > h5{
	text-align:left;
	padding-bottom:3px;
	font-size:1.4rem;
}
@media (min-width: 568px) {
	#embassy ul li{
		display:inline-block;
		width:calc(50% - 15px);
	}
	#embassy ul li:first-child{
		margin-right:30px;
	}
}
@media (min-width: 768px) {
	#embassy{
		padding:0 10%;
	}
	#embassy ul li{
		width:calc(50% - 20px);
	}
	#embassy ul li:first-child{
		margin-right:40px;
	}
}
@media (min-width: 1024px) {
	#embassy{
		padding:0 15%;
	}
	#embassy p{
		text-align:left;
	}
}
@media (min-width: 1200px) {
	#embassy ul li{
		width:calc(50% - 25px);
	}
	#embassy ul li:first-child{
		margin-right:50px;
	}
}

#history{
	background:#666;
	color:#FFF;
	padding-top:60px;
	margin-bottom:30px;
}
#history p{
	padding-bottom:20px;
}
#history p.caption{
	text-align:center;
	font-size:1.3rem;
	padding-bottom:40px;
}
#history p.park{
	padding-top:5px;
	padding-bottom:0;
}
@media (min-width: 768px) {
	#history{
		padding-top:70px;
		padding-left:10%;
		padding-right:10%;
	}
	#history p{
		padding-bottom:30px;
	}
	#history p.caption{
		padding-bottom:50px;
	}
}
@media (min-width: 1024px) {
	#history{
		padding-top:80px;
	}
	#history p{
		padding-bottom:40px;
		text-align:center;
	}
}


.parallax-window{
    min-height:50vh;
	position:relative;
	z-index:-100;
	margin-bottom:30px;
}
@media (min-width: 568px) {
	.parallax-window{
    	min-height:70vh;
	}
}
@media (min-width: 768px) {
	.parallax-window{
    	min-height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax-window{
    	min-height:70vh;
	}
}
@media (min-width: 1024px) {
	.parallax-window{
    	min-height:80vh;
	}
}