@charset "Shift-JIS";

/*
================================================================================================================
NEWS
================================================================================================================
*/
ul.news li{font-size:13px; padding:20px 0;}
ul.news li + li{border-top:1px solid #fff;}
ul.news li:first-child{ padding:0 0 20px;}
ul.news li img{width:100%;}
ul.news li a{color:#f8d9b5;}
ul.news li a:hover{text-decoration:underline;}
ul.news li > strong{
display:block;
color:#f8d9b5;
font-size:15px;
margin-bottom:10px;
text-shadow:2px 2px 0 #764d34,-2px -2px 0 #764d34,
            2px -2px 0 #764d34,-2px 2px 0 #764d34,
            1px 1px 0 #764d34,-1px -1px 0 #764d34,
            -1px 1px 0 #764d34,1px -1px 0 #764d34,
            0px 2px 0 #764d34,2px 0px 0 #764d34,
            0px -2px 0 #764d34,-2px 0px 0 #764d34,
            0px 0px 0 #764d34;}
ul.news .image-resize{background-color:#fff !important;}

@media screen and (max-width:480px){
ul.news li{font-size:11px;}
ul.news li > strong{font-size:13px;}}

/*見出し*/
ul.news li .notice{
width:100%;
color:#f8d9b5;
border-left:solid 4px;
border-bottom:solid 1px;
font-size:15px;
font-weight:bold;
text-align:left;
padding-left:8px;
margin:20px auto 5px;}

@media screen and (max-width:480px){
ul.news li .notice{font-size:13px;}}

/*
=========================
ニュース切替え用タブ
=========================
*/
.tab-menu{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:10px auto 0;}
.tab-menu li{
width:calc(20% - 10px);
background-color:#000;
font-size:16px;
font-weight:500;
font-family:'M PLUS Rounded 1c', sans-serif;
text-align:center;
border-radius:5px;
border:1px solid #000;
padding:5px 0;
margin:10px 5px;
transform:rotate(0.05deg);
transition:all 0.3s ease;}
.tab-menu li:hover,
.tab-menu li.select{
color:#f8d9b5;
border:1px solid #ffdd92;
text-shadow:2px 2px 10px rgba(241,182,60,0.5),-2px -2px 10px rgba(241,182,60,0.5),
            0px 0px 10px rgba(241,182,60,0.5),-1px -1px 3px rgba(241,182,60,0.3),
            1px 1px 3px rgba(241,182,60,0.3);}
.tab-menu li:hover{cursor:pointer;}
.tab-menu li.select:hover{cursor:default;}

.hide{display:none;}

@media screen and (max-width:800px){
.tab-menu li{
width:calc(50% - 10px);
font-size:14px;
padding:8px 0;}}