/* Scss Document */
@font-face {
  font-family: 'kobu_g_std_w3';
  src: url("../font/kobu_g_std_w3.woff2") format("woff2"), url("../font/kobu_g_std_w3.woff") format("woff"); }
@font-face {
  font-family: 'kobu_g_std_w6';
  src: url("../font/kobu_g_std_w6.woff2") format("woff2"), url("../font/kobu_g_std_w6.woff") format("woff"); }
@font-face {
  font-family: 'din_light';
  src: url("../font/din_light.woff2") format("woff2"), url("../font/din_light.woff") format("woff"); }
@font-face {
  font-family: 'din_regular';
  src: url("../font/din_regular.woff2") format("woff2"), url("../font/din_regular.woff") format("woff"); }
@font-face {
  font-family: 'din_medium';
  src: url("../font/din_medium.woff2") format("woff2"), url("../font/din_medium.woff") format("woff"); }
@font-face {
  font-family: 'din_bold';
  src: url("../font/din_bold.woff2") format("woff2"), url("../font/din_bold.woff") format("woff"); }
/*SCSS*/
a.nolink {
  pointer-events: none;
  cursor: default; }

body {
  width: 100%;
  height: 100%;
  color: #231815;
  background: #fff;
  margin: 0;
  padding: 0;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#wrapper {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0; }
  #wrapper #fb_icon {
    top: 95px;
    right: 70px;
    z-index: 9999;
    position: fixed;
    z-index: 2;
    width: 50px;
    height: 50px; }
  #wrapper #ig_icon {
    top: 95px;
    right: 10px;
    z-index: 9999;
    position: fixed;
    z-index: 2;
    width: 50px;
    height: 50px; }
  #wrapper header.index {
    position: fixed;
    z-index: 10;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: rgba(255, 255, 255, 0.8); }
    #wrapper header.index #header {
      overflow: hidden;
      width: 96%;
      max-width: 1100px;
      margin: 0 auto 0 auto;
      padding: 10px 0 10px 0;
      /*
      nav{
      	float: right;
      	width: 80%;
      	margin: 0 0 0 0;
      	padding: 0 0 0 0;
      	#gnav{
      		float: right;
      		margin: 0 0 0 0;
      		padding: 0 0 0 0;
      		ul{
      			display: block;
      			width: 100%;
      			list-style: none;
      			margin: 0 0 0 0;
      			padding: 0 0 0 0;
      			li{
      				display: inline-block;
      				text-align: center;
      				font-family: 'kobu_g_std_w3';
      				font-size: 14px;
      				margin: 0 18px 0 0;
      				padding: 0 0 0 0;
      				a{
      					display: block;
      					color: #231815;
      					text-decoration: none;
      					padding: 5px 0;
      				}
      				a:hover{
      					color: #00a0e9;
      					-moz-transition: .3s;
      					-webkit-transition: .3s;
      					-o-transition: .3s;
      					-ms-transition: .3s;
      					transition: .3s;
      				}
      			}
      			li:last-child{
      				margin: 0 0 0 0;
      			}
      		}
      	}
      }
      */ }
      #wrapper header.index #header #logo {
        float: left;
        width: 20%;
        text-align: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
        #wrapper header.index #header #logo img {
          width: 100%;
          max-width: 180px; }
      #wrapper header.index #header nav {
        display: none; }
  #wrapper header {
    position: fixed;
    z-index: 10;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-shadow: 0px 1px 6px 3px #ccc;
    -moz-box-shadow: 0px 1px 8px 3px #ccc;
    -webkit-box-shadow: 0px 1px 8px 3px #ccc;
    background: rgba(255, 255, 255, 0.8); }
    #wrapper header #header {
      overflow: hidden;
      width: 96%;
      max-width: 1100px;
      margin: 0 auto 0 auto;
      padding: 10px 0 10px 0;
      /*
      nav{
      	float: right;
      	width: 80%;
      	margin: 0 0 0 0;
      	padding: 0 0 0 0;
      	#gnav{
      		float: right;
      		margin: 0 0 0 0;
      		padding: 0 0 0 0;
      		ul{
      			display: block;
      			width: 100%;
      			list-style: none;
      			margin: 0 0 0 0;
      			padding: 0 0 0 0;
      			li{
      				display: inline-block;
      				text-align: center;
      				font-family: 'kobu_g_std_w3';
      				font-size: 14px;
      				margin: 0 18px 0 0;
      				padding: 0 0 0 0;
      				a{
      					display: block;
      					color: #231815;
      					text-decoration: none;
      					padding: 5px 0;
      				}
      				a:hover{
      					color: #00a0e9;
      					-moz-transition: .3s;
      					-webkit-transition: .3s;
      					-o-transition: .3s;
      					-ms-transition: .3s;
      					transition: .3s;
      				}
      			}
      			li:last-child{
      				margin: 0 0 0 0;
      			}
      		}
      	}
      }
      */ }
      #wrapper header #header #logo {
        float: left;
        width: 20%;
        text-align: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
        #wrapper header #header #logo img {
          width: 100%;
          max-width: 180px; }
      #wrapper header #header nav {
        display: none; }
  #wrapper #mainarea {
    width: 100%;
    margin: 0 0 0 0; }
    #wrapper #mainarea #contents {
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
    #wrapper #mainarea footer {
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      clear: both; }
      #wrapper #mainarea footer #footer {
        width: 90%;
        margin: 0 auto 0 auto;
        padding: 2% 0; }
        #wrapper #mainarea footer #footer .inner {
          width: 100%;
          max-width: 960px;
          margin: 3% auto 0 auto;
          padding: 3% 0 0 0;
          background: url(../img/index/wave.png) no-repeat;
          background-position: center top;
          background-size: contain; }
          #wrapper #mainarea footer #footer .inner #name {
            font-family: 'kobu_g_std_w3';
            font-size: 18px;
            line-height: 24px;
            margin: 0 0 0 0;
            padding: 1% 0 0 0; }
            #wrapper #mainarea footer #footer .inner #name span {
              margin: 0 0 0 10px;
              padding: 0 0 0 0; }
              #wrapper #mainarea footer #footer .inner #name span img {
                width: 25px;
                height: 25px; }
          #wrapper #mainarea footer #footer .inner #telfax {
            font-family: 'kobu_g_std_w3';
            font-size: 14px;
            line-height: 20px;
            margin: 0 0 0 0;
            padding: 1% 0 0 0; }
          #wrapper #mainarea footer #footer .inner #mail {
            font-family: 'kobu_g_std_w3';
            font-size: 14px;
            line-height: 20px;
            margin: 0 0 0 0;
            padding: 0 0 0 0; }
            #wrapper #mainarea footer #footer .inner #mail a {
              font-family: 'kobu_g_std_w3';
              font-size: 14px;
              line-height: 20px;
              color: #231815; }
          #wrapper #mainarea footer #footer .inner #remark.index {
            position: relative;
            display: block;
            font-family: 'kobu_g_std_w3';
            font-size: 18px;
            line-height: 24px;
            margin: 0 0 0 0;
            padding: 2% 0 0 0; }
            #wrapper #mainarea footer #footer .inner #remark.index span {
              display: block;
              position: absolute;
              left: 0;
              top: 0; }
            #wrapper #mainarea footer #footer .inner #remark.index p {
              margin: 0 0 0 60px;
              padding: 0 0 0 0; }
          #wrapper #mainarea footer #footer .inner #remark {
            display: none; }
          #wrapper #mainarea footer #footer .inner #copyright {
            clear: both;
            font-family: 'mincho_std_bold';
            font-size: 10px;
            line-height: 12px;
            margin: 0 0 0 0;
            padding: 3% 0 0 0; }

