/**
 * @file
 * Styles for chibanippo_inquiry forms.
 */
.chibanippo-guest-inquiry-form {max-width:700px;margin:0 auto;}

.inquiry__box{
    border: 1px solid #dcdcdc;
    width:45.9%;
    margin:0 .5em 10px;
    padding:10px;
    float:left;
}

.inquiry__box h3{
    background: url("/sites/all/themes/company/img/mark_red.png") no-repeat .2em transparent;
    margin: .4em 0;
    padding-left: 1.6em;
}
.inquiry__box__menu .inquiry__box h4, .inquiry__box h4{
    border-left: 4px solid #ed0000;
    padding-left: 12px;
    font-weight: bold;
    line-height: 1.3 !important;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 108%;
}

.inquiry__box__menu .inquiry__box p, .inquiry__box p{
    margin:0 0 .2em;
}

.inquiry__box__menu, .inquiry__box1{
    border: none;
    margin: 1rem 0;
    padding: 0;
}

.inquiry__box1 h3{
    background: url("/sites/all/themes/company/img/mark_red.png") #f1f1f1 no-repeat .6em .4em;
    margin: 0 0 .5em;
    padding: .4em .4em .4em 2em;
}
.inquiry__box__menu ul h4, .inquiry__box1 h4{
    border-left: 4px solid #ed0000;
    padding-left: 12px;
    font-weight: bold;
    line-height: 1.3 !important;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 108%;
}
.inquiry__box__menu ul p, .inquiry__box1 p{margin:0 0 .2em;}

.inquiry__box__menu ul p i.fa.fa-arrow-right, .inquiry__box1 p i.fa.fa-arrow-right, i.fa.fa-arrow-right, i.fa.fa-envelope{
    color:#F00;
    padding:0 .5em;
}
p.inquiry__link{margin-top: 10px;}
.inquiry__box__menu ul p.inquiry__link{margin-bottom: 10px;}

.inquiry-form__etc {
    margin-bottom:10px;
    padding: 0;
}
.inquiry-form__etc .btn {
    border-radius: 4px;
    margin:0 0 20px;
    padding: 0;
    height: auto;
    width:100%;
    background-color: #dcdcdc;
    white-space:normal;
}
.inquiry-form__etc .btn a {
    padding: 10px 20px;
    color: #000;
    cursor: pointer;
    display: block;
}
.inquiry-form__etc .btn a:hover {
    background-color: #f4f4f4;
}
/*faq*/
.inquiry__box__menu{clear:both;}
.inquiry__box__menu label {
    background-color:#f1f1f1;
    padding: .4em;
    display: block;
    margin: 0 0 .5em;
}
.inquiry__box__menu label i{
    color: #ed0000;
    float:right;
}

.inquiry__box__menu label span{
    color:#FFF;
    margin:0 .4em 0 0;
    padding:2px 6px;
    background-color:#ed0000;
}
input[type="checkbox"].on-off{
    display: none;
}

.inquiry__box__menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.inquiry__box__menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
}

table.inquiry__company, table.inquiry__photo, table.inquiry__photo__price, table.shop, table#Sponsoring{
    border-collapse: collapse;
    width: 100%;
    clear: both;
    margin: 10px 0 10px;
    list-style: none;
}
table.inquiry__company tr th, table.inquiry__photo tr th, table.inquiry__photo__price tr th, table.shop tr th, table#Sponsoring tr th{
    padding: .5em 1em .5em .5em;
    white-space: nowrap;
}
table.inquiry__company tr td, table.inquiry__photo tr td, table.inquiry__photo__price tr td, table.shop tr td, table#Sponsoring tr td{
    text-align: left;
}
table.inquiry__company th, table.inquiry__company td, table.inquiry__photo th, table.inquiry__photo td, table.inquiry__photo__price th, table.inquiry__photo__price td, table.shop th, table.shop td, table#Sponsoring tr th, table#Sponsoring tr td{
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: .5em;
}
table.KPrice{
    border-collapse: collapse;
    width: 100%;
    clear: both;
    list-style: none;
}

table.KPrice th, table.KPrice td{
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: .5em;
    text-align:center;
}
table.KPrice th{
    background-color:#f1f1f1;
}

.infobox ul, .infobox2 ul{
    margin:1em 0;
    padding:0;
}
.cp_info_inquiry ul{
    margin:0;
}
.infobox ul li, .infobox2 ul li, .shop__area_box ul li{
    list-style:none;
    padding:.2em 1em;
}

