/*visual*/
.slick-list{position: relative; display: block;/*overflow: hidden;*/ margin: 0; padding: 0; z-index:1;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide{display: none; float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
[dir='rtl'] .slick-slide{float: right;}
.visual-item{width:100%; overflow:hidden;}
.visual-item > img{display: block; margin:0 auto; width:100%;}
.slick-initialized .slick-slide{display: block;}
.slick-arrow{position:absolute; color:rgba(255,255,255,0.8); z-index:2; top:50%; left:50%; margin-left:-600px; margin-top:-30px; font-size:0;  background:transparent; border:0;}
.slick-arrow.slick-next{margin-left:540px;}
.slick-arrow i{font-size:45px; width:60px; line-height:60px; height:60px; /*background:rgba(0,0,0,0.3);*/ text-align:center;}
.slick-dots{position:absolute; z-index:2; bottom:30px; left:50%; margin-left:-19px;}
.slick-dots li{display:inline-block;margin-right:10px; line-height:1;}
.slick-dots li button{ width:14px; height:14px; font-size:0; background:rgba(255,255,255,0.7); border-radius:50%; display:block; line-height:20px;}
.slick-dots li.slick-active button{background:rgba(2255,255,255,1)}
.slick-buttons{position:absolute; z-index:2; bottom:28px; left:50%; margin-left:29px;}
.slick-buttons button{color:rgba(255,255,255,0.7); font-size:0;}
.slick-buttons button i{font-size:20px; line-height:20px;}
#mainVisual{width:100%; overflow:hidden; position:relative; }


/*quick-menu*/
#quick-menu ul{padding:60px 0 50px 20px;  max-width:1200px; margin:0 auto;}
#quick-menu li{float:left; width:192px; margin-left:9px; /*background:url(../../images/main/qm-bg.png) no-repeat 50% 100%; background-size:cover;background:#839f21*/ background:#e4f0da; border-radius:20px;border-bottom:3px solid #b5d0a5;}
#quick-menu li:first-child{margin-left:0;}
#quick-menu li a{display:block; box-sizing:border-box; background:no-repeat center 10px; background-size:auto; padding-top:110px; text-align:center; font-weight:300; font-size:17px; width:100%; height:162px; color:#000000;}
#quick-menu li.qm01 a{background-image:url(../../images/main/qm-icon01.png);}
#quick-menu li.qm02 a{background-image:url(../../images/main/qm-icon02.png)}
#quick-menu li.qm03 a{background-image:url(../../images/main/qm-icon03.png)}
#quick-menu li.qm04 a{background-image:url(../../images/main/qm-icon04.png)}
#quick-menu li.qm05 a{background-image:url(../../images/main/qm-icon05.png)}
#quick-menu li.qm06 a{background-image:url(../../images/main/qm-icon06.png)}
#quick-menu li.qm07 a{background-image:url(../../images/main/qm-icon07.png)}
#quick-menu ul:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}

/*quick2-menu*/
#quick2-menu ul{padding-bottom:50px; max-width:1200px; margin:0 auto;}
#quick2-menu li{float:left; width:100%; /*background:url(../../images/main/qm-bg.png) no-repeat 50% 100%; background-size:cover;background:#839f21*/ background:#e4f0da; border-radius:20px;border-bottom:3px solid #b5d0a5;}
#quick2-menu li:first-child{margin-left:0;}
#quick2-menu li a{display:block; box-sizing:border-box; background:no-repeat center 10px; background-size:auto; padding-top:10px; text-align:center; font-weight:300; font-size:17px; width:100%; height:162px; color:#000000;}
/*#quick2-menu li.qm01 a{background-image:url(../../images/main/banner20210430_2.png);}*/
#quick2-menu ul:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}

/*main-board*/
.main-content{width:94%; max-width:1200px; margin:0 auto; display: flex; flex-wrap:wrap}
.main-content:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.board{width:48%; margin-bottom:100px; float:left; order:1;}
#notice{order:1; margin-right:2%;}
#homily{order:2; width:49%;}
#gallery{order:5; width:99%;}
#weekly{order:3;  margin-right:2%;}
#antecedent{order:4; width:49%;}

.b-title{background:red; border-radius:10px 10px 0 0; border-color:transparent; position:relative; padding:15px 0;}
#notice .b-title{background:#0e3b98}
#homily .b-title{background:#a764a9}
#gallery .b-title{background:#4b8994}
#weekly .b-title{background:#ea8c1b}
#antecedent .b-title{background:#c6bb13}
.b-title h2{letter-spacing:-0.05em; font-size:18px; font-weight:700; color:#fff; padding-left:15px; }
.b-title a{position:absolute; right:15px; top:50%; margin-top:-15px; display:block; border:1px #fff solid; border-radius:50%; width:30px; height:30px;  box-sizing:border-box; text-align:center;}
.b-title a img{width:12px; height:12px; display:block; position:absolute; left:50%; margin-left:-6px; top:50%; margin-top:-6px;}

.date,
.gallery-date{color:#999; font-size:14px;}
.i-new{position:absolute; right:0; bottom:2px; font-size:13px; color:red; }
.i-notice{border:1px #2862d8 solid; color:#2862d8; border-radius:99999px; padding:0px 6px; margin-right:5px;  line-height:16px;  display:inline-block; font-size:13px;}

.board-type1-list .date{position:absolute; right:5px; top:50%; margin-top:-8px; line-height:16px;}
.board-type1-list li{border-bottom:1px #d7d9dd solid; position:relative; width:100%; box-sizing:border-box; padding-right:100px; padding:15px 5px 7px;}
.list-link a{display:block; display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; margin-right:90px; padding-right:30px; position:relative; height:25px; box-sizing:border-box; padding-left:5px;}
.list-link{position:relative;  display:inline-block; max-width:100%;}

.board-type2-list{margin-top:22px;}
.board-type2-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.board-type2-list li{position:relative; min-height:90px; border-bottom:1px #d7d9dd solid; padding-bottom:20px; margin-top:20px; float:left; width:33.333%;;}
.board-type2-list .gallery-img{position:absolute; left:0; border:1px #d8d8d8 solid; height:90px; overflow:hidden;width:120px; }
.board-type2-list .gallery-img img{vertical-align:middle; position:absolute; left:0%; top:0%; margin-left:0; margin-top:0;width:100%;}
.board-type2-list .gallery-text{box-sizing:border-box; padding-left:135px;}
.board-type2-list .gallery-text a{display:block; display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-right: 26px;  line-height:1.25em; height:38px; position:relative; padding-top:3px;}
.board-type2-list .gallery-date{position:absolute; bottom:30px;}


/*================================== respensive ==================================*/
@media (max-width:1200px) {
/*#mainVisual img{min-width:120%;}*/
#mainVisual img{width:100%;}
#mainVisual,.visual-item{}
.slick-arrow{margin-left:0; left:0; margin-top:-20px;}
.slick-arrow.slick-next{margin-left:0; left:auto; right:0;}
.slick-arrow i{width:40px; height:40px; line-height:40px; font-size:30px;}

#quick-menu{width:94%; margin:0 auto;}
#quick-menu li{width:14.66%; margin:0 1%;}
#quick-menu li a{height:auto; padding-top:85px; padding-bottom:20px; background-size:85px; background-position:center 20%;}


#quick2-menu{width:94%; margin:0 auto;}
#quick2-menu li{width:98%; margin:0 1%;}
#quick2-menu li a{height:auto; padding-top:20px; padding-bottom:20px; background-size:85px; background-position:center 20%;}

}


@media (max-width:900px) {
#mainVisual,.visual-item{}
#quick-menu li a{font-size:15px;  padding-top:75px; padding-bottom:30px;}
#quick2-menu li a{font-size:15px;  padding-top:35px; padding-bottom:30px;}
}


@media (max-width:768px) {
.slick-dots{display:none; z-index:-99999;}
/*quick-menu*/
#quick-menu ul{padding:20px 0 20px; width:100%; margin:0 auto;}
#quick-menu li{width:32.33333%; margin:0; margin-left:1%;margin-bottom:2%; padding:10px 0 15px; background-size:cover;}
#quick-menu li:nth-child(4){margin-left:0;}
#quick-menu li a{background-position:center -10px; background-size:70px; padding-top:50px; padding-bottom:0px; font-size:16px;}
#quick-menu li:first-child a,
#quick-menu li:nth-child(4) a{border-left:0;}
#quick-menu li:nth-child(4) a,
#quick-menu li:nth-child(5) a,
#quick-menu li:nth-child(6) a{border-bottom:0;}


#quick2-menu ul{padding:0 0 20px; width:100%; margin:0 auto;}
#quick2-menu li{width:100%; margin:0; margin-left:1%;margin-bottom:2%; padding:10px 0 15px; background-size:cover;}
#quick2-menu li:nth-child(4){margin-left:0;}
#quick2-menu li a{background-position:center -10px; background-size:70px; padding-top:10px; padding-bottom:0px; font-size:16px;}
#quick2-menu li:first-child a,
#quick2-menu li:nth-child(4) a{border-left:0;}
#quick2-menu li:nth-child(4) a,
#quick2-menu li:nth-child(5) a,
#quick2-menu li:nth-child(6) a{border-bottom:0;}

/*main-board*/
.board{ margin:0 auto 40px; width:100%; margin-right:0;}
.b-title{padding:10px 0;}
#gallery .b-title{background:#4b8994}
#antecedent .b-title{background:#c6bb13}
#gallery{order:4}
#antecedent{order:5; width:100%;}
#notice,
#weekly{margin-right:0;}
#homily{width:100%;}

.board-type2-list li{width:100%; min-height:62px;}
.board-type2-list .gallery-img{width:90px; height:60px;}
.board-type2-list .gallery-text{padding-left:105px;}
.board-type2-list .gallery-date{bottom:15px;}
.board-type2-list .gallery-img img{ width:120%;}

.list-link a{margin-right:80px; padding-right:30px; position:relative; }
}
@media (max-width:640px) {
#mainVisual,.visual-item{}
.board-type2-list .gallery-img img{ width:120%;}
.list-link a{margin-right:90px; padding-right:30px; position:relative; }
}