@charset "utf-8";
/* CSS Document */




/*--全幅要素--------*/
.tnews_area{
max-width: 1600px;
margin: 60px auto;
padding: 0 50px;
}

@media only screen and (max-width: 559px) {
.tnews_area{
margin: 60px auto;
padding: 0 20px;
}
}

/*---新着情報-----*/


ul.tnews .tab{
	background-color:#00a8a9;
	padding:2px 5px;
	width:7em;
	color:#fff;
	display:inline-block;
	tehimet-align:center;
}

ul.tnews{
width:80%;
margin:auto;
margin-top:30px;
display:table;
margin-bottom:15px;
border-top: solid 1px #bfbfbf;
padding-top:10px;
}
ul.tnews li{
width: 100%;
padding-bottom:10px;
margin-bottom:10px;
border-bottom: solid 1px #bfbfbf;
font-size:1.2em;
}
@media print, screen and (max-width:770px) {
ul.tnews{
width:100%;
}
ul.tnews li{
font-size:1em;
}
}


ul.tnews li a{
	vertical-align:top;
	width:64%;
}
ul.tnews li span.data{
	width:7em;
  padding-right: 0.5em;
font-size:0.8em;
}
ul.tnews li span.new{
display:none;
color:#C00;
}

ul.tnews li a.linknon:hover{
	color:#444;
}
ul.tnews li span.prefecture{
text-align:center;
display: inline-block;
margin-right: 10px;
width: 5em;
padding: 0 5px;
font-size: 0.8em;
background-color: #ededed;
}








/*-----ここから　フィルターに必要な内容-------------------------------------------------------*/


.filter_items .item-block {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}




/*カテゴリ名をいれないといけない　*/
section.category-all .item-all,
section.category-fukuoka .item-fukuoka,
section.category-saga .item-saga,
section.category-nagasaki .item-nagasaki,
section.category-all_ .item-all_{
display: block;
-webkit: show .6s linear 0s forwards;
				animation: show .6s linear 0s forwards;
				/*transform: scale(1);*/
}

@-webkit-keyframes show {
from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	        /*transform: scale(0.8);*/
}
to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       /* transform: scale(1);*/
}
}

@keyframes show {
from {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	        /*transform: scale(0.8);*/
}
to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	        /*transform: scale(1);*/
}
}

/*-----/ここまで　フィルターに必要な内容-------------------------------------------------------*/

/*-----以下、見た目のあいらい-------------------------------------------------------*/
.filter{
width : 80%;
margin:2em auto 0;
display: flex;
}

.filter li{
width:18%;
margin:10px 1%;
}
.filter li span{
background:#00a8a9;
text-align:center;
padding:5px;
color:#fff;
display:block;
}

.filter li.all_ span{background:#000;}
.filter li.shikoku span{background:#d35344;}

.filter li span:hover{
background: #d7f0f0;
color:#008486;
}

.filter li span.is-current{
background: #999;
color:#fff;
}

.filter li.all_ span:hover{
background: #ccc;
color:#333;
}
.filter li.shikoku span:hover{
background: #ecb6b0;
color:#fff;
}

@media print, screen and (max-width:770px) {

.filter{
width : 94%;
display: flex;
flex-wrap: wrap;
}
.filter li{
width:23%;
margin:10px 1%;
}
}


/*スクリーンサイズが770px以上の場合に適用*/
@media print, screen and (min-width:770px) {
.entry .pcimgmaxwidth{
max-width:600px;
}

}


.entry .IconBlank {
display:inline-block !important;
}