@media only screen and (min-width: 641px) and (max-width: 960px) {
  #wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    #wrapper header.index {
      height: 84px; }
    #wrapper header {
      height: 84px; }
      #wrapper header #header nav {
        display: none; }
    #wrapper #mainarea {
      float: none;
      width: 100%; }
      #wrapper #mainarea #contents {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
      #wrapper #mainarea footer {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        clear: both; }
        #wrapper #mainarea footer #footer {
          width: 90%;
          margin: 0 auto 0 auto;
          padding: 2% 0; }
          #wrapper #mainarea footer #footer .inner {
            width: 100%;
            max-width: 960px;
            margin: 3% auto 0 auto;
            padding: 3% 0 0 0;
            background: url(../img/index/wave.png) no-repeat;
            background-position: center top;
            background-size: contain; }
            #wrapper #mainarea footer #footer .inner #name {
              font-family: 'kobu_g_std_w3';
              font-size: 18px;
              line-height: 24px;
              margin: 0 0 0 0;
              padding: 1% 0 0 0; }
              #wrapper #mainarea footer #footer .inner #name span {
                margin: 0 0 0 10px;
                padding: 0 0 0 0; }
                #wrapper #mainarea footer #footer .inner #name span img {
                  width: 25px;
                  height: 25px; }
            #wrapper #mainarea footer #footer .inner #telfax {
              font-family: 'kobu_g_std_w3';
              font-size: 14px;
              line-height: 20px;
              margin: 0 0 0 0;
              padding: 1% 0 0 0; }
            #wrapper #mainarea footer #footer .inner #mail {
              font-family: 'kobu_g_std_w3';
              font-size: 14px;
              line-height: 20px;
              margin: 0 0 0 0;
              padding: 0 0 0 0; }
              #wrapper #mainarea footer #footer .inner #mail span {
                font-family: 'kobu_g_std_w3';
                font-size: 12px;
                line-height: 16px; }
            #wrapper #mainarea footer #footer .inner #remark.index {
              display: block;
              text-align: center;
              font-family: 'kobu_g_std_w3';
              font-size: 16px;
              line-height: 22px;
              margin: 0 0 0 0;
              padding: 2% 0 0 0; }
            #wrapper #mainarea footer #footer .inner #remark {
              display: none; }
            #wrapper #mainarea footer #footer .inner #copyright {
              clear: both;
              font-family: 'mincho_std_bold';
              font-size: 10px;
              line-height: 12px;
              margin: 0 0 0 0;
              padding: 3% 0 0 0; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  #wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    #wrapper #fb_icon {
      top: 70px;
      right: 40px;
      z-index: 9999;
      position: fixed;
      z-index: 2;
      width: 25px;
      height: 25px; }
    #wrapper #ig_icon {
      top: 70px;
      right: 5px;
      z-index: 9999;
      position: fixed;
      z-index: 2;
      width: 25px;
      height: 25px; }
    #wrapper header.index #header {
      height: 64px;
      padding: 16px 0 0 0; }
      #wrapper header.index #header #logo {
        width: 100%; }
        #wrapper header.index #header #logo img {
          width: 100%;
          max-width: 90px; }
    #wrapper header {
      height: 64px; }
      #wrapper header #header {
        padding: 16px 0 0 0; }
        #wrapper header #header #logo {
          width: 100%; }
          #wrapper header #header #logo img {
            width: 100%;
            max-width: 90px; }
        #wrapper header #header nav {
          display: none; }
    #wrapper #mainarea {
      float: none;
      width: 100%;
      padding: 64px 0 0 0; }
      #wrapper #mainarea #mv {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
        #wrapper #mainarea #mv ul.bxslider {
          width: 100%; }
          #wrapper #mainarea #mv ul.bxslider li {
            width: 100% !important; }
            #wrapper #mainarea #mv ul.bxslider li img {
              width: 100%; }
      #wrapper #mainarea #contents {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
      #wrapper #mainarea footer {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        clear: both; }
        #wrapper #mainarea footer #footer {
          width: 90%;
          margin: 0 auto 0 auto;
          padding: 2% 0; }
          #wrapper #mainarea footer #footer .inner {
            width: 100%;
            max-width: 960px;
            margin: 6% auto 0 auto;
            padding: 6% 0 0 0;
            background: url(../img/index/wave.png) no-repeat;
            background-position: center top;
            background-size: contain; }
            #wrapper #mainarea footer #footer .inner #name {
              font-family: 'kobu_g_std_w3';
              font-size: 14px;
              line-height: 20px;
              margin: 0 0 0 0;
              padding: 1% 0 0 0; }
              #wrapper #mainarea footer #footer .inner #name span {
                display: inline-block;
                margin: 5px 0 0 10px;
                padding: 0 0 0 0; }
                #wrapper #mainarea footer #footer .inner #name span img {
                  width: 25px;
                  height: 25px; }
            #wrapper #mainarea footer #footer .inner #telfax {
              font-family: 'kobu_g_std_w3';
              font-size: 12px;
              line-height: 18px;
              margin: 0 0 0 0;
              padding: 1% 0 0 0; }
            #wrapper #mainarea footer #footer .inner #mail {
              font-family: 'kobu_g_std_w3';
              font-size: 12px;
              line-height: 18px;
              margin: 0 0 0 0;
              padding: 0 0 0 0; }
              #wrapper #mainarea footer #footer .inner #mail span {
                display: block;
                font-family: 'kobu_g_std_w3';
                font-size: 12px;
                line-height: 16px; }
            #wrapper #mainarea footer #footer .inner #remark.index {
              display: block;
              text-align: center;
              font-family: 'kobu_g_std_w3';
              font-size: 14px;
              line-height: 20px;
              margin: 0 0 0 0;
              padding: 10% 0 0 0; }
            #wrapper #mainarea footer #footer .inner #remark {
              display: none; }
            #wrapper #mainarea footer #footer .inner #copyright {
              clear: both;
              font-family: 'mincho_std_bold';
              font-size: 10px;
              line-height: 12px;
              margin: 0 0 0 0;
              padding: 4% 0 0 0; } }
#page-top {
  width: 100%;
  max-width: 140px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999; }
  #page-top a {
    text-decoration: none;
    color: #FFF;
    width: 100%;
    background: rgba(0, 160, 233, 0.8);
    border-radius: 4px;
    margin: 0 auto 0 auto;
    padding: 20px 0 20px 0;
    text-align: center;
    display: block; }
    #page-top a span.arrow {
      display: block;
      color: #FFF;
      margin: 0 0 0 0;
      padding: 0 0 5px 0; }
    #page-top a span {
      display: block;
      font-size: 12px;
      line-height: 12px;
      color: #FFF;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
  #page-top a:hover {
    background: rgba(230, 0, 18, 0.8);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s; }

.post-password-form {
  padding: 84px 0 0 0;
  width: 90%;
  margin: 0 auto; }

@media only screen and (min-width: 1px) and (max-width: 640px) {
  .post-password-form {
    padding: 64px 0 0 0; } }
#error {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 8rem 0; }

/*# sourceMappingURL=base.css.map */