/*メイン　background:linear-gradient(#f1f5c3,#e5ece8);
------------------------------*/
.main_img{background-image: url('../images/background_top.jpg'); background-size: cover; padding:50px 0;position:relative;margin-bottom:30px;}
/*
.main_img:before{content:"";height:15px;width:100%;background:url(../images/main_upper.png) no-repeat;background-size:cover;position:absolute;top:0;left:0;}
.main_img:after{content:"";height:15px;width:100%;background:url(../images/main_lower.png) no-repeat;background-size:cover;position:absolute;bottom:0;left:0;}
*/
.main_img .inner{max-width:880px;position:relative;}

.box_topics{display:block;max-width:840px;background:#fff;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.box_topics .thumb_wrap{width:54%;float:left;overflow:hidden;}
.box_topics .thumb{transition:0.3s;}

.box_topics .txt{width:46%;padding:20px 20px 50px 20px;float:right;}
.box_topics .txt span{color:#866768;font-size:1.5rem;display:block;margin-bottom:10px;letter-spacing:1px;}
.box_topics .txt h3{font-size:2.3rem;margin-bottom:15px;line-height:1.3}
.box_topics .txt p{color:#555;line-height:1.5}

.box_topics .txt .more_wrap{position:absolute;right:20px;bottom:20px;}
.box_topics .txt .more{border:1px solid #FFAE04;height:24px;width:146px;text-align:center;line-height:23px;border-radius:12px;font-size:1.2rem;color:#FFAE04;position:relative;transition:0.3s;}
.box_topics .txt .more i{color:#ec6002;position:absolute;right:10px;}

.hover .box_topics:hover .txt .more{background:#FFAE04;color:#fff;}
.hover .box_topics:hover .txt .more i{color:#fff;}
.hover .box_topics:hover .thumb{transform:scale(1.2);}

.main_img .slick-slide:focus{outline:0;}
.main_img .slick-slide:not(.slick-current){
	transition:1s 0.1s;
	opacity:0.4;
}
.main_img .slick-slide.slick-current{
	transition:1s 0.1s;
	opacity:1;
}
.main_img .slick-slide.slick-cloned.slick-center{
	transition:1s 0.1s;
	opacity:1;
}

.pn{position:absolute;top:50%;margin-top:-23.5px;cursor:pointer;height:48px;width:47px;}
.pn img{width:100%;height:auto;transition:0.3s;}
.pn.top-prev{left:-100px;}
.pn.top-next{right:-100px;text-align:right;}
.hover .pn:hover img{opacity:0.5}

.intro {margin-bottom: 40px;}
.intro p {line-height: 2.5rem;margin-bottom: 20px;font-size: 1.7rem;}
.list_banner_b h2 {border: solid #d7d7d7 1px; padding: 10px;}

.logo_wapper{padding:50px 20px; background: rgba(255,255,255,0.6); margin:20% 0; text-align: center;}

.intro-imgs div img{max-width:100%;}
.intro-imgs > div {margin-bottom: 30px;}
.intro-imgs span{display: block; padding: 10px;}
/*お知らせリスト
------------------------------*/
.top_news{padding:70px 20px;background:#F9F8F8;margin-bottom: 40px;}
.top_news_box{max-width:800px;width:100%;display:table;}
.top_news_box>div{display:table-cell;vertical-align:middle; }
.top_news_box>div:nth-child(2){width:100%;padding:0 35px;text-align:left;}

.list_topnews li{margin-bottom:15px;margin-top:10px;line-height:1.5;}
.list_topnews li:last-child{margin-bottom:0}
.list_topnews li a{display:block;padding-left:7.5em;}
.list_topnews li a span{display:inline-block;width:7.5em;margin-left:-7.5em;}

@media screen and (max-width:767px){
.top_news{padding:40px 15px;border-bottom:1px solid #ccc;}
.top_news_box>div{display:block;text-align:center;max-width:500px;}
.top_news_box>div:nth-child(2){padding:20px 0;}

.list_topnews{margin-bottom:10px;}
.list_topnews li a{display:block;padding-left:0;font-size:1.4rem;}
.list_topnews li a span{display:block;width:100%;margin-left:0;opacity:0.5}
}

/*お知らせ
-----------------------------
.t_news{color:#FFAE04;font-size:2.5rem;letter-spacing:2px;text-align:center;margin-bottom:20px;}
.t_news img{margin-right:5px;}

.box_news{display:block;border:1px solid #bbb;max-width:400px;margin:0 auto}
.box_news .thumb_wrap{overflow:hidden;}
.box_news .thumb{transition:0.3s;}
.box_news .txt{padding:15px;}

.box_news .txt span{color:#866768;font-size:1.5rem;display:block;margin-bottom:10px;letter-spacing:1px;}
.box_news .txt h3{font-size:1.9rem;margin-bottom:15px;line-height:1.3}
.box_news .txt p{color:#555;line-height:1.5}

.box_news .txt .more_wrap{overflow:hidden;padding-top:10px;}
.box_news .txt .more{border:1px solid #FFAE04;height:24px;width:146px;text-align:center;line-height:23px;border-radius:12px;font-size:1.2rem;color:#FFAE04;position:relative;float:right;transition:0.3s;}
.box_news .txt .more i{color:#ec6002;position:absolute;right:10px;transition:0.3s;}

.hover .box_news:hover .thumb{transform:scale(1.2)}
.hover .box_news:hover .txt .more{background:#FFAE04;color:#fff;}
.hover .box_news:hover .txt .more i{color:#fff;}
-*/
/*トップバナー
------------------------------*/
.top_banner img{max-width:100%;height:auto;}
.list_banner_b li a img{transition:0.3s;}
.list_banner_s li a{display:block;border:1px solid #FFAE04;padding:4px;line-height:41px;transition:0.3s;}
.list_banner_s li a img{margin-right:10px;}

.hover .list_banner_b li a:hover img{opacity:0.7}
.hover .list_banner_s li a:hover{border-color:#005931;background:#fdefe5}

/*サイドバー
------------------------------*/
.t_side{background:#ececec;width:170px;height:47px;background:url(../images/t_side.png) no-repeat;background-size:cover;line-height:47px;font-size:1.5rem;text-align:center;color:#FFAE04;margin:0 auto;margin-bottom:15px;}

.side_time{margin-bottom:20px;}
.side_time span{display:block;font-size:1.3rem;margin-bottom:7px;}
.side_time span i{color:#ec6002;font-size:1.9rem;margin-right:5px;vertical-align:middle;}
.side_time p{font-size:1.3rem;}
.contents_side img{max-width:100%;}
.time_wrap{border:1px solid #ccc;padding:3px;margin-bottom:15px;}
.table_time{border-collapse:collapse;width:100%;}
.table_time tr{border-bottom:2px solid #fff;}
.table_time tr:last-child{border-bottom:0;}
.table_time th,.table_time td{padding:8px;text-align:center;font-size:13px;line-height:1;letter-spacing:1px;}
.table_time th{background:#005931; color: #fff;}
.table_time td{background:#F9F8F8}

.contents_side a img{transition:0.3s;}
.hover .contents_side a:hover img{opacity:0.7}


/*交通情報*/
.side_traffic{margin-bottom:20px;}
.map{
	clear:left;
	position:relative;
	width:100%;
	padding:125% 0 0 0;
	overflow:hidden;
	margin-top:15px;
}
.map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.more_traffic{margin-top:15px;font-size:1.3rem;text-align:right;}
.more_traffic a i{margin-right:5px;}

/*NEXCO西日本*/
.side_nexco{margin-bottom:20px;}
.side_nexco a{display:block;padding:10px;border:1px solid #ccc;text-align:center;}
.side_nexco a img{height:48px;width:auto;}

/*サイドバナー*/
.side_banner{margin-bottom:20px;}
.side_banner img{max-width:100%;height:auto;}
.side_banner ul li{margin-bottom:10px;}
.side_banner ul li:last-child{margin-bottom:0;}



@media screen and (max-width:879px){
/*メイン*/
.main_img{padding:30px 25px;}
.box_topics .txt h3{font-size:1.9rem;margin-bottom:15px;line-height:1.3}
.pn{display:none!important;}
}

@media screen and (max-width:767px){
/*メイン*/
.main_img{padding:30px 20px;}
.main_img:before{content:"";height:10px;}
.main_img:after{content:"";height:10px;}
.main_img .inner{max-width:400px;}

.box_topics .thumb_wrap{width:100%;float:none;}
.box_topics .thumb{max-height:240px;}
.box_topics .txt{width:100%;padding:20px;float:none;overflow:hidden;}
.box_topics .txt span{font-size:1.3rem;margin-bottom:7px;}
.box_topics .txt h3{font-size:1.8rem;}
.box_topics .txt p{font-size:1.4rem;}
.box_topics .txt .more_wrap{position:static;float:right;margin-top:15px;}

/*お知らせ*/
.box_news .thumb{max-height:240px;}

.box_news .txt span{font-size:1.3rem;margin-bottom:7px;}
.box_news .txt h3{font-size:1.8rem;}
.box_news .txt p{font-size:1.5rem;}

/*トップバナー*/
.list_banner_b li{text-align:center;}
.list_banner_b li a{display:inline-block;}
.list_banner_b li a img{max-width:250px;}

/*NEXCO西日本*/
.side_nexco a{max-width:250px;margin:0 auto}
.side_nexco a img{height:35px;}

/*サイドバナー*/
.side_banner{margin-bottom:20px;max-width:250px;}
}

@media screen and (max-width:375px){
/*メイン*/
.box_topics .thumb{max-height:210px;}

/*お知らせ*/
.box_news .thumb{max-height:210px;}
}

