@charset "utf=8";

/*共通部分
------------------*/
html {
    font-size:100%
    }
    body{
        background-color: #ffffff;
        font-family: 'Noto Serif JP', serif;
        line-height:1.7;
        color:#000000;
    }
    a{
        text-decoration: none;
    }
    img{
        max-width: 100%;
    }
body{
    color: var(--light-green);
}
       /* HEADER
------------------------------- */
.logo {
    width: 210px;
    margin-top: 14px;
}
.main-nav{
    display:flex;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 34px;
    list-style: none;
}
.main-nav li{
    margin-left:36px;
}
.main-nav a{
    color: #ffffff;
}
.main-nav a:hover{
    color: #ff69b4;
}
.page-header{
    background-color: #000000;
    display: flex;
    justify-content:space-between;
}
.wrapper{
    max-width:100%;
    margin: 0 auto;
    padding:0 4%;
}
/*HOME*/
.home-content{
    
    margin-top:5%;
    margin-bottom: 7%;
}
.home-content p {
    font-size:1.125rem;
    margin:10px 0 42px;
}
.page-title{
    border-bottom:2px #ff69b4 solid;
    font-size:5rem;
    text-transform:uppercase;
    font-weight:normal;
    padding-top: 30px;
}
.big-bg{
    background-image: url(../images/ホーム画像.JPG);
    background-size: cover;
    background-color:#ff69b4;
    background-position:center top;
    width:100%;
}
#home{
    min-height: 100vh;
}
#home .page-title{
    text-transform:none;
}
/*---記事部分---*/
article{
    width:74%;
}
article img{
    margin-bottom:20px;
}
article a{
    margin-bottom:1rem;
    color: #000000;
}
article a:hover{
    color:#ff69b4;
}
.news-content-title{
    border-bottom:2px #ff69b4 solid;
    color:#000000;
    font-size:4rem;
}
.news-contents{
    display:flex;
    justify-content:space-between;
    margin-bottom:50px;
}
.post-info{
    position: relative;
    padding-top:4px;
    margin-bottom: 50px;
    margin-top:30px;
}
.post-date{
    background:#ff69b4;
    border-radius:50%;
    color:#000000;
    width:100px;
    height:100px;
    font-size:1.625rem;
    text-align:center;
    position:absolute;
    top:0;
    padding-top:10px;
}
.post-date span{
    font-size:1rem;
    border-top:1px rgba(255,255,255,.5) solid;
    padding-top:6px;
    display:block;
    width:60%;
    margin:0 auto;
}
.post-title{
    font-size:2rem;
    font-weight:normal;
}
.post-title,
.post-cat{
    margin-left:120px;
}
/*---サイドバー---*/
.sub-title{
    font-size:1.375rem;
    padding:0 8px 8px;
    border-bottom:2px #ff69b4 solid;
    font-weight:normal;
}
aside{
    background-color: #ff69b4;
    width:20%;
    height:500px;

}
aside p{
    padding: 20px 20px;
}
.sub-menu{
    margin-bottom:60px;
    list-style:none;
}
.sub-menu li{
    border-bottom:1px #ddd solid;
}
.sub-menu a{
    color:#000000;
    padding:10px;
    display: block;
}
.sub-menu a:hover{
    color:#0bd;
}
/*---News---*/
.big-bg2{
    background-image: url(../images/商品一覧ヘッダー.jpg);
    background-color: #ff69b4;
    background-size: cover;
    height:45vh;
    color: #000000;
}
.News-page-title{
    background-color: #ffffff;
    font-size: 4rem;
    margin-left:10px;
    width:13rem;
}

