/*
Theme Name: cats_in_the_room-child
Version: 1.0
Template: cats_in_the_room
*/

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

@import "css/reset.css";
@import "css/header.css";
@import "css/footer.css";


/* ---------- COMMON ---------- */

body {
    background-image: url(images/bg_content_base.jpg);
    background-repeat: repeat;
    color: #231815;
    font-family: "Noto Serif JP", serif;
    font-weight: 300;
    line-height: 1.5em;
}

.home{
    background-image: url(images/bg_top_base.jpg);
    background-repeat: repeat;
}

.page-shoplist,
.page-contact,
.policy{
    background-image: none !important;
}

article{
    background-image: url(images/bg_content_a.png),url(images/bg_content_b.png);
    background-repeat: no-repeat;
}

.home article{
    background-image: url(images/bg_top_a.png),url(images/bg_top_b.png);
    background-repeat: no-repeat;
}

.page-shoplist header,
.page-contact header,
.policy header{
    background-color: #e5e4e3;
}

.page-shoplist article,
.page-contact article,
.policy article{
    background-image: none !important;
}

/* link */
a,
a:visited{
    color: #231815;
    text-decoration: none;
}

img {
    max-width: 100%;
}

button{
    margin: 0;
    padding:0;
}

/* article */
article h1{
    font-weight: 200;
}

/* ---------- Mobile ---------- */
@media(max-width:737px) {

    body {
        background-size: 100px;
        font-size: 14px;
    }

    img {
        max-width: 100%;
    }

    .home{
        background-size: 100px;
    }

    article{
        background-position: right 25px top 130px, left 15px bottom 50px;
        background-size: 50px, 50px;
    }

    .home article{
        background-position: right bottom, left 35px bottom 150px;
        background-size: 135px, 38px;
    }

    /* footer_img */
    .footer_img{
        width: 338px;
    }
}

/* ---------- Tablet ---------- */
@media(max-width:1079px) and (min-width: 737px){
    body {
        background-size: 200px;
        font-size: 14px;
    }

    .home{
        background-size: 100px;
    }

    article{
        background-position: right 35px top 450px, left 35px bottom 150px;
        background-size: 75px, 70px;
    }

    .home article{
        background-position: right bottom 800px, left 5px top 1100px;
        background-size: 270px, 70px;
    }

    /* footer_img */
    .footer_img img{
        width: 600px;
    }
}

/* ---------- Tablet / PC ---------- */
@media (min-width: 738px) {}

/* ---------- PC ---------- */
@media(min-width:1080px){

    body {
        background-size: 300px;
    }

    .home{
        background-size: 300px;
        font-size: 1rem;
    }

    article{
        background-position: right 35px top 840px, left 35px top 1740px;
        background-size: 260px, 250px;
    }

    .home article{
        background-position: right bottom 1250px, left 180px top 1900px;
        background-size: 650px, 150px;
    }

    /* footer_img */
    .footer_img img{
        width: 1000px;
    }
}