@charset "utf-8";
/* ---------- ベース ---------- */
fieldset {
	margin: 0;
}

/* ---------- active, inactive ---------- */
.active,
textarea {
	ime-mode: active;
}

.inactive {
	ime-mode: inactive;
}



.form_001 {
	max-width: 700px;
	background-color: #FEFCF6;
	margin: 30px auto auto auto;
	padding-top: 10px;
	padding-bottom: 50px;
	border-radius: 5px;
}
.form_001 fieldset {
	margin-bottom: 20px;
	padding: 10px 30px 30px 30px;
	border: none;
	border-bottom: dotted 8px #FCF4E2;
}
.form_001 fieldset * {
	text-align: left;
}
@media (max-width: 450px) {
.form_001 fieldset {
	padding: 10px 15px 15px 15px;
}
}

.form_001 legend {
	width: 100%;
	font-size: 2.0rem;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom: dotted 2px #F5AA0A;
}.form_001 legend:after {
	position: relative;
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/icon_05.png) no-repeat center center;
	background-size: 22px;
	top: 5px;
	right: -10px;
}

/*.form_001 input.no-1 {
	width: 15em;
}*/

.form_001 input {
	display: block;
}


/* ---------- テキストボックス・必須 ---------- */
.form_001 .box_01 {
	max-width: 600px;
	margin-bottom: 30px;
}
.form_001 .box_01 .item_01 {
	font-weight: bold;
	display: block;
}
.form_001 .box_01 .hissu {
}.form_001 .box_01 .hissu:after {
	position: relative;
	content: "必須";
	color: #fff;
	font-size: 1.4rem;
	background-color: #d60000;
	border-radius: 3px;
	padding: 1px 5px;
	left: 5px;
}

.form_001 .memo_01 {
	color: #8b715d;
}


/* ---------- icon ---------- */
input[name="e-mail"] {
	background: url(../img/formIcon-mail-1.png) no-repeat left center;
	background-size: 29px;
}

input[name="郵便番号"] {
	background: url(../img/formIcon-post-1.png) no-repeat left center;
	background-size: 29px;
}

input[name="連絡先電話番号"],
input[name="電話番号"] {
	background: url(../img/formIcon-tel-1.png) no-repeat left center;
	background-size: 30px;
}

/* ---------- 文字入力ボックスのサイズ ---------- */
.form_001 input[type="text"],
.form_001 input[type="email"],
.form_001 textarea {
	font-size: 1.6rem;
	border: solid 1px #BDAEA2;
	background-color: #FCF4E2;
	border-radius: 3px;
	padding: 0 5px;
}
.form_001 textarea {
	display: block;
	width: 100%;
	height: 10em;
}

.form_001 input[type="text"] {
	width: 100%;
	max-width: 20em;
	height: 2.5em;
}
input[name="e-mail"] {
	width: 100% !important;
	max-width: none !important;
	padding-left: 30px !important;
}

input[name="郵便番号"] {
	max-width: 15em !important;
	padding-left: 30px !important;
}

input[name="住所"] {
	width: 100% !important;
	max-width: none !important;
}

input[name="連絡先電話番号"],
input[name="電話番号"] {
	padding-left: 30px !important;
}

.form_001 input[type="text"]:focus,
.form_001 textarea:focus {
	border: solid 2px #F5AA0A;
	outline: none;
}


/* ---------- ラジオボタン ---------- */
.form_001 .radio_mf {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
}
.form_001 .radio_mf input[type="radio"] {
	display: none;
}
.form_001 .radio_mf li label {
	display: block;
	color: #555;
	font-weight: bold;
	text-align: center;
	background-color: #e6e6e6;
	width: 6em;
	height: 2.5em;
	line-height: 2.5em;
	margin-right: 20px;
	border: solid 1px #FEFCF6;
	border-radius: 5px;
	box-shadow: 0px 2px 5px #CAC3B5;
}.form_001 .radio_mf li .last {
	margin-right: 0;
}
.form_001 .radio_mf li label:hover {
	background-color: #ebebeb;
	position: relative;
	top: 2px;
}
.form_001 .radio_mf input[type="radio"]:checked + label {
	color: inherit;
	background-color: #FFD732;
}

/* ---------- ラジオボタン（参加希望日） ---------- */
.form_001 .radio_01 {
}
.form_001 .radio_01 input[type="radio"] {
	display: none;
}
.form_001 .radio_01 li label {
	display: block;
	color: #555;
	font-weight: bold;
	text-align: center;
	background-color: #e6e6e6;
	height: 2.5em;
	line-height: 2.5em;
	margin-bottom: 20px;
	border: solid 1px #FEFCF6;
	border-radius: 5px;
	box-shadow: 0px 2px 5px #CAC3B5;
}.form_001 .radio_01 li .last {
	margin-right: 0;
}
.form_001 .radio_01 li label:hover {
	background-color: #ebebeb;
	position: relative;
	top: 2px;
}
.form_001 .radio_01 input[type="radio"]:checked + label {
	color: inherit;
	background-color: #FFD732;
}


