.cocco-form { width:100%; max-width:640px; margin:0 auto; padding:0 16px; } .cocco-form label{ margin-top: 1rem; display:block; font-weight:bold; } .cocco-form .contact-form-required { color: #ff0000; } .cocco-form .contact-form-note { color: #ccc; } .cocco-form .contact-form-select { width: 100%; max-width: 358px; position: relative; height: 38px; } .cocco-form .contact-form-select select.wpcf7-form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; } .cocco-form a.contact-form-note { color: #ccc; text-decoration: underline; } .cocco-form .contact-form-select-box { display: flex; align-items: center; position: relative; width: 100%; height: 100%; padding: 0 1rem; font-size: 0.875rem; border-radius: 0.5rem; border: 1px solid #ccc; background: #fff; z-index: 2; } .cocco-form .contact-form-select-box::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2014.6538L7.59619%2010.25H16.4038L12%2014.6538Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E"); top: 8px; right: 8px; } .cocco-form .contact-form-select-list { display: none; position: absolute; left: 0; top: 40px; width: 100%; background: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); z-index: 10; } .cocco-form .contact-form-select-item { width: 100%; padding: 0.75em; } .cocco-form .contact-form-select-item:hover { background: var(--accent-color-info-light); } .cocco-form .wpcf7-text { border: 1px solid #ccc; background-color: #fff; color: #000 !important; border-radius: 0.5rem; padding: 0.625rem 1rem; max-width: 358px; width: 100%; position: relative; } .cocco-form .wpcf7-text::-moz-placeholder { color: #ddd; } .cocco-form .wpcf7-text::placeholder { color: #ddd; } .cocco-form .wpcf7-text:-moz-placeholder-shown { border: 1px solid #ccc; background-color: #fff; } .cocco-form .wpcf7-textarea { border: 1px solid #ccc; position: relative; background-color: #fff; color: #000 !important; border-radius: 0.5rem; padding: 0.625rem 1rem; } .cocco-form .wpcf7-textarea::-moz-placeholder { color: #ddd; } .cocco-form .wpcf7-textarea::placeholder { color: #ddd; } .cocco-form .wpcf7-textarea:not(:-moz-placeholder-shown)::after { background-image: none; width: 0; height: 0; } .cocco-form .wpcf7-textarea:not(:placeholder-shown)::after { background-image: none; width: 0; height: 0; } .cocco-form .wpcf7-form-control-wrap { display: block; } .cocco-form .wpcf7-form-control.wpcf7-checkbox { display: flex; flex-direction: column; gap: 0.5rem; } .cocco-form span.wpcf7-list-item { position: relative; margin-left: 0; /*項目ごとの余白を調整*/ } .cocco-form input[type="checkbox"] { position: absolute; opacity: 0; width: 100%; height: 100%; z-index: 1; /*既存のチェックボックスを見えなくする*/ } .cocco-form .wpcf7-list-item-label { display: flex; } .cocco-form input[type="submit"].wpcf7-submit { background-color: #fccf2e !important; color: #fff !important; border: none; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; padding: 5px 20px; width: 100%; height: 48px; max-width: 358px; margin-top: 40px; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: bold; border-radius: 0.5rem !important; transition: background-color 0.15s ease-in-out; cursor: pointer; } .cocco-form input[type="submit"].wpcf7-submit:hover { background-color: #d1a712; } .cocco-form input[type="submit"].wpcf7-submit:active { background-color: #d1a712; } .cocco-form .wpcf7-list-item.first { margin: 0; } .cocco-form span.wpcf7-not-valid-tip { display: block; border: none; color: var(--accent-color-error-error); font-size: 0.75rem; position: static; top: auto; left: auto; } /*# sourceMappingURL=mamastar.css.map */
  • トップページ
  • >
  • 私のコッコリーノ応募フォーム - 自由な祈りをデザインする株式会社現代仏壇

私のコッコリーノ応募フォーム