@charset "utf-8";

/*--------------------------------------------
   全体
---------------------------------------------*/

.contents h1{display:none !important;}
article.nonav .contents{padding:0 !important;}
br.sp{display:block;}
br.pc{display: none;}  
#iginari { -webkit-font-smoothing: antialiased; background: #ffffff !important; width: 100%; }
#iginari img{height:auto !important;}
#iginari h2 { background: #ed5382; position: relative;  padding: 0.5em;  color: white; font-size:1.2em; margin: 0 auto 30px auto; text-align: center;}
#iginari h2::before {  position: absolute;  content: '';  top: 100%;  left: 0;  border: none;  border-bottom: solid 15px transparent;  border-right: solid 20px #a0133e;}

/*--------------------------------------------
   header
---------------------------------------------*/
#iginari .header { background: none !important; padding: 0 !important; text-align: center; }
#iginari .header_pc{display:none;}
#iginari .header_sp{display:block;}

/*--------------------------------------------
   main
---------------------------------------------*/

.main {font-size:1.3em; padding:0; background-image:linear-gradient(-225deg, #fc95b3 0%, #FFA99F 48%, #FFE29F 100%);}

/*--------------------------------------------
   about
---------------------------------------------*/

#iginari .about{padding:40px 10px 0 10px;}
#iginari .about p{font-size:0.8em; line-height: 1.8em;}
#iginari .about .pb{font-size:1.3em; color:#e20382; font-weight: bold;}
#iginari .about .yl{font-size:1.1em; border-bottom:dotted 3px #fff; color:#fff; font-weight: bold;}
#iginari .about a{color:#553f8a; text-decoration: underline;}
/*--------------------------------------------
   youtube
---------------------------------------------*/
#iginari .youtube-out{padding:10px;}
#iginari .youtube{ position: relative;  width: 100%;  padding-top: 56.25%;}
#iginari .youtube iframe { position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}

/*--------------------------------------------
   photo
---------------------------------------------*/
#iginari  .photo-area{margin:30px 0; padding:10px;}

/*--------------------------------------------
   movie
---------------------------------------------*/
#iginari  .movie{background:#f0d44c !important; padding:40px 10px 20px 10px;}
#iginari  .movie h2{background: #e96220;}
#iginari  .movie h2::before { border-right: solid 20px #a94413;}
#iginari  .movie .movie-out{text-align: center; margin-top:40px;}
#iginari  .movie .movie-out .movie-in{margin:0 0 20px 0;}
#iginari  .movie .movie-out .movie-in p{margin:5px;}

/*--------------------------------------------
   topo
---------------------------------------------*/
#iginari  .topo{background:#b9d511 !important; padding:40px 10px; text-align: center;}
#iginari  .topo h2{background: #63b72e;}
#iginari  .topo h2::before { border-right: solid 20px #2e6909;}
#iginari  .topo .topo-in{margin-top:40px;}
#iginari  .topo .topo-in p{margin:5px;}

/*--------------------------------------------
   cast
---------------------------------------------*/
#iginari .cast{padding:20px 10px 20px 10px;}
#iginari .cast .member{text-align: center;}
#iginari .cast h2{background: #009ecd;}
#iginari .cast h2::before { border-right: solid 20px #167995;}
#iginari .cast img{width:95%;}
#iginari .cast .cast-out{display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%;  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin:40px 0 0 0;}
#iginari .cast .cast-out .cast-in{width:33.3333%; margin:10px 0;}
#iginari .cast .cast-out .cast-in .name,#iginari .cast .cast-f .name{font-weight:bold; font-size: 1.0em;}


@media screen and (min-width: 640px){
/*--------------------------------------------
   全体
---------------------------------------------*/
  #iginari article {padding: 1% !important; }
  #iginari .header_pc{display:block;}
  #iginari .header_sp{display:none;}
  br.sp{display: none;}
  br.pc{display: block;}  
  #iginari article p{text-align:center !important;}
  #iginari h2 { font-size: 1.3em; width:90%}
  
/*--------------------------------------------
   about
---------------------------------------------*/
  #iginari .about{margin:0 20px 40px 20px !important;}
  #iginari .about p{font-size:1.1em; text-align: center; line-height: 1.8em; font-weight: bold;}

/*--------------------------------------------
   youtube
---------------------------------------------*/
  #iginari .youtube-out{margin:20px 70px 70px 70px !important;}
  

/*--------------------------------------------
   photo
---------------------------------------------*/
#iginari  .photo-area{display: flex; flex-wrap: wrap; justify-content: space-around;}

/*--------------------------------------------
   movie
---------------------------------------------*/
#iginari  .movie .movie-out{display: flex; justify-content: space-around;}

/*--------------------------------------------
   topo
---------------------------------------------*/
#iginari  .topo .topo-out{display: flex; flex-wrap: wrap; justify-content: space-around;}
#iginari  .topo .topo-out .topo-in{width: 48%;}
  
/*--------------------------------------------
   cast
---------------------------------------------*/
  #iginari .cast img{width:60%;}
  #iginari .cast .cast-out .cast-in{width:33.3333%;  padding:10px 0;}
  

}

@media screen and (min-width: 980px){
/*--------------------------------------------
   全体
---------------------------------------------*/  
  article.nonav .contents section{max-width:1120px !important;}
}