ブログ
blog
mamalife
2023.10.18 Wed
/*Contact Form 7カスタマイズ(スマホ対応)*/ @media(max-width:500px){ .toiawase th,.toiawase td { display:block!important; width:100%!important; border-top:none!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important; } .toiawase tr:first-child th{ border-top:1px solid #d7d7d7!important; } /* 必須・任意のサイズ調整 */ .toiawase .hissu,.toiawase .nini { font-size:10px; }} /*見出し欄*/ .toiawase th{ text-align:left; font-size:14px; color:#444; width:30%; background:#fff; border:solid 1px #000000; } /*入力欄*/ .toiawase td{ font-size:13px; border:solid 1px #000000; background-color:#fff; } /*テーブル全体*/ .entry-content .toiawase tr,.entry-content table{ border:solid 1px #d7d7d7; } /*必須の表示*/ .hissu{ font-size:7px; padding:5px; color:red; border-radius:2px; margin-right:5px; position:relative; bottom:1px; } /*任意の表示*/ .nini{ font-size:7px; padding:5px; background:#000000; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; } /*ラジオボタンを縦並び指定*/ .tatelist .wpcf7-list-item{ display:block; } /*送信ボタンのデザイン変更*/ #formbtn{ display: block; padding:15px; width:200px; background:#9b005d; color:#fff; font-size:18px; border-radius:2px; margin:25px auto 0; } /*送信ボタンマウスホバー時*/ #formbtn:hover{ background:#fff; color:#9b005d; border:2px solid #9b005d; }