@charset "UTF-8";
/* CSS Document */
ul.news_list { display: block; }
@media (max-width: 960px) { ul.news_list { margin-left: 15px; margin-right: 15px; } }
ul.news_list li { padding: 15px 0; border-bottom: 1px solid #eaeaea; }
ul.news_list li:nth-of-type(n + 6) { display: none; }
ul.news_list li .wrap { display: flex; }
ul.news_list li .photo { width: 250px; }
ul.news_list li .photo img { width: 100%; height: auto; }
ul.news_list li .text { width: calc(100% - 250px); padding-left: 20px; }
ul.news_list li .text span { display: block; font-size: 12px; color: #444444; margin-bottom: 5px; }
ul.news_list li .text b { display: block; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; color: #3e3e3e; font-size: clamp(18px, 1.5vw, 22px); padding: 0 0 8px 0; margin-bottom: 0.8em; line-height: 1.4; border-bottom: #B5A138 solid 1px; }
ul.news_list li .text b a { color: #3e3e3e; }
ul.news_list li .text .content, ul.news_list li .text p { line-height: 1.5; font-size: 90%; }
ul.news_list li .text .content a, ul.news_list li .text p a { text-decoration: underline; }
ul.news_list li .text .detail .wp-block-image { display: none; }
ul.news_list li .text .detail.more { position: relative; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6; /* ブラウザがサポートしていない場合のフェールセーフ */ max-height: 140px; }
ul.news_list li .text .more-link { display: block; font-size: 12px; margin-top: 0.5em; cursor: pointer; }
@media (max-width: 480px) { ul.news_list li .wrap { flex-wrap: wrap; margin-bottom: 15px; }
  ul.news_list li .photo { width: 100%; text-align: center; margin-bottom: 10px; }
  ul.news_list li .photo img { width: 250px; }
  ul.news_list li .text { width: 100%; padding-left: 10px; }
  ul.news_list li .text b { margin-bottom: 15px; }
  ul.news_list li .text .content, ul.news_list li .text p { font-size: 13px; } }

.more-btn { display: block; border: #44433c 1px solid; color: #44433c; padding: 8px 20px; width: fit-content; margin: 20px auto 0 auto; cursor: pointer; }

.news_detail { padding-top: 120px; }
@media (max-width: 480px) { .news_detail .news_detail { padding-top: 90px; } }

.waku { display: block; background: #fff; padding: clamp(20px, 3%, 40px); border-radius: 10px; margin: 0 15px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin-bottom: clamp(50px, 5%, 100px); }
.waku h3.title { display: block; border-bottom: #B5A138 double 3px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; color: #3e3e3e; font-size: clamp(20px, 2vw, 25px); padding: 0 0 5px 0; line-height: 1.6; margin-bottom: 1em; }
.waku .date { display: block; font-size: 14px; margin-bottom: 2em; }

.back_btn { border-top: #B5A138 solid 1px; padding-top: 20px; }
.back_btn a { display: block; background: #000; color: #fff; text-decoration: none; padding: 10px 20px; width: fit-content; border-radius: 3px; margin: 3% auto; }

#editArea { display: block; margin-bottom: 5%; }
#editArea .youtube { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 1em; }
#editArea .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
#editArea img { max-width: 100%; height: auto; }
#editArea p { line-height: 1.8; margin-bottom: 2em; }

.recommend_area { position: relative; max-width: 100%; }
.recommend_area .slick-track { display: flex; }
.recommend_area .slick-slide { height: auto !important; }
.recommend_area .slick-arrow { display: block; position: absolute; top: 50%; width: 20px; height: 20px; z-index: 1; text-indent: -9999px; border: none; }
.recommend_area .slick-arrow.slick-prev { display: block; background: url("../../images/slick_arrow.png") no-repeat; background-size: 20px; left: 0; }
.recommend_area .slick-arrow.slick-next { display: block; background: url("../../images/slick_arrow.png") no-repeat; transform: rotate(180deg); background-size: 20px; right: 0; }
.recommend_area .slick-dots { display: block; clear: both; text-align: center; }
.recommend_area .slick-dots li { display: inline-block; background: none; margin: 0 8px; }
.recommend_area .slick-dots li button { border: none; text-indent: -9999px; background: #ccc; width: 8px; height: 8px; border-radius: 8px; }
.recommend_area .slick-dots li.slick-active button { background: #e3d14c; }
.recommend_area li { margin: 0 10px; background: url(../images/global/ribon.png) no-repeat #FFF; background-position: right bottom; background-size: 25px 25px; }
.recommend_area li a .box { padding: 10px 5px 15px; }
.recommend_area li a .box h3 { display: block; font-size: 14px; font-size: 14px; color: #b5a139; margin-bottom: 5px; }
.recommend_area li a .box .small { font-size: 12px; color: #3e3e3e; font-style: italic; font-weight: bold; }