/** BS-3130 */
/** モーダル共通設定 */
#modal-inner {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
/** ボタン */
p.modal-inner-caption {
  color: white;
}
.modal-inner-button{
  color: white;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  border-radius: 5px;
  background-color: skyblue;
}

/** 縦向きモーダル */
.default#modal-inner {
  padding: 5%;
  text-align: center;
}
/** キャプション */
.default#modal-inner > p.modal-inner-caption {
  font-size: 5vw;
}
/** ボタン */
.default#modal-inner > div.modal-inner-box .modal-inner-button{
  height: 18vw;
  width: 45vw;
  margin-top: 2%;
  font-size: 5vw;
  font-weight :bold;
}

/* バナー */
.default#modal-inner > div.modal-inner-box .modal-inner-bunner{
  height: auto;
  width: 51vw;
  margin-top: 2%;
}

/** 横向きモーダル */
.landscope#modal-inner {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  padding-right: 5%;
  padding-bottom: 5px;
  padding-left: 5%;
}
/** キャプション */
.landscope#modal-inner > p.modal-inner-caption {
  text-align: center;
  font-size: 3vw;
}
/** バナーとボタンを横並びにする */
.landscope#modal-inner > div.modal-inner-box {
  display: flex;
  height: 100%;
  text-align: center;
}
.landscope#modal-inner > div.modal-inner-box div {
  width: 50%;
  margin: 0 auto;
}
/** ボタンの大きさをここで調整 */
.landscope#modal-inner > div.modal-inner-box .modal-inner-button-area .modal-inner-button-wrapper {
  height: 7vw;
  width: 20vw;
  margin: 5px auto;
}
/** ボタン本体 */
.landscope#modal-inner > div.modal-inner-box .modal-inner-button-area .modal-inner-button-wrapper .modal-inner-button {
  height: 100%;
  width: 100%;
  font-size:2.2vw;

}
/** バナー */
.landscope#modal-inner > div.modal-inner-box .modal-inner-bunner-area .modal-inner-bunner {
  height: auto;
  width: 22vw;
}