@charset "utf-8";
/* クチコミ */

#kuchikomi{
    width: 100%;
    margin-bottom: 120px;
}

#kuchikomi h2{
    font-size: 3rem;
	margin-top: 60px;
	margin-bottom: 60px;
    color: #f08080;
    text-shadow: 3px 3px 2px #ccc;
    font-family: 'Shippori Mincho', serif;
}

.kuchikomi_box{
    background-color: #fcf5ed;
    background-image:url("../img/kk_bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
    width: 60%;
    padding: 20px;
    border-radius: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.kuchikomi_box h3{
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center;
}

.kuchikomi_box p{
    width: 70%;
    font-size: 0.9rem;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.kuchikomi_box2{
    background-color: #fcf5ed;
    background-image:url("../img/kk_bg_l.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
    width: 60%;
    padding: 20px;
    border-radius: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.kuchikomi_box2 h3{
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center;
}

.kuchikomi_box2 p{
    width: 70%;
    font-size: 0.9rem;
    text-align: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
}




.txt-hide{
    display: none;
}
    
    button.more {
    width: 120px;
    margin: 20px auto;
    display: block;
    background-color: #666;
    color: #fff;
    padding:10px 15px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
    }
    
    button.more::after {
    content: "もっと見る";
    transition: .2s;
    -erbkit-transition: .2s;
    }
    
    button.more.on-click::after{
    content: "閉じる";
    }



/* SP */
@media screen and (max-width:640px) {

    #kuchikomi{
        width: 100%;
        
    }

    .kuchikomi_box{
        background-color: #fcf5ed;
        background-image:url("../img/kk_bg_sp.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: right;
        width: 90%;
        padding: 20px;
        border-radius: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    
    .kuchikomi_box h3{
        font-size: 1rem;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .kuchikomi_box p{
        width: 100%;
        font-size: 0.8rem;
        text-align: left;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .kuchikomi_box2{
        background-color: #fcf5ed;
        background-image:url("../img/kk_bg_l_sp.png");
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left;
        width: 90%;
        padding: 20px;
        border-radius: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    
    .kuchikomi_box2 h3{
        font-size: 1rem;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .kuchikomi_box2 p{
        width: 100%;
        font-size: 0.8rem;
        text-align: left;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    

}