/*
Theme Name: RMT-KING
Theme URI: http://www.rmt-king.com/
Description: This is the orginal theme of RMT-KING
Author: Ablility Marketing
*/

/*Contact Form 7カスタマイズ*/

/*項目の下線*/
.inquiry th, .inquiry td {
 border: none;
 background: #fff;
 border-bottom: 3px dotted silver;
}

/*必須・任意のラベルの形状*/
.formlabel  {
 padding:5px;
 font-size: 0.8em;
 border-radius:5px;
 margin-right:10px;
 position:relative;
}

/*必須のカラー*/
.must {
 background: #FF82B2;
 color:#fff;
}

/*任意のカラー*/
.may {
 background: #75A9FF;
 color:#fff;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:20%;
 background:#ffaa56;
 color:#fff;
 font-size: 1.2em;
 font-weight:bold;	 
 border-radius:5px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー*/
#formbtn:hover{
 background:#ff8f57;
 color:#fff;
}

/*ラジオボタンのデザイン変更*/
.inquiry .wpcf7-radio input[type=radio]{
 display: none;
 vertical-align: middle;
}
.inquiry .wpcf7-radio > .wpcf7-list-item {
  margin-left: 0;
}
.inquiry .wpcf7-radio input[type=radio] + span{
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
	vertical-align: middle;
}
.inquiry .wpcf7-radio input[type=radio] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid gray;
  border-radius: 50%;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span{
  color: #d01137;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 11px;
  height: 11px;
  background: #d01137;
  border-radius: 50%;
}