body{overflow-x:hidden;}
#festival #intro{background:url(./images/img_visual.jpg) no-repeat center;background-size:cover;}
#festival #intro section{height: 570px;}
#festival #intro::after{background:transparent;}
#festival #intro .pageTitle{width:100%;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.8;font-size:5.0rem;text-shadow:0 0 3px rgba(0,0,0,0.8);}
#festival #intro .pageTitle .small{display:block;color:#ffffff;font-size:2.0rem;}
#festival #link{padding-bottom:80px;}
#festival #link a{display:block;min-height:450px;position:relative;-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#festival #link a:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
#festival #link h3{position:absolute;left:0;bottom:15px;font-size:2.0rem;background:#000000;padding:10px 15px;line-height:1;color:#FFFFFF;}
#festival #link a[href="#sakura"]{background:url(./images/bg_sakura.jpg) no-repeat center;background-size:cover;}
#festival #link a[href="#tanabata"]{background:url(./images/bg_tanabata.jpg) no-repeat center;background-size:cover;}
#festival #link a[href="#etc"]{background:url(./images/bg_etc.jpg) no-repeat center;background-size:cover;}

#festival .title{font-size:3.5rem;margin:0 0 20px 0;font-weight:bold;color:#444444;font-family: "fot-tsukuardgothic-std";-ms-font-feature-settings: "fot-tsukuardgothic-std";}
#festival .title .small{vertical-align:middle;color:#444444;font-size:1.8rem;}
#festival .title + p{font-size:1.6rem;}
#festival .subTitle{clear:both;position:relative;padding:10px 5px;margin:0 0 15px 0;font-size:1.6rem;border-top:1px solid #444444;border-bottom:1px solid #444444;font-family: "fot-tsukuardgothic-std";-ms-font-feature-settings: "fot-tsukuardgothic-std";}
#festival .subTitle::after{content:"DATA";font-size:1.4rem;font-weight:bold;padding:0 0 0 10px;position:absolute;right:0;bottom:-7px;background:#ffffff;}
#festival #sakura .subTitle::after{background:#FDF3F3;}
#festival #tanabata .subTitle::after{background:#EAF5F6;}
#festival .detail dl::after{content:"";display:block;clear:both:}
#festival .detail dl dt{float:left;}
#festival .detail dl dd{overflow:hidden;}

#festival #sakura,
#festival #tanabata,
#festival #etc{position:relative;margin-top:-80px;padding-top:80px;}

#festival #sakura::before{content:"";position:absolute;z-index:-1;top:40px;left:-80px;display:block;width:140%;height:100%;background:#FDF3F3;transform:rotate(2deg);}
#festival #tanabata::before{content:"";position:absolute;z-index:-1;top:40px;left:-80px;display:block;width:140%;height:100%;background:#EAF5F6;transform:rotate(2deg);}

#festival .btn.border{padding:10px 15px;background:transparent;border:1px solid #444444;border-radius:5px;color:#444444;display:block;font-weight:bold;}
#festival .btn.border:hover{background:#ffffff;opacity:1;}

#festival figure{position:relative;}
#festival figure figcaption{position:absolute;left:1px;bottom:15px;font-weight:normal;font-size:1.6rem;background:#000000;padding:10px 15px;line-height:1;color:#FFFFFF;}
#festival figcaption.none_margin{left:16px;}

#festival .inner{margin-bottom:40px;padding-bottom:25px;border-bottom:1px dotted #dcdcdc;}

#festival #etc section{margin-bottom:40px;}
#festival #a001{text-align:center;}
#festival #a001 h2{margin:0 0 20px 0;font-weight:bold;font-size:3.0rem;font-family: "fot-tsukuardgothic-std";-ms-font-feature-settings: "fot-tsukuardgothic-std";}
#festival #a001 h2 span{font-size:2.0rem;display:block;margin:0 0 10px 0;}
#festival #a001 h2 + p{font-size:2.0rem;}

#festival .miniTitle{font-size:1.6rem;margin:0 0 5px 0;font-weight:bold;font-family: "fot-tsukuardgothic-std";-ms-font-feature-settings: "fot-tsukuardgothic-std";}

#festival #calendar .largeTitle + p{margin-bottom:30px;}
#festival #calendar article{margin-bottom:40px;}
#festival #calendar ul{margin:0 0 0 0;padding:0 0 0 0;}
#festival #calendar ul li{list-style:none;}
#festival #calendar ul li:not(:last-child){margin-bottom:10px;}

@media (max-width: 991px) {
	#festival #sakura::before,
	#festival #tanabata::before{left:0px;width:100%;transform:rotate(0deg);}
	#festival #link a{min-height:150px;-webkit-filter: grayscale(0%);filter: grayscale(0%);}
}
@media (max-width: 767px) {
	#festival #link a[href="#sakura"]{background:url(./images/bg_sakura_sp.jpg) no-repeat center;background-size:cover;}
	#festival #link a[href="#tanabata"]{background:url(./images/bg_tanabata_sp.jpg) no-repeat center;background-size:cover;}
	#festival #link a[href="#etc"]{background:url(./images/bg_etc_sp.jpg) no-repeat center;background-size:cover;}
	#festival #link a{margin-bottom:30px;}
	#festival #intro .pageTitle{font-size:3.5rem;}
	#festival #intro section{height: 300px;}
	#festival figure figcaption{position:static;left:0px;bottom:0px;margin:0 0 0 0;background:transparent;color:#000000;font-size:1.2rem;padding:10px 0;}
}

#flowers .flowers-photo img {
	margin-bottom: 15px;
}

#flowers .flowers-list {
	margin-bottom: 5rem;
}

#flowers #flowersMap {
	width: 100%;
	height: 570px;
	background-color: grey;
}
