@charset "UTF-8";
/* CSS Document */
.adBlock { margin: 0 auto 60px auto; text-align: center;}
.adBlock a { }
.adBlock a:hover { opacity: 0.7; transition: opacity 0.5s linear 0s;}

.stepBox {  width:100%; max-width:690px; margin:0 auto 0 auto; padding:40px 20px; box-sizing:border-box; }
.stepBox ul li { flex-basis:calc( ( 100% - 40px ) / 3 ); }

.contentText { font-size:14px; line-height:1.5em; margin:0 0 20px 0; }
.thanksMessage { font-size:18px; display:block; text-align:center; line-height:2.2em; margin:0 auto 40px auto; }
.thanksMessage p { margin:0 auto 90px auto; }
.thanksMessage p a { color:#f66; text-decoration:none; }
.thanksMessage .backHomeBtn { display:block; color:#fff; background:#000 url(../img/common/icon_form_02.png) 1em center / auto 50% no-repeat; box-sizing:border-box; padding: 1em 1em 1em 3em; width:10em; font-size:15px; text-decoration:none; margin:0 auto; line-height:1; border-radius:5px; }

/* FORM PART */
.content { width:100%; max-width:885px; box-sizing:border-box; padding:0 10px; margin:0 auto 40px auto; }
.formTable { width:100%; margin:0 auto 40px auto; }
.formTable tr { }
.formTable tr th { box-sizing:border-box; border:#999 solid 1px; width:230px; position:relative; font-size:15px; white-space:nowrap; padding:1em 1em 1em 5em; vertical-align:top; }
.formTable tr th .formCaption { position:absolute; right:5px; bottom:5px; line-height:1; color:#f66; font-size:12px; }
.formTable tr.required th::before { content:'必須'; left:1.25em; top:1.25em; line-height:1; display:inline-block; width:3.75em; text-align:center; background:#f66; color:#fff; position:absolute; font-size:80%; padding:0.25em 0; }
.formTable tr td { box-sizing:border-box; border:#999 solid 1px; font-size:15px; padding:1em 1em 1em 3em; }
.formTable tr td .formCaption { line-height:1; color:#f66; font-size:12px; }
.confirmTable {  width:100%; margin:0 auto 40px auto; }
.confirmTable tr th { box-sizing:border-box; border:#999 solid 1px; width:230px; position:relative; font-size:15px; white-space:nowrap; padding:1em 1em 1em 1em; vertical-align:top; }
.confirmTable tr td { box-sizing:border-box; border:#999 solid 1px; font-size:15px; padding:1em 1em 1em 1em;  }
.blockList { }
.blockList li { display:block; margin:0 0 0.25em 0; vertical-align:middle; }
.inlineList { }
.inlineList li { display:inline-block; margin:0 0.25em 0 0; vertical-align:middle; max-width: 100%; }


.w2em { width:2em; display:inline-block; margin:0 0.5em 0 0; }
.w9em { width:9em; display:inline-block; margin:0 0.5em 0 0; }
.wLine { width:1em; display:inline-block; margin:0 0.25em 0 0.25em; text-align:center; }

/* INPUT PART */
.formTable select { font-size:15px; }
.formTable input[type=text],
.formTable input[type=tel],
.formTable input[type=email] { font-size:15px; max-width:100%; box-sizing:border-box; }
.formTable input::placeholder { color:#666; }
.formTable textarea { display:block; box-sizing:border-box; border:#ccc solid 1px; padding:0.25em; width:100%; resize:vertical; min-height:8em; }

/* VALIDATE PART */
input.errorMessage[type=text],
input.errorMessage[type=tel],
input.errorMessage[type=email],
ul.errorMessage,
select.errorMessage { background:#fcc; }
span.errorMessage { display:block; color:#f66; font-size:12px; }
button,
input[type=button] { background:#333; display:block; padding:1.25em 0.25em 1.25em 0.25em; color:#fff; text-align:center; outline:none; border:none; font-size:15px; font-weight:bold; width:18em; margin:0 auto; cursor:pointer; max-width:100%; }
button[disabled] { background: #ccc; pointer-events: none;}
/* button[disabled] { background:#ffff33 url(../img/common/icon_form_01.png) 1em center / auto 50% no-repeat; display:block; padding:1.25em 0.25em 1.25em 3em; outline:none; border:none; color:#333; font-size:15px; font-weight:bold; width:18em; margin: 0 auto; max-width:100%; } */
label { cursor: pointer; padding: 0.5em 0; display: block;}

/* BTN PART */
.formBtnBox { }
.formBtnBox ul { }
.formBtnBox .noWrap li { flex-basis:18em; margin:0 0.5em; font-size:15px; }



/* NOTE PART */
.noteBox { }
.noteBox ul { }
.noteBox ul li { position:relative; padding:0 0 0 1em; display:block; line-height:2em; color:#f00; }
.noteBox ul li::before { content:'※'; position:absolute; left:0; top:0; }
.noteBox ul li a { color:#000; text-decoration:underline; }
.noteBox .sealBox { margin:0 0 0 calc(100% - 115px); }

@media screen and (min-width:768px) {
.noteBox ul li a:hover { color:#ccc; text-decoration:underline; }
}
@media screen and (max-width:767px) {
.stepBox { padding:5%; }
.stepBox ul li { flex-basis:calc( ( 100% - 20px ) / 3 ); }

.contentText { font-size:2.5vw; }
.thanksMessage { font-size:2.7vw; }
.thanksMessage .backHomeBtn { font-size:3.5vw; }

.formTable input::placeholder { color:#999; }
.formTable input[type=text],
.formTable input[type=tel],
.formTable input[type=email],
.formTable textarea { -webkit-appearance : none; border-radius:3px;  }
.formTable textarea { font-size:3.5vw; }
.formTable label { font-size:3.5vw; line-height:1; padding:0.25em 0; display:block; cursor:pointer; }
.iOS .formTable input[type=text],
.iOS .formTable input[type=tel],
.iOS .formTable input[type=email] { padding:0 0 0.2em 0.2em; }
.iOS #userNameSei::placeholder,
.iOS #userNameMei::placeholder,
.iOS #userNameSeiKana::placeholder,
.iOS #userNameMeiKana::placeholder,
.iOS #address02::placeholder,
.iOS #address03::placeholder { position:relative; top:-0.1em; }
.iOS #zip01::placeholder,
.iOS #tel01::placeholder,
.iOS #eMail01::placeholder { position:relative; left:0.2em; }


.formTable { display:block; float:none; border:#ccc solid 1px; }
.formTable tr, .formTable tbody, .formTable thead, .formTable tfoot { display:block; float:none; padding:0; margin:0; width:100%; }
.formTable tr th { display:block; width:100%; font-size:3.5vw; border:none; line-height:1.25em; font-weight:bold; }
.formTable tr td { display:block; width:100%; font-size:2.2vw; border:none; padding:1em 1em 1em 8em; }
.formTable tr th .formCaption { position:static; margin:0 0 0 1em; font-size:2.7vw; }
.formTable tr td .formCaption { display:block; margin:10px 0 0 0; font-size:2.7vw; }
.confirmTable tr th { width:10em; font-size:2.7vw; font-weight:bold; }
.confirmTable tr td { font-size:2.7vw; }

.w2em,
.w9em,
.wLine { font-size:2.7vw; }

button,
input[type=button] { font-size:3.5vw; }
button[disabled] { font-size:3.5vw; }

.noteBox { font-size:2.5vw; }

.formBtnBox .noWrap li { font-size:3.5vw; flex-basis:calc(50% - 2em); }
.formBtnBox .noWrap li button,
.formBtnBox .noWrap li input[type=button] { width:100%; }
}
@media screen and (max-width:480px) {
	
}