body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;border:0;}
html {height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {height:100%;font-size:100%;overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video {display:block;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre {
  white-space:pre;
  word-wrap:normal !important;
  background: transparent !important;
  font-size: 0.875em !important;
  line-height: 1.4em !important;
  padding: 0 !important;
  overflow: hidden;
}
ul,ol {
  padding-left:2em !important;
}
ol ol li {
  list-style-type:lower-alpha;
}
ol ol ol li {
  list-style-type:lower-roman;
}
b,strong {font-weight:bold;}
abbr[title] {border-bottom:1px dotted;}
input,textarea,button,select {
  font-size:1em;
  margin:0;
  line-height:normal;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  cursor:pointer;
  -webkit-appearance:button;
}
textarea {overflow:auto;}
table {border-collapse:collapse;border-spacing:0;}
figure {position:relative;}
figure img,figure object,figure embed,figure video {max-width:100%;display:block;}
img {border:0;-ms-interpolation-mode:bicubic;}
hr {
  background-color:transparent;
  border:0;
  background-image:url(hr.png);
  height:5px;
}
.wrapper {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap {
  overflow: hidden;
  word-wrap: break-word;
}
body {
  font-size: 1em;
  line-height: 1.5em;
}
p { margin:0.6em 0 0 0; }
.small,small,code {
  font-size: 0.8125em;
  line-height: 1.384em;
}
.normal,h4,h3 {
  font-size: 1em;
  line-height: 1.125em;
}
.large,h2,h1 {
  font-size: 1.25em;
  line-height: 1.375em;
  font-weight: normal;
}
.huge {
  font-size: 2.625em;
  line-height: 1.142em;
}
.massive {
  font-size: 4.25em;
  line-height: 1.058em;
}
.gigantic {
  font-size: 6.875em;
  line-height: 1.090em;
}
body,
input,
textarea,
button,
select,h1,h2,h3,
.btn,.btn3,.font1 {
  font-family: Frutiger, "Frutiger Linotype", Univers, "Gill Sans",
  "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans",
  "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  outline: none;
}
pre, code {
  font-family: Menlo, Monaco, monospace;
  font-size: 0.875em;
}
.font2,.db8,.db9,.db1,.box1 {
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif",
  "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}

h3 {
  margin: 3em 0 1.5em;
}
h1,
h2,
h3,
strong,
code {color:#6f4a32;}
blockquote {
  margin-left:1.5em;
  font-style:italic !important;
  color:#787878;
}
html {background-color:#f0ebdf;}
a {
  text-decoration:none;
  color:#6f4a32;
}
a:hover {color:#6f4a32;}
a:active {}
a:visited {}
::selection {background:#2F94B4;color:#fff;}
::-moz-selection {background:#2F94B4;color:#fff;}
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border:none;
}
button,input,select,textarea {background-image:none;}
input[type="file"] {border:none;}
body {-webkit-tap-highlight-color:transparent;}

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  overflow: visible;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(234,234,234,.4);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 1px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 0px;
  background-color: rgba(0,0,0,1.0);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*  320px
*  baseline grid to 16/16 = 1.0
*
*/
body {
  background-color:#f0ebdf;
  color:#6e4c32;
}
.wrapper {position:relative;}

/* clear */
.clear_ {clear:both;}

/* form elements */
.button {
  font-weight:bold;color:#000000;background-color:#FAFAFA;border:1px solid #999999;text-shadow:-1px 1px 0px #FFFFFF;
  border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;
  padding:3px 20px 3px 32px;margin-top:15px;cursor:pointer;
  background-image:url(mouse.png);background-repeat:no-repeat;background-position:+7px center;
}
.button:hover {background-color:#F2F2F2;}
.button:active {/*position:relative;top:2px;*/}
.button {background-image:url(mouse.png);background-repeat:no-repeat;background-position: +8px center;}

.input,
.select,
.textarea {
  border:1px solid #ccc;
  padding:3px;margin-top:15px;width:230px;
}
.textarea {width:450px;height:250px;}
.input:focus,
.input:hover,
.textarea:focus {background:#FAFAFA;}
.select {width:auto;}
.checkbox {margin:0 5px;}
.fm_ {margin-top:15px;}
.ttiny {font-size:80%;color:#9C9C9C;line-height:1.3em;}
.tc {color:#6C8100;}
.cblabel {cursor:pointer;}
.javascript {
  background-image:url(javascript.png);
  background-repeat:no-repeat;
  height:160px;
  padding-left:80px;
  padding-top:8px;
  color:#ACA870;
}

/* iE */
.ie body {
  width: 1200px;
  margin: 0 auto;
  font-size: 1.0em;
}

/*
*
*  header, content, footer
*
*/
#head, #menu_s, #con, #foot {
  margin: 0 5.555555555555555%;
}
#head_wrap, #menu_s_wrap {
  clear: both;
  /*background-color: transparent;
  position: fixed;
  width: 100%;*/
  background-color: #f0ebdf;
  /*z-index: 1000;*/
}
#head_wrap {
  /*margin-top: -210px;*/
}
#head, #menu_s {
  padding: 1.5em 0 0.75em 0;
  font-size: 1em;
  font-weight: bold;
  min-height: 1.6em;
  text-transform: uppercase;
}
#head div.wrapper {
  padding: 0;
}
#con {
  position: relative;
  min-height: 15em;
}
.con {
  padding-bottom:3em;
}
#foot_wrap {
  clear: both;
  background-color: #6e4b3a;
}
#foot {
  padding: 2.5em 0 0;
  font-size: 1em;
  font-weight:bold;
  color: #f0ebdf;
  text-transform: uppercase;
}
#foot section div.wrapper {
  margin: 0 0 2em;
}
#foot a {
  color: #f0ebdf;
}
#head a,
#menu_s a {
  color: #6e4c32;
}
#head a,
#menu_s a {
  margin: 0;
}
#foot a:hover,
#head a:hover,
#menu_s a:hover {}
.mt_s {
  border-bottom:0.125em solid #6e4c32;
}
.ms_m {}
.ms_s {
  border-bottom:0.125em solid #6e4c32;
}
#mt_m {
  border: 1px solid #999;
  padding: 3px;
  float: left;
  margin-right: 10px;
  width: 24px;
  cursor: pointer;
}
.mt_bar {
  background: #828282;
  height: 4px;
  margin-bottom: 4px;
}
#mt_l {}
#mt_r {}
#menu {
  overflow: hidden;
  display: none;
  padding: 0;
}
#content {
  padding: 0;
}
#menu_s {
  border-top: 1px dashed #ccc;
  padding: 0.5em 0 1em;
  overflow: hidden;
  display: none;
}
.touch {
  cursor:pointer;
}
.mobile_ {
  display:none;
}

