#front__content {
  padding-top: 0 !important;
}


/**
 * main
 */
main { padding-top: 0; }
@media screen and (max-width: 991px){
  main { padding-bottom: 10rem; }
}


/**
 * col5__tp1
 */
.col5__tp1.col .posts__list__frm__content .posts__detail .posts__title,
.col5__tp1.col .posts__list__frm__content .posts__detail .posts__description,
.col5__tp1.col .posts__list__frm__content .posts__detail .posts__date,
.col5__tp1.col .posts__list__frm__content .posts__detail .posts__view { color: #333; }
.col5__tp1.col .posts__list__frm__content .posts__image .image__bg {
  width: 0;
  height: 0;
}
.col5__tp1.col .posts__list__frm__content img {
  width: auto;
  object-fit: cover;
}
.col5__tp1.col .posts__list__frm__content .posts__detail .posts__date,
.col5__tp1.col .posts__list__frm__content .posts__detail .posts__view { display: none; }
.col5__tp1.col .left__box {
  width: 43%;
  margin-right: 7%;
}
.col5__tp1.col .posts__list__frm__content .posts__detail { position: static; }
.col5__tp1.col .left__box .posts__list__frm__content .posts__detail { padding-top: 30px; }
.col5__tp1.col .left__box .posts__title { margin: 15px 0; }
.col5__tp1.col .left__box .posts__title h3 { font-size: 20px; }
.col5__tp1.col .left__box img { height: 400px; }
.col5__tp1.col .left__box .posts__description { font-size: 15px; }
.col5__tp1.col .right__box {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}
.col5__tp1.col .right__box .posts__list__frm__content {
  width: 48%;
  margin-bottom: 30px;
  margin-right: 4%;
  box-shadow: 0 0 3px #ddd;
}
.col5__tp1.col .right__box .posts__list__frm__content:nth-last-child(odd) { margin-right: 0; }
.col5__tp1.col .right__box img { height: 130px; }
.col5__tp1.col .f__reverse { flex-direction: row-reverse; }
.col5__tp1.col .f__reverse .left__box {
  margin-left: 7%;
  margin-right: 0;
}
@media screen and (max-width: 991px){
}


/**
 * col5__tp2
 */
.col5__tp2.col .posts__list__frm__content .posts__detail .posts__title,
.col5__tp2.col .posts__list__frm__content .posts__detail .posts__description,
.col5__tp2.col .posts__list__frm__content .posts__detail .posts__date,
.col5__tp2.col .posts__list__frm__content .posts__detail .posts__view { color: #333; }
.col5__tp2.col .posts__list__frm__content .posts__image .image__bg {
  width: 0;
  height: 0;
}
.col5__tp2.col .posts__list__frm__content img {
  width: auto;
  object-fit: cover;
}
.col5__tp2.col .posts__list__frm__content .posts__detail .posts__date,
.col5__tp2.col .posts__list__frm__content .posts__detail .posts__view { display: none; }
.col5__tp2.col .left__box {
  width: 43%;
  margin-right: 7%;
}
.col5__tp2.col .posts__list__frm__content .posts__detail { position: static; }
.col5__tp2.col .left__box .posts__list__frm__content .posts__detail { padding-top: 30px; }
.col5__tp2.col .left__box .posts__title { margin: 15px 0; }
.col5__tp2.col .left__box .posts__title h3 { font-size: 20px; }
.col5__tp2.col .left__box img { height: 400px; }
.col5__tp2.col .left__box .posts__description { font-size: 15px; }
.col5__tp2.col .right__box { width: 50%; }
.col5__tp2.col .right__box .posts__list__frm__content {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eee;
}
.col5__tp2.col .right__box .posts__image {
  margin-right: 5%;
  width: 30%;
}
.col5__tp2.col .right__box .posts__detail {
  padding: 0;
  width: 65%;
}
.col5__tp2.col .right__box img { height: 125px; }
.col5__tp2.col .right__box .posts__description { margin-bottom: 0; }
.col5__tp2.col .f__reverse { flex-direction: row-reverse; }
.col5__tp2.col .f__reverse .left__box {
  margin-left: 7%;
  margin-right: 0;
}
@media screen and (max-width: 991px){
}


/**
 * swipe
 */
#swiper__front {
  position: relative;
  margin: -60px 0 0;
  padding: 30px 10px 70px;
  background: rgb(255, 255, 255, .7);
  z-index: 2;
}
#swiper__front .posts__list__frm__content img {
  height: 22vw;
  object-fit: cover;
}
#swiper__front .posts__list__frm__content .posts__title {
  margin: 10px 0;
  font-size: 1.4vw;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#swiper__front .posts__list__frm__content .posts__description { font-size: 14px; }
