@charset "UTF-8";

* Swiper 4.5.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 22, 2019
*/
.swiper-container {
 margin: 0 auto;
 position: relative;
 overflow: hidden;
 list-style: none;
 padding: 0;
 /* Fix of Webkit flickering */
 z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
 float: left;
}
.swiper-container-vertical > .swiper-wrapper {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
}
.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;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
 -webkit-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.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;
}
.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;
}
.swiper-slide-invisible-blank {
 visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
 height: auto;
}
.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;
}
/* 3D Effects */
.swiper-container-3d {
 -webkit-perspective: 1200px;
 perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 z-index: 10;
}
.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));
}
.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));
}
.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));
}
.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));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
 -ms-touch-action: pan-y;
 touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
 -ms-touch-action: pan-x;
 touch-action: pan-x;
}
.swiper-button-prev,
.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;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
 opacity: 0.35;
 cursor: auto;
 pointer-events: none;
}
.swiper-button-prev,
.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;
}
.swiper-button-next,
.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;
}
.swiper-button-prev.swiper-button-white,
.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");
}
.swiper-button-next.swiper-button-white,
.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");
}
.swiper-button-prev.swiper-button-black,
.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");
}
.swiper-button-next.swiper-button-black,
.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");
}
.swiper-button-lock {
 display: none;
}
.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;
}
.swiper-pagination.swiper-pagination-hidden {
 opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
 bottom: 10px;
 left: 0;
 width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
 overflow: hidden;
 font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 -webkit-transform: scale(0.33);
 -ms-transform: scale(0.33);
 transform: scale(0.33);
 position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
 -webkit-transform: scale(0.66);
 -ms-transform: scale(0.66);
 transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
 -webkit-transform: scale(0.33);
 -ms-transform: scale(0.33);
 transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
 -webkit-transform: scale(0.66);
 -ms-transform: scale(0.66);
 transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
 -webkit-transform: scale(0.33);
 -ms-transform: scale(0.33);
 transform: scale(0.33);
}
.swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 display: inline-block;
 border-radius: 100%;
 background: #000;
 opacity: 0.2;
}
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;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor: pointer;
}
.swiper-pagination-bullet-active {
 opacity: 1;
 background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
 right: 10px;
 top: 50%;
 -webkit-transform: translate3d(0px, -50%, 0);
 transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 6px 0;
 display: block;
}
.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;
}
.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;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 4px;
}
.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;
}
.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;
}
.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;
}
/* Progress */
.swiper-pagination-progressbar {
 background: rgba(0, 0, 0, 0.25);
 position: absolute;
}
.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;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 -webkit-transform-origin: right top;
 -ms-transform-origin: right top;
 transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
 width: 100%;
 height: 4px;
 left: 0;
 top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
 width: 4px;
 height: 100%;
 left: 0;
 top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
 background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
 background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
 background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
 background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
 background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
 background: #000000;
}
.swiper-pagination-lock {
 display: none;
}
/* Scrollbar */
.swiper-scrollbar {
 border-radius: 10px;
 position: relative;
 -ms-touch-action: none;
 background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
 position: absolute;
 left: 1%;
 bottom: 3px;
 z-index: 50;
 height: 5px;
 width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
 position: absolute;
 right: 3px;
 top: 1%;
 z-index: 50;
 width: 5px;
 height: 98%;
}
.swiper-scrollbar-drag {
 height: 100%;
 width: 100%;
 position: relative;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 10px;
 left: 0;
 top: 0;
}
.swiper-scrollbar-cursor-drag {
 cursor: move;
}
.swiper-scrollbar-lock {
 display: none;
}
.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;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
 max-width: 100%;
 max-height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}
.swiper-slide-zoomed {
 cursor: move;
}
/* Preloader */
.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;
}
.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;
}
.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);
 }
}
/* a11y */
.swiper-container .swiper-notification {
 position: absolute;
 left: 0;
 top: 0;
 pointer-events: none;
 opacity: 0;
 z-index: -1000;
}
.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;
}
.swiper-container-fade .swiper-slide {
 pointer-events: none;
 -webkit-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
 pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
 pointer-events: auto;
}
.swiper-container-cube {
 overflow: visible;
}
.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%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
 pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
 -webkit-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
 pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
 pointer-events: auto;
 visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
 z-index: 0;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
.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;
}
.swiper-container-flip {
 overflow: visible;
}
.swiper-container-flip .swiper-slide {
 pointer-events: none;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
 pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
 pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
 z-index: 0;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
 /* Windows 8 IE 10 fix */
 -ms-perspective: 1200px;
}

