/* --------------------------------
	Setting
-------------------------------- */

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, dt, dd, ol, ul, li,
th, td,
form, fieldset, input, textarea { margin:0 0 0 0; padding:0 0 0 0; }

select { margin:0 0 0 0; }

html { height:100%; }
body { height:100%; width:100%;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    font-family: "colfax-web", "Colfax", "Helvetica Neue", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: 1px; }
abbr, acronym { border:0 none; }
q:before, q:after { content:""; }
ol, ul { list-style:none; }
img { border:0 none; }
object { outline:none; }
table { border-spacing:0; }
*:first-child+html table { border-collapse:collapse; }
* html table { border-collapse:collapse; }
caption { text-align:left; }
th,
td { text-align:left; vertical-align:middle; empty-cells:show; }
hr { display:none; }
fieldset { border:0 none; }
label { cursor:default; }
iframe { border:0 none; overflow:auto; }
h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:normal; font-size:100%; }
p, address, blockquote, pre, div,
abbr, acronym, dfn, cite, q, code, kbd, samp, var,
dl, ol, ul,
caption, th { font-weight:normal; font-style:normal; }
em, strong { font-weight:bold; font-style:normal; }
ol,ul,li { list-style:none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0 0 0 0; padding:0 0 0 0; }

.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* --------------------------------
common
-------------------------------- */

