@charset "UTF-8";
/* page css */

ul#u-top-bnr {
clear: both;
display:flex;
flex-wrap:wrap;
justify-content: center;
overflow: hidden;
margin: 40px auto;
}
ul#u-top-bnr li {
width:49%;
float: left;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
ul#u-top-bnr li {
width:100%;
margin: 0 auto;
text-align: center;
clear: both;
float: none;
overflow: hidden;
}
ul#u-top-bnr li img { width: 90%; }
}
#top-news .m-news-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 960px;
	margin: 0 auto;
}
#top-news .m-news-list > li {
	flex: 0 0 calc((100% - 3 * 30px) / 4);
	box-sizing: border-box;
	margin-bottom:0;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
	#top-news .m-news-list{
		gap: 15px;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 15px;
	}
	#top-news .m-news-list > li {
		flex: 0 0 calc((100% - 15px) / 2);
		box-sizing: border-box;
	}
}
#top-news .m-news-list > li:after {
content: " ";
display: table;
clear: both;
}
#top-news .m-news-list > li .m-news-thumb {
width: 100%;
border: 1px solid #ccc;
position:relative;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#top-news .m-news-list > li .m-news-thumb {
float: none;
margin: 0 auto;
/*width: 264px;*/
/*min-height: 165px;*/
}
}
#top-news .m-news-list > li .m-news-thumb {
	height: 0;
	padding-top: 100%;
	margin-top: 0;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
}
#top-news .m-news-list > li .m-news-thumb img.thumbnail {
	height: 100%;
	width: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	position: absolute;
	transition: transform .5s;
}
@media screen and (min-width: 668px) {
	#top-news .m-news-list > li .m-news-thumb:hover img.thumbnail{
		transform: scale(1.09);
	}
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#top-news .m-news-list > li .m-news-thumb img.thumbnail {
margin:0 auto;
box-sizing:border-box;
}
}

#top-news .m-news-list > li dl {
/*margin-left: 150px;*/
margin-top:0.4em;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#top-news .m-news-list > li dl {
margin-left: 0;
padding-top:10px;
}
}
#top-news .m-news-list > li dl p {
margin-top: 10px;
}
#top-news .m-news-list > li dl .news-date{
font-size: 0.8em;
margin-bottom: 0.4em;
}
#top-news .m-news-list > li dl .news-date.i-news-tag:after {
content: 'ニュース';
font-size: 78%;
color: #fff;
padding: 1px 12px 0;
margin-left: 12px;
background: #7fc16d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
#top-news .m-news-list > li dl .news-title {
font-size: 110%;
font-weight: 600;
}
#top-news .m-news-list > li dl .news-title.i-new-tag:after {
content: 'NEW';
font-size: 68%;
font-weight: 300;
color: #fff;
padding: 1px 8px 0;
margin-left: 12px;
background: #4b4948;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}

#top-news .m-news-list > li dl .item__tag{
	padding: 0.3em 0.6em;
	margin-left: 1em;
	background: #ccc;
	font-size: 0.8em;
}
#top-news .m-news-list > li dl .item__tag.info--cat-news{
	background: #b2daa6;
}
#top-news .m-news-list > li dl .item__tag.info--cat-event{
	background: #ffe768;
}
#u-topics {
position: relative;
padding: 30px 0;
background: #F2F2F2;
z-index: 0;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#u-topics { padding: 25px; }
}
#u-topics .topics-inner { position: relative; }
#u-topics .topics-inner .topics-slide {
width: 935px;
margin: 0 auto;
overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#u-topics .topics-inner .topics-slide { width: auto; }
}
#u-topics .topics-inner .topics-slide .slide-list { *zoom: 1;
}
#u-topics .topics-inner .topics-slide .slide-list:after {
content: " ";
display: table;
clear: both;
}
#u-topics .topics-inner .topics-slide .slide-list li { float: left; }
#u-topics .topics-inner .topics-slide .slide-list li a {
display: block;
width: 100%;
color: inherit;
padding: 5px 5px 25px 5px;
border-left: 3px solid #f2f2f2;
border-right: 3px solid #f2f2f2;
background: #F9F9F9;
box-sizing: border-box;
}
#u-topics .topics-inner .topics-slide .slide-list li a .list-image { margin: 0; }
#u-topics .topics-inner .topics-slide .slide-list li a .list-image img {
width: 100%;
height: auto;
}
#u-topics .topics-inner .topics-slide .slide-list li a .list-text {
margin-top: 20px;
text-align: center;
line-height: 1.7;
height: 3em;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#u-topics .topics-inner .topics-slide .slide-list li a .list-text { font-size: 85%; }
}
#u-topics .topics-inner .topics-slide .slide-list li a:hover {
text-decoration: none;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#u-topics .topics-inner .topics-left {
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 25px;
margin: auto;
cursor: pointer;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#u-topics .topics-inner .topics-left { left: -17px; }
}
#u-topics .topics-inner .topics-right {
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 25px;
margin: auto;
cursor: pointer;
}
@media screen and (min-width: 0px) and (max-width: 667px) {
#u-topics .topics-inner .topics-right { right: -17px; }
}
#u-topics .topics-inner .topics-pager {
visibility: hidden;
margin-top: 20px;
text-align: center;
line-height: 0;
}
#u-topics .topics-inner .topics-pager li {
display: inline-block;
margin-left: 7px;
width: 9px;
height: 10px;
background: url("../../images/i_pager.png") no-repeat left top;
font-size: 0;
text-indent: -9999px;
cursor: pointer;
}
#u-topics .topics-inner .topics-pager li.is-active { background-image: url("../../images/i_pager_active.png"); }
#u-topics .topics-inner .topics-pager li:first-child { margin-left: 0; }
.mat-xs { margin-top: 5px; }
.mat-sm { margin-top: 10px; }
.mat-md { margin-top: 20px; }
.mat-lg { margin-top: 30px; }
/* 年末年始休業の表 */
.border { width: 100%; }
.border td, .border th {
padding: 10px 0;
border: 1px solid #ccc;
text-align: center;
}
.border thead th {
padding: 10px 0;
border: 1px solid #ccc;
text-align: center;
background: #badbdb;
}
.border .tbody th, .border .tbody td {
padding: 10px 0;
border: 1px solid #ccc;
text-align: center;
background: #e3f3f3;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
.border { width: 99%; }
.border td .border th .border thead th .border tbody th, tbody tr { font-size: 80%; }
}
/* ----------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 768px) {
.news-contents img {
width: 90%;
margin: 0 auto;
text-align: center;
display: block;
}
}
/* バナー押せない */
.m-box-opacity.disabled{
    filter: brightness(0.6);
}
.m-box-opacity.disabled:hover{
    opacity: 1;
}
/* ニュースNEW */
#top-news .m-news-list > li {
	position:relative;
}
#top-news .m-news-list > li  p.item__new{
	position: absolute;
	top: 8px;
	left: -8px;
	width:64px;
	margin-top: 0;
	z-index: 997;
}
@media screen and (max-width: 667px) {
	#top-news .m-news-list > li p.item__new{
		width:40px;
		top: 4px;
		left: -5px;
	}
}
#top-news .m-news-list > li p.item__new img{
	width:100%;
}