@charset "utf-8";
.wrp_arc .box{padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #e3e1e1;}
.wrp_arc .box:first-of-type{border-top: solid 1px #e3e1e1; padding-top: 20px;}
.p_box{display: block;}
.p_box .item_img{margin-bottom: 15px;}
.p_box .item_img img{width: 100%; height: 250px; object-fit: cover;}
.p_box h3{font-size: 20px; color: #002341; margin-bottom: 10px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.p_box .info{display: flex; align-items: center; margin-bottom: 10px; flex-wrap: wrap;}
.p_box .info .day{color: #7f6441; font-size: 14px;}
.p_box .info .tag{font-size: 14px; color: #002341; border: solid 1px #002341; line-height: 1; padding: 5px 10px; margin-left: 5px;}
.p_box .text{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #000;}
.p_box.simple .info .day{width: 100%; margin-bottom: 5px;}
.p_box.simple .info .tag{margin-left: 0;}
.p_box.simple .info .tag:nth-last-child(1){margin: 0 5px;}
.p_box.simple .item_img img{height: 150px;}
.wrp_p_box{display: none;}
.wrp_p_box.active{display: block;}
.nav_box{display: flex; justify-content: space-between; margin-bottom: 30px;}
.nav_box a{display: block; width: 48%; background-color: #eaeaea; border-radius: 20px 20px 0 0; color: #767676; font-weight: 700; font-size: 25px; text-align: center; font-family: "Noto Serif", serif; padding: 20px 0; cursor: pointer;}
.nav_box a.active{color: #fff; background-color: #7f6441;}

/*--- single ---*/
.wrp_single{margin-bottom: 5rem;}
.wrp_single .thumb{text-align: center; margin-bottom: 30px;}
.wrp_single h1{font-size: 30px; color: #002341; margin-bottom: 20px; font-weight: 700;}
.wrp_single .info{display: flex; align-items: center; margin-bottom: 2rem; flex-wrap: wrap;}
.wrp_single .info .day{color: #7f6441; font-size: 14px; margin-right: 10px;}
.wrp_single .info .tag{font-size: 14px; color: #002341; border: solid 1px #002341; line-height: 1; padding: 5px 10px; margin-right: 10px;}

/*--- ban ---*/
.b_cta{background-image: url(../images/ban_bg.jpg); background-size: cover; padding: 4rem 0 3rem; margin-bottom: 5rem;}
.b_cta p{font-size: 35px; font-family: "Noto Serif", serif; color: #fff; text-align: center;}
.b_cta .small{font-size: 30px;}
.red_btn{position: relative; padding: .75rem 4rem .75rem 2rem; border: solid 2px; border-image-source: linear-gradient(45deg, #ffc800,#7f6441); border-image-slice: 1; color: #fff; background-color: #d22832; font-size: 23px;}
.red_btn::after{content: '→'; position: absolute; font-size: 24px; height: 42px; color: #fff; top: 0; bottom: 0; right: 15px; margin: auto 0;}
.red_btn:hover{color: #fff;}

.nb_box{text-align: center;}
.nb_btn{border: solid 1px #002341; color: #002341; padding: 15px 80px; text-align: center; position: relative; margin: 0 20px;}
.nb_btn:hover{color: #002341;}
.nb_btn::before{content: '→'; position: absolute; height: 27px; color: #002341; top: 0; bottom: 0; right: 15px; margin: auto 0;}
.nb_btn.bef::before{content: '←'; right: auto; left: 15px;}

/* pagenation */
.wrp_pagination{margin-top: 30px;}
.wrp_pagination ul{display: flex; justify-content: center;}
.wrp_pagination ul li{margin: 0 3px;}
.wrp_pagination ul .page-numbers{padding: 11px 17px; font-weight: bold; font-size: 12px; display: block; border: 1px solid #CCCCCC; color: #333;}
.wrp_pagination ul a.page-numbers:hover{border: 1px solid #333; background-color: #333; color: #fff;}
.wrp_pagination ul .page-numbers.current{background-color: #333; color: #fff; border: 1px solid #333;}
.wrp_pagination ul .page-numbers i{margin-right: 0;}
.wrp_pagination ul .page-numbers.dots{border: 0px solid #000 !important;}
.wrp_pagination .nav-links{width: 100%;}
.wrp_pagination ul li .next{margin-left: 30px;}
.wrp_pagination ul li .prev{margin-right: 30px;}
.wrp_pagination a:hover{text-decoration: none; opacity: 1;}

/*------PC4------*/
@media only screen and (max-width: 1580px) {

}

/*------PC3------*/
@media only screen and (max-width: 1400px) {

}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {

}

/*---PC3---*/
@media only screen and (max-width: 1200px) {
  
}

/*---PAD pro---*/
@media only screen and (max-width: 1050px) {
  
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {
  .grid-5{grid-template-columns: 1fr 1fr 1fr;}
}
  
/*---Sm---*/
@media only screen and (max-width: 767px) {
  .g_tit{font-size: 1.5rem;}
  .nav_box{margin-bottom: 20px;}
  .pub_btn{font-size: 1rem;}
  .nav_box a{width: 49%; font-size: 18px; padding: 15px 0;}
  .grid-5{grid-template-columns: 1fr 1fr;}
  .p_box .info .tag{font-size: 12px;}
  .p_box h3{font-size: 18px;}

  .wrp_single{margin-bottom: 3rem;}
  .wrp_single h1{font-size: 21px;}
  .wrp_single .info .day{font-size: 12px; margin-right: 5px;}
  .wrp_single .info .tag{font-size: 12px; margin-right: 5px;}

  .b_cta{padding: 2.5rem 0 2rem; margin-bottom: 3rem;}
  .b_cta p{font-size: 20px;}
  .b_cta .small{font-size: 15px;}
  .btn_box{margin-top: 1.5rem;}
  .red_btn{font-size: 18px;}

  .nb_btn{display: block; margin: 0 0 30px;}

  /* pagenation */
  .wrp_pagination ul .page-numbers{padding: 6px 12px;}
  .wrp_pagination ul li .prev{margin-right: 15px;}
  .wrp_pagination ul li .next{margin-left: 15px;}

}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}


/* blog */
/* overwrite bootstrap */
.single-news h2 {
    font-size: 20px;
}