/* ---------- チェックボックス ---------- */
.form_001 .checkbox_01 {
}
.form_001 .checkbox_01 input[type="checkbox"] {
	display: none;
}
.form_001 .checkbox_01 li label {
	display: block;
	color: #b3b3b3;
	font-weight: bold;
	text-align: center;
	background-color: #e6e6e6;
	height: 2.5em;
	line-height: 2.5em;
	margin-right: 20px;
	border: solid 1px #FEFCF6;
	border-radius: 5px;
	box-shadow: 0px 2px 5px #CAC3B5;
}.form_001 .checkbox_01 li .last {
	margin-right: 0;
}
.form_001 .checkbox_01 li label:hover {
	background-color: #ebebeb;
	position: relative;
	top: 2px;
}
.form_001 .checkbox_01 input[type="checkbox"]:checked + label {
	color: inherit;
	background-color: #FFD732;
}


/* ---------- セレクト ---------- */
.form_001 .select_year,
.form_001 .select_m_d {
	display: inline-block;
}
.form_001 .selectbox_01,
.form_001 .select_year,
.form_001 .select_m_d {
	overflow: hidden;
}
.form_001 .selectbox_01 {
	max-width: 18em;
}.form_001 .select_year {
	max-width: 7em;
}.form_001 .select_m_d {
	max-width: 5em;
}
.form_001 div select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	
	padding: 5px 40px 5px 5px;
}
.form_001 select::-ms-expand {
    display: none;
}
.form_001 .selectbox_01,
.form_001 .select_year,
.form_001 .select_m_d {
	position: relative;
	background-color: #fff;
	border: 2px solid #bdaea2;
	border-radius: 3px;
}.form_001 .selectbox_01:hover,
.form_001 .select_year:hover,
.form_001 .select_m_d:hover {
	border: 2px solid #F5AA0A;
}
.form_001 .selectbox_01::before,
.form_001 .select_year::before,
.form_001 .select_m_d::before {
	position: absolute;
	top: 1em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #5A3417;
	pointer-events: none;
}


/* ---------- ボタン（確認画面へ） ---------- */
.form_001 .button_01 {
	display: block;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	width: calc(100% - 40px);
	height: 3em;
	margin: auto;
	margin-top: 40px;
	top: 0px;
	line-height: 3em;
	background-color: #00a7a7;
	border: solid 1px #FEFCF6;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #CAC3B5;
	transition: all 0.2s ease;
}.form_001 .button_01:hover {
	position: relative;
	background-color: #11BEC3;
	top: 3px;
}.form_001 .button_01:active {
	top: 5px;
}




/*
.form_001 label.checkbox {
	margin-top: -19px;
}*/
.form_001 .disabled {
	color: #ccc;
	background: none;
	background-color: #e6e6e6;
}
.form_001 .disabled:hover {
	color: #ccc;
}
.form_001 input:checked + label {
}



/*.form_001 a.forMail {
	display: inline-block;
	padding-left: 30px;
	background: url(../img/formIcon-mail-1.png) no-repeat left center;
}*/


/* ---------- 確認画面 ---------- */
.form_001 div.table-conf {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	padding: 0;
	margin-bottom: 10px;
}
.form_001 div.table-conf .top {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	background-color: #f5aa0a;
	border-radius: 5px;
}
.form_001 div.table-conf h2, .form_001 div.table-conf p {
	padding: 10px;
}
.form_001 div.table-conf h2 {
	width: 200px;
	font-weight: bold;
	text-align: right;
	background-color: #fce5b5;
	border-radius: 5px;
}
.form_001 div.table-conf p {
	flex: 1;
	width: calc(100% - 12em);
	margin-left: 10px;
	border-bottom: dashed 1px #BDAEA2;
}
.form_001 div.table-conf p * {
	text-align: left;
}
.form_001 div.table-conf h2 span.ng {
	font-weight: bold;
	color: #d60000;
}
.form_001 p.cautionBox {
	background-color: #fff;
	margin: 1em 4px 0 4px;
	padding: 0.8em 1em 0.8em 1em;
	border: solid 2px #d60000;
	border-radius: 5px;
}
.form_001 p.cautionBox strong {
	color: #d60000;
}
.form_001 p.cautionBox, .form_001 p.cautionBox strong {
	font-size: 1.6rem;
	font-weight: bold;
}

/* ----- 確認画面の送信ボタン ----- */
.form_001 .table-button {
	width: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 30px;
}
.form_001 .table-button div {
	width: calc((100% - 100px)/2);	
}
.form_001 .table-button button {
	flex-grow: 10;
	display: block;
	position: relative;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 3em;
	margin-bottom: 20px;
	border: solid 1px #FEFCF6;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #CAC3B5;
	top: 0;
	transition: all 0.2s ease;
}
.form_001 .table-button button:hover {
	top: 3px;
}
.form_001 .table-button button:active {
	top: 5px;
}
.form_001 .table-button .button-send {
	background-color: #00a7a7;
}
.form_001 .table-button .button-send-re {
	background-color: #999;
}



@media (max-width: 500px) {
.form_001 .table-button div {
	width: 100%;	
}
.form_001 div.table-conf .top {
	display: none;
}
.form_001 div.table-conf {
	display: block;
}
.form_001 div.table-conf h2,
.form_001 div.table-conf p {
	width: 100%;
	text-align: left;
	border: none;
}
}