/* reserve form pages */ footer #wrap_footer_area_navs { border-top:none; } /* --- form page --- */ /* UI基本設定 */ button, select, label, input[type=submit], input[type=date], input[type=time], input[type=datetime-local] { min-width:36px; min-height:36px; } input[type=radio] { margin:0; } #main h1 { padding-left: 0; } button.btn[disabled], input[type=button]:disabled, input[type=submit]:disabled { border-width: 0; opacity: 0.5; cursor:unset !important; } select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background-image: url(/customdir/img/icon/down.svg); background-size: 0.75rem; background-repeat: no-repeat; background-position: calc(100% - 1em) center; } table td p { word-break: break-all; } table td pre { white-space: pre-wrap; } /* 入力不備メッセージ */ small[id^=alert] { color: var(--color-accent-text); } @media screen and (max-width:767.99px) { th, td { display: block; } th br { display: none; } } #form_contents.scratch tr.required th:after, #form_contents tr.required th p:after { content:'※'; color:var(--color-accent-text); display: inline-block; font-size: 0.774rem; margin-right: 0.25em; } .attention:before { content: '※'; color:var(--color-accent-text); } ul.list-attention { list-style: none; padding-left: 0.0625rem; } ul.list-attention li:before { content: '※'; } label.btn { margin-right: 0.5rem; margin-bottom: 0.5rem; } label input[type=radio], label input[type=checkbox] { display: inline-block; margin-right: 0.5em; vertical-align: middle; } input[type=date] { display: inline-block; width: 10em; } input[type=time] { display: inline-block; width: 7em; } input[type=date], input[type=time] { height: 36px; padding-top: 0; padding-bottom: 0; line-height: 36px; border: 1px solid #ccc; border-radius: 0.25rem; box-sizing: border-box; color:var(--color-mono-middle); background-color: transparent; text-align: center; font-size: 1rem; } input[name=zipcode] { width: 7em; } input[name=tel] { width: 12em; } input:invalid { box-shadow: 0 0 0.25rem var(--color-accent); } input:valid { box-shadow: none; } blockquote { font-size: 1rem; margin: 0; } @media screen and (max-width:767.99px) { blockquote { border-left: none; } } table tr td textarea.form-control { min-height: 7.5em; } #alert_message { display: block; } #wrap_alert_messages { list-style: none; list-style-position: inside; color:var(--color-accent-text); max-width: 30em; margin-left: auto; margin-right: auto; } #privacy_policy { width: 100%; max-width: 30rem; height: 12rem; overflow-y: auto; padding:1rem; margin: 1rem auto 0; border:1px solid var(--color-mono-blight); font-size:0.75rem; } #privacy_policy h1 { font-size: 1.13rem; padding-top: 0; margin-bottom: 0; } #privacy_policy h2 { font-size: 1rem; padding: 0.25rem 0.5rem; margin-top: 1rem; } #wrap_agree_checkbox { width: 100%; text-align: center; } #wrap_agree_checkbox > span { display: inline-block; } #wrap_agree_checkbox label { display:inline-block; cursor: pointer; padding: 0.25rem 0.5rem; border: 1px solid var(--color-accent); border-radius: 0.375rem; } /* --- confirm page --- */ #wrap_submit_buttons { margin-bottom: 0; position: relative; } #wrap_submit_buttons.sending:before { content:""; display: block; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height:100%; background-color: #ffffff99; } #wrap_privacy a { color: var(--color-primary-text); text-decoration: solid underline; } #wrap_submit_buttons button:first-of-type, #wrap_submit_buttons input:first-of-type { margin-right: 1rem; } @media screen and (max-width:767.99px) { #wrap_submit_buttons button:first-of-type, #wrap_submit_buttons input:first-of-type { margin-right: 0; } } #wrap_submit_buttons button.btn.mono, #wrap_submit_buttons input.wpcf7-previous { background-color: var(--color-mono-middle); } /* --- thanks page --- */