:root {
--serif: 'Noto Serif JP', serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
--sans: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.archive_list{width:100%;max-width: 865px; padding-bottom:10px;padding-top:0;margin: 20px auto 0 auto;}
.archive_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.archive_list ul li{width: 24%;text-align: center;font-weight: bold;border-left: 1px solid #CCC;border-top: 1px solid #CCC;box-sizing: border-box;border-right: 1px solid #CCC;}
.archive_list ul li a{display: block;padding: 10px 0px 10px 0px;width: 100%;color: #000;text-decoration: none}
.archive_list ul li a:hover{background-color: aliceblue}
.archive_list ul li:nth-of-type(1){border-bottom: solid 4px #333}
.archive_list ul li:nth-of-type(2){border-bottom: solid 4px #008000}
.archive_list ul li:nth-of-type(3){border-bottom: solid 4px #008080}
.archive_list ul li:nth-of-type(4){border-bottom: solid 4px #808000}

.news_post_list.news_list .archive_list ul li:nth-of-type(1){background-color: aliceblue;border-bottom: 1px solid #CCC}
.news_post_list.post_list .archive_list ul li:nth-of-type(2){background-color: aliceblue;border-bottom: 1px solid #CCC}
.news_post_list.food_safety_list .archive_list ul li:nth-of-type(3){background-color: aliceblue;border-bottom: 1px solid #CCC}
.news_post_list.letter_list .archive_list ul li:nth-of-type(4){background-color: aliceblue;border-bottom: 1px solid #CCC}



/**
.news_post_list.news_post_list .archive_list ul li {background-color: #000}
.news_post_list.post_list .archive_list ul li {background-color: #008000}
.news_post_list.food_safety_list .archive_list ul li {background-color: #008080}
.news_post_list.letter_list .archive_list ul li {background-color: #808000}
*/

.main{ text-align: center;border-bottom: 2px solid #a99280;padding: 20px 0px 15px 0px;font-size: 24px;width: min(100%, 865px);margin: 30px auto 30px auto;font-weight: 600;color: #000;position: relative}

.news_post_list .contents{width:100%;padding-bottom:30px;padding-top:0;margin: 0 auto 0 auto;max-width: 825px;}
.news_post_list .contents .single_list{padding: 0px 0px 100px 0px;width: min(100%, 1080px);margin: 0 auto 0 auto;border-top: 1px solid #CCC;}

.news_post_list .contents .single_list ul.single_list_ul{display: block;height: auto}
.news_post_list .contents .single_list ul.single_list_ul li{display: block;position: relative;height: auto;border-bottom: 1px solid #CCC;}
.news_post_list .contents .single_list ul.single_list_ul li .news_date{font-weight: bold;position: absolute;display: block;left: 15px;top: 24px}
.news_post_list .contents .single_list ul.single_list_ul li .post_type{font-size: 14px;color: #FFF; text-align: center;font-weight: 600;height: 22px;position: absolute;padding: 5px 0px 5px 0px;left: 150px;width: 160px}
.news_post_list .contents .single_list ul.single_list_ul li .post_type_news{background-color: #008000}
.news_post_list .contents .single_list ul.single_list_ul li .post_type_food_safety{background-color: #008080}
.news_post_list .contents .single_list ul.single_list_ul li .post_type_letter{background-color: #808000}
.news_post_list .contents .single_list ul.single_list_ul li .news_title{display: block;padding: 2px 30px 0px 310px;}
.news_post_list .contents .single_list ul.single_list_ul li a{display: block;height: calc(100% - 35px);text-decoration: none;color: #000;padding: 20px 10px 15px 10px;position: relative;min-height: 35px;width: calc(100% - 20px)}
.news_post_list .contents .single_list ul.single_list_ul li a::before,
.news_post_list .contents .single_list ul.single_list_ul li a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 20px;
  width: 15px;
  height: 2px;
  border-radius: 9999px;
  background-color: #000;
  transform-origin: calc(100% - 1px) 50%;
}
.news_post_list .contents .single_list ul.single_list_ul li a::before {
  transform: rotate(45deg);
}
.news_post_list .contents .single_list ul.single_list_ul li a:after {
  transform: rotate(-45deg);
}
.news_post_list .contents .single_list ul.single_list_ul li .no_link{display: block;height: calc(100% - 35px);text-decoration: none;color: #000;padding: 20px 10px 15px 10px;position: relative;}
.news_post_list .contents .single_list ul.single_list_ul li:hover{background-color: aliceblue}

.pager{}
ul.pagination{text-align: center}
ul.pagination li{height: 30px;width: 30px;padding: 0;margin: 0 5px 0 5px;display: inline-block;font-weight: 600;line-height: 28px;}
ul.pagination li a{display: block;height: 30px;width: 30px;border: 1px solid #000;text-decoration: none;color: #000}
ul.pagination li span.current{display: block;height: 30px;width: 30px;border: 1px solid #000;text-decoration: none;background-color: #000;color: #FFF}
ul.pagination li:first-of-type a{position: relative;}
ul.pagination li:last-of-type a{position: relative}

ul.pagination li:first-of-type a::before,
ul.pagination li:first-of-type a::after,
ul.pagination li:last-of-type a::before,
ul.pagination li:last-of-type a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  width: 10px;
  height: 2px;
  border-radius: 9999px;
  background-color: #000;
  transform-origin: calc(100% - 1px) 50%;
}

ul.pagination li:first-of-type a::before,
ul.pagination li:first-of-type a::after{
left: 5px;
}
  
ul.pagination li:last-of-type a::before,
ul.pagination li:last-of-type a::after{
right: 10px;
}
  
  
  
  
ul.pagination li:first-of-type a::before {
  transform: rotate(135deg);
}
ul.pagination li:first-of-type a:after {
  transform: rotate(-135deg);
}
  
ul.pagination li:last-of-type a::before {
  transform: rotate(45deg);
}
ul.pagination li:last-of-type a:after {
  transform: rotate(-45deg);
}

.pager .sp{display: none}


@media screen and (max-width: 479px){
.archive_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 90%;margin: 0 auto 0 auto;padding-top: 20px;}  
.archive_list ul li{width: 49%;text-align: center;font-weight: bold;border-left: 1px solid #CCC;border-top: 1px solid #CCC;box-sizing: border-box;border-right: 1px solid #CCC;margin-bottom: 10px}  
.main{ text-align: center;border-bottom: 2px solid #a99280;padding: 30px 0px 15px 0px;font-size: 20px;width: min(100%, 865px);margin: 0px auto 30px auto;font-weight: 600;color: #000;position: relative}
.news_post_list .contents .single_list{padding: 0px 0px 100px 0px;width: min(100%, 1080px);margin: 0 auto 0 auto}
.news_post_list .contents .single_list ul.single_list_ul li .news_date{font-weight: bold;position: absolute;display: block;left: 10px;top: 22px;font-size: 14px}    
.news_post_list .contents .single_list ul.single_list_ul li .post_type{font-size: 14px;color: #FFF; text-align: center;font-weight: 600;height: 22px;position: absolute;padding: 2px 5px 2px 5px;left: 120px;width: auto} 
.news_post_list .contents .single_list ul.single_list_ul li .news_title{display: block;padding: 40px 30px 0px 0px;font-size: 15px;}    
.news_post_list .contents .single_list ul.single_list_ul li a{display: block;height: calc(100% - 25px);text-decoration: none;color: #000;padding: 20px 10px 15px 10px;position: relative;min-height: 35px;width: calc(100% - 20px)}
.news_post_list .contents .single_list ul.single_list_ul li a::before,
.news_post_list .contents .single_list ul.single_list_ul li a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 10px;
  width: 10px;
  height: 2px;
  border-radius: 9999px;
  background-color: #000;
  transform-origin: calc(100% - 1px) 50%;
}
.news_post_list .contents .single_list ul.single_list_ul li .no_link{display: block;height: calc(100% - 35px);text-decoration: none;color: #000;padding: 20px 10px 15px 10px;position: relative;}
  
.pager{position: relative}
ul.pagination{display: flex;justify-content: space-between;flex-wrap: wrap}
ul.pagination li{height: 80px;width: 50%;padding: 0;margin: 0;display: block;font-weight: 600;line-height: 60px;display: none;background-color: #EEEEEE;}
ul.pagination li span.current{display: none;}
ul.pagination li a{display: block;height: 80px;width: 50%;border: none;text-decoration: none;color: #000;background-color: #EEEEEE;padding: 0 25% 0 25%;}
ul.pagination li:first-of-type,ul.pagination li:last-of-type{display: block;}
ul.pagination li:first-of-type a{text-align: left;position: relative}
ul.pagination li:last-of-type a{text-align: right;position: relative}

ul.pagination li:first-of-type a::before,
ul.pagination li:first-of-type a::after,
ul.pagination li:last-of-type a::before,
ul.pagination li:last-of-type a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  width: 15px;
  height: 2px;
  border-radius: 9999px;
  background-color: #000;
  transform-origin: calc(100% - 1px) 50%;
}

ul.pagination li:first-of-type a::before,
ul.pagination li:first-of-type a::after{
left: 20px;
}
  
ul.pagination li:last-of-type a::before,
ul.pagination li:last-of-type a::after{
right: 20px;
}
  
  
  
  
ul.pagination li:first-of-type a::before {
  transform: rotate(135deg);
}
ul.pagination li:first-of-type a:after {
  transform: rotate(-135deg);
}
  
ul.pagination li:last-of-type a::before {
  transform: rotate(45deg);
}
ul.pagination li:last-of-type a:after {
  transform: rotate(-45deg);
}

.pager .sp{display: block;position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto 0 auto;width: 70px;font-weight: 600;text-align: center}
  
  
}