@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../Program Files/Koala/rubygems/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* line 11, ../_scss/common.scss */
html, body {
  width: 100%;
  height: 100%; }

/* line 16, ../_scss/common.scss */
html {
  font-size: 62.5%;
  background: #000; }

/* line 21, ../_scss/common.scss */
a {
  text-decoration: none; }

/* line 25, ../_scss/common.scss */
a:hover {
  text-decoration: underline; }

/* line 29, ../_scss/common.scss */
a.underline {
  text-decoration: underline; }
  /* line 32, ../_scss/common.scss */
  a.underline:hover {
    text-decoration: none; }

/* line 37, ../_scss/common.scss */
br.sp {
  display: none; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 37, ../_scss/common.scss */
    br.sp {
      display: block; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 37, ../_scss/common.scss */
    br.sp {
      display: block; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 37, ../_scss/common.scss */
    br.sp {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 37, ../_scss/common.scss */
    br.sp {
      display: block; } }

@media only screen and (min-width: 0) and (max-width: 320px) {
  /* line 44, ../_scss/common.scss */
  br.pc {
    display: none; } }
@media only screen and (min-width: 320px) and (max-width: 568px) {
  /* line 44, ../_scss/common.scss */
  br.pc {
    display: none; } }
@media only screen and (min-width: 568px) and (max-width: 768px) {
  /* line 44, ../_scss/common.scss */
  br.pc {
    display: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* line 44, ../_scss/common.scss */
  br.pc {
    display: none; } }

/* line 54, ../_scss/common.scss */
.fb-like iframe {
  overflow: visible;
  max-width: none !important;
  right: 0; }

/*
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	width: 100% !important;
}
*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
/* line 73, ../_scss/common.scss */
.jspContainer {
  overflow: hidden;
  position: relative; }

/* line 79, ../_scss/common.scss */
.jspPane {
  position: absolute; }

/* line 84, ../_scss/common.scss */
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0px;
  width: 4px;
  height: 100%; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 84, ../_scss/common.scss */
    .jspVerticalBar {
      display: none; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 84, ../_scss/common.scss */
    .jspVerticalBar {
      display: none; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 84, ../_scss/common.scss */
    .jspVerticalBar {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 84, ../_scss/common.scss */
    .jspVerticalBar {
      display: none; } }

/* line 96, ../_scss/common.scss */
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

/* line 106, ../_scss/common.scss */
.jspCap {
  display: none; }

/* line 111, ../_scss/common.scss */
.jspHorizontalBar .jspCap {
  float: left; }

/* line 116, ../_scss/common.scss */
.jspTrack {
  position: relative; }

/* line 122, ../_scss/common.scss */
.jspDrag {
  background: #3fa7f3;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/* line 133, ../_scss/common.scss */
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

/* line 140, ../_scss/common.scss */
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

/* line 150, ../_scss/common.scss */
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

/* line 156, ../_scss/common.scss */
.jspVerticalBar .jspArrow {
  height: 16px; }

/* line 161, ../_scss/common.scss */
.jspHorizontalBar .jspArrow {
  width: 4px;
  float: left;
  height: 100%; }

/* line 168, ../_scss/common.scss */
.jspVerticalBar .jspArrow:focus {
  outline: none; }

/* line 173, ../_scss/common.scss */
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* line 180, ../_scss/common.scss */
.jspArrowUp,
.jspArrowDown {
  visibility: hidden; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
/* line 186, ../_scss/common.scss */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/* line 191, ../_scss/common.scss */
.l-header {
  width: 100%;
  margin: 0px auto;
  height: 58px;
  position: relative;
  background: #0a0000;
  border-bottom: solid 1px #808080; }
  @media only screen and (min-width: 0) and (max-width: 320px) {
    /* line 191, ../_scss/common.scss */
    .l-header {
      height: 50px; } }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    /* line 191, ../_scss/common.scss */
    .l-header {
      height: 50px; } }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
    /* line 191, ../_scss/common.scss */
    .l-header {
      height: 50px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* line 191, ../_scss/common.scss */
    .l-header {
      height: 50px; } }
  /* line 203, ../_scss/common.scss */
  .l-header h1 {
    padding: 26px 0px 0px 10px;
    width: 356px; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 203, ../_scss/common.scss */
      .l-header h1 {
        padding: 24px 0px 0px 10px;
        width: 178px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 203, ../_scss/common.scss */
      .l-header h1 {
        padding: 24px 0px 0px 10px;
        width: 178px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 203, ../_scss/common.scss */
      .l-header h1 {
        padding: 24px 0px 0px 10px;
        width: 178px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 203, ../_scss/common.scss */
      .l-header h1 {
        padding: 24px 0px 0px 10px;
        width: 178px; } }
    /* line 210, ../_scss/common.scss */
    .l-header h1 p {
      text-indent: -9999px;
      width: 100%;
      height: 0px;
      background: url(../images/common/logo.png) no-repeat;
      background-size: cover;
      padding-top: 8.98876%; }
  /* line 218, ../_scss/common.scss */
  .l-header .navi {
    position: absolute;
    bottom: 0px;
    right: 140px;
    z-index: 3;
    max-width: 502px;
    width: 100%;
    width: expression(this.width >= 502 ? "502px" : "auto");
    background: url(../images/common/menu_line.png) no-repeat right bottom; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 218, ../_scss/common.scss */
      .l-header .navi {
        top: 50px;
        z-index: 101;
        bottom: auto;
        right: auto;
        max-width: none;
        background: none;
        border-top: solid 1px #999;
        display: none; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 218, ../_scss/common.scss */
      .l-header .navi {
        top: 50px;
        z-index: 101;
        bottom: auto;
        right: auto;
        max-width: none;
        background: none;
        border-top: solid 1px #999;
        display: none; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 218, ../_scss/common.scss */
      .l-header .navi {
        top: 50px;
        z-index: 101;
        bottom: auto;
        right: auto;
        max-width: none;
        background: none;
        border-top: solid 1px #999;
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 218, ../_scss/common.scss */
      .l-header .navi {
        top: 50px;
        z-index: 101;
        bottom: auto;
        right: auto;
        max-width: none;
        background: none;
        border-top: solid 1px #999;
        display: none; } }
    /* line 240, ../_scss/common.scss */
    .l-header .navi li {
      float: left;
      background: url(../images/common/menu_line.png) no-repeat left bottom; }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 240, ../_scss/common.scss */
        .l-header .navi li {
          float: none;
          background: #000;
          border-bottom: solid 1px #999; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 240, ../_scss/common.scss */
        .l-header .navi li {
          float: none;
          background: #000;
          border-bottom: solid 1px #999; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 240, ../_scss/common.scss */
        .l-header .navi li {
          float: none;
          background: #000;
          border-bottom: solid 1px #999; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 240, ../_scss/common.scss */
        .l-header .navi li {
          float: none;
          background: #000;
          border-bottom: solid 1px #999; } }
      /* line 249, ../_scss/common.scss */
      .l-header .navi li.active {
        opacity: .5; }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 253, ../_scss/common.scss */
        .l-header .navi li a {
          display: inline-block; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 253, ../_scss/common.scss */
        .l-header .navi li a {
          display: inline-block; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 253, ../_scss/common.scss */
        .l-header .navi li a {
          display: inline-block; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 253, ../_scss/common.scss */
        .l-header .navi li a {
          display: inline-block; } }
      @media only screen and (min-width: 0) and (max-width: 320px) {
        /* line 257, ../_scss/common.scss */
        .l-header .navi li a p {
          color: #FFF;
          font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 568px) {
        /* line 257, ../_scss/common.scss */
        .l-header .navi li a p {
          color: #FFF;
          font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 100%; } }
      @media only screen and (min-width: 568px) and (max-width: 768px) {
        /* line 257, ../_scss/common.scss */
        .l-header .navi li a p {
          color: #FFF;
          font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 100%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* line 257, ../_scss/common.scss */
        .l-header .navi li a p {
          color: #FFF;
          font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 100%; } }
      /* line 267, ../_scss/common.scss */
      .l-header .navi li.menu1 {
        max-width: 99px;
        width: 100%;
        width: expression(this.width >= 99 ? "99px" : "auto"); }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 267, ../_scss/common.scss */
          .l-header .navi li.menu1 {
            max-width: none; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 267, ../_scss/common.scss */
          .l-header .navi li.menu1 {
            max-width: none; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 267, ../_scss/common.scss */
          .l-header .navi li.menu1 {
            max-width: none; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 267, ../_scss/common.scss */
          .l-header .navi li.menu1 {
            max-width: none; } }
        /* line 276, ../_scss/common.scss */
        .l-header .navi li.menu1 p {
          text-indent: -9999px;
          width: 100%;
          height: 0px;
          background: url(../images/common/menu1.png) no-repeat;
          background-size: cover;
          padding-top: 36.36364%; }
          @media only screen and (min-width: 0) and (max-width: 320px) {
            /* line 276, ../_scss/common.scss */
            .l-header .navi li.menu1 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            /* line 276, ../_scss/common.scss */
            .l-header .navi li.menu1 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 568px) and (max-width: 768px) {
            /* line 276, ../_scss/common.scss */
            .l-header .navi li.menu1 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            /* line 276, ../_scss/common.scss */
            .l-header .navi li.menu1 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
      /* line 290, ../_scss/common.scss */
      .l-header .navi li.menu2 {
        max-width: 99px;
        width: 100%;
        width: expression(this.width >= 99 ? "99px" : "auto"); }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 290, ../_scss/common.scss */
          .l-header .navi li.menu2 {
            max-width: none; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 290, ../_scss/common.scss */
          .l-header .navi li.menu2 {
            max-width: none; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 290, ../_scss/common.scss */
          .l-header .navi li.menu2 {
            max-width: none; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 290, ../_scss/common.scss */
          .l-header .navi li.menu2 {
            max-width: none; } }
        /* line 297, ../_scss/common.scss */
        .l-header .navi li.menu2 p {
          text-indent: -9999px;
          width: 100%;
          height: 0px;
          background: url(../images/common/menu2.png) no-repeat;
          background-size: cover;
          padding-top: 36.36364%; }
          @media only screen and (min-width: 0) and (max-width: 320px) {
            /* line 297, ../_scss/common.scss */
            .l-header .navi li.menu2 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            /* line 297, ../_scss/common.scss */
            .l-header .navi li.menu2 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 568px) and (max-width: 768px) {
            /* line 297, ../_scss/common.scss */
            .l-header .navi li.menu2 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            /* line 297, ../_scss/common.scss */
            .l-header .navi li.menu2 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
      /* line 311, ../_scss/common.scss */
      .l-header .navi li.menu3 {
        max-width: 99px;
        width: 100%;
        width: expression(this.width >= 99 ? "99px" : "auto"); }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 311, ../_scss/common.scss */
          .l-header .navi li.menu3 {
            max-width: none; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 311, ../_scss/common.scss */
          .l-header .navi li.menu3 {
            max-width: none; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 311, ../_scss/common.scss */
          .l-header .navi li.menu3 {
            max-width: none; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 311, ../_scss/common.scss */
          .l-header .navi li.menu3 {
            max-width: none; } }
        /* line 318, ../_scss/common.scss */
        .l-header .navi li.menu3 p {
          text-indent: -9999px;
          width: 100%;
          height: 0px;
          background: url(../images/common/menu3.png) no-repeat;
          background-size: cover;
          padding-top: 36.36364%; }
          @media only screen and (min-width: 0) and (max-width: 320px) {
            /* line 318, ../_scss/common.scss */
            .l-header .navi li.menu3 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            /* line 318, ../_scss/common.scss */
            .l-header .navi li.menu3 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 568px) and (max-width: 768px) {
            /* line 318, ../_scss/common.scss */
            .l-header .navi li.menu3 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            /* line 318, ../_scss/common.scss */
            .l-header .navi li.menu3 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
      /* line 332, ../_scss/common.scss */
      .l-header .navi li.menu4 {
        max-width: 99px;
        width: 100%;
        width: expression(this.width >= 99 ? "99px" : "auto"); }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 332, ../_scss/common.scss */
          .l-header .navi li.menu4 {
            max-width: none; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 332, ../_scss/common.scss */
          .l-header .navi li.menu4 {
            max-width: none; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 332, ../_scss/common.scss */
          .l-header .navi li.menu4 {
            max-width: none; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 332, ../_scss/common.scss */
          .l-header .navi li.menu4 {
            max-width: none; } }
        /* line 339, ../_scss/common.scss */
        .l-header .navi li.menu4 p {
          text-indent: -9999px;
          width: 100%;
          height: 0px;
          background: url(../images/common/menu4.png) no-repeat;
          background-size: cover;
          padding-top: 36.36364%; }
          @media only screen and (min-width: 0) and (max-width: 320px) {
            /* line 339, ../_scss/common.scss */
            .l-header .navi li.menu4 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            /* line 339, ../_scss/common.scss */
            .l-header .navi li.menu4 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 568px) and (max-width: 768px) {
            /* line 339, ../_scss/common.scss */
            .l-header .navi li.menu4 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            /* line 339, ../_scss/common.scss */
            .l-header .navi li.menu4 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
      /* line 353, ../_scss/common.scss */
      .l-header .navi li.menu5 {
        max-width: 99px;
        width: 100%;
        width: expression(this.width >= 99 ? "99px" : "auto"); }
        @media only screen and (min-width: 0) and (max-width: 320px) {
          /* line 353, ../_scss/common.scss */
          .l-header .navi li.menu5 {
            max-width: none; } }
        @media only screen and (min-width: 320px) and (max-width: 568px) {
          /* line 353, ../_scss/common.scss */
          .l-header .navi li.menu5 {
            max-width: none; } }
        @media only screen and (min-width: 568px) and (max-width: 768px) {
          /* line 353, ../_scss/common.scss */
          .l-header .navi li.menu5 {
            max-width: none; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          /* line 353, ../_scss/common.scss */
          .l-header .navi li.menu5 {
            max-width: none; } }
        /* line 360, ../_scss/common.scss */
        .l-header .navi li.menu5 p {
          text-indent: -9999px;
          width: 100%;
          height: 0px;
          background: url(../images/common/menu5.png) no-repeat;
          background-size: cover;
          padding-top: 36.36364%; }
          @media only screen and (min-width: 0) and (max-width: 320px) {
            /* line 360, ../_scss/common.scss */
            .l-header .navi li.menu5 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 320px) and (max-width: 568px) {
            /* line 360, ../_scss/common.scss */
            .l-header .navi li.menu5 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-width: 568px) and (max-width: 768px) {
            /* line 360, ../_scss/common.scss */
            .l-header .navi li.menu5 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            /* line 360, ../_scss/common.scss */
            .l-header .navi li.menu5 p {
              text-indent: 0px;
              height: auto;
              background: none;
              padding: 10px; } }
      /* line 374, ../_scss/common.scss */
      .l-header .navi li a.nolink {
        cursor: default; }
        /* line 376, ../_scss/common.scss */
        .l-header .navi li a.nolink p {
          opacity: .3; }
  /* line 384, ../_scss/common.scss */
  .l-header ul.lang {
    position: absolute;
    top: 12px;
    right: 18px;
    max-width: 61px;
    width: 100%;
    width: expression(this.width >= 61 ? "61px" : "auto"); }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 384, ../_scss/common.scss */
      .l-header ul.lang {
        top: 7.5px;
        right: 50px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 384, ../_scss/common.scss */
      .l-header ul.lang {
        top: 7.5px;
        right: 50px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 384, ../_scss/common.scss */
      .l-header ul.lang {
        top: 7.5px;
        right: 50px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 384, ../_scss/common.scss */
      .l-header ul.lang {
        top: 7.5px;
        right: 50px; } }
    /* line 395, ../_scss/common.scss */
    .l-header ul.lang li.en {
      max-width: 61px;
      width: 100%;
      width: expression(this.width >= 61 ? "61px" : "auto");
      margin-bottom: 7px;
      cursor: pointer; }
      /* line 401, ../_scss/common.scss */
      .l-header ul.lang li.en p {
        text-indent: -9999px;
        width: 100%;
        height: 0px;
        background: url(../images/common/menu_en.png) no-repeat;
        padding-top: 22.95082%; }
    /* line 409, ../_scss/common.scss */
    .l-header ul.lang li.ja {
      max-width: 61px;
      width: 100%;
      width: expression(this.width >= 61 ? "61px" : "auto"); }
      /* line 413, ../_scss/common.scss */
      .l-header ul.lang li.ja p {
        text-indent: -9999px;
        width: 100%;
        height: 0px;
        background: url(../images/common/menu_ja_on.png) no-repeat;
        padding-top: 22.95082%; }
  /* line 424, ../_scss/common.scss */
  .l-header.en .navi li.menu1 p {
    background: url(../images/common/menu1_en.png) no-repeat;
    background-size: cover; }
  /* line 430, ../_scss/common.scss */
  .l-header.en .navi li.menu2 p {
    background: url(../images/common/menu2_en.png) no-repeat;
    background-size: cover; }
  /* line 436, ../_scss/common.scss */
  .l-header.en .navi li.menu3 p {
    background: url(../images/common/menu3_en.png) no-repeat;
    background-size: cover; }
  /* line 442, ../_scss/common.scss */
  .l-header.en .navi li.menu4 p {
    background: url(../images/common/menu4_en.png) no-repeat;
    background-size: cover; }
  /* line 448, ../_scss/common.scss */
  .l-header.en .navi li.menu5 p {
    background: url(../images/common/menu5_en.png) no-repeat;
    background-size: cover; }
  /* line 456, ../_scss/common.scss */
  .l-header.en ul.lang li.en {
    cursor: default; }
    /* line 458, ../_scss/common.scss */
    .l-header.en ul.lang li.en p {
      background: url(../images/common/menu_en_on.png) no-repeat;
      background-size: cover; }
  /* line 463, ../_scss/common.scss */
  .l-header.en ul.lang li.ja {
    cursor: pointer; }
    /* line 465, ../_scss/common.scss */
    .l-header.en ul.lang li.ja p {
      background: url(../images/common/menu_ja.png) no-repeat;
      background-size: cover; }
  /* line 472, ../_scss/common.scss */
  .l-header .spmenu {
    display: none; }
    @media only screen and (min-width: 0) and (max-width: 320px) {
      /* line 472, ../_scss/common.scss */
      .l-header .spmenu {
        position: absolute;
        top: 12.5px;
        right: 7.5px;
        display: block;
        z-index: 102;
        line-height: 0px; } }
    @media only screen and (min-width: 320px) and (max-width: 568px) {
      /* line 472, ../_scss/common.scss */
      .l-header .spmenu {
        position: absolute;
        top: 12.5px;
        right: 7.5px;
        display: block;
        z-index: 102;
        line-height: 0px; } }
    @media only screen and (min-width: 568px) and (max-width: 768px) {
      /* line 472, ../_scss/common.scss */
      .l-header .spmenu {
        position: absolute;
        top: 12.5px;
        right: 7.5px;
        display: block;
        z-index: 102;
        line-height: 0px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      /* line 472, ../_scss/common.scss */
      .l-header .spmenu {
        position: absolute;
        top: 12.5px;
        right: 7.5px;
        display: block;
        z-index: 102;
        line-height: 0px; } }
    /* line 484, ../_scss/common.scss */
    .l-header .spmenu .menu-trigger {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      position: relative;
      width: 30px;
      height: 25px; }
      /* line 493, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #ffffff; }
      /* line 505, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger span:nth-child(1) {
        top: 0; }
      /* line 509, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger span:nth-child(2) {
        top: 10px; }
      /* line 513, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger span:nth-child(3) {
        top: 20px; }
    /* line 518, ../_scss/common.scss */
    .l-header .spmenu .menu-trigger.active {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
      /* line 522, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger.active span {
        background-color: #FFFFFF; }
      /* line 526, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger.active span:nth-child(1) {
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg); }
      /* line 530, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger.active span:nth-child(2) {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg); }
      /* line 534, ../_scss/common.scss */
      .l-header .spmenu .menu-trigger.active span:nth-child(3) {
        opacity: 0; }
  /* line 542, ../_scss/common.scss */
  .l-header .spbg {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6); }

/* line 554, ../_scss/common.scss */
.l-footer {
  height: 40px; }