@charset "utf-8";





article {
    position: relative;
    z-index: 100;
}





/* section */

section {}
section h2 {
    width:80%;
    margin: 0 auto 30px;
    font-size:1rem;
    font-weight: 400;
    text-align: center;
}
section h2 span {
    display: block;
    font-size: 3.5rem;
    text-align: center;
    line-height: 1.2;
}
.news h2 {
    margin: 0 auto 30px;
}

  .about h2 { color:#f4f3f0;}
.newitem h2 { color:#aa8226;}

@media only screen and (max-width:640px){
    
    section h2 span {
        font-size: 2.8rem;
    }
    .news h2 {
        margin: 0 auto 20px;
    }
    .about h2 {
        margin: 0 auto 20px;
        color: #f4f3f0;
    }
}





/* news */

.news {
    width:94%;
    margin: 80px auto;
    padding:50px 0 20px;
    border-radius: 15px;
    background:#fff;
    position: relative;
}
.news a.more {
    margin: auto;
    position:absolute; bottom:-25px; left:0; right:0;
}

ul.newitem {
    margin-bottom: 50px;
}
ul.newitem li {
    width:100%;
}
ul.newitem li a {
    width:45%;
    min-height: 300px;
    padding-left: 55%;
    position:relative;
}
ul.newitem li a > div {
    width:50%;
    min-height: 300px;
    position:absolute; top:0; left:0;
}
ul.newitem li a > h3 {
    margin: 0 auto 10px;
    padding-top: 40px;
    font-family: 'Crimson Text', serif;
    font-size: 2.3rem;
    letter-spacing: 0.05em;
    position:relative;
}
ul.newitem li a > h3:after {
    content: "新商品のご案内";
    font-family: 'Crimson Text', serif;
    font-size: 1.6rem;
    color: #aa8226;
    letter-spacing: 0.02em;
    margin: auto;
    position:absolute; top:0; left:0; right:0;
}
ul.newitem li a > h3 span {
    display:none;
}
ul.newitem li a > p {}

@media only screen and (max-width:640px){
    
    .news {
        width:94%;
        margin: 50px auto 80px;
        padding:50px 0 10px;
    }
    
    ul.newitem {
        margin-bottom: 80px;
    }
    ul.newitem li {
        width:100%;
    }
    ul.newitem li a {
        width:100%;
        min-height: 300px;
        padding-left: 0;
        position:relative;
    }
    ul.newitem li a > div {
        width:80%;
        min-height: 250px;
        position:inherit;
    }
    ul.newitem li a > h3 {
        margin: 0 auto 10px;
        padding-top: 40px;
        font-size: 2rem;
    }
    ul.newitem li a > h3:after {
        content: "新商品のご案内";
        font-size: 1.3rem;
    }
}





/* about */

.about {
    width:100%;
    margin:80px auto 0;
    padding: 80px 0;
    position:relative;
}
.about:after {
    content:"";
    width:94%;
    height: 100%;
    margin: auto;
    position:absolute; top:0; left:0; right:0;
    border-radius: 15px;
    background:#1e204b;
    z-index: -1;
}
.about p {
    width:70%;
    max-width:800px;
    margin: 0 auto 30px;
    color: #f4f3f0;
}
.about a.more {
    margin: auto;
    position:absolute; bottom:-25px; left:0; right:0;
}


ul.shopphoto {
    width:100%;
    margin:0 auto;
}
ul.shopphoto li {
    margin:15px;
    position:relative;
    transition: .3s;
}
ul.shopphoto li a {
    display:block;
}
ul.shopphoto li:hover a {
    margin-top:-10px;
    margin-bottom:10px;
}
ul.shopphoto li img {
    max-width:100%;
    margin: auto;
    display: block;
    border-radius: 10px;
}

@media only screen and (max-width:640px){
    
    .about {
        margin: 50px auto 0;
        padding: 35px 0 80px;
    }
    .about p {
        margin: 0 auto 10px;
    }
}