@charset "utf-8";

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

/* header */
#syokujyusai{ background:#8f6239; color:#fff; font-size:1.0em; line-height:1.2em; font-family: 'Noto Sans JP', sans-serif; }
#syokujyusai .top_pc { display:none; }
#syokujyusai .top_sp { display:block;}
#syokujyusai h2 { display: block !important; }

br.pc{ display: none;}

/* youtube */
.cm{padding:10px; margin-bottom: 30px;}
.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:#fc3; font-size:1.3em;}
/* present */
.present{padding:30px 20px 15px 20px; text-align: center;}
.present p{margin:0;}

/* topo */
.topo{padding:40px 20px 30px 20px; text-align: center; background: #fff; border: solid 7px #87b441;}
.topo h3{font-size:1.3em; border-bottom:dotted 2px #fff; padding:10px; width: 70%; margin:0 auto 30px auto !important; font-weight: bold;}

/* 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.3em; color:#2f1614;}
.photo-out{background: #fff;  padding:40px 10px 30px 10px; border:solid 7px #87b441;}
.photo-fl{margin-top:30px;}
.photo-fl .photo{margin-bottom:10px !important;}
.narrator img{max-width:70% !important; height:auto !important; }
.photo-out .line{background-color: #87b441; color:#fff; padding:0 10px;}

/* bottom */
.bottom-out {text-align: center; padding:50px 10px 5px 10px; background: #fffde4;}
.bottom-out .narrator{color:#2f1614; }
.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{padding-top:20px;}
.bottom-out .bottom_txt p{margin: 20px 10px 40px 10px; font-size: 1.1em; color:#2f1614; line-height: 1.5em;}
.bottom-out .bottom_txt .ttl{border:solid 3px #8f6239; padding:15px 10px; font-size:1.3em; background: #fff; border-radius: 10px; margin-bottom: 0; color:#8f6239;}


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

  /* youtube */
  .cm{width:70%; margin:20px auto 60px auto;}  
  
  /* about */
  .description { 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:40px 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%; }
  
  /* bottom */
  .bottom-out{display: flex; justify-content: space-around; align-items: center; padding:40px 10px 60px 10px;}
  .bottom-out .narrator{width:40%; padding:20px;}
  .bottom-out .bottom_txt{width:60%;}
  .bottom-out .bottom_txt p{margin:20px auto 40px auto; width:90%; font-size: 1.3em;}
  .bottom-out .bottom_txt p:last-child{margin-bottom:0;}
  .bottom-out .bottom_txt .ttl{font-size:1.4em; }

  /* topo */
  .topo{padding:60px 20px 50px 20px;}
  .topo img{width:45% !important;}
  
}