MENU

ママLife

ブログ

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;
}

お問い合わせ

お問い合わせ