@charset "UTF-8";

/***************************************************

	新着情報

***************************************************/

/********** archive **********/

#news-list{

}

#news-list ul li{
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 12px 12px 48px;
    position: relative;
	border-bottom: 1px dotted #ccc;
}

#news-list ul li:last-child{
	border-bottom: none;
}

#news-list ul li.new_time::before{
	content: '';
	display: inline-block;
	width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FE6833%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M412.2%2C352.4c-12.5%2C3.8-24.8%2C10.3-37.2%2C22.6l0%2C0c-16.1%2C16.2-22.5%2C32.4-25.3%2C49c-2.8%2C16.6-1.4%2C33.7-1.1%2C50%20c0%2C2.7%2C0%2C5.4%2C0%2C8.2l133.6-133.6c-4.2%2C0.1-8.5%2C0-12.8-0.1C450.5%2C347.9%2C430.9%2C346.8%2C412.2%2C352.4z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C0C114.6%2C0%2C0%2C114.6%2C0%2C256c0%2C141.4%2C114.6%2C256%2C256%2C256c21.2%2C0%2C41.7-2.7%2C61.3-7.6c2.5-2.8%2C4.1-6.2%2C5.2-11.8%20c1.1-5.8%2C1.1-13.6%2C0.9-22.6c-0.4-18-2.2-40.8%2C4.9-64.9c4.7-16.1%2C13.6-32.6%2C28.9-47.8c0%2C0%2C0%2C0%2C0%2C0c19.9-20.1%2C42.2-29%2C62.7-32.3%20c20.5-3.3%2C39.4-1.6%2C54.4-1.4c10%2C0.2%2C18.1-0.4%2C23.4-2.3c2.8-1%2C4.8-2.2%2C6.6-3.9c4.9-19.7%2C7.6-40.2%2C7.6-61.3C512%2C114.6%2C397.4%2C0%2C256%2C0%20z%20M202.1%2C322.4l-16.8%2C3.3c-1.1%2C0.2-1.9-0.1-2.7-0.9l-45.8-53.5l-0.7%2C0.1l11.8%2C60.2c0.2%2C0.9-0.3%2C1.5-1.1%2C1.7l-15.9%2C3.1%20c-0.8%2C0.2-1.5-0.3-1.7-1.1l-18.3-93c-0.2-0.9%2C0.3-1.5%2C1.1-1.7l16.9-3.3c1-0.2%2C1.9%2C0.1%2C2.7%2C0.9l45.7%2C53.7l0.7-0.1l-11.9-60.3%20c-0.2-0.9%2C0.3-1.5%2C1.1-1.7l15.9-3.1c0.8-0.2%2C1.5%2C0.3%2C1.7%2C1.1l18.3%2C93C203.4%2C321.6%2C202.9%2C322.3%2C202.1%2C322.4z%20M284.7%2C306.2%20l-61.4%2C12.1c-0.9%2C0.2-1.5-0.3-1.7-1.1l-18.3-93c-0.2-0.9%2C0.3-1.5%2C1.1-1.7l61.4-12.1c0.8-0.2%2C1.5%2C0.3%2C1.7%2C1.1l3%2C15.1%20c0.2%2C0.8-0.3%2C1.5-1.1%2C1.7l-41.3%2C8.1c-0.6%2C0.1-0.8%2C0.4-0.7%2C1l3.8%2C19c0.1%2C0.6%2C0.4%2C0.8%2C1%2C0.7l34.4-6.8c0.8-0.2%2C1.5%2C0.3%2C1.7%2C1.1%20l2.9%2C14.9c0.2%2C0.8-0.3%2C1.5-1.1%2C1.7l-34.4%2C6.8c-0.6%2C0.1-0.8%2C0.4-0.7%2C1l3.9%2C19.9c0.1%2C0.6%2C0.5%2C0.8%2C1%2C0.7l41.3-8.1%20c0.8-0.2%2C1.5%2C0.3%2C1.7%2C1.1l3%2C15.1C286%2C305.4%2C285.5%2C306%2C284.7%2C306.2z%20M387.6%2C284.5c0%2C0.9-0.6%2C1.6-1.6%2C1.8l-14.1%2C2.8%20c-1%2C0.2-1.7-0.3-2.1-1l-28.3-56.3l-0.3%2C0.1l-5.1%2C62.9c-0.1%2C0.9-0.6%2C1.6-1.5%2C1.8l-14.1%2C2.8c-0.8%2C0.2-1.5-0.3-2-1.1l-43.1-88.1%20c-0.3-0.8-0.1-1.4%2C0.9-1.6l18.2-3.6c1-0.2%2C1.7%2C0.3%2C2%2C1.1l25.7%2C57.4l0.3-0.1l4.5-63.4c0.1-0.9%2C0.6-1.6%2C1.5-1.8l12.3-2.4%20c0.8-0.2%2C1.5%2C0.3%2C2%2C1.1l28.7%2C56.8l0.3-0.1l1.4-62.8c0-1%2C0.4-1.6%2C1.4-1.8l18-3.5c1-0.2%2C1.4%2C0.3%2C1.4%2C1.2L387.6%2C284.5z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    position: absolute;
    top: 10px;
    left: 4px;
}

