@charset "utf-8";
/*@import url("./second.css");*/
#second_mv{ background-position: center 0; }
#second_mvarea{background-color: #2d1c00;}
/* spring-houonkou */
.spring-houonkou #second_mv{background-color: #1c0801; background-image: url("../images/spring-houonkou/mv.jpg"); }

/*募集・告知*/
.announcements #second_mv{ background-color: #2d1c00; background-image: url("../images/announcements/mv.jpg");}
/*宗会（議会）| 宗会議員選挙 */
.prelim-report #second_mv,
.congressionelection #second_mv{ background-color: #1b0d00; background-image: url("../images/prelim-report/mv.jpg");}

/*教団の動き*/
.movement #second_mv{  background-image: url("../images/movement/mv.jpg"); background-color: #5e2301; }

/*公示・告示・任免辞令・敬弔*/
.officialnotices #second_mv{  background-image: url("../images/officialnotices/mv.jpg?1a"); background-color: #642b00; }
.officialnotices #second_mv h2{ letter-spacing: 0.07em; }

/*樹心佛地*/
.jushin_butchi #second_mv{  background-image: none/*url("../images/jushin_butchi/mv.jpg")*/; background-color: #2d1c00; }
#second_mv h2 span.titilesub{ display: inline; letter-spacing: 0.5px;}


.wrapper {
  max-width: 1070px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  }

