@charset "UTF-8";

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

　.block_news_post_content
    NEWS投稿ページ

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

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

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


/* =========================
   .news_post_header
   ========================= */ 

.news_post_header { position: relative; z-index: 0;}
/* .main_ttl_area */
.news_post_header .main_ttl_area { padding: 0; }
.news_post_header .main_ttl_area_inner { display: flex; justify-content: space-between; }
.news_post_header .title { width: 75%; margin-right: 5%; font-size: 30px;  font-weight: 500; line-height: 1.8; font-feature-settings: "palt"; letter-spacing: .025em; }
/* .meta */
.news_post_header .meta {width: 20%; margin-top: 5px; }
.news_post_header .meta .date {display: block;font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 0;}
.news_post_header .meta .cat_area { margin: 15px 0 0; display: block;display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column;gap:5px;}
.news_post_header .meta .cat{ display: inline-block;padding: 4px 10px; background: var(--main-color-black); color: var(--color-white); font-size: 14px; line-height: 1.2; -webkit-border-radius: 3px; border-radius: 3px; margin-right: auto;}
/* .main_img_area */
.news_post_header .main_img_area { width: 75%;margin: 50px 5% 0 20%; }
.news_post_header .main_img { position: relative; z-index: 0; overflow: hidden; border-radius: 2px; }



/* =========================
   .news_post_wrapper
   ========================= */ 
.news_post_wrapper { width: 75%; margin: 50px 5% 0 20%;}
.news_post_wrapper .news_post_area { }

@media only screen and (max-width: 960px) {
.news_post_header .main_ttl_area { padding: 0; }
.news_post_header .main_ttl_area_inner { display: block;}
.news_post_header .title { width: 100%; margin: 25px 0 0; font-size: 25px; font-weight: 500; line-height: 1.7; font-feature-settings: "palt"; letter-spacing: .05em; }
.news_post_header .meta {width: 100%; font-size: 15px; margin-top: 0; display: flex; justify-content:space-between;}
.news_post_header .meta .date { width: 140px; line-height: 25px; }
.news_post_header .meta .cat_area {margin: 0; width: calc(100% - 140px);display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction:row;gap:4px;}
.news_post_header .meta .cat{ margin: 0; padding: 0 10px;font-size: 14px;line-height: 25px;}
.news_post_header .main_img_area { width: 100%;margin: 50px 0 0; }
.news_post_wrapper { width: 100%; margin: 50px 0 0;}
}
@media only screen and (max-width: 738px) {
.news_post_header .main_ttl_area { padding: 0 5%; }
.news_post_header .title {  margin: 30px 0 0; font-size: 22px; font-weight: 500; line-height: 1.6; font-feature-settings: "palt"; letter-spacing: .015em; }
.news_post_header .meta {width: 100%; font-size: 14px; margin-top: 0;display: flex; justify-content:space-between; }
.news_post_header .meta .date {width: 85px; font-size: 14px; }
.news_post_header .meta .cat_area {width: calc(100% - 85px);}
.news_post_header .meta .cat{  padding: 0 7px;font-size: 12px;}
.news_post_header .main_img_area { margin: 40px 0 0; }
.news_post_wrapper { margin: 40px 0 0; padding: 0 5%;}
}



/* =========================
   .post-navigation
   ========================= */ 
.post-navigation { margin-top: 50px; padding-top: 40px; border-top: var(--border-color-gray) 1px solid; }
.screen-reader-text {font-size: 0; height: 0;}
/* .nav-previous */
.nav-links {overflow: hidden; padding: 5px 0; }
.nav-links .nav-previous { float: left; width: 45%;}
.nav-links .nav-previous a {display: inline-block; padding: 0 0 0 35px; font-size: 16px; font-weight: 450; line-height: 25px; position: relative;z-index: 0; letter-spacing: 0;}
.nav-links .nav-previous a:before { position: absolute; top: 50%; left: 0; width: 25px; height: 25px; content: ""; background: var(--main-color-black); color:var(--color-white); font-family: themify;content: "\e64a";font-weight: 400; font-size: 12px;z-index: 0; -webkit-border-radius: 100%; border-radius: 100%; text-align: center;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-transform:translate(0,-50%);transform:translate(0,-50%,);}
.nav-links .nav-previous a:after { position: absolute; bottom: 2px; left: 35px; right: 0; height: 1px; content: "";background: var(--btn-color-black); z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }
/* .nav-next */
.nav-links .nav-next { float: right; width: 45%; text-align:right; }
.nav-links .nav-next a {display: inline-block; padding: 0 35px 0 0; font-size: 16px; font-weight: 450; line-height: 25px; position: relative;z-index: 0; letter-spacing: 0;}
.nav-links .nav-next a:before { position: absolute; top: 50%; right: 0; width: 25px; height: 25px; content: ""; background: var(--main-color-black); color:var(--color-white); font-family: themify;content: "\e649";font-weight: 400; font-size: 12px;z-index: 0; -webkit-border-radius: 100%; border-radius: 100%; text-align: center;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-transform:translate(0,-50%);transform:translate(0,-50%,);}
.nav-links .nav-next a:after { position: absolute; bottom: 2px; right: 35px; left: 0; height: 1px; content: "";background: var(--btn-color-black); z-index: 1;transition: transform .5s cubic-bezier(.215, .61, .355, 1);transform-origin: right center;transform:scaleX(0) }

@media only screen and (min-width: 961px) {
.btn_txt:hover:before {  background: var(--color-black); color:var(--color-white); }
.nav-links .nav-previous a:hover:after { transform-origin: left center;transform:scaleX(1)}
.nav-links .nav-next a:hover:after { transform-origin: left center;transform:scaleX(1)}
}

@media only screen and (max-width: 960px) {
.post-navigation { margin-top: 50px; padding-top: 50px;}
/* .nav-previous */
.nav-links {overflow: hidden; padding: 5px 0;}
.nav-links .nav-previous { width: 47.5%;}
.nav-links .nav-previous a {padding: 0 0 0 32px; font-size: 15px;}
/* .nav-next */
.nav-links .nav-next { width: 47.5%;}
.nav-links .nav-next a { padding: 0 32px 0 0; font-size: 15px; }
}
@media only screen and (max-width: 738px) {
.post-navigation { margin-top: 40px; padding-top: 25px;}
}

.addtoany_content {margin: 70px 0 0 !important;}
.addtoany_share_save_container {  padding: 35px 30px; background: #F4F2EE; border-radius: 3px;}
.addtoany_header { font-size: 15px; line-height: 1; letter-spacing: -0.01em;}
@media only screen and (max-width: 960px) {
.addtoany_content {margin: 60px 0 0 !important;}
.addtoany_share_save_container {  padding: 30px 5%; }
.addtoany_header { font-size: 15px; line-height: 1;}
}
@media only screen and (max-width: 738px) {
.addtoany_content {margin: 45px 0 0 !important;}
.addtoany_share_save_container {  padding: 25px 5%; }
.addtoany_header { font-size: 15px; line-height: 1;}
}