/*
*
*  rows
*
*/
.rows_ div.wrapper {
  margin:0 0 0.5em;
}
.row100 div.wrapper {
  margin:0 0 0.5em;
}
.row50 div.wrapper {
  margin:0 0 0.5em;
}
.row33 div.wrapper {
  margin:0 0 0.5em;
}
.row25 div.wrapper {
  margin:0 0 0.5em;
}
.row75_ {}
.row25_ {}
.row75__ {}
.row50__ {}
.row25__ {}
section {
  clear:both;
}

.wrapper_ {
  margin:0 !important;
  padding:0 !important;
}
#wrapper_menu {
  overflow:hidden;
}
#wrapper_menu ul {
  float:right;
  list-style-type:none;
  padding-left:0 !important;
}
#wrapper_menu ul ul {
  padding-left:0.2em !important;
  display:none;
}
#wrapper_menu ul ul li {}
#wrapper_menu ul ul ul {
  display:none;
}
#wrapper_menu ul ul ul ul {
  display:none;
}
#wrapper_menu ul li {
  cursor:pointer;
  float:left;
  margin-left:1em;
  border-bottom:2.5px solid transparent;
  height:1.25em;
  line-height:1.25em;
}
#wrapper_menu li {
  color:#ffc300;
}
#wrapper_menu li:hover {}
.menu_gfx {
  border-bottom:2.5px solid #6e4c32 !important;
}
#fixed_menu {
  position:absolute;
  top:0;
  position: fixed;
  width: 100%;
  background-color: #f0ebdf;
  background-color: rgba(240,235,223,.9);
  z-index: 1000;
  display: none;
  padding:0.5em 0;
  box-shadow: 0 3px 3px -3px #A0A0A0;
  -moz-box-shadow: 0 3px 3px -3px #A0A0A0;
  -webkit-box-shadow: 0 3px 3px -3px #A0A0A0;
}
#fixed_menu ul {
  position:relative;
  float:left;
  list-style-type:none;
  padding-left:0 !important;
  display:block;
}
#fixed_menu ul li {
  cursor:pointer;
  float:left;
  margin:0 0.5em;
  border-bottom:2.5px solid transparent;
  height:1.25em;
  line-height:1.25em;
}
/*
#fixed_menu ul li:first-child {
  margin-left:0;
}*/
#fixed_menu li {
  color:#ffc300;
}