/*------------  popup  ------------*/
#js_popup{ display: none;}
.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .6s; }
.popup.is_show { opacity: 1; visibility: visible; }
.show img{max-width: 100%; width: 100%;}
.popup_inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 640px; background: #fff; z-index: 2; border-radius: 6px; overflow: hidden; }
.popup_title { padding: 14px 4%; background: #380c0a; font-size: 22px; color: #fff; }
/*.popup_txt { padding: 28px 4%; font-size: 16px; line-height: 1.6; color: #c9161d; }*/

.close_btn { position: absolute; right: 0; top: 0; width: 50px; height: 50px; text-align: center; cursor: pointer; }
.close_btn:hover { opacity: .5; }
.close_btn .close_icon { position: relative; display: block; width: 100%; height: 100%; }
.close_btn .close_icon::before { content: ""; position: absolute; top: 50%; left: 20%; width: 60%; height: 2px; background: #fff; transform: rotate(-45deg); border-radius: 1px; }
.close_btn .close_icon::after { content: ""; position: absolute; top: 50%; left: 20%; width: 60%; height: 2px; background: #fff; transform: rotate(45deg); border-radius: 1px; }

.black_background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 1; cursor: pointer; }


@media screen and (max-width: 800px) {

 .popup_title { padding: 13px 4%; font-size: 14px; }
 .popup_txt { padding: 22px 4%; font-size: 14px; }
 .close_btn { width: 44px; height: 44px; }

}

@media screen and (max-width: 420px) {

 .popup_title { padding: 13px 4%; font-size: 10px; }

}

/*スライド*/

#slide{ padding: 32% 4%; position: relative; background: none; }

#slide > div {
 position: absolute;
 top: 0;
 left: 0;
 transition: opacity .8s ease;
 opacity: 0;
}
#slide > div.show {
 opacity: 1;
 z-index: 10;
}
/* Note: This file is compiled from global.less */
/* ---------------------------------------------------
reset
--------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,
b,u,i,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-size: 100%;
font: inherit;
vertical-align: baseline;
}
html {
 font-size: medium;
 overflow-y: scroll;
}
body {
 font: 62.5%/1.6 "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;
 -webkit-text-size-adjust: 100%;
}
dt,dd,li,caption,th,td,h1,h2,h3,h4,h5,h6,p,address {
font-size: 1.2em;
}
dd p,dd dt,dd dd,dd li,dd th,dd td,dd select,dd textarea,dd input,
li p,li dt,li dd,li li,li th,li td,li select,li textarea,li input,
td p,td dt,td dd,td li,td th,td td,td select,td textarea,td input,
p select,p input,p textarea {
font-size: 1em;
}
ol,ul {
 list-style: none;
}
blockquote,q {
 quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption {
 text-align: left;
}
th {
 font-weight: bold;
}
th,td {
vertical-align: top;
}
input,textarea,select {
font-family: "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;
}
input,
textarea {
margin: 0;
font-size: 100%;
}
input[type=image] {
cursor: pointer;
vertical-align: top;
}
textarea {
resize: vertical;
}
address {
font-style: normal;
font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
img {
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
ob
object,embed,iframe {
vertical-align: top;
outline: none;
}
em,strong {
font-style: normal;
font-weight: bold;
}
sup,sub {
font-size: 0.75em;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
/* ---------------------------------------------------
clearfix
--------------------------------------------------- */
header:after,
footer:after,
section:after,
article:after,
aside:after,
nav:after,
#container:after,
#header:after,
#content:after,
#main:after,
#aside:after,
#footer:after,
.article:after,
.section:after,
.box:after,
.row:after,
.item:after {
 content: "";
 display: block;
 clear: both;
}
header,
footer,
section,
article,
aside,
nav,
#container,
#header,
#content,
#main,
#aside,
#footer,
.article,
.section,
.box,
.row,
.item {
 zoom: 1;
}
/* ---------------------------------------------------
reset adjust (smartphone)
--------------------------------------------------- */
html {
 overflow-y: visible;
}
body,
input,
textarea,
select {
 font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
dt,
dd,
li,
caption,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address {
 font-size: 1.4em;
}
img {
 zoom: 0.5;
 max-width: 100%;
}
/* ----------------------------------------
general
---------------------------------------- */
body {
 color: #333;
 background-color: #fff;
}
a {
 color: #002b73;
 text-decoration: none;
}
/* ----------------------------------------
global header
---------------------------------------- */
#global-header {
 position: relative;
 z-index: 1001;
}
/*
#global-header .logo {
 text-align: center;
}
#global-header .global-nav {
 width: 100%;
 display: table;
 table-layout: fixed;
 -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
#global-header .global-nav li {
 display: table-cell;
 line-height: 1.2;
 color: #ffffff;
 background: #d8050f;
 vertical-align: middle;
 text-align: center;
 font-size: 1.1em;
}
#global-header .global-nav li:first-child {
 border-right: 1px solid #fff;
}
#global-header .global-nav li:last-child {
 border-left: 1px solid  #fff;
}
#global-header .global-nav a {
 padding: 7px 0;
 display: table;
 text-align: center;
 width: 100%;
 color: #ffffff;
 text-decoration: none;
}
#global-header .global-nav a > span {
 width: 100%;
 height: 2.4em;
 display: table-cell;
 vertical-align: middle;
}
#global-header .global-nav .pc a > span > span {
 display: inline-block;
 padding: 0 14px;
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/layout/header_gnav_icon01.png") no-repeat right center;
 -webkit-background-size: 11px 10px;
 background-size: 11px 10px;
}
#global-header .reserve {
 padding: 4px;
 border-bottom: 1px solid #e1dfd1;
 font-size: 1em;
 text-align: center;
 color: #663300;
}
*/
/* ----------------------------------------
content
---------------------------------------- */
#content {
 padding-top: 74px;
}
/* ----------------------------------------
page header
---------------------------------------- */
#page-header {
 padding: 0 10px;
}
#page-header .page-description {
 margin-bottom: 10px;
 line-height: 1.2;
 font-size: 1em;
}
#breadcrumbs {
 margin: 0 -10px 12px;
 padding: 6px 8px;
 border-bottom: 1px solid #e1dfd1;
 position: relative;
}
#breadcrumbs li {
 display: inline;
 line-height: 1.2;
 font-size: 1em;
}
#breadcrumbs li::before {
 margin: 0 0.5em;
 content: '>';
 color: #999;
}
#breadcrumbs li:first-child::before {
 display: none;
}
/* ----------------------------------------
nav
---------------------------------------- */
.local-nav {
 margin-bottom: 20px;
 padding: 5px 5px 4px;
 background-color: #dfddcd;
}
.local-nav li {
 margin-bottom: 1px;
 float: left;
 width: 50%;
 line-height: 1.2;
 background: #ffffff url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/lnav_arrow01.png") no-repeat right center;
 -webkit-background-size: 14px auto;
 background-size: 14px auto;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 1.3em;
 -webkit-text-shadow: 1px 1px 1px #ffffff;
 text-shadow: 1px 1px 1px #ffffff;
}
.local-nav li:nth-child(2n) {
 border-left: 1px solid #dfddcd;
}
.local-nav .current {
 background: #f0efe8;
}
.local-nav a {
 padding: 0 19px 0 8px;
 display: block;
}
.local-nav .current a {
 color: #000;
 text-decoration: none;
}
.local-nav span {
 display: table-cell;
 vertical-align: middle;
 height: 3em;
}
/* ----------------------------------------
global footer
---------------------------------------- */
#global-footer .return-top {
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/layout/footer_returntop.png") no-repeat center 12px;
 -webkit-background-size: 29px auto;
 background-size: 29px auto;
 text-align: center;
 -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
 box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
 font-size: 1.2em;
}
#global-footer .return-top a {
 padding: 28px 0 9px;
 display: block;
 color: #000;
 text-decoration: none;
}
#global-footer nav ul {
 overflow: hidden;
}
#global-footer nav li {
 font-size: 1.3em;
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/layout/footer_list_arrow01.png");
 background-repeat: no-repeat;
 background-position: right center;
 -webkit-background-size: auto 12px;
 background-size: auto 12px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-shadow: 0px 1px 1px #ffffff inset;
 box-shadow: 0px 1px 1px #ffffff inset;
}
#global-footer nav li.pc {
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/layout/footer_list_arrow02.png");
}
#global-footer nav li.blank {
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/layout/footer_list_arrow03.png");
}
#global-footer nav li.half {
 float: left;
 width: 50%;
}
#global-footer nav li.half + li.half {
 -webkit-box-shadow: 1px 1px 1px #ffffff inset;
 box-shadow: 1px 1px 1px #ffffff inset;
}
#global-footer nav a {
 padding: 12px 27px 12px 11px;
 display: block;
 text-decoration: none;
 text-shadow: 1px 1px 1px #fff;
}
#global-footer .global-nav {
 border-top: 1px solid #ccc6a4;
}
#global-footer .global-nav li {
 border-bottom: 1px solid #ccc6a4;
 font-weight: bold;
 background-color: #f4f1e4;
}
#global-footer .global-nav .half + .half {
 border-left: 1px solid #ccc6a4;
}
#global-footer .global-nav a {
 color: #6a2800;
}
#global-footer .sub-nav li {
 border-bottom: 1px solid  #c6c6c6;
 background-color: #f2f2f2;
}
#global-footer .sub-nav .half + .half {
 border-left: 1px solid #c6c6c6;
}
#global-footer .sub-nav a {
 color: #333;
}
#global-footer .pc-site {
 margin-top: -1px;
 padding: 15px;
 background-color: #d5d5d5;
 text-align: center;
 font-size: 1.3em;
 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#global-footer .pc-site a {
 padding: 5px 0;
 border: 1px solid #fff;
 color: #333;
 background-color: #eaeaea;
 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
