@charset "UTF-8";
/* ==========================================================================
   normalize
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.5em;
}

button,
input,
select,
textarea {
  font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  line-height: 1.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em;
}

h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1.5em 40px;
}

dfn {
  font-style: italic;
}

hr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

p,
pre {
  margin: 1.5em 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
  line-height: 1.5em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,
menu,
ol,
ul {
  margin: 1.5em 0;
  padding: 0 0 0 40px;
}

dl {
  padding: 0;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border-color: #c0c0c0;
  margin: 0 2px;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 1.0625em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.875em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.875em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

/* ==========================================================================
   reset
   ========================================================================== */
html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: black;
  line-height: 1.3;
  background: black;
}

h1, h2, h3, h4, p, dl, dt, dd, table, tr, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  font-size: 0;
  line-height: 1;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img, a, div {
  border: none;
  margin: 0;
  padding: 0;
}

img {
  line-height: 1;
  vertical-align: top;
}

a:link, a:visited {
  border: none;
  outline: none;
}

a:focus, a:hover {
  border: none;
  outline: none;
}

a:active {
  border: none;
  outline: none;
}

a:hover {
  color: #E90089;
}

body > img,
body > iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

/* ==========================================================================
   position
   ========================================================================== */
body {
  min-width: 1000px;
  background: #000000;
}
@media only screen and (max-width: 640px) {
  body {
    min-width: 320px;
  }
}

.inner {
  width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .inner {
    width: 320px;
  }
}

#header {
  z-index: 999;
}

#logo-wrapper {
  z-index: 3;
}

#logo-main {
  z-index: 1;
}

#container {
  z-index: 2;
}

#footer {
  z-index: 999;
}

/* ==========================================================================
   header
   ========================================================================== */
#header {
  position: fixed;
  left: 0;
  top: 0;
  height: 69px;
  width: 100%;
  background: url(../img/common/header-bg@pc.png) repeat-x;
}
@media only screen and (max-width: 640px) {
  #header {
    height: 127px;
    background-image: url(../img/common/header-bg.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #header {
    background-image: url(../img/common/header-bg@2x.png);
    -webkit-background-size: 2px 127px;
    -moz-background-size: 2px 127px;
    -o-background-size: 2px 127px;
    background-size: 2px 127px;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #header {
    background-image: url(../img/common/header-bg@2x.png);
    -webkit-background-size: 2px 127px;
    -moz-background-size: 2px 127px;
    -o-background-size: 2px 127px;
    background-size: 2px 127px;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #header {
    background-image: url(../img/common/header-bg@2x.png);
    -webkit-background-size: 2px 127px;
    -moz-background-size: 2px 127px;
    -o-background-size: 2px 127px;
    background-size: 2px 127px;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #header {
    background-image: url(../img/common/header-bg@2x.png);
    -webkit-background-size: 2px 127px;
    -moz-background-size: 2px 127px;
    -o-background-size: 2px 127px;
    background-size: 2px 127px;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #header {
    background-image: url(../img/common/header-bg@2x.png);
    -webkit-background-size: 2px 127px;
    -moz-background-size: 2px 127px;
    -o-background-size: 2px 127px;
    background-size: 2px 127px;
  }
}
#header > .inner {
  position: relative;
  width: 975px;
  padding: 0 15px 0 10px;
  *zoom: 1;
}
#header > .inner:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #header > .inner {
    width: 315px;
    padding: 0 5px 0 0;
  }
}

#jalan_logo {
  float: left;
  display: block;
  padding: 10px;
}

#header-directions {
  position: absolute;
  top: 18px;
  left: 280px;
  line-height: 1.1;
  font-size: 10px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #header-directions {
    width: 300px;
    text-align: left;
    top: 70px;
    left: 10px;
  }
}

#header-right {
  float: right;
}

#header-menu {
  padding: 5px;
  margin-top: 10px;
  cursor: pointer;
}

#header-social-wrapper {
  margin-top: 15px;
}
#header-social-wrapper ul {
  *zoom: 1;
}
#header-social-wrapper ul:after {
  content: "";
  display: block;
  clear: both;
}
#header-social-wrapper li {
  float: left;
  width: 30px;
  height: 30px;
}
#header-social-wrapper li a {
  display: block;
  padding: 5px;
}

#menu-accordion {
  display: none;
  position: absolute;
  overflow: hidden;
  top: 60px;
  left: 0;
  width: 100%;
  height: auto;
  min-width: 320px;
}
#menu-accordion ul {
  *zoom: 1;
  border-top: 1px solid #CCCCCC;
}
#menu-accordion ul:after {
  content: "";
  display: block;
  clear: both;
}
#menu-accordion li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 40px;
  float: left;
  position: relative;
  background: url(../img/common/item-arrow-02.png) no-repeat 10px center #0067b7;
}
#menu-accordion li table, #menu-accordion li tr, #menu-accordion li td {
  width: 100%;
  height: 40px;
}
#menu-accordion li a {
  height: 100%;
  width: 100%;
  display: block;
  text-decoration: none;
}
#menu-accordion li span {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  width: 100%;
  padding-left: 27px;
  font-size: 12px;
  color: #FFFFFF;
}
#menu-accordion li.selected {
  background-image: url(../img/common/item-arrow-02-o.png);
}
#menu-accordion li.selected span {
  color: #FEF434;
}
#menu-accordion li.border-right {
  border-right: 1px solid #CCCCCC;
}
#menu-accordion li.border-bottom {
  border-bottom: 1px solid #CCCCCC;
}
#menu-accordion li.out {
  background-color: #00345C;
  background-image: url(../img/common/item-arrow-02-out.png);
}
#menu-accordion li.out span {
  color: #888888;
}
#menu-accordion li span.small {
  display: inline;
  vertical-align: baseline;
  height: auto;
  width: auto;
  padding-left: 0;
  font-size: 10px;
  color: #888888;
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #menu-accordion li {
    background-image: url(../img/common/item-arrow-02@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.selected {
    background-image: url(../img/common/item-arrow-02-o@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.out {
    background-image: url(../img/common/item-arrow-02-out@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #menu-accordion li {
    background-image: url(../img/common/item-arrow-02@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.selected {
    background-image: url(../img/common/item-arrow-02-o@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.out {
    background-image: url(../img/common/item-arrow-02-out@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #menu-accordion li {
    background-image: url(../img/common/item-arrow-02@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.selected {
    background-image: url(../img/common/item-arrow-02-o@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.out {
    background-image: url(../img/common/item-arrow-02-out@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #menu-accordion li {
    background-image: url(../img/common/item-arrow-02@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.selected {
    background-image: url(../img/common/item-arrow-02-o@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.out {
    background-image: url(../img/common/item-arrow-02-out@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #menu-accordion li {
    background-image: url(../img/common/item-arrow-02@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.selected {
    background-image: url(../img/common/item-arrow-02-o@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #menu-accordion li.out {
    background-image: url(../img/common/item-arrow-02-out@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
}

.lt-ie8 #menu-accordion ul {
  width: 300px;
  margin: 0 auto;
}
.lt-ie8 #menu-accordion li {
  width: 150px;
}
.lt-ie8 #menu-accordion li.border-right {
  width: 149px;
}
.lt-ie8 #menu-accordion li td {
  vertical-align: middle;
  padding-left: 27px;
}
.lt-ie8 #menu-accordion li a {
  display: inline;
}
.lt-ie8 #menu-accordion li span {
  vertical-align: baseline;
  padding: 0;
}

/* ==========================================================================
   footer
   ========================================================================== */
#footer {
  background: #222;
  width: 100%;
  height: 80px;
  border-bottom: solid 2px #333;
}
@media only screen and (max-width: 640px) {
  #footer {
    height: auto;
    border-bottom: none;
  }
}
#footer > .inner {
  width: 1000px;
  margin: 0 auto;
  *zoom: 1;
}
#footer > .inner:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #footer > .inner {
    width: 100%;
  }
}

#recruit-area {
  float: left;
  margin: 14px 0 0 17px;
  width: 257px;
}
@media only screen and (max-width: 640px) {
  #recruit-area {
    float: none;
    margin: 0;
    padding-top: 8px;
    height: 62px;
    width: 100%;
    border-bottom: solid 2px #333333;
  }
}
#recruit-area > .inner {
  width: auto;
}
@media only screen and (max-width: 640px) {
  #recruit-area > .inner {
    width: 257px;
    margin: 0 auto;
  }
}

#j-area {
  float: right;
  margin: 30px 20px 0 0;
}
@media only screen and (max-width: 640px) {
  #j-area {
    margin: 0;
    float: none;
    position: static;
    height: 70px;
  }
}
#j-area small {
  color: #666666;
  font-size: 10px;
}
#j-area > .inner {
  width: auto;
  text-align: right;
}
@media only screen and (max-width: 640px) {
  #j-area > .inner {
    text-align: center;
    padding-top: 10px;
  }
}

#recruit {
  float: left;
  display: block;
  width: 101px;
  height: 27px;
  padding: 3px;
}

#recruit_lifestyle {
  float: left;
  display: block;
  width: 144px;
  height: 11px;
  padding: 3px;
  margin-top: 16px;
}

#recruit_group {
  clear: both;
  padding: 3px;
  font-family: 'メイリオ', Meiryo, 'Osaka', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 10px;
  text-decoration: underline;
  font-weight: bold;
  color: #FFFFFF;
  white-space: nowrap;
}

/* ==========================================================================
   container
   ========================================================================== */
#logo-wrapper {
  position: relative;
  height:380px;
