/* 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 --- */   /* order_form */ footer #wrap_footer_area_navs { border-top:none; } .wrap_main_contents_inner h1 { padding-left: 0; color: var(--color-primary-text); } .wrap_main_contents_inner h2 { padding-left: 1.1em; } .wrap_main_contents_inner h3 { padding-bottom: 0; margin-bottom: 1.66rem; color: var(--color-primary-headline-text); border-bottom: 0.1rem solid var(--color-kk-light-blue); font-size: clamp(1rem, 1rem + 0.5vw, 1.25rem); } .wrap_main_contents_inner h4 { padding-bottom: 0; margin-bottom: 1.66rem; color: var(--color-primary-headline-text); border-bottom: none; } .wrap_main_contents_inner a { text-decoration: underline; color: var(--color-primary-text); } #wrap_submit_buttons > span { display:block; text-align:center; } .wp-block-list strong { /* background-color: var(--color-premium-gradient-end);*/ color: #305266; background-color: #e5fffd; } .wp-block-list li::marker { color: var(--color-primary-text); } table td p { word-break: break-all; } table td pre { white-space: pre-wrap; } .title_silver { background-color: var(--color-silver-gradient-start); background: linear-gradient(180deg ,var(--color-silver-text) 0% ,var(--color-silver-gradient-start) 100% ); color:white; text-shadow: 0 1px 0 var(--color-silver-text), 1px 0 0 var(--color-silver-text), 0 -1px 0 var(--color-silver-text), -1px 0 0 var(--color-silver-text), 0 0 1px var(--color-silver-text) ; } .title_premium { background-color: var(--color-premium-before-gradient-start); background: linear-gradient(180deg ,var(--color-premium-text) 0% ,var(--color-premium-before-gradient-start) 100% ); color:white; text-shadow: 0 1px 0 var(--color-premium-text), 1px 0 0 var(--color-premium-text), 0 -1px 0 var(--color-premium-text), -1px 0 0 var(--color-premium-text), 0 0 1px var(--color-premium-text) ; } .price_silver { font-weight: bold; color:var(--color-silver-text); } .price_premium { font-weight: bold; color:var(--color-premium-text); } @media screen and (max-width:767.99px) { th, td { display: block; } th br { display: none; } } .submit_buttons button, .submit_buttons input[type=submit], .submit_buttons input[type=button] { vertical-align: top; } #back_input_form { margin-right: 1rem; }