#global-footer .copyright {
 padding: 4px 0;
 line-height: 1.2;
 color: #ffffff;
 background: #712915;
 font-size: 0.9em;
 text-align: center;
}
/* ----------------------------------------
section
---------------------------------------- */
section {
 margin-bottom: 20px;
 position: relative;
 padding-top: 10px;
}
section.near {
 margin-bottom: 10px;
}
section.far {
 margin-bottom: 30px;
}
section:last-child {
 margin-bottom: 0;
}
/* ----------------------------------------
heading
---------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
 line-height: 1.2;
 color: #000;
}
.page-title {
 margin-bottom: 10px;
 padding-left: 6px;
 border-left: 4px solid #d8050f;
 font-size: 2em;
}
.section-title {
 padding: 9px 10px 10px;
 border-top: 3px solid #712915;
 position: relative;
 z-index: 1001;
 background-color: #fff;
 font-size: 1.8em;
 -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
 box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.subsection-title,
.chapter-title {
 margin: 0 0 7px;
 padding: 0 0 5px 8px;
 border-bottom: 1px solid #c7c7c7;
 position: relative;
 font-size: 1.4em;
}
.subsection-title::before,
.chapter-title::before {
 content: '';
 display: block;
 position: absolute;
 top: 0.1em;
 left: 0;
 width: 3px;
 height: 1em;
 background-color: #d8050f;
}
/* ----------------------------------------
paragraph
---------------------------------------- */
p.far {
 margin-bottom: 2em;
}
p.mid {
 margin-bottom: 1em;
}
p.near {
 margin-bottom: 0.5em;
}
p.notes {
 padding-left: 1.4em;
 position: relative;
 zoom: 1;
}
p.notes .mark {
 position: absolute;
 top: 0;
 left: 0;
 zoom: 1;
}
p.notes .mark.colored {
 color: #d7000d;
}
/* ----------------------------------------
table
---------------------------------------- */
/* ----------------------------------------
list
---------------------------------------- */
ul.disc li {
 margin-left: 25px;
 list-style-type: disc;
}
ul.notes {
 margin-bottom: 10px;
}
ul.notes li {
 padding-left: 1.4em;
 position: relative;
}
ul.notes li .mark {
 position: absolute;
 top: 0;
 left: 0;
}
ol.notes li {
 padding-left: 2.3em;
 position: relative;
}
ol.notes li .mark {
 position: absolute;
 top: 0;
 left: 0;
}
ol.decimal li {
 margin-left: 26px;
 list-style-type: decimal;
}
ol.number li {
 padding-left: 2em;
 position: relative;
}
ol.number li .num {
 position: absolute;
 top: 0;
 left: 0;
}
/* ----------------------------------------
image
---------------------------------------- */
.image-left {
 margin-right: 30px;
 float: left;
}
.image-left02 {
 margin-right: 15px;
 float: left;
}
.image-right {
 margin-left: 30px;
 float: right;
}
.image-right02 {
 margin-left: 15px;
 float: right;
}
.banner-list img {
 zoom: reset;
}
/* ----------------------------------------
link
---------------------------------------- */
.button-link {
 text-align: center;
 font-size: 1.2em;
 -webkit-text-shadow: 1px 1px 1px #fff;
 text-shadow: 1px 1px 1px #fff;
}
.button-link a {
 padding: 7px 0 8px;
 border: 1px solid #ccc6a4;
 display: block;
 color: #000;
 background-color: #f4f1e4;
 text-decoration: none;
 -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
}
.button-link .icon.pdf {
 margin: -5px 5px -3px;
 vertical-align: middle;
}
.button-link.external a {
 padding-top: 6px;
 padding-bottom: 7px;
 border: 2px solid #c6c6c6;
 background-color: #f2f2f2;
}
.button-link.strong {
 -webkit-text-shadow: none;
 text-shadow: none;
}
.button-link.strong a {
 border: 1px solid #d7000d;
 color: #fff;
 background-color: #d7000d;
}
/* ----------------------------------------
icon
---------------------------------------- */
span.icon {
 margin: 0 5px;
 display: inline-block;
}
.icon.blank {
 width: 10px;
 height: 8px;
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/icon_blank.png") no-repeat;
 -webkit-background-size: 10px auto;
 background-size: 10px auto;
}
.icon.pdf {
 width: 19px;
 height: 25px;
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/icon_pdf.png") no-repeat;
 -webkit-background-size: 19px auto;
 background-size: 19px auto;
}
.icon.pc {
 vertical-align: -0.1em;
 width: 12px;
 height: 11px;
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/icon_pc.png") no-repeat;
 -webkit-background-size: 12px auto;
 background-size: 12px auto;
}
/* ----------------------------------------
list view
---------------------------------------- */
.list-view li {
 padding: 8px;
}
.list-view li,
.list-view section {
 margin-bottom: 0;
 border-bottom: 1px solid #e0e0e0;
 line-height: 1.4;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.28, #ffffff), color-stop(1, #f2f2f2), color-stop(0, #ffffff));
 background-image: -webkit-linear-gradient(top, #ffffff 28%, #f2f2f2 100%, #ffffff 0%);
 background-image: linear-gradient(top, #ffffff 28%, #f2f2f2 100%, #ffffff 0%);
}
.list-view a {
 padding: 14px 38px 14px 11px;
 display: block;
 overflow: hidden;
 color: inherit;
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/list_arrow01.png") no-repeat right center;
 -webkit-background-size: 19px auto;
 background-size: 19px auto;
 text-decoration: none;
}
.list-view .pdf a {
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/list_pdf01.png");
 -webkit-background-size: 29px auto;
 background-size: 29px auto;
}
.list-view .link {
 text-decoration: underline;
}
.float-none {
 float: none !important;
}
.float-left {
 float: left !important;
}
.float-right {
 float: right !important;
}
.clear-left {
 clear: left !important;
}
.clear-right {
 clear: right !important;
}
.clear-both {
 clear: both !important;
}
.align-top {
 vertical-align: top !important;
}
.align-middle {
 vertical-align: middle !important;
}
.align-bottom {
 vertical-align: bottom !important;
}
.align-left {
 text-align: left !important;
}
.align-center {
 text-align: center !important;
}
.align-right {
 text-align: right !important;
}
.body {
 overflow: hidden;
 zoom: 1;
}
.mt0 {
 margin-top: 0 !important;
}
.mt1 {
 margin-top: 1px !important;
}
.mt2 {
 margin-top: 2px !important;
}
.mt3 {
 margin-top: 3px !important;
}
.mt4 {
 margin-top: 4px !important;
}
.mt5 {
 margin-top: 5px !important;
}
.mt6 {
 margin-top: 6px !important;
}
.mt7 {
 margin-top: 7px !important;
}
.mt8 {
 margin-top: 8px !important;
}
.mt9 {
 margin-top: 9px !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt15 {
 margin-top: 15px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt25 {
 margin-top: 25px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt35 {
 margin-top: 35px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mr0 {
 margin-right: 0 !important;
}
.mr1 {
 margin-right: 1px !important;
}
.mr2 {
 margin-right: 2px !important;
}
.mr3 {
 margin-right: 3px !important;
}
.mr4 {
 margin-right: 4px !important;
}
.mr5 {
 margin-right: 5px !important;
}
.mr6 {
 margin-right: 6px !important;
}
.mr7 {
 margin-right: 7px !important;
}
.mr8 {
 margin-right: 8px !important;
}
.mr9 {
 margin-right: 9px !important;
}
.mr10 {
 margin-right: 10px !important;
}
.mr15 {
 margin-right: 15px !important;
}
.mr20 {
 margin-right: 20px !important;
}
.mr25 {
 margin-right: 25px !important;
}
.mr30 {
 margin-right: 30px !important;
}
.mr35 {
 margin-right: 35px !important;
}
.mr40 {
 margin-right: 40px !important;
}
.mb0 {
 margin-bottom: 0 !important;
}
.mb1 {
 margin-bottom: 1px !important;
}
.mb2 {
 margin-bottom: 2px !important;
}
.mb3 {
 margin-bottom: 3px !important;
}
.mb4 {
 margin-bottom: 4px !important;
}
.mb5 {
 margin-bottom: 5px !important;
}
.mb6 {
 margin-bottom: 6px !important;
}
.mb7 {
 margin-bottom: 7px !important;
}
.mb8 {
 margin-bottom: 8px !important;
}
.mb9 {
 margin-bottom: 9px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb15 {
 margin-bottom: 15px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb25 {
 margin-bottom: 25px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb35 {
 margin-bottom: 35px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.ml0 {
 margin-left: 0 !important;
}
.ml1 {
 margin-left: 1px !important;
}
.ml2 {
 margin-left: 2px !important;
}
.ml3 {
 margin-left: 3px !important;
}
.ml4 {
 margin-left: 4px !important;
}
.ml5 {
 margin-left: 5px !important;
}
.ml6 {
 margin-left: 6px !important;
}
.ml7 {
 margin-left: 7px !important;
}
.ml8 {
 margin-left: 8px !important;
}
.ml9 {
 margin-left: 9px !important;
}
.ml10 {
 margin-left: 10px !important;
}
.ml15 {
 margin-left: 15px !important;
}
.ml20 {
 margin-left: 20px !important;
}
.ml25 {
 margin-left: 25px !important;
}
.ml30 {
 margin-left: 30px !important;
}
.ml35 {
 margin-left: 35px !important;
}
.ml40 {
 margin-left: 40px !important;
}
.pt0 {
 padding-top: 0 !important;
}
.pt1 {
 padding-top: 1px !important;
}
.pt2 {
 padding-top: 2px !important;
}
.pt3 {
 padding-top: 3px !important;
}
.pt4 {
 padding-top: 4px !important;
}
.pt5 {
 padding-top: 5px !important;
}
.pt6 {
 padding-top: 6px !important;
}
.pt7 {
 padding-top: 7px !important;
}
.pt8 {
 padding-top: 8px !important;
}
.pt9 {
 padding-top: 9px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt15 {
 padding-top: 15px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt25 {
 padding-top: 25px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt35 {
 padding-top: 35px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pr0 {
 padding-right: 0 !important;
}
.pr1 {
 padding-right: 1px !important;
}
.pr2 {
 padding-right: 2px !important;
}
.pr3 {
 padding-right: 3px !important;
}
.pr4 {
 padding-right: 4px !important;
}
.pr5 {
 padding-right: 5px !important;
}
.pr6 {
 padding-right: 6px !important;
}
.pr7 {
 padding-right: 7px !important;
}
.pr8 {
 padding-right: 8px !important;
}
.pr9 {
 padding-right: 9px !important;
}
.pr10 {
 padding-right: 10px !important;
}
.pr15 {
 padding-right: 15px !important;
}
.pr20 {
 padding-right: 20px !important;
}
.pr25 {
 padding-right: 25px !important;
}
.pr30 {
 padding-right: 30px !important;
}
.pr35 {
 padding-right: 35px !important;
}
.pr40 {
 padding-right: 40px !important;
}
.pb0 {
 padding-bottom: 0 !important;
}
.pb1 {
 padding-bottom: 1px !important;
}
.pb2 {
 padding-bottom: 2px !important;
}
.pb3 {
 padding-bottom: 3px !important;
}
.pb4 {
 padding-bottom: 4px !important;
}
.pb5 {
 padding-bottom: 5px !important;
}
.pb6 {
 padding-bottom: 6px !important;
}
.pb7 {
 padding-bottom: 7px !important;
}
.pb8 {
 padding-bottom: 8px !important;
}
.pb9 {
 padding-bottom: 9px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb15 {
 padding-bottom: 15px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb25 {
 padding-bottom: 25px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb35 {
 padding-bottom: 35px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pl0 {
 padding-left: 0 !important;
}
.pl1 {
 padding-left: 1px !important;
}
.pl2 {
 padding-left: 2px !important;
}
.pl3 {
 padding-left: 3px !important;
}
.pl4 {
 padding-left: 4px !important;
}
.pl5 {
 padding-left: 5px !important;
}
.pl6 {
 padding-left: 6px !important;
}
.pl7 {
 padding-left: 7px !important;
}
.pl8 {
 padding-left: 8px !important;
}
.pl9 {
 padding-left: 9px !important;
}
.pl10 {
 padding-left: 10px !important;
}
.pl15 {
 padding-left: 15px !important;
}
.pl20 {
 padding-left: 20px !important;
}
.pl25 {
 padding-left: 25px !important;
}
.pl30 {
 padding-left: 30px !important;
}
.pl35 {
 padding-left: 35px !important;
}
.pl40 {
 padding-left: 40px !important;
}
/* ---------------------------------------------------
wysiwyg
--------------------------------------------------- */
.wysiwyg {
 padding: 0;
 margin: 0;
 font-size: 1.2em;
}
.wysiwyg p,
.wysiwyg li,
.wysiwyg dt,
.wysiwyg dd,
.wysiwyg th,
.wysiwyg td {
 font-size: 1em;
}
.wysiwyg p,
.wysiwyg ul,
.wysiwyg dl {
 margin-bottom: 1.4em;
}
.wysiwyg p:last-child,
.wysiwyg ul:last-child,
.wysiwyg dl:last-child {
 margin-bottom: 0;
}
.wysiwyg big {
 font-size: larger;
}
.wysiwyg small {
 font-size: smaller;
}
.wysiwyg b,
.wysiwyg strong {
 font-weight: bold;
}
.wysiwyg em {
 font-weight: normal;
 font-style: italic;
}
.wysiwyg i {
 font-style: italic;
}
.wysiwyg u {
 text-decoration: underline;
}
.wysiwyg s,
.wysiwyg strike {
 text-decoration: line-through;
}
.wysiwyg ul,
.wysiwyg ol {
 list-style-position: outside;
 margin-left: 2em;
}
.wysiwyg ul {
 list-style-type: disc;
}
.wysiwyg ul li {
 padding: 0;
 border-bottom: none;
}
.wysiwyg ol {
 list-style-type: decimal;
}
.wysiwyg blockquote {
 margin-left: 1.5em;
}
.wysiwyg table {
 width: auto;
 table-layout: auto;
}
.wysiwyg th,
.wysiwyg td {
 padding: 3px 5px 2px;
 border: 1px solid #cbcccf;
}
/* ----------------------------------------
Index
---------------------------------------- */
.page-index #main-image {
 margin-bottom: 0;
 height: 158px;
 overflow: hidden;
}
.page-index #main-image .mask {
 margin: 0 auto;
 width: 320px;
 height: 139px;
 overflow: hidden;
}
.page-index #main-image .slides {
 position: relative;
 width: 3200px;
 height: 139px;
}
.page-index #main-image .slides li {
 float: left;
 width: 320px;
}
.page-index #main-image .flex-control-nav {
 padding: 4px 0 9px;
 height: 8px;
 text-align: center;
}
.page-index #main-image .flex-control-nav li {
 padding: 0 4px 0 3px;
 display: inline-block;
 vertical-align: top;
 font-size: 0;
}
.page-index #main-image .flex-control-nav a {
 border-radius: 4px;
 overflow: hidden;
 display: block;
 width: 8px;
 height: 8px;
 color: transparent;
 background-color: #b2b2b2;
 text-indent: -8000em;
}
.page-index #main-image .flex-control-nav .flex-active {
 background-color: #d8050f;
}
.page-index #main-image .flex-direction-nav a {
 display: block;
 position: absolute;
 top: 57px;
 width: 17px;
 height: 26px;
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-background-size: 17px 26px;
 background-size: 17px 26px;
}
.page-index #main-image .flex-direction-nav .flex-prev {
 left: 3px;
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/index/main-image_icon_prev.png");
}
.page-index #main-image .flex-direction-nav .flex-next {
 right: 3px;
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/index/main-image_icon_next.png");
}
.page-index #pickup-contents {
 margin-bottom: 0;
}
.page-index #pickup-contents .three-items li {
 margin-bottom: 2px;
 background-color: #f4f1e4;
 text-align: center;
}
.page-index #pickup-contents .three-items li:last-child {
 margin-bottom: 0;
}
.page-index #pickup-contents .four-items {
 margin: 0 auto;
 padding-bottom: 18px;
 overflow: hidden;
 width: 320px;
}
.page-index #pickup-contents .four-items li {
 margin-bottom: 2px;
 float: left;
}
.page-index #pickup-contents .four-items li:nth-child(2n) {
 float: right;
}

.page-index #banner01 {
 margin: 10px auto 45px;
 padding: 0 10px;
}
.page-index #banner01 img {
 width: 100%;
}
.page-index #banner01 .title {
 padding-bottom: 10px;
 font-size: 15px;
}