#news-list ul li .date{
	width: 120px;
}

#news-list ul li .cont{
	width: calc(100% - 120px);
}

#archive_pager{
	margin: 60px 0 0;
	text-align: center;
}

#archive_pager span{
	display: inline-block;
	line-height: 1;
	border: 1px solid #9d9d9d;
	background: #9d9d9d;
	color: #fff;
	border-radius: 4px;
	padding: 5px 7px;
	margin: 0 5px;
}

#archive_pager a{
	display: inline-block;
	line-height: 1;
	border: 1px solid #3B93E0;
	background: #fff;
	color: #3B93E0;
	border-radius: 4px;
	padding: 5px 7px;
	margin: 0 5px;
}

#archive_pager a:hover{
	background: #3B93E0;
	color: #fff;
	text-decoration: none;
}



/********************************************************************************
	リキッド用 CSS
********************************************************************************/

@media screen and (max-width:1280px){

/********** archive **********/

#news-list ul li{
    padding: 0.810811vw 0.810811vw 0.810811vw 3.243243vw;
}

#news-list ul li.new_time::before{
	width: 1.891892vw;
    height: 1.891892vw;
    top: 0.675676vw;
    left: 0.270270vw;
}

#news-list ul li .date{
	width: 9.375vw;
}

#news-list ul li .cont{
	width: calc(100% - 9.375vw);
}

#archive_pager{
	margin: 4.6875vw 0 0;
}

#archive_pager span{
	border-radius: 0.3125vw;
	padding: 0.390625vw 0.546875vw;
	margin: 0 0.390625vw;
}

#archive_pager a{
	border-radius: 0.3125vw;
	padding: 0.390625vw 0.546875vw;
	margin: 0 0.390625vw;
}



}





/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media screen and (max-width:430px){

/********** archive **********/

#news-list{

}

#news-list ul li{
	display: block;
    padding: 2.133333vw 2.133333vw 2.133333vw 8.533333vw;
}

#news-list ul li.new_time::before{
	width: 5.866667vw;
    height: 5.866667vw;
    top: 2.4vw;
    left: 0;
}

#news-list ul li .date{
	width: auto;
	margin-bottom: 1.066667vw;
}

#news-list ul li .cont{
	width: auto;
	line-height: 1.4;
}


#archive_pager{
	margin: 8vw 0 5.333333vw;
}

#archive_pager span{
	padding: 1.333333vw 1.866667vw;
	margin: 0 1.333333vw;
}

#archive_pager a{
	padding: 1.333333vw 1.866667vw;
	margin: 0 1.333333vw;
}



}