#swiper__front .posts__list__frm__content .posts__cat li { font-size: 12px; }
#swiper__front .posts__list__frm__content .posts__date,
#swiper__front .posts__list__frm__content .posts__view { display: none; }
#swiper__front .swiper-pagination,
#swiper__front .swiper-button-prev,
#swiper__front .swiper-button-next { display: none; }
@media screen and (max-width: 991px){
  #swiper__front .posts__list__frm__content img { height: 40rem; }
  #swiper__front .posts__list__frm__content .posts__cat li { font-size: 1.4rem; }
  #swiper__front .posts__list__frm__content .posts__title {
    font-size: 2.2rem;
    -webkit-line-clamp: 3;
  }
  #swiper__front .posts__list__frm__content .posts__description {
    font-size: 1.5rem;
    -webkit-line-clamp: 5;
  }
}


/**
 * pickup
 */
#pickup {
  margin: -35px 0 50px;
  padding: 60px 0 80px;
  background: linear-gradient(240deg, #7b5544, #d1bbb2);
}
#pickup h2 { color: #fff; }
#pickup .posts__title h3 {
  margin: 5px 0;
  font-size: 15px;
}
#pickup .posts__description { display: none; }
#pickup .col4 .posts__list__frm__content .posts__image img { height: 175px; }
@media screen and (max-width: 991px){
  #pickup { margin-bottom: 3rem; }
}


/**
 * new__post
 */
#new__post { margin-bottom: 80px; }
#new__post .col5 .posts__list__frm__content:nth-of-type(1),
#new__post .col5 .posts__list__frm__content:nth-of-type(1) h3 { font-size: 20px; }
#new__post .col5 .posts__list__frm__content:nth-of-type(1) .posts__image img,
#new__post .col5 .posts__list__frm__content:nth-of-type(2) .posts__image img { height: 350px; }
#new__post .posts__list__frm__content:nth-of-type(n+3) .posts__image img { height: 235px; }
#new__post .posts__list__frm__content:nth-of-type(n+3) .posts__description { -webkit-line-clamp: 2; }
@media screen and (max-width: 991px){
  #new__post { margin: 3rem 0 5rem; }
  #new__post .col5 .posts__list__frm__content:nth-of-type(2) .posts__image img,
  #new__post .posts__list__frm__content:nth-of-type(n+3) .posts__image img { height: 17.5rem; }
  #new__post .posts__list__frm__content:nth-of-type(n+2) .posts__description { display: none; }
}


/**
 * custom__post
 */