.page-index #shop-list {
 border-top: 1px solid #e0e0e0;
}
.page-index #shop-list .list-view a {
 padding: 5px 28px 5px 6px;
}
.page-index #shop-list .list-view .photo {
 margin-right: 8px;
 display: table-cell;
 width: 98px;
}
.page-index #shop-list .list-view .photo img {
 border: 1px solid  #c2c2c2;
}
.page-index #shop-list .list-view .body {
 display: table-cell;
 vertical-align: middle;
}
.page-index #shop-list .list-view .title {
 color: #002b73;
 font-size: 1.5em;
}
.page-index #information > .inner {
 padding: 20px 10px;
}
.page-index #information .section-title + .inner {
 padding-top: 10px;
}
.page-index #information .button-link {
 position: relative;
}
.page-index #information .button-link a {
 padding-left: 30px;
 padding-right: 10px;
}
.page-index #information .button-link img {
 margin-left: 7px;
 vertical-align: middle;
}
.page-index #information .button-link .fbicon {
 margin-top: -16px;
 position: absolute;
 top: 50%;
 left: 10px;
}
.page-index #information .button-link + .button-link {
 margin-top: 10px;
}
/* ----------------------------------------
Menu
---------------------------------------- */
.page-menu .item-list .section-title + .chapter {
 padding-top: 10px;
}
.page-menu .item-list .chapter-title {
 margin: 0;
 padding: 7px 10px;
 border-top: 2px solid #dbd9c7;
 border-bottom: none;
 color: #333;
 background: #eae8d8;
 font-size: 1.5em;
}
.page-menu .item-list .chapter-title::before {
 display: none;
}
.page-menu .item-list .chapter-description {
 padding: 6px 10px;
 border-bottom: 1px solid #e0e0e0;
 font-size: 1.2em;
}
.page-menu .item-list .list-view a,
.page-menu .item-list .list-view .no-link {
 padding: 5px 28px 5px 6px;
}
.page-menu .item-list .list-view.area-large a,
.page-menu .item-list .list-view.area-large .no-link {
 padding: 14px 28px 14px 6px;
}
.page-menu .item-list .list-view .photo {
 margin-right: 8px;
 display: table-cell;
 vertical-align: middle;
 width: 98px;
}
.page-menu .item-list .list-view .photo img {
 border: 1px solid  #c2c2c2;
}
.page-menu .item-list .list-view .body {
 display: table-cell;
 vertical-align: middle;
}
.page-menu .item-list .list-view .title {
 display: inline-block;
 vertical-align: top;
 margin-bottom: 6px;
 color: #002b73;
 font-size: 1.5em;
}
.page-menu .item-list .list-view .category-label {
 margin: 0 0 0 9px;
 padding: 0 8px;
 position: relative;
 *bottom: -0.3em;
 display: inline-block;
 vertical-align: middle;
 line-height: 1.4;
 font-size: 1em;
 color: #fff;
 background-color: #e6a36f;
}
.page-menu .item-list .list-view .price {
 margin-bottom: 6px;
 color: #663300;
}
.page-menu .item-list .list-view .price dt {
 margin-right: 0.35em;
 line-height: 1.3;
 display: inline-block;
 vertical-align: top;
 font-size: 1.2em;
}
.page-menu .item-list .list-view .price dd {
 display: inline-block;
 vertical-align: top;
 line-height: 1.3;
 font-size: 1.2em;
 font-weight: bold;
}
.page-menu .item-list .list-view .price dd .taxin {
 font-weight: normal;
}
.page-menu .item-list .list-view .description {
 line-height: 1.4;
 font-size: 1.1em;
 color: red;
}
.page-menu .item-list .list-view .link-about a {
 font-size: 1.1em;
}
.page-menu #menu-detail {
 margin-bottom: 20px;
 padding: 0 10px;
}
.page-menu #menu-detail .photo {
 margin-bottom: 7px;
 text-align: center;
}
.page-menu #menu-detail .description {
 margin-bottom: 7px;
 font-size: 1.2em;
}
.page-menu #menu-detail .notes {
 margin-bottom: 9px;
 font-size: 1em;
}
.page-menu #menu-detail .button-link + p {
 margin-top: -0.4em;
}
.page-menu #menu-detail .chapter p {
 margin-bottom: 1.5em;
 font-size: 1.2em;
}
.page-menu #menu-detail .chapter p:last-child {
 margin-bottom: 0;
}
.page-menu #menu-detail .chapter.price {
 padding-top: 5px;
 border-top: 1px dotted #000;
}
.page-menu #menu-detail .chapter.price dl {
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #000;
 width: 100%;
 display: table;
}
.page-menu #menu-detail .chapter.price dt {
 padding: 7px;
 display: table-cell;
 vertical-align: middle;
 width: 47%;
 background-color: #f4f1e4;
 font-size: 1.3em;
 font-weight: bold;
}
.page-menu #menu-detail .chapter.price dt .calorie {
 margin-left: 0.5em;
 font-size: 0.85em;
 font-weight: normal;
}
.page-menu #menu-detail .chapter.price dd {
 padding: 7px;
 display: table-cell;
 vertical-align: middle;
 line-height: 1.3;
 color: #663300;
}
.page-menu #menu-detail .chapter.price dd .price {
 margin-bottom: 0;
 font-size: 1.29em;
 font-weight: bold;
}
.page-menu #menu-detail .chapter.price dd .price .yen {
 font-size: 0.83em;
}
.page-menu #menu-detail .chapter.price dd .taxin {
 font-size: 0.79em;
}
.page-menu #menu-detail + .local-nav {
 margin-bottom: 10px;
}
.page-menu #shop-list {
 border-top: 1px solid #e0e0e0;
}
.page-menu #shop-list .list-view a {
 padding: 5px 34px 5px 6px;
 background-image: url("https://www.gmfoods.co.jp/sp/shared/css/../img/parts/list_arrow02.png");
 -webkit-background-size: 25px auto;
 background-size: 25px auto;
}
.page-menu #shop-list .list-view .photo {
 margin-right: 8px;
 display: table-cell;
 width: 98px;
}
.page-menu #shop-list .list-view .photo img {
 border: 1px solid  #c2c2c2;
}
.page-menu #shop-list .list-view .body {
 display: table-cell;
 vertical-align: middle;
}
.page-menu #shop-list .list-view .title {
 color: #002b73;
 font-size: 1.5em;
}
.page-menu #shop-list .notes {
 margin: 8px 12px 0;
 padding-left: 1.4em;
 position: relative;
 font-size: 1.2em;
}
.page-menu #shop-list .notes > span {
 position: absolute;
 top: 0;
 left: 0;
}
.page-menu .shop-introduction {
 border-bottom: 1px solid #e0e0e0;
}
.page-menu .shop-introduction .image {
 padding: 17px 0 9px;
 text-align: center;
}
.page-menu .shop-introduction .text {
 padding: 0 15px 7px;
 font-size: 1.2em;
}
.page-menu #campaign-list {
 padding-bottom: 20px;
 text-align: center;
}
.page-menu #campaign-list li {
 margin-bottom: 10px;
}
.page-menu #campaign-list li:last-child {
 margin-bottom: 0;
}
.page-menu .local-nav + #campaign-list {
 margin-top: -10px;
 padding-bottom: 10px;
}
.page-menu #menu-detail + .local-nav + #campaign-list {
 margin-top: 0;
}
.page-menu #content .return-top {
 background: url("https://www.gmfoods.co.jp/sp/shared/css/../img/layout/footer_returntop.png") no-repeat center 12px;
 -webkit-background-size: 29px auto;
 background-size: 29px auto;
 text-align: center;
 -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
 box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
 font-size: 1.2em;
}
.page-menu #content .return-top a {
 padding: 28px 0 9px;
 display: block;
 color: #000;
 text-decoration: none;
}
/* ----------------------------------------
About
---------------------------------------- */
.page-about section .section-title {
 margin-bottom: 8px;
}
.page-about section .body {
 padding: 0 10px;
 overflow: visible;
}
.page-about section p {
 margin-bottom: 1.5em;
 font-size: 1.2em;
}
.page-about section p:last-child {
 margin-bottom: 0;
}
.page-about .menu-list {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 20px;
}
.page-about .menu-list .item {
 width: 50%;
 text-align: center;
}
.page-about .menu-list .item .photo {
 margin-bottom: 5px;
}
.page-about .menu-list .item .name {
 line-height: 1.2;
 font-size: 1.3em;
}
.page-about #concept-head {
 padding: 0 10px;
}
.page-about #concept-head .visual {
 margin-bottom: 7px;
 text-align: center;
}
.page-about #pickup-menu {
 margin-bottom: 30px;
}
.page-about #brand-introduction {
 margin-bottom: 30px;
}
.page-about #brand-introduction .logo {
 margin-bottom: 8px;
 padding-top: 7px;
 text-align: center;
}
.page-about #related-links {
 padding: 0 10px 30px;
}
/* ----------------------------------------
Campaign
---------------------------------------- */
.page-campaign #campaign-visual {
 margin-bottom: 0;
 text-align: center;
}
.page-campaign #campaign-information {
 margin-bottom: 0;
 padding: 12px 12px 17px;
}
.page-campaign #campaign-list {
 padding-bottom: 17px;
}
.page-campaign #campaign-list ul {
 padding-top: 10px;
 text-align: center;
}
.page-campaign #campaign-list li {
 margin-bottom: 10px;
}
.page-campaign #campaign-list li:last-child {
 margin-bottom: 0;
}
/* ----------------------------------------
Recruit
---------------------------------------- */
.page-recruit .recruit-common .section-title {
 margin-bottom: 8px;
}
.page-recruit .recruit-common .subsection {
 padding: 8px 10px 0;
}
.page-recruit .recruit-common section {
 margin-bottom: 15px;
}
.page-recruit .recruit-common .body {
 padding: 0 10px;
 overflow: visible;
}
.page-recruit .recruit-common p {
 margin-bottom: 0.5em;
 font-size: 1.2em;
}
.page-recruit .recruit-common p:last-child {
 margin-bottom: 0;
}
.page-recruit .recruit-common .photo {
 text-align: center;
}
.page-recruit #recruit-head .visual {
 margin-bottom: 10px;
 text-align: center;
 background-color: #f4f1e4;
}
.page-recruit #recruit-head .description {
 padding: 0 10px;
}
.page-recruit #application {
 margin-bottom: 30px;
 padding: 0 10px;
}
.page-recruit #application .button-link {
 font-size: 1.3em;
}
.page-recruit #application .button-link img {
 margin-left: 10px;
 vertical-align: middle;
}
/* ----------------------------------------
Coupon
---------------------------------------- */
.page-coupon #campaign-list ul {
 padding-top: 10px;
 text-align: center;
}
.page-coupon #campaign-list li {
 margin-bottom: 10px;
}
.page-coupon #campaign-list li:last-child {
 margin-bottom: 0;
}
.page-coupon #coupon-list {
 padding-bottom: 19px;
}
.page-coupon #coupon-list > .inner {
 padding: 10px 12px;
 border-bottom: 1px solid #e0e0e0;
}
.page-coupon #coupon-list .description {
 margin-bottom: 0.3em;
 font-size: 1.2em;
}
.page-coupon #coupon-list .notice li {
 padding-left: 1.2em;
 position: relative;
 font-size: 1.2em;
}
.page-coupon #coupon-list .notice li > span {
 position: absolute;
 top: 0;
 left: 0;
}
.page-coupon #coupon-list .list-view li {
 font-size: 1.2em;
}
.page-coupon #coupon-list .list-view li a {
 padding: 10px 30px 9px 10px;
}
.page-coupon #coupon-list .list-view .period {
 padding-top: 5px;
 display: block;
}
.page-coupon #coupon-detail {
 padding: 0 10px 18px;
}
.page-coupon #coupon-detail .image {
 margin-bottom: 5px;
 text-align: center;
}
.page-coupon #coupon-detail .period {
 margin-bottom: 17px;
 text-align: center;
 font-size: 1.2em;
}
/* ----------------------------------------
contact
---------------------------------------- */
.page-contact #customer-contact {
 padding: 12px 0;
 color: #000;
 background: #f4f1e4;
 text-align: center;
}
.page-contact #customer-contact .tel-number {
 line-height: 1.2;
 font-size: 2.5em;
}
.page-contact #customer-contact .supplement {
 color: #333;
 font-size: 1.2em;
}
.page-contact #customer-contact .direct {
 padding-top: 0.3em;
 color: #333;
 font-size: 1.2em;
}
.page-contact #privacy-policy {
 margin-bottom: 7px;
}
.page-contact #privacy-policy > .inner {
 padding: 10px 10px 0;
}
.page-contact #privacy-policy .button-link {
 margin-top: 13px;
}
.page-contact #privacy-policy section {
 margin: 0 10px;
}
.page-contact #form-header {
 padding: 0 10px;
}
.page-contact #form-header .flow-nav {
 width: 100%;
 display: table;
}
.page-contact #form-header li {
 padding: 9px 0;
 border-right: 4px solid #fff;
 display: table-cell;
 width: 33.3%;
 line-height: 1.2;
 vertical-align: middle;
 color: #fff;
 background-color: #c6a9a1;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 1.3em;
 text-align: center;
}
.page-contact #form-header li:last-child {
 border-right: none;
}
.page-contact #form-header li.current {
 background-color: #712915;
}
.page-contact .form-body {
 margin-bottom: 20px;
}
.page-contact .form-body .required {
 margin-left: 10px;
 color: #d7000d;
}
.page-contact .form-body .submit {
 margin: 17px 10px 30px;
}
.page-contact .form-body .submit input {
 -webkit-appearance: none;
 appearance: none;
 margin: 0;
 padding: 9px 0 10px;
 border: none;
 border-radius: 0;
 width: 100%;
 line-height: normal;
 display: block;
 color: #ffffff;
 background-color: #d8050f;
 text-decoration: none;
 text-align: center;
 -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 1.3em;
}
.page-contact .form-body section {
 margin-bottom: 0;
 padding: 12px 10px 3px;
}
.page-contact .form-body section:last-child {
 padding-bottom: 0;
}
.page-contact .form-body .section-title {
 margin: 0 -10px 15px;
}
.page-contact .form-body li {
 font-size: 1.2em;
}
.page-contact .form-body p {
 margin-bottom: 0.2em;
 font-size: 1.2em;
}
.page-contact .form-body p:last-child {
 margin-bottom: 0;
}
.page-contact .form-body dt,
.page-contact .form-body dd {
 font-size: 1.2em;
}
.page-contact .form-body dt li,
.page-contact .form-body dd li {
 font-size: 1em;
}
.page-contact .form-body dt {
 margin-bottom: 0.4em;
}
.page-contact .form-body .subsection-title {
 padding-bottom: 0;
 border-bottom: none;
}
.page-contact .form-body input[type=text],
.page-contact .form-body select,
.page-contact .form-body textarea {
 margin: 0;
 vertical-align: top;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact .form-body label input {
 margin-right: 5px;
 vertical-align: middle;
}
.page-contact .form-body .w75 {
 width: 75px;
}
.page-contact .form-body .full {
 width: 100%;
}
.page-contact .form-body .after-text {
 margin-left: 5px;
}
.page-contact .form-body .example {
 color: #b0b0b0;
 font-size: 1.2em;
}
.page-contact .form-body td .example {
 font-size: 0.86em;
}
.page-contact .form-body .error {
 color: #d7000d;
}
.page-contact .form-body .horizontal-list {
 overflow: hidden;
}
.page-contact .form-body .horizontal-list li {
 margin-right: 30px;
 float: left;
}
.page-contact .form-body .date p {
 margin-bottom: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact .form-body .date .year {
 float: left;
}
.page-contact .form-body .date .month,
.page-contact .form-body .date .day {
 padding-left: 12px;
 float: left;
}
.page-contact .form-body .date select {
 margin-right: 4px;
 width: 60px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact .form-body .date .year select {
 width: 80px;
}
.page-contact .form-body .name {
 width: 100%;
}
.page-contact .form-body .name .key {
 width: 8%;
}
.page-contact .form-body .name .value {
 width: 42%;
}
.page-contact .form-body .name th {
 padding-top: 1px;
 font-size: 1.2em;
 font-weight: normal;
}
.page-contact .form-body .name input {
 width: 100%;
}
.page-contact .form-body .tel {
 overflow: hidden;
}
.page-contact .form-body .tel input,
.page-contact .form-body .tel .pipe {
 display: block;
 float: left;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact .form-body .tel input {
 width: 28%;
}
.page-contact .form-body .tel .pipe {
 width: 8%;
 text-align: center;
}
.page-contact .form-body.confirm p {
 color: #663300;
 font-size: 1.6em;
}
.page-contact .form-body.confirm > section:first-child {
 padding-top: 0;
}
.page-contact .form-body .confirm-email {
 padding: 0.4em 0 0.2em;
 color: #d7000d;
}
.page-contact #form-footer {
 margin: -5px 10px 30px;
}
.page-contact #form-footer .confirm-message {
 margin: 0 -10px;
 padding: 14px 10px;
 border-top: 1px solid #c7c7c7;
 font-size: 1.2em;
}
.page-contact #form-footer p.button {
 font-size: 1.3em;
}
.page-contact #form-footer ul.button li {
 font-size: 1.3em;
 width: 50%;
 float: left;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact #form-footer ul.button li:first-child {
 padding-right: 5px;
}
.page-contact #form-footer ul.button li:last-child {
 padding-left: 5px;
}
.page-contact #form-footer .back a {
 -webkit-appearance: none;
 appearance: none;
 margin: 0;
 padding: 9px 0 10px;
 border: none;
 width: 100%;
 line-height: normal;
 display: block;
 color: #fff;
 background-color: #c6c6c6;
 text-decoration: none;
 text-align: center;
 -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact #form-footer .front input {
 -webkit-appearance: none;
 appearance: none;
 margin: 0;
 padding: 9px 0 10px;
 border: none;
 border-radius: 0;
 width: 100%;
 line-height: normal;
 display: block;
 color: #ffffff;
 background-color: #d8050f;
 text-decoration: none;
 text-align: center;
 -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.page-contact #complete-message {
 padding: 4px 10px 30px;
}
.page-contact #complete-message p {
 font-size: 1.2em;
}


