@charset "utf-8";

article.nonav .contents{
  padding:0 !important;
}
#sanrikuoki a:link {	color: #261b19;}
#sanrikuoki a:visited {	color: #261b19;}
#sanrikuoki a:hover {	color: #261b19; opacity: 0.8;}
#sanrikuoki a:active {	color: #261b19;}

/* header */
#sanrikuoki{ background:#d3f3fe; font-size:1.0em; line-height:1.2em; font-family: 'Noto Sans JP', sans-serif; }
#sanrikuoki .top_pc { display:none; }
#sanrikuoki .top_sp { display:block;}
#sanrikuoki p{ margin-bottom: 0;}
#sanrikuoki h2 { background: #5dbae8; position: relative;  padding: 0.5em;  color: white; font-size:1.5em; margin: 0 auto 30px auto; text-align: center;}
#sanrikuoki h2::before {  position: absolute;  content: '';  top: 100%;  left: 0;  border: none;  border-bottom: solid 15px transparent;  border-right: solid 20px #022c68;}
#sanrikuoki .main{ background:url( "../bg3.jpg" ) repeat-y #ddd right top / cover;}


br.pc{ display: none;}

/* youtube */
.cm{padding:30px 10px; }
.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:30px 20px !important; line-height:1.5em; font-size:1.1em;margin:0 !important; color:#fff;}
.description .st{color:#def63d; font-size:1.3em;}
/* present */
.present{padding:30px 20px 15px 20px; text-align: center;}
.present p{margin:0;}

/* photo */
.photo-out .ttl_pc { display:none; }
.photo-out .ttl_sp { display:block; width:90%; margin:0 auto 20px auto;}
.photo-out p{line-height:1.8em; text-align: center; font-size:1.2em; margin-top:10px; }
.photo-out{background: #fff;  padding:40px 10px 30px 10px; border:solid 7px #249fc9; margin-top:20px;}
.photo-fl{margin-top:30px;}
.photo-fl .photo{margin-bottom:10px !important;}
.narrator img{max-width:90% !important; height:auto !important; }
.photo-out .line{background-color: #d3f3fe;}

/* cast */
.cast{padding:40px 20px 30px 20px; text-align: center;}
.cast_txt .ttl{border:solid 3px #1a1a1e; padding:15px 10px; font-size:1.2em; background: #fff; border-radius: 10px; margin: 16px 0 !important;}
.cast_txt .txt-in{margin:30px 0;}
.cast_txt .txt-in .namesub{margin: 0 0 15px 0 !important;}

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

  /* youtube */
  .cm{width:70%; margin:20px auto 0 auto; padding-bottom: 60px;}  
  
  /* about */
  .description { border-top:solid 4px #fff; text-align: center; margin:0 !important; padding:60px 10px 40px 10px!important; line-height:1.8em; font-size:1.1em !important;}
 
  /* photo */
  .photo-out{padding:80px 10px 60px 10px;}
  .photo-out .ttl_pc { display:block; width:90%; margin:40px auto 0 auto;}
  .photo-out .ttl_sp { display:none;}
  .photo-fl{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; margin:0; padding:40px 10px;}
  .photo-fl .photo{width:32%; padding:10px;}
  .photo-fl .photo:first-child{width:65%; }
  
  /* cast */
  .cast{padding:60px 10px 40px 10px; }
  .cast_txt{display:flex; flex-wrap:wrap; justify-content: space-around; margin-top:50px;}
  .cast_txt .txt-in{width:35%; margin:20px 0;}
}