@charset "utf-8";
/* CSS Document */
/*狂言×フットパストップページ*/
.page-template-page-kyogen-footpath-main .container,
.page-template-page-kyogen-footpath-main-en .container{
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  padding: 0;
  background-image: url(../images/kyogen-footpass_main.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-page-kyogen-footpath-main .contents,
.page-template-page-kyogen-footpath-main-en .contents{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
}
.page-template-page-kyogen-footpath-main .contents p,
.page-template-page-kyogen-footpath-main-en .contents p{
  line-height: 3;
  font-size: 1.4rem;
  margin-bottom: 5rem;
  text-shadow: 0 0 6px #000;
}
.page-template-page-kyogen-footpath-main .contents .footpath-btn,
.page-template-page-kyogen-footpath-main-en .contents .footpath-btn{
  display: inline-block;
  margin: 0 auto;
  padding: 1rem;
  border: 1px solid #FFF;
}
.page-template-page-kyogen-footpath-main .contents .footpath-btn a,
.page-template-page-kyogen-footpath-main-en .contents .footpath-btn a{
  color: #FFF;
}



.page-template-page-kyogen-footpath #section_01,
.page-template-page-kyogen-footpath-en #section_01{
  background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(../images/kyogen-footpass_02.jpg);
}
.footpass-item{
  margin-bottom: 5rem;
}
.section-content h2{
  text-align: center;
  margin: 15px 0;
  color: #000;
  font-size: 2.0rem;
  font-weight: 500;
}
.section-content h3{
  font-size: 1.5rem;
  font-weight: 500;
  color: #000;
}
.section-content p{
  margin: 1rem;
}
.footpass-item img{
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

/*体験の3つの柱*/
.pillar li{
  margin-bottom: 3rem;
  list-style: none;
}
.pillar li h3{
  text-indent: -2rem;
  margin-left: 2rem;
}

/*コース詳細・旅程*/
.schedule li{
  margin-bottom: 3rem;
  list-style: none;
}

/*プラン情報*/
.footpass-item table{
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
.footpass-item th{
  background-color: #fffaf4;
}
.footpass-item th, .footpass-item td{
  border: 1px solid #000;
  padding: 1rem;
  vertical-align: middle;
}

/*お問い合わせ*/
.page-template-page-kyogen-footpath .root p,
.page-template-page-kyogen-footpath-en .root p{
  text-align: center;
  font-size: 1.2rem;
  margin: 1rem;
}


/*600px以下*/
@media (max-width: 600px){
  
  /*狂言×フットパストップページ*/
  .page-template-page-kyogen-footpath-main .container,
  .page-template-page-kyogen-footpath-main-en .container{
    background-position-x: 40%; 
  }
.page-template-page-kyogen-footpath-main .contents p,
.page-template-page-kyogen-footpath-main-en .contents p{
  font-size: 5vw;
}
  
  .page-template-page-kyogen-footpath .page-content h1,
  .page-template-page-kyogen-footpath-en .page-content h1{
    font-size: 10vw;
  }
  .root h2{
    font-size: 7vw;
  }
}