@charset "UTF-8";
/* ----関数設定---- */
/* ----------------------------------------------------------------------
新着情報　共通
---------------------------------------------------------------------- */
ul.tag_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
ul.tag_wrapper li {
  color: #FFF;
  background-color: #6A3906;
  padding: 6px 19px;
  border-radius: 99999px;
  line-height: 1;
  font-size: clamp(12px, calc(0.1877934272vw + 11px), 14px);
}
@supports not (font-size: clamp(12px, calc(0.1877934272vw + 11px), 14px)) {
  ul.tag_wrapper li {
    font-size: max(12px, min(calc(0.1877934272vw + 11px), 14px));
  }
}

#sidebar_news {
  margin: 50px 0;
  box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
  background-color: #FFF;
  border-radius: 12px;
  padding: 27px 17px;
}
#sidebar_news .side_widget_wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
#sidebar_news .side_widget {
  width: 100%;
  font-size: 15px;
}
#sidebar_news .side_widget a {
  display: block;
}
#sidebar_news .side_widget a:hover {
  color: #6A3906;
}
#sidebar_news .side_widget h3.menu-item-btn {
  font-family: "Potta One", serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  font-size: 20px;
  text-align: center;
  background-color: #6A3906;
  color: #FFF;
  border-radius: 99999px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#sidebar_news .side_widget h3.menu-item-btn::after {
  content: "+";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
}
#sidebar_news .side_widget h3.menu-item-btn.is-open::after {
  content: "-";
}
#sidebar_news .side_widget ul li {
  padding-left: 32px;
  position: relative;
  margin-bottom: 9px;
}
#sidebar_news .side_widget ul li::before {
  content: "＞";
  position: absolute;
  left: 0;
  top: 0;
}
#sidebar_news .side_widget ol li {
  display: flex;
}
#sidebar_news .side_widget .side_content {
  display: none;
  margin-top: 10px;
  padding: 0 20px;
}
#sidebar_news ul.tag_wrapper {
  margin-top: 0;
}
#sidebar_news ul.tag_wrapper li {
  background-color: #FFF;
  color: #808080;
  padding: 0;
  border-radius: 18px;
}
#sidebar_news ul.tag_wrapper li a {
  display: block;
  text-align: center;
  width: 140px;
  height: 36px;
  line-height: 36px;
}
#sidebar_news ul.tag_wrapper li:hover, #sidebar_news ul.tag_wrapper li.current {
  color: #FFF;
  background-color: #333;
}

@media screen and (min-width: 1024px) {
  #main #sidebar_news {
    margin: 0;
    width: 27.9%;
    display: block;
    background: none;
    padding: 0;
    box-shadow: none;
  }
  #main #sidebar_news .side_widget_wrapper {
    position: sticky;
    top: 20px;
  }
  #main #sidebar_news .side_widget {
    box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
    background-color: #FFF;
    padding: 27px 29px;
    margin-bottom: 38px;
    border-radius: clamp(12px, calc(4.3269230769vw + -32px), 30px);
  }
  @supports not (border-radius: clamp(12px, calc(4.3269230769vw + -32px), 30px)) {
    #main #sidebar_news .side_widget {
      border-radius: max(12px, min(calc(4.3269230769vw + -32px), 30px));
    }
  }
  #main #sidebar_news .side_widget h3.menu-item-btn {
    padding: 2px 0;
  }
  #main #sidebar_news .side_widget h3.menu-item-btn::after {
    display: none;
  }
  #main #sidebar_news .side_widget .side_content {
    display: block;
    margin-top: 24px;
    padding: 0;
  }
}

/* ----------------------------------------------------------------------
新着情報一覧
---------------------------------------------------------------------- */
.post-type-archive-news #content-header{
	&::after{
		content:""; width:100%; aspect-ratio:706/756; display:block;
		background:url(../images/news_list_image_sp@2x.webp?) no-repeat center top/ contain;
		margin-top: 27px;        margin-bottom: 50px;
	}
}
#news_list ul.fadein-order {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#news_list ul.fadein-order li.fadein{margin-bottom:22px;}
#news_list ul.fadein-order li a {
	display:block;
  border-radius: 10px;
	padding: 14px 21px 22px 21px;
  overflow: hidden;
  background-color: #FFF;
	box-shadow: 0px 8px 11px rgba(155, 95, 0, 0.22);
}
#news_list ul.fadein-order li a:hover{background-color:rgb(155, 95, 0, 0.05);}
#news_list ul.fadein-order li a .meta{ display:flex; align-items:center; gap:20px;}
#news_list ul.fadein-order li a .meta .date{font-size:14px; line-height:1;}
#news_list ul.fadein-order li a h2{
	font-weight:bold;font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px);
	margin-top: 14px;
    border-bottom: solid 1px #CCC;
    padding-bottom: 10px;
    margin-bottom: 14px;
}
@supports not (font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px)) {
  #news_list ul.fadein-order li a h2 {
    font-size: max(16px, min(calc(0.7511737089vw + 13px), 24px));
  }
}
#news_list ul.fadein-order li a figure {
  width: 100%;
  overflow: hidden;
	aspect-ratio:626/426;
}
#news_list ul.fadein-order li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#news_list ul.fadein-order li a:hover figure img {
  transform: scale(1.1);
}
#news_list ul.fadein-order li a .flex p {
  font-size: 15px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
	margin-top: 11px;
}
.post-type-archive-news .link_btn,.tax-news_cat .link_btn {
  margin-top: clamp(56px, calc(2.3474178404vw + 47px), 81px);
}
@supports not (margin-top: clamp(100px, calc(6.8544600939vw + 74px), 173px)) {
 .post-type-archive-news .link_btn,.tax-news_cat .link_btn {
    margin-top: max(56px, min(calc(2.3474178404vw + 47px), 81px));
  }
}

