@charset "utf-8";

/* CSS Document */

@import "reset.css";
@import "clearfix.css";

/*============================
common
============================*/
body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; padding: 0 0 30px 0;font-size: 14px;}
 
h2 { text-align: center; font-size: 2.8em; line-height: 1.0em;}
h2 span { display: inline-block; font-size: 0.4em;}

.footer { margin: 80px 0 0 0; padding: 20px 0; text-align: center; background-color: #f2f2f2; color: #95989A; font-size: 0.8em;}

/*============================
nav
============================*/
.header { width: 100%; position: fixed; top: 0; left: 0; height: 50px; background-color: #FFFFFF; text-align: center;}
.header ul { padding: 15px 0 0 0;}
.header ul li { display: inline-block; margin: 0 20px; font-size: 1.4em;}
.header ul li a { color: #000000; text-decoration: none;}
.header ul li a:hover { text-decoration: underline;}


/*============================
mv
============================*/
.mv { padding: 50px 0 0 0;}
.mv h1 img { width: 100%;}

/*============================
#nav-concept
============================*/
.cont-concept { padding: 80px 0 200px 0; background: url(../img/concept_bg.png) no-repeat center top; background-size: contain;}
.cont-concept-detail { width: 800px; margin: 40px auto;}
.cont-concept-detail p { margin: 0 0 25px 0; font-size: 1.1em; list-style: 1.8em;}

/*============================
#nav-dishes
============================*/
.cont-dishes {}
.cont-dishes-detail { width: 1160px; margin: 30px auto; background-color: #FFF7F5; overflow: hidden;}
.cont-dishes-detail img { display: block; width: 500px; margin: 0 30px 0 0; float: right;}
.cont-dishes-detail:nth-child(even) img { float: left;}
.cont-dishes-detail h3 { margin: 80px 0 0 0; padding: 20px; font-weight: bold;}
.cont-dishes-detail p { padding: 20px;}

/*============================
#nav-contact
============================*/
.cont-contact { padding: 60px 0; background: url(../img/contact_bg.png) no-repeat center top; background-size: cover; color: #FFFFFF;}
.cont-contact-detail { width: 750px; margin: 80px auto 0 auto; padding: 0 0 0 470px; box-sizing: border-box;}
.cont-contact-detail p { padding: 0 0 0 10px;}
.cont-contact-detail a { display: block; width: 233px; margin: 30px 0 0 0; padding: 15px 0; text-align: center;  border-radius: 50px; border: 1px solid #FFFFFF; color: #FFFFFF; background-color: #FF9171; text-decoration: none;}