.infobox p, .infobox2 p, .infobox3 p{
    margin:0 0 .5em;
    padding:0 1em;
}
.infobox h3{
    /*border-bottom: 1px solid #ccc;*/
    margin: 0;
    padding:10px;
    background: #fff;
}
.infobox h4, .infobox2 h4, .infobox3 h4{
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding:10px 20px;
    font-size: 1.2rem;
    font-weight: bold;
    background: #f7f7f7;
    box-shadow: 0 0 2px #DCDCDC;
}

/*.infobox h3, .infobox2 h3, .infobox3 h3{
	margin:.6em 0;
	padding:0px 20px;
}*/
.infobox2 h4{margin:10px 0;}
.infobox3 h4{clear:both;margin:0 0 10px;}

@media all and (max-width:499px) {
    .login_copylight{
        text-align:center;
        font-size: 10px;
        margin-bottom:10px;
    }

    table.mypage th{
        width:auto;
        display:block;
    }
    table.mypage td{
        border-right: none;
        padding:5px 10px;
        display:block;
    }
    table.mypage td.mypage-enter{
        text-align:center;
        display:block;
    }
    table.mypage td.mypage-none{display:none;}

    /*#mypage_foot a{font-size: 0.8em;}*/
}

/*
 * Use 3 grid columns for smaller screens.
 */

@media all and (min-width: 700px) and (max-width: 969px) {
}

/*
 * Use 5 grid columns for larger screens.
 */
@media all and (min-width: 500px) {
    #edit-mla-wrapper.form-item input#edit-mla.form-text, #edit-ups-wrapper.form-item label input#edit-ups.form-text, #edit-ups-cfm-wrapper.form-item label input#edit-ups_cfm.form-text, #edit-profile-sikutyocode-wrapper.form-item input#edit-cty.form-text, #edit-profile-address1-wrapper.form-item input#edit-ad1.form-text, #edit-profile-address2-wrapper.form-item input#edit-ad2.form-text, #edit-profile-itr-wrapper.form-item input#edit-itr.form-text, #edit-profile-cardseqc-wrapper.form-item input#edit-scd.form-text, form#chibatopi-login-form .form-item input, form#chibatopi-passforgottenreq-form .form-item input, form#chibatopi-mailchangereq-form .form-item input, form#chibatopi-inquiry-form .form-item input, form#chibatopi-viewbilllists-form .form-item input, form#chibatopi-withdrawcanc-form .form-item input, form#chibatopi-withdrawrsv-form .form-item input, form#chibatopi-login-form .form-item input,form#chibatopi-passchange-form input#edit-ups-old.form-text,form#chibatopi-passchange-form input#edit-ups-new.form-text,form#chibatopi-passchange-form input#edit-ups-new-confirm.form-text, .form-item.form-type-textfield input.form-text{
        margin-right:50%;
        width:50%;
        /*min-width:100px;
        max-width:500px;*/
    }
    input#edit-ctg-10010.form-radio,input#edit-ctg-10020.form-radio,input#edit-ctg-10030.form-radio{margin: 0 !important;width: 20px !important;}

    /* short from */
    #edit-profile-name-wrapper.form-item label input#edit-firstname.form-text, #edit-profile-name-wrapper.form-item label input#edit-lastname.form-text, #edit-profile-name-kana-wrapper.form-item label input#edit-firstname_kana.form-text, #edit-profile-name-kana-wrapper.form-item label input#edit-lastname_kana.form-text{
        width:50%;

    }

    /*form#chibatopi-editudata-mform .form-item input 細分化*/

    #edit-profile-cardno-wrapper.form-item input#edit-cno1.form-text, #edit-profile-cardno-wrapper.form-item input#edit-cno2.form-text, #edit-profile-cardno-wrapper.form-item input#edit-cno3.form-text, #edit-profile-cardno-wrapper.form-item input#edit-cno4.form-text,  #edit-profile-tel-wrapper.form-item input#edit-tel1.form-text, #edit-profile-tel-wrapper.form-item input#edit-tel2.form-text, #edit-profile-tel-wrapper.form-item input#edit-tel3.form-text, form#chibatopi-regu2-mform #edit-profile-zipcode-wrapper.form-item input, form#chibatopi-regu2-mform #edit-profile-zipcode-wrapper.form-item input, form#chibatopi-editudata-mform #edit-profile-btd-wrapper.form-item #edit-profile-zipcode-wrapper.form-item input , form#chibatopi-ccardchange-form .form-item input{
        width:10%;
        margin:0;
    }
    /*.row{width: 60%;}*/
    .cell-1{width:inline-block;padding:10px 0;width:49%;}
    .cell-2{width:inline-block;padding:10px 0;width:49%;}
    table.mypage{
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    table.mypage td{border-left: 1px solid #ddd;}
}