@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
petit-gift
---------------------------------------- */
body#petit_gift #petit_gift_area{
    margin-bottom: 100px;
}
body#petit_gift #petit_gift_area #product_area ul li{
    margin-bottom: 100px;
}
body#petit_gift #petit_gift_area #product_area ul li:first-of-type{
    margin-top: 50px;
}
body#petit_gift #petit_gift_area #product_area .subtitle2{
    font-size: 1.8rem;
    font-weight: 700;
    background-color: #B88212;
    color: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
}
body#petit_gift #petit_gift_area #product_area p.detail01,
body#petit_gift #petit_gift_area #product_area p.detail02{
    margin-bottom: 10px;
}
body#petit_gift #petit_gift_area #product_area .to_site{
    margin: 0 auto;
    text-align: center;
}
body#petit_gift #petit_gift_area #product_area .to_site a{
    text-decoration: none;
    border: 1px solid #FE4E75;
    background-color: #FE4E75;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 30px;
    width: 100%;
    max-width: 450px;
}
body#petit_gift #petit_gift_area #product_area .to_site a:active{
    background-color: #fff;
    color: #FE4E75;
}
body#petit_gift #petit_gift_ex .contents_title p {
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem;
}
body#petit_gift #petit_gift_ex #example ul {
    margin-top: 20px;
}
body#petit_gift #petit_gift_ex #example ul li{
    display: flex;
    flex-wrap: nowrap;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 20px;
}
body#petit_gift #petit_gift_ex #example ul li .image{
    width: 30%;
    margin-right: 5px;
}
body#petit_gift #petit_gift_ex #example ul li .txt{
    width: calc( 70% - 5px );
}
body#petit_gift #petit_gift_ex #example ul li .txt p.scene{
    font-weight: 700;
    margin-bottom: 5px;
}
body#petit_gift #petit_gift_ex #example ul li .txt p.comment{
    margin-bottom: 10px;
}
body#petit_gift #petit_gift_ex #example ul li .txt p.name{
    font-size: 1.3rem;
}
/*------------ PC  ------------*/
@media screen and (min-width: 950px) {
    body#petit_gift #petit_gift_area #product_area ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    body#petit_gift #petit_gift_area #product_area ul li{
        width: 33%;
        padding: 2%;
    }
    body#petit_gift #petit_gift_area #product_area ul li:first-of-type{
        margin-top: 0;
    }
    body#petit_gift #petit_gift_area #product_area ul li:not(:nth-child(3n)){
        border-right: 1px solid #B88212;
    }
    body#petit_gift #petit_gift_area #product_area .to_site a{
        font-size: 1.7rem;
    }
    body#petit_gift #petit_gift_area #product_area .to_site a:hover{
        background-color: #fff;
        color: #FE4E75;
    }
    body#petit_gift #petit_gift_ex #example ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body#petit_gift #petit_gift_ex #example ul li{
        width: 32%;
    }
}