@charset "UTF-8";
html {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  line-height: 1.5;
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
h2 {
  font-size: 1.8rem;
  font-weight: 600;
  color: rgba(38, 17, 10, 1.00);
  border-bottom: double 4px rgba(38, 17, 10, 1.00);
  margin-bottom: 15px;
  text-align: left;
}
.title1 {
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  margin: 1em;
}
.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.left {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*幅と背景*/
#wrapper {
  text-align: center;
  padding: 0px;
  width: 780px;
  background: #FFFFFF;
  margin: 0px auto;
}
@media screen and (max-width: 767px) {
  #wrapper {
    text-align: center;
    padding: 0px;
    width: 96%;
    margin: 0px auto;
  }
  img {
    width: 100%;
  }
}
.error {
  background-color: #FFEDF3;
  color: #C00;
  font-size: 1.6rem;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
/* 空の時に表示させない */
.error:empty,.display_error:empty{
	display: none;
}

.error400 {
  background-color: #FFEDF3;
  color: #C00;
  font-size: 12pt;
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 400px;
}
table.base1 {
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
table.base2 {
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 100%;
  font-size: 1.2rem;
  padding: 0px;
  text-align: center;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
table.base1 th {
  padding: 5px 0.75em;
  background-color: #ADB4C8;
  border-color: #ccc;
  font-size: 1.2rem;
  text-align: center;
  font-weight: normal;
}
table.base1 td {
  padding: 5px 0.75em;
  border-color: #ccc;
  margin: 0px;
}
table.base2 th {
  padding: 5px 0.75em;
  background-color: #ADB4C8;
  border-color: #ccc;
  font-size: 1.2rem;
  text-align: center;
  font-weight: normal;
}
table.base2 td {
  padding: 5px 0.75em;
  border-color: #ccc;
  margin: 0px;
}
.komoku {
  background-color: #ADB4C8;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left;
}
.midashi1 {
  background-color: #EBEBEB;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding-top: 10px 0 10px 10px;
}
.setsumei {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 11pt;
  text-align: center;
  margin: 3px;
  padding: 3px;
  width: auto;
}
.center {
  text-align: center;
  margin: 0px;
  padding: 0px;
}
hr {
  background-color: #000000;
  border-width: 0px;
  height: 1px;
  width: 780px;
}
/*span設定*/
.eg {
  color: #930;
  font-size: 9pt;
}
.red {
  color: #F00;
}
.underline {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0B2C89;
}
/* テーブル */
.base1 {
  font-size: 1.0rem;
  border-collapse: collapse;
  background-color: #fff;
  width: 100%;
}
.base1 td.komoku, .base1 td {
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  font-size: 1.3rem;
}
.base1 td.komoku {
  background-color: #e4eff7;
  width: 20%;
  font-size: 1.3rem;
}
.base1 td.komoku2 {
  background-color: #e4eff7;
  font-size: 1.3rem;
}
.base2 td.komoku, .base2 td {
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.3rem;
}
.base2 td.komoku {
  background-color: #e4eff7;
  /*width: 20%;*/
  font-size: 1.3rem;
}
.base2 td.komoku2 {
  background-color: #e4eff7;
  font-size: 1.3rem;
  text-align: center;
}

/* フォーム周り */
.but_submit input[type="submit"] {
  width: 20%;
  font-size: 15px;
  color: #fff;
  display: inline-block;
  padding: 10px 0px;
  text-align: center;
  background-color: rgba(18, 64, 134, 1);
  border: rgba(18, 64, 134, 1);
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 1s;
}
.but_submit input[type="submit"]:hover {
  color: rgba(18, 64, 134, 1);
  background-color: #fff;
  border: rgba(18, 64, 134, 1);
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 1s;
}
select {
  border: 1px #c0c0c0 solid;
  padding: 5px;
  box-sizing: border-box;
}
input[type="text"], textarea {
  width: 100%;
  border: 1px #c0c0c0 solid;
  padding: 5px;
  box-sizing: border-box;
}
@media screen and (max-width:768px) {
  select {
    width: 100%;
  }
}
/* テーブル レスポンシブ対応 */
@media screen and (max-width:768px) {
  table.base1 {
    width: 100%;
  }
  table.base1 table, table.base1 table tbody, table.base1 table tr, table.base1 table tr th, table.base1 table tr td {
    display: block;
  }
  table.base1 table {
    width: 100%;
    border-width: 0 0 1px 0;
  }
  table.base1 table tr th, table.base1 table tr td {
    width: 90%;
    padding: 3% 5%;
  }
  table.base1 table tr td {
    border-width: 0px 1px 0px 1px;
  }
}

/* MyPage メニューボタンまわり */
.mypage_menu {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
}

/*スペース*/
.space_tb1 { /* 使い方   class="space_tb1" */
  /*上下に各1文字分のマージン（スペース）*/
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0em;
  margin-right: 0em;
}
.space_tb2 { /* 使い方   class="space_tb2" */
  /*上下に各2文字分のマージン（スペース）*/
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0em;
  margin-right: 0em;
}
.space_tb3 { /* 使い方   class="space_tb3" */
  /*上下に各3文字分のマージン（スペース）*/
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 0em;
  margin-right: 0em;
}
.space_lr1 { /* 使い方   class="space_lr1" */
  /*左右に各1文字分のマージン（スペース）*/
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 1em;
  margin-right: 1em;
}
.space_lr2 { /* 使い方   class="space_lr2" */
  /*左右に各2文字分のマージン（スペース）*/
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 2em;
  margin-right: 2em;
}
/*ボタン*/
.btn-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}
.btn-control button {
  background-color: rgba(18, 64, 134, 1);
  border-radius: 2px;
  color: #fff;
  border: 1px solid rgba(18, 64, 134, 1);
  width: 15%;
  padding: 10px 0;
  min-width: 150px;
  cursor: pointer;
  font-weight: 700;
}
.pay_btn {
  background-color: rgba(18, 64, 134, 1);
  border-radius: 2px;
  color: #fff;
  border: 1px solid rgba(18, 64, 134, 1);
  width: 15%;
  padding: 10px 0;
  min-width: 150px;
  cursor: pointer;
  font-weight: 700;
}
.pay_btn:hover {
  opacity: 0.5;
  transition-duration: 500ms;
}
.btn-control button:hover {
  opacity: 0.5;
  transition-duration: 500ms;
}
.btn-control button:nth-child(2) {
  margin-left: 10px;
}
.btn-control button.back {
  background-color: #EEEEEE;
  color: #666;
  border: 1px solid rgba(160, 157, 161, 1);
}
.pc-none {
  display: none;
}

/* フォーム */
.contents_inn_form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}