.archive_fragments{
position: relative;
width: 94vw;
margin: 0 auto 0 auto;
}



.archive_fragments h1{
position: relative;
z-index: 3;
margin: 7px 0 0 0;
padding: 0;

width: 100%;
text-align: left;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 300;


/*FONT 375px計算*/
font-size: 14px;
font-size: 3.7333333vw;
font-size: clamp(13px, 3.7333333vw, 15.0px);

line-height: 1.3;
text-transform: uppercase;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;
}



/*一覧*/
.archive_fragments .itiran{
width: 100%;
margin: 100px auto;
padding: 0 0 0 0;
border-top: 1px solid #ccc;
}



/*各*/
.each_archive_fragments{
position: relative;
width: 100%;
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
border-bottom: 1px solid #ccc;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 300;

/*FONT 375px計算*/
font-size: 14px;
font-size: 3.7333333vw;
font-size: clamp(13px, 3.7333333vw, 15.0px);

line-height: 1.3;
color: #333;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;
}


/*タイトルエリア*/
.each_archive_fragments .title_area{

}



.each_archive_fragments .title_area h2{
margin: 0 0 0 8px;
}



/*日付*/
.each_archive_fragments .date_area{
position: relative;
width: 100%;
margin: 7px 0 0 0;
padding: 0;
text-align: left;
font-size: 10px;
}


.each_archive_fragments .date_area .date_layout{
margin: 0 0 0 8px;
}



/*リンクエリア*/
.each_archive_fragments a{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*END OF SP
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

.archive_fragments{
width: 100%;
position: relative;
margin: 0;
padding: 0;
}


.archive_fragments h1{
position: fixed;
top: 2vw;
left: 2vw;
z-index: 3;
margin: 0;
padding: 0;

text-align: left;

font-size: 18px;
line-height: 1.2;

/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: -0.01em;
}


/*一覧*/
.archive_fragments .itiran{
width: 96%;
margin: 150px auto;
padding: 0 0 0px 0;
border-top: 1px solid #ccc;
}





/*各々*/
.each_archive_fragments{
position: relative;
width: 100%;
margin: 0;
padding: 20px 0 20px 0;


/*全体 子要素を折り返しせず、1行で配置*/
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;

/*adobe-kis-variable*/
font-family: "adobe-kis-variable",sans-serif;
font-variation-settings: 'opsz' 15, 'wght' 300;

font-size: 18px;
color: #000;
line-height: 1.2;

/*フォント英語、詰める*/
font-feature-settings: "liga" 1, "pnum" 1;
letter-spacing: 0.0em;

border-bottom: 1px solid #ccc;
}




/*タイトル*/
.each_archive_fragments .title_area{
position: relative;
margin: 0;
padding: 0;

flex: 1;
text-align: left;
}


.each_archive_fragments .title_area h2{
margin: 0 0 0 15px;
}



/*日付*/
.each_archive_fragments .date_area{
position: relative;
margin: 0;
padding: 0;

flex: 0 0 200px; /* 幅を固定（伸縮なし） */
text-align: right;
font-size: 15px;
}

.each_archive_fragments .date_area .date_layout{
margin: 0 15px 0 0;
}


.each_archive_fragments a{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





}/*END OF PC*/