/* --------------------------------------------------------------------------------------   

   .block_news_archive

   -------------------------------------------------------------------------------------- */

.block_news_archive { padding: 90px 5%; position: relative; z-index: 1;overflow: hidden; }

@media only screen and (max-width: 960px) {
.block_news_archive { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
.block_news_archive  { padding: 70px 5%; }
}

/* .news_wrapper */
.news_wrapper {display: flex; justify-content: space-between; gap:0 7.5%;}

@media only screen and (max-width: 960px) {
.news_wrapper {display: block;}
}

/* .post_area */
.block_news_archive .post_area {min-width: 0;flex: 1; order: 2; position: relative; z-index: 0;}

/* .newsArea */
.archive_news { font-size: 0; display: flex; flex-wrap: wrap; gap:70px 9%;}
.archive_news .archive_item { width: calc((100% - 1 * 9%) / 2);}

@media only screen and (max-width: 960px) {	
.archive_news { gap:70px 6.5%;}
.archive_news .archive_item { width: calc((100% - 1 * 6.5%) / 2);}
}
@media only screen and (max-width: 738px) {	
.archive_news { gap:70px 0;}
.archive_news .archive_item { width: 100%;}
}


/* .imgArea */
.archive_news .archive_item .img_area { position: relative; z-index: 1; overflow: hidden; background: #111; border: #eee 1px solid;}
.archive_news .archive_item .img_area img {-webkit-transition: all 0.7s ease;  transition: all 0.7s ease;aspect-ratio: 4 / 3;}

/* .txtArea */
.archive_news .archive_item .txt_area{ margin-top: 15px; padding: 0 2.5%; padding: 0; position: relative;}

/* p */
.archive_news .archive_item p.date { font-size: 14px; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0;}
.archive_news .archive_item p.date span.new { margin-left: 10px; color: #fe831f;}
.archive_news .archive_item .t_ttl_news { font-size: 17px; font-family: 'Shippori Mincho B1','Droid Serif', serif; font-weight: 500; letter-spacing: 0.025em; line-height: 1.8;margin: 2px 0 12px;}
.archive_news .archive_item .t_ttl_news a { border-bottom: #111 1px solid; position: relative; z-index: 1;}
.archive_news .archive_item .t_detail { font-size: 13px;line-height: 1.85;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}

/* ul.category */
.archive_news .archive_item ul.category { margin: 12px 0 0; display: flex; flex-wrap: wrap; gap:5px;}
.archive_news .archive_item ul.category li a { position: relative; display: block; padding: 0 8px 0 18px; color: #fefefe; border: #111 1px solid;background: #111; font-size: 12px; line-height: 25px; letter-spacing: 0.05em; z-index: 1; height: 27px;}
.archive_news .archive_item ul.category li a:before{ position: absolute; top: 1px; bottom: 0; left: 7px; content:"#"; font-family: 'Libre Baskerville'; font-weight: 400;z-index: 0; vertical-align: 0;}
.archive_news .archive_item ul.category li a:after { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: block; background: #fefefe; content: ""; z-index: -1; -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}

@media (min-width: 961px) and (hover: hover) {
.archive_news .archive_item .img_area:hover img { opacity: 0.3;}
.archive_news .archive_item ul.category li a:hover { color: #111;}
.archive_news .archive_item ul.category li a:hover:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
.archive_news .archive_item .t_ttl_news a:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 738px) {	
.archive_news .archive_item .txt_area { margin-top: 15px; padding: 0;}
.archive_news .archive_item p.date { font-size: 14px;}
.archive_news .archive_item .t_ttl_news { font-size: 17px;letter-spacing: 0.05em; line-height: 1.8;margin: 5px 0 10px;}
.archive_news .archive_item .t_detail { font-size: 14px;line-height: 1.8;}
.archive_news .archive_item ul.category { margin: 15px 0 0;gap:5px;}
.archive_news .archive_item ul.category li a { padding: 0 8px 0 18px; font-size: 11px; line-height: 25px; letter-spacing: 0.05em;}
}




/* -----------------------------------------------------------
   .pagination
   ----------------------------------------------------------- */

.pagination {margin: 75px 0 0;text-align: center;}
.pagination .screen-reader-text {display: none;}
.pagination a {display: inline-block; width: 40px; height: 40px; font-size: 15px; font-family: 'courier_prime_sansregular'; font-weight: normal;line-height: 40px; border: #111 1px solid; letter-spacing: -0.5px;}
.pagination a.prev,
.pagination a.next{ font-size: 0; position: relative; z-index: 0; }
.pagination a.prev:after,
.pagination a.next:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 12px; font-family:themify; font-weight: normal; z-index: 1;}
.pagination a.prev:after{content:"\e64a"}
.pagination a.next:after{content:"\e649";}
.pagination span {display: inline-block; width: 40px; height: 40px; font-size: 15px; font-family: 'courier_prime_sansregular'; font-weight: normal;line-height: 40px;line-height: 40px;letter-spacing: -0.5px;}
.pagination span.current {display: inline-block; color: #fefefe; background: #111; border: #111 1px solid; }
.pagination span.dots { width: 20px; font-family: "Inter Tight" ,"Noto Sans JP", sans-serif; font-weight: 400;}

@media (min-width: 961px) and (hover: hover) {
.pagination a:hover { color: #fefefe; background: #111;}
}
@media only screen and (max-width: 738px) {
.pagination {margin: 60px 0 0;}
.pagination a { width: 38px; height: 38px; font-size: 14px; line-height: 38px; }
.pagination a.prev:after,
.pagination a.next:after { font-size: 12px;}
.pagination span { width: 38px; height: 38px; font-size: 14px; line-height: 38px;}
.pagination span.current {width: 38px; height: 38px; font-size: 14px; }
.pagination span.dots { width: 15px; }
}
@media only screen and (max-width: 640px) {
.pagination {margin: 60px -2.5% 0; font-size: 0;}
.pagination a,
.pagination span { margin: 2px; width: 35px; height: 35px; font-size: 13px; line-height: 35px; }
.pagination a.prev,
.pagination a.next{ width: 25px; border: none; }
.pagination a.prev:after,
.pagination a.next:after { font-size: 13px;}
.pagination span.current {width: 35px; height: 35px; font-size: 13px; }
}
@media only screen and (max-width: 320px) {
.pagination a,
.pagination span { width: 33px; height: 33px; line-height: 33px; }
.pagination a.prev,
.pagination a.next{ width: 20px; }
.pagination a.prev:after,
.pagination a.next:after { font-size: 10px;}
.pagination span.current {width: 33px; height:33px;  }
}











/* --------------------------------------------------------------------------------------   

   .block_news_post

   -------------------------------------------------------------------------------------- */

.block_news_post { padding: 90px 5%; position: relative; z-index: 0;overflow: hidden; }

@media only screen and (max-width: 960px) {
.block_news_post { padding: 80px 5%; }
}
@media only screen and (max-width: 738px) { 
.block_news_post { padding: 70px 5%; }
}

/* .postArea */
.block_news_post .post_area {min-width: 0; flex: 1; order: 2; }

/* .newsArea */
.block_news_post .news_area {  }
.block_news_post .news_box { }

/* .imgArea */
.block_news_post .head_area {border-bottom: #111 1px solid;}
.block_news_post .head_area .img_area { position: relative; z-index: 0; }
.block_news_post .head_area .img_area img { border: #eee 1px solid;}

/* .titleArea */
.block_news_post .head_area .ttl_area { padding: 50px 0; }

/* p.date, h3 */
.block_news_post .head_area p.date { font-size: 16px; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0; line-height:1; }
.block_news_post .head_area p.date span.new { margin-left: 10px; color: #fe831f;}
.block_news_post .head_area .t_ttl_news { margin: 20px 0 0;font-size: 30px; font-family: 'Droid Serif', 'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 0.025em; line-height: 1.55; }

/* ul.category */
.block_news_post .head_area ul.category { list-style: none; margin: 25px 0 0; display: flex; flex-wrap: wrap; gap: 5px;}
.block_news_post .head_area ul.category li a { position: relative; display: block; padding: 0 8px 0 18px; color: #fefefe; border: #111 1px solid;background: #111; font-size: 12px; line-height: 25px; letter-spacing: 0.05em; z-index: 1;}
.block_news_post .head_area ul.category li a:before{ position: absolute; top: 1px; bottom: 0; left: 7px; content:"#"; font-family: 'Libre Baskerville'; font-weight: 400;z-index: 0; vertical-align: 0;}
.block_news_post .head_area ul.category li a:after { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: block; background: #fefefe; content: ""; z-index: -1; -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}

@media (min-width: 961px) and (hover: hover) {
.block_news_post .head_area ul.category li a:hover { color: #111;}
.block_news_post .head_area ul.category li a:hover:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@media only screen and (max-width: 960px) {
.block_news_post .head_area .ttl_area { padding: 40px 0; }
.block_news_post .head_area p.date { font-size: 15px;}
.block_news_post .head_area .t_ttl_news { margin-top: 20px; font-size: 24px; line-height: 1.65; }
}
@media only screen and (max-width: 738px) {
.block_news_post .head_area ul.category { margin: 20px 0 0;}
.block_news_post .head_area ul.category li a { font-size: 12px; line-height: 25px; }
.block_news_post .head_area p.date { font-size: 14px;}
.block_news_post .head_area .t_ttl_news { margin-top: 15px; font-size: 20px; line-height: 1.75; }
}
@media only screen and (max-width: 640px) {
.block_news_post .head_area .ttl_area {padding: 40px 1.5%;}
}

/* .txtArea */
.block_news_post .post_box { padding: 50px 0; }
.block_news_post .post_box img { /*width: auto;*/ margin: 15px 0; width: auto; max-width: 100%; height: auto;}
.block_news_post .post_box hr {height: 1px;border: none;border-top: 1px #111 dotted;}

@media only screen and (max-width: 738px) {
.block_news_post .post_box { padding: 40px 0; }
}
@media only screen and (max-width: 640px) {
.block_news_post .post_box {padding: 40px 1.5%;}
.block_news_post .post_box img {margin: 12px 0;}
}

.block_news_post .post_box .youtube {position: relative;width: 100%;padding-top: 56.25%;}
.block_news_post .post_box .youtube iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.block_news_post .post_box h1{ margin: 40px 0 25px 0; padding: 10px 0 10px 25px; border-left: #111 2px solid; font-size: 22px; font-family: 'Droid Serif','Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 0.035em; line-height: 1.8; position: relative; z-index: 0;}
.block_news_post .post_box h1:before { position: absolute; top: 0; left: 3px; bottom: 0; width:0; content: ""; border-left: #111 1px solid; z-index: -1; }
.block_news_post .post_box h2{margin: 0; font-size: 18px; font-family: 'Droid Serif', 'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 0.035em; line-height: 1.7;}
.block_news_post .post_box h3{margin: 0; font-size: 16px; font-family: 'Droid Serif', 'Shippori Mincho B1', serif; font-weight: 500; letter-spacing: 0.035em; line-height: 1.7;}

.block_news_post .post_box h1:first-child,
.block_news_post .post_box h2:first-child,
.block_news_post .post_box h3:first-child,
.block_news_post .post_box h4:first-child,
.block_news_post .post_box h5:first-child{margin-top:0;}

.block_news_post .post_box strong {font-weight: 600;}

@media only screen and (max-width: 738px) { 
.block_news_post .post_box h1{ margin: 30px 0 20px; padding: 5px 0 5px 20px; font-size: 18px; }
.block_news_post .post_box h2{ font-size: 16px;line-height: 1.8;}
.block_news_post .post_box h3{ font-size: 15px;line-height: 1.8;}
}


.block_news_post .post_box blockquote{ margin: 30px 0 0; padding:45px 6.5%;background-color: #eee; border:none;}

@media only screen and (max-width: 738px) { 
.block_news_post .post_box blockquote{ padding:30px 5%;}  
}

.block_news_post .post_box hr{border:none;border-top:1px dotted #111;margin:35px 0;}

@media only screen and (max-width: 738px) { 
.block_news_post .post_box hr{margin:30px 0;}
}

.block_news_post .post_box a{border-bottom:1px dotted #111;}

@media (min-width: 961px) and (hover: hover) {
.block_news_post .post_box a:hover{color:#fefefe;background:#111;}    
}






/* -----------------------------------------------------------
   .pagenationPNArea
   ----------------------------------------------------------- */

.pagenationPNArea { margin: 50px 0 0; display: flex; justify-content: space-between; position: relative; font-size: 0; text-align: center; }
.pagenationPNArea .btnPrev,
.pagenationPNArea .btnTop,
.pagenationPNArea .btnNext { display: inline-block; width: 28.5%;  text-align: center; text-decoration: none; position: relative; z-index: 0; }
.pagenationPNArea .btnTop { width: 39.5%; }
.pagenationPNArea .btnPrev a,
.pagenationPNArea .btnTop a,
.pagenationPNArea .btnNext a { display:block; border: #111 2px solid; position: relative; font-size: 16px; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0; line-height: 55px;}

.pagenationPNArea .btnPrev a:before,
.pagenationPNArea .btnNext a:before { position:absolute; top:0; bottom:0; font-size:14px; font-family:themify;content:"\e649";font-weight:normal; z-index:0;}
.pagenationPNArea .btnPrev a:before {right:12px; content:"\e649";}
.pagenationPNArea .btnNext a:before {left:12px;content:"\e64a";}

@media (min-width: 961px) and (hover: hover) {
.pagenationPNArea .btnPrev a:hover,
.pagenationPNArea .btnTop a:hover,
.pagenationPNArea .btnNext a:hover { color: #fefefe; background: #111; }
}

@media screen and (max-width: 960px) {
.pagenationPNArea { margin: 50px 0 0; }
.pagenationPNArea .btnPrev a,
.pagenationPNArea .btnTop a,
.pagenationPNArea .btnNext a {line-height: 50px; }
}
@media screen and (max-width: 738px) {
.pagenationPNArea { margin: 50px 0 0;}
.pagenationPNArea .btnPrev a,
.pagenationPNArea .btnTop a,
.pagenationPNArea .btnNext a {font-size: 15px; line-height: 45px;border: #111 1px solid; }
.pagenationPNArea .btnPrev a:before,
.pagenationPNArea .btnNext a:before { font-size:12px;}
.pagenationPNArea .btnPrev a:before {right:10px;}
.pagenationPNArea .btnNext a:before {left:10px;}
}
@media screen and (max-width: 640px) {
.pagenationPNArea { margin: 50px 0 0;}
.pagenationPNArea .btnPrev,
.pagenationPNArea .btnNext { width: 29.5%; }
.pagenationPNArea .btnPrev a,
.pagenationPNArea .btnTop a,
.pagenationPNArea .btnNext a {font-size: 15px; line-height: 45px; letter-spacing: -0.01em; }
.pagenationPNArea .btnPrev a{ padding-right: 0.5em;}
.pagenationPNArea .btnNext a { padding-left: 0.5em;}
.pagenationPNArea .btnPrev a:before,
.pagenationPNArea .btnNext a:before { font-size:11px;}
.pagenationPNArea .btnPrev a:before {right:8px;}
.pagenationPNArea .btnNext a:before {left:8px;}
}








/* --------------------------------------------------------------------------------------   

   .sidebar

   -------------------------------------------------------------------------------------- */

.sidebar {flex: 0 1 25%; max-width:270px; order: 1;position: relative; z-index: 0;}

@media only screen and (max-width: 960px) {
.sidebar {  width:100%;max-width:100%; margin: 80px 0 0; padding: 80px 0 0; border-top: #111 1px solid; }	
.sidebar:after { height: 0; display: none;}
}
@media only screen and (max-width: 738px) {
.sidebar { margin: 45px 0 0; padding: 60px 0 0; }	
}


/* .head */
.sidebar .head { margin-bottom: 25px;}
.sidebar .head .t_ttl_sidebar {font-size: 14px; font-family: 'Libre Baskerville', serif; font-weight: 400;text-align: center; letter-spacing: 0.05em; line-height:1; text-transform: uppercase;}

@media only screen and (max-width: 960px) {
.sidebar .head { margin-bottom: 40px;}
.sidebar .head .t_ttl_sidebar  {font-size: 20px;}
}
@media only screen and (max-width: 640px) {
.sidebar .head { margin-bottom: 30px;}
.sidebar .head .t_ttl_sidebar { font-size: 18px;}
}


/* ul.list_sidebar_category */
ul.list_sidebar_category { list-style: none;}
ul.list_sidebar_category li {display: block; margin-top: -1px; border: #111 1px dotted; border-top: none; }
ul.list_sidebar_category li:first-child { border-top: #111 1px dotted;}
ul.list_sidebar_category li a{ display: block; padding: 12px 30px; position: relative; z-index: 1; font-size: 13px; letter-spacing:0.05em; line-height: 1.7;}
ul.list_sidebar_category li a:before{ position: absolute; top: 1px; bottom: 0; left: 10px; content:"#"; font-family: 'Libre Baskerville'; font-weight: 400;z-index: 2; vertical-align: 0; padding: 10px 0; color: #999;}
ul.list_sidebar_category li a span { position: absolute; top: 0; right: 15px; bottom: 0; z-index: 0; padding: 10px 0;font-family: 'courier_prime_sansregular'; font-weight: normal;}

@media (min-width: 961px) and (hover: hover) {
ul.list_sidebar_category li a:hover{ color: #fefefe; background: #111;}
}
@media only screen and (max-width: 960px) {
ul.list_sidebar_category { font-size: 0;}
ul.list_sidebar_category li:first-child,
ul.list_sidebar_category li:nth-child(2),
ul.list_sidebar_category li:nth-child(3){ border-top: #111 1px dotted;}
ul.list_sidebar_category li {display: inline-block; width: 33.333%; margin-top: -1px; border: none; border-bottom: #111 1px dotted; border-right:#111 1px dotted; }
ul.list_sidebar_category li:nth-child(3n+1) { border-left: #111 1px dotted;}
ul.list_sidebar_category li a{display: block; padding: 10px 25px; position: relative; z-index: 1; font-size: 14px; line-height: 30px;}
ul.list_sidebar_category li a span {right: 10px; }
}
@media only screen and (max-width: 640px) {
ul.list_sidebar_category li {width: 50%; border: none; border-bottom: #111 1px dotted; border-right:#111 1px dotted; }
ul.list_sidebar_category li:nth-child(3n+1) { border-left: none;}
ul.list_sidebar_category li:nth-child(3){ border-top: none;}
ul.list_sidebar_category li:nth-child(odd) { border-left: #111 1px dotted;}
ul.list_sidebar_category li a{ padding: 15px 25px;font-size: 14px; line-height: 20px;}
ul.list_sidebar_category li a:before{ padding: 15px 0;}
ul.list_sidebar_category li a span { padding: 15px 0; letter-spacing: -0.02em;}
}


/* .latestArea */
.sidebar .latest_area { margin-top: 60px; }

ul.list_sidebar_latest {list-style: none;}
ul.list_sidebar_latest li {display: block flex; flex-wrap: wrap; justify-content: space-between; align-items: center;padding: 17px 0; border-top: #111 1px dotted;position: relative; z-index: 0;-webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
ul.list_sidebar_latest li:last-child { border-bottom: #111 1px dotted;}
ul.list_sidebar_latest li a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
ul.list_sidebar_latest li .thumb { float: left; width: 25%; background: #111; border: #eee 1px solid;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
ul.list_sidebar_latest li .thumb img {aspect-ratio: 1 / 1;object-fit: cover;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
ul.list_sidebar_latest li .txt { width: 67.5%;}
ul.list_sidebar_latest li .txt p.date {font-size: 13px; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0; line-height: 1;}
ul.list_sidebar_latest li .txt h2{ margin-top: 2px; font-size: 12px; font-family: 'Shippori Mincho B1','Droid Serif', serif; font-weight: 400; line-height:1.65; letter-spacing: 0.035em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}

@media (min-width: 961px) and (hover: hover) {
ul.list_sidebar_latest li:hover { color: #fefefe; background: #111;}
ul.list_sidebar_latest li:hover .thumb { border-color: transparent;}
ul.list_sidebar_latest li:hover .thumb img {opacity: 0.3;}
}
@media only screen and (max-width: 960px) {
ul.list_sidebar_latest {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap:0 5%;}
ul.list_sidebar_latest li { width: calc((100% - 1 * 5%) / 2);padding: 25px 0;}
ul.list_sidebar_latest li:nth-child(5) { border-bottom: #111 1px dotted;}
ul.list_sidebar_latest li .thumb { width: 30%; }
ul.list_sidebar_latest li .txt { width: 63.5%;}
ul.list_sidebar_latest li .txt h2 { margin-top: 5px; font-size: 14px;line-height:1.65; letter-spacing: 0.035em; -webkit-line-clamp: 3;}
}
@media only screen and (max-width: 738px) {
ul.list_sidebar_latest li .txt h2 { font-size: 14px;}
}
@media only screen and (max-width: 640px) {
ul.list_sidebar_latest {display: block;}
ul.list_sidebar_latest li { width: 100%;padding: 20px 0;}
ul.list_sidebar_latest li:nth-child(5) { border-bottom: none;}
ul.list_sidebar_latest li:last-child { border-bottom: #111 1px dotted;}
}





/* --- .bannerArea --- */
.sidebar .bannerArea { margin-top: 45px; }
.sidebar .bannerArea ul { list-style: none;}
.sidebar .bannerArea ul li {display: block;}
.sidebar .bannerArea ul li a { display: block; position: relative; z-index: 0;}
.sidebar .bannerArea ul li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: transparent; opacity: 0.6; z-index: 1;-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.sidebar .bannerArea ul li a:hover:before { background: #111; }

@media only screen and (max-width: 960px) {
.sidebar .bannerArea ul li a:before { display: none;}
}