.pagewrapper {padding-top:10vh;}

.titlearea {padding:13vh 5vw;position:relative;text-align:center;}
.titlearea h1 {color:#fff;font-size:5rem;text-shadow:0 0 1em #ffc;}
.titlearea p {color:#fff;font-size:1.4rem;}
.pankuzuarea {color:#fff;position:absolute;top:2vw;right:3vw;}
.pankuzuarea span {color:#fff;}
.pankuzuarea a {color:#fff;}
/*SP*/
@media (max-width: 896px){
	.pagewrapper {padding-top:10vh;}
	.titlearea {padding:8vh 7vw 7vh 7vw;}
	.titlearea h1 {font-size:2rem;}
	.titlearea p {font-size:1.0rem;}
	.pankuzuarea {top:2vh;right:5vw;}
}

.contactpage .contentarea {background:#fff;}
/*SP*/
@media (max-width: 896px){

}

.aboutuspage .contentarea {background:#fff;}
/*SP*/
@media (max-width: 896px){
}


.eventflowpage {}
.eventflowpage .eventoverview {background:#111;}
.eventflowpage .eventoverview h2 {color:#fff;}
.eventflowpage .eventoverview h3 {color:#fff;}
.eventflowpage .eventoverview p {color:#fff;}
.eventflowpage .eventoverview a {color:#fff;text-decoration:underline;}
.eventflowpage .eventoverview a:hover {opacity:0.8;}

.eventflowpage .eventflowarea {background:#fff;padding-top:0;padding-bottom:0;}
.eventflowpage .eventflowarea a {text-decoration:underline;}
.eventflowpage .eventflowarea .innerbox {padding:10vh 0;border-bottom:solid #000 1px;}

/*SP*/
@media (max-width: 896px){
	.eventflowpage .eventflowarea h2 {font-size:2rem;}
	.eventflowpage .eventflowarea .innerbox {padding:5vh 0;}
}



.whypage {}
.whypage .storyarea {background:#111;}
.whypage .storyarea h2 {color:#fff;font-size:3rem;margin-top:3em;border-bottom:solid #f00 0.6rem;text-shadow:0 0 1em #f00;}
.whypage .storyarea h3 {color:#fff;}
.whypage .storyarea p {color:#fff;}
/*SP*/
@media (max-width: 896px){
	.whypage .storyarea h2 {font-size:1.3rem;margin-top:4em;border-bottom:solid #f00 0.4rem;}
}