#custom__post__1,
#custom__post__2,
#custom__post__3,
#custom__post__4 { margin-bottom: 80px; }
#custom__post__1 h2,
#custom__post__2 h2,
#custom__post__3 h2,
#custom__post__4 h2 { margin-bottom: 50px; }
#custom__post__4 .left__box {
  margin-right: 7%;
  width: 50%;
}
#custom__post__4 .right__box { width: 42%; }
#custom__post__4 .right__box .left__box,
#custom__post__4 .right__box .right__box,
#custom__post__4 .posts__list__frm__content .posts__detail { width: 100%; }
#custom__post__4 .right__box .left__box { margin-right: 0; }
#custom__post__4 .posts__list__frm__content .posts__image,
#custom__post__4 .posts__list__frm__content .posts__date,
#custom__post__4 .posts__list__frm__content .posts__view { display: none; }
#custom__post__4 .posts__list__frm__content {
  margin-bottom: 10px;
  padding: 0 0 10px;
  border-bottom: solid 1px #eee;
}
#custom__post__4 .posts__list__frm__content .posts__title h3 { font-size: 17px; }
#custom__post__4 .posts__list__frm__content .posts__description {
  margin-bottom: 0;
  font-size: 14px;
}
@media screen and (max-width: 991px){
  #custom__post__1,
  #custom__post__2,
  #custom__post__3,
  #custom__post__4 { margin-bottom: 5rem; }
  #custom__post__1 h2,
  #custom__post__2 h2,
  #custom__post__3 h2,
  #custom__post__4 h2 { margin-bottom: 3rem; }
  #custom__post__1 .left__box,
  #custom__post__1 .right__box ,
  #custom__post__2 .left__box,
  #custom__post__2 .right__box,
  #custom__post__3 .left__box,
  #custom__post__3 .right__box,
  #custom__post__4 .left__box,
  #custom__post__4 .right__box { width: 100%; }
  #custom__post__1 .left__box,
  #custom__post__2 .left__box,
  #custom__post__3 .left__box {
    margin-bottom: 3rem;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1rem;
    border-bottom: solid 1px #ddd;
  }
  #custom__post__3 .col .posts__list__frm__content .posts__detail .posts__cat ul { flex-wrap: wrap; }
  #custom__post__3 .col .posts__list__frm__content .posts__detail .posts__cat li { margin-bottom: .5rem; }
  #custom__post__4 .left__box {
    margin-right: 0;
    margin-bottom: 5rem;
  }
  #custom__post__4 .right__box .left__box { margin-bottom: 0; }
}



#wpp {
  margin-bottom: 80px;
  padding: 60px 0 80px;
  background: linear-gradient(120deg, #7b5544, #d1bbb2);
}
#wpp h2 { color: #fff; }
#wpp .wpp__content__header ul {
  display: flex;
  flex-wrap: nowrap;
}
#wpp .wpp__content__header li {
  cursor: pointer;
  margin-right: 1px;
  padding: 5px 25px;
  color: #333;
  background: #fff;
  border: solid 1px #eee;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#wpp .wpp__content__header li.active {
  background: #eee;
}
#wpp .wpp__content__item {
  padding: 30px 30px 10px;
  background: #fff;
  border: solid 1px #eee;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#wpp .wpp__content__item .wpp1,
#wpp .wpp__content__item .wpp1 .posts__description,
#wpp .wpp__content__item .wpp0 .posts__date,
#wpp .wpp__content__item .posts__view { display: none; }
@media screen and (max-width: 991px){
  #wpp { margin: 3rem 0 5rem; }
  #wpp h2 { width: 100% !important; }
  #wpp .wpp__content__item {
    padding: 2rem 1.5rem .5rem;
  }
  #wpp .flex {
    display: block;
  }
  #wpp .flex article { width: 100%; }
}

/**
 * category__list
 */
#category__list h2 { margin-bottom: 70px; }
#category__list .categories__inner {
  position: relative;
  margin-bottom: 70px;
  padding: 80px 30px 30px;
  border: solid 1px #eee;
  border-radius: 3px;
}
#category__list .categories__inner:last-child { margin-bottom: 0; }
#category__list .categories__inner h3 { margin-bottom: 15px; }
#category__list .categories__inner .title a {
  padding: 5px 20px;
  color: #777;
  font-size: 10px;
  border: solid 1px #aaa;
  border-radius: 5px;
}
#category__list .categories__inner .title {
  position: absolute;
  top: -19px;
  padding: 0 20px;
  background: #fff;
}
#category__list .posts__list__frm__content { margin-bottom: 0; }
#category__list .posts__list__frm__content .posts__title h4 {
  margin: 5px 0 ;
  font-size: 15px;
}
#category__list .posts__list__frm__content img { height: 175px; }
#category__list .posts__list__frm__content .posts__description { display: none; }
@media screen and (max-width: 991px){
  #category__list .categories__inner { padding: 8rem 1.5rem 1.5rem; }
  #category__list .posts__list__frm__content { margin-bottom: 1rem; }
}