@charset "UTF-8";
/* CSS Document */

.q_all {
    max-width: 1000px;
    margin: 26px auto 120px;
}
label {
    font-weight: bold;
    padding: 30px 0 6px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
    width:100%;
}
input[type="checkbox"].on-off{
    display: none;
}
p  {
    color:#666;
}
.ac-container input{
    display: none;
}

@media screen and (max-width: 826px) {
    .q_all {
        margin: 26px auto 60px;
    }
    .ac-container{
        width: 100%;
        margin: 10px auto 30px auto;
    }
    .ac-container label{
        font-size: 13px;
        padding: 12px 6%;
        position: relative;
        z-index: 20;
        display: block;
        height: 58px;
        cursor: pointer;
        color: #000;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        line-height: 33px;
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
    }
    .ac-container label:hover:after,
    .ac-container input:checked + label:hover:after{
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        right: 13px;
        top: 7px;
        background: transparent url(../images/arrow_down.png) no-repeat center center;
    }
    .ac-container input:checked + label:hover:after{
        background-image: url(../images/arrow_up.png);
    }
    .ac-container input{
        display: none;
    }.ac-container article{
         background: rgba(255, 255, 255, 0.5);
         margin-top: -1px;
         overflow: hidden;
         height: 0;
         position: relative;
         z-index: 10;
         transition:
                 height 0.3s ease-in-out,
                 box-shadow 0.6s linear;
     }
    .ac-container input:checked ~ article{
        transition:
                height 0.5s ease-in-out,
                box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }
    .ac-container article p{
        padding: 30px 6%;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    }.ac-container input:checked ~ article.ac-small{
         height:auto;
     }
    .ac-container input:checked ~ article.ac-medium{
        height:auto;
    }
    .ac-container input:checked ~ article.ac-large{
        height:auto;
    }
}