/*  height: 460px; バナー追加*/
}
@media only screen and (max-width: 640px) {
  #logo-wrapper {
    padding-top: 134px;
    height: 190px;
/*  height: 205px; バナー追加*/
  }
}
#logo-wrapper > .inner {
  width: 1000px;
  *zoom: 1;
}
#logo-wrapper > .inner:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #logo-wrapper > .inner {
    position: static;
    width: 320px;
  }
}
#logo-wrapper #logo-main {
  position: relative;
}
@media only screen and (max-width: 640px) {
  #logo-wrapper #logo-main {
    position: static;
    height: auto;
  }
}
#logo-wrapper #j-logo {
  position: absolute;
  top: 213px;
  left: 86px;
  background-image: url("../img/common/jmaji-logo@pc.png");
  background-repeat: no-repeat;
  width: 481px;
  height: 188px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #logo-wrapper #j-logo {
    position: static;
    margin-bottom: 10px;
    background-image: url("../img/common/jmaji-logo.png");
    background-repeat: no-repeat;
    width: 320px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-logo {
    background-image: url("../img/common/jmaji-logo@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 320px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-logo {
    background-image: url("../img/common/jmaji-logo@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 320px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #j-logo {
    background-image: url("../img/common/jmaji-logo@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 320px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-logo {
    background-image: url("../img/common/jmaji-logo@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 320px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-logo {
    background-image: url("../img/common/jmaji-logo@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 320px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#logo-wrapper #logo-catch {
  position: absolute;
  top: 138px;
  left: 581px;
  background-image: url("../img/common/jmaji-logo-catch@pc.png");
  background-repeat: no-repeat;
  width: 333px;
  height: 262px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #logo-wrapper #logo-catch {
    position: static;
    background-image: url("../img/common/jmaji-logo-catch.png");
    background-repeat: no-repeat;
    width: 320px;
    height: 66px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-catch {
    background-image: url("../img/common/jmaji-logo-catch@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 66px;
    -moz-background-size: 320px 66px;
    -o-background-size: 320px 66px;
    background-size: 320px 66px;
    width: 320px;
    height: 66px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-catch {
    background-image: url("../img/common/jmaji-logo-catch@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 66px;
    -moz-background-size: 320px 66px;
    -o-background-size: 320px 66px;
    background-size: 320px 66px;
    width: 320px;
    height: 66px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #logo-catch {
    background-image: url("../img/common/jmaji-logo-catch@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 66px;
    -moz-background-size: 320px 66px;
    -o-background-size: 320px 66px;
    background-size: 320px 66px;
    width: 320px;
    height: 66px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-catch {
    background-image: url("../img/common/jmaji-logo-catch@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 66px;
    -moz-background-size: 320px 66px;
    -o-background-size: 320px 66px;
    background-size: 320px 66px;
    width: 320px;
    height: 66px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-catch {
    background-image: url("../img/common/jmaji-logo-catch@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 320px 66px;
    -moz-background-size: 320px 66px;
    -o-background-size: 320px 66px;
    background-size: 320px 66px;
    width: 320px;
    height: 66px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#logo-wrapper #logo-kotirakara {
  display: block;
  position: absolute;
  top: 397px;
  left: 586px;
  background-image: url("../img/common/jmaji-logo-kotirakara@pc.png");
  background-repeat: no-repeat;
  width: 319px;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#logo-wrapper #logo-nyaran {
  display: block;
  position: absolute;
  top: 487px;
  left: 596px;
  background-image: url("../img/top/hatachi2.jpg");
  background-repeat: no-repeat;
  width: 309px;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#logo-wrapper #logo-hatachi {
  display: block;
  position: absolute;
  top: 577px;
  left: 586px;
  background-image: url("../img/top/hatachi.png");
  background-repeat: no-repeat;
  width: 319px;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#logo-wrapper #logo-hatachi2 {
  display: block;
  position: absolute;
  top: 485px;
  left: 170px;
  background-image: url("../img/top/hatachi2.jpg");
  background-repeat: no-repeat;
  width: 309px;
  height: 81px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}







@media only screen and (max-width: 640px) {
  #logo-wrapper #logo-kotirakara {
    position: static;
    background-image: url("../img/common/jmaji-logo-kotirakara.png");
    background-repeat: no-repeat;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-kotirakara {
    background-image: url("../img/common/jmaji-logo-kotirakara@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-kotirakara {
    background-image: url("../img/common/jmaji-logo-kotirakara@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #logo-kotirakara {
    background-image: url("../img/common/jmaji-logo-kotirakara@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-kotirakara {
    background-image: url("../img/common/jmaji-logo-kotirakara@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-kotirakara {
    background-image: url("../img/common/jmaji-logo-kotirakara@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) {
  #logo-wrapper #logo-nyaran {
    position: static;
    background-image: url("../img/top/hatachi2-2.jpg");
    background-repeat: no-repeat;
    margin-top:15px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-nyaran {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-nyaran {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #logo-nyaran {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-nyaran {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-nyaran {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) {
  #logo-wrapper #logo-hatachi {
    position: static;
    background-image: url("../img/top/hatachi-2.jpg");
    background-repeat: no-repeat;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi {
    background-image: url("../img/top/hatachi@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi {
    background-image: url("../img/top/hatachi@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #logo-hatachi {
    background-image: url("../img/top/hatachi@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi {
    background-image: url("../img/top/hatachi@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi {
    background-image: url("../img/top/hatachi@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}





@media only screen and (max-width: 640px) {
  #logo-wrapper #logo-hatachi2 {
    position: static;
    background-image: url("../img/top/hatachi2-2.png");
    background-repeat: no-repeat;
    width: 309px;
    height: 81px;
    margin-top:15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi2 {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi2 {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #logo-hatachi2 {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi2 {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #logo-hatachi2 {
    background-image: url("../img/top/hatachi2@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 309px 81px;
    -moz-background-size: 309px 81px;
    -o-background-size: 309px 81px;
    background-size: 309px 81px;
    width: 309px;
    height: 81px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container {
  position: relative;
}
#container > .inner {
  width: 960px;
  padding: 140px 20px 0;
}
@media only screen and (max-width: 640px) {
  #container > .inner {
    width: 300px;
    padding: 153px 0 0;
  }
}

#main-nav {
  margin: 0 0 -51px 0;
}

#main-nav a,
#main-nav span {
  display: block;
  background-repeat: no-repeat;
  width: 106px;
  height: 70px;
  text-indent: -9999px;
  overflow: hidden;
}
#main-nav a {
  -webkit-tap-highlight-color:transparent;
}
#main-nav li {
  position: relative;
}
#main-nav li .new {
  position: absolute;
  background: url('../img/common/nav-new.png') no-repeat;
  width: 41px;
  height: 41px;
  top: -12px;
  right: 0;
}

#main-nav a,
#main-nav span {
  background-image: url('../img/common/nav-pc.png');
}

.nav-about a {
  background-position: 0 -1040px;
}

.no-touch .nav-about a:hover,
.touch .nav-about a.touch {
  background-position: 0 -1120px;
}

.nav-about.selected span {
  background-position: 0 -1200px;
}

.nav-chumoku a {
  background-position: 0 -1280px;
}

.no-touch .nav-chumoku a:hover,
.touch .nav-chumoku a.touch {
  background-position: 0 -1360px;
}

.nav-chumoku.selected span {
  background-position: 0 -1440px;
}

.nav-day_place a {
  background-position: 0 -480px;
}

.no-touch .nav-day_place a:hover,
.touch .nav-day_place a.touch {
  background-position: 0 -560px;
}

.nav-day_place.selected span {
  background-position: 0 -640px;
}

.nav-kokuchi a {
  background-position: 0 -1520px;
}

.no-touch .nav-kokuchi a:hover,
.touch .nav-kokuchi a.touch {
  background-position: 0 -1600px;
}

.nav-kokuchi.selected span {
  background-position: 0 -1680px;
}

.nav-manners a {
  background-position: 0 -240px;
}

.no-touch .nav-manners a:hover,
.touch .nav-manners a.touch {
  background-position: 0 -320px;
}

.nav-manners.selected span {
  background-position: 0 -400px;
}

.nav-message a {
  background-position: 0 -720px;
}

.no-touch .nav-message a:hover,
.touch .nav-message a.touch {
  background-position: 0 -800px;
}

.nav-message.selected span {
  background-position: 0 -880px;
}

.nav-moraikata a {
  background-position: 0 -80px;
}

.no-touch .nav-moraikata a:hover,
.touch .nav-moraikata a.touch {
  background-position: 0 0;
}

.nav-moraikata.selected span {
  background-position: 0 -160px;
}

.nav-top a {
  background-position: 0 -1840px;
}

.no-touch .nav-top a:hover,
.touch .nav-top a.touch {
  background-position: 0 -1760px;
}

.nav-top.selected span {
  background-position: 0 -1920px;
}

.nav-chumoku.out span {
  background-position: 0 -960px;
}

@media only screen and (max-width: 640px) {
  #main-nav {
    margin: 0 0 -127px 0;
  }
  
  #main-nav a,
  #main-nav span {
    width: 140px;
    height: 70px;
    background-image: url('../img/common/nav.png');
  }
  .nav-about a {
    background-position: 0 -1200px;
  }
  
  .no-touch .nav-about a:hover,
  .touch .nav-about a.touch {
    background-position: 0 -960px;
  }
  
  .nav-about.selected span {
    background-position: 0 -1120px;
  }
  
  .nav-chumoku a {
    background-position: 0 -1600px;
  }
  
  .no-touch .nav-chumoku a:hover,
  .touch .nav-chumoku a.touch {
    background-position: 0 -1280px;
  }
  
  .nav-chumoku.selected span {
    background-position: 0 -1360px;
  }
  
  .nav-day_place a {
    background-position: 0 -560px;
  }
  
  .no-touch .nav-day_place a:hover,
  .touch .nav-day_place a.touch {
    background-position: 0 -640px;
  }
  
  .nav-day_place.selected span {
    background-position: 0 -400px;
  }
  
  .nav-kokuchi a {
    background-position: 0 -1680px;
  }
  
  .no-touch .nav-kokuchi a:hover,
  .touch .nav-kokuchi a.touch {
    background-position: 0 -1440px;
  }
  
  .nav-kokuchi.selected span {
    background-position: 0 -1520px;
  }
  
  .nav-manners a {
    background-position: 0 -480px;
  }
  
  .no-touch .nav-manners a:hover,
  .touch .nav-manners a.touch {
    background-position: 0 -160px;
  }
  
  .nav-manners.selected span {
    background-position: 0 -240px;
  }
  
  .nav-message a {
    background-position: 0 -880px;
  }
  
  .no-touch .nav-message a:hover,
  .touch .nav-message a.touch {
    background-position: 0 -720px;
  }
  
  .nav-message.selected span {
    background-position: 0 -800px;
  }
  
  .nav-moraikata a {
    background-position: 0 -320px;
  }
  
  .no-touch .nav-moraikata a:hover,
  .touch .nav-moraikata a.touch {
    background-position: 0 0;
  }
  
  .nav-moraikata.selected span {
    background-position: 0 -80px;
  }
  
  .nav-top a {
    background-position: 0 -1920px;
  }
  
  .no-touch .nav-top a:hover,
  .touch .nav-top a.touch {
    background-position: 0 -1760px;
  }
  
  .nav-top.selected span {
    background-position: 0 -1840px;
  }
  
  .nav-chumoku.out span {
    background-position: 0 -1040px;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #main-nav a,
  #main-nav span {
    background-image: url('../img/common/nav-2x.png');
    -webkit-background-size: 140px 1870px;
    -moz-background-size: 140px 1870px;
    -o-background-size: 140px 1870px;
    background-size: 140px 1870px;
  }
  
  #main-nav li .new {
    background-image: url('../img/common/nav-new@2x.png');
    -webkit-background-size: 41px auto;
    -moz-background-size: 41px auto;
    -o-background-size: 41px auto;
    background-size: 41px auto;
  }

  .nav-about a {
    background-position: 0 -975px;
  }

  .no-touch .nav-about a:hover,
  .touch .nav-about a.touch {
    background-position: 0 -1050px;
  }
  
  .nav-about.selected span {
    background-position: 0 -1125px;
  }
  
  .nav-chumoku a {
    background-position: 0 -1200px;
  }
  
  .no-touch .nav-chumoku a:hover,
  .touch .nav-chumoku a.touch {
    background-position: 0 -1275px;
  }
  
  .nav-chumoku.selected span {
    background-position: 0 -1350px;
  }
  
  .nav-day_place a {
    background-position: 0 -450px;
  }
  
  .no-touch .nav-day_place a:hover,
  .touch .nav-day_place a.touch {
    background-position: 0 -525px;
  }
  
  .nav-day_place.selected span {
    background-position: 0 -600px;
  }
  
  .nav-kokuchi a {
    background-position: 0 -1425px;
  }
  
  .no-touch .nav-kokuchi a:hover,
  .touch .nav-kokuchi a.touch {
    background-position: 0 -1500px;
  }
  
  .nav-kokuchi.selected span {
    background-position: 0 -1575px;
  }
  
  .nav-manners a {
    background-position: 0 -225px;
  }
  
  .no-touch .nav-manners a:hover,
  .touch .nav-manners a.touch {
    background-position: 0 -375px;
  }
  
  .nav-manners.selected span {
    background-position: 0 -300px;
  }
  
  .nav-message a {
    background-position: 0 -675px;
  }
  
  .no-touch .nav-message a:hover,
  .touch .nav-message a.touch {
    background-position: 0 -750px;
  }
  
  .nav-message.selected span {
    background-position: 0 -825px;
  }
  
  .nav-moraikata a {
    background-position: 0 0;
  }
  
  .no-touch .nav-moraikata a:hover,
  .touch .nav-moraikata a.touch {
    background-position: 0 -75px;
  }
  
  .nav-moraikata.selected span {
    background-position: 0 -150px;
  }
  
  .nav-top a {
    background-position: 0 -1650px;
  }
  
  .no-touch .nav-top a:hover,
  .touch .nav-top a.touch {
    background-position: 0 -1725px;
  }
  
  .nav-top.selected span {
    background-position: 0 -1800px;
  }
  
  .nav-chumoku.out span {
    background-position: 0 -900px;
  }

}

@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #main-nav a,
  #main-nav span {
    background-image: url('../img/common/nav-2x.png');
    -webkit-background-size: 140px 1870px;
    -moz-background-size: 140px 1870px;
    -o-background-size: 140px 1870px;
    background-size: 140px 1870px;
  }
  
  #main-nav li .new {
    background-image: url('../img/common/nav-new@2x.png');
    -webkit-background-size: 41px auto;
    -moz-background-size: 41px auto;
    -o-background-size: 41px auto;
    background-size: 41px auto;
  }

  .nav-about a {
    background-position: 0 -975px;
  }

  .no-touch .nav-about a:hover,
  .touch .nav-about a.touch {
    background-position: 0 -1050px;
  }
  
  .nav-about.selected span {
    background-position: 0 -1125px;
  }
  
  .nav-chumoku a {
    background-position: 0 -1200px;
  }
  
  .no-touch .nav-chumoku a:hover,
  .touch .nav-chumoku a.touch {
    background-position: 0 -1275px;
  }
  
  .nav-chumoku.selected span {
    background-position: 0 -1350px;
  }
  
  .nav-day_place a {
    background-position: 0 -450px;
  }
  
  .no-touch .nav-day_place a:hover,
  .touch .nav-day_place a.touch {
    background-position: 0 -525px;
  }
  
  .nav-day_place.selected span {
    background-position: 0 -600px;
  }
  
  .nav-kokuchi a {
    background-position: 0 -1425px;
  }
  
  .no-touch .nav-kokuchi a:hover,
  .touch .nav-kokuchi a.touch {
    background-position: 0 -1500px;
  }
  
  .nav-kokuchi.selected span {
    background-position: 0 -1575px;
  }
  
  .nav-manners a {
    background-position: 0 -225px;
  }
  
  .no-touch .nav-manners a:hover,
  .touch .nav-manners a.touch {
    background-position: 0 -375px;
  }
  
  .nav-manners.selected span {
    background-position: 0 -300px;
  }
  
  .nav-message a {
    background-position: 0 -675px;
  }
  
  .no-touch .nav-message a:hover,
  .touch .nav-message a.touch {
    background-position: 0 -750px;
  }
  
  .nav-message.selected span {
    background-position: 0 -825px;
  }
  
  .nav-moraikata a {
    background-position: 0 0;
  }
  
  .no-touch .nav-moraikata a:hover,
  .touch .nav-moraikata a.touch {
    background-position: 0 -75px;
  }
  
  .nav-moraikata.selected span {
    background-position: 0 -150px;
  }
  
  .nav-top a {
    background-position: 0 -1650px;
  }
  
  .no-touch .nav-top a:hover,
  .touch .nav-top a.touch {
    background-position: 0 -1725px;
  }
  
  .nav-top.selected span {
    background-position: 0 -1800px;
  }
  
  .nav-chumoku.out span {
    background-position: 0 -900px;
  }

}

@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #main-nav a,
  #main-nav span {
    background-image: url('../img/common/nav-2x.png');
    -webkit-background-size: 140px 1870px;
    -moz-background-size: 140px 1870px;
    -o-background-size: 140px 1870px;
    background-size: 140px 1870px;
  }
  
  #main-nav li .new {
    background-image: url('../img/common/nav-new@2x.png');
    -webkit-background-size: 41px auto;
    -moz-background-size: 41px auto;
    -o-background-size: 41px auto;
    background-size: 41px auto;
  }

  .nav-about a {
    background-position: 0 -975px;
  }

  .no-touch .nav-about a:hover,
  .touch .nav-about a.touch {
    background-position: 0 -1050px;
  }
  
  .nav-about.selected span {
    background-position: 0 -1125px;
  }
  
  .nav-chumoku a {
    background-position: 0 -1200px;
  }
  
  .no-touch .nav-chumoku a:hover,
  .touch .nav-chumoku a.touch {
    background-position: 0 -1275px;
  }
  
  .nav-chumoku.selected span {
    background-position: 0 -1350px;
  }
  
  .nav-day_place a {
    background-position: 0 -450px;
  }
  
  .no-touch .nav-day_place a:hover,
  .touch .nav-day_place a.touch {
    background-position: 0 -525px;
  }
  
  .nav-day_place.selected span {
    background-position: 0 -600px;
  }
  
  .nav-kokuchi a {
    background-position: 0 -1425px;
  }
  
  .no-touch .nav-kokuchi a:hover,
  .touch .nav-kokuchi a.touch {
    background-position: 0 -1500px;
  }
  
  .nav-kokuchi.selected span {
    background-position: 0 -1575px;
  }
  
  .nav-manners a {
    background-position: 0 -225px;
  }
  
  .no-touch .nav-manners a:hover,
  .touch .nav-manners a.touch {
    background-position: 0 -375px;
  }
  
  .nav-manners.selected span {
    background-position: 0 -300px;
  }
  
  .nav-message a {
    background-position: 0 -675px;
  }
  
  .no-touch .nav-message a:hover,
  .touch .nav-message a.touch {
    background-position: 0 -750px;
  }
  
  .nav-message.selected span {
    background-position: 0 -825px;
  }
  
  .nav-moraikata a {
    background-position: 0 0;
  }
  
  .no-touch .nav-moraikata a:hover,
  .touch .nav-moraikata a.touch {
    background-position: 0 -75px;
  }
  
  .nav-moraikata.selected span {
    background-position: 0 -150px;
  }
  
  .nav-top a {
    background-position: 0 -1650px;
  }
  
  .no-touch .nav-top a:hover,
  .touch .nav-top a.touch {
    background-position: 0 -1725px;
  }
  
  .nav-top.selected span {
    background-position: 0 -1800px;
  }
  
  .nav-chumoku.out span {
    background-position: 0 -900px;
  }

}

@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #main-nav a,
  #main-nav span {
    background-image: url('../img/common/nav-2x.png');
    -webkit-background-size: 140px 1870px;
    -moz-background-size: 140px 1870px;
    -o-background-size: 140px 1870px;
    background-size: 140px 1870px;
  }
  
  #main-nav li .new {
    background-image: url('../img/common/nav-new@2x.png');
    -webkit-background-size: 41px auto;
    -moz-background-size: 41px auto;
    -o-background-size: 41px auto;
    background-size: 41px auto;
  }

  .nav-about a {
    background-position: 0 -975px;
  }

  .no-touch .nav-about a:hover,
  .touch .nav-about a.touch {
    background-position: 0 -1050px;
  }
  
  .nav-about.selected span {
    background-position: 0 -1125px;
  }
  
  .nav-chumoku a {
    background-position: 0 -1200px;
  }
  
  .no-touch .nav-chumoku a:hover,
  .touch .nav-chumoku a.touch {
    background-position: 0 -1275px;
  }
  
  .nav-chumoku.selected span {
    background-position: 0 -1350px;
  }
  
  .nav-day_place a {
    background-position: 0 -450px;
  }
  
  .no-touch .nav-day_place a:hover,
  .touch .nav-day_place a.touch {
    background-position: 0 -525px;
  }
  
  .nav-day_place.selected span {
    background-position: 0 -600px;
  }
  
  .nav-kokuchi a {
    background-position: 0 -1425px;
  }
  
  .no-touch .nav-kokuchi a:hover,
  .touch .nav-kokuchi a.touch {
    background-position: 0 -1500px;
  }
  
  .nav-kokuchi.selected span {
    background-position: 0 -1575px;
  }
  
  .nav-manners a {
    background-position: 0 -225px;
  }
  
  .no-touch .nav-manners a:hover,
  .touch .nav-manners a.touch {
    background-position: 0 -375px;
  }
  
  .nav-manners.selected span {
    background-position: 0 -300px;
  }
  
  .nav-message a {
    background-position: 0 -675px;
  }
  
  .no-touch .nav-message a:hover,
  .touch .nav-message a.touch {
    background-position: 0 -750px;
  }
  
  .nav-message.selected span {
    background-position: 0 -825px;
  }
  
  .nav-moraikata a {
    background-position: 0 0;
  }
  
  .no-touch .nav-moraikata a:hover,
  .touch .nav-moraikata a.touch {
    background-position: 0 -75px;
  }
  
  .nav-moraikata.selected span {
    background-position: 0 -150px;
  }
  
  .nav-top a {
    background-position: 0 -1650px;
  }
  
  .no-touch .nav-top a:hover,
  .touch .nav-top a.touch {
    background-position: 0 -1725px;
  }
  
  .nav-top.selected span {
    background-position: 0 -1800px;
  }
  
  .nav-chumoku.out span {
    background-position: 0 -900px;
  }

}

@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #main-nav a,
  #main-nav span {
    background-image: url('../img/common/nav-2x.png');
    -webkit-background-size: 140px 1870px;
    -moz-background-size: 140px 1870px;
    -o-background-size: 140px 1870px;
    background-size: 140px 1870px;
  }
  
  #main-nav li .new {
    background-image: url('../img/common/nav-new@2x.png');
    -webkit-background-size: 41px auto;
    -moz-background-size: 41px auto;
    -o-background-size: 41px auto;
    background-size: 41px auto;
  }

  .nav-about a {
    background-position: 0 -975px;
  }

  .no-touch .nav-about a:hover,
  .touch .nav-about a.touch {
    background-position: 0 -1050px;
  }
  
  .nav-about.selected span {
    background-position: 0 -1125px;
  }
  
  .nav-chumoku a {
    background-position: 0 -1200px;
  }
  
  .no-touch .nav-chumoku a:hover,
  .touch .nav-chumoku a.touch {
    background-position: 0 -1275px;
  }
  
  .nav-chumoku.selected span {
    background-position: 0 -1350px;
  }
  
  .nav-day_place a {
    background-position: 0 -450px;
  }
  
  .no-touch .nav-day_place a:hover,
  .touch .nav-day_place a.touch {
    background-position: 0 -525px;
  }
  
  .nav-day_place.selected span {
    background-position: 0 -600px;
  }
  
  .nav-kokuchi a {
    background-position: 0 -1425px;
  }
  
  .no-touch .nav-kokuchi a:hover,
  .touch .nav-kokuchi a.touch {
    background-position: 0 -1500px;
  }
  
  .nav-kokuchi.selected span {
    background-position: 0 -1575px;
  }
  
  .nav-manners a {
    background-position: 0 -225px;
  }
  
  .no-touch .nav-manners a:hover,
  .touch .nav-manners a.touch {
    background-position: 0 -375px;
  }
  
  .nav-manners.selected span {
    background-position: 0 -300px;
  }
  
  .nav-message a {
    background-position: 0 -675px;
  }
  
  .no-touch .nav-message a:hover,
  .touch .nav-message a.touch {
    background-position: 0 -750px;
  }
  
  .nav-message.selected span {
    background-position: 0 -825px;
  }
  
  .nav-moraikata a {
    background-position: 0 0;
  }
  
  .no-touch .nav-moraikata a:hover,
  .touch .nav-moraikata a.touch {
    background-position: 0 -75px;
  }
  
  .nav-moraikata.selected span {
    background-position: 0 -150px;
  }
  
  .nav-top a {
    background-position: 0 -1650px;
  }
  
  .no-touch .nav-top a:hover,
  .touch .nav-top a.touch {
    background-position: 0 -1725px;
  }
  
  .nav-top.selected span {
    background-position: 0 -1800px;
  }
  
  .nav-chumoku.out span {
    background-position: 0 -900px;
  }

}

#main-nav ul {
  *zoom: 1;
  margin-left: -16px;
}
#main-nav ul:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #main-nav ul {
    margin-left: -20px;
  }
}
#main-nav li {
  float: left;
  margin: 0 0 0 16px;
}
#main-nav li.odd {
  margin-left: 16px;
}
@media only screen and (max-width: 640px) {
  #main-nav li {
    margin: 0 0 15px 20px;
  }
  #main-nav li.odd {
    margin-left: 20px;
  }
}

.lt-ie8 #main-nav, .lt-ie8 #main-nav ul {
  position: relative;
}

#wrapper-box {
  padding-top: 89px;
  margin-left: -30px;
  *zoom: 1;
}
#wrapper-box:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #wrapper-box {
    padding-top: 149px;
    margin-left: 0;
  }
}

