/* --- 外枠の定義 ---------------------------------------------*/
.kurashi_box {
  margin         : auto;                 /* サンプル用 中央寄せ */
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  /* background     : #fff;                 /* BOXの背景色         */ */
  border         : 1px solid #fff;       /* 枠線の指定          */
  max-width          : 980px;                /* BOXの幅             */
  max-height     : auto;                /* BOXの高さ           */
  width:100%;
  text-align:center;
  /* ▼ FlexBoxの定義 */
  display        : flex;                 /* FlexBox定義         */
  flex-wrap      : wrap;                 /* 折り返し定義        */
}

.kurashi_box h2 {
  padding:3em 0;
  font-weight:bold;
}

 /* --- 個別のBOXの定義 --------------------------------------- */
.kurashi_box div {
  box-sizing     : border-box;           /* 罫線も含む長さ      */
  background     : #fffE;              /* BOXの背景色         */
  border         : 1px solid #999;    /* 枠線の指定          */
  max-width          : 270px;                 /* サンプルBOXの幅     */
  width:100%;
  height         : auto;                 /* サンプルBOXの幅     */
  margin         : 0 auto 3em auto;                  /* サンプルBOXの間     */

  /* ▼ FlexBoxの各ボックス均等自動幅 */
  flex-grow      : 1;                    /* 各BOXを均等に割当て */
}
.kurashi_box p{
  border-bottom:1px solid #ccc;
  padding-top:1em;
}
.kurashi_box a:visited{
    color: #111;
}
.kurashi_box a:hover{
    color: #9b0000;
    text-decoration: underline;
}

/* おかげ座　css */
.okageza_move{
  width:560px;
  height:315px;
}
.tokuriki{
}
.tokuriki h2{
  font-size:1.5em;
  font-weight:bold;
  text-align:center;
  padding:1em 0;
}
.tokuriki h3{
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
  padding:1em 0;
}
.tokuriki img{
  max-width:540px;
  margin:0 auto;
  padding:2em 0;
  width:100%;
}
.tokuriki div{
  line-height:160%;
  font-size:1em;
}
.tokuriki p{
  text-align:center;
}
@media screen and (max-width:480px) {
  .okageza_move{
    width:100%;
    height:100%;
  }

}