/* ----------------------------------------
会社概要
---------------------------------------- */
.conpanyProfile {
	 font-size: 12px;
	 margin: 40px 20px 30px;
}

.conpanyProfile dl{
	 position: relative;
	 padding: 0 0 30px 0;
}

.clearfix:before, .clearfix:after{
	 content: "";
	 display: table;
}

.clearfix:after{
	 clear: both;
}

.conpanyProfile dl dt {
	 color: #ffffff;
	 background: #68bc9e;
	 position: absolute;
	 font-size: 12px;
	 padding: 2px 0 1px;
	 width: 80px;
	 text-align: center;
}

.conpanyProfile dl dd {
	 padding-left: 100px;
}

.corporateLink {
	 border-top: 1px solid #c4b8b8;
	 padding: 30px 0;
}

.bannerZensho {
	 display: block;
	 margin-top: 20px;
}

/* ----------------------------------------
News
---------------------------------------- */
.news_img {
 text-align: center;
}
.news_txt {
 padding: 12px 12px 17px;
}
.news_txt .read_txt {
 font-size: 1.2em;
 padding-bottom: 1.2em;
}
/* ----------------------------------------
Swiper.js
---------------------------------------- */
.gallery {
 position: relative;
 width: 100%;
 margin-bottom: 10px;
 overflow-x: hidden;
}

