h1 {font-size:30px;}
h2 {font-size:22px;}
h3 {font-size:19px;}
h4 {font-size:17px;}


#header {height:112px;}
#header #logo {margin:10px 0 0 5px;max-width:175px;}
#header-content {height:87px;}

#content {padding-top:130px;}
#content.content-startpage {padding-top:40px;}

/*
#navigation {margin-top:30px;}
#navigation.open {display:block;}
#navigation li a {font-size:15px;padding:3px 5px;}
#navigation > li > a:after {font-size:14px;top:2px;}
*/

#navigation {position:absolute;left:0;top:87px;right:0;max-height:230px;margin-top:0;margin-left:0;margin-right:0;display:none;background:#262626;transition:ease-out 300ms background;overflow-y:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(255,255,255,0.5);}
#navigation.open {display:block;}
#navigation li {display:block;float:none;}
#navigation li a {font-size:20px;padding:3px 5px;}
#navigation > li > a:after {display:none;content:'';}
#navigation li ul {position:relative;background:none;width:auto;padding-left:10px;padding-bottom:10px;}
#navigation li ul li:hover {background:none;color:#fee9a6;}
#navigation li ul li:hover > a {color:#fee9a6;}
#navigation li ul li a {padding:3px 5px;font-size:18px;}
#navigation li ul li ul {left:auto;padding-left:10px;}

#headerSlider {height:550px;}
.headerSlide.slick-slide {height:550px;padding-top:112px;}
#headerSlider .slick-prev {height:90px;width:50px;top:52%;left:10px;background-size:contain;}
#headerSlider .slick-next {height:90px;width:50px;top:52%;right:10px;background-size:contain;}
.headerSlide .contentWidth {font-size:24px;padding:0 65px;}

a.churchBox {height:95px;margin:0 12px 24px;width:calc(33% - 23px);}
.churchBox img {height:100px; display: none;}
.churchBox .text {bottom:10px;left:10px;right:2px;}
.churchBox .text .date {font-size:16px;width:55px;height:75px;}
.churchBox .text .date span {font-size:38px;line-height:1.3;}
.churchBox .text .detail {left:65px;top:8px;}
.churchBox .text .detail h3 {margin:0;font-size:16px;line-height:1.1;}

.newsBox {margin:0 12px 24px;width:calc(33% - 23px);height:330px;}
.newsBox .img {height:150px;}

.footerBox {padding: 0 10px;font-size:13px;letter-spacing:0.9px;}

.newsContainer {min-height:160px;}
.newsContentThumbnail {width:240px;height:160px;}
.newsContentThumbnail img {max-width:100%;max-height:100%;}
.newsContentText {margin:0 0 0 250px;}

#event-monthly-allowance {margin-bottom:30px;}
.event {padding:30px 0;}

.eventText {}
.eventText .eventImage {}
.eventText p {float:left; width: calc(100% - 60px); }

.newsContainer {padding:30px 0;}

.nlbox h1 {margin-top:15px;}

.galleryCatAlbum {margin:0 12px 24px;width:calc(33% - 24px);height:240px;}
.galleryCatAlbum .mask {padding:6px;}
.galleryCatAlbum .mask h2 {font-size:20px;}

.galleryAlbumImage {height:150px;}

#navigation li.hasChilds > a > .rightColNavi {display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.001);opacity:0.1;transition:ease-in all 10ms;transition-delay:350ms;}
#navigation li.hasChilds:hover > a > .rightColNavi {left:30%;right:30%;top:50%;bottom:50%;opacity:0;}