/*------------------------------------------------------------------------------
  全ページで使われるスタイル
------------------------------------------------------------------------------*/

/* 全体的なレイアウト
----------------------------------------------------*/
/* ここの数値を変えることで全体のフォントサイズが変化します */
/* 数値はフォントコレクションに従ってください               */

/* モーダルメッセージ
----------------------------------------------------*/
.modal_background {
	position: fixed;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

.modal_base {
    position: fixed;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: auto;
    max-width: 90%;
    height: auto;
    padding: 20px 20px 70px 20px;
    background: #fff;
    border-radius: 10px;
    z-index: 1100;
	text-align: left !important;
}

/** メニュー内レイアウト */
.boxTitle1 {
  background: #e9195d;
  color: white;
  font-weight: bold;
  border-radius: 5px;
  font-size: 1.2rem;
  padding: 8px 10px;
  text-align: left !important;
}