.swiper-container {
 max-width: 80%;
 overflow: visible !important;
}

.gallery-slider {
 width: 100%;
 height: auto;
 padding-bottom: 10px;
}

.gallery-slider .swiper-slide img {
 display: block;
 width: 100%;
 height: 100%;
 margin: 0;
}

.swiper-button-prev,
.swiper-button-next {
 width: 18px;
 height: 20px;
 margin-top: -13px;
 background-size: 18px 20px;
}




/* ----------------------------------------
global header
---------------------------------------- */

#global-header {
display: flex;
z-index: 9999;
}

.header_content {
z-index: 50;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 74px;
background: #fff;
}

#global-header .group {
display: flex;
margin-left: 10px;
padding: 10px 0;
}

#global-header .logo {
width: 54px;
padding: 0 6px;
}

#global-header .logo img {
width: 100%;
vertical-align: bottom;
}

#global-header .logo .link {
display: block;
}

#global-header .logo .no-link {
display: block;
}


.menu-btn {
position: absolute;
top: 5px;
right: 10px;
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: "";
display: block;
height: 4px;
width: 30px;
border-radius: 3px;
background-color: #000;
position: absolute;
}

.menu-btn span:before {
bottom: 9px;
}

.menu-btn span:after {
top: 9px;
}

#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255,
	255,
	255,
	0);