@media screen and (min-width: 768px) {
	.post-type-archive-news #content-header{
		&::after{
			content:""; width:100%; aspect-ratio:1171/552; display:block;
			background:url(../images/news_list_image@2x.webp?) no-repeat center top/ contain;
			margin-top: -38px;
            margin-bottom: 36px;
		}
	}
	#news_list ul.fadein-order li a{
		border-radius:30px; padding: 40px 50px;
	}
	#news_list ul.fadein-order li a	h2{margin-top: 20px;    padding-bottom: 13px;    margin-bottom: 34px;}
	#news_list ul.fadein-order li a .flex{	display:flex;	justify-content: space-between; align-items: flex-start;}
	#news_list ul.fadein-order li a .flex figure{width:40%}
	#news_list ul.fadein-order li a .flex p{text-overflow: ellipsis;    -webkit-box-orient: vertical;    -webkit-line-clamp: 7;    line-clamp: 7; margin-top:0;		width: 54%;}
}
@media screen and (min-width: 1280px) {
	.post-type-archive-news #main{
		width:94%;
		margin-left:auto;
	}
	.post-type-archive-news #content-header{
		width: 76.5%;
	}
}
@media screen and (min-width: 1366px) {

}
/* ----------------------------------------------------------------------
新着情報　詳細
---------------------------------------------------------------------- */
.single-news #content-left {  
  padding-top: clamp(20px, calc(1.6901408451vw + 14px), 38px);
  padding-bottom: clamp(20px, calc(2.2535211268vw + 12px), 44px);
  padding-left: clamp(20px, calc(2.2535211268vw + 12px), 44px);
  padding-right: clamp(20px, calc(2.2535211268vw + 12px), 44px);
}
@supports not (padding-top: clamp(20px, calc(1.6901408451vw + 14px), 38px)) {
  .single-news #content-left {
    padding-top: max(20px, min(calc(1.6901408451vw + 14px), 38px));
  }
}
@supports not (padding-bottom: clamp(20px, calc(2.2535211268vw + 12px), 44px)) {
  .single-news #content-left {
    padding-bottom: max(20px, min(calc(2.2535211268vw + 12px), 44px));
  }
}
@supports not (padding-left: clamp(20px, calc(2.2535211268vw + 12px), 44px)) {
  .single-news #content-left {
    padding-left: max(20px, min(calc(2.2535211268vw + 12px), 44px));
  }
}
@supports not (padding-right: clamp(20px, calc(2.2535211268vw + 12px), 44px)) {
  .single-news #content-left {
    padding-right: max(20px, min(calc(2.2535211268vw + 12px), 44px));
  }
}
.single-news #content-left .post_header {
  margin-bottom: clamp(16px, calc(3.7558685446vw + 2px), 56px);
}
@supports not (margin-bottom: clamp(16px, calc(3.7558685446vw + 2px), 56px)) {
  .single-news #content-left .post_header {
    margin-bottom: max(16px, min(calc(3.7558685446vw + 2px), 56px));
  }
}
.single-news #content-left .post_header .meta {
  display: flex;
  align-items: center;
  gap: 18px;
}
.single-news #content-left .post_header .date {
  line-height: 1;
  font-size: clamp(14px, calc(0.2816901408vw + 13px), 17px);
}
@supports not (font-size: clamp(14px, calc(0.2816901408vw + 13px), 17px)) {
  .single-news #content-left .post_header .date {
    font-size: max(14px, min(calc(0.2816901408vw + 13px), 17px));
  }
}
.single-news #content-left .post_header h1 {
  font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px);
  margin-top: clamp(16px, calc(0.4694835681vw + 14px), 21px);
  padding-bottom: clamp(12px, calc(0.6572769953vw + 10px), 19px);
  font-weight: bold;
  line-height: 1.5;
  border-bottom: solid 1px #CCC;
}
@supports not (font-size: clamp(16px, calc(0.7511737089vw + 13px), 24px)) {
  .single-news #content-left .post_header h1 {
    font-size: max(16px, min(calc(0.7511737089vw + 13px), 24px));
  }
}
@supports not (margin-top: clamp(16px, calc(0.4694835681vw + 14px), 21px)) {
  .single-news #content-left .post_header h1 {
    margin-top: max(16px, min(calc(0.4694835681vw + 14px), 21px));
  }
}
@supports not (padding-bottom: clamp(12px, calc(0.6572769953vw + 10px), 19px)) {
  .single-news #content-left .post_header h1 {
    padding-bottom: max(12px, min(calc(0.6572769953vw + 10px), 19px));
  }
}
.single-news #content-left #post_content {
  font-size: clamp(14px, calc(0.2544529262vw + 13px), 15px);
  max-width: 528px;
  margin-inline: auto;
}
@supports not (font-size: clamp(14px, calc(0.2544529262vw + 13px), 15px)) {
  .single-news #content-left #post_content {
    font-size: max(14px, min(calc(0.2544529262vw + 13px), 15px));
  }
}
.single-news #content-left #post_content p {
  margin-bottom: 1.5em;
}
.single-news #content-left #post_content figure {
  margin-bottom: 1em;
}
.single-news .link_btn {
  margin-top: clamp(100px, calc(6.8544600939vw + 74px), 173px);
}
@supports not (margin-top: clamp(100px, calc(6.8544600939vw + 74px), 173px)) {
  .single-news .link_btn{
    margin-top: max(100px, min(calc(6.8544600939vw + 74px), 173px));
  }
}
/*# sourceMappingURL=news.css.map */