#container .box {
  position: relative;
  background: #FFFFFF;
  margin: 0 0 20px 30px;
  float: left;
}
@media only screen and (max-width: 640px) {
  #container .box {
    margin: 0 0 30px 0;
  }
}
#container .box .icon {
  position: absolute;
  top: -16px;
  left: -9px;
  z-index: 100;
}
#container .box#box-ticket {
  float: right;
  background-color: transparent;
}
#container .box#box-ticket > a {
  display: block;
  margin-left: -12px;
  margin-top: -26px;
}
@media only screen and (max-width: 640px) {
  #container .box#box-ticket {
    margin-top: 20px;
  }
}
#container .box#likebox {
  float: right;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container .box#likebox {
    margin-bottom: 20px;
  }
}
#container .box#reservation {
  width: 300px;
  float: right;
}
@media only screen and (max-width: 640px) {
  #container .box#reservation {
    margin-bottom: 16px;
  }
}
#container .box#reservation a {
  display: block;
  height: 43px;
  line-height: 43px;
  font-size: 12px;
  padding-left: 38px;
  background: url(../img/common/item-arrow-white.png) no-repeat 5px center #0068b7;
  color: #FFFFFF;
  text-decoration: none;
}
#container .box#reservation a:hover {
  background-image: url(../img/common/item-arrow-white-o.png);
  color: #FEF434;
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container .box#reservation a {
    background-image: url(../img/common/item-arrow-white@2x.png);
    -webkit-background-size: 22px auto;
    -moz-background-size: 22px auto;
    -o-background-size: 22px auto;
    background-size: 22px auto;
  }
  #container .box#reservation a:hover {
    background-image: url(../img/common/item-arrow-white-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container .box#reservation a {
    background-image: url(../img/common/item-arrow-white@2x.png);
    -webkit-background-size: 22px auto;
    -moz-background-size: 22px auto;
    -o-background-size: 22px auto;
    background-size: 22px auto;
  }
  #container .box#reservation a:hover {
    background-image: url(../img/common/item-arrow-white-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container .box#reservation a {
    background-image: url(../img/common/item-arrow-white@2x.png);
    -webkit-background-size: 22px auto;
    -moz-background-size: 22px auto;
    -o-background-size: 22px auto;
    background-size: 22px auto;
  }
  #container .box#reservation a:hover {
    background-image: url(../img/common/item-arrow-white-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container .box#reservation a {
    background-image: url(../img/common/item-arrow-white@2x.png);
    -webkit-background-size: 22px auto;
    -moz-background-size: 22px auto;
    -o-background-size: 22px auto;
    background-size: 22px auto;
  }
  #container .box#reservation a:hover {
    background-image: url(../img/common/item-arrow-white-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container .box#reservation a {
    background-image: url(../img/common/item-arrow-white@2x.png);
    -webkit-background-size: 22px auto;
    -moz-background-size: 22px auto;
    -o-background-size: 22px auto;
    background-size: 22px auto;
  }
  #container .box#reservation a:hover {
    background-image: url(../img/common/item-arrow-white-o@2x.png);
  }
}
#container .box#policy {
  float: right;
  width: 280px;
  padding: 0 10px;
  margin-bottom: 9px;
}
@media only screen and (max-width: 640px) {
  #container .box#policy {
    margin-bottom: 16px;
  }
}
#container .box#policy li {
  border-bottom: solid 1px #CCCCCC;
}
#container .box#policy li.last-child {
  border-bottom: none;
}
#container .box#policy li a {
  display: block;
  height: 43px;
  line-height: 43px;
  font-size: 12px;
  padding-left: 17px;
  background-image: url(../img/common/item-arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  color: #0068B7;
  text-decoration: none;
}
#container .box#policy li a:hover {
  background-image: url(../img/common/item-arrow-o.png);
  color: #E90089;
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container .box#policy li a {
    background-image: url(../img/common/item-arrow@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #container .box#policy li a:hover {
    background-image: url(../img/common/item-arrow-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container .box#policy li a {
    background-image: url(../img/common/item-arrow@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #container .box#policy li a:hover {
    background-image: url(../img/common/item-arrow-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container .box#policy li a {
    background-image: url(../img/common/item-arrow@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #container .box#policy li a:hover {
    background-image: url(../img/common/item-arrow-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container .box#policy li a {
    background-image: url(../img/common/item-arrow@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #container .box#policy li a:hover {
    background-image: url(../img/common/item-arrow-o@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container .box#policy li a {
    background-image: url(../img/common/item-arrow@2x.png);
    -webkit-background-size: 11px 11px;
    -moz-background-size: 11px 11px;
    -o-background-size: 11px 11px;
    background-size: 11px 11px;
  }
  #container .box#policy li a:hover {
    background-image: url(../img/common/item-arrow-o@2x.png);
  }
}
#container .box#social-box {
  float: right;
  width: 300px;
  background: transparent;
  margin-bottom: 0;
}
#container .box#social-box ul {
  width: 135px;
  margin: 0 auto;
  *zoom: 1;
}
#container .box#social-box ul:after {
  content: "";
  display: block;
  clear: both;
}
#container .box#social-box li {
  float: left;
}
#container .box#social-box li a {
  display: block;
  padding: 3px;
}
#container .box.main {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 0px;
}
@media only screen and (max-width: 640px) {
  #container .box.main {
    margin-bottom: 20px;
  }
}
#container .box.main .ribbon {
  position: absolute;
  top: -7px;
  left: 13px;
}
#container .box.main h2 {
  padding: 17px 0 17px 0;
  border-top: solid 4px #0068B7;
  border-bottom: solid 4px #0068B7;
  margin-bottom: 18px;
}
#container .box.main h2 > div {
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  #container .box.main h2 {
    padding: 0 0 22px 40px;
    border-top: none;
    border-bottom: solid 4px #0068B7;
    margin-bottom: 18px;
  }
  #container .box.main h2 > div {
    margin: 0;
  }
}
#container #main-top {
  width: 590px;
  padding: 20px 20px 20px 20px;
}
@media only screen and (max-width: 640px) {
  #container #main-top {
    width: 270px;
    padding: 29px 15px 7px 15px;
  }
}
#container #main-top h2 {
  padding: 17px 0 17px 0;
  margin-bottom: 18px;
}
@media only screen and (max-width: 640px) {
  #container #main-top h2 {
    padding: 0 0 22px 40px;
    margin-bottom: 18px;
  }
}
#container #main-top h2 > div {
  background-image: url("../img/top/main-h2@pc.png");
  background-repeat: no-repeat;
  width: 289px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-top h2 > div {
    background-image: url("../img/top/main-h2.png");
    background-repeat: no-repeat;
    width: 230px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-top h2 > div {
    background-image: url("../img/top/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 30px;
    -moz-background-size: 230px 30px;
    -o-background-size: 230px 30px;
    background-size: 230px 30px;
    width: 230px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-top h2 > div {
    background-image: url("../img/top/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 30px;
    -moz-background-size: 230px 30px;
    -o-background-size: 230px 30px;
    background-size: 230px 30px;
    width: 230px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-top h2 > div {
    background-image: url("../img/top/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 30px;
    -moz-background-size: 230px 30px;
    -o-background-size: 230px 30px;
    background-size: 230px 30px;
    width: 230px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-top h2 > div {
    background-image: url("../img/top/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 30px;
    -moz-background-size: 230px 30px;
    -o-background-size: 230px 30px;
    background-size: 230px 30px;
    width: 230px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-top h2 > div {
    background-image: url("../img/top/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 30px;
    -moz-background-size: 230px 30px;
    -o-background-size: 230px 30px;
    background-size: 230px 30px;
    width: 230px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-top p {
  font-weight: bold;
  font-size: 23px;
  line-height: 1.3;
  margin-bottom: 30px;
}
#container #main-top p .fcred {
  color:#ff0000;
  font-weight: bold;
  font-size: 23px;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  #container #main-top p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  #container #main-top p .fcred {
    color:#ff0000;
    font-size: 18px;
    line-height: 1.2;
  }
}
#container #main-top p > span {
  font-size: 15px;
}
@media only screen and (max-width: 640px) {
  #container #main-top p > span {
    display: block;
    margin-top: .5em;
  }
}
#container #main-top dt {
  clear: both;
  float: left;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  height: 30px;
  line-height: 30px;
  width: 200px;
  text-align: center;
  background: #0067B7;
  margin-bottom: 20px;
}
#container #main-top dt.small {
  font-size: 14px;
}
#container #main-top dt.small .kakko{
  font-size: 10px;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  #container #main-top dt {
    float: none;
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px;
  }
}
#container #main-top dd {
  float: left;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 20px 10px;
  padding-top: .5em;
  width: 380px;
}
@media only screen and (max-width: 640px) {
  #container #main-top dd {
    line-height: 1.3;
    float: none;
    width: auto;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
}
#container #main-top dd #j-logos-wrapper {
	display: block;
	margin: 36px 0 0 -164px;
	width: 496px;
	height: 704px;
}
@media only screen and (max-width: 640px) {
  #container #main-top dd #j-logos-wrapper {
	width: 248px;
	height: 352px;
	margin: 20px auto 0 auto;
  }
}
#container #main-message {
  width: 590px;
  padding: 20px 20px 50px 20px;
}
@media only screen and (max-width: 640px) {
  #container #main-message {
    width: 270px;
    padding: 63px 15px 62px 15px;
  }
}
#container #main-message h2 {
  padding: 20px 0 17px 0;
  margin-bottom: 57px;
}
@media only screen and (max-width: 640px) {
  #container #main-message h2 {
    padding: 0 0 19px 4px;
    margin-bottom: 31px;
  }
}
#container #main-message h2 > div {
  background-image: url("../img/message/main-h2@pc.png");
  background-repeat: no-repeat;
  width: 289px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-message h2 > div {
    background-image: url("../img/message/main-h2.png");
    background-repeat: no-repeat;
    width: 268px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-message h2 > div {
    background-image: url("../img/message/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 268px 35px;
    -moz-background-size: 268px 35px;
    -o-background-size: 268px 35px;
    background-size: 268px 35px;
    width: 268px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-message h2 > div {
    background-image: url("../img/message/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 268px 35px;
    -moz-background-size: 268px 35px;
    -o-background-size: 268px 35px;
    background-size: 268px 35px;
    width: 268px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-message h2 > div {
    background-image: url("../img/message/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 268px 35px;
    -moz-background-size: 268px 35px;
    -o-background-size: 268px 35px;
    background-size: 268px 35px;
    width: 268px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-message h2 > div {
    background-image: url("../img/message/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 268px 35px;
    -moz-background-size: 268px 35px;
    -o-background-size: 268px 35px;
    background-size: 268px 35px;
    width: 268px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-message h2 > div {
    background-image: url("../img/message/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 268px 35px;
    -moz-background-size: 268px 35px;
    -o-background-size: 268px 35px;
    background-size: 268px 35px;
    width: 268px;
    height: 35px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-message h3 {
  color: #0068B7;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 42px;
  text-align: center;
}
@media only screen and (max-width: 640px) {
  #container #main-message h3 {
    margin-bottom: 26px;
  }
  #container #main-message h3 span {
    display: block;
    margin-bottom: 7px;
  }
}
#container #main-message p {
  font-weight: bold;
  font-size: 14px;
  line-height: 2.0;
  margin-bottom: 28px;
  text-align: center;
}
#container #main-message p.last-child {
  margin-top: 43px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 640px) {
  #container #main-message p {
    font-weight: normal;
    font-size: 10px;
    margin-bottom: 22px;
  }
}
#container #main-moraikata {
  width: 590px;
  padding: 20px 20px 50px 20px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata {
    width: 270px;
    padding: 29px 15px 30px 15px;
  }
}
#container #main-moraikata h2 {
  padding: 20px 0 17px 0;
  margin: 0 0 21px 0;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata h2 {
    padding: 0 0 20px 43px;
    margin: 0 0 10px 0;
  }
}
#container #main-moraikata h2 > div {
  background-image: url("../img/moraikata/main-h2@pc.png");
  background-repeat: no-repeat;
  width: 502px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata h2 > div {
    background-image: url("../img/moraikata/main-h2.png");
    background-repeat: no-repeat;
    width: 230px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-moraikata h2 > div {
    background-image: url("../img/moraikata/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 64px;
    -moz-background-size: 230px 64px;
    -o-background-size: 230px 64px;
    background-size: 230px 64px;
    width: 230px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-moraikata h2 > div {
    background-image: url("../img/moraikata/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 64px;
    -moz-background-size: 230px 64px;
    -o-background-size: 230px 64px;
    background-size: 230px 64px;
    width: 230px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-moraikata h2 > div {
    background-image: url("../img/moraikata/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 64px;
    -moz-background-size: 230px 64px;
    -o-background-size: 230px 64px;
    background-size: 230px 64px;
    width: 230px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-moraikata h2 > div {
    background-image: url("../img/moraikata/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 64px;
    -moz-background-size: 230px 64px;
    -o-background-size: 230px 64px;
    background-size: 230px 64px;
    width: 230px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-moraikata h2 > div {
    background-image: url("../img/moraikata/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 230px 64px;
    -moz-background-size: 230px 64px;
    -o-background-size: 230px 64px;
    background-size: 230px 64px;
    width: 230px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-moraikata a {
  color: #0066B7;
  text-decoration: underline;
}
#container #main-moraikata a:hover {
  color: #E90089;
}
#container #main-moraikata #main-preparation > section, #container #main-moraikata #main-atstadium > section {
  margin-bottom: 30px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-preparation > section, #container #main-moraikata #main-atstadium > section {
    margin-bottom: 20px;
  }
}
#container #main-moraikata #main-preparation h3, #container #main-moraikata #main-atstadium h3 {
  margin-bottom: 25px;
  background: #0067B7;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  text-indent: 10px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-preparation h3, #container #main-moraikata #main-atstadium h3 {
    text-align: center;
    margin-bottom: 10px;
  }
}
#container #main-moraikata #main-preparation h4, #container #main-moraikata #main-atstadium h4 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #0066B7;
  text-align: left;
  line-height: 1em;
  margin-bottom: 10px;
  padding-right: 20px;
  *zoom: 1;
}
#container #main-moraikata #main-preparation h4:after, #container #main-moraikata #main-atstadium h4:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-preparation h4, #container #main-moraikata #main-atstadium h4 {
    margin-bottom: 5px;
    padding-right: 0;
  }
}
#container #main-moraikata #main-preparation h4 img, #container #main-moraikata #main-atstadium h4 img {
  position: absolute;
  top: 4px;
  left: 0;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-preparation h4 img, #container #main-moraikata #main-atstadium h4 img {
    position: static;
    display: block;
    margin: 0 0 5px 0;
  }
}
#container #main-moraikata #main-preparation h4 span, #container #main-moraikata #main-atstadium h4 span {
  display: block;
  padding-left: 85px;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-preparation h4 span, #container #main-moraikata #main-atstadium h4 span {
    padding-left: 0;
  }
}
#container #main-moraikata #main-preparation p, #container #main-moraikata #main-atstadium p {
  font-size: 14px;
  line-height: 1.3;
  padding-left: 85px;
  padding-right: 37px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-preparation p, #container #main-moraikata #main-atstadium p {
    padding-left: 0;
    padding-right: 0;
  }
}
#container #main-moraikata #main-atstadium {
  border-bottom: 1px solid #CCCCCC;
}
#container #main-moraikata #main-toequip, #container #main-moraikata #main-tobring {
  line-height: 1.3;
}
#container #main-moraikata #main-toequip > section, #container #main-moraikata #main-tobring > section {
  margin-bottom: 20px;
  padding-left: 10px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-toequip > section, #container #main-moraikata #main-tobring > section {
    padding-left: 0px;
  }
}
#container #main-moraikata #main-toequip td, #container #main-moraikata #main-tobring td {
  vertical-align: middle;
  text-align: left;
}
#container #main-moraikata #main-toequip td:first-child, #container #main-moraikata #main-tobring td:first-child {
  padding-right: 6px;
}
#container #main-moraikata #main-toequip h3, #container #main-moraikata #main-tobring h3 {
  line-height: 1.3;
  font-size: 18px;
  color: #0066B7;
  margin-bottom: 13px;
  height: 73px;
}
#container #main-moraikata #main-toequip h4, #container #main-moraikata #main-tobring h4 {
  line-height: 1.3;
  font-size: 18px;
  color: #0067B7;
  margin-bottom: 8px;
}
#container #main-moraikata #main-toequip h4 td:first-child, #container #main-moraikata #main-tobring h4 td:first-child {
  vertical-align: top;
}
#container #main-moraikata #main-toequip p, #container #main-moraikata #main-tobring p {
  line-height: 1.3;
  padding-right: 37px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-toequip p, #container #main-moraikata #main-tobring p {
    padding-right: 0;
  }
}
#container #main-moraikata #main-toequip ol, #container #main-moraikata #main-tobring ol {
  margin: 10px 0 20px 0;
}
#container #main-moraikata #main-toequip li, #container #main-moraikata #main-tobring li {
  line-height: 1.5;
}
#container #main-moraikata #main-toequip ol + p, #container #main-moraikata #main-tobring ol + p {
  color: #666;
  font-size: 14px;
  margin-bottom: 5px;
}
#container #main-moraikata #main-toequip ul, #container #main-moraikata #main-tobring ul {
  color: #666;
}
#container #main-moraikata #main-toequip ul li, #container #main-moraikata #main-tobring ul li {
  font-size: 12px;
}
#container #main-moraikata #main-toequip h3 + ul, #container #main-moraikata #main-tobring h3 + ul {
  color: #000;
}
#container #main-moraikata #main-toequip p, #container #main-moraikata #main-toequip ol, #container #main-moraikata #main-toequip ul, #container #main-moraikata #main-tobring p, #container #main-moraikata #main-tobring ol, #container #main-moraikata #main-tobring ul {
  padding-left: 37px;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-toequip p, #container #main-moraikata #main-toequip ol, #container #main-moraikata #main-toequip ul, #container #main-moraikata #main-tobring p, #container #main-moraikata #main-tobring ol, #container #main-moraikata #main-tobring ul {
    padding-left: 0px;
  }
}
#container #main-moraikata #main-toequip {
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-toequip {
    padding: 10px 0 0 0;
  }
}
#container #main-moraikata #main-toequip .figure {
  margin-top: 15px;
  margin-left: -10px;
  background-image: url("../img/moraikata/id-figure@pc.png");
  background-repeat: no-repeat;
  width: 590px;
  height: 210px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-moraikata #main-toequip .figure {
    margin-left: -5px;
    background-image: url("../img/moraikata/id-figure.png");
    background-repeat: no-repeat;
    width: 280px;
    height: 445px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-moraikata #main-toequip .figure {
    background-image: url("../img/moraikata/id-figure@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 445px;
    -moz-background-size: 280px 445px;
    -o-background-size: 280px 445px;
    background-size: 280px 445px;
    width: 280px;
    height: 445px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-moraikata #main-toequip .figure {
    background-image: url("../img/moraikata/id-figure@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 445px;
    -moz-background-size: 280px 445px;
    -o-background-size: 280px 445px;
    background-size: 280px 445px;
    width: 280px;
    height: 445px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-moraikata #main-toequip .figure {
    background-image: url("../img/moraikata/id-figure@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 445px;
    -moz-background-size: 280px 445px;
    -o-background-size: 280px 445px;
    background-size: 280px 445px;
    width: 280px;
    height: 445px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-moraikata #main-toequip .figure {
    background-image: url("../img/moraikata/id-figure@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 445px;
    -moz-background-size: 280px 445px;
    -o-background-size: 280px 445px;
    background-size: 280px 445px;
    width: 280px;
    height: 445px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-moraikata #main-toequip .figure {
    background-image: url("../img/moraikata/id-figure@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 280px 445px;
    -moz-background-size: 280px 445px;
    -o-background-size: 280px 445px;
    background-size: 280px 445px;
    width: 280px;
    height: 445px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-moraikata #main-tobring {
  padding: 10px 0 0 0;
}
#container #main-moraikata #main-tobring ul {
  padding-left: 1em;
  padding-right: 1em;
}
#container #main-moraikata #main-tobring ul li {
  text-indent: -1em;
}
#container #main-day_place {
  width: 590px;
  padding: 20px 20px 30px 20px;
}
@media only screen and (max-width: 640px) {
  #container #main-day_place {
    width: 270px;
    padding: 29px 15px 30px 15px;
  }
}
#container #main-day_place .mt30 {
  margin-top: 30px;
}
#container #main-day_place .v-mid {
  vertical-align: middle;
}
#container #main-day_place a {
  color: #0066B7;
}
#container #main-day_place h2 {
  padding: 20px 0 16px 0;
  margin: 0 0 21px 0;
}
@media only screen and (max-width: 640px) {
  #container #main-day_place h2 {
    padding: 0 0 20px 42px;
    margin: 0 0 10px 0;
  }
}
#container #main-day_place h2 > div {
  background-image: url("../img/day_place/main-h2@pc.png");
  background-repeat: no-repeat;
  width: 424px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-day_place h2 > div {
    background-image: url("../img/day_place/main-h2.png");
    background-repeat: no-repeat;
    width: 184px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place h2 > div {
    background-image: url("../img/day_place/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 184.5px 64px;
    -moz-background-size: 184.5px 64px;
    -o-background-size: 184.5px 64px;
    background-size: 184.5px 64px;
    width: 184.5px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place h2 > div {
    background-image: url("../img/day_place/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 184.5px 64px;
    -moz-background-size: 184.5px 64px;
    -o-background-size: 184.5px 64px;
    background-size: 184.5px 64px;
    width: 184.5px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place h2 > div {
    background-image: url("../img/day_place/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 184.5px 64px;
    -moz-background-size: 184.5px 64px;
    -o-background-size: 184.5px 64px;
    background-size: 184.5px 64px;
    width: 184.5px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place h2 > div {
    background-image: url("../img/day_place/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 184.5px 64px;
    -moz-background-size: 184.5px 64px;
    -o-background-size: 184.5px 64px;
    background-size: 184.5px 64px;
    width: 184.5px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place h2 > div {
    background-image: url("../img/day_place/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 184.5px 64px;
    -moz-background-size: 184.5px 64px;
    -o-background-size: 184.5px 64px;
    background-size: 184.5px 64px;
    width: 184.5px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-day_place h3 {
  background-color: #0067B7;
  line-height: 1;
  padding: 8px;
  font-size: 16px;
  color: #fff;
  margin-top: 30px;
}
#container #main-day_place h3.joshi {
  background-color: #ff00ff;
  line-height: 1;
  padding: 8px;
  font-size: 16px;
  color: #fff;
  margin-top: 30px;
}
#container #main-day_place h4 {
  font-size: 16px;
  line-height: 1;
  padding: 8px;
  color: #0066B7;
  background-color: #D9E8F4;
}
#container #main-day_place table {
  width: 100%;
  font-size: 14px;
}
#container #main-day_place table th, #container #main-day_place table td, #container #main-day_place table th > div, #container #main-day_place table td > div {
  text-align: center;
}
#container #main-day_place table th {
  color: #666;
  font-size: 11px;
}
#container #main-day_place table td, #container #main-day_place table th {
  font-weight: normal;
  border-right: 1px dotted #D9E8F4;
  border-top: 1px solid #D9E8F4;
  border-bottom: 1px solid #D9E8F4;
}
#container #main-day_place table td:first-child, #container #main-day_place table th:first-child {
  border-left: 1px dotted #D9E8F4;
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table {
    font-size: 12px;
  }
  #container #main-day_place table .col-studium, #container #main-day_place table .col-reservation, #container #main-day_place table .col-reservation2, #container #main-day_place table .col-nabisuko, #container #main-day_place table .col-oyako, #container #main-day_place table .col-playoff {
    display: block;
  }
  #container #main-day_place table thead .col-studium, #container #main-day_place table thead .col-reservation, #container #main-day_place table thead .col-reservation2, #container #main-day_place table thead .col-nabisuko, #container #main-day_place table thead .col-oyako, #container #main-day_place table thead .col-playoff {
    display: none;
  }
}
#container #main-day_place table .col-jmaji, #container #main-day_place table .col-time, #container #main-day_place table .col-studium, #container #main-day_place table .col-reservation, #container #main-day_place table .col-reservation2, #container #main-day_place table .col-nabisuko, #container #main-day_place table .col-oyako, #container #main-day_place table .col-playoff {
  border-left: 1px dotted #D9E8F4;
}
#container #main-day_place table .col-time, #container #main-day_place table .col-home, #container #main-day_place table .col-vs, #container #main-day_place table .col-away, #container #main-day_place table .col-studium, #container #main-day_place table .col-reservation, #container #main-day_place table .col-reservation2, #container #main-day_place table .col-nabisuko, #container #main-day_place table .col-oyako, #container #main-day_place table .col-playoff {
  padding: 8px 0;
}
#container #main-day_place table .col-jmaji {
  width: 51px;
}
#container #main-day_place table .col-time {
  width: 67px;
}
#container #main-day_place table .col-home {
  width: 52px;
  float: left;
  text-align: right;
}
#container #main-day_place table .col-home-emblem {
  padding: 9px 0;
  width: 35px;
  float: left;
  text-align: right;
}
#container #main-day_place table .col-vs {
  width: 71px;
  float: left;
}
#container #main-day_place table .col-away {
  width: 52px;
  float: left;
  text-align: left;
}
#container #main-day_place table .col-away-emblem {
  padding: 9px 0;
  width: 35px;
  float: left;
  text-align: left;
}
#container #main-day_place table .col-studium {
  width: 115px;
  float: left;
}
#container #main-day_place table .col-studium a {
  text-decoration: none;
  color: #0066B7;
}
#container #main-day_place table .col-studium a:hover {
  color: #E90089;
}
#container #main-day_place table .col-reservation,
#container #main-day_place table .col-reservation2,
#container #main-day_place table .col-nabisuko,
#container #main-day_place table .col-oyako,
#container #main-day_place table .col-playoff {
  width: 146px;
  float: left;
  border-left: 1px dotted #D9E8F4;
}
#container #main-day_place table thead .col-home, 
#container #main-day_place table thead .col-vs, 
#container #main-day_place table thead .col-away, 
#container #main-day_place table thead .col-studium, 
#container #main-day_place table thead .col-reservation, 
#container #main-day_place table thead .col-reservation2, 
#container #main-day_place table thead .col-nabisuko, 
#container #main-day_place table thead .col-oyako, 
#container #main-day_place table thead .col-playoff {
  padding: 8px 0;
}
#container #main-day_place table thead .col-jmaji {
  padding: 1px 0;
}
#container #main-day_place table thead .col-time {
  padding: 1px 0;
}
#container #main-day_place table thead .col-home {
  width: 71px;
  padding-right: 51px;
}
#container #main-day_place table thead .col-away {
  padding-left: 46px;
  width: 76px;
}
#container #main-day_place table tbody .col-reservation a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/day_place/btn-reservation.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 45px;
  margin:0 0 0 15px;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
}
#container #main-day_place table tbody .col-reservation a:hover {
  background-image: url(../img/day_place/btn-reservation-o.png);
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-reservation a {
    background-image: url("../img/day_place/btn-reservation.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation a:hover {
    background-image: url(../img/day_place/btn-reservation.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation a {
    background-image: url("../img/day_place/btn-reservation@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation a:hover {
    background-image: url(../img/day_place/btn-reservation@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation a {
    background-image: url("../img/day_place/btn-reservation@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation a:hover {
    background-image: url(../img/day_place/btn-reservation@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-reservation a {
    background-image: url("../img/day_place/btn-reservation@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation a:hover {
    background-image: url(../img/day_place/btn-reservation@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation a {
    background-image: url("../img/day_place/btn-reservation@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation a:hover {
    background-image: url(../img/day_place/btn-reservation@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation a {
    background-image: url("../img/day_place/btn-reservation@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation a:hover {
    background-image: url(../img/day_place/btn-reservation@2x.png);
  }
}




#container #main-day_place table tbody .col-reservation2 a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/day_place/btn-reservation2.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 45px;
  margin:0 0 0 15px;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
}
#container #main-day_place table tbody .col-reservation2 a:hover {
  background-image: url(../img/day_place/btn-reservation2-o.png);
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table .col-time {
    width: 60px;
  }
  #container #main-day_place table .col-home {
    width: 37px;
    padding-right: 0;
  }
  #container #main-day_place table .col-home-emblem {
    width: 33px;
  }
  #container #main-day_place table .col-vs {
    width: 14px;
    padding-top: 19px;
    font-size: 10px;
  }
  #container #main-day_place table .col-away-emblem {
    width: 33px;
  }
  #container #main-day_place table .col-away {
    padding-left: 0;
    width: 38px;
  }
  #container #main-day_place table .col-studium {
    width: 100%;
    padding: 0;
  }
  #container #main-day_place table .col-reservation {
    width: 100%;
  }
  #container #main-day_place table .col-reservation1 {
    width: 100%;
  }
  #container #main-day_place table .col-nabisuko {
    width: 100%;
  }
  #container #main-day_place table .col-oyako {
    width: 100%;
  }
  #container #main-day_place table .col-playoff {
    width: 100%;
  }
  #container #main-day_place table thead {
    font-size: 10px;
  }
  #container #main-day_place table thead .col-home {
    width: 54px;
    padding-right: 20px;
  }
  #container #main-day_place table thead .col-away {
    padding-left: 18px;
    width: 61px;
  }
}
.lt-ie8 #container #main-day_place table table {
  border-collapse: collapse;
}
#container #main-day_place .copy {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 10px;
}
#container #main-day_place .note {
  font-weight: normal;
  font-size: 12px;

  color:#ff0000;
  }
