html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

section#intro { max-width: 300px; margin-left: auto; margin-right: auto; text-align: center; }
section#intro:after { content: " "; display: block; clear: both; }
section#intro div.image-wrap img { height: auto; max-width: 100%; }
section#intro h2 { border-bottom: 0; }
section#intro h2, section#intro h3, section#intro p { text-align: left; }
section#intro p.right { text-align: right; }
section#intro div.text { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }

div#description { background-color: white; padding: 1em 0; }
div#description p { display: block; }

section#menus div { max-width: 300px; margin-left: auto; margin-right: auto; }
section#menus div:after { content: " "; display: block; clear: both; }
section#menus div a { display: block; max-width: inherit; margin: 0.5em 0; }

section#info { border-bottom: 2px solid #ba9d7c; }
section#info h2 { margin-bottom: 0; }

div.info_row { border-bottom: 1px solid #ba9d7c; border-top: 1px solid #ba9d7c; position: relative; }
div.info_row div#g_map { height: 220px; margin-top: 0.5em; }
div.info_row + div.info_row { border-top: 0; }
div.info_row:before { background-color: white; bottom: 0; content: ""; display: block; height: 100%; left: 50%; position: absolute; right: 100%; top: 0; width: 50%; z-index: 1; }
div.info_row div { max-width: 300px; margin-left: auto; margin-right: auto; }
div.info_row div:after { content: " "; display: block; clear: both; }
div.info_row span.label { width: 23.33333%; float: left; color: #612200; padding: 0.3em 0.5em 0.3em 0; }
div.info_row span.value { width: 73.33333%; float: left; background-color: white; border-left: 1px solid #ba9d7c; color: black; min-height: 2em; padding: 0.3em 1em; position: relative; z-index: 2; }

@media (min-width: 620px) { section#intro { max-width: 600px; margin-left: auto; margin-right: auto; }
  section#intro:after { content: " "; display: block; clear: both; }
  section#intro.image div.image-wrap { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; padding-top: 1.2em; }
  section#intro.image div.text { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section#menus h2, section#info h2 { background-position: center 1em; background-repeat: no-repeat; background-size: 1.8em 1.8em; border-bottom: 0; padding-top: 2.8em; }
  section#menus h2 span, section#info h2 span { border-bottom: 3px solid #612200; padding: 0 3em; }
  section#menus h2 { background-image: url("../images/public/restaurant-menu_brown.svg"); }
  section#menus div { max-width: 600px; margin-left: auto; margin-right: auto; }
  section#menus div:after { content: " "; display: block; clear: both; }
  section#menus div a { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section#info h2 { background-image: url("../images/public/restaurant-info_brown.svg"); margin-bottom: 0.5em; }
  section#info h2 + div.info_row { border-top: 3px solid #ba9d7c; }
  div.info_row div { max-width: 600px; margin-left: auto; margin-right: auto; }
  div.info_row div:after { content: " "; display: block; clear: both; } }
@media (min-width: 940px) { section#intro { max-width: 900px; margin-left: auto; margin-right: auto; }
  section#intro:after { content: " "; display: block; clear: both; }
  section#intro.image div.image-wrap { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section#intro.image div.text { width: 65%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section#menus div { max-width: 900px; margin-left: auto; margin-right: auto; }
  section#menus div:after { content: " "; display: block; clear: both; }
  section#menus div a { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  div.info_row div { max-width: 900px; margin-left: auto; margin-right: auto; }
  div.info_row div:after { content: " "; display: block; clear: both; } }
section#restaurant_title { padding: 1em 0; }
section#restaurant_title h2 { margin-top: 0; padding-top: 0; text-align: left; }
section#restaurant_title h3 { font-size: 1em; margin-bottom: 0; }

section#menu_jump div { max-width: 300px; margin-left: auto; margin-right: auto; }
section#menu_jump div:after { content: " "; display: block; clear: both; }
section#menu_jump div a { background-color: white; border: 1px solid #612200; border-radius: 6px; color: #612200; display: block; font-size: 1.4em; margin-bottom: 0.3em; padding: 0.2em 1.5em 0.2em 0.4em; position: relative; text-decoration: underline; }
section#menu_jump div a:hover { color: #99c553; }
section#menu_jump div a:hover div.icon { background-image: url("../images/public/arrow_b_green.svg"); }
section#menu_jump div a div.icon { background-image: url("../images/public/arrow_b.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1em 1em; bottom: 0; height: 1em; position: absolute; right: 0.4em; margin: auto; top: 0; width: 1em; }

section.menu-section header div.img-wrap, div.dish div.img-wrap { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; text-align: center; }
section.menu-section header img, div.dish img { max-width: 100%; }
section.menu-section header div.text, div.dish div.text { text-align: left; }
section.menu-section header span.price, div.dish span.price { display: block; font-size: 1.4em; text-align: right; }

section.menu-section { background-color: white; margin-bottom: 0; }
section.menu-section header { color: #612200; padding-top: 0.7em; }
section.menu-section header h2 { background-color: #612200; color: white; margin-bottom: 0.2em; }
section.menu-section header p { color: #612200; margin-bottom: 1em; }
section.menu-section header div.text { margin: auto; width: 300px; }
section.menu-section h2 { border: 0; font-size: 1.6em; margin-bottom: 0; text-align: left; }

div.dishes { max-width: 300px; margin-left: auto; margin-right: auto; background-color: white; }
div.dishes:after { content: " "; display: block; clear: both; }

div.dish { border-top: 1px dotted #612200; padding-bottom: 1em; text-align: center; }

@media (min-width: 620px) { section#menu_jump div { max-width: 600px; margin-left: auto; margin-right: auto; }
  section#menu_jump div:after { content: " "; display: block; clear: both; }
  section#menu_jump div a { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section.menu-section { margin: auto; padding-bottom: 2.5em; width: 620px; }
  section.menu-section header h2 { padding: 0 0.5em; }
  section.menu-section header div.title-wrap { max-width: 600px; margin-left: auto; margin-right: auto; }
  section.menu-section header div.title-wrap:after { content: " "; display: block; clear: both; }
  section.menu-section header.image div.text, section.menu-section header.image div.img-wrap { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section.menu-section header.no-image div.text { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  div.dishes { max-width: 600px; margin-left: auto; margin-right: auto; }
  div.dishes:after { content: " "; display: block; clear: both; }
  div.dishes div.dish { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; padding: 0.3em 0.5em; } }
@media (min-width: 940px) { section#menu_jump div { max-width: 900px; margin-left: auto; margin-right: auto; }
  section#menu_jump div:after { content: " "; display: block; clear: both; }
  section#menu_jump div a { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section.menu-section { width: 940px; }
  section.menu-section header div.title-wrap { max-width: 900px; margin-left: auto; margin-right: auto; }
  section.menu-section header div.title-wrap:after { content: " "; display: block; clear: both; }
  section.menu-section header.image div.img-wrap { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section.menu-section header.image div.text { width: 65%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  div.dishes { max-width: 900px; margin-left: auto; margin-right: auto; }
  div.dishes:after { content: " "; display: block; clear: both; }
  div.dishes div.dish { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; } }
div#search_body section#options { padding: 0; text-align: left; }
div#search_body section#options div#location { background-color: #612200; padding-bottom: 1em; padding-top: 0.5em; }
div#search_body section#options div#location input[type="text"] { border: 0; font-size: 1em; width: 100%; }
div#search_body section#options div#location input.search_button { height: 1.6em; right: 1em; width: 1.6em; }
div#search_body section#options div#location div.text { background-color: white; border: 2px solid #ebe4dc; border-radius: 6px; margin: auto; padding: 0.4em 2.6em 0.4em 1em; position: relative; width: 300px; }
div#search_body section#options.active div.option { display: block; }
div#search_body section#options div.option { border-bottom: 1px solid #612200; padding-bottom: 0.5em; }
div#search_body section#options div#search_buttons { margin: 1em auto 0; }
div#search_body section#options div#search_buttons input[type="submit"], div#search_body section#options div#search_buttons a { margin: 0.5em 0; max-width: inherit; padding: 0.4em 0; width: 100%; }

section#options div.option div.wrap, section#options div#search_buttons, section#results > header p, section#results > header h2, section#results > ul { margin: auto; width: 300px; }

div#map { height: 400px; }

div#g_map { height: 100%; }

section#results header { border-bottom: 4px solid #612200; margin-bottom: 0.7em; padding-bottom: 0.5em; padding-top: 0.5em; }
section#results header h2 { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; text-align: left; }
section#results header p { color: black; }
section#results ul li { max-width: 100%; margin-left: auto; margin-right: auto; background-color: white; margin-bottom: 0.7em; padding: 0.6em; position: relative; }
section#results ul li:after { content: " "; display: block; clear: both; }
section#results ul li a { background-image: url("../portal/img/arrow_r.svg"); background-origin: content-box; background-position: right center; background-repeat: no-repeat; background-size: 1.5em; border: 1px solid white; bottom: 0; height: 100%; left: 0; padding-right: 1em; position: absolute; right: 0; top: 0; width: 100%; z-index: 10; }
section#results ul li a:hover { border: 1px solid #99c553; }
section#results ul li div.image-wrap { width: 23.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
section#results ul li div.image-wrap img { width: 100%; }
section#results ul li div.description { width: 73.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; padding-right: 2em; }
section#results ul li div.description h3 { font-size: 1.1em; margin: 0; padding: 0; }
section#results ul li div.description p { margin-bottom: 0.5em; }
section#results ul li div.arrow { width: 15%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; position: relative; }
section#results ul li div.arrow img { bottom: 0; height: 1.5em; left: 0; position: absolute; right: 0; top: 0; width: 1.5em; }

@media (min-width: 620px) { div#search_body { max-width: 600px; margin-left: auto; margin-right: auto; }
  div#search_body:after { content: " "; display: block; clear: both; }
  div#search_body section#options div.option div.wrap, div#search_body section#results > header p, div#search_body section#results > header h2 { width: inherit; }
  div#search_body section#options div#search_buttons, div#search_body section#results > ul { width: 100%; }
  div#search_body div#map { margin-bottom: 1em; }
  div#search_body section#options { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; background-color: #c1a99a; border-radius: 3px; padding: 0.5em 0.8em; }
  div#search_body section#options div#location { background-color: transparent; padding-bottom: 0; }
  div#search_body section#options div#location div.text { margin-bottom: 0.8em; width: auto; }
  div#search_body section#options div.option { background-color: white; border: 0; border-radius: 6px; display: block; margin-bottom: 0.2em; padding: 0.7em 0.5em 1em; }
  div#search_body section#options div.option h3 { border-bottom: 1px solid #c1a99a; font-size: 1.2em; margin: 0 0 0.3em; }
  div#search_body section#results { width: 66.66667%; float: left; }
  div#search_body section#results header { background-color: white; border: 1px solid #c1a99a; border-radius: 3px; padding: 1.2em 1em 1.5em; }
  div#search_body section#results header h2 { border-bottom: 1px solid #c1a99a; } }
@media (min-width: 940px) { div#search_body { max-width: 900px; margin-left: auto; margin-right: auto; }
  div#search_body:after { content: " "; display: block; clear: both; }
  div#search_body section#options { width: 23.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  div#search_body section#results { width: 75%; float: left; } }
section.article p { margin-bottom: 2em; }
section.article img { max-width: 100%; border: 2px solid white; }
section.article div.gallery { margin-bottom: 2em; }
section.article div.gallery a { background-position: center center; background-repeat: no-repeat; background-size: cover; border: 2px solid white; display: inline-block; height: 144px; width: 144px; }

@media (min-width: 620px) { section.article img.right { float: right; margin-bottom: 0.5em; margin-left: 0.5em; width: 200px; } }
html { box-sizing: border-box; }

* { box-sizing: inherit; }

body { background-color: #ebe4dc; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.4; }

input, select, textarea { font-family: inherit; }

div#wrapper { margin: auto; }

section { color: #612200; margin-bottom: 1em; }
section h2 { border-bottom: 3px solid #612200; font-size: 1.7em; margin-bottom: 0.5em; padding: 0.5em 0 0.2em; text-align: center; }
section h3 { font-size: 1.4em; margin: 0.5em 0 0.3em; }
section article { padding: 0.2em; }
section p { color: black; }

a { text-decoration: none; color: #99c553; }
a.top { color: #612200; }

input[type="button"], input[type="submit"], a.button { background-color: #612200; border-radius: 4px; box-shadow: 0 4px 0 -1px #300000; color: white; cursor: pointer; display: inline-block; margin: 0.5em 1em; max-width: 260px; padding: 0.7em 1em; text-align: center; }
input[type="button"].secondary, input[type="submit"].secondary, a.button.secondary { background-color: #99c553; color: #612200; box-shadow: 0 4px 0 -1px #689221; }
input[type="button"].flat, input[type="submit"].flat, a.button.flat { border: 1px solid #ebe4dc; box-shadow: none; }
input[type="button"].flat.active, input[type="submit"].flat.active, a.button.flat.active { background-color: #ebe4dc; color: #612200; box-shadow: 2px 0px 2px 0px black; }
input[type="button"].small, input[type="submit"].small, a.button.small { padding: 0.2em 0.5em; }
input[type="button"].no-shadow, input[type="submit"].no-shadow, a.button.no-shadow { box-shadow: none; }

input[type="button"], input[type="submit"] { border: 0; }

div.button_wrap { text-align: center; }

img.inline_icon { height: auto; width: 1em; }

div#wrapper > header { text-align: center; }
div#wrapper > header div#menu { background-color: #ebe4dc; height: 2em; margin: auto; position: relative; text-align: left; }
div#wrapper > header div#menu span { color: white; display: none; line-height: 2em; padding-left: 132px; }
div#wrapper > header div#menu div#language { background-color: #612200; background-repeat: no-repeat; background-image: url("../images/public/language.svg"), url("../images/public/arrow_b_white.svg"); background-position: 0.5em center, 2.4em center; background-size: auto 60%, 0.8em 0.8em; color: white; height: 100%; line-height: 2em; padding-left: 3.3em; text-align: left; width: 8.8em; z-index: 2; }
div#wrapper > header div#menu div#language ul { background-color: #612200; cursor: pointer; padding: 0 0.2em 0 0.6em; position: relative; z-index: 10; }
div#wrapper > header div#menu div#language ul li { display: none; }
div#wrapper > header div#menu div#language ul li.active { display: block; }
div#wrapper > header div#menu div#language ul li a { color: white; }
div#wrapper > header div#menu div#language ul:hover li, div#wrapper > header div#menu div#language ul.open li { display: block; }

div#wrapper > header { background: #612200 no-repeat center top url("../images/public/head_bg.png"); background-size: auto 100%; }
div#wrapper > header div#wordmark { background-color: #ebe4dc; color: #612200; display: none; font-size: 1.4em; height: 2.3em; margin-bottom: 180px; }
div#wrapper > header div#wordmark a { color: #612200; }
div#wrapper > header div#wordmark div { font-size: 1.6em; height: 100%; margin: auto; padding-left: 132px; position: relative; text-align: left; }
div#wrapper > header div#wordmark img#small_logo, div#wrapper > header div#wordmark img#logo_bg { bottom: 0; display: none; left: 0; position: absolute; background-repeat: no-repeat; }
div#wrapper > header div#wordmark img#logo_bg { width: 120px; z-index: 1; }
div#wrapper > header div#wordmark img#small_logo { left: 20px; width: 80px; z-index: 2; }
div#wrapper > header div#wordmark form { display: none; }
div#wrapper > header h1, div#wrapper > header h2 { color: white; line-height: 1em; text-shadow: 0 0 3px black; }
div#wrapper > header h1 { font-size: 2em; }
div#wrapper > header h1 a { color: white; }
div#wrapper > header h2 { border: 0; font-size: 1.2em; margin-bottom: 0.7em; }
div#wrapper > header img#logo { display: block; height: auto; margin: auto; width: 180px; }

div#wrapper > header.sub_page section { margin-bottom: 0; }
div#wrapper > header.sub_page section#logo { background-color: #612200; border-top: 1px solid #ebe4dc; padding-top: 1em; }
div#wrapper > header.sub_page section#logo div.wrap { max-width: 300px; margin-left: auto; margin-right: auto; }
div#wrapper > header.sub_page section#logo div.wrap:after { content: " "; display: block; clear: both; }
div#wrapper > header.sub_page section#logo div.wrap div { width: 73.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; text-align: right; }
div#wrapper > header.sub_page section#logo div.wrap div.image-wrap { width: 23.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
div#wrapper > header.sub_page section#logo div.wrap div.image-wrap img { width: 100%; }
div#wrapper > header.sub_page section#logo div.wrap h1 { color: white; font-size: 1.6em; line-height: 3em; }
div#wrapper > header.sub_page section#logo div.wrap a.button { margin: 0; }
div#wrapper > header.sub_page section#search { background-color: #612200; padding-top: 0.7em; }
div#wrapper > header.sub_page section#return { background-color: white; }
div#wrapper > header.sub_page section#return div { background-image: url("../images/public/arrow_l.svg"); background-position: left center; background-repeat: no-repeat; background-size: 0.8em 0.8em; padding: 0.5em 0 0.5em 1.2em; text-align: left; }
div#wrapper > header.sub_page section#return a { color: #612200; }
div#wrapper > header.sub_page section#jump { max-width: 100%; margin-left: auto; margin-right: auto; border-top: 1px solid white; }
div#wrapper > header.sub_page section#jump:after { content: " "; display: block; clear: both; }
div#wrapper > header.sub_page section#jump a { width: 33.33333%; float: left; background-color: #612200; background-position: center 1em; background-repeat: no-repeat; background-size: 1.8em 1.8em; color: white; font-size: 1em; padding: 3em 0 1em; position: relative; text-align: center; }
div#wrapper > header.sub_page section#jump a:first-child { background-image: url("../images/public/restaurant-menu.svg"); }
div#wrapper > header.sub_page section#jump a:nth-child(2) { background-image: url("../images/public/restaurant-info.svg"); border-left: 1px solid white; border-right: 1px solid white; }
div#wrapper > header.sub_page section#jump a:nth-child(3) { background-image: url("../images/public/restaurant-map.svg"); }
div#wrapper > header.sub_page section#jump a img { left: 0; margin: auto; position: absolute; right: 0; top: 1em; width: 1.8em; }

section#search { background-color: rgba(255, 255, 255, 0.4); color: #999999; padding: 1.3em 0 1em; }

section#search form { background: white; border: 4px solid #ebe4dc; border-radius: 6px; display: block; font-size: 1.2em; padding: 0.4em 2.6em 0.4em 1em; position: relative; width: 300px; }
section#search form input[type="text"] { border: 0; font-size: 1em; width: 100%; }
section#search form input.search_button { height: 1.6em; right: 1em; width: 1.6em; }

div#wordmark form { background: white; border: 4px solid #ebe4dc; border-bottom: 0; border-radius: 10px; display: none; float: right; font-size: 0.6em; padding: 0.4em 2em 0.4em 1em; position: relative; margin: -0.6em 9.5em 0 0; width: 165px; }
div#wordmark form input[type="text"] { border: 0; font-size: 1em; width: 100%; }
div#wordmark form input.search_button { height: 1.2em; right: 0.5em; width: 1.2em; }

input.search_button { bottom: 0; margin: auto; position: absolute; top: 0; }

section#pickup { overflow-x: hidden; position: relative; width: 100%; }
section#pickup h2 { margin: 0 auto 0.5em; width: 300px; }
section#pickup div#pickup_wrap { height: 400px; overflow: visible; position: relative; margin: auto; width: 300px; }
section#pickup.left img#scroll_left { display: none; }
section#pickup.center article:first-child { left: -100%; }
section#pickup.center article:nth-child(2) { left: 0; }
section#pickup.center article:nth-child(3) { left: 100%; }
section#pickup.right article:first-child { left: -200%; }
section#pickup.right article:nth-child(2) { left: -100%; }
section#pickup.right article:nth-child(3) { left: 0; }
section#pickup.right img#scroll_right { display: none; }
section#pickup article { padding: 0.2em 0.5em; position: absolute; text-align: left; top: 0; white-space: normal; width: 300px; }
section#pickup article:first-child { left: 0; }
section#pickup article:nth-child(2) { left: 100%; }
section#pickup article:nth-child(3) { left: 200%; }
section#pickup article img { border: 4px solid white; max-width: 100%; }
section#pickup img.control { background-color: white; cursor: pointer; height: 36px; position: absolute; left: 0; top: 13em; width: 36px; z-index: 1; }
section#pickup img.control#scroll_right { left: auto; right: 0; }

section#articles { background-color: white; margin: 2em auto 0; padding: 2em 0; }
section#articles div#article_wrap { max-width: 300px; margin-left: auto; margin-right: auto; background-color: #d6e8ba; padding: 1em; }
section#articles div#article_wrap:after { content: " "; display: block; clear: both; }
section#articles div#article_wrap > h2 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
section#articles div#article_wrap > h3 { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; border-bottom: 3px solid #612200; margin-bottom: 0.5em; margin-top: 0; padding-top: 0; text-align: center; }
section#articles h2, section#articles div.button_wrap { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
section#articles article { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; background-color: white; margin-bottom: 0.4em; padding: 0.7em; }
section#articles article h3 { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
section#articles article div.img_wrap { width: 26.66667%; float: left; margin-left: 3.33333%; margin-right: 3.33333%; }
section#articles article div.img_wrap img { height: auto; width: 100%; }
section#articles article p { width: 60%; float: left; margin-left: 3.33333%; margin-right: 3.33333%; overflow-y: hidden; height: 7em; }
section#articles article a { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; border-top: 3px solid #99c553; color: #612200; display: block; font-size: 1.2em; margin-top: 1em; padding: 1em 0 0.3em; text-align: center; }

section#to_top { background-color: white; font-size: 1.2em; margin-top: 2em; padding: 1.5em 0; text-align: center; }
section#to_top img { display: block; margin: auto; width: 3em; }

footer { text-align: center; }
footer div#social { margin-bottom: 0.5em; padding: 1.5em 0; }
footer div#social a { color: #612200; }
footer div#social img { max-height: 1em; }
footer div#social img.svg { height: 1.5em; max-height: 1.5em; }
footer div#info { background-color: #612200; color: white; font-size: 0.7em; padding: 1em 0; }
footer div#info span#links1, footer div#info span#links2 { display: block; }
footer div#info a { color: white; display: inline-block; }
footer div#info a:after { content: '|'; padding: 0 0.2em; }
footer div#info a:last-child:after { content: ''; }

article, .container { margin: auto; width: 300px; }

.right { text-align: right; }

.container { clear: both; }

@media (min-width: 620px) { .container { width: 600px; }
  div#wrapper > header div#menu { background-color: #612200; width: 600px; }
  div#wrapper > header div#menu span { display: block; }
  div#wrapper > header div#menu div#language { position: absolute; right: 0; top: 0; }
  div#wrapper > header div#wordmark { display: block; }
  div#wrapper > header div#wordmark img#small_logo, div#wrapper > header div#wordmark img#logo_bg { display: block; }
  div#wrapper > header div#wordmark div { width: 600px; }
  div#wrapper > header img#logo { display: none; }
  div#wrapper > header.top_page { background-image: url("../images/public/pc-mainimage.png"); background-position: center 3.8em; background-repeat: repeat-x; background-size: auto 11em; }
  div#wrapper > header.sub_page { background-image: none; }
  div#wrapper > header.sub_page div#wordmark { margin-bottom: 0; }
  div#wrapper > header.sub_page div#wordmark div { width: 600px; }
  div#wrapper > header.sub_page div#wordmark form { display: block; }
  div#wrapper > header.sub_page section#logo, div#wrapper > header.sub_page section#search { display: none; }
  div#wrapper > header.sub_page section#jump { max-width: 600px; margin-left: auto; margin-right: auto; border-top: 0; height: 4em; padding-top: 0.7em; text-align: left; }
  div#wrapper > header.sub_page section#jump:after { content: " "; display: block; clear: both; }
  div#wrapper > header.sub_page section#jump a { background-position: left center; display: inline-block; float: none; height: 2.8em; line-height: 2.8em; margin-right: 1.5em; padding: 0; padding-left: 2.4em; width: auto; }
  div#wrapper > header.sub_page section#jump a:nth-child(2) { border-left: 0; border-right: 0; }
  section#search, section#wordmark form { background-color: transparent; padding-top: 0; }
  section#search input[type="button"], section#search input[type="submit"], section#search a.button, section#wordmark form input[type="button"], section#wordmark form input[type="submit"], section#wordmark form a.button { background-color: #ebe4dc; box-shadow: 0 4px 0 -1px #bfb6af; color: #612200; font-weight: bold; }
  section#pickup div#pickup_wrap { width: 600px; }
  section#pickup.left article:first-child, section#pickup.center article:first-child { left: 0; }
  section#pickup.left article:nth-child(2), section#pickup.center article:nth-child(2) { left: 50%; }
  section#pickup.left article:nth-child(3), section#pickup.center article:nth-child(3) { left: 100%; }
  section#pickup.left img#scroll_left, section#pickup.center img#scroll_left { display: none; }
  section#pickup.right article:first-child { left: -50%; }
  section#pickup.right article:nth-child(2) { left: 0; }
  section#pickup.right article:nth-child(3) { left: 50%; }
  section#pickup.right img#scroll_right { display: none; }
  section#articles div#article_wrap { max-width: 600px; margin-left: auto; margin-right: auto; }
  section#articles div#article_wrap:after { content: " "; display: block; clear: both; }
  section#articles > h2, section#articles > h3 { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; margin-left: 25.83333%; margin-right: 25.83333%; }
  section#articles article { width: 48.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section#articles article p { height: 12em; }
  section#articles.single article { width: 98.33333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
  section#to_top { background-color: transparent; padding-bottom: 0; margin-bottom: 0; }
  section#map + section#to_top { margin-top: 2em; }
  footer div#social { font-size: 1.4em; }
  footer div#info span#links1, footer div#info span#links2 { display: inline; }
  footer div#info span#links1:after { content: '|'; padding: 0 0.2em; } }
@media (min-width: 940px) { div#wrapper > header div#menu, div#wrapper > header div#wordmark div { width: 900px; }
  div#wrapper > header.sub_page div#wordmark div { width: 900px; }
  div#wrapper > header.sub_page div#wordmark form { width: 250px; }
  div#wrapper > header.sub_page section#jump { max-width: 900px; margin-left: auto; margin-right: auto; }
  div#wrapper > header.sub_page section#jump:after { content: " "; display: block; clear: both; }
  .container { width: 900px; }
  section#pickup div#pickup_wrap { width: 900px; }
  section#pickup.left article:first-child, section#pickup.center article:first-child, section#pickup.right article:first-child { left: 0; }
  section#pickup.left article:nth-child(2), section#pickup.center article:nth-child(2), section#pickup.right article:nth-child(2) { left: 33.33333%; }
  section#pickup.left article:nth-child(3), section#pickup.center article:nth-child(3), section#pickup.right article:nth-child(3) { left: 66.66667%; }
  section#pickup img.control { display: none; }
  section#articles div#article_wrap { max-width: 900px; margin-left: auto; margin-right: auto; }
  section#articles div#article_wrap:after { content: " "; display: block; clear: both; }
  section#articles div#article_wrap > h2, section#articles div#article_wrap > h3 { width: 31.66667%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; margin-left: 34.16667%; margin-right: 34.16667%; }
  footer div#social { font-size: 1.8em; } }