/*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}

#menu-btn-check {
display: none;
}

.menu-content {
width: 80%;
height: 100%;
position: fixed;
top: 74px;
left: 100%;
/*leftの値を変更してメニューを画面外へ*/
z-index: 80;
background-color: #000;
transition: all 0.5s;
/*アニメーション設定*/
}

.common_nav_contents {
display: flex;
}

.common_nav_contents figure {
height: auto;
width: 60px;
text-align: center;
}

.menu-content ul li {
border-bottom: 1px solid #ffffff;
list-style: none;
}

.menu-content ul li a {
display: block;
width: 100%;
font-size: 15px;
box-sizing: border-box;
color: #ffffff;
text-decoration: none;
padding: 9px 15px 10px 0;
position: relative;
}

.menu-content ul li a::before {
content: "";
width: 7px;
height: 7px;
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 16px;
}

#menu-btn-check:checked ~ .menu-content {
left: 20%;
/*メニューを画面内へ*/
}

#common_nav_bg {
display: none;
position: fixed;
top: 74px;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 10;
}


/*スライダー*/

.swiper-slide-prev:hover:after,
.swiper-slide-next:hover:after {
opacity: 0.9;
}

.swiper-slide-prev::after,
.swiper-slide-next::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: black;
opacity: 0.7;
display: block;
}

