@charset "UTF-8";
/* CSS Document */
.txtBox {
  width: 780px;
  margin: 0 auto 30px;
}
@media (max-width: 1025px) {
  .txtBox {
    width: 100%;
    margin: 0 auto 1.4rem;
  }
}

.txtBox {
  margin: 0 auto 70px;
  width: 780px;
}
@media (max-width: 1025px) {
  .txtBox {
    margin-bottom: 2.8rem;
    width: 100%;
  }
}

.txtBox02 {
  width: 600px;
  margin: 0 auto 70px;
  border: 1px solid #EAEAEF;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
}
.txtBox02 p {
  margin: 0;
}
@media (max-width: 735px) {
  .txtBox02 {
    width: 100%;
    margin: 0 auto 2.4rem;
    padding: 1rem 3%;
    text-align: left;
  }
}

.formBox .txtR {
  display: flex;
  align-items: center;
}
@media (max-width: 735px) {
  .formBox .txtR {
    display: block;
  }
}

/****************************************************************************************************

form

****************************************************************************************************/
/****************************************************************************************************

汎用

****************************************************************************************************/
/*
テキスト
*/
.form__notice1 {
  margin-bottom: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
}

/****************************************************************************************************

フォーム

****************************************************************************************************/
.form.-preview {
  margin-bottom: 30px;
}

/****************************************************************************************************

表組み

****************************************************************************************************/
.formTable {
  width: 100%;
}

.formTable__col1 {
  width: auto;
}

@media print, screen and (min-width: 737px) {
  .formTable__col1 {
    width: 350px;
  }
}
.formTable th,
.formTable td {
  padding: 10px;
  border: 1px solid #ccc;
}

.formTable tr {
  display: block;
  margin-bottom: 40px;
}

@media print, screen and (min-width: 737px) {
  .formTable tr {
    display: table-row;
  }
}
.formTable th {
  display: block;
  padding: 10px;
  border-bottom: none;
  background-color: #efefef;
}

.formTable th::after {
  content: "";
  clear: both;
  display: block;
}

@media print, screen and (min-width: 737px) {
  .formTable th {
    display: table-cell;
    border-bottom: 1px solid #ccc;
  }
}
.formTable td {
  display: block;
  padding: 10px;
}

@media print, screen and (min-width: 737px) {
  .formTable td {
    display: table-cell;
  }
}
/****************************************************************************************************

フィールド

****************************************************************************************************/
.field.-even {
  background: #f3f3f3;
}

.fieldset {
  padding: 0;
  border: none;
}

.legend {
  margin-bottom: 5px;
  font-weight: bold;
}

@media print, screen and (min-width: 737px) {
  .legend {
    margin-bottom: 10px;
  }
}
/****************************************************************************************************

フォームパーツ

****************************************************************************************************/
.label {
  /* float:left; */
  display: inline-block;
}

/*
テキスト
------------------------------------------------------------*/
.text {
  padding: 0.5em;
  font-size: 1.4rem;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 5px;
  font-size: 1.6rem;
}

.text:focus {
  background-color: #FFF0E0;
}

.text.-name1 {
  width: 100%;
}

.text.-postalCode1 {
  width: 100%;
}

@media print, screen and (min-width: 737px) {
  .text.-postalCode1 {
    width: 200px;
  }
}
.text.-tel1 {
  width: 100%;
}

.text.-addr1 {
  width: 100%;
}

.text.-email1 {
  width: 100%;
}

/*
ラジオ
------------------------------------------------------------*/
@media print, screen and (min-width: 737px) {
  .radio {
    margin-right: 5px;
  }
}
/*
チェックボックス
------------------------------------------------------------*/
.checkbox {
  margin-right: 5px;
}

/*
セレクト
------------------------------------------------------------*/
.select {
  font-size: 1.6rem;
}

@media print, screen and (min-width: 737px) {
  .select {
    font-size: 1.4rem;
  }
}
/*
テキストエリア
------------------------------------------------------------*/
.textarea {
  padding: 5px;
  width: 100%;
  border: 1px solid #999;
  font-size: 1.6rem;
  resize: vertical;
}

@media print, screen and (min-width: 737px) {
  .textarea {
    font-size: 1.6rem;
  }
}
.textarea.-type1 {
  height: 100px;
}

@media print, screen and (min-width: 737px) {
  .textarea.-type1 {
    height: 130px;
  }
}
/****************************************************************************************************

入力内容の条件

****************************************************************************************************/
.rule {
  color: #666;
  font-size: 1.2rem;
}

/****************************************************************************************************

エラー

****************************************************************************************************/
.errBox {
  margin-bottom: 30px;
  padding: 10px;
  border: 3px solid #f00;
  border-radius: 7px;
  color: #f00;
  background-color: #FFE5E5;
}

.errBox__lead {
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
}

.err__bg {
  background-color: #FEF7FA;
}

.err__bg.-even {
  background-color: #FFEFF6;
}

.err__text {
  color: #F00;
  font-weight: bold;
}

/****************************************************************************************************

住所検索ボタン

****************************************************************************************************/
.zipSearch {
  display: inline-block;
  margin-top: 5px;
  padding: 5px 10px;
  border: none;
  border-radius: 3px;
  background: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}

@media print, screen and (min-width: 737px) {
  .zipSearch {
    margin-top: 0;
  }
}
.zipSearch.-sleep {
  background-color: #999;
  color: #fff;
}

.zipSearch.-active {
  background-color: #E54800;
  color: #fff;
  cursor: pointer;
}

.zipSearch.-active:hover {
  background-color: #FD5D27;
}

.zipSearch__info {
  margin-bottom: 0;
  padding: 5px 0 0 0;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #f00;
}

/****************************************************************************************************

入力必須・任意

****************************************************************************************************/
.icon {
  display: inline-block;
  margin-left: 5px;
  padding: 2px 10px;
  color: #fff;
  line-height: 1.5;
  font-size: 1rem;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

@media print, screen and (min-width: 737px) {
  .icon {
    margin-left: 10px;
    font-size: 1.4rem;
  }
}
.icon.-required {
  background-color: #EC8A30;
}

.icon.-optional {
  background-color: #337ab7;
}

/****************************************************************************************************

submit

****************************************************************************************************/
.confirm {
  margin-top: 20px;
  text-align: center;
}

/*ボタン*/
.confirm__btn {
  -webkit-appearance: none;
  padding: 10px 40px;
  border: none;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
}

/*確認*/
.confirm__btn.-preview {
  background-color: #432985;
}

.confirm__btn.-preview:hover {
  background-color: #5A38B2;
}

/*送信*/
.confirm__btn.-submit {
  background-color: #432985;
}

.confirm__btn.-submit:hover {
  background-color: #5A38B2;
}

/*再入力*/
.confirm__btn.-rewrite {
  background-color: #333;
  font-size: 1.4rem;
}

.confirm__btn.-rewrite:hover {
  background-color: #666;
}

/****************************************************************************************************

同時開催

****************************************************************************************************/
.entryTypeSame {
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  background-color: #432985;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 737px) {
  .entryTypeSame {
    font-size: 1.4rem;
  }
}

/****************************************************************************************************

エラー

****************************************************************************************************/
.formBox .innner:not(:last-child) {
  margin-bottom: 0;
}

.innner.err__bg {
  background-color: #FEF7FA;
}

.innner.err__bg .wrap {
  background-color: transparent;
}

/*# sourceMappingURL=style.css.map */