/*---newsPage---*/
.big-bg15{
    background-image: url(../images/ホームページ開設のお知らせ.png);
    background-position: center;
    height:60vh;
    margin:20px;
}
.big-bg16{
    background-image: url(../images/丸申NEWS見出し.png);
    background-position: center;
    height:50vh;
    margin:10px;
}
.news-contents2{
    font-size: 20px;
    margin: 0% 10% 0px 10%;
}
.news-contents2 p{
    margin: 2400x;
}
h5{
    font-size: 60px;
    margin: 50px;
}
h55{
    font-size: 20px;
    margin:50px;
}
/*---menu---*/
.big-bg3{
    background-image: url(../images/商品一覧ヘッダー.jpg);
    background-color: #ff69b4;
    background-size: cover;
    height:45vh;
    color: #000000;
}
.menu-page-title{
    background-color: #ffffff;
    font-size: 4rem;
    margin-left:10px;
    width:17rem;
}
.menu-content p{
    color:#000000;
}
.grid{
    display:grid;
    gap:26px;
    grid-template-columns:1fr 1fr 1fr;
    margin-top:6%;
    margin-bottom:50px;
}
.category-title{
    border-bottom:2px #ff69b4 solid;
    font-size: 2rem;
    margin-left:100px;
    margin-top:50px;
}
/*---地図---*/
#location{
    flex-direction: column;
    margin:50px 0px 50px 0px;
}
.big-bg4{
    background-image: url(../images/mapimage.JPG);
    background-color: #ff69b4;
    background-size:cover;
    height:100vh;
    margin-top:50px;
}
.location-map{
    margin:50px; 
}
.sub-title{
    font-size: 40px;
}
iframe{
    width:100%;
    margin: 100px 0px 100px 0px;
}
/*---コンタクトフォーム---*/
.big-bg5{
    background-image: url(../images/商品一覧ヘッダー.jpg);
    background-color: #ff69b4;
    background-size: cover;
    height:45vh;
    color: #000000;
}
.contact-page-title{
    background-color: #ffffff;
    font-size: 4rem;
    margin-top: 0px;
    margin-left:10px;
    width:23rem;
    text-align: center;
}
.contactwrapper{
    justify-content:center;
}
.contact-contents{
    text-align: center;
    margin-top: 100px;
}
h99{
    text-align: centers;
    font-size: 50px;
    margin-bottom:100px;
}
/*---フッター---*/
footer{
    position: absolute;
    margin-bottom:0px;
    background:#000000;
    text-align:center;
    padding:26px 0;
    width:100%;
    margin-top:100px;
}
footer p{
    color:#fff;
    font-size:0.875rem;
}
footer a{
    color:#fff;
    font-size:0.875rem;
}
.absolute{
    position: absolute;
    margin-bottom:0px;
    background:#000000;
    text-align:center;
    padding:26px 0;
    width:100%;
}
/*---レスポンシブ---*/
@media(max-width:600px){
    .page-title{
        font-size:2.5rem;
    }
    /*---ヘッダー---*/
    .main-nav{
        font-size:0.9rem;
        margin-top:10px;
        display:column;
    }
    .main-nav li{
        margin:5px;
    }
    .page-header{
        flex-direction: column;
        align-items:center;
    }
    /*---ホーム---*/
    .home-content{
        margin-top:0%;
    }
    #home{
        min-height: 30vh;
    }
    
    /*---記事部分---*/
    .news-contents{
        flex-direction:column;
    }
    article{
    width:100%;
    }
    article img{
    margin-bottom:0px;
    }
    article a{
    margin-bottom:1rem;
    }
    /*---サイドバー---*/
    aside{
    width:100%;
    background-color: #ff69b4;
    }
    .category-title{
        font-size: 2rem;
        margin-left:100px;
    }
    .grid{
        display:grid;
        gap:26px;
        grid-template-columns:repeat(auto-fit,minmax(240px, 1fr));
        margin-top:6%;
        margin-bottom:50px;
    }
    /*---NewsPage--*/
    .big-bg15{
        background-size: cover;
        height:30vh;
    }
    .news-contents2{
        font-size: 20px;
        text-align: center;
        margin:50px 0px 50px 0px;
    }
    h5{
        font-size: 17px;
        margin: 10px;
    }
    /*---マップ---*/
    #location .wrapper{
        display:cloumn;
    }
    iframe{
        width:100%;
        margin:50px 0px 50px 0px;
    }
    .big-bg4{
        height:30vh;
    }
    /*--contact--*/
    h99{
        font-size: 30px;
        margin-bottom:100px;
    }
}