#pickup-contents {
margin-bottom: 30px;
}

.news p {
display: flex;
}

.two-items {
padding: 10px 10px 30px;
display: flex;
justify-content: space-between;
}

.two-items li {
width: calc(50% - 10px);
}

.two-items li img {
width: 100%;
zoom: unset;
}
/* Note: This file is compiled from local.less */
/* ----------------------------------------
global header
---------------------------------------- */

#global-header .global-nav li {
 /* ヘッダー：グローバルナビ項目の文字色 */
 color: #ffffff;
 /* ヘッダー：グローバルナビ項目の背景色 */
 background: #000000;
}
#global-header .global-nav a {
 /* ヘッダー：グローバルナビ項目の文字色 */
 color: #ffffff;
}
/* ----------------------------------------
global footer
---------------------------------------- */
#global-footer .global-nav,
#global-footer .global-nav li {
 /* フッター：グローバルナビ項目のライン色 */
 border-color: #ccc6a4;
}
#global-footer .global-nav li {
 /* フッター：グローバルナビ項目の背景色 */
 background-color: #f4f1e4;
}
#global-footer .global-nav a {
 /* フッター：グローバルナビ項目の文字色 */
 color: #6a2800;
}
#global-footer .copyright {
 /* フッター：コピーライト部分の文字色 */
 color: #ffffff;
 /* フッター：コピーライト部分の背景色 */
 background: #712915;
}
/* ----------------------------------------
heading
---------------------------------------- */
.page-title {
 /* h1（ページタイトル）左側のライン色 */
 border-left-color: #000000;
}
.section-title {
 /* h2（セクションタイトル）上側のライン色 */
 border-top-color: #712915;
}
.subsection-title::before,
.chapter-title::before {
 /* h3（サブセクションタイトル）左側のライン色 */
 background-color: #000000;
}
/* ----------------------------------------
paragraph
---------------------------------------- */
p.notes .mark.colored {
 /* 注釈（色付き）「※」の文字色 */
 color: #d7000d;
}
/* ----------------------------------------
link
---------------------------------------- */
.button-link a {
 /* 汎用ボタンパーツ（通常）のライン色 */
 border-color: #ccc6a4;
 /* 汎用ボタンパーツ（通常）の背景色 */
 background-color: #f4f1e4;
}
.button-link.strong a {
 /* 汎用ボタンパーツ（強調）のライン色 */
 border-color: #000000;
 /* 汎用ボタンパーツ（強調）の文字色 */
 color: #ffffff;
 /* 汎用ボタンパーツ（強調）の背景色 */
 background-color: #000000;
}
/* ----------------------------------------
Index
---------------------------------------- */
.page-index #main-image .flex-control-nav .flex-active {
 /* トップページ：メインビジュアル下側 現在位置●の文字色 */
 background-color: #000000;
}
.page-index #pickup-contents .three-items li {
 /* トップページ：ピックアップコンテンツボックスの背景色 */
 background-color: #f4f1e4;
}
#page-top #content #pr {
 margin: 10px 10px 30px;
 text-align: center;
}
/* ----------------------------------------
Menu
---------------------------------------- */
.page-menu .item-list .chapter-title {
 /* メニューページ：サブカテゴリ名見出し 上方向のライン色 */
 border-top-color: #dbd9c7;
 /* メニューページ：サブカテゴリ名見出し 背景色 */
 background: #eae8d8;
}
.page-menu .item-list .list-view .price {
 /* メニューページ：金額の文字色 */
 color: #663300;
}
.page-menu #menu-detail .chapter.price dt {
 /* メニュー詳細ページ：金額表 項目名エリアの背景色 */
 background-color: #f4f1e4;
}
.page-menu #menu-detail .chapter.price dd {
 /* メニュー詳細ページ：金額の文字色 */
 color: #663300;
}
/* ----------------------------------------
About
---------------------------------------- */
/* ----------------------------------------
Campaign
---------------------------------------- */
/* ----------------------------------------
Recruit
---------------------------------------- */
.page-recruit #recruit-head .visual {
 /* アルバイト募集ページ：ページ上部ビジュアル部分の背景色（現在未使用） */
 background-color: #f4f1e4;
}
/* ----------------------------------------
Coupon
---------------------------------------- */
/* ----------------------------------------
contact
---------------------------------------- */
.page-contact #customer-contact {
 /* お問い合わせページ：お客様窓口ボックスの背景色 */
 background: #f4f1e4;
}
.page-contact #form-header li {
 /* お問い合わせページ：フォーム上部ステップナビの背景色（現在未使用） */
 background-color: #c6a9a1;
}
.page-contact #form-header li.current {
 /* お問い合わせページ：フォーム上部ステップナビ現在位置の背景色（現在未使用） */
 background-color: #712915;
}
.page-contact .form-body dt::before {
 /* お問い合わせページ：フォーム見出しのライン色（現在未使用） */
 background-color: #000000;
}
.page-contact .form-body .aform-hdln {
 /* お問い合わせページ：フォーム見出しのライン色（現在未使用） */
 border-top-color: #712915;
}
.page-contact .form-body .aform-hdln span {
 /* お問い合わせページ：フォーム見出しのライン色（現在未使用） */
 border-left-color: #000000;
}
.page-contact .form-body .aform-twice-note {
 /* お問い合わせページ：エラーメッセージの文字色（現在未使用） */
 color: #d7000d;
}
.page-contact .form-body .required {
 /* お問い合わせページ：必須項目の文字色（現在未使用） */
 color: #d7000d;
}
.page-contact .form-body .submit input {
 /* お問い合わせページ：送信ボタンの文字色（現在未使用） */
 color: #ffffff;
 /* お問い合わせページ：送信ボタンの背景色（現在未使用） */
 background-color: #000000;
}
.page-contact .form-body .confirm-email {
 /* お問い合わせページ：確認用メールアドレスの文字色（現在未使用） */
 color: #d7000d;
}
.page-contact #form-footer .front input {
 /* お問い合わせページ：送信ボタンの文字色 */
 color: #ffffff;
 /* お問い合わせページ：送信ボタンの背景色 */
 background-color: #000000;
}
/* ----------------------------------------
gmfoods only.
---------------------------------------- */
#global-header .logo {
 border-top: 2px solid  #fff;
 border-bottom: 2px solid #fff;
}