@charset "euc-jp";

/* inquiries

お問い合わせフォームページのみで使用するスタイル

------------------------------------------------ */

.inquiries .inquiries_form .inquiries_list {
    border-bottom: #e0e0e0 1px solid;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
.inquiries .inquiries_form .inquiries_list ul.inquiries_nav {
    overflow: hidden;
    margin: 25px 0 0;
}
.inquiries .inquiries_form .inquiries_list ul.inquiries_nav li {
    width: 135px;
    height: 55px;
    box-sizing: border-box;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.inquiries .inquiries_form .inquiries_list ul.inquiries_nav li a {
    width: 135px;
    height: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 0 10px;
    border: #5a9fdf 2px solid;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #5a9fdf;
}
.inquiries .inquiries_form .inquiries_list ul.inquiries_nav li a:hover {
    border: #5a9fdf 2px solid;
    background: #5a9fdf;
    box-shadow: 1px 1px 2px #a8a8a8;
    font-weight: bold;
    color: #fff;
}
.inquiries .inquiries_form .inquiries_list ul.inquiries_nav li.select a {
    border: #5a9fdf 1px solid;
    background: #5a9fdf;
    background: -moz-linear-gradient(top, #f4fbff 0%, #8dbeec 3%, #5a9fdf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4fbff), color-stop(3%,#8dbeec), color-stop(100%,#5a9fdf));
    background: -webkit-linear-gradient(top, #f4fbff 0%, #8dbeec 3%, #5a9fdf 100%);
    background: linear-gradient(to bottom, #f4fbff 0%, #5a9fdf 2%, #5a9fdf 100%);
    box-shadow: 1px 1px 2px #a8a8a8;
    font-weight: bold;
    color: #fff;
}


/* フォームパーツリスト
------------------------------------------------ */

/* お問い合わせ内容 */
.inquiries_form .detail_select{
    padding-bottom: 25px;
    border-bottom: #e0e0e0 1px solid;
}
.inquiries .inquiries_form .inquiries_detail .lead {
    margin-bottom: 20px;
    line-height: 1.7em;
}
.inquiries_form .detail_list {
    overflow: hidden;
}
.inquiries_form .detail_list li {
    width: 400px;
    float: left;
    margin-bottom: 3px;
    font-size: 13px;
}

/* 注釈 */
.inquiries .inquiries_form .detail_select .notice_list {
    padding: 10px;
    background: #fef8e3;
    border: 3px solid #f03955;
}
.inquiries .inquiries_form .detail_select .notice_list .hl {
    padding-left: 0;
    margin-bottom: 5px;
    text-indent: initial;
    font-weight: bold;
    color: #f03955;
    font-size: 14px;
}
.inquiries .inquiries_form .detail_select .notice_list .hl span{
    width: 22px;
    height: 22px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 2px 0 0;
    border-radius: 50%;
    background: #f03955;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}

.inquiries .inquiries_form .detail_select .notice_list .bold { font-weight: bold;}
.inquiries .inquiries_form .detail_select .notice_list { margin-top: 20px;}
.inquiries .inquiries_form .detail_select .notice_list li:nth-child(1) { margin-bottom: 8px;}
.inquiries .inquiries_form .detail_select .notice_list li:nth-child(n+2) { margin-left: 0.7em;}

.inquiries .inquiries_form .detail_select .notice_list li a {
    padding-left: 10px;
    position: relative;
    color: #2882d6;
}
.inquiries .inquiries_form .detail_select .notice_list li a::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #2882d6;
    border-right: 1px solid #2882d6;
    transform: rotate(45deg);
}
.inquiries .inquiries_form .detail_select .notice_list li a:hover {
    color: #f5a202;
}

/* お問い合わせ内容 カラム */
.inquiries_form .detail dl {
    width: 870px;
}
.inquiries_form .detail dt {
    width : 265px;
    float : left;
    clear : both;
    overflow: hidden;
    position: absolute;
    box-sizing: border-box;
    padding: 40px 0 6px 30px;
    line-height: 1.4em;
    letter-spacing: 0;
    font-weight : bold;
    font-size: 15px;
    color: #333;
}

.inquiries_form .detail dt p {
    padding-left:1em;
    text-indent:-1em;
    font-weight : normal;
    font-size: 12px;
    color: #848484;
}

.inquiries_form .detail dd {
    overflow: hidden;
    box-sizing: border-box;
    padding: 35px 0 35px 295px;
    border-bottom: #e0e0e0 1px solid;
}
.inquiries_form .detail dd:last-child {	border-bottom: none;}

/* お問い合わせ内容 カラム お買い物保証　案件のご利用日 */
.inquiries_form .detail dd.adDate_safety:last-child { border-bottom: #e0e0e0 1px solid;}

/* お問い合わせ内容切り替え 非表示 */
.invisible{ display: none;}


/* 必須アイコン */
.inquiries_form .inquiries_detail h3 span {
    width: 26px;
    margin-left: 25px;
    padding: 3px 8px 2px 8px;
    border-radius :5px;
    background-color: #f23d52;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    color: #fff;
}
.inquiries_form .detail dt span {
    width: 26px;
    position: absolute;
    top: 37px;
    right: 0;
    padding: 3px 8px 2px 8px;
    border-radius :5px;
    background-color: #f23d52;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
}

/* エラー */
.inquiries_form .inner .p_error {
    width: 650px;
    clear: both;
    display:inline-block;
    box-sizing: border-box;
    margin: 0px 0px 18px 0px;
    background: #f23d52 url(../../../img/15/icon/ico_error.png)8px 3px no-repeat;
    border-radius:2px;
    padding:3px 0 0 30px;
    font-size:12px;
    color: #fff;
}
.inquiries_form h3 .p_error {
    width: 420px;
    clear: both;
    display:inline-block;
    box-sizing: border-box;
    margin: 0 0 0 20px;
    background: #f23d52 url(../../../img/15/icon/ico_error.png)8px 3px no-repeat;
    border-radius:2px;
    padding:3px 0 0 30px;
    font-size:12px;
    color: #fff;
}
.inquiries_form .detail .p_error {
    width: 420px;
    clear: both;
    display: block;
    box-sizing: border-box;
    margin: 10px 0 0;
    background: #f23d52 url(../../../img/15/icon/ico_error.png)8px 3px no-repeat;
    border-radius:2px;
    padding:3px 0 0 30px;
    font-size:12px;
    color: #fff;
}

/* お買い物保証対象がありません 表示 */
.inquiries_form .detail .judge {
    padding: 40px 0 30px;
    text-align: center;
    font-size: 14px;
    color: #f23d52;
}

/* input */
.inquiries_form .detail input[type=text],
.inquiries_form .detail input[type=email],
.inquiries_form .detail input[type=number] {
    width:420px;
    box-sizing: border-box;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 3px 10px;
    font-size:14px;
}
.inquiries_form .detail input[type=text].num,
.inquiries_form .detail input[type=number].num {
    width: 150px;
}
.inquiries_form .detail input[type=text].calendar {
    width: 150px;
    float: left;
    margin: 0 8px 10px 0;
    cursor: pointer;
}
.inquiries_form .detail img.ui-datepicker-trigger { cursor: pointer;}

/* input 個別表示 案件について */
.inquiries_form .detail .points input[type=text] {
    width: 150px;
}

/* select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*Firefox用*/
    text-indent: .01px;
    text-overflow: “”;
}
select::-ms-expand {/*IE対応*/
    display: none;
}
.inquiries_form .detail select {
    width: 250px;
    box-sizing: border-box;
    border: 1px solid #B9C9CE;
    border-radius: 5px;
    background: url(../../../img/15/inquiries/ico_arrow.png) no-repeat center right;
    padding: 3px 28px 3px 5px;
    cursor: pointer;
    font-size:15px;
}

/* select 個別表示 生年月日 */
.inquiries_form .detail select.year {width:190px;}
.inquiries_form .detail select.month {
    width:60px;
    margin-left:10px;
}
.inquiries_form .detail select.day {
    width:60px;
    margin-left:10px;
}

/* select 個別表示 お買い物保証 */
.inquiries_form .detail .adName_safety select {
    width: 420px;
}

/* radio checkbox */
.inquiries_form .inquiries_detail input[type=radio],
.inquiries_form .inquiries_detail input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.inquiries_form .inquiries_detail dd ul { overflow: hidden;}
.inquiries_form .inquiries_detail dd ul.radio li {
    float: left;
    margin-right: 60px;
}
.inquiries_form .inquiries_detail dd ul.check li {
    margin-bottom: 5px;
}
.inquiries_form .inquiries_detail input[type=radio] + label {
    position: relative;
    display: inline-block;
    line-height: 30px;
    cursor: pointer;
    letter-spacing: 0;
    font-size: 13px;
}
.inquiries_form .inquiries_detail input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    line-height: 20px;
    cursor: pointer;
    font-size: 13px;
}


@media (min-width: 1px) {
    .inquiries_form .inquiries_detail input[type=radio],
    .inquiries_form .inquiries_detail input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .inquiries_form .inquiries_detail input[type=radio] + label { padding: 2px 0 0 24px;}
    .inquiries_form .inquiries_detail input[type=checkbox] + label { padding: 6px 10px 0 24px;}
    .inquiries_form .inquiries_detail input[type=radio] + label::before,
    .inquiries_form .inquiries_detail input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: 7px;
        background: #FFF;
    }
    .inquiries_form .inquiries_detail input[type=radio] + label::before {
        border: 1px solid #B9C9CE;
        border-radius: 30px;
    }
    .inquiries_form .inquiries_detail input[type=radio]:checked + label::after {
        content: "";
        position: absolute;
        top: 0;
        box-sizing: border-box;
        display: block;
    }
    .inquiries_form .inquiries_detail input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: 12px;
        background: #2879c4;
        border-radius: 8px;
    }

    .inquiries_form .inquiries_detail input[type=checkbox] + label::before {
        border: 1px solid #B9C9CE;
        border-radius: 2px;
    }
    .inquiries_form .inquiries_detail input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 0;
        box-sizing: border-box;
        display: block;
    }
    .inquiries_form .inquiries_detail input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: 8px;
        border-left: #2879c4 3px solid;
        border-bottom: #2879c4 3px solid;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

/* textarea */
.inquiries_form .detail textarea {
    width: 565px;
    height: 150px;
    box-sizing: border-box;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 5px 8px;
    font-size:14px;
}
.inquiries_form .detail textarea#mail_txt {
    font-size: 12px;
}

/* 入力画面 送信ボタン */
.inquiries_form .btn_entry button[type="submit"] {
    width: 400px;
    margin: 30px auto 15px;
    padding: 0;
    cursor: pointer;
}

/* フォーム内注釈 */
.inquiries_form .detail .notice_list {
    margin-top: 10px;
}

/* 特典申請 */
.inquiries_form .bnr_select ul {
    overflow: hidden;
}
.inquiries_form .bnr_select ul li {
    float: left;
}
.inquiries_form .bnr_select ul li:nth-child(odd) {
    margin-right: 15px;
}


/* 個人情報取扱いについて
------------------------------------------------ */
.inquiries .inquiries_form .terms {
    width: 920px;
    margin: 0 auto 15px ;
    border: 1px solid #e0e0e0;
    background: #fff;
}
.inquiries .inquiries_form .terms h3 {
    box-sizing: border-box;
    padding: 12px 0 12px 15px;
    background: #e7e7e7;
    border: none;
    border-bottom: 2px solid #c4c4c4;
    font-size: 15px;
    color: #333;
}
.inquiries .inquiries_form .terms .terms_box {
    padding:0 15px;
    height:130px;
    overflow:auto;
    font-size:13px;
    line-height:1.6;
    color:#474747;
}
.inquiries .inquiries_form .terms .terms_box pre {
    white-space: pre-wrap;
}
.inquiries .inquiries_form .agree_box {
    padding: 15px 0;
    text-align: center;
    background: #fff;
}
.inquiries .inquiries_form .agree_box span {
    width: 26px;
    padding: 3px 8px 2px 8px;
    border-radius: 5px;
    background-color: #f23d52;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
}
/* 確認画面
------------------------------------------------ */
.confirm .detail dd {
    line-height: 1.9em;
}
.confirm .detail dd pre {
    line-height: 1.2em;
    font-size: 12px;
}

/* 確認画面 修正・送信ボタン */
.confirm .btn_submit {
    width: 380px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 40px auto 20px;
}
.confirm .btn_submit li {
    float: left;
    padding-bottom: 5px;
}
.confirm .btn_cure button[type="submit"] {
    width: 160px;
    height: 60px;
    box-sizing: border-box;
    display: block;
    margin: 0 25px 0 0;
    padding: 0;
    border: #b9b9b9 1px solid;
    border-radius: 6px;
    background: #d6d6d6;
    box-shadow: 1px 1px 2px #1e66a9;
    cursor: pointer;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 24px;
    color: #676767;
}
.confirm .btn_cure button[type="submit"]:hover {
    background: #eee;
}
.confirm .btn_entry button[type="submit"] {
    width: 160px;
    margin: 0 0 0 25px;
    padding: 0;
    box-shadow: 1px 1px 2px #1e66a9;
    cursor: pointer;
}

/*reCAPTCHA セキュリティ認証*/
.authentication {
    padding: 15px 40px;
    margin: 15px 0 -5px;
    background: #FFFAF3;
    /* border: 1px solid #ead6bb; */
}
.authentication p {
    text-align: center;
    font-weight: bold;
}
.authentication .g-recaptcha {
    width: 304px;
    margin: 10px auto;
}
.authentication .g-caution {
    width: 400px;
    margin: 0 auto;
    font-size: 11px;
}
.authentication .g-caution a {
    color: #2882d6;
}