/*
Victory Template
http://www.templatemo.com/tm-507-victory
*/
* { margin: 0; padding: 0;
/*font-family: 'Roboto', arial, sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Roboto', 'YuGothic', sans-serif;}

h1, h2, h3, h4, h5, h6, a, p { font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Roboto', 'YuGothic', sans-serif;}

body { overflow-x: hidden; background-color: #fff;}
ul { list-style: none; margin: 0px;}
p { color: #555555;
font-size: 15px;
line-height: 24px;
margin-left: 1em;}

.primary-button a { display: inline-block;
background-color: #f2745f;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
padding: 12px 20px;
border-radius: 15px;
text-decoration: none;
letter-spacing: 0.5px;
width: 260px;}

.primary-white-button a { display: inline-block;
background-color: #fff;
color: #f2745f;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
padding: 12px 20px;
border-radius: 3px;
text-decoration: none;
letter-spacing: 0.5px;}

.border-button a { display: inline-block;
background-color: transparent;
color: #fff;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
padding: 12px 20px;
border-radius: 3px;
text-decoration: none;
letter-spacing: 0.5px;
border: 1px solid #fff;}

.header { width: 100%;
padding: 0;
z-index: 10000;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #eaf0ff;
text-align: center;}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { text-shadow: none;}

.navbar-brand {/*font-family: 'Spectral', serif;*/
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Roboto', 'YuGothic', sans-serif;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-weight: 400;
font-size: 44px;
color: #121212;
/*font-style: italic;*/
text-align: center;
width: 100%;
border-bottom: 1px solid #d8deed;
position: relative;
padding: 30px 0px;
height: auto!important;
line-height: 1.2em;}

.brand-description { font-size: 18px;
 padding-top: 10px;
 display: block}

#main-nav { padding: 15px 0px; }

.nav {display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style:none;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-around;
/*    position:relative;
    left:50%;*/}

.navbar-nav li { /*margin: 0px 10px;*/}
.navbar-nav li a { font-size: 16px;
text-transform: uppercase;
color: #363e50!important;
letter-spacing: 0.5px;}