a { text-decoration: none; color: #e60012; }

ul.colorbar { height: 4px; }
ul.colorbar li { float: left; height: 4px; }
ul.colorbar li span{ display: none; }
ul.colorbar li.red { background-color: #e60012; }
ul.colorbar li.green { background-color: #325c00; }
ul.colorbar li.brown { background-color: #dfc174; }

ul.line1 li.red { width: 50%; }
ul.line1 li.green { width: 25%; }
ul.line1 li.brown { width: 25%; }

ul.line2 li.red { width: 25%; }
ul.line2 li.green { width: 50%; }
ul.line2 li.brown { width: 25%; }

ul.line3 li.red { width: 25%; }
ul.line3 li.green { width: 25%; }
ul.line3 li.brown { width: 50%; }

p.none { display: none; }
a.siteLink { left: 50%; margin-left: -120px; position: absolute; }
a.siteLink img { width: 240px; }


/* --------------------------------
#main
-------------------------------- */

#main { height: 667px; text-align: center; }
#main h1.logo{ width: 48%; height: 48%; top: 29%; left: 50%; margin-left: -24%; background-size: contain; position: absolute; background-image: url(../img/logo_main.png); background-repeat: no-repeat; }
#main h1.logo span{ display: none; }
#main p.url { font-size: 12px; color: #ffffff; position: absolute; top: 640px; width: 100%; }


/* --------------------------------
#pizza
-------------------------------- */

#pizza { height: 667px; background-image: url(../img/01_pizza.jpg); background-size: cover; background-position: 50% 50%; }
#pizza a.siteLink { top: 1259px; }

/* --------------------------------
#interior
-------------------------------- */

#interior { height: 667px; background-image: url(../img/02_interior.jpg); background-size: cover; background-position: 50% 50%; }
#interior a.siteLink { top: 1933px; }


/* --------------------------------
#drink
-------------------------------- */

#drink { height: 667px; background-image: url(../img/03_drink.jpg); background-size: cover; background-position: 50% 50%; }
#drink a.siteLink { top: 2598px; }


/* --------------------------------
#info
-------------------------------- */

#info { height: 667px; background-image: url(../img/04_info.jpg); background-size: cover; background-position: 50% 50%; }
#info a.siteLink { top: 3272px; }

/* --------------------------------
#message
-------------------------------- */

#message { height: 667px; background-image: url(../img/05_message.jpg); background-size: cover; background-position: 50% 50%; }


/* --------------------------------
#youtube
-------------------------------- */

#youtube .video { position: relative; height: 0; padding: 2px 0 56.25%; overflow: hidden; }
#youtube .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* --------------------------------
#link
-------------------------------- */

#link { background-image: url(../img/06_link.jpg); background-size: cover; background-position: 50% 50%; }
#link p.tel { width: 100%; border-bottom: 1px solid rgba( 255, 255, 255, 0.2 ); background-color: rgba( 0, 0, 0, 0.55 ); }
#link ul.otherlink { width: 100%; background-color: rgba( 0, 0, 0, 0.55 ); }
#link ul.otherlink li { height: 90px; border-bottom: 1px solid rgba( 255, 255, 255, 0.2 ); }
/*#link ul.otherlink li.facebook { background-color: #f2c; }
#link ul.otherlink li.instagram { background-color: #222; }*/
#link ul.otherlink li.tabelogu { border-bottom: none; }
#link a { font-size: 14px; line-height: 90px; color: #ffffff; text-align: center; }


/* --------------------------------
#footer 
-------------------------------- */

#footer { padding: 20px 20px 10px; background-color: #ffffff; text-align: center; }
#footer p { font-size: 11px; line-height: 18px; letter-spacing: 2px; padding: 2px 0; color: #808080; }
#footer a { font-size: 10px; line-height: 18px; letter-spacing: 2px; padding: 2px 0; color: #808080; }
#footer .footerlogo { width: 90px; height: 90px; margin: 2px 0 0 -45px; position: relative; left: 50%; background-image: url(../img/ico_logofull.png); background-size: contain; background-repeat: no-repeat; }
#footer p.copy { font-size: 9px; color: #aaaaaa; letter-spacing: 0; margin-top: -10px; }


/* --------------------------------
下層ページ共通
-------------------------------- */

.menuImg { width: 100%; }
.innerPage { background-image: url(../img/bg_food.jpg); background-size: contain; }


/* --------------------------------
pizza.html
-------------------------------- */

#pizzaPage .menuImgPizza { background-image: url(../img/menu_pizza.jpg); background-size: cover; width: 100%; height: 400px; }
#pizzaPage .menuImgTapas { background-image: url(../img/menu_tapas.jpg); background-size: cover; width: 100%; height: 400px; }
#pizzaPage .menuImgSalada { background-image: url(../img/menu_salada.jpg); background-size: cover; width: 100%; height: 400px; }
#pizzaPage .menuImgOther { background-image: url(../img/menu_other.jpg); background-size: cover; width: 100%; height: 400px; }

#pizzaPage h2 { display: none; }
#pizzaPage ul.menulist { margin-top: 50px; width: 100%; color: #fff; }
#pizzaPage ul.menulist li { margin-bottom: 40px; text-align: center; }
#pizzaPage ul.menulistother { margin-top: 30px; width: 100%; color: #fff; }
#pizzaPage ul.menulistother li { margin-bottom: 40px; float: none; text-align: center; }
#pizzaPage .pizzaname { color: #fff; font-size: 11px; }

#pizzaPage .menuinfo { font-size: 9px; color: rgba( 255,255,255,0.5); margin-top: 8px; }
#pizzaPage .menuttl { font-size: 11px; margin-bottom: 4px; }
#pizzaPage .price { font-size: 10px; color: #e60012; margin-top: 6px; }
#pizzaPage .andmore { font-size: 10px; color: #808080; margin: -20px 0 60px; text-align: center; }
#pizzaPage ul.colorbar { height: 2px; width: 100%; }
#pizzaPage ul.colorbar li{ height: 2px; }



/* --------------------------------
drink.html
-------------------------------- */

#drinkPage .menuImgDrink { background-image: url(../img/menu_drink.jpg); background-size: cover; width: 100%; height: 400px; }

#drinkPage { font-size: 11px; }
#drinkPage h2 { display: none; }
#drinkPage ul.menulistother { margin-top: 30px; width: 100%; color:  rgba( 255,255,255,0.5); }
#drinkPage ul.menulistother li { margin-bottom: 40px; float: none; text-align: center; }

#drinkPage .menuinfo { font-size: 9px; color: rgba( 255,255,255,0.5); margin-top: 8px; }
#drinkPage .menuttl { font-size: 11px; color: #fff; margin-bottom: 10px; }
#drinkPage .price { font-size: 10px; color: #e60012; margin: 6px 0 20px; }
#drinkPage .andmore { font-size: 10px; color: rgba( 255,255,255,0.5); margin: -20px 0 60px; text-align: center; }
#drinkPage ul.colorbar { height: 2px; width: 100%; }
#drinkPage ul.colorbar li{ height: 2px; }


/* --------------------------------
interior.php
-------------------------------- */

#instagram .menuImgInterior { background-image: url(../img/menu_interior.jpg); background-size: cover; width: 100%; height: 400px; }
#instagram h2 { display: none; }
#instagram ._img { width: 100%; }




#pizzaPage ul.menulist .balloom {
    position: relative;
    display: inline-block;
    border-radius: 0.2em;
    padding: 4px 10px 3px;
    width: auto;
    background: #fff;
    z-index: 0;
}
#pizzaPage ul.menulist .balloom:after {
    content: "";
    position: absolute;
    bottom: -3px; left: 50%;
    margin-left: -3px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
}









/* --------------------------------
↓↓↓↓ SP用 ↓↓↓↓
-------------------------------- */

@media screen and (max-width: 480px){
.pc { display:none; }
}



/* --------------------------------
↓↓↓↓ PC用 ↓↓↓↓
-------------------------------- */

@media screen and (min-width: 480px){
.sp { display:none; }
}

.about-section-container .logo { width: 120px; height: 120px; margin: 2px 0 0 -60px; position: relative; left: 50%; background-image: url(../img/ico_logofull.png); background-size: contain; background-repeat: no-repeat; }
.about-section-container ul { display: inline-block; margin: -10px auto; }
.about-section-container li { float: left; margin-right: 20px; }
.about-section-container a { font-size: 10px; line-height: 18px; letter-spacing: 2px; padding: 2px 0; color: #808080; }
.about-section-container p.copy { font-size: 9px; color: #aaaaaa; letter-spacing: 0; margin-top: -10px; }