#container #main-chui {
  width: 590px;
  padding: 20px 20px 40px 20px;
}
@media only screen and (max-width: 640px) {
  #container #main-chui {
    width: 270px;
    padding: 29px 15px 30px 15px;
  }
}
#container #main-chui a {
  color: #0066B7;
}
#container #main-chui a:hover {
  color: #E90089;
}
#container #main-chui h2 {
  padding: 20px 0 16px 0;
  margin: 0 0 21px 0;
}
@media only screen and (max-width: 640px) {
  #container #main-chui h2 {
    padding: 0 0 20px 43px;
    margin: 0 0 10px 0;
  }
}
#container #main-chui h2 > div {
  background-image: url("../img/chui/main-h2@pc.png");
  background-repeat: no-repeat;
  width: 421px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-chui h2 > div {
    background-image: url("../img/chui/main-h2.png");
    background-repeat: no-repeat;
    width: 186px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-chui h2 > div {
    background-image: url("../img/chui/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 186px 65px;
    -moz-background-size: 186px 65px;
    -o-background-size: 186px 65px;
    background-size: 186px 65px;
    width: 186px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-chui h2 > div {
    background-image: url("../img/chui/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 186px 65px;
    -moz-background-size: 186px 65px;
    -o-background-size: 186px 65px;
    background-size: 186px 65px;
    width: 186px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-chui h2 > div {
    background-image: url("../img/chui/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 186px 65px;
    -moz-background-size: 186px 65px;
    -o-background-size: 186px 65px;
    background-size: 186px 65px;
    width: 186px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-chui h2 > div {
    background-image: url("../img/chui/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 186px 65px;
    -moz-background-size: 186px 65px;
    -o-background-size: 186px 65px;
    background-size: 186px 65px;
    width: 186px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-chui h2 > div {
    background-image: url("../img/chui/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 186px 65px;
    -moz-background-size: 186px 65px;
    -o-background-size: 186px 65px;
    background-size: 186px 65px;
    width: 186px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-chui h3 {
  padding: 2px 0 0 36px;
  font-size: 18px;
  line-height: 1.3;
  color: #0066B7;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 47px;
}
#container #main-chui h3.num1 {
  background-image: url("../img/chui/num-01.png");
}
#container #main-chui h3.num2 {
  background-image: url("../img/chui/num-02.png");
}
#container #main-chui h3.num3 {
  background-image: url("../img/chui/num-03.png");
}
#container #main-chui h3.num4 {
  background-image: url("../img/chui/num-04.png");
}
#container #main-chui h3.num5 {
  background-image: url("../img/chui/num-05.png");
}
#container #main-chui h3.num6 {
  background-image: url("../img/chui/num-06.png");
}
#container #main-chui h3.num7 {
  background-image: url("../img/chui/num-07.png");
}
#container #main-chui .fig-wrap {
  background-repeat: no-repeat;
  background-position: right top;
  margin-top: 25px;
}
#container #main-chui .sec1 {
  background-image: url("../img/chui/fig-01@pc.png");
  min-height: 142px;
}
#container #main-chui .sec2 {
  background-image: url("../img/chui/fig-02@pc.png");
  min-height: 140px;
}
#container #main-chui .sec3 {
  background-image: url("../img/chui/fig-03@pc.png");
  min-height: 142px;
}
#container #main-chui .sec4 {
  background-image: url("../img/chui/fig-04@pc.png");
  min-height: 146px;
}
#container #main-chui .sec5 {
  background-image: url("../img/chui/fig-05@pc.png");
  min-height: 144px;
}
#container #main-chui .sec6 {
  background-image: url("../img/chui/fig-06@pc.png");
  min-height: 143px;
}
#container #main-chui .sec7 {
  background-image: url("../img/chui/fig-07@pc.png");
  min-height: 144px;
}
#container #main-chui .catch {
  width: 430px;
  line-height: 1.5;
}
#container #main-chui .copy-btm {
  margin-top: 50px;
}
.lt-ie9 #container #main-chui h3 {
  padding-top: 5px;
}
@media only screen and (max-width: 640px) {
  #container #main-chui .fig-wrap {
    background-position: right 47px;
  }
  #container #main-chui .sec1 {
    background-image: url("../img/chui/fig-01.png");
    min-height: 160px;
  }
  #container #main-chui .sec2 {
    background-image: url("../img/chui/fig-02.png");
    min-height: 163px;
  }
  #container #main-chui .sec3 {
    background-image: url("../img/chui/fig-03.png");
    min-height: 166px;
  }
  #container #main-chui .sec4 {
    background-image: url("../img/chui/fig-04.png");
    min-height: 169px;
  }
  #container #main-chui .sec5 {
    background-image: url("../img/chui/fig-05.png");
    min-height: 167px;
  }
  #container #main-chui .sec6 {
    background-image: url("../img/chui/fig-06.png");
    min-height: 166px;
  }
  #container #main-chui .sec7 {
    background-image: url("../img/chui/fig-07.png");
    min-height: 167px;
  }
  #container #main-chui .catch {
    width: 160px;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-chui h3 {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  #container #main-chui h3.num1 {
    background-image: url("../img/chui/num-01@2x.png");
  }
  #container #main-chui h3.num2 {
    background-image: url("../img/chui/num-02@2x.png");
  }
  #container #main-chui h3.num3 {
    background-image: url("../img/chui/num-03@2x.png");
  }
  #container #main-chui h3.num4 {
    background-image: url("../img/chui/num-04@2x.png");
  }
  #container #main-chui h3.num5 {
    background-image: url("../img/chui/num-05@2x.png");
  }
  #container #main-chui h3.num6 {
    background-image: url("../img/chui/num-06@2x.png");
  }
  #container #main-chui h3.num7 {
    background-image: url("../img/chui/num-07@2x.png");
  }
  #container #main-chui .sec1 {
    background-image: url("../img/chui/fig-01@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec2 {
    background-image: url("../img/chui/fig-02@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec3 {
    background-image: url("../img/chui/fig-03@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec4 {
    background-image: url("../img/chui/fig-04@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec5 {
    background-image: url("../img/chui/fig-05@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec6 {
    background-image: url("../img/chui/fig-06@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec7 {
    background-image: url("../img/chui/fig-07@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-chui h3 {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  #container #main-chui h3.num1 {
    background-image: url("../img/chui/num-01@2x.png");
  }
  #container #main-chui h3.num2 {
    background-image: url("../img/chui/num-02@2x.png");
  }
  #container #main-chui h3.num3 {
    background-image: url("../img/chui/num-03@2x.png");
  }
  #container #main-chui h3.num4 {
    background-image: url("../img/chui/num-04@2x.png");
  }
  #container #main-chui h3.num5 {
    background-image: url("../img/chui/num-05@2x.png");
  }
  #container #main-chui h3.num6 {
    background-image: url("../img/chui/num-06@2x.png");
  }
  #container #main-chui h3.num7 {
    background-image: url("../img/chui/num-07@2x.png");
  }
  #container #main-chui .sec1 {
    background-image: url("../img/chui/fig-01@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec2 {
    background-image: url("../img/chui/fig-02@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec3 {
    background-image: url("../img/chui/fig-03@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec4 {
    background-image: url("../img/chui/fig-04@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec5 {
    background-image: url("../img/chui/fig-05@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec6 {
    background-image: url("../img/chui/fig-06@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec7 {
    background-image: url("../img/chui/fig-07@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-chui h3 {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  #container #main-chui h3.num1 {
    background-image: url("../img/chui/num-01@2x.png");
  }
  #container #main-chui h3.num2 {
    background-image: url("../img/chui/num-02@2x.png");
  }
  #container #main-chui h3.num3 {
    background-image: url("../img/chui/num-03@2x.png");
  }
  #container #main-chui h3.num4 {
    background-image: url("../img/chui/num-04@2x.png");
  }
  #container #main-chui h3.num5 {
    background-image: url("../img/chui/num-05@2x.png");
  }
  #container #main-chui h3.num6 {
    background-image: url("../img/chui/num-06@2x.png");
  }
  #container #main-chui h3.num7 {
    background-image: url("../img/chui/num-07@2x.png");
  }
  #container #main-chui .sec1 {
    background-image: url("../img/chui/fig-01@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec2 {
    background-image: url("../img/chui/fig-02@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec3 {
    background-image: url("../img/chui/fig-03@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec4 {
    background-image: url("../img/chui/fig-04@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec5 {
    background-image: url("../img/chui/fig-05@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec6 {
    background-image: url("../img/chui/fig-06@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec7 {
    background-image: url("../img/chui/fig-07@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-chui h3 {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  #container #main-chui h3.num1 {
    background-image: url("../img/chui/num-01@2x.png");
  }
  #container #main-chui h3.num2 {
    background-image: url("../img/chui/num-02@2x.png");
  }
  #container #main-chui h3.num3 {
    background-image: url("../img/chui/num-03@2x.png");
  }
  #container #main-chui h3.num4 {
    background-image: url("../img/chui/num-04@2x.png");
  }
  #container #main-chui h3.num5 {
    background-image: url("../img/chui/num-05@2x.png");
  }
  #container #main-chui h3.num6 {
    background-image: url("../img/chui/num-06@2x.png");
  }
  #container #main-chui h3.num7 {
    background-image: url("../img/chui/num-07@2x.png");
  }
  #container #main-chui .sec1 {
    background-image: url("../img/chui/fig-01@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec2 {
    background-image: url("../img/chui/fig-02@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec3 {
    background-image: url("../img/chui/fig-03@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec4 {
    background-image: url("../img/chui/fig-04@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec5 {
    background-image: url("../img/chui/fig-05@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec6 {
    background-image: url("../img/chui/fig-06@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec7 {
    background-image: url("../img/chui/fig-07@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-chui h3 {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-size: 30px 30px;
  }
  #container #main-chui h3.num1 {
    background-image: url("../img/chui/num-01@2x.png");
  }
  #container #main-chui h3.num2 {
    background-image: url("../img/chui/num-02@2x.png");
  }
  #container #main-chui h3.num3 {
    background-image: url("../img/chui/num-03@2x.png");
  }
  #container #main-chui h3.num4 {
    background-image: url("../img/chui/num-04@2x.png");
  }
  #container #main-chui h3.num5 {
    background-image: url("../img/chui/num-05@2x.png");
  }
  #container #main-chui h3.num6 {
    background-image: url("../img/chui/num-06@2x.png");
  }
  #container #main-chui h3.num7 {
    background-image: url("../img/chui/num-07@2x.png");
  }
  #container #main-chui .sec1 {
    background-image: url("../img/chui/fig-01@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec2 {
    background-image: url("../img/chui/fig-02@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec3 {
    background-image: url("../img/chui/fig-03@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec4 {
    background-image: url("../img/chui/fig-04@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec5 {
    background-image: url("../img/chui/fig-05@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec6 {
    background-image: url("../img/chui/fig-06@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
  #container #main-chui .sec7 {
    background-image: url("../img/chui/fig-07@2x.png");
    -webkit-background-size: 101px auto;
    -moz-background-size: 101px auto;
    -o-background-size: 101px auto;
    background-size: 101px auto;
  }
}
#container #main-faq {
  width: 590px;
  padding: 20px 20px 50px 20px;
}
@media only screen and (max-width: 640px) {
  #container #main-faq {
    width: 270px;
    padding: 31px 15px 30px 15px;
  }
}
#container #main-faq h2 {
  padding: 20px 0 16px 0;
  margin: 0 0 21px 0;
}
@media only screen and (max-width: 640px) {
  #container #main-faq h2 {
    padding: 0 0 20px 43px;
    margin: 0 0 6px 0;
  }
}
#container #main-faq h2 > div {
  background-image: url("../img/faq/main-h2@pc.png");
  background-repeat: no-repeat;
  width: 492px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #container #main-faq h2 > div {
    background-image: url("../img/faq/main-h2.png");
    background-repeat: no-repeat;
    width: 217px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-faq h2 > div {
    background-image: url("../img/faq/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 217px 65px;
    -moz-background-size: 217px 65px;
    -o-background-size: 217px 65px;
    background-size: 217px 65px;
    width: 217px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-faq h2 > div {
    background-image: url("../img/faq/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 217px 65px;
    -moz-background-size: 217px 65px;
    -o-background-size: 217px 65px;
    background-size: 217px 65px;
    width: 217px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-faq h2 > div {
    background-image: url("../img/faq/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 217px 65px;
    -moz-background-size: 217px 65px;
    -o-background-size: 217px 65px;
    background-size: 217px 65px;
    width: 217px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-faq h2 > div {
    background-image: url("../img/faq/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 217px 65px;
    -moz-background-size: 217px 65px;
    -o-background-size: 217px 65px;
    background-size: 217px 65px;
    width: 217px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-faq h2 > div {
    background-image: url("../img/faq/main-h2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 217px 65px;
    -moz-background-size: 217px 65px;
    -o-background-size: 217px 65px;
    background-size: 217px 65px;
    width: 217px;
    height: 65px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#container #main-faq a {
  color: #0066B7;
}
#container #main-faq dl {
  line-height: 1.3em;
  margin-bottom: 20px;
}
#container #main-faq .question {
  background: url("../img/faq/q.png") no-repeat;
  background-position: 0 9px;
  padding: 9px 0 9px 30px;
}
#container #main-faq .question a {
  font-weight: bold;
  font-size: 14px;
}
#container #main-faq .answer {
  background: url("../img/faq/a.png") no-repeat;
  background-position: 0 0px;
  padding: 0 0 15px 30px;
  margin: 9px 0 0 10px;
  color: #666666;
  font-size: 12px;
  text-align: left;
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-faq .question {
    background-image: url("../img/faq/q@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
  #container #main-faq .answer {
    background-image: url("../img/faq/a@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-faq .question {
    background-image: url("../img/faq/q@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
  #container #main-faq .answer {
    background-image: url("../img/faq/a@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-faq .question {
    background-image: url("../img/faq/q@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
  #container #main-faq .answer {
    background-image: url("../img/faq/a@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-faq .question {
    background-image: url("../img/faq/q@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
  #container #main-faq .answer {
    background-image: url("../img/faq/a@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-faq .question {
    background-image: url("../img/faq/q@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
  #container #main-faq .answer {
    background-image: url("../img/faq/a@2x.png");
    -webkit-background-size: 19px 19px;
    -moz-background-size: 19px 19px;
    -o-background-size: 19px 19px;
    background-size: 19px 19px;
  }
}
#container #main-faq a {
  color: #0066B7;
}
#container #main-faq .hidden {
  display: none;
}

/* ==========================================================================
   pagetop
   ========================================================================== */
#pagetop {
  display: block;
  width: 57px;
  padding: 5px;
  margin: 35px auto 29px auto;
}
@media only screen and (max-width: 640px) {
  #pagetop {
    margin: 25px auto 22px auto;
  }
}







ul.schedule {
   width: 690px;
   height: 20px;
   margin:10px 0 0 0;
}
ul.schedule li {
   float:left;
   width: 118px;
   font-size:10px;
   line-height:20px;
   text-indent:30px;
}
   ul.schedule li a {
   text-decoration:none;
   border:0;
   outline:none;
}
   ul.schedule li a:hover {
   text-decoration:underline;
}
   .day_bg {
   background: url(../img/day_place/day_bg.gif) no-repeat;
   width: 118px;
   height: 20px;
}
   .day_bg2 {
   background: url(../img/day_place/day_bg2.gif) no-repeat;
   width: 118px;
   height: 20px;
}
   .text_red {
   color:#ff0000;
}
   .text_yoyaku {
   font-size:8px;
}



@media screen and (max-width: 640px) {
ul.schedule {
   width: 100%;
   height: 20px;
   margin:10px 0 0 0;
}
ul.schedule li {
   float:left;
   width: 100%;
   font-size:10px;
   line-height:20px;
   text-indent:30px;
}
   ul.schedule li a {
   text-decoration:none;
   border:0;
   outline:none;
}
   ul.schedule li a:hover {
   text-decoration:underline;
}
   .day_bg {
   background: url(../img/day_place/day_bg.gif) no-repeat;
   width: 100%;
   height: 20px;
}
   .day_bg2 {
   background: url(../img/day_place/day_bg2.gif) no-repeat;
   width: 100%;
   height: 20px;
}
   .text_red {
   color:#ff0000;
}
   .text_yoyaku {
   font-size:8px;
}
}



@media screen and (max-width: 640px) {
ul.schedule {
   width: 100%;
   height:75px;
   margin:10px 0 0 0;
   text-indent:10px;
}
ul.schedule li {
   width: 100%;
   float:left;
   font-size:10px;
   line-height:20px;
}
   ul.schedule li a {
   text-decoration:none;
   border:0;
   outline:none;
}
   ul.schedule li a:hover {
   text-decoration:underline;
}
   .day_bg {
   background: url(../img/day_place/day_bg.gif) no-repeat;
   width: 80px;
}
   .day_bg2 {
   background: url(../img/day_place/day_bg2.gif) no-repeat;
   width: 80px;
}
   .text_red {
   color:#ff0000;
}
   .text_yoyaku {
   font-size:8px;
}
}




@media screen and (min-width: 641px) {
#schedule3 { border-style: none;}
#schedule3 li {
float:left;
font-size:12px;
margin:0 15px 0 0;
}
#schedule3 li.li_none {
}
#schedule3 li.li_left {
text-indent:20px;
border-left: 1px solid #000000;
}
#schedule3 li a {
   text-decoration:none;
   border:0;
   outline:none;
}
#schedule3 li a:hover {
   text-decoration:underline;
}
}
@media screen and (max-width: 640px) {
#schedule3 { border-style: none;}
#schedule3 li {
float:left;
font-size:10px;
   margin:0 12px 0 0;
}
#schedule3 li a {
   text-decoration:none;
   border:0;
   outline:none;
}
#schedule3 li a:hover {
   text-decoration:underline;
}
}



@media screen and (min-width: 641px) {
   ul#schedule2 li {
   width: 100%;
   float:left;
}
   ul#schedule2 li img {
   width: 118px;
   height: 20px;
   }
}
@media screen and (max-width: 640px) {
   ul#schedule2 li {
   width: 100%;
   float:left;
}
   ul#schedule2 li img {
   width: 59px;
   height: 10px;
   }
}

