/*
=========================
サブメニュー
=========================
*/
#menu-sub.news ul{
color:#0c2d57;
background:#fff;
font-weight:700;
margin:10px auto 0;}
#menu-sub.news ul li{text-align:center; padding:5px;}
#menu-sub.news ul li + li{border-top:5px dotted #ff6a7a;}
@media screen and (max-width:980px){#menu-sub.news{display:none;}}

/*
================================================================================================================
NEWS
================================================================================================================
*/
div.list{}
div.list > * + *{margin-top:30px;}
.list ul{display:flex; flex-wrap:wrap; width:100%; margin:10px auto; align-items:center;}
.list ul > li{position:relative;}
.list ul > li:nth-child(1){width:100%; text-shadow:2px 2px 1px rgba(71,152,255,.3);}
.list ul > li:nth-child(2){width:100%; font-family:'Noto Sans JP', sans-serif; line-height:180%; border-top:3px solid #ffd552; padding:5px 10px; margin:5px auto 0;}
.list ul > li:nth-child(2) > a{color:#ff6a7a; text-decoration:underline;}
.list ul > li:nth-child(2) > a:hover{text-decoration:none;}
.list ul > li:not(:nth-child(2)){font-size:15px; font-weight:700;}
.list ul > li:nth-child(3) img{width:100%;}
@media screen and (max-width:800px){.list ul > li:not(:nth-child(2)){font-size:13px;}}
@media screen and (max-width:640px){.list ul > li:nth-child(2){padding:5px 0;}}

/*リンクの場合*/
div.list > a{display:block;}
.list > a > ul > li:nth-child(2){color:#ff6a7a; text-decoration:underline;}
.list > a > ul > li:nth-child(3){background:#fff;}
.list > a:hover > ul > li:nth-child(2){text-decoration:none;}
.list > a:hover > ul > li:nth-child(3) img{opacity:.5;}

/*NEWS装飾*/
#news-list.list ul > li:nth-child(1){order:2; width:calc(100% - 190px); padding:0 0 0 10px;}
#news-list.list ul > li:nth-child(2){order:3;}
#news-list.list ul > li:nth-child(3){order:4;}
#news-list.list ul > li:nth-child(4){order:1;
width:190px;
color:#fff;
background-position:left 5px center;
background-repeat:no-repeat;
background-size:20px auto;
border-radius:5px;
padding:5px 5px 5px 35px;}
#news-list.list ul > li:nth-child(4)::before{display:inline-block; min-width:52px; color:#0c2d57; font-size:13px; padding-right:10px;}
#news-list.list .cat01 ul > li:nth-child(4){background-color:#d0aad4; background-image:url(../img/menu/icn01.png);}
#news-list.list .cat02 ul > li:nth-child(4){background-color:#59de6c; background-image:url(../img/menu/icn02.png);}
#news-list.list .cat03 ul > li:nth-child(4){background-color:#ff6a7a; background-image:url(../img/menu/icn03.png);}
#news-list.list .cat01 ul > li:nth-child(4)::before{content:"NEWS";}
#news-list.list .cat02 ul > li:nth-child(4)::before{content:"公募";}
#news-list.list .cat03 ul > li:nth-child(4)::before{content:"EVENT";}
@media screen and (max-width:800px){
#news-list.list ul > li:nth-child(1){width:calc(100% - 170px);}
#news-list.list ul > li:nth-child(4){width:170px;}}
@media screen and (max-width:640px){#news-list.list ul > li:nth-child(1){width:100%; padding:5px 0 0;}}

/*
================================================================================================================
EVENT
================================================================================================================
*/
#event-list.list ul{margin:0 auto;}
#event-list.list ul + ul{margin-top:80px;}
#event-list.list ul > li:nth-child(1){font-size:18px; padding:0 5px 5px 50px;}
#event-list.list ul > li:nth-child(1)::before{
display:block;
content:"";
position:absolute;
top:calc(50% - 25px);
left:-10px;
width:50px;
height:50px;
background-image:url(../img/common/line03.png);
background-position:left center;
background-repeat:no-repeat;
background-size:100% auto;
z-index:3;}
#event-list.list ul > li:nth-child(2){padding-bottom:0 !important;}
#event-list.list ul > li:nth-child(2) img{display:block; width:100%; margin:10px auto;}
#event-list.list ul > li:nth-child(2) img:last-of-type{margin:10px auto 0;}
#event-list.list ul > li:nth-child(2) > a:hover img{opacity:.5;}
@media screen and (max-width:680px){
#event-list.list ul + ul{margin-top:50px;}
#event-list.list ul > li:nth-child(1){font-size:16px;}
#event-list.list ul > li:nth-child(1)::before{top:calc(50% - 20px); left:0; width:40px; height:40px;}}
@media screen and (max-width:420px){
#event-list.list ul > li:nth-child(1){font-size:15px; padding:0 5px 5px 40px;}
#event-list.list ul > li:nth-child(1)::before{top:calc(50% - 16px); width:34px; height:32px;}}