@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/* お問い合わせ */
.cf7__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
} 
.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
    margin-top: 30px;
}
  .cf7__list dt {
    width: 35%;
    padding-top: 15px;
    font-size: 23px;
    font-family: 'Noto Serif JP', sans-serif;
    
    border-top-width: 1px;
	border-style: solid;
	border-color: #777777;
} 
.cf7__list dd {
    width: 65%;   
}
    /* 必須・任意 */
.cf7__required,
.cf7__optional {
    margin-left: 15px;
    padding: 6px 14px;
    color: #fff;
    font-size: 12px;
    vertical-align: 1px;
}  
.cf7__required {
    background: #BE1D1D;
}
    /* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
    width: 100%;
    padding: 15px 20px;
    background: #F4F4F4;
    border-radius: 0px;
}
.cf7__select:before {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 10;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    pointer-events: none;
    content: '';
}
.cf7__select select {
    width: 100%;
    padding: 19px 20px;
    background: #F4F4F4;
    color: #a5a5a5;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
} 
    /* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
    display: block;
    padding: 15px 0 10px;
} 
    /* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
    display: block;
    margin: 0;
}
.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
    margin-top: 18px;
}  
    /* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
    cursor: pointer;
}  
    /* ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    border: 1px solid #bcbcbc;
    vertical-align: -3px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
    /* ラジオボタン */
  input[type="radio"] {
    border-radius: 50%;
}  
input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #000;
    content: '';
}  
    /* プレースホルダー */
    /* Google Chrome / Safari / Mozilla Firefox / Opera */
  .cf7__list dd input[type="text"]::placeholder,
  .cf7__list dd input[type="tel"]::placeholder,
  .cf7__list dd input[type="email"]::placeholder,
  .cf7__list dd textarea::placeholder {
    color: #a5a5a5;
} 
    /* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
    color: #a5a5a5;
}  
    /* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
    color: #a5a5a5;
}
  
    /* 送信ボタン */
.cf7__button {
    padding-left: 72px;
    text-align: center;
}
input[type="submit"] {
    width: 260px;
    height: 60px;
    border-radius: 0px !important;
	font-weight: bold !important;
	border: 2px solid #373737 !important;
    background-color:#373737 !important;
    color: #ffffff !important;
    transition: opacity .6s;
}
input[type="submit"]:hover {
    opacity: .6;
    color: #000000 !important;
	background-color:#777777 !important;
}
    /* ajax-loader */
.wpcf7-spinner {
    vertical-align: middle;
} 
@media screen and (max-width: 767px) {
    .cf7__list dt {
      width: 100%;
      margin-bottom: 15px;
      padding-top: 0;
    }
  
    .cf7__list dd {
      width: 100%;
    }
  
    .cf7__list dd:nth-of-type(n + 2) {
      margin-top: 0;
    }
  
    .cf7__list dd .wpcf7-checkbox,
    .cf7__list dd .wpcf7-radio {
      padding: 15px 0 0;
    }
  
    /* 送信ボタン */
    input[type="submit"] {
      width: 180px;
      height: 56px;
    }
}
    /* メッセージ装飾 */
    .wpcf7 form.sent .wpcf7-response-output {
        background-color: #B6B6B6;
        color:#000000;
        font-weight:bold;
        font-size:120%;
        padding:10px;
        text-align:center;
        border-color: #B6B6B6;
    }

    .wpcf7 form.invalid .wpcf7-response-output {
        background-color: #B6B6B6;
        color:#000000;
        font-weight:bold;
        font-size:120%;
        padding:10px;
        text-align:center;
        border-color: #B6B6B6;
        }