/*
================================================================================================================
情報掲示板
================================================================================================================
*/
.info_all{
display:block;
position:relative;
width:100%;
margin:0 auto;}

.info_title{
position:relative;
width:96%;
max-width:980px;
z-index:10;
margin:5px auto 10px auto;}
.info_title img{width:100%;}
@media screen and (min-width:1200px){.info_title{margin:1.0% auto 1.5% auto;}}

.tab-wrap{
display:flex;
flex-wrap:wrap;
margin:0 auto;}

.tab-wrap:after{
content:'';
width:100%;
height:0;
display:block;
order:-1;}

@media screen and (min-width:640px){
.tab-label{
color:#fff;
background:rgba(0,10,0,1);
font-size:14px;
font-weight:bold;
text-shadow:0 -1px 0 rgba(0,0,0,.2);
white-space:nowrap;
text-align:center;
padding:10px;
order:-1;
position:relative;
z-index:1;
cursor:pointer;
border-radius:10px 10px 0 0;
flex:1;}}

@media screen and (max-width:639px){
.tab-label{
color:#fff;
background:rgba(0,10,0,1.00);
font-size:14px;
font-weight:bold;
text-shadow:0 -1px 0 rgba(0,0,0,.2);
white-space:nowrap;
text-align:center;
padding:3px;
order:-1;
position:relative;
z-index:1;
cursor:pointer;
border-radius:4px 4px 0 0;
flex:1;}}

.tab-label:not(:last-of-type){margin-right:5px;}