/* ==========================================================================
   the others
   ========================================================================== */
.lt-ie8 #container > .inner, .lt-ie8 #wrapper-box {
  position: relative;
}

/* ==========================================================================
   helper classes
   ========================================================================== */
.hidden-wide {
  display: none;
}
@media only screen and (max-width: 640px) {
  .hidden-wide {
    display: block;
  }
}

@media only screen and (max-width: 640px) {
  .hidden-narrow {
    display: none;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.visible-mobile, .visible-mobile-i {
  display: none !important;
}

@media only screen and (max-width: 640px) {
  .visible-pc {
    display: none !important;
  }

  .visible-mobile {
    display: block !important;
  }

  .visible-mobile-i {
    display: inline !important;
  }
}
.bgs {
  display: none;
}

.jalan_logo {
	padding:10px;
}















@media only screen and (max-width: 640px) {
  #container #main-day_place table {font-size: 12px;}
  #container #main-day_place table .col-reservation2 {display: block;}
  #container #main-day_place table thead .col-reservation2 {display: none;}
}
#container #main-day_place table .col-reservation2 {border-left: 1px dotted #D9E8F4;}
#container #main-day_place table .col-reservation2 {padding: 4px 0;}
#container #main-day_place table .col-reservation2 {width: 115px;  float: left;  border-left: 1px dotted #D9E8F4;}
#container #main-day_place table thead .col-reservation2 {padding: 8px 0;}
#container #main-day_place table tbody .col-reservation2 a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/day_place/btn-reservation2.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 45px;
  margin:0 0 0 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent:-99999px;
}
#container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o.png);}
@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@pc.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o@pc.png); }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@pc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o.png); }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@pc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o@pc.png); }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@pc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o@pc.png); }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@pc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o@pc.png); }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@pc.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover { background-image: url(../img/day_place/btn-reservation2-o@pc.png); }
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table .col-reservation2 { width: 100%; }
}




