﻿@charset "UTF-8";
body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
    font-weight: 400;
  background: #ffffff;
}
div.biggest_box{
    box-sizing: border-box;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: #ffffff;
}

/*                タイトル左右               　*/
div.repertoire_left{
    width: 500px;
    height: 200px;
    float: left;
    box-sizing: border-box;
    background-color: #009d91;
    padding-bottom: 15px;
}
div.repertoire_right{
    width: 500px;
    height: 200px;
    float: left;
    box-sizing: border-box;
    background-color: #ee8080;
    padding-bottom: 15px;
}
h3.series{
    text-align: center;
    padding-top: 1em;
    font-size: 1.3em;
}
h2.title_logo{
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: 2em;
}

/*           画像              */
div.flyer{
  text-align: center;
}  
div.flyer img{
  width: 1000px;
}
h4.repertoire{
    text-align: center;
    font-size: 1.3em;
}

/*           詳細  全体        */
div.intro{
  box-sizing: border-box;
  width: 1000px;
  height: 1120px;
  margin-left: auto;
  margin-right: auto;
}

/* =============== 詳細　左 =============== */
div.intro_left{
  box-sizing: border-box;
  width: 500px;
  float: left;
  height: 1120px;
  border: solid 3px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  background-color: #009d91;
}
div.troupe_left{
  box-sizing: border-box;
  width: 490px;
  height: auto;
  border: solid 3px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px; 
}
p.introduce{
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

p.detail{
  padding-left: 20px;
  font-size: 1.2em;
}
p.reservation{
  text-align: lett;
  font-size: 1.2em;
  padding-bottom: 1em;
}

p.fee{
  padding-left: 20px;
  margin-top: -25px;
}
/* ================ 詳細　右 ======================== */
div.intro_right{
  box-sizing: border-box;
  width: 500px;
  height: 1120px;
  float: left;
  border: solid 3px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  background-color: #ee8080;
}
div.troupe_right{
  box-sizing: border-box;
  width: 490px;
  height: auto;
  border: solid 3px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}
/* ============= footer ================== */
div.footer{
  box-sizing: border-box;
  width: 1000px;
  height: 645px;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
   border: solid 3px;
}
p.space{
  padding-left: 1em;
  font-size: 1.2em;
}
div.map{
  text-align: center;
}
div.map img{
  width: 50%;
}

p.access{
  margin-top: -1px;
  margin-left: 50px;
}
div.poster_summary{
    width: 1000px;
    height: auto;
    box-sizing: border-box;
    background-color: #ffffff;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 1em;
    border: solid 3px;
}
p.button{
  text-align: center;
  margin-top: -30px;
  margin-bottom: 10px;
}
input.button_font{
  font-size: 1.5em;
}
div.k_mark{
  text-align: right;
}
img.k_mark{
  width: 15%;
  margin-right: 80px;
}
p.fund{
  text-align: right;
}
p.link{
  font-size: 1.2em;
  color: blue;
}