.outer-center {
  float: right;
  right: 50%;
  position: relative;
}
.inner-center {
  float: right;
  right: -50%;
  position: relative;
}

.db1,
.db1m {
  border:16px solid transparent;
  -webkit-border-image:url(b1.png) 16 16 round;
  -o-border-image:url(b1.png) 16 16 round;
  border-image:url(b1.png) 16 16 round;
  padding: 0;
}
.db1 > div.wrapper,
.db1m > div.wrapper {
  padding:0;
  margin:0;
}
.db2 {
  border:30px solid transparent;
  -webkit-border-image:url(b2.png) 30 30 round;
  -o-border-image:url(b2.png) 30 30 round;
  border-image:url(b2.png) 30 30 round;
}
.db4 {
  background-color: #6f4a32;
  color: #f0ebdf;
  border:16px solid transparent;
  -webkit-border-image:url(b4.png) 16 16 round;
  -o-border-image:url(b4.png) 16 16 round;
  border-image:url(b4.png) 16 16 round;
  overflow:hidden;
  white-space:nowrap;
}
.db5 {
  background-color: #6f4a32;
  color: #f0ebdf;
  border:18px solid transparent;
  -webkit-border-image:url(b5.png) 18 18 round;
  -o-border-image:url(b5.png) 18 18 round;
  border-image:url(b5.png) 18 18 round;
  overflow:hidden;
  white-space:nowrap;
}
.db6 {
  border-top:3px solid #ab906f;
  border-right:6px solid #ab906f;
  border-bottom:3px solid #ab906f;
  border-left:6px solid #ab906f;
  -webkit-border-image:url(b6.png) 3 6 round;
  -o-border-image:url(b6.png) 3 6 round;
  border-image:url(b6.png) 3 6 round;
  padding: 6px 16px 0 6px !important;
}
.db8,
.db8m {
  border:19px solid transparent;
  -webkit-border-image:url(b8.png) 19 19 round;
  -o-border-image:url(b8.png) 19 19 round;
  border-image:url(b8.png) 19 19 round;
}
.db8 > div.wrapper,
.db8m > div.wrapper {
  padding:0;
  margin:0;
}
.db9 {
  border:19px solid transparent;
  -webkit-border-image:url(b9.png) 19 19 round;
  -o-border-image:url(b9.png) 19 19 round;
  border-image:url(b9.png) 19 19 round;
}
.db9 > div.wrapper {
  padding:0.75em 0 0 0;
  margin:0;
}
.db10 {
  border:16px solid transparent;
  -webkit-border-image:url(b10.png) 16 16 round;
  -o-border-image:url(b10.png) 16 16 round;
  border-image:url(b10.png) 16 16 round;
}
.db0 div.wrapper {
  padding:0;
  margin:0;
}
.weinhead {
  width:100%;
  height:auto;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url(weinhead.png);
  letter-spacing:3px;
  text-align:center;
  font-size: 1.375em;
  line-height: 22px;
  font-weight: bold;
}
.ib1,.ib2,.ib3,.ib4 {
  position:relative;
  line-height:0;
}
.ib1 div:nth-of-type(1),
.ib2 div:nth-of-type(1),
.ib3 div:nth-of-type(1),
.ib4 div:nth-of-type(1) {
  border:2px solid rgba(240,235,223,.8);
  position:absolute;
  top:1.0em;
  right:1.0em;
  bottom:1.0em;
  left:1.0em;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.ib1 div:nth-of-type(1),
.ib4 div:nth-of-type(1) {
  border:11px solid transparent;
  -webkit-border-image:url(ib1.png) 11 11 round;
  -o-border-image:url(ib1.png) 11 11 round;
  border-image:url(ib1.png) 11 11 round;
}
.ib2 div:nth-of-type(1),.ib3 div:nth-of-type(1) {
  border:12px solid transparent;
  -webkit-border-image:url(ib2.png) 12 12 round;
  -o-border-image:url(ib2.png) 12 12 round;
  border-image:url(ib2.png) 12 12 round;
}
.ib3 div:nth-of-type(1),
.ib4 div:nth-of-type(1) {
  top:1.5em;
  right:1.5em;
  bottom:1.5em;
  left:1.5em;
}
.box1 {
  text-align: center;
  background-color: #6e4b3a;
  color: #f0ebdf;
  border: 22px solid transparent;
  -webkit-border-image: url(b3.png) 22 22 round;
  -o-border-image: url(b3.png) 22 22 round;
  border-image: url(b3.png) 22 22 round;
  line-height: 1.6em;
  font-size: 1.125em;
}
.box1 h1 {
  color: #f0ebdf;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(hr1.png);
}
.hr2 {
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(hr2.png);
  margin: 3px 0;
}
.hr3 {
  margin: 32px 0 3px 0;
  clear: both;
}
.hr4 {
  background-repeat: repeat-x;
  background-position: center;
  background-image: url(hr4.png);
  text-align:center;
  border-top:0;
  border-right:2px solid transparent;
  border-bottom:0;
  border-left:2px solid transparent;
  -webkit-border-image:url(b7.png) 2 2 round;
  -o-border-image:url(b7.png) 2 2 round;
  border-image:url(b7.png) 2 2 round;
  text-transform: uppercase;
}
.hr4 > div {
  display:inline;
  width:auto;
  margin:0 auto;
  padding:0 0.6em;
  background-color:#f0ebdf;
  font-size:1em;
  font-weight:bold;
  white-space:nowrap;
  word-wrap:normal;
}
.hr5 {
  background-repeat: repeat-x;
  background-position: center;
  background-image: url(hr5.png);
}
.hr8 {
  background-image: url(hr8.png);
}
.hr9 {
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(hr9.png);
  margin: 3px 0;
}
.t1 {
  display:inline;
  width:auto;
  margin:0 auto;
  padding:0 1em;
  background-color:#6e4b3a;
  font-size:1.25em;
}
.btn,.btn3 {
  display:inline-block;
  border:12px solid transparent;
  -webkit-border-image:url(btn.png) 12 12 round;
  -o-border-image:url(btn.png) 12 12 round;
  border-image:url(btn.png) 12 12 round;
  color: #f0ebdf;
  background-color: #6f4a32;
  text-transform: uppercase;
  padding: 0 5px 0 40px;
  margin-top: 10px;
  line-height: 1.2em;
  font-size: 1em;
  cursor:pointer;
  background-image:url(btnf.png);
  background-repeat:no-repeat;
  background-position:+3px 0px;
  overflow:hidden;
  white-space:nowrap;
}
.btn3 {
  width:170px;
}
.btn2,
.btn4 {
  width:100%;
  position:absolute;
  top:12%;
  left:0;
  line-height:1em;
  text-align:center;
}
.btn4 {
  top:auto;
  bottom:2em;
  text-transform: uppercase;
}
.btn2 > span,
.btn4 > span {
  display:inline-block;
  border-top:10px solid transparent;
  border-right:32px solid transparent;
  border-bottom:10px solid transparent;
  border-left:32px solid transparent;
  -webkit-border-image:url(btn2.png) 10 32 round;
  -o-border-image:url(btn2.png) 10 32 round;
  border-image:url(btn2.png) 10 32 round;
}
.btn2 > span > span,
.btn4 > span > span {
  line-height: 32px;
  font-size: 28px;
  background-color: #f2eee3;
  padding: 0 10px;
  display: block;
}
.rbutton {
  background-image:url(rbutton1.png);
  background-repeat:repeat-x;
  background-position:0px 10px;
  cursor:pointer;
}
.rbutton div {
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  line-height: 85px !important;
}
.rbutton:hover {
  background-image:url(rbutton2.png);
  background-repeat:repeat-x;
  background-position:0px 10px;
}
.rbutton:hover div {
  line-height: 45px !important;
}
.s01 {
  font-size:1.1875em;
}
.s02 {
  font-size:1.0625em;
}
.sitetitle {
  text-align: center;
  background-color: #6f4b32;
  color: #f0ebdf;
  text-transform: uppercase;
  padding:2px 0 5px 0;
  margin-bottom: 1em;
  font-size: 1.375em;
  line-height: 22px;
  font-weight: bold;
}
#top {
  text-align: center;
  height: 41px;
  margin-top: 3em;
}
#topclick {
  cursor: pointer;
}
#gnavi {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#gprev,#gnext {
  position:absolute;
  display:block;
  width:58px;
  height:100%;
  background-repeat:no-repeat;
  background-position:center;
  background-color:rgba(240,235,223,0.7);
  top:0;
  left:0;
  background-image:url(gprev.png);
}
#gnext {
  background-image:url(gnext.png);
  left:auto;
  right:0;
}
#gcon,#ghover {
  background-color: #000;
}
.float {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#logo {
  position:absolute;
  top:23px;
  z-index:10;
  background-image:url(logo.png);
  background-repeat:no-repeat;
  width:268px;
  height:116px;
  display:block;
}
.book_1,.book_2 {
  background-repeat:repeat-y;
  background-size:100% auto;
  border-radius:3em;
  -moz-border-radius:3em;
  -webkit-border-radius:3em;
  padding-top:2em;
}
.book_1 {
  background-image:url(book1.png);
  background-position:right;
  box-shadow: -6px 6px 6px 0px #A0A0A0;
  -moz-box-shadow: -6px 6px 6px 0px #A0A0A0;
  -webkit-box-shadow: -6px 6px 6px 0px #A0A0A0;
}
.book_2 {
  background-image:url(book2.png);
  background-position:left;
  box-shadow: 6px 6px 6px 0px #A0A0A0;
  -moz-box-shadow: 6px 6px 6px 0px #A0A0A0;
  -webkit-box-shadow: 6px 6px 6px 0px #A0A0A0;
}
.open0 {
  height:110px;
}
.open1 {
  width:46%;
  float:left;
  text-align:right;
  padding-right:4%;
}
.open2 {
  width:45.5%;
  float:left;
  text-align:left;
  padding-left:4%;
  border-left:1px solid #ab906f;
}