/* ==========================================================================
   top　2014/04/14ハタチバナー追加

@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-hatachi.jpg");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-hatachi.jpg);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-hatachi@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-hatachi@2x.jpg);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-hatachi@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-hatachi@2x.jpg);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-hatachi@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-hatachi@2x.jpg);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-hatachi@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-hatachi@2x.jpg);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-hatachi@2x.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-hatachi@2x.jpg);
  }
}



@media screen and (max-width: 768px){
	#mouns img{
		width: 80px;
		margin:5px ;
}
#container{
width:100%;
}
}
   ========================================================================== */




/* ==========================================================================
     top　2014/05/27　トップページエンブレム修正
   ========================================================================== */
#emblem_logo {
	width: 550px;
	clear:both;
	margin: 36px 0 0 -184px;
}
#emblem_logo li {
	float:left;
	width: 110px;
	height:130px;
	font-size:11px;
	text-align:center;
}
@media only screen and (max-width: 640px) {
	#emblem_logo {
		width: 300px;
		margin: 0 auto;
	}
	#emblem_logo li {
		width: 60px;
		height: 70px;
		margin: 0px 5px 25px 5px;
		font-size:10px;
	}
	#emblem_logo li img {
		width: 55px;
		height: 50px;
		margin: 20px auto 0 auto;
	}
