@charset "UTF-8";
/* みそ汁サーバー
------------------------------ */
#contents {
  margin: 0;
  width: 100%;
  min-width: 0; }

#misoshiru_server {
  /**
 * Swiper 4.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 11, 2018
 */
  /* Auto Height */
  /* 3D Effects */
  /* IE10 Windows Phone 8 Fixes */
  /* Common Styles */
  /* Bullets */
  /* Progress */
  /* Scrollbar */
  /* Preloader */
  /* a11y */
  position: relative;
  left: 0;
  top: 0;
  color: #523e2f;
  font-size: 24px;
  font-size: 2.4rem;
  font-size: 3.75vw;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: #FFF;
  color: #523e2f;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 14px; }
  #misoshiru_server .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1; }
  #misoshiru_server .swiper-container-no-flexbox .swiper-slide {
    float: left; }
  #misoshiru_server .swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #misoshiru_server .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  #misoshiru_server .swiper-container-android .swiper-slide,
  #misoshiru_server .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0); }
  #misoshiru_server .swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #misoshiru_server .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto; }
  #misoshiru_server .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  #misoshiru_server .swiper-invisible-blank-slide {
    visibility: hidden; }
  #misoshiru_server .swiper-container-autoheight,
  #misoshiru_server .swiper-container-autoheight .swiper-slide {
    height: auto; }
  #misoshiru_server .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform; }
  #misoshiru_server .swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px; }
  #misoshiru_server .swiper-container-3d .swiper-wrapper,
  #misoshiru_server .swiper-container-3d .swiper-slide,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-left,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-right,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-top,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-bottom,
  #misoshiru_server .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-left,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-right,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-top,
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  #misoshiru_server .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  #misoshiru_server .swiper-container-wp8-horizontal,
  #misoshiru_server .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y; }
  #misoshiru_server .swiper-container-wp8-vertical,
  #misoshiru_server .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x; }
  #misoshiru_server .swiper-button-prev,
  #misoshiru_server .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat; }
  #misoshiru_server .swiper-button-prev.swiper-button-disabled,
  #misoshiru_server .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }
  #misoshiru_server .swiper-button-prev,
  #misoshiru_server .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto; }
  #misoshiru_server .swiper-button-next,
  #misoshiru_server .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto; }
  #misoshiru_server .swiper-button-prev.swiper-button-white,
  #misoshiru_server .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  #misoshiru_server .swiper-button-next.swiper-button-white,
  #misoshiru_server .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  #misoshiru_server .swiper-button-prev.swiper-button-black,
  #misoshiru_server .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  #misoshiru_server .swiper-button-next.swiper-button-black,
  #misoshiru_server .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
  #misoshiru_server .swiper-button-lock {
    display: none; }
  #misoshiru_server .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10; }
  #misoshiru_server .swiper-pagination.swiper-pagination-hidden {
    opacity: 0; }
  #misoshiru_server .swiper-pagination-fraction,
  #misoshiru_server .swiper-pagination-custom,
  #misoshiru_server .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%; }
  #misoshiru_server .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0; }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative; }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66); }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33); }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66); }
  #misoshiru_server .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33); }
  #misoshiru_server .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2; }
  #misoshiru_server button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  #misoshiru_server .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; }
  #misoshiru_server .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff; }
  #misoshiru_server .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0); }
  #misoshiru_server .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block; }
  #misoshiru_server .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px; }
  #misoshiru_server .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform; }
  #misoshiru_server .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px; }
  #misoshiru_server .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap; }
  #misoshiru_server .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform; }
  #misoshiru_server .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform; }
  #misoshiru_server .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute; }
  #misoshiru_server .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top; }
  #misoshiru_server .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top; }
  #misoshiru_server .swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0; }
  #misoshiru_server .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0; }
  #misoshiru_server .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff; }
  #misoshiru_server .swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25); }
  #misoshiru_server .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff; }
  #misoshiru_server .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000; }
  #misoshiru_server .swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25); }
  #misoshiru_server .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000; }
  #misoshiru_server .swiper-pagination-lock {
    display: none; }
  #misoshiru_server .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1); }
  #misoshiru_server .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%; }
  #misoshiru_server .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%; }
  #misoshiru_server .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0; }
  #misoshiru_server .swiper-scrollbar-cursor-drag {
    cursor: move; }
  #misoshiru_server .swiper-scrollbar-lock {
    display: none; }
  #misoshiru_server .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
  #misoshiru_server .swiper-zoom-container > img,
  #misoshiru_server .swiper-zoom-container > svg,
  #misoshiru_server .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  #misoshiru_server .swiper-slide-zoomed {
    cursor: move; }
  #misoshiru_server .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite; }
  #misoshiru_server .swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat; }
  #misoshiru_server .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #misoshiru_server .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000; }
  #misoshiru_server .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  #misoshiru_server .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity; }
  #misoshiru_server .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none; }
  #misoshiru_server .swiper-container-fade .swiper-slide-active,
  #misoshiru_server .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  #misoshiru_server .swiper-container-cube {
    overflow: visible; }
  #misoshiru_server .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%; }
  #misoshiru_server .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none; }
  #misoshiru_server .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  #misoshiru_server .swiper-container-cube .swiper-slide-active,
  #misoshiru_server .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  #misoshiru_server .swiper-container-cube .swiper-slide-active,
  #misoshiru_server .swiper-container-cube .swiper-slide-next,
  #misoshiru_server .swiper-container-cube .swiper-slide-prev,
  #misoshiru_server .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible; }
  #misoshiru_server .swiper-container-cube .swiper-slide-shadow-top,
  #misoshiru_server .swiper-container-cube .swiper-slide-shadow-bottom,
  #misoshiru_server .swiper-container-cube .swiper-slide-shadow-left,
  #misoshiru_server .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  #misoshiru_server .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0; }
  #misoshiru_server .swiper-container-flip {
    overflow: visible; }
  #misoshiru_server .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1; }
  #misoshiru_server .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none; }
  #misoshiru_server .swiper-container-flip .swiper-slide-active,
  #misoshiru_server .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  #misoshiru_server .swiper-container-flip .swiper-slide-shadow-top,
  #misoshiru_server .swiper-container-flip .swiper-slide-shadow-bottom,
  #misoshiru_server .swiper-container-flip .swiper-slide-shadow-left,
  #misoshiru_server .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  #misoshiru_server .swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px; }
  #misoshiru_server body, #misoshiru_server h1, #misoshiru_server h2, #misoshiru_server h3, #misoshiru_server h4, #misoshiru_server h5, #misoshiru_server h6, #misoshiru_server p, #misoshiru_server dl, #misoshiru_server dt, #misoshiru_server dd, #misoshiru_server ol, #misoshiru_server ul, #misoshiru_server li, #misoshiru_server blockquote, #misoshiru_server form, #misoshiru_server table, #misoshiru_server input, #misoshiru_server div, #misoshiru_server figure, #misoshiru_server a, #misoshiru_server span, #misoshiru_server img, #misoshiru_server th, #misoshiru_server td, #misoshiru_server section {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  #misoshiru_server h1, #misoshiru_server h2, #misoshiru_server h3, #misoshiru_server h4, #misoshiru_server h5, #misoshiru_server h6, #misoshiru_server th, #misoshiru_server td {
    font-size: 100%; }
  #misoshiru_server th, #misoshiru_server td {
    text-align: left;
    line-height: 1.4; }
  #misoshiru_server img {
    border: none;
    vertical-align: bottom; }
  #misoshiru_server table {
    border-collapse: collapse;
    border-spacing: 0; }
  #misoshiru_server figure {
    margin: 0; }
  #misoshiru_server a {
    color: #523e2f;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  #misoshiru_server a:hover {
    opacity: .7; }
  #misoshiru_server a[href*="tel"] {
    pointer-events: none; }
  #misoshiru_server li {
    list-style: none; }
  #misoshiru_server table th, #misoshiru_server table td {
    border: none; }
  #misoshiru_server input[type="submit"], #misoshiru_server input[type="button"] {
    cursor: pointer; }
  #misoshiru_server button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none; }
    #misoshiru_server button:hover {
      opacity: .7; }
  #misoshiru_server b, #misoshiru_server strong {
    font-weight: bold; }
  #misoshiru_server img {
    width: 100%;
    height: auto; }
  #misoshiru_server a[href*="tel"] {
    pointer-events: auto; }
  #misoshiru_server section {
    position: relative; }
  #misoshiru_server .exclusive-subtitle {
    margin-top: 6.25%; }
  #misoshiru_server .inner {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 2.34375%; }
  #misoshiru_server .lead {
    margin: 7.8125% auto 4.6875%;
    font-size: 22px;
    font-size: 2.2rem;
    font-size: 3.4375vw;
    color: #343434; }
  #misoshiru_server .obiTitle {
    padding: .75em 0;
    background: #462f06; }
  #misoshiru_server .localNavi {
    display: block;
    background: url(../images/misoshiru-server-localNavi-bgi.png) center center;
    text-align: center; }
    #misoshiru_server .localNavi li {
      float: left;
      padding: .75em 0;
      width: 25%; }
      #misoshiru_server .localNavi li + li a {
        border-left: solid 1px #fff; }
    #misoshiru_server .localNavi a {
      display: block;
      line-height: 1.3;
      color: #fff;
      font-size: 20px;
      font-size: 2rem;
      font-size: 3.125vw;
      letter-spacing: -.075em; }
    #misoshiru_server .localNavi:after {
      display: block;
      clear: both;
      content: ""; }
  #misoshiru_server .guideArea {
    padding: 12.5% 0 15.625%;
    background: url(../images/misoshiru-server-guide-bgi.jpg) center center;
    background-size: auto 100%; }
    #misoshiru_server .guideArea:after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 800;
      width: 100%;
      height: 26px;
      margin-bottom: -26px;
      content: "";
      background: url(../images/misoshiru-server-guide-shadow.png) center top no-repeat; }
  #misoshiru_server .guideList {
    margin-top: 6.25%; }
    #misoshiru_server .guideList li {
      display: table;
      width: 100%; }
      #misoshiru_server .guideList li + li {
        margin-top: 9.375%; }
      #misoshiru_server .guideList li img, #misoshiru_server .guideList li .textArea {
        display: table-cell;
        vertical-align: middle; }
      #misoshiru_server .guideList li .textArea {
        width: 54%;
        padding-left: 3.2786885246%;
        text-align: left; }
      #misoshiru_server .guideList li h3 {
        margin-bottom: .5em;
        color: #a51e0c;
        font-size: 26px;
        font-size: 2.6rem;
        font-size: 4.0625vw;
        font-weight: bold;
        white-space: nowrap; }
      #misoshiru_server .guideList li p + p {
        margin-top: .5em; }
  #misoshiru_server .exclusive {
    padding: 12.5% 0 15.625%;
    background: url(../images/misoshiru-server-exclusive-bgi.jpg) center center;
    background-size: auto 100%;
    color: #353535;
    text-align: center; }
    #misoshiru_server .exclusive h2 {
      margin-bottom: 6.25%; }
      #misoshiru_server .exclusive h2 + p {
        letter-spacing: .05em; }
  #misoshiru_server .exclusiveList {
    margin: 4.9180327869% auto 0;
    width: 100%;
    display: flex; }
    #misoshiru_server .exclusiveList li {
      position: relative;
      float: left;
      padding: 3.9344262295% 0;
      width: 25%;
      cursor: pointer; }
      #misoshiru_server .exclusiveList li img {
        position: relative;
        z-index: 800; }
      #misoshiru_server .exclusiveList li + li {
        border-left: solid 2px #353535; }
      #misoshiru_server .exclusiveList li.current {
        background: rgba(162, 138, 124, 0.25); }
    #misoshiru_server .exclusiveList:after {
      display: block;
      clear: both;
      content: ""; }
  #misoshiru_server .exclusiveListResult li {
    padding: 4.9180327869% 0 8.1967213115%;
    background: rgba(162, 138, 124, 0.25); }
  #misoshiru_server .exclusiveListResult .textBox {
    margin-top: .5em;
    font-weight: bold;
    line-height: 1.4; }
    #misoshiru_server .exclusiveListResult .textBox.line1 {
      line-height: 2.8; }
  #misoshiru_server .exclusiveListResult .annotation {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    font-size: 3.125vw;
    font-weight: normal;
    line-height: 1.7; }
  #misoshiru_server .tabArrowWrap {
    position: relative; }
    #misoshiru_server .tabArrowWrap .arrows {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 0;
      height: 0;
      padding: .75em;
      background: url(../images/misoshiru-server-exclusive-arrow.png) no-repeat;
      background-size: contain; }
      #misoshiru_server .tabArrowWrap .arrows.swiper-button-disabled {
        background: url(../images/misoshiru-server-exclusive-arrow-disable.png) no-repeat;
        background-size: contain; }
      #misoshiru_server .tabArrowWrap .arrows:hover {
        opacity: 1; }
    #misoshiru_server .tabArrowWrap .prev {
      left: 1em;
      right: auto; }
    #misoshiru_server .tabArrowWrap .next {
      right: 1em;
      left: auto;
      -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg); }
  #misoshiru_server .guzai {
    display: block;
    padding: 0 0 9.375%;
    background: url(../images/misoshiru-server-guzai-bgi.jpg) center center;
    background-size: auto 100%;
    color: #343434;
    text-align: center; }
  #misoshiru_server .guzaiList {
    margin: 7.8125% auto 0;
    padding: 0 7.8125% 0 3.125%;
    width: 100%; }
    #misoshiru_server .guzaiList li {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-box-align: center;
      justify-content: space-between;
      width: 100%;
      text-align: left; }
      #misoshiru_server .guzaiList li:first-child .textBgi {
        top: 17%;
        left: 0px; }
      #misoshiru_server .guzaiList li:last-child .textArea {
        padding-left: 4.6875%; }
      #misoshiru_server .guzaiList li:last-child .textBgi {
        top: 55%;
        right: 0px; }
      #misoshiru_server .guzaiList li .imgArea {
        width: 40.350877193%;
        z-index: 2; }
      #misoshiru_server .guzaiList li .textArea {
        display: inline-block;
        margin-top: -1.5em;
        z-index: 2; }
      #misoshiru_server .guzaiList li h3 {
        margin-bottom: .75em;
        font-size: 26px;
        font-size: 2.6rem;
        font-size: 4.0625vw;
        font-weight: bold; }
      #misoshiru_server .guzaiList li p {
        line-height: 1.3;
        font-size: 22px;
        font-size: 2.2rem;
        font-size: 3.4375vw; }
      #misoshiru_server .guzaiList li .textBgi {
        position: absolute;
        z-index: 0;
        width: 100%; }
    #misoshiru_server .guzaiList:after {
      display: block;
      clear: both;
      content: ""; }
  #misoshiru_server .freeRental {
    display: block;
    padding: 0 0 15.625%;
    background: url(../images/misoshiru-server-rental-bgi.jpg) center center;
    background-size: auto 100%;
    color: #343434;
    text-align: left; }
  #misoshiru_server .rentalList {
    width: 95.3125%;
    margin: 0 auto;
    letter-spacing: .05em; }
    #misoshiru_server .rentalList li {
      position: relative;
      padding: 3.2786885246%;
      background: url(../images/misoshiru-server-rentalList-bgi.png) center center;
      background-size: 100% 100%; }
      #misoshiru_server .rentalList li + li {
        margin-top: 8.1967213115%; }
      #misoshiru_server .rentalList li h3 {
        margin-bottom: .5em;
        font-size: 26px;
        font-size: 2.6rem;
        font-size: 4.0625vw;
        font-weight: bold;
        letter-spacing: .3; }
      #misoshiru_server .rentalList li .rentalLabel {
        margin: 0 0 .5em;
        padding: .125em .75em;
        display: inline-block;
        color: #fff;
        background: #29324f;
        font-weight: bold;
        letter-spacing: .05em; }
      #misoshiru_server .rentalList li tr + tr th, #misoshiru_server .rentalList li td {
        padding-top: .25em; }
      #misoshiru_server .rentalList li th, #misoshiru_server .rentalList li td {
        background: transparent;
        color: #343434;
        font-size: 24px;
        font-size: 2.4rem;
        font-size: 3.75vw;
        font-weight: normal; }
      #misoshiru_server .rentalList li th {
        width: 31.0344827586%; }
      #misoshiru_server .rentalList li .rentalNotice {
        margin-top: 5.1724137931%;
        letter-spacing: .075em; }
      #misoshiru_server .rentalList li img {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 1.6393442623%;
        width: 16.393442623%; }
    #misoshiru_server .rentalList .rentalExternalLink {
      margin: 8.1967213115% auto 0;
      padding: 0;
      width: 69.6721311475%;
      background: url(../images/misoshiru-server-rental-link-bgi.png) center center;
      background-size: 100% 100%; }
      #misoshiru_server .rentalList .rentalExternalLink a {
        display: block;
        padding: .9em 1.4em 1em 1em;
        color: #fff;
        text-align: left;
        font-weight: bold;
        font-size: 18px;
        font-size: 1.8rem;
        font-size: 2.8125vw;
        letter-spacing: .05em; }
      #misoshiru_server .rentalList .rentalExternalLink.pdf a {
        padding-left: 3.5em; }
        #misoshiru_server .rentalList .rentalExternalLink.pdf a::after {
          content: "";
          background: url(../images/misoshiru-server-pdf.png) no-repeat;
          background-size: contain;
          width: 2em;
          height: 1em;
          position: absolute;
          left: 1em;
          top: 50%;
          transform: translateY(-50%); }
  #misoshiru_server .popdownload {
    display: block;
    padding: 0 0 23.4375%;
    background: url(../images/misoshiru-server-popdownload-bgi.jpg) center center;
    background-size: auto 100%;
    color: #fff;
    text-align: center; }
    #misoshiru_server .popdownload .lead {
      display: inline-block;
      margin-bottom: 6.25%;
      text-align: left; }
      #misoshiru_server .popdownload .lead li {
        margin-bottom: .75em;
        margin-left: 1em;
        text-indent: -1em; }
    #misoshiru_server .popdownload .popdownloadImg {
      display: block;
      margin: 0 auto;
      width: 48.75%; }
    #misoshiru_server .popdownload .btnWrap {
      position: relative; }
      #misoshiru_server .popdownload .btnWrap a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
        #misoshiru_server .popdownload .btnWrap a.show {
          z-index: 800; }
  #misoshiru_server .popdownloadList {
    height: auto; }
  #misoshiru_server .swiper-container .swiper-slide {
    height: auto; }
  #misoshiru_server .swiper-container .swiper-pagination-bullet {
    width: .75em;
    height: .75em;
    opacity: .8; }
  #misoshiru_server .swiper-container .swiper-pagination-bullet-active {
    background: #ae0c16;
    opacity: 1; }
  #misoshiru_server .swiper-container-horizontal > .swiper-pagination-bullets {
    position: relative;
    bottom: 0;
    margin: 1em auto; }
    #misoshiru_server .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      margin: 0 1%; }
  #misoshiru_server .misoserverContact {
    padding: 6.25% 0;
    background: url(../images/misoshiru-server-contact-bgi.jpg) center center;
    text-align: center;
    font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; }
    #misoshiru_server .misoserverContact h2 {
      font-size: 20px;
      font-size: 2rem;
      font-size: 3.125vw;
      font-weight: bold; }
    #misoshiru_server .misoserverContact .telNumber {
      font-size: 42px;
      font-size: 4.2rem;
      font-size: 6.5625vw;
      font-weight: bold; }
  #misoshiru_server .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    z-index: -2;
    -webkit-transition: opacity 0s;
    -ms-transition: opacity 0s;
    transition: opacity 0s; }
    #misoshiru_server .popup > * {
      z-index: 900; }
    #misoshiru_server .popup .popupBgi {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 800;
      width: 100%;
      height: 100%; }
    #misoshiru_server .popup.open {
      opacity: 1;
      z-index: 999;
      -webkit-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      transition: opacity 0.2s; }
  #misoshiru_server .popupPlate {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    #misoshiru_server .popupPlate img {
      width: 100%;
      height: auto; }

/* pc-small
-------------------------------------------------- */
@media only screen and (max-width: 999px) {
  html, :root {
    font-size: 97.55859375%; }
  .br99999999 {
    display: block; } }

/* tablet
-------------------------------------------------- */
@media only screen and (max-width: 768px) {
  html, :root {
    font-size: 75%; } }

/* sp-side
-------------------------------------------------- */
@media only screen and (max-width: 640px) {
  html, :root {
    font-size: 62.5%; } }

/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) {
  html, :root {
    font-size: 55.46875%; } }

/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) {
  html, :root {
    font-size: 52.734375%; } }

/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) {
  html, :root {
    font-size: 46.875%; } }

/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) {
  html, :root {
    font-size: 40.4296875%; } }

/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) {
  html, :root {
    font-size: 36.62109375%; } }

/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) {
  html, :root {
    font-size: 35.15625%; } }

/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) {
  html, :root {
    font-size: 31.25%; } }