/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */


/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*　フォーム全体　*/
#cf7-area {
  width:100%;
  margin: 0 auto;
  font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
  }
  
  .cf7-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 1.75em;
  }

 /* ラベル箇所の幅 */
  .cf7-q {
  width: 30%;
  margin: 0 0 0 10px;
  }
  
 /* インプット箇所の幅 */
  .cf7-a {
  width: 60%;
  }
  
  /*　見出し　*/
  .form-heading
  {
  width: 100%;
  background-color: #191970;
  border-left: 1em solid #6495ED;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  padding: 1em .8em;
  margin: 0 0 2em;
  }
  
  .form-heading p {
  margin: 0;
  }
  
  /* 各項目共通 */
  #cf7-area label{
  font-weight:bold;
  }
  
  #cf7-area input[type=”text”],#cf7-area input[type=”email”],#cf7-area input[type=”tel”],#cf7-area textarea {
  background: #F0F8FF;
  width:500px;
  margin-left:10px;
  }
  
  #cf7-area input[type=”text”]:focus,#cf7-area input[type=”email”]:focus,#cf7-area input[type=”tel”]:focus,#cf7-area textarea:focus {
  background: #FFE4E1;
  border: 2px solid #FF1493;
  outline: 0;
  }
  
  /* テキストエリアの高さ 拡大不可にしたかったら resize:none; を追加 */
  #cf7-area textarea{
  height:100px;
  padding: 0.625em 0.4375em;
  }
  
  .cf7-submit {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  }
  
  .cf7-btn{
  width: 40%;
  margin: 0 auto;
  text-align: center;
  }
  
  /*　必須ラベル　*/
  .cf7-req{
  font-size:.8em;
  padding: 4px 6px;
  background: #eb2a2a;
  color: #ffffff;
  margin-left: 10px;
  display:inline-block;
  }
  
/* contact form7全体の文字サイズを変更 */
.wpcf7-form {
  font-size: 1.1em;
}
/* contact form7チェックボックスの間隔を変更*/
input[type=radio], input[type=checkbox] {
width:auto!important;
}


/* スマホ表示の設定 最後 }} となるまで*/
  @media screen and (max-width:768px){
  .cf7-item {
  display: block;
  }
  
  #cf7-area label{
  margin-bottom: 10px;
  }
  
  .cf7-q {
  width: 100%;
  margin: 0;
  }
  
  .cf7-a {
  width: 100%;
  }
  
  #cf7-area input{
  margin-left: 0;
  }
    
  #cf7-area textarea{
  margin-left: 0;
  }
  
  
  .cf7-submit{
  width: 90%;
  }
  }