.tab-content{
width:calc(100% - 0px);
height:0;
line-height:0;
overflow:hidden;
opacity:0;
border-radius:10px;
background-color:#fff;}
.tab-content:first-of-type{border-radius:0 10px 10px 10px;}
.tab-content:last-of-type{border-radius:10px 0 10px 10px;}
@media screen and (max-width:639px){
.tab-content{border-radius:4px;}
.tab-content:first-of-type{border-radius:0 4px 4px 4px;}
.tab-content:last-of-type{border-radius:4px 0 4px 4px;}}

/* アクティブなタブ */
.tab-switch:checked + .tab-label{background:#fff;}
.tab-switch:checked + .tab-label+.tab-content{
height:auto;
/*overflow:auto;*/
padding:5px;
opacity:1;
transition:.5s opacity;}

/* ラジオボタン非表示 */
.tab-switch{display:none;}

/*アイコン*/
label .icon01{background:url("/game/mfc/ac/inc/mfc_info/icn/mfc_news.png");}
label .icon02{background:url("/game/mfc/ac/inc/mfc_info/icn/ac_mfc.png");}
label .icon03{background:url("/game/mfc/ac/inc/mfc_info/icn/sp_mfcsp.png");}
label .icon04{background:url("/game/mfc/ac/inc/mfc_info/icn/ps_mfckaku.png");}
label .icon05{background:url("/game/mfc/ac/inc/mfc_info/icn/jpml.png");}
label .icon06{background:url("/game/mfc/ac/inc/mfc_info/icn/m_league.png");}
@media screen and (min-width:640px){label .icon01 img, label .icon02 img, label .icon03 img, label .icon04 img, label .icon05 img, label .icon06 img{width:100%; margin:0; padding:0;border-radius:6px;}}
@media screen and (max-width:639px){label .icon01 img, label .icon02 img, label .icon03 img, label .icon04 img, label .icon05 img, label .icon06 img{width:100%; margin:0; padding:0;border-radius:4px;}}
@media screen and (min-width:640px){
label .icon01, label .icon02, label .icon03, label .icon04, label .icon05, label .icon06{
width:calc(100% - 4px);
height:auto;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
border-radius:6px;
z-index:2;}}
@media screen and (max-width:639px){
label .icon01, label .icon02, label .icon03, label .icon04, label .icon05, label .icon06{
width:calc(100% -2px);
height:auto;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
border-radius:4px;
z-index:2;}}

/*
================================================================================================================
NEWS
================================================================================================================
*/.news_all{
top:0;
position:relative;
width:100%;
height:100%;
margin:0% auto 0px auto;
padding:0 0 2px 0;
border-radius:4px;
background-color:#fff;}

.news_inner{
position:relative;
width:calc(100% - 12px);
padding:5px 0 0 0;
margin:0 auto;
height:420px;
/*overflow-y:auto;*/
border-radius:4px;
background-color:#fff;
overflow-y:scroll;
-ms-overflow-style:none;
scrollbar-width:none;}
.news_inner::-webkit-scrollbar{display:none;}

/*記事内容*/
.news_inner ul{
padding:0;
text-align:left;
list-style:none;}

.news_inner li{
display:flex;
width:100%;
align-items:flex-start;
margin-bottom:10px;
padding-bottom:4px;}

.news_text{
position:relative;
min-height:70px;}

.news_inner li .date{
color:#000;
font-weight:100;
font-size:12px;
line-height:4px;
position:absolute;
bottom:0;
margin:0;
padding:0;}

/*ニュース内容*/
.news_inner li .info, .news_inner li .info a{
display:flex!important;
width:100%;
min-height:70px;
color:#9f000a;
font-size:15px;
line-height:24px;
font-weight:bold;
text-decoration:none;
padding:0;
margin-bottom:2px;
align-items:center!important;
transition:color .2s ease;}
.news_inner li .info a:hover{color:#f00; text-decoration:underline;}

.news_title{
width:100%;
color:#fff;
background-color:#9f000a;
font-size:18px;
line-height:22px;
text-decoration:none;
text-align:center;
font-weight:bold;
border-radius:24px;
padding-top:4px;
margin:5px auto;}

@media screen and (max-width:899px){
.news_inner{height:60vw;}
.news_text{min-height:7vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:12px; line-height:12px;}
.news_inner li .info, .news_inner li .info a{min-height:7vw; margin-bottom:8px;}}

@media screen and (max-width:799px){
.news_inner{height:60vw;}
.news_text{min-height:6vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:12px; line-height:12px;}
.news_inner li .info, .news_inner li .info a{min-height:6vw;}}

@media screen and (max-width:699px){
.news_inner{height:60vw;}
.news_text{min-height:5vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:10px; line-height:10px;}
.news_inner li .info, .news_inner li .info a{
min-height:5vw;
font-size:14px;
line-height:18px;
margin-bottom:8px;}}

@media screen and (max-width:599px){
.news_inner{height:55vw;}
.news_text{min-height:6vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:10px; line-height:10px;}
.news_inner li .info, .news_inner li .info a{
min-height:6vw;
font-size:12px;
line-height:16px;
margin-bottom:6px;}}

@media screen and (max-width:489px){
.news_inner{height:60vw;}
.news_text{min-height:6vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:8px; line-height:10px;}
.news_inner li .info, .news_inner li .info a{
min-height:6vw;
font-size:10px;
line-height:12px;
margin-bottom:6px;}}

@media screen and (max-width:409px){
.news_inner{height:60vw;}
.news_text{min-height:6vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:8px; line-height:10px;}
.news_inner li .info, .news_inner li .info a{
min-height:6vw;
font-size:10px;
line-height:12px;
margin-bottom:6px;}
.news_title{font-size:14px; line-height:22px;}}

@media screen and (max-width:359px){
.news_inner{height:60vw;}
.news_text{min-height:6vw;}
.news_inner li{margin-bottom:5px;}
.news_inner li .date{font-size:8px; line-height:10px;}
.news_inner li .info, .news_inner li .info a{
min-height:6vw;
font-size:10px;
line-height:12px;
margin-bottom:6px;}}

/*アイコン*/
.news_icon01{background:url("/game/mfc/ac/inc/mfc_info/icn/mfc_news.png");}
.news_icon02{background:url("/game/mfc/ac/inc/mfc_info/icn/ac_mfc.png");}
.news_icon03{background:url("/game/mfc/ac/inc/mfc_info/icn/sp_mfcsp.png");}
.news_icon04{background:url("/game/mfc/ac/inc/mfc_info/icn/ps_mfckaku.png");}
.news_icon05{background:url("/game/mfc/ac/inc/mfc_info/icn/jpml.png");}
.news_icon06{background:url("/game/mfc/ac/inc/mfc_info/icn/m_league.png");}
@media screen and (max-width:499px){.news_icon01, .news_icon02, .news_icon03, .news_icon04, .news_icon05, .news_icon06{width:15%;}}
@media screen and (max-width:399px){.news_icon01, .news_icon02, .news_icon03, .news_icon04, .news_icon05, .news_icon06{width:16%;}}
.news_icon01, .news_icon02, .news_icon03, .news_icon04, .news_icon05, .news_icon06{
width:12%;
height:auto;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
border-radius:6px;
border:1px solid #999;
z-index:2;}
.news_icon01 img, .news_icon02 img, .news_icon03 img, .news_icon04 img, .news_icon05 img, .news_icon06 img{
width:100%; 
margin:0; 
padding:0;
border-radius:6px;}

.news_text{
width:100%; 
margin:0; 
padding:0 5px 0 10px;
border-radius:6px;}