@charset "utf-8";

article.nonav .contents{
  padding:0 !important;
}

/* header */
#telementary_t{ background: #3c2816; color:#fff; font-size:1.0em; line-height:1.2em;}
#telementary_t .top_pc { display:none; }
#telementary_t .top_sp { display:block;}
#telementary_t h2 { display: block !important; }

br.pc{ display: none;}

/* topo */
.cm{padding:10px; margin-bottom: 30px;}
.cm p{text-align: center;}
.cm .topo img{ width: 100%;  height: auto;}

/* about */
.description { padding:20px 10px !important; line-height:1.5em; font-size:1.1em;margin:0 0 30px 0 !important; background: #2b221b;}

/* photo */
.photo-out{background: #2b221b;  padding:40px 10px 20px 10px;}
.photo-out .photo{margin-bottom:10px !important;}

/* bottom */
.bottom-out {text-align: center; margin-top:20px; padding:20px 10px;}
.bottom-out .narrator .cap{font-size:1.3em; background:#495e9d; padding:10px; color:#fff; font-weight: bold; border-radius: 20px; width:90%; margin:20px auto; text-align: left;}
.bottom-out .bottom_txt p{margin-bottom: 20px; font-size: 0.9em !important; text-align: left;}
.bottom-out .bottom_txt .ttl{font-size:1.2em; font-weight: bold; border-bottom:dotted 3px #faf4da; padding-bottom: 10px; color:#faf4da; margin-bottom: 10px; }

/*--------------------------------------------
   ニュース一覧
---------------------------------------------*/
.yuusei-news{ padding:0;}
.page_list {padding: 20px !important; border: solid 3px #3a3c4c !important; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.page_list li { padding-left: 0 !important; width: 48%; border-bottom: none !important; margin-top: 10px; margin-right: 4%; color:#3a3c4c; font-size:0.8em;}
.page_list li p {margin-bottom: .5em;}
.page_list li:nth-child(2n) {margin-right: 0;}
.page_list li::after {content: none !important;}
.page_list li img {width: 100%; height: auto;}
.page_list li .txCommon02 {margin: 10px 0 15px !important; line-height: 1.4em;}
.page_list li .txCommon02 p.date {margin-bottom: .2em; color: #666;}
.page_list a:hover{opacity: 0.7;}
.s_news {background: #3a3c4c !important; color: #ffffff; padding: 15px !important; text-align: center; margin: 20px 0 0 0 !important; font-size:1.2em; font-weight: bold;}

@media screen and (min-width: 640px){
  article.nonav .contents section{
    max-width: 1120px;
  }
  article.nonav .contents{padding:0 !important;}
  
  /* header */
  #telementary_t .top_pc { display:block; }
  #telementary_t .top_sp { display:none; }
  #telementary_t{ font-size:1.3em; line-height:1.2em;}
  br.sp{display: none;}
  br.pc{display: block;}

  /* topo */
  .cm{width:70%; margin:40px auto 50px auto;}  
  
  /* about */
  .description { text-align: center; margin:0 0 15px 0 !important; padding:40px 10px !important; line-height:1.8em; font-size:1.1em !important;}
 
  /* photo */
  .photo-out{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin:0 0 30px 0; padding:40px 10px 20px 10px;}
  .photo-out .photo{width:32%; padding:10px;}
  .photo-out .photo:first-child{width:65%; }
  .photo-out .photo:last-child{width:65%; }
  
  /* bottom */
  .bottom-out{display: flex; justify-content: space-around; align-items: center; padding:20px 10px 40px 10px;}
  .bottom-out .narrator{width:40%; padding:20px;}
  .bottom-out .bottom_txt{width:60%;}
  .bottom-out .bottom_txt p{margin:0 auto 40px auto; width:90%; text-align: left; font-size: 0.8em !important;}
  .bottom-out .bottom_txt p:last-child{margin-bottom:0;}
  
      /*--------------------------------------------
      news一覧
    ---------------------------------------------*/
    .page_list li { width: 31.8333%; margin-top: 15px; margin-right: 2.25%; font-size: 0.8em;}
    .page_list li:nth-child(2n) {margin-right: 2.25%;}
    .page_list li:nth-child(3n) { margin-right: 0;}
    .accbox .accshow p {text-align: left !important;}
    .s_news {font-size:1.2em; padding:20px 0 10px 0 !important;}  
}