@charset "utf-8";

/*　リード文用ボックス　*/

.maegaki {
  border: solid 2px rgb(255, 114, 0);
  padding: 15px 20px;
}

@media only screen and (max-width: 768px) {
  .maegaki {
    padding: 20px 10px;
  }
}


/*　下線　*/

.under {
  border-bottom: dotted 1px gray;
}

.line {
  border: dashed 1px rgb(255, 114, 0);
  margin: 30px 0;
}


/*　目次装飾　*/

.mokuzi li {
  margin: 10px auto;
  text-align: center;
  border-right: solid 3px #ff8d07;
  border-left: solid 3px #ff8d07;
  padding: 0 20px;
  max-width: 350px;
}


/*　題字　*/

h3 {
  text-align: center;
  padding: 5px 0;
  margin: 50px auto 30px auto;
  border-bottom: solid 4px #ff8d07;
}

h4 {
  font-size: 18px;
  margin: 10px 0;
  color: #a44500;
}


/*　フレックス調整　*/

@media only screen and (max-width: 768px) {
  .yoko li {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}


/*　秋まつりイベント用ボックス　*/

.akimaturi {
  border: double 3px rgb(255, 114, 0);
  padding: 20px 30px;
}

@media only screen and (max-width: 768px) {
  .akimaturi {
    padding: 20px 10px;
  }
}


/*　紙芝居用テーブルレイアウト　*/

.kamisibai {
  border-collapse: collapse;
  border: solid 1px gray;
}

.kamisibai th{
  text-align: center;
  padding: 5px 10px;
  white-space: nowrap;
  border: solid 1px gray;
  border-bottom: solid 2px gray;
  background-color: #d6ff72;
}

.kamisibai td{
  text-align: center;
  padding: 5px 10px;
  border: solid 1px gray;
}

@media only screen and (min-width: 768px) {
  .kamisibai th {
    padding: 10px 20px;
  }
  .kamisibai td {
    padding: 10px 20px;
  }
}