.newsscroll  {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.simplebar-track {
  background: #f4f4f4;
  width: 5px !important;
}
.news_list{ width: 100%; margin-bottom: 50px; }
.news_list li,
#second_contents .news_list_style01 li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; margin-bottom: 0; padding-bottom: 0; }
  
.news_list li:not(:last-child),
#second_contents .news_list_style01 li:not(:last-child){border-bottom:1px solid #e4e0d0;}


.news_date { font-family: 'Roboto Slab', serif; }

  .news_category { 
  box-sizing: border-box;
  background-color: #c5aa5a;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.05em; }

.news_text { letter-spacing: 0.08em;}
.news_text a.outsitelink,
.news_text .outsitelink {
  background-image: url("../images/common/link_icon_out.png");
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 1em;
  background-size: 0.8em auto;
}

.news_text a.pdflink{
   background-image: url("../images/common/link_icon_pdf.png");
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 1em;
  background-size: 0.8em auto;
}


.news_list li > span,
.news_text a { display: block;}

.newsbtn a {
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.2;
  padding: 14px 1.4em;
  display: block;
  position: relative;
  border: solid 1px #c5aa5a;
  border-radius: 80px;
}

.news_list_button a{ font-weight: 400; }

.newsbtn a::after {
  transition: .2s;
  content: " ";
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/common/link_icon01.png");
  background-size: cover;
  position: absolute;
  right: 10px;
  margin-top: -4px;
  top: 50%;
}



/*----------------------------------------------------------------------------------
SPのみ
----------------------------------------------------------------------------------*/
@media screen and (max-width:640px){
 #second_mv { background-size: 290% auto; }
.officialnotices #second_mv{ background-position: 66% 0; }

 .news_list li{justify-content: space-between; }
 .news_date { width: 30%; font-size: 1.35rem; letter-spacing: 0.065em; }
 #second_contents .news_list_style01 li .news_category, .news_category { width: /*43%*/100px; font-size: 1rem; padding: 6px 0.5em 7.4px;}
 #second_contents .news_list_style01 li .news_text,.news_text  { width: 100%; margin-top: 8px;}
 .news_list li:not(:last-child),
#second_contents .news_list_style01 li:not(:last-child){margin-bottom: 20px; padding-bottom: 15px;}
.newsscroll ul{ width: 95%; }
.newsscroll { height: /*100%*/620px;}
.congressionelection .newsscroll,
.announcements .newsscroll  { height:600px}
.newsscroll.scrollarea,
.congressionelection .newsscroll.scrollarea,
.announcements .newsscroll.scrollarea { height: inherit }

.newsbtn a { max-width: 290px; width: 80%; margin-bottom: 30px; margin-top: 50px;}
.news_list_button a { max-height: 60px; display: flex; justify-content: center;  align-items: center;}

}

@media screen and (max-width:520px){
.movement .newsscroll { height: 700px; }
.movement .newsscroll.scrollarea  { height:inherit }
}
@media screen and (max-width:481px) and (min-width:431px){
.announcements .newsscroll { height:615px}
}
@media screen and (max-width:462px){
.congressionelection .newsscroll{ height:680px}
}

@media screen and (max-width:430px) and (min-width:415px){
.announcements .newsscroll{height: 146vw;}
}
@media screen and (max-width:430px) and (min-width:391px){
.movement .newsscroll{height: 146vw;}
.jushin_butchi .newsscroll{height: 163vw;}
.spring-houonkou .newsscroll{height: 138vw;}
.officialnotices .newsscroll,
.prelim-report .newsscroll{height: 168vw;}
.congressionelection .newsscroll{ height: 182vw; }
.newsscroll.scrollarea{ height:inherit }

}
@media screen and (max-width:414px) and (min-width:391px){
.announcements .newsscroll{height: 169vw;}
}
@media screen and (max-width:390px) and (min-width:376px){
.movement .newsscroll{ height: 179vw;}
.jushin_butchi .newsscroll,
.spring-houonkou .newsscroll,
.announcements .newsscroll{height: 186vw;}
.officialnotices .newsscroll,
.prelim-report .newsscroll{ height: 182vw;}
.congressionelection .newsscroll{ height: 200vw; }

}

@media screen and (max-width:375px){
  .newsscroll{ height: 197vw; }
 .jushin_butchi .newsscroll,
  .spring-houonkou .newsscroll,
  .announcements .newsscroll,
  .officialnotices .newsscroll { height: 193vw; }
 .congressionelection .newsscroll { height: 214vw; }
 .newsscroll.scrollarea{ height: inherit!important; }
 
.prelim-report .newsscroll{ height: 190vw; }
}
/*----------------------------------------------------------------------------------
sp tablet
----------------------------------------------------------------------------------*/
@media screen and (min-width:641px){
#second_contents .news_list_style01 li .news_date, .news_date {font-size: 1.65rem; letter-spacing: 0.075em;}
#second_contents .news_list_style01 li .news_category, .news_category {padding: 8px 5px 10px;font-size: 1.25rem;}
.news_list li:not(:last-child),
#second_contents .news_list_style01 li:not(:last-child){margin-bottom: 25px; padding-bottom: 25px;}
.newsbtn a{ margin-top: 40px;}
.jushin_butchi .newsbtn a{ margin-bottom: 65px; }

}

@media screen and (max-width:1050px) and (min-width:1024px) {
#second_contents .news_list_style01 li .news_text,.news_text  { width: /*calc(100% - 30%)*/calc(100% - 28%);}
}

@media screen and (max-width:1023px) and (min-width:641px) {
#second_contents .news_list_style01 li .news_text,.news_text  { width: /*calc(100% - 48%)*/calc(100% - 44%);}
}


@media screen and (max-width:1050px) and (min-width:641px) {
 #second_mvarea { padding-top: 57px!important;}
#second_contents .news_list_style01 li .news_date,.news_date {width: 85px;}
#second_contents .news_list_style01 li .news_category, .news_category,
.officialnotices .news_category,
.worshippers .news_category  { width: /*150*/120px;  margin:0 20px  }

.officialnotices .news_text, #second_contents.worshippers .news_text { width: calc(100% - 280px);}
/*#second_contents.denominations .news_list_style01 li .news_text{ width: calc(100% - 120px);}*/


.newsscroll ul{ width: 97%; }
.jushin_butchi .newsscroll,
.movement .newsscroll { height: 440px;}
.announcements .newsscroll, .prelim-report .newsscroll,
.spring-houonkou .newsscroll, .officialnotices .newsscroll{ height: 400px;}
.congressionelection .newsscroll { height: 490px;}
}

.wrapper { width: 90%; }

/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1051px){
.wrapper {padding: 0 25px;}
.news_list li a:hover{ color: #4ebaff; text-decoration: underline;}
.newsbtn a:hover{background-color: #4ebaff;color: #fff;}
.newsbtn a:hover::after{ background-image:url("../images/common/link_icon02.png"); }
#second_contents .news_list_style01 li .news_date, .news_date {width: 95px;}

.officialnotices .news_category,
#second_contents.worshippers .news_list_style01 li .news_category,.news_category,
#second_contents .news_list_style01 li .news_category{ width: /*170*/139px; margin:0 20px 0 30px; }


#second_contents .news_list_style01 li .news_text ,.news_text,
.officialnotices .news_text,
#second_contents.worshippers .news_list_style01 li .news_text{ width: /*67*/71%; }

/*宗派情報一覧 カテゴリーなし
#second_contents.denominations .news_list_style01 li .news_text { width: 84%;}*/



.newsscroll ul{ width: 98%; }
.newsscroll { height: 520px;}
.congressionelection .newsscroll { height: 560px;}
.newsscroll.scrollarea,
.congressionelection .newsscroll.scrollarea { height: inherit; }

}