@charset "utf-8";
body {
    font-size: 100%;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    line-height: 1.7;
    background-color: #DFDAD6;
}
a {
	text-decoration: none;
}
img{ 
max-width:100%;/*画像の大きさを最適化（デフォルト）*/
}
.main {
    display: flex;
    justify-content: space-between;
    margin-top: 112px;
    text-align: center;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight: bold;
}



body main {
    text-align: center;
    background-color: #FFFFFF;
    color: #6B5101;
}
main h2 span {
    color: #E41520;
}

.group.main main .banner {
    margin-top: 40px;
    width: 101%;
}


.group.main main h1 {
    font-weight: bolder;
    font-size: 4rem;
    margin-top: -100px;
}
.group.main main h2 {
    margin-top: -25px;
}


.group.main main .A {
	justify-content: space-between;
    display: flex;
    margin-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
}


.group.main main .outer_menu {
    text-align: center;
    background-color: #EEEEEE;
    border-radius: 35px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 48%;
}

.group.main main .outer_menu+.outer_menu{

}

main .outer_menu .main_morning {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.outer_menu .main_morning #croissant {
    margin-bottom: 22px;
}

.outer_menu .main_morning #toast {
    margin-top: -8%;
}


.group.main main .sides {
    display: flex;
    border-top-color: #6B5101;
    border-top-style: dotted;
    padding-left: auto;
    padding-right: auto;
}

.group.main main .side {
    margin-left: auto;
    margin-right: auto;


}
.group.main main .side+.side {
    border-left-color: #6B5101;
    border-left-style: dotted;
}
.sides .side .egg {
    margin-top: 18px;
}
.group.main main .B {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
}
main .B .small.header {
    display: flex;
    text-align: left;
    justify-content: space-between;
    width: 530px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.B .small.header img {
    width: 14%;
    height: 14%;
}
.B .small.header h3 {
    margin-left: -45px;
    margin-top: 12px;
}
.B .small.header p {
    margin-top: 12px;
}
main .B .outer_menu1 {
    background-color: #EEEEEE;
    border-radius: 35px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}






main .B ul {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    list-style-type: none;
    width: 860px;
}
.B ul li {
    width: 265px;
    padding-left: 15px;
}
.B ul li+li {
    border-left-color: #6B5101;
    border-left-style: dotted;
    padding-right: 15px;
}
ul li .dessert {
    margin-top: 35px;
}
.group.main main .C {
    text-align: center;
    margin-left: 60px;
    margin-right: 60px;
    background-color: #EEEEEE;
    border-radius: 35px;
    padding-top: 10px;
}

main .C #menus {
    display: flex;
    text-align: center;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

main .C ul {
    width: 200px;
    margin-right: 0px;
    margin-bottom: 20px;
}
.C ul li {
    text-align: left;
    list-style-position: inside;
}
.D .outer_menu1 {
    list-style-type: none;
    background-color: #EEEEEE;
    border-radius: 35px;
    margin-left: 60px;
    margin-right: 60px;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.D .outer_menu1 ul {
    display: flex;
    list-style-type: none;
}
.D ul li {
    width: 265px;
    padding-left: 15px;
}
.D ul li+li {
    padding-right: 15px;
}
.E .outer_menu1 {
    list-style-type: none;
    background-color: #EEEEEE;
    border-radius: 35px;
    margin-left: 60px;
    margin-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.E .outer_menu1 ul {
    display: flex;
    list-style-type: none;
    width: 840px;
    margin-left: auto;
    margin-right: auto;
}
.E ul li {
    width: 280px;
    padding-left: 15px;
    text-align: center;
}
.E ul li+li {
    padding-right: 15px;
}
ul li .cheese {
    width: 95%;
}

ul li .cheesesand {
    width: 100%;

}
.group.main main .F {
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 40px;
}
main .F .outer_menu1 {
    background-color: #EEEEEE;
    border-radius: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.F .outer_menu1 ul {
    display: flex;
    list-style-type: none;
    margin-bottom: 30px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
    width: 80%;
}
.F .outer_menu1 ul li {
    text-align: center;
}

ul li .pancake {
    width: 216px;
}
.outer_menu1 ul .pancake2 {
    border-left-color: #6B5101;
    border-left-style: dotted;
}

.F ul li {
    width: 280px;
    padding-left: 15px;
    text-align: center;
}
.F ul li+li {
    padding-right: 15px;
}
.group.main main .G {
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 40px;
}

main .G .outer_menu1 {
	background-color: #EEEEEE;
    border-radius: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}

main .G ul {
    list-style-type: none;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
main .G .lower {
    width: 550px;
}


.G ul li {
    width: 300px;
    padding-left: 15px;
    text-align: center;
}

.G ul li+li {
    padding-right: 15px;
}