/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-y top center;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:980px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}


#content { background:#fff; padding:0 21px 30px 33px;}

.banner-pc { position:relative; line-height:0; margin-bottom:50px;}
.banner-rwd { display:none !important;}
.banner-1, .banner-2, .banner-3 { position:absolute; top:0; left:0; opacity:0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}

.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center;}
.single-item .slick-dots li { width:auto; height:12px; overflow:hidden;}
.single-item .slick-dots li button { width:12px; height:12px; background:#fff; margin:0 2px; border-radius:100%;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#a40000;}
.single-item .slick-prev, .single-item .slick-next { display:none !important;}

.idx-main { display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-main > div { width:33.33%; padding-right:39px; font-size:13px; color:#777; line-height:1.5em;}
.idx-main > div:last-child { padding-right:0;}
.idx-title, h1 { background:url(../images/i-title.jpg) no-repeat top left; background-size:cover; padding:6px 0 6px 10px; color:#fff; font-size:13px; font-weight:bold; margin-bottom:15px; cursor:pointer; line-height:130%;}
.btn-more { text-align:right; padding-top:5px;}
.btn-more a { color:#88070e;}
.btn-more a:hover { text-decoration:underline;}

.idx-news-list { display:flex; flex-direction:row; flex-wrap:no-wrap; padding:4px 4px 4px 2px; font-size:13px; color:#777; border-bottom:1px solid #C7C7C7;}
.idx-news-list:hover { color:#cc0107;}
.idx-news-list > span { display:inline-block;}
.idx-news-list > span:first-child { width:80px;}
.idx-news-list > span:last-child { width:calc(100% - 80px);}



@media only screen and (max-width: 979px) {
#content { padding:0 10px 30px 10px;}
.banner-pc img { width:100%;}
}

@media only screen and (max-width: 768px) {
.banner-pc { display:none !important;}
.banner-rwd { display:block !important; margin-bottom:20px !important;}
.idx-main > div { width:100%; padding-right:0; padding-bottom:20px;}

}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {


}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}