.zusatzstoff {
  font-size: 70%;
  margin: 0 1px;
  vertical-align: sub;
  line-height: 0;
}
.zusatzstoff_beschreibung {
  display: block;
  font-size: 70%;
  line-height: normal;
  margin-top: 1em;
}

/* init */
@media screen and (min-width: 0em) {

  #head, #menu_s {
    padding: 0.3em 0em 0.75em 0em;
  }
  #head_wrap, #menu_s_wrap {
    position: relative;
    width: auto;
  }
  .t1 {
    display:block;
    font-size:0.75em !important;
    line-height:1.3em !important;
  }
  #logo {
    position:relative;
    background-image:url(logo_m.png);
    background-position:center;
    width:100%;
    height:72px;
    clear:both;
    margin-bottom:2em;
    top:10px;
  }
  #line {
    padding-bottom:0.5em !important;
    margin-top: 0.5em !important;
    float: left;
    clear: both;
    width: 100%;
  }
  #wrapper_menu {
    /*background-repeat:no-repeat;
    background-size:contain;
    background-image:url(logo.png);*/
  }
  .btn1 > span > span,
  .btn2 > span > span,
  .btn4 > span > span {
    line-height: 1em;
    font-size: 1em;
  }
  .btn4 {
    bottom:1em;
  }
  .hr4 > div {
    font-size:0.8125em;
  }
  pre {
    font-size:0.8em !important;
  }
  .btn {
    font-size: 0.8125em;
  }
  .btn3 {
    font-size: 0.8125em;
    width: 150px;
  }
  .ib1 div:nth-of-type(1),
  .ib2 div:nth-of-type(1) {
    top:0.5em;
    right:0.5em;
    bottom:0.5em;
    left:0.5em;
  }
  .ib3 div:nth-of-type(1),
  .ib4 div:nth-of-type(1) {
    top:0.7em;
    right:0.7em;
    bottom:0.7em;
    left:0.7em;
  }
  .open0 {
    height:auto;
  }
  .open1 {
    width:100%;
    text-align:left;
    padding-right:0;
  }
  .open2 {
    width:100%;
    text-align:left;
    border-left:0;
    padding-left:0;
    padding-top:1em;
  }
  .mobile_ {
    display:block;
  }
  .menucardlogo1,
  .menucardlogo2 {
    width:100%!important;
  }
}

