/*! jCarousel - v0.3.8 - 2018-05-31* http://sorgalla.com/jcarousel/* Copyright (c) 2006-2018 Jan Sorgalla; Licensed MIT */
/*This is the visible area of you carousel.Set a width here to define how much items are visible.The width can be either fixed in px or flexible in %.Position must be relative!*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
.jcarousel{width:80%;margin:0 10%;position:relative;overflow:hidden;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;font-feature-settings:palt 1}
/*This is the container of the carousel items.You must ensure that the position is relative or absolute andthat the width is big enough to contain all items.*/
.jcarousel ul{width:10000em;position:relative;list-style:none;margin:0;padding:0}
/*These are the item elements. jCarousel works best, if the itemshave a fixed width and height (but it's not required).*/
.jcarousel li{float:left;padding:20px;box-shadow:none;border-radius:0px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#jc-02 .jcarousel li{float:left;padding:15px;box-shadow:none;border-radius:5px;font-weight:400;color:#999;line-height:160%;letter-spacing:.025em;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#jc-03 .jcarousel li{float:left;padding:8px;box-shadow:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.jcarousel li:hover{opacity:1;box-shadow:inset 0px 0px 0px 1px rgb(235 234 235), 0px 1px 5px 0.1px rgb(0 0 0 / 5%);}
#jc-02 .jcarousel li:hover{opacity:1;box-shadow:none}
#jc-03 .jcarousel li:hover{opacity:1;box-shadow:none}
.jcarousel-wrapper{margin:20px auto;position:relative}
/**Carousel**/
.jcarousel img{display:block;width:100%;height:auto!important}
#jc-02 .jcarousel li img{display:block;width:100%;height:auto!important;border-radius:5px 5px 0 0;box-shadow:inset 0 0 0 1px #eb0000 0 5px 5px .1px #000}
#jc-02 .jcarousel li:hover img{display:block;width:100%;height:auto!important;border-radius:5px 5px 0 0;box-shadow:inset 0 0 0 1px rgba(235,234,235,1),0 5px 10px .1px rgba(0,0,0,0.2)}
/**Carousel Controls**/
#jc-01 .jcarousel-control-prev,#jc-01 .jcarousel-control-next{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;text-align:center;font-weight:thin;color:#f6f6f6;text-decoration:none;font:80px/0 Arial,sans-serif}
#jc-01 .jcarousel-control-prev:hover,#jc-01 .jcarousel-control-next:hover{color:#129be3}
#jc-02 .jcarousel-control-prev,#jc-02 .jcarousel-control-next{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;text-align:center;font-weight:thin;color:#005098;text-decoration:none;font:80px/0 Arial,sans-serif}
#jc-02 .jcarousel-control-prev:hover,#jc-02 .jcarousel-control-next:hover{color:#129be3}
#jc-03 .jcarousel-control-prev,#jc-03 .jcarousel-control-next{position:absolute;margin-top:-40px;width:40px;height:50px;text-align:center;font-weight:thin;color:rgba(256,256,256,0.2);text-decoration:none;font:20px/27px Arial,sans-serif;display: none;}
#jc-03:hover .jcarousel-control-prev,#jc-03:hover .jcarousel-control-next{color:rgba(256,256,256,0.8)}
.jcarousel-control-prev{left:15px}
.jcarousel-control-next{right:15px}
/**Carousel Pagination**/
.jcarousel-pagination{position:absolute;bottom:-40px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);margin:0}
#jc-03 .jcarousel-pagination{display:none}
.jcarousel-pagination a{text-decoration:none;display:inline-block;font-size:11px;height:10px;width:10px;line-height:10px;background:#005098;color:#4E443C;border-radius:10px;text-indent:-9999px;margin-right:7px}
.jcarousel-pagination a.active{background:#129be3;color:#fff;opacity:1}
#jc-01 .jcarousel-pagination a{text-decoration:none;display:inline-block;font-size:11px;height:10px;width:10px;line-height:10px;background:#eee;color:#4E443C;border-radius:10px;text-indent:-9999px;margin-right:7px}
#jc-01 .jcarousel-pagination a.active{background:#CCC;color:#fff;opacity:1}
.jcarousel ul li a{text-decoration:none}
.jcarousel li .dnc{background-color:#fff;box-shadow:inset 0 0 0 0 #eb0000 0 3px 5px .1px #000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.jcarousel li:hover .dnc{box-shadow:inset 0 0 0 0 rgba(235,234,235,1),0 3px 10px .1px rgba(0,0,0,0.2)}
.jcarousel .dnc ul li{padding:0}
#jc-02 .jcarousel li .day{padding:10px 15px 0}
.jcarousel .dnc ul li.day{line-height:160%;padding:7px 15px;font-size:13px;text-decoration:none;box-shadow:none;letter-spacing:.025em;font-feature-settings:palt 1}
.jcarousel .dnc ul li.day span{padding:0 5px;color:transparent}
.jcarousel li .news-content{font-size:15px;color:#333;padding:0 15px 10px;line-height:160%;height:80px;background-color:#fff;border-radius:0 0 5px 5px;font-weight:500;box-shadow:inset 0 0 0 0 #eb0000 0 5px 5px .1px #000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.jcarousel li:hover .news-content{box-shadow:inset 0 0 0 0 rgba(235,234,235,1),0 8px 8px .1px rgba(0,0,0,0.2)}
.jcarousel .more-btn{margin:10px;padding:20px 0;font-size:15px;color:#fff;background-color:#a6d0ea;text-align:center;border-radius:5px;display:none}
.jcarousel .np-pic{float:none;width:100%}
.jcarousel .np-info{float:none;width:100%;text-align:center;}
.jcarousel .np-info .title{font-size:18px;color:#005098;line-height:160%;margin-bottom:0;text-align:center;letter-spacing:.05em;font-weight:700;font-feature-settings:palt 1}
.jcarousel .np-info .subtitle{font-size:13px;color:#333;line-height:160%;letter-spacing:.025em;font-weight:400;font-feature-settings:palt 1}
#jc-03 .jcarousel ul li{text-align:center;line-height:50px;padding:0}
#jc-03 .jcarousel ul li a{text-decoration:none}
#jc-03 .jcarousel ul li a div{display:inline-block}
#jc-03 .jcarousel ul li a .day{color:rgba(256,256,256,0.7);font-size:14px;padding-right:15px;margin-top:10px;margin-right:10px;border-right:2px solid #129be3;letter-spacing:0;font-feature-settings:palt 1;display:none}
#jc-03 .jcarousel ul li a .news_content{color:rgba(256,256,256,0.7);font-size:14px;letter-spacing:.05em;font-feature-settings:"palt" 1;}
#jc-03 .jcarousel ul li:hover a .day{color:rgba(256,256,256,1)}
#jc-03 .jcarousel ul li:hover a .news_content{color:rgba(256,256,256,1)}
@media screen and (max-width: 1023px) {
.jcarousel .np-pic{float:none;width:40%;margin:0 30%;text-align:center}
.jcarousel .np-info{float:none;width:100%;text-align:center;margin-top:10px}
.jcarousel .np-info .title{text-align:center}
}
@media screen and (max-width: 767px) {
.jcarousel .np-pic{float:none;width:60%;margin:0 20%;text-align:center}
.jcarousel .np-info{float:none;width:100%;text-align:center;margin-top:10px}
.jcarousel li:hover{opacity:1;box-shadow:none}
}