@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}


header h1 a img{
    display: block;
    width: 10vw;
    margin-top: 5vh
}


.header-flex{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 10vh;
    margin-top: 10vh;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(0, 100, 0, 0.473);

}

div div a{
    display: flex;
    text-decoration: none;
    font-weight: bold;
    color: black;
}

div div a i{
    width: 20%;
}

h2:nth-of-type(1) img{
    display: block;
    width: 6%;
    height: 50vh;
    margin-top: 5vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 5vh;

}


.h2-background-image{
    height: 80vh;
    margin-top: 10vh;
    background-image: url(../images/h2-image.png);
}

/* topics */
.section-topics{

    margin-top: 5vh;
    margin-bottom: 10vh;
    text-align: center;
    background-color: coral;

}

/* トピックスフレックスボックス大 */
.topics-flex-box{
   display: flex;
   width: 75%;
   margin-right: auto;
   margin-left: auto;

}

/* 極楽ラウンジ　お知らせ */
.childbox-a{
    width: calc(100%/3);


}

.topics-box1{
    display: flex;
    margin-bottom: 5vh;
   
}

.topics-child-flexbox2{
    width: calc(100%/2);
    margin-right: 5%;
    text-align: center;
    background-color: burlywood;
}

.childbox-a p :nth-of-type(3) a{
    text-decoration: none;
    font-weight: normal;

}

    


/* 季節のお菓子　商品情報 */
 .childbox-b{
    width: calc(100%/3);


}

.topics-box2{
    display: flex;
    margin-bottom: 5vh;
   
}

.topics-child-flexbox4{
    width: calc(100%/2);
    text-align: center;
    background-color: rgb(222, 135, 135);
}

.childbox-b p :nth-of-type(3) a{
    text-decoration: none;
    font-weight: normal;

}

/* ポイントカード  お知らせ*/
 .childbox-c{
    width: calc(100%/3);


}

.topics-box3{
    display: flex;
    margin-bottom: 5vh;
   
}

.topics-child-flexbox6{
    width: calc(100%/2);
    text-align: center;
    background-color: burlywood;
}

.childbox-c p :nth-of-type(3) a{
    display: block;
    text-decoration: none;
    font-weight: normal;
}



/* トピックスフレックスボックス大2 */
.topics-flex-box2{
   display: flex;
   width: 75%;
   margin-top: 10vh;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 30vh;

}

/* モーニングサービス　お知らせ */
.childbox-d{
    width: calc(100%/3);


}

.topics-box4{
    display: flex;
    margin-bottom: 5vh;
   
}

.topics-child-flexbox8{
    width: calc(100%/2);
    margin-right: 5%;
    text-align: center;
    background-color: rgb(222, 135, 135);
}

.childbox-d p :nth-of-type(3) a{
    text-decoration: none;
    font-weight: normal;

}

    


/* リトグラフ　お知らせ */
 .childbox-e{
    width: calc(100%/3);


}

.topics-box5{
    display: flex;
    margin-bottom: 5vh;
   
}

.topics-child-flexbox10{
    width: calc(100%/2);
    text-align: center;
    background-color: rgb(222, 135, 135);
}

.childbox-e p :nth-of-type(3) a{
    text-decoration: none;
    font-weight: normal;

}

/* おやつ屋さん　商品情報*/
 .childbox-f{
    width: calc(100%/3);


}

.topics-box6{
    display: flex;
    margin-bottom: 5vh;
   
}

.topics-child-flexbox12{
    width: calc(100%/2);
    text-align: center;
    background-color: burlywood;
}

.childbox-f p :nth-of-type(3) a{
    display: block;
    text-decoration: none;
    font-weight: normal;
}



/* お菓子は大地のめぐみです */

.philosophy h2 p{
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    font-size: 50px;
    font-weight: bolder;
}

.philosophy2 p{
    margin-top: 3vh;
    text-align: center;
    white-space: pre-wrap;
    line-height: 10vh;
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    color: gray;


}

.concept_img img{
    display: block;
    width: 40%;
    height:70vh ;
    margin-right: auto;
    margin-left: auto;
}

/* フッター */

.form-language{
    display: flex;
    width: 30%;
    margin-top: 10%;
    margin-left: 5%;


}

.form-language1{
    width: 40%;
    margin-right: 3%;
    margin-left: 10%;
    padding: 3%;
    background-color: rgb(241, 233, 225);
}

.form-language2{
    width: 30%;
    margin-right: 3%;
    padding: 3%;
    background-color: rgb(241, 233, 225);
}

.form-language3{
    width: 30%;
    margin-right: 3%;
    padding: 3%;
    background-color: rgb(241, 233, 225);
}

.form-language p a{
    display: block;

    text-align: center;
}


footer {
    height: 65vh;
    background-color: rgb(145, 194, 60);
}

footer section img{
    display: block;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
    
}
.copy{
    margin-top: 2vh;
    text-align: center;
    color: antiquewhite;
}

.footer-nav{
    display: flex;
    width: 70%;
    margin-top: 5vh;
    margin-left: auto;
    margin-right: auto;

}





/* 店舗案内 */

.nav-flexbox1{
    margin-right: 5%;

}
.nav-chilid1 p{
    color: antiquewhite
}

.nav-chilid1 a{
    color: antiquewhite;
    font-weight:normal
}
.nav-chilid1 ul li{
    list-style: none;
}

.nav-chilid1 ul li a{

    text-decoration: none;
}

.line1{
    border-bottom: dotted 2px rgb(241, 233, 225);   
}

/* ホールイベント情報 */
.nav-chilid2 p{
    margin-top: 3vh;
    color: antiquewhite
}

.nav-chilid2 a{
    color: antiquewhite;
    font-weight:normal
}

.nav-chilid2 ul li{
    list-style: none;
}

.nav-chilid2 ul li a{

    text-decoration: none;
}

.line2{
    border-bottom: dotted 2px rgb(241, 233, 225);   
}



/* 施設案内 */
.nav-flexbox2{
    margin-right: 5%;

}

.nav-chilid3 p{
    color: antiquewhite
}

.nav-chilid3 a{
    color: antiquewhite;
    font-weight:normal
}
.nav-chilid3 ul li{
    list-style: none;
}

.nav-chilid1 ul li a{

    text-decoration: none;
}
.line3{
    border-bottom: dotted 2px rgb(241, 233, 225);   
}



/* 文化活動 */

.nav-flexbox3{
    margin-right: 5%;

}
.nav-chilid4 p{
    color: antiquewhite
}

.nav-chilid4 a{
    color: antiquewhite;
    font-weight:normal
}
.nav-chilid4 ul li{
    list-style: none;
}

.nav-chilid4 ul li a{

    text-decoration: none;
}

.line4{
    border-bottom: dotted 2px rgb(241, 233, 225);   
}

/* 採用情報 */
.nav-chilid5 p{
    margin-top: 4vh;
    color: antiquewhite
}

.nav-chilid5 a{
    color: antiquewhite;
    font-weight:normal
}
.nav-chilid5 ul li{
    list-style: none;
}

.nav-chilid5 ul li a{

    text-decoration: none;
}
.line5{
    border-bottom: dotted 2px rgb(241, 233, 225);   
}

/* 会社概要 */
.nav-chilid6 p{
    color: antiquewhite
}

.nav-chilid6 a{
    color: antiquewhite;
    font-weight:normal
}
.nav-chilid6 ul li{
    list-style: none;
}

.nav-chilid6 ul li a{

    text-decoration: none;
}
.line6{
    border-bottom: dotted 2px rgb(241, 233, 225);   
}