.top_flex_3col{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px;
}
.top_flex_3col li{
  width: calc(100% / 3);
  padding: 10px;
}
@media screen and (max-width: 820px) {
.top_flex_3col li{
  width: calc(100% / 2);
  padding: 10px;
}
}
@media screen and (max-width: 767px) {
.top_flex_3col li{
  width: calc(100% / 1);
  padding: 10px;
}
}
.top_flex_3col li img{
  margin-bottom: 5px;
  width: 100%;
}
/*****************************
  saijiki archive select
*****************************/
.select_case{
  text-align: center;
}

.select-wrap {
  position: relative;
}
.select-wrap::before,
.select-wrap::after {
  position: absolute;
  content: '';
  pointer-events: none;
}
.select-wrap::before {
  display: inline-block;
  right: 0;
  width: 2.8em;
  height: 2.8em;
  border-radius: 0 3px 3px 0;
  background-color: #070707;
}
.select-wrap::after {
  position: absolute;
  top: 50%;
  right: 1.4em;
  transform: translate(50%, -50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}
.select-wrap select {
  width: 100%;
  max-width: 300px;
  appearance: none;
  height: 2.8em;
  padding: .4em 3.6em .4em .8em;
  border: none;
  border-radius: 3px;
  background-color: #f5f5f5;
  color: #333;
  font-size: 1em;
  cursor: pointer;
  margin-bottom: 30px;
}
.select-wrap select:focus {
  outline: 2px solid #070707;
}
.thumb__img img{
  width: 400px;
  max-width: 100%;
  object-fit: cover;
  aspect-ratio: 4 /3;
}
.thumb__img{
  position: relative;
}

.newslist .top_flex_3col a .cat{
background: #005735;
color: #fff;
display: inline-block;
font-size: 14px;
padding: 8px 25px 5px;
line-height: 1;
letter-spacing: 2px;
position: absolute;
top: 0;
right: 0;
margin-right: 0rem;
}
.newslist .top_flex_3col a .cat.haru_cat{
background: #f7c8d1;
}
.newslist .top_flex_3col a .cat.natu_cat{
background: #8cc220;
}
.newslist .top_flex_3col a .cat.aki_cat{
background: #ca6400;
}
.newslist .top_flex_3col a .cat.fuyu_cat{
background: #4b054b;
}


.thumb__title{
  text-align: center;
}

/*****************************
  singleスタイル
*****************************/
.text_item_area{
  margin-top: 30px;
  margin-bottom: 30px;
}

.text_item_area .title{
  color: #928573;
  position: relative;
  padding-left: 25px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.text_item_area .title::before, .text_item_area .title::after {
    content: "□";
    position: absolute;
}

.text_item_area .title::before {
    left: 0;
    top: -3px;
    color: #005735;
}

.text_item_area .title::after {
    left: 5px;
    top: 3px;
   color: #503f21;
}

.text_item_area .text_style p{
  margin-bottom: 10px;
}

.cat-case {
background: #6a3906;
color: #fff;
display: inline-block;
font-size: 14px;
padding: 8px 15px 5px;
line-height: 1;
letter-spacing: 2px;
}
.cat-case.haru_cat{
background: #f7c8d1;
}
.cat-case.natu_cat{
background: #8cc220;
}
.cat-case.aki_cat{
background: #ca6400;
}
.cat-case.fuyu_cat{
background: #4b054b;
}


.book_slider img{
display: block;
max-width: 100%;
width: 400px;
aspect-ratio: 4 / 3;
margin: 0 auto;
object-fit: cover;
margin-bottom: 20px;
}

.book_slider_c_img img{
  height: 180px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.single_sijikihead h2 {
    font-size: 2.6rem;
    font-weight: bold;
    padding: 5px 0;
    line-height: 1;
}