.pb20 {padding-bottom:20px;}
}










/* ==========================================================================
   top　2014/08/04ハタチ女子バナー追加
   ========================================================================== */

@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-reservation2 a {
    background-image: url("../img/day_place/btn-reservation2@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-reservation2 a:hover {
    background-image: url(../img/day_place/btn-reservation2@2x.png);
  }
}



@media screen and (max-width: 768px){
	#mouns img{
		width: 80px;
		margin:5px ;
}
#container{
width:100%;
}
}




/* ==========================================================================
   top　2014/10/22ナビスコバナー追加 */


#container #main-day_place table tbody .col-nabisuko a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/day_place/btn-nabisuko.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 45px;
  margin:0 0 0 15px;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
}
#container #main-day_place table tbody .col-nabisuko a:hover {
  background-image: url(../img/day_place/btn-nabisuko-o.png);
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-nabisuko a {
    background-image: url("../img/day_place/btn-nabisuko.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-nabisuko a:hover {
    background-image: url(../img/day_place/btn-nabisuko.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-nabisuko a {
    background-image: url("../img/day_place/btn-nabisuko@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-nabisuko a:hover {
    background-image: url(../img/day_place/btn-nabisuko@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-nabisuko a {
    background-image: url("../img/day_place/btn-nabisuko@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-nabisuko a:hover {
    background-image: url(../img/day_place/btn-nabisuko@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-nabisuko a {
    background-image: url("../img/day_place/btn-nabisuko@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-nabisuko a:hover {
    background-image: url(../img/day_place/btn-nabisuko@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-nabisuko a {
    background-image: url("../img/day_place/btn-nabisuko@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-nabisuko a:hover {
    background-image: url(../img/day_place/btn-nabisuko@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-nabisuko a {
    background-image: url("../img/day_place/btn-nabisuko@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-nabisuko a:hover {
    background-image: url(../img/day_place/btn-nabisuko@2x.png);
  }
}



/* ==========================================================================
   top　2014/10/22親子バナー追加 */


#container #main-day_place table tbody .col-oyako a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/day_place/btn-oyako.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 45px;
  margin:0 0 0 15px;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
}
#container #main-day_place table tbody .col-oyako a:hover {
  background-image: url(../img/day_place/btn-oyako-o.png);
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-oyako a {
    background-image: url("../img/day_place/btn-oyako.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-oyako a:hover {
    background-image: url(../img/day_place/btn-oyako.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-oyako a {
    background-image: url("../img/day_place/btn-oyako@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-oyako a:hover {
    background-image: url(../img/day_place/btn-oyako@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-oyako a {
    background-image: url("../img/day_place/btn-oyako@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-oyako a:hover {
    background-image: url(../img/day_place/btn-oyako@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-oyako a {
    background-image: url("../img/day_place/btn-oyako@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-oyako a:hover {
    background-image: url(../img/day_place/btn-oyako@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-oyako a {
    background-image: url("../img/day_place/btn-oyako@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-oyako a:hover {
    background-image: url(../img/day_place/btn-oyako@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-oyako a {
    background-image: url("../img/day_place/btn-oyako@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-oyako a:hover {
    background-image: url(../img/day_place/btn-oyako@2x.png);
  }
}


#color_bg {
  font-size: 16px;
  line-height: 1;
  padding: 8px;
  font-weight: bold;
  color: #fff;
  background-color: #003850;
}

/* ==========================================================================
   top　2014/11/11プレーオフバナー追加 */


#container #main-day_place table tbody .col-playoff a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/day_place/btn-playoff.png");
  background-repeat: no-repeat;
  width: 146px;
  height: 45px;
  margin:0 0 0 15px;
  text-indent: -99999px;
  white-space: nowrap;
  overflow: hidden;
}
#container #main-day_place table tbody .col-playoff a:hover {
  background-image: url(../img/day_place/btn-playoff-o.png);
}
@media only screen and (max-width: 640px) {
  #container #main-day_place table tbody .col-playoff a {
    background-image: url("../img/day_place/btn-playoff.png");
    background-repeat: no-repeat;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-playoff a:hover {
    background-image: url(../img/day_place/btn-playoff.png);
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-playoff a {
    background-image: url("../img/day_place/btn-playoff@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-playoff a:hover {
    background-image: url(../img/day_place/btn-playoff@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-playoff a {
    background-image: url("../img/day_place/btn-playoff@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-playoff a:hover {
    background-image: url(../img/day_place/btn-playoff@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #container #main-day_place table tbody .col-playoff a {
    background-image: url("../img/day_place/btn-playoff@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-playoff a:hover {
    background-image: url(../img/day_place/btn-playoff@2x.png);
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-playoff a {
    background-image: url("../img/day_place/btn-playoff@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-playoff a:hover {
    background-image: url(../img/day_place/btn-playoff@2x.png);
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #container #main-day_place table tbody .col-playoff a {
    background-image: url("../img/day_place/btn-playoff@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: 146px 45px;
    -moz-background-size: 146px 45px;
    -o-background-size: 146px 45px;
    background-size: 146px 45px;
    width: 146px;
    height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  #container #main-day_place table tbody .col-playoff a:hover {
    background-image: url(../img/day_place/btn-playoff@2x.png);
  }
}


#color_bg {
  font-size: 16px;
  line-height: 1;
  padding: 8px;
  font-weight: bold;
  color: #fff;
  background-color: #003850;
}







/* ==========================================================================
   top　2014/12/9 クローズ追加 */


#logo-wrapper #j-aka {
  position: absolute;
  top: 410px;
  left: 95px;
  background:#ff3e3e;
  width: 435px;
  height: 75px;
  white-space: nowrap;
  overflow: hidden;
  color:#fff;
  font-size:18px;
  padding:15px 0 0 30px;
  line-height:30px;
  font-weight:bold;
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */
}
@media only screen and (max-width: 640px) {
  #logo-wrapper #j-aka {
    position: static;
    margin-bottom: 10px;
    background:#ff3e3e;
    width: 290px;
    height: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-size:12px;
    margin:0 0 10px 10px;
    padding:10px 0 0 10px;
    font-weight:bold;
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-aka {
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 290px;
    height: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-weight:bold;
  }
}
@media only screen and (max-width: 640px) and (-moz-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-aka {
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 290px;
    height: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-weight:bold;
  }
}
@media only screen and (max-width: 640px) and (-o-min-device-pixel-ratio: 3 / 2) {
  #logo-wrapper #j-aka {
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 290px;
    height: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-weight:bold;
  }
}
@media only screen and (max-width: 640px) and (-ms-min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-aka {
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 290px;
    height: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-weight:bold;
  }
}
@media only screen and (max-width: 640px) and (min-device-pixel-ratio: 1.5) {
  #logo-wrapper #j-aka {
    background-repeat: no-repeat;
    -webkit-background-size: 320px 81px;
    -moz-background-size: 320px 81px;
    -o-background-size: 320px 81px;
    background-size: 320px 81px;
    width: 290px;
    height: 70px;
    white-space: nowrap;
    overflow: hidden;
    font-weight:bold;
  }
}



#container #link {
 height:320px;
}
@media only screen and (max-width: 640px) {
  #container #link {
    height:0px;
  }
}