/*
*
*  480px 568px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 480px)
*
*/
@media screen and (min-width: 30em) {
  body {
    font-size:1.0625em;
  }
  .row100 div.wrapper {
    text-align:left;
  }
  .row75_ div.wrapper{
    text-align:left;
  }
  .row50 div.wrapper {
    text-align:left;
  }
  .row25 div.wrapper {
    width:50%;
    float:left;
  }
  #head, #menu_s, #foot {
    font-size:1.00em;
  }
  #con {
    min-height:2.5em;
  }
  .btn1 > span > span,
  .btn2 > span > span,
  .btn4 > span > span {
    line-height: 32px;
    font-size: 28px;
  }
  .t1 {
    font-size:1.25em !important;
    line-height: 1.375em !important;
  }
  .hr4 > div {
    font-size:1em;
  }
  pre {
    font-size:0.75em !important;
  }
  .btn {
    font-size: 1em;
  }
  .btn3 {
    font-size: 1em;
    width: 180px;
  }
  .menucardlogo1,
  .menucardlogo2 {
    width:auto!important;
  }
}
/*
*
*  600px 603px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 600px)
*
*/
@media screen and (min-width: 37.5em) {
  #con {
    min-height:30em;
  }
}
/*
*
*  640px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 640px)
*
*/
@media screen and (min-width: 40em) {
  .ib1 div:nth-of-type(1),
  .ib2 div:nth-of-type(1) {
    top:1.0em;
    right:1.0em;
    bottom:1.0em;
    left:1.0em;
  }
  .ib3 div:nth-of-type(1),
  .ib4 div:nth-of-type(1) {
    top:1.5em;
    right:1.5em;
    bottom:1.5em;
    left:1.5em;
  }
  .btn4 {
    bottom:2em;
  }
}
/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
*
*
*  720px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 720px)
*
*/
@media screen and (min-width: 45em) {
  .row33 div.wrapper {
    float:left;
    width:33.333%;
  }
  .row75_ {
    float:left;
    width:66.666%;
  }
  .row25_ {
    float:left;
    width:33.333%;
  }
  #con {
    min-height:39em;
  }
  #mt_r {
    text-align:right;
  }
  #line {
    border-top:1px dashed #6f4a32 !important;
    margin-top:2em !important;
    text-align:right !important;
    padding-top:10px !important;
    padding-bottom:0px !important;
    float: none;
    clear: none;
    width: auto;
  }
  .menucardlogo1 {
    width:100%!important;
  }
}
/*
*
*  768px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 744px)
*
*/
@media screen and (min-width: 46.5em) {
  body {
    font-size: 1em;
  }
  .t1 {
    display:inline;
  }
}
/*
*
*  800px
*  @media screen and (min-width: 800px)
*
*/
@media screen and (min-width: 50em) {
  #logo {
    margin-bottom: 0;
    top: 23px;
    width: 150px;
    background-position: left;
  }
}
/*
*
*  966px
*  Reset baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 888px)
*
*/
@media screen and (min-width: 55.5em) {
  body {
    font-size: 1.0625em;
  }
  .row50 div.wrapper {
    float:left;
    width:50%;
  }
  .row25 div.wrapper {
    width:25%;
  }
  .row75__ {
    float:left;
    width:75%;
  }
  .row50__ {
    float:left;
    width:50%;
  }
  .row25__ {
    float:left;
    width:25%;
  }
  #con {
    min-height:10em;
  }
  #menu {
    display:inline;
  }
  #mt_m  {
    display:none;
  }
  #menu_s_wrap  {
    display:none;
  }
  .s01 {
    font-size:0.75em;
  }
  .s02 {
    font-size:0.625em;
  }
  .mobile_ {
    display:none;
  }
}
/*
*
*  1024px 1152px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 984px)
*
*/
@media screen and (min-width: 61.5em) {
  body {
    font-size: 1em;
  }
  #con {
    min-height:24em;
    /*top:209px;*/
  }
  #head, #menu_s {
    padding:6em 0em 0.75em 0em;
  }
  #head_wrap, #menu_s_wrap {
    /*position: fixed;
    width: 100%;*/
  }
  #logo {
    background-image:url(logo.png);
    width:268px;
    height:116px;
    clear:none;
    position:absolute;
  }
  #wrapper_menu {
    background-image:none;
  }
  .s01 {
    font-size:0.9375em;
  }
  .s02 {
    font-size:0.75em;
  }
  #top {
    /*margin-top: 260px;*/
  }
  .open0 {
    height:116px;
  }
  .open1 {
    width:46%;
    text-align:right;
    padding-right:4%;
  }
  .open2 {
    width:45.5%;
    padding-left:4%;
    border-left:1px solid #ab906f;
    padding-top:0;
  }
  .menucardlogo1 {
    width:auto!important;
  }
}
/*
*
*  1280px
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1200px)
*
*/
@media screen and (min-width: 75em) {
  body {
    font-size: 1.0625em;
  }
  .s01 {
    font-size:1.0em;
  }
  .s02 {
    font-size:0.875em;
  }
  pre {
    font-size:0.875em !important;
  }
}
/*
*
*  1440px 1600px
*  Reset baseline grid to 16/16 = 1.0
*  @media screen and (min-width: 1392px)
*
*/
@media screen and (min-width: 87em) {
  body {
    font-size: 1em;
  }
  #head, #menu_s, #con, #foot {
    margin: 0 16.666666666666664%;
  }
  pre {
    font-size:0.75em !important;
  }
}
/*
*
*  1920px 16/9 Desktop 22-24"
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1680px)
*
*/
@media screen and (min-width: 105em) {
  body {
    font-size: 1.0625em;
  }
  #con {
    min-height:49em;
  }
  .s01 {
    font-size:1.1875em;
  }
  .s02 {
    font-size:1.0em;
  }
  pre {
    font-size:0.875em !important;
  }
}
/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*
*
*  1920px Fullscreen
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 1872px)
*
*/
@media screen and (min-width: 117em) {
  .s02 {
    font-size:1.0625em;
  }
}
/*
*
*  Zoom baseline grid to 17/16 = 1.0625
*  @media screen and (min-width: 2080px)
*
*/
@media screen and (min-width: 130em) {
  #head, #menu_s, #con, #foot {
    margin: 0 22.22222222222222%;
  }
}
/*
*
*  2560px 27"
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 2496px)
*
*/
@media screen and (min-width: 156em) {
  body {
    font-size: 1.125em;
  }
}
/*
*
*  Zoom baseline grid to 18/16 = 1.125
*  @media screen and (min-width: 3216px)
*
*/
@media screen and (min-width: 201em) {
  #head, #menu_s, #con, #foot {
    margin: 0 27.77777777777778%;
  }
}
/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4104px)
*
*/
@media screen and (min-width: 256.5em) {
  body {
    font-size: 1.1875em;
  }
  #head, #menu_s, #con, #foot {
    margin: 0 33.33333333333333%;
  }
}
/*
*
*  Zoom baseline grid to 19/16 = 1.1875
*  @media screen and (min-width: 4440px)
*
*/
@media screen and (min-width: 277.5em) {
  body {
    position: relative;
    max-width: 5120px;
  }
}