@charset "utf-8";

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

/* header */
#telementary_t{ background:#b8c4c9; 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;}

/* youtube */
.cm{padding:10px; margin: 30px 0 0;}
.cm .youtube{ position: relative;  width: 100%;  padding-top: 56.25%;}
.cm .youtube iframe { position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}

/* about */
.description { padding:20px 10px !important; line-height:2.0em; font-size:1.1em;margin:0 !important; color:#fff; background:#318c5a;}
.description .bg-txt{background: #000; font-size:1.2em; padding:5px;}

/* photo */
.photo-out{background: #b8c4c9;  padding:30px 10px 20px 10px;}
.narrator img{max-width:70% !important; height:auto !important; }

/* bottom */
.bottom-out {text-align: center; margin-top:20px; padding:20px; background: #2f86aa;}
.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;}
.bottom-out .bottom_txt{margin-top:40px;}
.bottom-out .bottom_txt p{margin-bottom: 20px;}
.bottom-out .bottom_txt .ttl {padding: .5em .7em; border: 2px solid #fff; box-shadow: 5px 5px #145a77; color: #fff;}

@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;}

  /* youtube */
  .cm{width:70%; margin:50px auto 0 auto;}  
  
  /* about */
  .description { text-align: center; margin:0 !important; padding:40px 10px 60px 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 30px auto; width:90%;}
  .bottom-out .bottom_txt p:last-child{margin-bottom:0;}  
}