@charset "UTF-8";

/* news アーカイブページ (/news) 専用スタイル */

[data-pagename="news"] #gradient-bg-img {
    background-image: none;
    background-color: #f4f4f4;
}


.mb0{ margin-bottom:0 !important; }

.news-mv{
width:100%;
height:83.20vw;
background:url(../../img/mv-news-sp.jpg) no-repeat center center;
background-size:cover;
margin:0 0 6.4vw;
position:relative;
}




.news-cat-list{
width:87.20vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:1.07vw 1.87vw;
position:absolute;
top:32.00vw;
left:calc(50% - 43.60vw);
z-index:10;
}
.news-cat-list li{
width:calc((100% - 1.87vw) / 2);
}
.news-cat-list li a{
width:100%;
height:7.47vw;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
font-size:3.20vw;
border-radius:4vw;
color:#000;
text-decoration:none;
font-weight:normal;
}
.news-cat-list li.news-all a{ color:#00A0E9; }
.news-cat-list li.news-eme a{ color:#f00; }
.news-cat-list li.is-current a{ background:#00A0E9; color:#fff; }



.news-archives{
width:87.20vw;
margin:0 auto;
background:#fff;
padding:6.40vw 4.27vw;
}

[data-pagename^="news"] .l-pagination .pagination-list{
display:flex;
align-items:center;
justify-content:center;
gap:4.27vw;
margin:6.40vw 0 14.93vw;
}

[data-pagename^="news"] .l-pagination .pagination-list .page-numbers{
display:flex;
align-items:center;
justify-content:center;
font-size:6.93vw;
line-height:1;
padding:5.60vw 0.53vw 1.33vw;
color:#000;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers:not(.prev):not(.next){
width:auto;
height:auto;
margin:0;
border-radius:0;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.is-current{
background-color:#14B4FF;
color:#fff;
}

[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev,
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next{
position:relative;
top:2.2vw;
width:6.40vw;
height:6.40vw;
padding:0;
margin:0;
background:#000;
border-radius:1.33vw;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev .icon,
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next .icon{
display:none;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev::before,
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next::before{
content:"";
width:2.13vw;
height:2.13vw;
border-style:solid;
border-color:#fff;
border-width:0.53vw 0.53vw 0 0;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev::before{
transform:rotate(-135deg);
margin-left:1.07vw;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next::before{
transform:rotate(45deg);
margin-right:1.07vw;
}


/* ------------------------------------------------------------------
   フィード (l-news > news-box-wrap > news-content.l-archive_list)
   common.css の .l-archive_list .archive-item 等を上書きする場合はここに追記
   ------------------------------------------------------------------ */

[data-pagename^="news"] .l-news{
margin:0;
padding-bottom:0;
}

[data-pagename^="news"] .l-news .news-box-wrap .news-content{
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-item{
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-thumb{
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-meta{
flex-grow:1;
min-width:0;
align-content:flex-start;
padding-bottom:4.27vw;
border-bottom:1px solid #0071bc;
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-meta .date{
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-meta .l-category{
display:flex;
flex-wrap:wrap;
gap:1vw;
}

.label{
margin-right:0;
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-title{
}


@media (min-width: 768px) {
.news-mv{
width:100%;
height:372px;
background:url(../../img/mv-news-pc.jpg) no-repeat center center;
background-size:cover;
margin:0 0 40px;
}



.news-cat-list{
width:1200px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px 16px;
position:absolute;
top:210px;
left:calc(50% - 600px);
z-index:10;
}
.news-cat-list li{
width:calc((100% - 48px) / 4);
}
.news-cat-list li a{
width:100%;
height:40px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
font-size:16px;
color:#000;
text-decoration:none;
font-weight:normal;
}
.news-cat-list li.news-all a{ color:#00A0E9; }
.news-cat-list li.news-eme a{ color:#f00; }
.news-cat-list li.is-current a{ background:#00A0E9; color:#fff; }


.news-archives{
width:1260px;
margin:0 auto;
background:#fff;
padding:40px 27px 24px;
}

[data-pagename^="news"] .l-pagination{
margin:0;
}

[data-pagename^="news"] .l-pagination .pagination-list{
margin:24px 0 55px;
gap:24px;
}

[data-pagename^="news"] .l-pagination .pagination-list .page-numbers{
font-size:40px;
padding:31px 3px 7px;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.is-current{
background-color:#14B4FF;
color:#fff;
}

[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev,
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next{
top:12px;
width:36px;
height:36px;
border-radius:8px;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev::before,
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next::before{
width:8px;
height:8px;
border-width:2px 2px 0 0;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.prev::before{
margin-left:4px;
}
[data-pagename^="news"] .l-pagination .pagination-list .page-numbers.next::before{
margin-right:4px;
}




[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-item{
margin-top:40px;
}

[data-pagename^="news"] .l-news .news-content.l-archive_list .archive-meta{
height:160px;
}



}