hr { border-top: 1px solid #65afd0;}

.header.active { background-color: #eaf0ff;}
.navbar-inverse { background-image: none; background-color: transparent;}
.header .navbar { margin: 0; border: none;}
.navbar-inverse .navbar-toggle {margin-top: 22px; border-color: #f2745f; background-color: #f2745f;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #f2745f;}
.sns { margin: 1.5em 0;}
.fb-like, .fb-like-s { padding: 0 0 5px; position: relative; top: -3px; left: 10px;}
.twitter, .twitter-s { padding: 5px 5px 0 5px; position: relative; top: 2px;}

bootstrap.min.css:5 .navbar-toggle { position: relative;
float: right;
padding: 9px 10px;
margin-top: 15px!important;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;}

ul.bunkakai_navi { display:flex; justify-content:center;}
ul.bunkakai_navi li { margin: 5px 10px;}

.banner { padding: 420px 0px; /*180px 0*/
background-image: url(../img/banner-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
position: relative;}

.banner h4 { margin-top: 0px;
font-weight: 700;
font-size: 15px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px;}

.banner h2 { font-size: 44px;
font-weight: 600;
color: #fff;
text-transform: uppercase;}

.banner p { color: #fff; font-size: 14px;}
.banner p.photo-copyright { color: #fff; position: absolute; top: 28em; right: -24em;}
.banner .primary-button { margin-top: 30px;}
.primary-button { margin: 1em 0}

section.cook-delecious {padding: 100px 0px;}

.cook-delecious .first-image { margin-right: -30px; margin-top: 18%;}
.cook-delecious .first-image img { width: 100%; overflow: hidden;}
.cook-delecious .second-image { margin-left: -30px; margin-top: 18%;}
.cook-delecious .second-image img { width: 100%; overflow: hidden;}
.cook-delecious .cook-content { background-color: #f2745f; text-align: center; padding: 30px;}
.cook-delecious .cook-content h4 { margin-top: 0px; margin-bottom: 20px;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #fff;}

.cook-content .contact-content { background-color: #f3826f; padding: 20px 30px;}
.cook-content .contact-content span { font-size: 11px;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
border: none;
width: auto;
height: auto;
margin-top: 0px;
margin-bottom: 0px;}

.cook-content .contact-content h6 { font-size: 20px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
letter-spacing: 0.5px;}

.cook-content span { margin-top: 15px;
margin-bottom: 15px;
font-size: 11px;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
border: 1px solid #da6856;
width: 25px;
height: 25px;
display: inline-block;
line-height: 25px;
border-radius: 50%;}

section.services { padding-bottom: 100px;}

.services .service-item  a { text-decoration: none;}
.services .service-item { text-align: center;}
.services .service-item img { max-width: 100%;
overflow: hidden;
border: 10px solid #eaf0ff;
border-radius: 50%;}
.services .service-item h4 { margin-top: 20px;
font-size: 22px;
color: #121212;
font-weight: 600;
margin-bottom: 0px;}

section#book-table { padding: 80px 0px;
background-image: url(../img/book-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;}

#book-table .heading h2 { margin-top: 0px;
margin-bottom: 70px;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
/*text-transform: uppercase;*/
color: #fff;}

section#book-table .left-image img { width: 100%; overflow: hidden;}

.right-info { height: 282px;
background-color: #fff;
margin-left: -30px;
padding: 30px;}

.right-info h4 { margin-top: 0px; font-size: 28px;}
.right-info select { border-right: none;
border-left: none;
border-top: none;
width: 100%;
outline: none;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #9a9a9a;
padding-left: 10px;
height: 40px;}

.right-info input { margin-top: 30px;
margin-bottom: 30px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 1px solid #eee;
font-size: 14px;
color: #9a9a9a;}

.right-info button { width: 100%;
display: inline-block;
background-color: #f2745f;
color: #fff!important;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
padding: 12px 20px;
border-radius: 3px;
text-decoration: none;
letter-spacing: 0.5px;}

section.get-app { background-color: #f2745f;
text-align: center;
padding: 60px 0px;}

.get-app .heading h2 { margin-top: 0px;
margin-bottom: 30px;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #fff;}

section.featured { padding: 50px 0px;}

.featured .heading h2 { text-align: center;
margin-top: 0px;
margin-bottom: 30px;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #121212;}

.featured .info-item { background-color: #f2f6ff; padding: 10px 30px;}

.info-item h2 { margin-top: 0px;
margin-bottom: 30px;
padding-bottom: 8px;
font-size: 28px;
width: 100%;
border-bottom: 1px solid #d9dde5;
color: #121212;}

.info-item img { width: 100%; overflow: hidden; position: relative;}
.info-item .pdfread { font-size: 17px;
color: #f2745f;
font-weight: 500;
letter-spacing: 0.5px;
padding: 8px 14px;
position: absolute;
right: 45px;
margin-top: -40px;
background-color: rgba(250, 250, 250, 0.9);}

.info-item .text-content { background-color: #fff; padding: 20px 20px 10px 20px;}
.info-item h4 { margin-top: 0px; font-size: 18px; color: #121212;}
.pdfnews { display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;}

.pdfnews li { margin: 5px 8px;}
.pdfnews li i { color: #ff0000;}

section.info { background-color: #f2f6ff;
padding: 30px 0px;}

.info .heading h2 { text-align: center;
margin-top: 0px;
margin-bottom: 80px;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #121212;}

.blog-post img { width: 50%; overflow: hidden;}
.blog-post { margin-bottom: 30px; display: inline-block;}
.blog-post .right-content { background-color: #fff;
width: 50%;
float: right;
padding: 20px;}

.blog-post .right-content h4 { margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 8px;
font-size: 21px;
color: #121212;}

.blog-post .right-content span { font-size: 13px;
color: #7a7a7a;
display: inline-block;
margin-bottom: 18px;}

.blog-post .right-content .text-button a { font-size: 13px;
font-weight: 500;
color: #f2745f;
text-decoration: none;
text-transform: uppercase;
margin-top: 12px;
display: inline-block;}

.blog-post .date { font-size: 17px;
color: #f2745f;
font-weight: 500;
letter-spacing: 0.5px;
padding: 8px 14px;
position: absolute;
left: 15px;
top: 0px;
background-color: rgba(250, 250, 250, 0.9);}

section.sign-up { padding: 80px 0px 40px;
/*background-image: url(../img/signup-bg.jpg);*/
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;}

.sign-up .heading h2 { text-align: center;
margin-top: 0px;
margin-bottom: 15px;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
/*text-transform: uppercase;*/
color: #000; /*#fff*/}

.header_txt {margin:1em auto; max-width:600px;}
.header_txt p { text-align:left;}

.sign-up button { margin-left: -30px;
display: inline-block;
background-color: transparent;
color: #fff!important;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
padding: 12px 20px;
border-radius: 3px;
text-decoration: none;
letter-spacing: 0.5px;
border: 1px solid #fff;}

.sign-up input { margin-right: -30px;
height: 44px;
border: 3px;
background-color: rgba(250, 250, 250, 0.9);
color: #5a5a5a!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
outline: none!important;}

footer { background-color: #363e50; line-height: 130px; text-align: center;}
footer p { line-height: 120px; color: #fff; margin: 5px 0 0 0; font-size: 16px;}
footer p em { font-style: normal; color: #f2745f; font-weight: 500;}

footer ul { list-style: none; padding: 0; margin: 0;}
footer ul li { display: inline-block; margin: 0px 5px;}
footer ul li i { width: 36px; height: 36px;
display: inline-block;
text-align: center;
line-height: 36px!important;
background-color: #fff;
border-radius: 50%;
color: #363e50;
-webkit-transition: all 0.5s;
transition: all 0.5s;}

footer ul li i:hover { background-color: #f2745f;}
section.page-heading { padding: 80px 0px 40px;
/*background-image: url(../img/heading-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;*/
text-align: center;}

section.bunkakai { padding: 50px 0px 10px;}

.page-heading h1 { margin-top: 0px;
margin-bottom: 20px;
/*font-family: 'Spectral', serif;*/
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
color: #555 /*#fff*/;}

.page-heading p { color: #555 /*#fff*/;
font-size: 16px;
padding: 0px 25%;
margin-bottom: 0px;
line-height: 1.6em;}

section.breakfast-menu { margin-top: 100px;}
section.breakfast-menu .pdfread { right: 15px;}
.breakfast-menu-content { background-color: #f2f6ff; padding: 30px 0px 30px 30px;}
.breakfast-menu-content .left-image img { width: 100%; overflow: hidden;}
.breakfast-menu-content .left-image { margin: -30px 0px -30px -30px;}
.breakfast-menu-content #owl-breakfast { margin-left: -15px;}
.breakfast-menu-content h2 { margin-top: 0px;
margin-bottom: 30px;
padding-bottom: 8px;
font-size: 28px;
width: 94.5%;
border-bottom: 1px solid #d9dde5;
color: #121212;}

section.lunch-menu { margin-top: 100px;}
section.lunch-menu .pdfread { right: 15px;}
.lunch-menu-content { background-color: #f2f6ff; padding: 30px 0px 30px 30px;}
.lunch-menu-content .left-image img { width: 100%; overflow: hidden;}
.lunch-menu-content .left-image { margin: -30px 0px -30px -30px;}
.lunch-menu-content #owl-lunch { margin-left: -15px;}
.lunch-menu-content h2 { margin-top: 0px;
margin-bottom: 30px;
padding-bottom: 8px;
font-size: 28px;
width: 94.5%;
border-bottom: 1px solid #d9dde5;
color: #121212;}

section.dinner-menu { margin-top: 100px; margin-bottom: 100px;}
section.dinner-menu .pdfread { right: 15px;}
.dinner-menu-content { background-color: #f2f6ff; padding: 30px 0px 30px 30px;}
.dinner-menu-content .left-image img { width: 100%; overflow: hidden;}
.dinner-menu-content .left-image { margin: -30px 0px -30px -30px;}
.dinner-menu-content #owl-dinner { margin-left: -15px;}
.dinner-menu-content h2 { margin-top: 0px;
margin-bottom: 30px;
padding-bottom: 8px;
font-size: 28px;
width: 94.5%;
border-bottom: 1px solid #d9dde5;
color: #121212;}

.owl-pagination { margin-top: 39px; opacity: 1; display: inline-block;}
.owl-page span { display: block;
width: 8px;
height: 8px;
margin: 0px 5px;
filter: alpha(opacity=50);
opacity: 0.5;
border-radius: 20px;
background: #f2745f;}

section.blog-page { margin-top: 50px;}
section.blog-page .page-number { padding: 0;
margin-top: 30px;
margin-bottom: 100px;
list-style: none;
text-align: center;
width: 100%;}

section.blog-page .page-number li { display: inline-block; margin: 0 3px;}
section.blog-page .page-number li.active a { background-color: #f2745f; color: #fff;}
section.blog-page .page-number li a:hover { background-color: #f2745f; color: #fff;}
section.blog-page .page-number li a { -webkit-transition: all 0.5s;
transition: all 0.5s;
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
background-color: #f2f6ff;
font-size: 15px;
color: #343434;
font-weight: 700;
text-decoration: none;}

.blog-item img { width: 100%; overflow: hidden;}
.blog-item { margin-bottom: 30px;}
.blog-item .down-content { background-color: #f2f6ff; padding: 25px 30px;}
.blog-item .down-content h3 { color: #1e90ff; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";}
.blog-item .down-content h4 { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt";
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 8px;
font-size: 21px;
color: #121212;}

.blog-item .down-content span { font-size: 13px;
color: #7a7a7a;
display: inline-block;
margin-bottom: 18px;}

.blog-item .down-content .text-button a { font-size: 13px;
font-weight: 500;
color: #f2745f;
text-decoration: none;
text-transform: uppercase;
margin-top: 12px;
display: inline-block;}

.blog-item .date { font-size: 17px;
color: #f2745f;
font-weight: 500;
letter-spacing: 0.5px;
padding: 8px 14px;
position: absolute;
left: 15px;
top: 0px;
background-color: rgba(250, 250, 250, 0.9);}

section.contact-us { margin-top: 100px; margin-bottom: 60px;}

.contact-us .section-heading h2 { text-align: left;
margin-top: 0px;
margin-bottom: 60px;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #121212;}

.contact-us p { margin-top: -5px;}
.contact-us em { font-style: normal;
font-weight: 500;
font-size: 15px;
color: #aaa;}

.contact-us input { border-radius: 3px;
padding-left: 15px;
font-size: 13px;
color: #4a4a4a;
background-color: #f4f4f4;
outline: none!important;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 44px;
height: 44px;
width: 100%;
margin-bottom: 30px;}

.contact-us textarea { border-radius: 3px;
padding-left: 15px;
padding-top: 10px;
font-size: 13px;
color: #4a4a4a;
background-color: #f4f4f4;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 122px;
max-height: 220px;
width: 100%;
margin-bottom: 25px;}

.contact-us button { width: 100%;
display: inline-block;
background-color: #f2745f;
color: #fff!important;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
padding: 12px 20px;
border-radius: 3px;
text-decoration: none;
letter-spacing: 0.5px;}

section.map { margin-bottom: 150px;}
section.map #map { height: 450px;}

div.link {position: relative;
color: #333333;
text-shadow: 0 0 2px white;
top: 5px;}

div.link:before {content: "";
position: absolute;
background: #9de5ff;
width: 50px;
height: 50px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: -15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;}

div.link a { font-size:18px;}

@media (min-width: 1640px) {
.banner p.photo-copyright { right: -37em;}
}

@media (max-width: 1279px) {
.banner { padding: 300px 0px; /*180px 0*/}
.banner p.photo-copyright { top: 22rem;
 right: -24rem;}
}

@media (max-width: 1139px) {
.banner p.photo-copyright { right: -18rem;}
}

@media (max-width: 991px) {
.banner { padding: 250px 0px; /*180px 0*/}
.banner p.photo-copyright { right: -4rem;
 top: 21rem;}

.contact-info { margin-top: 80px;}
.cook-delecious .first-image { margin-right: 0px;
margin-top: 0%;
padding: 0px 10%;}

.cook-delecious .second-image { margin-left: 0px;
margin-top: 0%;
padding: 0px 10%;}

.services .service-item { margin-bottom: 30px;
margin-top: 30px;}

.right-info { height: auto;
background-color: #fff;
margin-left: 0px;
padding: 30px;}

.right-info button { margin-top: 30px;}
.blog-post img { width: 100%;
overflow: hidden;}
.blog-post { margin-bottom: 30px;}
.blog-post .right-content { background-color: #fff;
width: 100%;
float: none;
padding: 20px;}

.sign-up button { margin-left: 0px;
margin-top: 20px;}

footer { background-color: #363e50;
line-height: 40px;
text-align: center;}

footer p { line-height: 60px;
color: #fff;
margin-top: 5px;}

.breakfast-menu-content .left-image { margin: -30px 0px 30px -30px;}
.lunch-menu-content .left-image { margin: -30px 0px -30px -30px;}
.lunch-menu-content .owl-pagination { padding-bottom: 60px;}
.dinner-menu-content .left-image { margin: -30px 0px 30px -30px;}
.page-heading p { padding: 0px 5%;}
}

@media (max-width: 990px) {
.banner p.photo-copyright { right: -2rem;
 top: 18rem;}
}

@media (max-width: 768px) {

ul.bunkakai_navi { flex-direction: column;
 text-align: left;
 margin-left: 1em;
 font-size: 16px;}

.banner p.photo-copyright { right: 2rem;}

.navbar-toggle { position: relative;
float: none;
padding: 9px 10px;
margin-top: 20px!important;
margin-right: 0px;
margin-bottom: 20px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;}

#main-nav { padding: 0px 0px;
float: none;
position: relative;
left: 0%;
text-align: center;
overflow: hidden;
background-color: rgba(250, 250, 250, 0.5);
margin: 0px -15px;
border-top: none;}

.nav {/* list-style:none;
position:relative;
left: 0%;*/
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}

.navbar-nav li { border-bottom: 1px solid #d8deed; padding: 15px 0px;}
.navbar-nav li:last-child { border-bottom: none;}
.cook-delecious .first-image { margin-right: 0px;
margin-top: 0%;
padding: 0px 10%;}
.cook-delecious .second-image { margin-left: 0px;
margin-top: 0%;
padding: 0px 10%;}
.services .service-item { margin-bottom: 30px;
margin-top: 30px;}
.right-info { height: auto;
background-color: #fff;
margin-left: 0px;
padding: 30px;}
.right-info select { margin-top: 30px;}
.right-info select.person { margin-top: 0px;}
.right-info button { margin-top: 30px;}
.blog-post img { width: 100%;
overflow: hidden;}
.blog-post { margin-bottom: 30px;}
.blog-post .right-content { background-color: #fff;
width: 100%;
float: none;
padding: 20px;}
.sign-up button { margin-left: 0px;
margin-top: 20px;}
footer { background-color: #363e50;
line-height: 40px;
text-align: center;}
footer p { line-height: 60px;
color: #fff;
margin-top: 5px;}
.breakfast-menu-content .left-image { margin: -30px 0px 30px -30px;}
.lunch-menu-content .left-image { margin: -30px 0px -30px -30px;}
.dinner-menu-content .left-image { margin: -30px 0px 30px -30px;}
.page-heading p { padding: 0px 5%;}
.contact-info { margin-top: 80px;}
.h3_sp { font-size: 18px;}
}

@media (max-width: 480px) {
.navbar-brand { font-size: 23px;}
.banner {padding: 180px 0px; /*180px 0*/}
.banner p.photo-copyright { top: 14rem;}

}

@import url("print.css") print;