/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.mt-20 {
  margin-top: 20px;
}

.text-center {
  text-align: center;
}

.text_link {
  transition: color 0.4s ease-in;
  transition: border 0.8s ease-in;
  border-bottom: 1px solid #333;
  color: #333;
}
.text_link:hover {
  border-bottom: none;
  color: #093;
}
.text_link[target="_blank"]:not(.--external) {
  position: relative;
  border-bottom: none;
}
.text_link[target="_blank"]:not(.--external)::after {
  content: "";
  position: absolute;
  display: block;
  background: url(/assets/img/common/ico_otherWindow.svg);
  background-size: cover;
  width: 10px;
  height: 10px;
  top: calc(50% - 2px);
  right: -18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.pdf_link .pdf_link--item + .pdf_link--item {
  margin-top: 4px;
}
.pdf_link .pdf_link--item a {
  line-height: 1.6;
}
.pdf_link .pdf_link--item a span {
  display: inline-block;
}
.pdf_link .pdf_link--item a:hover .pdf_link--text {
  color: #093;
}
.pdf_link .pdf_link--item a .pdf_link--text {
  font-size: 14px;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  color: #333;
}
.pdf_link .pdf_link--item a .pdf_link--pdf {
  background: #ec0e0e;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: .01em;
  font-size: 12px;
  padding: 2px 4px;
  margin: 0 4px;
  color: #fff;
}
.pdf_link .pdf_link--item a .pdf_link--size {
  font-size: 14px;
  color: #333;
}
.pdf_link .pdf_link--note {
  font-size: 13px;
  text-indent: -1.25em;
  padding-left: 1.25em;
  color: #333;
}
.pdf_link .pdf_link--item + .pdf_link--note {
  margin-top: 20px;
}

.for-sp {
  display: inherit;
}
@media screen and (min-width:760px) {
  .for-sp {
    display: none;
  }
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}


/* Auto Height */

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}


/* 3D Effects */

.swiper-container-3d {
  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 {
  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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}


/* CSS Mode */

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  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 {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  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%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}


/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #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: flex;
  justify-content: 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%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}


/* Preloader */

 :root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    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 {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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;
  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 {
  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%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.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;
}


/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4
}

*, :after, :before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  padding: 0;
  margin: 0
}

hr {
  overflow: visible;
  height: 0
}

details, main {
  display: block
}

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden] {
  display: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

a {
  background-color: transparent
}

a:active, a:hover {
  outline-width: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace
}

pre {
  font-size: 1em
}

b, strong {
  font-weight: bolder
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

input {
  border-radius: 0
}

[disabled] {
  cursor: default
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

textarea {
  overflow: auto;
  resize: vertical
}

button, input, optgroup, select, textarea {
  font: inherit
}

optgroup {
  font-weight: 700
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  color: inherit
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

legend {
  border: 0;
  color: inherit;
  display: table;
  white-space: normal;
  max-width: 100%
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

svg:not([fill]) {
  fill: currentColor
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 153, 51, .7);
    box-shadow: 0 0 0 0 rgba(0, 153, 51, .7)
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 153, 51, 0);
    box-shadow: 0 0 0 10px rgba(0, 153, 51, 0)
  }
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 153, 51, .7);
    box-shadow: 0 0 0 0 rgba(0, 153, 51, .7)
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 153, 51, 0);
    box-shadow: 0 0 0 10px rgba(0, 153, 51, 0)
  }
}

@-webkit-keyframes pulse-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(227, 0, 0, .7);
    box-shadow: 0 0 0 0 rgba(227, 0, 0, .7)
  }
  70% {
    -webkit-box-shadow: 0 0 0 4px rgba(227, 0, 0, 0);
    box-shadow: 0 0 0 4px rgba(227, 0, 0, 0)
  }
}

@keyframes pulse-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(227, 0, 0, .7);
    box-shadow: 0 0 0 0 rgba(227, 0, 0, .7)
  }
  70% {
    -webkit-box-shadow: 0 0 0 4px rgba(227, 0, 0, 0);
    box-shadow: 0 0 0 4px rgba(227, 0, 0, 0)
  }
}

@-webkit-keyframes pulse-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .7);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .7)
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0)
  }
}

@keyframes pulse-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .7);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .7)
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0);
    box-shadow: 0 0 0 10px hsla(0, 0%, 100%, 0)
  }
}

@font-face {
  font-family: Yu Gothic;
  src: local(Yu Gothic Medium);
  font-weight: 400
}

@font-face {
  font-family: Yu Gothic;
  src: local(Yu Gothic Bold);
  font-weight: 700
}

html {
  font-family: Lato, Hiragino Kaku Gothic ProN, Yu Gothic, Noto Sans CJK JP, Hiragino Sans, sans-serif;
  -webkit-font-smoothing: antialiased
}

body {
  position: relative;
  width: 100%;
  color: #333
}

li {
  list-style: none
}

a {
  text-decoration: none
}

.img, img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

img {
  vertical-align: bottom
}

.main {
  overflow: hidden;
  margin-top: 50px
}

@media screen and (min-width:760px) {
  .main {
    margin-top: 80px
  }
}

@media screen and (min-width:1280px) {
  .main {
    margin-top: 116px
  }
}

#CopyAlert {
  position: fixed;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #093;
  background: #fff;
  border: 1px solid #093;
  font-size: 11px;
  text-align: center;
  border-radius: 16px;
  padding: 10px 20px
}

@media screen and (min-width:760px) {
  #CopyAlert {
    font-size: 14px
  }
}

.main_ttl {
  margin: 48px auto;
  font-size: 21px;
  text-align: center;
  letter-spacing: .04em
}

.main_ttl .small {
  display: block;
  font-size: 16px;
  margin-bottom: 5px
}

@media screen and (min-width:1280px) {
  .main_ttl .small {
    font-size: 18px
  }
}

@media screen and (min-width:760px) {
  .main_ttl {
    font-size: 24px
  }
}

@media screen and (min-width:1280px) {
  .main_ttl {
    margin-top: 58px;
    font-size: 32px
  }
}

.main_txt {
  margin: 0 auto;
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 1.8;
  font-weight: 700;
  padding: 0 20px
}

@media screen and (min-width:760px) {
  .main_txt {
    padding: 0 34px;
    text-align: center;
    font-size: 16px
  }
}

@media screen and (min-width:960px) {
  .main_txt {
    width: 700px;
    padding: 0
  }
}

.main_date {
  margin: 16px 0 0;
  font-size: 12px;
  letter-spacing: .04em;
  text-align: center
}

.c-link {
  width: 100%;
  max-width: 300px;
  margin: 32px auto 0;
  border: 2px solid #093;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-link:hover {
  background: #093
}

.c-link:hover.orange {
  background: #ec870e
}

.c-link:hover a {
  color: #fff !important
}

.c-link:hover a span.ico {
  -webkit-transform: translateX(5px) translateY(2px);
  transform: translateX(5px) translateY(2px)
}

.c-link:hover a span.ico svg line, .c-link:hover a span.ico svg path {
  stroke: #fff !important
}

.c-link:hover a:after {
  right: 10px
}

@media screen and (min-width:960px) {
  .c-link {
    max-width: 300px
  }
}

.c-link.orange {
  border: 2px solid #ec870e
}

.c-link.orange a {
  color: #ec870e;
  letter-spacing: .02em
}

.c-link.orange a:after {
  background: url(/assets/img/common/inc/ico_arrow-orange.svg)
}

.c-link.orange a span.ico svg line, .c-link.orange a span.ico svg path {
  stroke: #ec870e
}

.c-link a {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  color: #093;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.c-link a span {
  display: inline-block
}

.c-link a span.txt {
  width: 90%
}

.c-link a span.ico {
  width: 10%;
  -webkit-transform: translateY(2px);
  transform: translateY(2px)
}

.c-link a span.ico, .c-linkOther {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.c-linkOther {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  border: 2px solid #093;
  border-radius: 3px;
  background: #fff
}

.c-linkOther:hover {
  background: #093
}

.c-linkOther:hover a {
  color: #fff
}

.c-linkOther:hover a span.ico svg path {
  fill: #fff
}

.c-linkOther:hover a:after {
  right: 10px
}

.c-linkOther a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  color: #093;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.c-linkOther a span {
  display: inline-block
}

.c-linkOther a span.txt {
  width: 90%
}

.c-linkOther a span.ico {
  width: 10%;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.pagenationDiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0 9px;
  max-width: 1153px;
  width: 100%;
  margin: 40px auto
}

@media screen and (min-width:760px) {
  .pagenationDiv {
    margin: 87px auto 64px
  }
}

.WCMpaged {
  font-size: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  visibility: hidden
}

.WCMpaged .WCMselected {
  color: #093
}

.WCMpaged a {
  color: #333;
  visibility: visible;
  margin: 0;
  padding: 8px 14px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .WCMpaged a {
    margin: 0 8px
  }
}

.WCMpaged a:hover {
  color: #093
}

.page_prevBtn {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg)
}

.page_nextBtn, .page_prevBtn {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #093;
  border-right: 2px solid #093
}

.page_nextBtn {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 !important;
  font-size: 21px
}

.c-pagination .pageNow {
  color: #093;
  margin: 0;
  padding: 8px 14px
}

@media screen and (min-width:760px) {
  .c-pagination .pageNow {
    margin: 0 8px
  }
}

.c-pagination a {
  color: #333;
  margin: 0;
  padding: 8px 14px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .c-pagination a {
    margin: 0 8px
  }
}

.c-pagination a:hover {
  color: #093
}

.c-pagination .page_prevBtn {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg)
}

.c-pagination .page_nextBtn, .c-pagination .page_prevBtn {
  display: inline-block;
  width: 12px;
  height: 12px;
  padding: 0;
  border-top: 2px solid #093;
  border-right: 2px solid #093
}

.c-pagination .page_nextBtn {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.localNav .company_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media screen and (min-width:760px) {
  .localNav .company_inner {
    margin: 0 auto;
    max-width: 1153px;
    padding-bottom: 62px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
  }
  .localNav .company_inner:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 2px;
    position: absolute;
    left: 0;
    bottom: 0
  }
}

@media screen and (min-width:1280px) {
  .localNav .company_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.localNav .company_inner .company_nav {
  display: none !important
}

@media screen and (min-width:1280px) {
  .localNav .company_inner .company_nav {
    display: block !important;
    margin-top: 60px;
    width: 256px
  }
}

.localNav .company_inner .company_nav .companyNav_accordion {
  border-top: 1px solid #ddd
}

.localNav .company_inner .company_nav .companyNav_accordion:last-child {
  border-bottom: 1px solid #ddd
}

.localNav .company_inner .company_nav .companyNav_accordion.is-open .companyNav_btn {
  color: #093
}

.localNav .company_inner .company_nav .companyNav_btn {
  padding: 22px 0;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_nav .companyNav_btn.is-active, .localNav .company_inner .company_nav .companyNav_btn:hover {
  color: #093
}

.localNav .company_inner .company_nav .companyNav_btn.link {
  position: relative;
  padding: 0
}

.localNav .company_inner .company_nav .companyNav_btn.link a {
  padding: 22px 0;
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_nav .companyNav_btn.link a:hover {
  color: #093
}

.localNav .company_inner .company_nav .companyNav_btn.link a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  position: absolute;
  width: 17px;
  height: 13px;
  top: calc(50% - 1px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_nav .companyNav_btn:after, .localNav .company_inner .company_nav .companyNav_btn:before {
  right: 0;
  background: #093;
  border-color: #093
}

.localNav .company_inner .company_nav .companyNav_list {
  padding-left: 14px;
  padding-bottom: 22px
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item {
  margin-top: 20px
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item:first-child {
  margin-top: 0
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item.is-active a {
  color: #093
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item.out a {
  position: relative
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item.out a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/ico_otherWindow.svg);
  background-size: cover;
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 2px);
  right: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item.out a:after, _:-ms-lang(x) {
  width: 12px;
  height: 12px
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item a {
  font-size: 14px;
  display: inline-block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_nav .companyNav_list .companyNav_item a:hover {
  color: #093
}

.localNav .company_inner .company_nav .companyNavChild_btn {
  font-size: 14px
}

.localNav .company_inner .company_nav .companyNavChild_btn:after, .localNav .company_inner .company_nav .companyNavChild_btn:before {
  right: 0
}

.localNav .company_inner .company_nav .companyNavChild_list {
  padding-left: 14px;
  padding-bottom: 22px
}

.localNav .company_inner .company_nav .companyNavChild_list:last-child {
  padding-bottom: 0
}

.localNav .company_inner .company_nav .companyNavChild_item {
  margin-top: 6px
}

.localNav .company_inner .company_nav .companyNavChild_item:first-child {
  margin-top: 10px
}

.localNav .company_inner .company_nav .companyNavChild_item.out a {
  position: relative
}

.localNav .company_inner .company_nav .companyNavChild_item.out a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/ico_otherWindow.svg);
  background-size: cover;
  position: absolute;
  width: 10px;
  height: 10px;
  top: calc(50% - 2px);
  right: -20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_nav .companyNavChild_item.out a:after, _:-ms-lang(x) {
  width: 12px;
  height: 12px
}

@media screen and (min-width:1280px) {
  .localNav .company_inner .company_details {
    width: calc(100% - 386px)
  }
}

.localNav .company_inner .company_details .companyDetails_about {
  margin-top: 30px;
  padding: 30px 0;
  position: relative
}

.localNav .company_inner .company_details .companyDetails_about:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about {
    margin-top: 64px
  }
}

.localNav .company_inner .company_details .companyDetails_about.other {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about.other {
    margin-top: 60px
  }
}

.localNav .company_inner .company_details .companyDetails_about:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about {
    padding: 60px 0 0
  }
  .localNav .company_inner .company_details .companyDetails_about:after {
    content: none
  }
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_ttl {
  font-size: 18px;
  margin-bottom: -6px;
  padding-bottom: 0
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_ttl {
    font-size: 21px
  }
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_ttl:after {
  content: none
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list:after, .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item {
  margin-top: 24px;
  width: calc(50% - 9px)
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item {
    width: calc(33.333% - 2px)
  }
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item a:hover {
  color: #093
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item .img {
  border-radius: 10px;
  display: block;
  overflow: hidden
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item .txt {
  display: block;
  margin-top: 10px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .localNav .company_inner .company_details .companyDetails_about .companyDetailsAbout_list .companyDetailsAbout_item .txt {
    font-size: 16px
  }
}

.actionRd_anchor {
  margin-bottom: 64px
}

@media screen and (min-width:1280px) {
  .actionRd_anchor {
    position: absolute;
    left: 0;
    top: 0;
    width: 256px
  }
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item {
  padding: 20px 0;
  border-bottom: 1px solid #ddd
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item:first-child {
  border-top: 1px solid #ddd
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item.is-open .actionRdAnchorItem_ttl, .actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item.is-open .actionRdAnchorItem_ttl.is-active {
  color: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item.is-open .actionRdAnchorItem_ttl.is-active:before {
  background: #093 !important
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl:after, .actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl:before {
  right: 5px
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl:hover, .actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl:hover a {
  color: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl.arrow a {
  position: relative
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl.arrow a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico-arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_ttl a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_accordion.is-open .actionRdAnchorItemInner_ttl {
  color: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_accordion.is-open .actionRdAnchorItemInner_ttl:before {
  background: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl {
  margin-top: 16px;
  font-size: 14px;
  letter-spacing: .01em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  padding: 0 15px 0 20px
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 5px;
  top: 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl:hover {
  color: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl:hover:before {
  background: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl.is-active, .actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl:hover a {
  color: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl.is-active:before {
  background: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl.is-active a {
  color: #093
}

.actionRd_anchor .actionRdAnchor_list .actionRdAnchor_item .actionRdAnchorItem_inner .actionRdAnchorItemInner_ttl a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-modal {
  display: none;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  overflow: hidden
}

.p-modal, .p-modal_bg {
  width: 100%;
  left: 0;
  top: 0
}

.p-modal_bg {
  height: 100%;
  background: #f5f5f5;
  position: absolute
}

.p-modal_inner {
  height: calc(100% - 140px);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-delay: .16s;
  transition-delay: .16s
}

.p-modal_inner.is-open {
  opacity: 1
}

@media screen and (min-width:960px) {
  .p-modal_inner {
    height: auto;
    max-height: calc(100vh - 200px)
  }
}

.p-modal_close {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: absolute;
  top: 12px;
  right: 15px;
  z-index: 100;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: background;
  transition-property: background
}

@media screen and (min-width:760px) {
  .p-modal_close {
    top: 15px
  }
}

@media screen and (min-width:960px) {
  .p-modal_close:hover {
    background: hsla(0, 0%, 43.9%, .2);
    -webkit-transition-duration: .2s;
    transition-duration: .2s
  }
}

.p-modal_close:after, .p-modal_close:before {
  content: "";
  display: block;
  width: 27px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 50%;
  top: 50%
}

.p-modal_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.p-modal_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.p-modal.-default a {
  display: inline-block;
  font-size: 14px;
  color: #0f6ebc;
  text-decoration: underline
}

@media screen and (min-width:760px) {
  .p-modal.-default a {
    font-size: 15px
  }
}

.p-modal.-default ul {
  margin-bottom: 15px
}

.p-modal.-default ul>li {
  font-size: 15px
}

.p-modal.-default img {
  margin-bottom: 15px
}

.p-modal.-default table {
  width: 100%;
  border: 1px solid #d1d1d1;
  border-collapse: collapse
}

.p-modal.-default table td, .p-modal.-default table th, .p-modal.-default table tr {
  border: 1px solid #d1d1d1;
  font-size: 13px;
  padding: 10px
}

.p-modal.-default .p-modal_bg {
  background: hsla(0, 0%, 100%, .95)
}

.p-modal.-default .p-modal_inner {
  width: calc(100% - 50px);
  max-width: 700px;
  background: #f5f5f5;
  border-radius: 8px;
  margin: 0 auto;
  padding: 30px 25px;
  overflow-y: auto
}

@media screen and (min-width:760px) {
  .p-modal.-default .p-modal_inner {
    padding: 40px
  }
  .p-modal.-default .p-modal_inner::-webkit-scrollbar {
    width: 5px
  }
  .p-modal.-default .p-modal_inner::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 5px
  }
}

.p-modal.-default .p-modal_ttl {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px
}

@media screen and (min-width:760px) {
  .p-modal.-default .p-modal_ttl {
    font-size: 24px;
    margin-bottom: 30px
  }
}

.p-modal.-default .p-modal_txt {
  font-size: 14px;
  line-height: 1.7
}

@media screen and (min-width:760px) {
  .p-modal.-default .p-modal_txt {
    font-size: 15px
  }
}

.p-modal.-default .p-modal_note {
  padding-left: 1.125em;
  position: relative;
  font-size: 12px;
  color: #888
}

.p-modal.-default .p-modal_note:before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .p-modal.-default .p-modal_note {
    font-size: 13px
  }
}

.p-modal.-default .p-modal_video {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 15px
}

.p-modal.-default .p-modal_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

body.modal-open {
  overflow: hidden
}

.modal.fade {
  position: fixed;
  outline: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999999;
  display: none
}

.modal.fade strong {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 10px;
  position: relative
}

.modal.fade strong:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.modal.fade ul {
  margin-bottom: 15px
}

.modal.fade ul>li {
  font-size: 15px
}

.modal.fade iframe {
  width: 100%;
  height: calc(56.25vw - 28.125px);
  display: block;
  margin: 0 auto 15px
}

@media screen and (min-width:760px) {
  .modal.fade iframe {
    height: 345.9375px
  }
}

.modal.fade img {
  margin-bottom: 15px
}

.modal.fade img.center-block {
  display: block;
  max-width: 390px;
  margin: 0 auto 15px
}

.modal.fade table {
  width: 100%;
  border: 1px solid #d1d1d1;
  border-collapse: collapse
}

.modal.fade table td, .modal.fade table th, .modal.fade table tr {
  border: 1px solid #d1d1d1;
  font-size: 13px;
  padding: 10px
}

.modal-dialog {
  width: 100%;
  height: 100%;
  pointer-events: none;
  margin: 70px 0
}

@media screen and (min-width:960px) {
  .modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
  }
}

.modal-content {
  width: calc(100% - 50px);
  max-width: 700px;
  height: calc(100% - 140px);
  background: #f5f5f5;
  border-radius: 8px;
  padding: 30px 25px;
  overflow-y: auto;
  z-index: 10;
  margin: 0 auto;
  opacity: 0;
  pointer-events: auto;
  -webkit-transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
  transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-delay: .16s;
  transition-delay: .16s
}

@media screen and (min-width:760px) {
  .modal-content {
    padding: 40px
  }
  .modal-content::-webkit-scrollbar {
    width: 5px
  }
  .modal-content::-webkit-scrollbar-thumb {
    background: #d1d1d1;
    border-radius: 5px
  }
}

@media screen and (min-width:960px) {
  .modal-content {
    height: auto;
    max-height: calc(100vh - 200px)
  }
}

.modal-header button {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: fixed;
  top: 12px;
  right: 15px;
  z-index: 100;
  outline: none;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: background;
  transition-property: background
}

@media screen and (min-width:760px) {
  .modal-header button {
    top: 15px
  }
}

@media screen and (min-width:960px) {
  .modal-header button:hover {
    background: hsla(0, 0%, 43.9%, .2);
    -webkit-transition-duration: .2s;
    transition-duration: .2s
  }
}

.modal-header button:after, .modal-header button:before {
  content: "";
  display: block;
  width: 27px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 50%;
  top: 50%
}

.modal-header button:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.modal-header button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.modal-header button span {
  display: none
}

.modal-title {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px
}

@media screen and (min-width:760px) {
  .modal-title {
    font-size: 24px;
    margin-bottom: 30px
  }
}

.modal-title.error_txt {
  color: #af1313;
  -moz-text-align-last: left;
  text-align-last: left
}

.modal-body {
  font-size: 14px;
  line-height: 1.7;
  position: relative
}

@media screen and (min-width:760px) {
  .modal-body {
    font-size: 15px
  }
}

.modal-footer {
  display: none
}

.modal.in .modal-content {
  opacity: 1
}

.modal-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: hsla(0, 0%, 100%, .95);
  z-index: 999999
}

.memberscard {
  position: relative
}

.membership-number {
  letter-spacing: .13em;
  line-height: 1.4;
  position: absolute;
  font-size: 12px;
  left: 16px;
  bottom: 32px
}

@media screen and (min-width:760px) {
  .membership-number {
    font-size: 20px;
    left: 28px;
    bottom: 40px
  }
}

.p-youtubeModal_bg {
  background: hsla(0, 0%, 96.1%, .6)
}

.p-youtubeModal_close:after, .p-youtubeModal_close:before {
  background: #000
}

.p-youtubeModal_inner {
  width: calc(100% - 50px);
  height: auto;
  max-width: 480px
}

@media screen and (min-width:760px) {
  .p-youtubeModal_inner {
    max-width: 500px
  }
}

@media screen and (min-width:960px) {
  .p-youtubeModal_inner {
    max-width: 800px
  }
}

.p-youtubeModal_content {
  max-height: 100%;
  margin: 0 auto;
  overflow-y: auto
}

.p-youtubeModal_playerContainer {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  position: relative
}

.p-youtubeModal_player {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.fixed_sns {
  padding: 40px 20px 0
}

@media screen and (min-width:760px) {
  .fixed_sns {
    padding: 40px 38px 0
  }
}

@media screen and (min-width:1280px) {
  .fixed_sns {
    padding: 0;
    z-index: 999;
    position: fixed;
    top: 192px;
    right: 10px;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .fixed_sns.is-inactive {
    opacity: 0
  }
}

.fixed_sns a {
  display: block
}

.fixed_sns .fixedSns_share {
  text-align: center
}

.fixed_sns .fixedSns_list {
  margin-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 64px;
  position: relative
}

.fixed_sns .fixedSns_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:1280px) {
  .fixed_sns .fixedSns_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 32px
  }
  .fixed_sns .fixedSns_list:after {
    content: none
  }
}

.fixed_sns .fixedSns_list .fixedSns_item {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  cursor: pointer
}

.fixed_sns .fixedSns_list .fixedSns_item:hover {
  opacity: .7
}

.fixed_sns .fixedSns_list .fixedSns_item:not(:first-child) {
  margin-left: 30px
}

@media screen and (min-width:1280px) {
  .fixed_sns .fixedSns_list .fixedSns_item:not(:first-child) {
    margin-left: 0;
    margin-top: 10px
  }
}

.fixed_sns .fixedSns_list .fixedSns_item a {
  width: 50px;
  height: 50px
}

.fixed_sns .fixedSns_list .fixedSns_item a img {
  width: 100%
}

@media screen and (min-width:1280px) {
  .fixed_sns .fixedSns_list .fixedSns_item a {
    width: 44px;
    height: 44px
  }
}

.fixed_sns .fixedSns_print {
  display: none;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  cursor: pointer;
  text-align: center
}

.fixed_sns .fixedSns_print:hover {
  opacity: .7
}

@media screen and (min-width:1280px) {
  .fixed_sns .fixedSns_print {
    display: block;
    margin-top: 10px
  }
}

.p-recommendKeywords .p-recommendKeywords_list {
  text-align: center
}

@media screen and (min-width:760px) {
  .p-recommendKeywords .p-recommendKeywords_list {
    margin: 0 auto;
    max-width: 693px
  }
}

@media screen and (min-width:960px) {
  .p-recommendKeywords .p-recommendKeywords_list {
    max-width: 760px
  }
}

.p-recommendKeywords .p-recommendKeywords_list .p-recommendKeywords_item {
  display: inline-block
}

.p-recommendKeywords .p-recommendKeywords_list .p-recommendKeywords_item:last-child a {
  padding-right: 0
}

.p-recommendKeywords .p-recommendKeywords_list .p-recommendKeywords_item a {
  color: #093;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .08em;
  padding-right: 10px
}

@media screen and (min-width:760px) {
  .p-recommendKeywords .p-recommendKeywords_list .p-recommendKeywords_item a {
    padding-top: 12px
  }
}

@media screen and (min-width:960px) {
  .p-recommendKeywords .p-recommendKeywords_list .p-recommendKeywords_item a {
    line-height: 1.8
  }
}

.p-searchRecipe .p-searchRecipe_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .p-searchRecipe .p-searchRecipe_inner {
    margin: 0 auto;
    max-width: 391px
  }
}

.p-searchRecipe .p-searchRecipe_bar {
  position: relative;
  width: calc(100% - 65px);
  height: 44px;
  border-bottom: 1px solid #093;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .p-searchRecipe .p-searchRecipe_bar {
    width: calc(100% - 105px);
    height: 33px
  }
}

.p-searchRecipe .p-searchRecipe_bar .ico {
  position: absolute;
  left: 0;
  top: 14px;
  width: 18px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .p-searchRecipe .p-searchRecipe_bar .ico {
    top: 6px
  }
}

.p-searchRecipe .p-searchRecipe_bar input {
  width: 100%;
  outline: none;
  font-size: 16px;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  color: #555;
  text-indent: 25px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .p-searchRecipe .p-searchRecipe_bar input {
    width: 100%;
    font-size: 14px;
    text-indent: 30px;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media screen and (min-width:1280px) {
  .p-searchRecipe .p-searchRecipe_bar input {
    font-size: 15px;
    font-weight: 400
  }
}

.p-searchRecipe .p-searchRecipe_bar input:focus {
  text-indent: 5px !important
}

.p-searchRecipe .p-searchRecipe_bar input:focus+.ico {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.p-searchRecipe .p-searchRecipe_btn {
  background: #093;
  border-radius: 3px;
  width: 60px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

@media screen and (min-width:1280px) {
  .p-searchRecipe .p-searchRecipe_btn {
    width: 100px;
    height: 33px
  }
}

.p-searchRecipe .p-searchRecipe_btn:hover {
  background: #fff
}

.p-searchRecipe .p-searchRecipe_btn:hover a {
  color: #093
}

.p-searchRecipe .p-searchRecipe_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-searchRecipeArea {
  padding: 24px 0 22px
}

.p-searchRecipeArea.recipe_searchDetail {
  padding-bottom: 0
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea.recipe_searchDetail {
    padding-bottom: 24px
  }
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea.recipe_searchDetail .p-searchRecipeArea_logo a {
    margin: 0
  }
}

.p-searchRecipeArea.recipe_searchDetail .p-searchRecipeArea_inner {
  margin-top: 48px;
  padding: 30px 0;
  border-top: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea.recipe_searchDetail .p-searchRecipeArea_inner {
    margin-top: 0;
    padding: 34px 0;
    border-top: none
  }
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 38px
  }
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea {
    margin: 0 auto;
    padding: 32px 38px 20px
  }
}

@media screen and (min-width:1280px) {
  .p-searchRecipeArea {
    margin: 0 auto;
    max-width: 1153px;
    padding: 32px 0
  }
}

.p-searchRecipeArea .p-searchRecipeArea_logo {
  text-align: center
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_logo {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px)
  }
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_logo {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px)
  }
}

.p-searchRecipeArea .p-searchRecipeArea_logo a {
  display: block;
  width: 221px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_logo a {
    margin: 0
  }
}

@media screen and (min-width:1280px) {
  .p-searchRecipeArea .p-searchRecipeArea_logo a {
    width: 244px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_logo a img {
  width: 100%
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_logo {
    text-align: left;
    width: 302px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_inner {
  position: relative
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_inner {
    padding-left: 36px;
    border-left: 1px solid #ccc;
    width: calc(100% - 302px)
  }
  .p-searchRecipeArea .p-searchRecipeArea_inner:after {
    height: 100%
  }
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_inner {
    padding: 0 0 0 58px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_ttl {
  text-align: center;
  font-size: 20px
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_ttl {
    font-size: 24px
  }
}

@media screen and (min-width:1280px) {
  .p-searchRecipeArea .p-searchRecipeArea_ttl {
    font-size: 32px;
    text-align: left;
    padding-left: 150px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_area {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
  }
}

.p-searchRecipeArea .p-searchRecipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 275px
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipe {
    padding-top: 8px;
    height: 33px;
    width: 65%;
    margin: 0
  }
}

@media screen and (min-width:1280px) {
  .p-searchRecipeArea .p-searchRecipe {
    width: 100%;
    height: 100%;
    max-width: 430px;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0
  }
}

@media screen and (min-width:320px) {
  .p-searchRecipeArea .p-searchRecipe input {
    margin-left: -10px
  }
}

@media screen and (min-width:1280px) {
  .p-searchRecipeArea .p-searchRecipe input {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-left: 0
  }
}

.p-searchRecipeArea .p-searchRecipeArea_btn {
  position: relative;
  width: 88px;
  margin: 16px auto 0
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_btn {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    margin-right: 0
  }
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95px;
    margin: 0 0 0 64px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.p-searchRecipeArea .p-searchRecipeArea_btn a {
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_btn a {
    font-size: 16px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_btn a:hover {
  color: #093
}

.p-searchRecipeArea .p-searchRecipeArea_btn a:hover:after {
  right: -5px
}

.p-searchRecipeArea .p-searchRecipeArea_btn a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  position: absolute;
  width: 17px;
  height: 13px;
  top: calc(50% - 2px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-searchRecipeArea .p-searchRecipeArea_scroll {
  overflow-x: auto
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_scroll {
    overflow: hidden
  }
}

.p-searchRecipeArea .p-searchRecipeArea_list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 22px;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px
}

@media screen and (min-width:760px) {
  .p-searchRecipeArea .p-searchRecipeArea_list {
    padding: 0
  }
  .p-searchRecipeArea .p-searchRecipeArea_list::-webkit-scrollbar {
    height: 6px;
    width: 0;
    background: transparent
  }
  .p-searchRecipeArea .p-searchRecipeArea_list::-webkit-scrollbar-thumb {
    background: none
  }
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_list {
    overflow: hidden;
    white-space: normal;
    width: 100%;
    margin-top: 12px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8cc63e;
  border-radius: 20px;
  margin-right: 8px
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item {
    margin-top: 15px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item:last-child {
  margin-right: 0
}

.p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item a {
  padding: 5px 10px;
  display: block;
  font-size: 12px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item a:hover {
  color: #093
}

@media screen and (min-width:960px) {
  .p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item a {
    padding: 7px 16px;
    font-size: 14px
  }
  .p-searchRecipeArea .p-searchRecipeArea_list .p-searchRecipeArea_item a, _:-ms-lang(x) {
    padding: 10px 16px 5px
  }
}

.p-searchRecipeArea .p-searchRecipeArea_arrow {
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: hsla(0, 0%, 100%, .9)
}

@media screen and (min-width:1280px) {
  .p-searchRecipeArea .p-searchRecipeArea_arrow {
    display: none;
    pointer-events: none
  }
}

.p-searchRecipeArea .p-searchRecipeArea_arrow img {
  width: 9px
}

hr.recipe_searchDetail {
  display: none
}

@media screen and (min-width:760px) {
  hr.recipe_searchDetail {
    display: block
  }
}

.p-searchWords {
  padding-bottom: 62px;
  background: #f5f5f5;
  line-height: 1;
  letter-spacing: .08em
}

@media screen and (min-width:960px) {
  .p-searchWords .inner_container {
    max-width: 1040px
  }
}

.p-searchWords .p-searchWords_ttl {
  font-size: 21px;
  padding: 40px 0 22px;
  color: #093;
  font-weight: 400
}

@media screen and (min-width:960px) {
  .p-searchWords .p-searchWords_ttl {
    padding: 55px 0 0
  }
}

.p-searchWords .p-searchWords_ttl.small {
  padding: 57px 0 25px
}

@media screen and (min-width:960px) {
  .p-searchWords .p-searchWords_list {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .p-searchWords .p-searchWords_list:after, .p-searchWords .p-searchWords_list:before {
    content: "";
    display: block;
    width: calc(50% - 22.5px);
    height: 0
  }
  .p-searchWords .p-searchWords_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width:960px) {
  .p-searchWords .p-searchWords_list .p-searchWords_item {
    width: calc(50% - 22.5px);
    margin: 35px 0 0;
    line-height: .8
  }
}

.p-searchWords .p-searchWords_list.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:960px) {
  .p-searchWords .p-searchWords_list.small {
    max-width: 740px
  }
}

.p-searchWords .p-searchWords_list.small .p-searchWords_item {
  line-height: 2.2;
  margin-top: 0
}

@media screen and (min-width:960px) {
  .p-searchWords .p-searchWords_list.small .p-searchWords_item {
    width: auto
  }
}

.p-searchWords .p-searchWords_list.small .p-searchWords_item:not(:last-child) .p-searchWordsItem_ttl {
  margin-right: 36px
}

.p-searchWords .p-searchWords_item:not(:first-child) {
  margin-top: 35px
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_ttl a {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_ttl a:hover {
  color: #093
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_ttl a:hover span {
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_ttl a span {
  position: relative;
  display: inline-block;
  width: 40px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_ttl a span img {
  position: absolute;
  left: 50%;
  top: calc(50% + 3px);
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_txt {
  display: inline-block;
  margin-top: 19px
}

@media screen and (min-width:1280px) {
  .p-searchWords .p-searchWords_item .p-searchWordsItem_txt {
    margin-top: 16px
  }
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_txt:not(:last-child) {
  margin-right: 24px
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_txt a {
  color: #333;
  font-size: 16px;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.p-searchWords .p-searchWords_item .p-searchWordsItem_txt a:hover {
  color: #093
}

.p-brandPickUp {
  padding: 36px 15px 40px 10px;
  background: #f8f8f5;
  display: none
}

@media screen and (min-width:760px) {
  .p-brandPickUp {
    padding: 36px 34px 64px
  }
}

@media screen and (min-width:960px) {
  .p-brandPickUp {
    padding: 40px 0
  }
}

.p-brandPickUp .p-brandPickUp_ttl {
  font-size: 21px;
  text-align: center
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_ttl {
    font-size: 24px
  }
}

@media screen and (min-width:760px) {
  .p-brandPickUp .p-brandPickUp_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list {
    margin: 0 auto;
    max-width: 1153px
  }
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item {
    width: calc(50% - 20px);
    margin: 16px 10px 0
  }
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item {
    width: calc(25% - 4px);
    margin: 36px 2px 0
  }
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item:first-child {
  margin-top: 36px
}

@media screen and (min-width:760px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item:first-child {
    margin-top: 16px
  }
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item:first-child {
    margin-top: 36px
  }
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item a {
    display: block
  }
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item a:hover {
  color: #093
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .img {
  display: block;
  border-radius: 8px;
  width: 50%;
  overflow: hidden
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .img {
    width: 100%
  }
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .txt {
  display: inline-block;
  width: calc(50% - 15px);
  font-size: 15px;
  font-weight: 700
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .txt {
    width: 100%;
    padding: 0 20px;
    margin-top: 20px;
    font-size: 16px;
    text-align: justify
  }
}

.p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .txt span {
  margin-top: 8px;
  display: block;
  font-size: 13px;
  font-weight: 400
}

@media screen and (min-width:960px) {
  .p-brandPickUp .p-brandPickUp_list .p-brandPickUp_item .txt span {
    margin-top: 10px;
    font-size: 14px
  }
}

.recommend_content {
  padding: 44px 0 32px
}

@media screen and (min-width:760px) {
  .recommend_content {
    padding: 36px 0
  }
}

@media screen and (min-width:960px) {
  .recommend_content {
    padding: 60px 0
  }
}

.recommend_content.recipe {
  background: #fff6e3
}

.recommend_content.company, .recommend_content.product {
  background: #f8f8f5
}

.recommend_content img {
  width: 100%
}

.recommend_content .recommendContent_ttl {
  text-align: center;
  font-size: 24px
}

@media screen and (min-width:1280px) {
  .recommend_content .recommendContent_ttl {
    font-size: 24px
  }
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list {
    max-width: 693px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .recommend_content .recommendContent_list {
    max-width: 1153px
  }
}

.recommend_content .recommendContent_list .recommendContent_item {
  margin: 16px auto 0
}

.recommend_content .recommendContent_list .recommendContent_item:first-child {
  margin-top: 28px
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item:first-child {
    margin-top: 36px
  }
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item:not(:first-child) {
    margin-left: 4px
  }
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item {
    width: calc(33.333% - 4px);
    margin-top: 36px;
    margin-left: 0;
    margin-right: 0
  }
}

@media screen and (min-width:1280px) {
  .recommend_content .recommendContent_list .recommendContent_item {
    width: calc(25% - 2px)
  }
}

.recommend_content .recommendContent_list .recommendContent_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item a {
    display: block
  }
}

.recommend_content .recommendContent_list .recommendContent_item a:hover {
  color: #149833
}

.recommend_content .recommendContent_list .recommendContent_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_img {
  width: calc(50% - 8px);
  overflow: hidden;
  border-radius: 8px
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_img {
    width: 100%
  }
}

.recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_img img {
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_details {
  width: calc(50% - 8px);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_details {
    width: 100%;
    padding: 0 20px;
    margin-top: 20px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_details .recommendContentItem_txt {
  font-size: 15px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_details .recommendContentItem_txt {
    font-size: 16px
  }
}

.recommend_content .recommendContent_list .recommendContent_item a .recommendContentItem_details .recommendContentItem_link {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #149833
}

.homeMeal {
  margin-top: 45px;
  padding: 48px 15px 59px;
  background-color: #faedcc
}

@media screen and (min-width:760px) {
  .homeMeal {
    margin-top: 60px;
    padding: 40px 0 59px
  }
}

@media screen and (min-width:1280px) {
  .homeMeal {
    margin-top: 92px
  }
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents {
    width: calc(100% - 40px);
    max-width: 863px;
    margin: 0 auto
  }
}

.homeMeal .homeMealContents .homeMealContents_ttl {
  width: 247px;
  margin: 0 auto 32px
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealContents_ttl {
    width: 285px;
    margin-bottom: 40px
  }
}

.homeMeal .homeMealContents .homeMealContents_ttl img {
  width: 100%
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.homeMeal .homeMealContents .homeMealLists .homeMealList {
  margin-bottom: 27px
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealLists .homeMealList {
    width: calc(33.33333% - 2.6px);
    margin-bottom: 0
  }
}

@media screen and (min-width:960px) {
  .homeMeal .homeMealContents .homeMealLists .homeMealList:hover .homeMealList_img img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
  .homeMeal .homeMealContents .homeMealLists .homeMealList:hover .homeMealList_detail {
    color: #093
  }
}

.homeMeal .homeMealContents .homeMealLists .homeMealList:last-child {
  margin-bottom: 0
}

.homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_img {
  width: 100%
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_img {
    border-radius: 6px;
    overflow: hidden
  }
}

.homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_img .img-pc {
  display: none
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_img .img-pc {
    display: block
  }
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_img .img-sp {
    display: none
  }
}

.homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_detail {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-top: 20px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .homeMeal .homeMealContents .homeMealLists .homeMealList .homeMealList_detail {
    padding: 0 20px
  }
}

.o-breadcrumbs {
  height: 40px;
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}

.o-breadcrumbs .inner_container {
  overflow-x: auto
}

@media screen and (min-width:760px) {
  .o-breadcrumbs .inner_container {
    padding: 0 16px
  }
}

@media screen and (min-width:1280px) {
  .o-breadcrumbs .inner_container {
    padding-left: 0
  }
}

@media screen and (min-width:1450px) {
  .o-breadcrumbs .inner_container {
    max-width: 1440px;
    padding-left: 23px
  }
}

.o-breadcrumbs .o-breadcrumbs_list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap
}

@media screen and (min-width:760px) {
  .o-breadcrumbs .o-breadcrumbs_list {
    overflow: hidden;
    width: 100%
  }
}

.o-breadcrumbs .o-breadcrumbs_item {
  display: inline-block
}

.o-breadcrumbs .o-breadcrumbs_item a {
  display: block;
  color: #555;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.o-breadcrumbs .o-breadcrumbs_item a:hover {
  color: #093
}

.o-breadcrumbs .o-breadcrumbs_item:not(:first-child) {
  position: relative;
  margin-left: 12px;
  padding-left: 17px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  font-size: 11px
}

@media screen and (min-width:760px) {
  .o-breadcrumbs .o-breadcrumbs_item:not(:first-child) {
    padding-left: 24px
  }
}

.o-breadcrumbs .o-breadcrumbs_item:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border: solid #555;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

@font-face {
  font-family: Yu Mincho;
  src: local(Yu Mincho Medium);
  font-weight: 400
}

.u-font-openSans {
  font-family: Open Sans, YuGothic, Yu Gothic, Hiragino Kaku Gothic ProN, Hiragino Sans, sans-serif
}

.u-font-mincho {
  font-family: YuMincho, Yu Mincho, Hiragino Mincho ProN, "Noto Serif JP", serif
}

.u-font-lato {
  font-family: Lato, sans-serif
}

@media screen and (min-width:960px) {
  .u-sp {
    display: none
  }
}

@media screen and (max-width:959px) {
  .u-pc {
    display: none
  }
}

@media screen and (min-width:760px) and (max-width:959px) {
  .u-sp.u-tab {
    display: none
  }
  .u-pc.u-tab {
    display: block
  }
}

.common_emergency {
  margin-top: 25px;
  padding: 0 20px;
  line-height: 1.8
}

.common_emergency.commonEmergency_news {
  padding: 0 !important
}

.common_emergency.commonEmergency_news br {
  display: block !important
}

@media screen and (min-width:760px) {
  .common_emergency.commonEmergency_news .commonEmergency_list {
    text-align: center
  }
}

.common_emergency.commonEmergency_news .commonEmergency_list .commonEmergency_item {
  padding-left: 0
}

.common_emergency.commonEmergency_news .commonEmergency_list .commonEmergency_item:before {
  content: none !important
}

.common_emergency.commonEmergency_news .commonEmergency_list .commonEmergency_item a {
  display: inline-block;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_emergency.commonEmergency_news .commonEmergency_list .commonEmergency_item a:hover {
  opacity: .8
}

@media screen and (min-width:760px) {
  .common_emergency {
    padding: 0 38px
  }
}

@media screen and (min-width:960px) {
  .common_emergency {
    max-width: 876px;
    margin: 24px auto 0;
    padding: 0 32px
  }
}

@media screen and (min-width:1450px) {
  .common_emergency {
    margin: 32px auto 0
  }
}

.common_emergency .inner_container {
  border: 1px solid #ec0e18
}

@media screen and (min-width:760px) {
  .common_emergency .inner_container {
    padding: 0 64px
  }
}

@media screen and (min-width:1280px) {
  .common_emergency .inner_container {
    padding: 0 34px
  }
}

@media screen and (min-width:1450px) {
  .common_emergency .inner_container {
    padding: 0 72px
  }
}

.common_emergency .commonEmergency_ttl {
  margin: 18px 0;
  line-height: 1;
  font-size: 18px;
  color: #ec0e18;
  text-align: center
}

@media screen and (min-width:1280px) {
  .common_emergency .commonEmergency_ttl {
    margin-top: 15px
  }
}

.common_emergency .commonEmergency_list {
  margin: 0 0 24px
}

@media screen and (min-width:960px) {
  .common_emergency .commonEmergency_list {
    margin: 0 0 20px
  }
}

@media screen and (min-width:1280px) {
  .common_emergency .commonEmergency_list {
    margin: 0 0 16px
  }
}

.common_emergency .commonEmergency_item {
  position: relative;
  padding-left: 1.3em
}

.common_emergency .commonEmergency_item:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  top: 7px;
  width: 12px;
  height: 12px;
  border-radius: 1px;
  background: #ec0e18
}

.common_emergency .commonEmergency_item:hover .underline {
  color: #ec0e18
}

.common_emergency .commonEmergency_item:not(:first-child) {
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .common_emergency .commonEmergency_item:not(:first-child) {
    margin-top: 4px
  }
}

@media screen and (min-width:960px) {
  .common_emergency .commonEmergency_item br {
    display: none
  }
}

.common_emergency .commonEmergency_item p {
  font-size: 14px;
  color: #333
}

.common_emergency .commonEmergency_item a {
  font-size: 14px;
  display: block;
  color: #333;
  line-height: 1.8
}

.common_emergency .commonEmergency_item a .underline {
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_emergency .commonEmergency_item a .pdf {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none !important;
  background: #ec0e0e;
  padding: 2px 5px;
  border-radius: 4px
}

@media screen and (min-width:960px) {
  .common_emergency .commonEmergency_item a .pdf {
    display: inline-block;
    padding: 0 4px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
  }
}

.common_emergency .commonEmergency_item a .no-underline {
  padding-left: 5px;
  text-decoration: none
}

.common_news {
  margin-top: 48px;
  padding-top: 24px;
  padding-bottom: 48px;
  border-top: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .common_news {
    margin-top: 64px;
    padding-top: 38px
  }
}

@media screen and (min-width:1280px) {
  .common_news {
    margin-top: 62px;
    padding-top: 64px
  }
}

.common_news img {
  width: 100%
}

@media screen and (min-width:760px) {
  .common_news .commonNews_ttl {
    margin-bottom: 38px
  }
}

@media screen and (min-width:1280px) {
  .common_news .commonNews_ttl {
    margin-bottom: 64px
  }
}

@media screen and (min-width:1280px) {
  .common_news .commonNews_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.common_news .commonNews_list .commonNews_item {
  padding: 23px 0 28px;
  position: relative
}

.common_news .commonNews_list .commonNews_item:last-child, .common_news .commonNews_list .commonNews_item:nth-last-child(2) {
  display: none
}

.common_news .commonNews_list .commonNews_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .common_news .commonNews_list .commonNews_item {
    padding: 24px 0 25px
  }
}

@media screen and (min-width:960px) {
  .common_news .commonNews_list .commonNews_item:last-child, .common_news .commonNews_list .commonNews_item:nth-last-child(2) {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .common_news .commonNews_list .commonNews_item {
    width: calc(50% - 31px)
  }
}

.common_news .commonNews_list .commonNews_item:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .common_news .commonNews_list .commonNews_item:nth-of-type(2):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    top: 0
  }
}

.common_news .commonNews_list .commonNews_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_news .commonNews_list .commonNews_item a:hover {
  color: #093
}

.common_news .commonNews_list .commonNews_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_ttl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_ttl .commonNewsItemTtl_type {
  margin-right: 16px;
  background: #093;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  padding: 5px 10px;
  color: #fff
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_ttl .commonNewsItemTtl_date {
  font-size: 14px
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .common_news .commonNews_list .commonNews_item .commonNewsItem_inner {
    margin-top: 14px;
    margin-right: 0
  }
}

@media screen and (min-width:1280px) {
  .common_news .commonNews_list .commonNews_item .commonNewsItem_inner {
    margin-top: 10px
  }
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_details {
  width: calc(50% - 10px)
}

@media screen and (min-width:760px) {
  .common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_details {
    width: calc(100% - 202px)
  }
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_details .ttl {
  font-size: 14px
}

@media screen and (min-width:760px) {
  .common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_details .ttl {
    font-size: 15px
  }
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_details .txt {
  margin-top: 8px;
  font-size: 14px;
  display: none
}

@media screen and (min-width:760px) {
  .common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_details .txt {
    display: block
  }
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_img {
  max-width: 170px;
  width: calc(50% - 10px);
  height: 128px;
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_img {
    width: 182px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-bottom: -30px
  }
}

.common_news .commonNews_list .commonNews_item .commonNewsItem_inner .commonNewsItem_img img {
  border-radius: 8px;
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.common_news .commonNews_link {
  margin-top: 50px
}

.common_ttl {
  position: relative;
  margin-bottom: 24px;
  text-indent: 1em;
  font-size: 21px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .common_ttl {
    font-size: 21px;
    margin-bottom: 5px
  }
}

@media screen and (min-width:960px) {
  .common_ttl {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.common_ttl:before {
  content: "";
  display: block;
  border-radius: 6px;
  width: 6px;
  height: 100%;
  background: #093;
  position: absolute;
  left: 3px;
  top: 0;
  right: 0;
  bottom: 0
}

.common_ttl span:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.common_ttl span:nth-of-type(2) {
  display: none
}

@media screen and (min-width:960px) {
  .common_ttl span:nth-of-type(2) {
    display: inline-block;
    padding-bottom: 10px
  }
  .common_ttl span:nth-of-type(2) a {
    display: inline;
    position: relative;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding: 4px 36px 8px 0
  }
  .common_ttl span:nth-of-type(2) a, .common_ttl span:nth-of-type(2) a:before {
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .common_ttl span:nth-of-type(2) a:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #093;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    -webkit-transition-property: width;
    transition-property: width
  }
  .common_ttl span:nth-of-type(2) a:hover {
    color: #093
  }
  .common_ttl span:nth-of-type(2) a:hover:before {
    width: 0;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
  }
  .common_ttl span:nth-of-type(2) a:hover:before, _:-ms-lang(x) {
    width: 100%;
    transition-duration: 0
  }
  .common_ttl span:nth-of-type(2) a:hover:after {
    right: -4px
  }
  .common_ttl span:nth-of-type(2) a:after {
    content: "";
    display: inline-block;
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    position: absolute;
    width: 17px;
    height: 13px;
    background-size: cover;
    top: calc(50% - 3px);
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
}

.common_link {
  width: 100%;
  max-width: 300px;
  margin: 30px auto 0;
  border: 2px solid #093;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_link:hover {
  background: #093
}

.common_link:hover a {
  color: #fff !important
}

.common_link:hover a span.ico {
  -webkit-transform: translateX(5px) translateY(2px);
  transform: translateX(5px) translateY(2px)
}

.common_link:hover a span.ico svg line, .common_link:hover a span.ico svg path {
  stroke: #fff !important
}

.common_link:hover a:after {
  right: 10px
}

@media screen and (min-width:760px) {
  .common_link {
    margin: 46px auto 0
  }
}

@media screen and (min-width:960px) {
  .common_link {
    display: none
  }
}

.common_link a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  color: #093;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_link a span {
  display: inline-block
}

.common_link a span.txt {
  width: 90%
}

.common_link a span.ico {
  width: 10%;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_search {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .common_search {
    margin: 0 auto;
    max-width: 316px
  }
}

@media screen and (min-width:1280px) {
  .common_search {
    max-width: 391px
  }
}

.common_search .commonSearch_bar {
  position: relative;
  width: calc(100% - 65px);
  border-bottom: 1px solid #093;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .common_search .commonSearch_bar {
    width: calc(100% - 105px);
    height: 30px
  }
}

.common_search .commonSearch_bar .ico {
  position: absolute;
  left: 0;
  top: 13px;
  width: 18px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .common_search .commonSearch_bar .ico {
    top: 4px
  }
}

.common_search .commonSearch_bar input {
  width: 100%;
  outline: none;
  font-size: 16px;
  -webkit-transform: translateX(-15px) scale(.9);
  transform: translateX(-15px) scale(.9);
  color: #555;
  text-indent: 30px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .common_search .commonSearch_bar input {
    font-size: 14px;
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
  }
}

@media screen and (min-width:1280px) {
  .common_search .commonSearch_bar input {
    font-size: 15px;
    font-weight: 400
  }
}

.common_search .commonSearch_bar input:focus {
  text-indent: 5px !important
}

.common_search .commonSearch_bar input:focus+.ico {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.common_search .commonSearch_btn {
  background: #093;
  border-radius: 3px;
  width: 60px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .common_search .commonSearch_btn {
    width: 100px;
    height: 33px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }
}

.common_search .commonSearch_btn:hover {
  background: #fff
}

.common_search .commonSearch_btn:hover a {
  color: #093
}

.common_search .commonSearch_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.common_panel {
  margin-top: 24px;
  padding: 0
}

@media screen and (min-width:760px) {
  .common_panel {
    margin-top: 38px;
    padding: 38px 0 43px
  }
}

@media screen and (min-width:960px) {
  .common_panel {
    margin-top: 0;
    padding: 64px 0 53px
  }
}

.common_panel.-gray {
  background: #f8f8f5;
  padding: 24px 0
}

@media screen and (min-width:960px) {
  .common_panel.-gray {
    margin-top: 32px;
    padding: 64px 0 54px
  }
}

@media screen and (min-width:1280px) {
  .common_panel.-gray {
    margin-top: 24px
  }
}

@media screen and (min-width:1600px) {
  .common_panel.-gray {
    margin-top: 32px
  }
}

.common_panel.-dashedBorder .commonPanel_item {
  padding-bottom: 16px;
  position: relative
}

.common_panel.-dashedBorder .commonPanel_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .common_panel.-dashedBorder .commonPanel_item:after {
    content: none
  }
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media screen and (min-width:960px) {
  .common_panel .commonPanel_list {
    margin-top: 64px
  }
}

.common_panel .commonPanel_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.common_panel .commonPanel_item, _:-ms-lang(x) {
  display: block
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item {
    width: calc(50% - 1px);
    margin: 35px .5px 0
  }
}

@media screen and (min-width:960px) {
  .common_panel .commonPanel_item {
    width: calc(25% - 2px);
    margin: 0 1px
  }
}

@media screen and (min-width:1280px) {
  .common_panel .commonPanel_item {
    width: calc(25% - 4px);
    margin: 0 2px
  }
  .common_panel .commonPanel_item:hover .commonPanelItem_details {
    color: #093
  }
  .common_panel .commonPanel_item:hover img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
}

.common_panel .commonPanel_item.topCampaign_item:first-child .commonPanelItem_details {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item.topCampaign_item:first-child .commonPanelItem_details {
    margin-top: 20px
  }
}

.common_panel .commonPanel_item:not(:first-child) {
  margin: 16px auto
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item:not(:first-child) {
    margin: 35px .5px 0
  }
}

@media screen and (min-width:960px) {
  .common_panel .commonPanel_item:not(:first-child) {
    margin: 0 1px
  }
}

.common_panel .commonPanel_item:nth-of-type(2) {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item:nth-of-type(2) {
    margin: 35px .5px 0
  }
}

@media screen and (min-width:960px) {
  .common_panel .commonPanel_item:nth-of-type(2) {
    margin: 0 1px
  }
}

.common_panel .commonPanel_item a {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.common_panel .commonPanel_item img {
  width: 100%
}

.common_panel .commonPanel_item .commonPanelItem_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_flex {
    display: block
  }
}

.common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
  width: 50%;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_img img {
    -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
    transition: .8s cubic-bezier(.165, .84, .44, 1)
  }
}

.common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 0 0 0 10px;
  width: 50%;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px;
    margin-top: 20px;
    width: 100%
  }
}

.common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_ttl {
  font-size: 14px;
  margin-top: 0
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_ttl {
    font-size: 16px
  }
}

.common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_txt {
  font-size: 13px;
  margin-top: 5px
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_txt {
    font-size: 14px
  }
}

.common_panel .commonPanel_item .commonPanelItem_img {
  width: 100%;
  border-radius: 6px;
  overflow: hidden
}

.common_panel .commonPanel_item .commonPanelItem_img img {
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.common_panel .commonPanel_item .commonPanelItem_details {
  width: 100%;
  color: #333;
  line-height: 1.6;
  letter-spacing: .08em;
  padding: 0 10px
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_details {
    margin-top: 20px;
    padding: 0 20px
  }
}

.common_panel .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
  letter-spacing: .04em;
  font-size: 15px;
  font-weight: 700;
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
    font-size: 16px
  }
}

.common_panel .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_txt {
  letter-spacing: .04em;
  font-size: 13px;
  margin-top: 5px
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_txt {
    font-size: 14px
  }
}

.common_panel .commonPanel_item .commonPanelItem_date {
  line-height: 1.8;
  margin-top: 13px;
  text-align: center;
  font-size: 13px;
  color: #093;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .common_panel .commonPanel_item .commonPanelItem_date {
    text-align: left;
    padding: 0 20px
  }
}

.top-other-window {
  padding: 32px 0 8px
}

@media screen and (min-width:1280px) {
  .top-other-window {
    display: none
  }
}

.top-other-window .c-link {
  margin-top: 0;
  max-width: 296px;
  height: 54px
}

.top-other-window .c-link .ico {
  -webkit-transform: none;
  transform: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.top-other-window .c-link .ico .active {
  display: none
}

.top-other-window .c-link:hover .ico {
  -webkit-transform: none;
  transform: none
}

.top-other-window .c-link:hover .ico .no-active {
  display: none
}

.top-other-window .c-link:hover .ico .active {
  display: block
}

.top-other-window:has(.mizkan365),
.top-other-window:has(.fibee) {
  padding-top: 10px;
}

.top-other-window .c-link.mizkan365 {
  background: #fbf8d9;
}

.top-other-window .c-link.fibee {
  background: #fff;
}

.top-other-window .c-link.mizkan365 .txt img,
.top-other-window .c-link.fibee .txt img {
  width: auto;
  height: 24px;
}

.top .top_slider {
  position: relative;
  margin-bottom: 38px
}

@media screen and (min-width:760px) {
  .top .top_slider {
    margin-bottom: 50px
  }
}

@media screen and (min-width:960px) {
  .top .top_slider {
    margin-bottom: 0
  }
}

@media screen and (min-width:1450px) {
  .top .top_slider {
    max-width: 1600px;
    margin: 0 auto
  }
}

@media screen and (min-width:960px) {
  .top .top_slider .topSlider_container.u-sp {
    display: none
  }
  .top .top_slider .topSlider_container.u-pc {
    display: block;
    padding: 0 4px
  }
}

.top .top_slider .topSlider_list {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .top .top_slider .topSlider_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .top .top_slider .topSlider_list .topSlider_list-row {
    width: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .top .top_slider .topSlider_list .topSlider_list-row .topSlider_item {
    position: relative;
    height: 100%
  }
  .top .top_slider .topSlider_list .topSlider_list-row a {
    border-radius: 6px;
    overflow: hidden;
    display: block
  }
  .top .top_slider .topSlider_list .topSlider_list-row a:hover img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
  .top .top_slider .topSlider_list .topSlider_list-row img {
    -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
    transition: .8s cubic-bezier(.165, .84, .44, 1)
  }
  .top .top_slider .topSlider_list .topSlider_list-column {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .top .top_slider .topSlider_list .topSlider_list-column .topSlider_item {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    height: calc(50% - 2.5px);
    padding: 5px
  }
  .top .top_slider .topSlider_list .topSlider_list-column .topSlider_item a {
    display: block;
    width: 100%;
    height: 100%
  }
  .top .top_slider .topSlider_list .topSlider_list-column .topSlider_item a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.06);
    transform: translate(-50%, -50%) scale(1.06)
  }
  .top .top_slider .topSlider_list .topSlider_list-column .topSlider_item:nth-of-type(2) {
    margin-top: 6px
  }
  .top .top_slider .topSlider_list .topSlider_list-column .topSlider_item img {
    -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
    transition: .8s cubic-bezier(.165, .84, .44, 1);
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

@media screen and (min-width:1280px) {
  .top .top_slider .topSlider_list {
    max-width: 1280px;
    margin: 0 auto
  }
}

@media screen and (min-width:1600px) {
  .top .top_slider .topSlider_list {
    max-width: 1600px
  }
}

.top .top_slider .topSlider_item {
  width: 80% !important;
  padding: 0 5px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .top .top_slider .topSlider_item {
    width: 100% !important;
    padding: 0 5px 0 0
  }
}

.top .top_slider .topSlider_item img {
  width: 100%;
  height: auto
}

.top .top_slider .swiper-pagination {
  margin-top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (min-width:760px) {
  .top .top_slider .swiper-pagination {
    display: block
  }
}

@media screen and (min-width:960px) {
  .top .top_slider .swiper-pagination {
    display: none
  }
}

.top .top_slider .swiper-pagination span {
  margin: 0 10px
}

.top .top_slider .swiper-pagination span.swiper-pagination-bullet-active {
  background: #093
}

.top .top_anchor {
  padding-top: 14px
}

.top .top_anchor .topAnchor_item, .top .top_anchor .topAnchor_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.top .top_anchor .topAnchor_item {
  height: 44px;
  width: calc(25% - 2px)
}

@media screen and (min-width:375px) {
  .top .top_anchor .topAnchor_item {
    width: calc(25% - 5px)
  }
}

.top .top_anchor .topAnchor_item:not(:first-child) {
  position: relative
}

.top .top_anchor .topAnchor_item:not(:first-child):after {
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 60px);
  background: linear-gradient(180deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-y;
  background-size: 2px 7px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

@media screen and (min-width:760px) {
  .top .top_anchor .topAnchor_item br {
    display: none
  }
}

.top .top_anchor .topAnchor_item a {
  padding: 0 6px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  color: #093;
  width: 100%
}

@media screen and (min-width:375px) {
  .top .top_anchor .topAnchor_item a {
    font-size: 14px
  }
}

@media screen and (min-width:760px) {
  .top .top_anchor .topAnchor_item a {
    font-size: 15px
  }
}

.top .top_recipe {
  margin-top: 70px;
  padding-bottom: 48px;
  position: relative
}

@media screen and (min-width:760px) {
  .top .top_recipe {
    margin-top: 17px;
    padding-bottom: 63px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe {
    padding-bottom: 50px
  }
}

.top .top_recipe img {
  width: 100%
}

.top .top_recipe .topRecipe_bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.top .top_recipe .topRecipe_inner {
  position: relative
}

.top .top_recipe .topRecipe_inner .topRecipeInner_plate {
  z-index: -1;
  position: absolute;
  top: 10px;
  right: calc(-30% - 50px);
  max-width: 360px
}

@media screen and (min-width:375px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate {
    right: -30%
  }
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate {
    right: -20%;
    max-width: 638px
  }
}

@media screen and (min-width:960px) and (max-width:1279px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate {
    right: -20%
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate {
    top: -135px;
    right: -30%;
    max-width: 944px
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate.is-fixed {
    position: fixed;
    top: -115px;
    bottom: auto
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate.is-fixed-bottom {
    position: absolute;
    top: auto;
    bottom: 750px
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate.fixed {
    position: fixed;
    top: -135px
  }
}

@media screen and (min-width:1450px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate {
    top: -135px;
    right: -30%;
    max-width: 1074px
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate.is-fixed {
    position: fixed;
    top: -196px;
    bottom: auto
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate.is-fixed-bottom {
    position: absolute;
    top: auto;
    bottom: 820px
  }
}

@media screen and (min-width:1600px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_plate {
    top: -135px;
    right: -20%
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_data .topRecipeInner_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 120px;
  text-align: center;
  margin-left: 32px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_data .topRecipeInner_ttl {
    margin-left: 90px;
    max-width: 197px
  }
}

@media screen and (min-width:960px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_data .topRecipeInner_ttl {
    margin: 0 auto;
    max-width: 452px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_data .topRecipeInner_ttl .topRecipeInnerTtl_img {
  width: 100%
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area {
  position: relative;
  margin: 0 10px
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #40b9b4 6px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 14px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area {
    max-width: 372px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area {
    padding-top: 65px;
    max-width: 441px
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area:after {
    content: none
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration {
  position: absolute;
  z-index: -1
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration img {
  width: 100%
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-fan {
  width: 298px;
  top: -12px;
  left: -80px
}

@media screen and (min-width:375px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-fan {
    width: 318px;
    top: -10px;
    left: -90px
  }
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-fan {
    width: 530px;
    top: -37px;
    left: -318px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-fan {
    top: 10px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-boat {
  width: 160px;
  top: 290px;
  right: -67px
}

@media screen and (min-width:375px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-boat {
    width: 180px;
    right: -65px;
    z-index: 1
  }
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-boat {
    width: 300px;
    top: 210px;
    right: -198px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_illustration .illustration.illustration-boat {
    top: 290px;
    right: -130px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_subTtl {
  width: 182px;
  margin: 0 auto;
  padding-top: 33px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_subTtl {
    width: 234px;
    padding-top: 35px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_subTtl {
    width: 253px;
    padding-top: 0
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_subTtl img {
  width: 100%;
  display: block
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_ttl {
  margin: 13px auto 0;
  width: 200px;
  padding-bottom: 32px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_ttl {
    margin: 10px auto 0;
    width: 372px
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_ttl .u-sp {
    display: none
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_ttl .u-pc {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_ttl {
    margin: 22px auto 0;
    width: 420px;
    padding-bottom: 40px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_ttl img {
  -webkit-backface-visibility: visible;
  backface-visibility: visible
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_txt {
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8;
  padding: 26px 0 24px;
  position: relative
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_txt:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #40b9b4 6px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 14px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_txt {
    padding: 32px 0 18px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_txt {
    padding: 44px 0 34px;
    letter-spacing: .1em;
    line-height: 1.9
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link {
  text-align: center;
  padding-bottom: 38px
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link {
    text-align: left
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a {
  display: inline;
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding: 4px 36px 8px 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #093;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a:hover {
  color: #093
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a:hover:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a:hover:after {
  right: -5px
}

.top .top_recipe .topRecipe_inner .topRecipeInner_sticky .topRecipeInner_area .topRecipeInnerArea_link a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  position: absolute;
  width: 17px;
  height: 13px;
  background-size: cover;
  top: calc(50% - 3px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend {
  margin-top: 48px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend {
    margin-top: 68px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend {
    margin-top: 65px;
    max-width: 830px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_details {
    width: calc(100% - 500px);
    padding-right: 54px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_details .topRecipeInnerRecommend_ttl {
  font-size: 21px;
  letter-spacing: .04em;
  text-align: center
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_details .topRecipeInnerRecommend_ttl.u-sp {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_details .topRecipeInnerRecommend_ttl {
    font-size: 24px
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_details .topRecipeInnerRecommend_ttl.u-sp {
    display: none
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img {
  margin-top: 26px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img {
    margin: 30px auto 0;
    max-width: 514px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img {
    margin-top: 0;
    width: 500px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a {
  display: block;
  color: #333;
  line-height: 1.6;
  letter-spacing: .8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a .topRecipeInnerRecommend_img-img {
  border-radius: 8px;
  overflow: hidden
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a:hover {
  color: #093
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a img {
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a span {
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 16px 15px 0
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_recommend .topRecipeInnerRecommend_img a span {
    padding: 16px 20px 0
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_subTtl {
  display: none
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_subTtl {
    display: block;
    text-align: center;
    font-size: 24px;
    margin-top: 54px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_list {
    margin-top: 36px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item {
  margin: 27px 4.5px 0;
  width: calc(50% - 9px)
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item {
    width: calc(50% - 1.5px);
    margin: 35px .75px 0
  }
  .top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item.u-sp {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item {
    width: calc(25% - 2px);
    margin: 0 1px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a:hover {
  color: #093
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a .topRecipeInnerItem_img {
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 128px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a .topRecipeInnerItem_img {
    height: 258px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a .topRecipeInnerItem_img {
    height: 212px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a .topRecipeInnerItem_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a .topRecipeInnerItem_txt {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .8px;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_list .topRecipeInner_item a .topRecipeInnerItem_txt {
    margin-top: 20px;
    font-size: 16px;
    padding: 0 20px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special {
  margin-top: 55px
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_special {
    margin-top: 76
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_ttl {
  font-size: 21px;
  font-weight: 700;
  text-align: center
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_ttl {
    font-size: 24px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list {
    margin-top: 36px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item {
  margin: 27px 4.5px 0;
  width: calc(50% - 9px)
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item {
    width: calc(50% - 1.5px);
    margin: 29px .75px 0
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item {
    width: calc(25% - 3px);
    margin: 0 1.5px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a:hover {
  color: #093
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a .topRecipeInnerSpecialItem_img {
  overflow: hidden;
  border-radius: 8px
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a .topRecipeInnerSpecialItem_img img {
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a .topRecipeInnerSpecialItem_txt {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .8px;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_special .topRecipeInnerSpecial_list .topRecipeInnerSpecial_item a .topRecipeInnerSpecialItem_txt {
    margin-top: 20px;
    font-size: 16px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_keyword {
  margin: 50px auto 48px;
  background: hsla(0, 0%, 100%, .8);
  padding: 28px 0 40px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_keyword {
    margin: 60px auto 56px
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_keyword {
    margin: 75px auto 48px;
    padding: 40px 0 42px;
    max-width: 1152px;
    border-radius: 4px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_ttl {
  font-size: 21px;
  font-weight: 700;
  text-align: center
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_ttl {
    font-size: 24px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list {
  margin: 28px auto 30px;
  text-align: center
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list {
    margin: 34px auto 38px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list .topRecipeInnerKeyword_item {
  padding: 2px 10px;
  display: inline-block
}

.top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list .topRecipeInnerKeyword_item a {
  font-size: 15px;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list .topRecipeInnerKeyword_item a:hover {
  opacity: .6
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list .topRecipeInnerKeyword_item a {
    line-height: 2
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_keyword .topRecipeInnerKeyword_list .topRecipeInnerKeyword_item a {
    font-size: 16px
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link {
  width: 100%;
  max-width: 300px;
  margin: 30px auto 0;
  border: 2px solid #ec870e;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link:hover {
  background: #ec870e
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link:hover a {
  color: #fff !important
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link:hover a span.ico {
  -webkit-transform: translateX(5px) translateY(2px);
  transform: translateX(5px) translateY(2px)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link:hover a span.ico svg line, .top .top_recipe .topRecipe_inner .topRecipeInner_link:hover a span.ico svg path {
  stroke: #fff !important
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link:hover a:after {
  right: 10px
}

@media screen and (min-width:760px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_link {
    margin: 46px auto 0
  }
}

@media screen and (min-width:1280px) {
  .top .top_recipe .topRecipe_inner .topRecipeInner_link {
    margin: 48px auto 0
  }
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  color: #ec870e;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link a span {
  display: inline-block
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link a span.txt {
  width: 90%
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link a span.ico {
  width: 10%;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_recipe .topRecipe_inner .topRecipeInner_link a span.ico svg line, .top .top_recipe .topRecipe_inner .topRecipeInner_link a span.ico svg path {
  stroke: #ec870e
}

.top .top_new {
  margin-top: 24px;
  padding-bottom: 48px;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .top .top_new {
    margin-top: 36px;
    padding-bottom: 64px
  }
}

@media screen and (min-width:1280px) {
  .top .top_new {
    margin-top: 66px;
    padding-bottom: 62px
  }
}

.top .top_new img {
  width: 100%
}

.top .top_new .topNew_ttl {
  margin-bottom: -13px
}

@media screen and (min-width:760px) {
  .top .top_new .topNew_ttl {
    margin-bottom: 0
  }
}

.top .top_new .topNew_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .top .top_new .topNew_list {
    max-width: 466px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .top .top_new .topNew_list {
    max-width: 100%
  }
}

.top .top_new .topNew_list .topNew_item {
  width: calc(50% - 5px);
  text-align: center;
  margin-top: 45px
}

@media screen and (min-width:760px) {
  .top .top_new .topNew_list .topNew_item {
    width: calc(50% - 50px);
    margin: 64px 25px 0
  }
}

@media screen and (min-width:1280px) {
  .top .top_new .topNew_list .topNew_item {
    width: calc(25% - 40px);
    margin: 64px 20px 0
  }
}

.top .top_new .topNew_list .topNew_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_new .topNew_list .topNew_item a:hover {
  color: #093
}

.top .top_new .topNew_list .topNew_item .topNewItem_img {
  overflow: hidden;
  width: 100px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .top .top_new .topNew_list .topNew_item .topNewItem_img {
    width: 150px
  }
}

@media screen and (min-width:1280px) {
  .top .top_new .topNew_list .topNew_item .topNewItem_img {
    width: 160px
  }
}

.top .top_new .topNew_list .topNew_item .topNewItem_img img {
  width: 100%
}

.top .top_new .topNew_list .topNew_item .topNewItem_txt {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .top .top_new .topNew_link {
    margin-top: 38px
  }
}

.top .top_category {
  position: relative;
  padding: 24px 20px 0
}

@media screen and (min-width:760px) {
  .top .top_category {
    padding: 38px 38px 0
  }
}

@media screen and (min-width:1280px) {
  .top .top_category {
    padding: 64px 0 0
  }
}

.top .top_category img {
  width: 100%
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_ttl {
    max-width: 1153px;
    margin: 0 auto
  }
}

@media screen and (min-width:1921px) and (max-width:2159px) {
  .top .top_category .topCategory_ttl {
    max-width: 1600px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_inner {
    max-width: 1056px;
    margin: 0 auto
  }
}

.top .top_category .topCategory_list {
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.top .top_category .topCategory_list:after, .top .top_category .topCategory_list:before {
  content: "";
  display: block;
  width: 33.333%;
  height: 0
}

.top .top_category .topCategory_list:before {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_list {
    margin: 0 auto;
    padding-top: 46px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .top .top_category .topCategory_list:after, .top .top_category .topCategory_list:before {
    content: none
  }
  .top .top_category .topCategory_list.is-inactive {
    max-width: 100%
  }
}

.top .top_category .topCategory_list .topCategory_item {
  margin: 23px auto 0;
  width: 33.333%;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .top .top_category .topCategory_list .topCategory_item {
    width: calc(16.667% - 7px)
  }
}

@media screen and (min-width:960px) {
  .top .top_category .topCategory_list .topCategory_item.is-inactive {
    pointer-events: none;
    opacity: 0
  }
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_list .topCategory_item {
    width: 14.285%
  }
}

@media screen and (min-width:760px) {
  .top .top_category .topCategory_list .topCategory_item br {
    display: none
  }
}

.top .top_category .topCategory_list .topCategory_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_category .topCategory_list .topCategory_item a:hover {
  color: #093
}

.top .top_category .topCategory_list .topCategory_item a .topCategoryItem_img {
  overflow: hidden;
  width: 80px;
  margin: 0 auto
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_list .topCategory_item a .topCategoryItem_img {
    width: 100px
  }
}

.top .top_category .topCategory_list .topCategory_item a .topCategoryItem_img img {
  width: 100%
}

.top .top_category .topCategory_list .topCategory_item a .topCategoryItem_txt {
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .top .top_category .topCategory_list .topCategory_item a .topCategoryItem_txt {
    margin-top: 6px
  }
}

.top .top_category .topCategory_arrowInner {
  display: none
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_arrowInner {
    position: relative;
    display: block;
    max-width: 1153px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .top .top_category .topCategory_arrow {
    cursor: pointer;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    opacity: 1;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .top .top_category .topCategory_arrow:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: solid #212121;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .top .top_category .topCategory_arrow.swiper-button-disabled {
    pointer-events: none
  }
  .top .top_category .topCategory_arrow.swiper-button-disabled:after {
    border-color: #ccc
  }
  .top .top_category .topCategory_arrow:after {
    width: 20px;
    height: 20px;
    border-width: 2px 2px 0 0;
    border-color: #149933
  }
  .top .top_category .topCategory_arrow.prev {
    top: -100px;
    left: 0
  }
  .top .top_category .topCategory_arrow.prev:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
  }
  .top .top_category .topCategory_arrow.next {
    top: -100px;
    right: 0
  }
}

.top .top_category .topCategory_link {
  margin-top: 40px
}

.top .top_vision {
  padding: 15px 0 48px;
  background: #f2f2f2
}

@media screen and (min-width:760px) {
  .top .top_vision {
    margin-top: 2px;
    padding: 32px 0
  }
}

@media screen and (min-width:1280px) {
  .top .top_vision {
    margin-top: 20px;
    padding: 40px 0
  }
}

.top .top_vision .topVision_inner {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .top .top_vision .topVision_inner {
    max-width: 595px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .top .top_vision .topVision_inner {
    max-width: 910px
  }
}

.top .top_vision .topVision_inner:hover {
  color: #093
}

.top .top_vision .topVision_inner:hover .topVision_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.top .top_vision .topVision_inner:hover .topVision_details .topVision_link p {
  color: #093
}

.top .top_vision .topVision_inner:hover .topVision_details .topVision_link p:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.top .top_vision .topVision_inner:hover .topVision_details .topVision_link p:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.top .top_vision .topVision_inner:hover .topVision_details .topVision_link p:after {
  right: -5px
}

.top .top_vision .topVision_inner .topVision_img {
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .top .top_vision .topVision_inner .topVision_img {
    width: 347px
  }
}

@media screen and (min-width:1280px) {
  .top .top_vision .topVision_inner .topVision_img {
    width: 440px
  }
}

.top .top_vision .topVision_inner .topVision_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.top .top_vision .topVision_inner .topVision_details {
  margin-top: 30px;
  text-align: center
}

@media screen and (min-width:760px) {
  .top .top_vision .topVision_inner .topVision_details {
    margin-top: 0;
    width: calc(100% - 411px);
    text-align: left
  }
}

@media screen and (min-width:1280px) {
  .top .top_vision .topVision_inner .topVision_details {
    width: calc(100% - 520px)
  }
}

.top .top_vision .topVision_inner .topVision_details .topVision_ttl {
  font-size: 20px;
  letter-spacing: .01em;
  line-height: 1
}

@media screen and (min-width:1280px) {
  .top .top_vision .topVision_inner .topVision_details .topVision_ttl {
    font-size: 24px
  }
}

.top .top_vision .topVision_inner .topVision_details .topVision_txt {
  margin-top: 22px;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:1280px) {
  .top .top_vision .topVision_inner .topVision_details .topVision_txt {
    font-size: 16px;
    margin-top: 14px
  }
}

.top .top_vision .topVision_inner .topVision_details .topVision_link {
  margin-top: 22px;
  text-align: center
}

@media screen and (min-width:760px) {
  .top .top_vision .topVision_inner .topVision_details .topVision_link {
    text-align: left
  }
}

@media screen and (min-width:1280px) {
  .top .top_vision .topVision_inner .topVision_details .topVision_link {
    margin-top: 33px
  }
}

.top .top_vision .topVision_inner .topVision_details .topVision_link p {
  display: inline;
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding: 4px 36px 8px 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.top .top_vision .topVision_inner .topVision_details .topVision_link p:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #093;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.top .top_vision .topVision_inner .topVision_details .topVision_link p:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  position: absolute;
  width: 17px;
  height: 13px;
  background-size: cover;
  top: calc(50% - 3px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.maintenance {
  color: #333;
  height: 100vh
}

.maintenance .maintenance_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 50px
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_header {
    height: 70px
  }
}

.maintenance .maintenance_header .maintenanceHeader_icon {
  width: 100px
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_header .maintenanceHeader_icon {
    width: 180px
  }
}

.maintenance .maintenance_header .maintenanceHeader_icon a {
  display: block
}

.maintenance .maintenance_header .maintenanceHeader_icon img {
  width: 100%
}

.maintenance main {
  border-top: 4px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2
}

.maintenance .maintenance_inner {
  padding: 0 32px;
  height: calc(100vh - 110px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_inner {
    max-width: 652px;
    margin: 0 auto;
    padding: 0;
    height: calc(100vh - 130px)
  }
}

.maintenance .maintenance_inner .maintenance_ttl-jp {
  font-size: 24px;
  letter-spacing: .1em;
  line-height: 1.4;
  font-weight: 400
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_inner .maintenance_ttl-jp {
    text-align: center;
    font-size: 29px
  }
  .maintenance .maintenance_inner .maintenance_ttl-jp br.u-sp {
    display: none
  }
}

.maintenance .maintenance_inner .maintenance_txt-jp {
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.8
}

@media screen and (min-width:375px) {
  .maintenance .maintenance_inner .maintenance_txt-jp {
    margin-top: 50px
  }
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_inner .maintenance_txt-jp {
    margin-top: 70px;
    font-size: 16px
  }
}

.maintenance .maintenance_inner .maintenance_ttl-en {
  margin-top: 24px;
  font-size: 21px;
  text-align: left;
  font-weight: lighter
}

@media screen and (min-width:375px) {
  .maintenance .maintenance_inner .maintenance_ttl-en {
    margin-top: 10px
  }
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_inner .maintenance_ttl-en {
    font-size: 24px
  }
}

.maintenance .maintenance_inner .maintenance_txt-en {
  margin-top: 16px;
  font-size: 14px;
  font-weight: lighter;
  line-height: 1.6
}

@media screen and (min-width:375px) {
  .maintenance .maintenance_inner .maintenance_txt-en {
    margin-top: 20px
  }
}

@media screen and (min-width:760px) {
  .maintenance .maintenance_inner .maintenance_txt-en {
    font-size: 16px
  }
}

.maintenance .maintenance_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 50px
}

.maintenance .maintenance_footer .maintenanceFooter_txt {
  letter-spacing: .01em;
  text-align: center;
  font-size: 12px;
  font-weight: lighter
}

.errorPage {
  padding: 44px 15px 62px
}

@media screen and (min-width:760px) {
  .errorPage {
    padding: 56px 34px 62px
  }
}

@media screen and (min-width:960px) {
  .errorPage {
    padding: 64px
  }
}

@media screen and (min-width:1280px) {
  .errorPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 0
  }
}

.errorPage_block {
  position: relative
}

.errorPage_block:first-child {
  position: relative;
  margin-bottom: 32px
}

.errorPage_block:first-child:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .errorPage_block:first-child {
    padding-bottom: 180px;
    margin-bottom: 48px
  }
}

@media screen and (min-width:1280px) {
  .errorPage_block:first-child {
    width: calc(100% - 448px);
    padding-bottom: 210px;
    margin: 0;
    position: relative
  }
  .errorPage_block:first-child:after {
    content: "";
    display: block;
    width: 2px;
    height: calc(100% - 60px);
    background: linear-gradient(180deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-y;
    background-size: 2px 7px;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 100px);
    left: auto;
    right: 0;
    background-image: linear-gradient(180deg, #ccc 2px, transparent 0, transparent 4px);
    background-size: 2px 6px
  }
}

@media screen and (min-width:760px) and (max-width:1279px) {
  .errorPage_block.-btnContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (min-width:1280px) {
  .errorPage_block.-btnContainer {
    width: 448px;
    padding-left: 56px
  }
}

.errorPage_ttl {
  font-family: Lato, sans-serif;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: .05em;
  line-height: 1;
  text-align: center;
  margin-bottom: 23px
}

@media screen and (min-width:760px) {
  .errorPage_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 64px;
    margin-bottom: 48px
  }
}

.errorPage_ttl span {
  display: block;
  font-size: 24px;
  margin-top: 14px
}

@media screen and (min-width:760px) {
  .errorPage_ttl span {
    font-size: 21px;
    margin-left: 23px
  }
}

.errorPage_lead {
  font-size: 16px;
  text-align: center;
  line-height: 1.7;
  margin-bottom: 40px
}

@media screen and (min-width:760px) {
  .errorPage_lead {
    font-size: 15px;
    text-align: left;
    margin-bottom: 24px;
    position: relative;
    z-index: 10
  }
}

.errorPage_lead .en {
  display: block;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 10px
}

.errorPage_txt {
  font-size: 13px;
  text-align: left;
  padding: 0 20px;
  position: relative;
  z-index: 10
}

@media screen and (min-width:760px) {
  .errorPage_txt {
    font-size: 15px;
    text-align: left;
    padding: 0
  }
}

.errorPage_img {
  width: 100%;
  margin: -20px 0 36px
}

@media screen and (min-width:760px) {
  .errorPage_img {
    width: 510px;
    position: absolute;
    right: 0;
    bottom: 36px;
    margin: 0
  }
}

@media screen and (min-width:1280px) {
  .errorPage_img {
    right: 25px;
    bottom: 54px
  }
}

@media screen and (min-width:760px) and (max-width:1279px) {
  .errorPage_linkContainer {
    width: 310px;
    margin-top: 22px
  }
}

@media screen and (min-width:1280px) {
  .errorPage_linkContainer {
    margin-top: 40px
  }
}

.errorPage_link {
  display: block;
  margin-bottom: 24px
}

.errorPage_link>a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: inherit;
  letter-spacing: .05em;
  line-height: 1;
  padding: 8px 0
}

.errorPage_link>a, .errorPage_link>a:after {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.errorPage_link>a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #093
}

.errorPage_link>a img {
  display: inline-block;
  width: 18px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.errorPage_link>a:hover {
  color: #093
}

.errorPage_link>a:hover:after {
  left: auto;
  right: 0;
  width: 0
}

.errorPage_link>a:hover img {
  -webkit-transform: translate(-3px, 2px);
  transform: translate(-3px, 2px)
}

.errorPageSearch {
  margin-top: 40px
}

@media screen and (min-width:760px) and (max-width:1279px) {
  .errorPageSearch {
    width: calc(100% - 310px);
    max-width: 480px;
    margin-top: 0
  }
}

@media screen and (min-width:1280px) {
  .errorPageSearch {
    margin-top: 72px
  }
}

.errorPageSearch_ttl {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  color: #093;
  margin-bottom: 14px
}

.errorPageSearch_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 48px;
  position: relative;
  margin-bottom: 14px
}

.errorPageSearch_input .errorPageSearch_ico {
  display: block;
  position: absolute;
  width: 18px;
  left: 18px;
  top: 16px;
  -webkit-transform-origin: center;
  transform-origin: center;
  pointer-events: none;
  -webkit-transition: .24s cubic-bezier(.165, .84, .44, 1);
  transition: .24s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform
}

.errorPageSearch_input input {
  border-radius: 3px
}

.errorPageSearch_input input[type=search] {
  width: calc(100% - 88px);
  border: 1px solid #ccc;
  font-size: 16px;
  padding-left: 48px;
  -webkit-transition: padding .24s cubic-bezier(.165, .84, .44, 1);
  transition: padding .24s cubic-bezier(.165, .84, .44, 1)
}

.errorPageSearch_input input[type=search]:focus {
  outline: none;
  padding-left: 16px
}

.errorPageSearch_input input[type=search]:focus+.errorPageSearch_ico {
  -webkit-transform: scale(.25);
  transform: scale(.25);
  opacity: 0
}

@media screen and (min-width:760px) {
  .errorPageSearch_input input[type=search] {
    width: calc(100% - 105px)
  }
}

.errorPageSearch_input input[type=submit] {
  width: 80px;
  background: #093;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .2em;
  line-height: 1;
  padding-left: .2em;
  border: 1px solid #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .errorPageSearch_input input[type=submit] {
    width: 100px
  }
}

@media screen and (min-width:960px) {
  .errorPageSearch_input input[type=submit]:hover {
    color: #093;
    background: #fff
  }
}

.errorPageSearch_note {
  padding-left: 1.125em;
  position: relative;
  width: 100%;
  font-size: 12px;
  letter-spacing: .05em;
  line-height: 1.5
}

.errorPageSearch_note:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.brandTop {
  background: #fff
}

.brandTop_main {
  border-bottom: 4px solid #f5f5f5;
  padding: 44px 20px
}

@media screen and (min-width:375px) {
  .brandTop_main {
    padding: 44px 38px
  }
}

@media screen and (min-width:760px) {
  .brandTop_main {
    padding: 56px 0
  }
}

.brandTop_ttl {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  letter-spacing: .04em;
  line-height: 1.5;
  margin-bottom: 44px
}

@media screen and (min-width:760px) {
  .brandTop_ttl {
    font-size: 32px
  }
}

.brandTop_lead {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 2
}

@media screen and (min-width:760px) {
  .brandTop_lead {
    max-width: 700px;
    text-align: center;
    margin: 0 auto
  }
}

.brandTop_brand {
  padding: 32px 0
}

@media screen and (min-width:760px) {
  .brandTop_brand {
    padding: 48px 0
  }
}

.brandTop_brandList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .brandTop_brandList {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    width: calc(100% + 4px);
    margin-left: -2px
  }
}

.brandTop_brandItem {
  width: calc(50% - 7px);
  margin-bottom: 28px
}

@media screen and (min-width:760px) {
  .brandTop_brandItem {
    width: calc(33.333% - 4px);
    margin: 0 2px 40px
  }
}

@media screen and (min-width:960px) {
  .brandTop_brandItem {
    width: calc(25% - 4px)
  }
  .brandTop_brandItem img {
    -webkit-transition: .48s cubic-bezier(.165, .84, .44, 1);
    transition: .48s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: transform, opacity !important;
    transition-property: transform, opacity, -webkit-transform !important
  }
  .brandTop_brandItem .lead, .brandTop_brandItem .txt {
    -webkit-transition: color .32s cubic-bezier(.165, .84, .44, 1);
    transition: color .32s cubic-bezier(.165, .84, .44, 1)
  }
  .brandTop_brandItem:hover img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
  }
  .brandTop_brandItem:hover .lead, .brandTop_brandItem:hover .txt {
    color: #093 !important
  }
}

@media screen and (max-width:759px) {
  .brandTop_brandItem.-special {
    width: 100%
  }
  .brandTop_brandItem.-special>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .brandTop_brandItem.-special .img {
    width: 50%
  }
}

@media screen and (max-width:759px) and (min-width:375px) {
  .brandTop_brandItem.-special .img {
    width: 165px
  }
}

@media screen and (max-width:759px) {
  .brandTop_brandItem.-special .txtContainer {
    width: 50%;
    padding-left: 16px
  }
}

@media screen and (max-width:759px) and (min-width:375px) {
  .brandTop_brandItem.-special .txtContainer {
    width: calc(100% - 165px)
  }
}

.brandTop_brandItem.-special .lead {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 1.7;
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .brandTop_brandItem.-special .lead {
    font-size: 14px;
    padding: 0 20px;
    margin-top: 15px
  }
}

.brandTop_brandItem.-special.hide {
  display: none
}

.brandTop_brandItem .img {
  display: block;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 12px
}

@media screen and (min-width:760px) {
  .brandTop_brandItem .img {
    margin-bottom: 20px
  }
}

.brandTop_brandItem .img img {
  display: block;
  width: 100%
}

.brandTop_brandItem .txt {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: .02em;
  line-height: 1.5
}

@media screen and (min-width:760px) {
  .brandTop_brandItem .txt {
    font-size: 16px;
    padding: 0 20px
  }
}

.brandTop_sectionTtl {
  margin-bottom: 32px
}

@media screen and (min-width:760px) {
  .brandTop_sectionTtl {
    margin-bottom: 48px
  }
}

.brandTopCm {
  background: #f8f8f5;
  padding: 28px 0 70px
}

@media screen and (min-width:960px) {
  .brandTopCm {
    padding: 100px 0
  }
}

@media screen and (min-width:960px) {
  .brandTopCm>div {
    position: relative
  }
}

.brandTopCm_ttl {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.5;
  margin-bottom: 30px
}

@media screen and (min-width:760px) {
  .brandTopCm_ttl {
    font-size: 24px
  }
}

.brandTopCm_img {
  width: 100%;
  margin-bottom: 24px
}

@media screen and (min-width:960px) {
  .brandTopCm_img {
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.brandTopCm_txt {
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 2
}

@media screen and (min-width:960px) {
  .brandTopCm_txt {
    width: 50%;
    max-width: 480px;
    padding-right: 80px;
    margin-bottom: 28px
  }
}

@media screen and (min-width:960px) {
  .brandTopCm_link .c-link {
    margin: 0
  }
}

.brandTopFeature {
  padding-bottom: 28px
}

@media screen and (min-width:960px) {
  .brandTopFeature>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.brandTopFeature_desc {
  margin-bottom: 24px
}

@media screen and (min-width:960px) {
  .brandTopFeature_desc {
    width: 50%
  }
}

@media screen and (min-width:960px) {
  .brandTopFeature_txt {
    width: 100%
  }
}

@media screen and (min-width:760px) {
  .brandTopFeature_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:960px) {
  .brandTopFeature_list {
    width: 50%
  }
}

.brandTopFeature_item {
  margin-bottom: 28px
}

@media screen and (min-width:760px) {
  .brandTopFeature_item {
    width: calc(50% - 2px)
  }
}

@media screen and (min-width:960px) {
  .brandTopFeature_item img {
    -webkit-transition: -webkit-transform .48s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .48s cubic-bezier(.165, .84, .44, 1);
    transition: transform .48s cubic-bezier(.165, .84, .44, 1);
    transition: transform .48s cubic-bezier(.165, .84, .44, 1), -webkit-transform .48s cubic-bezier(.165, .84, .44, 1)
  }
  .brandTopFeature_item h3, .brandTopFeature_item p {
    -webkit-transition: color .32s cubic-bezier(.165, .84, .44, 1);
    transition: color .32s cubic-bezier(.165, .84, .44, 1)
  }
  .brandTopFeature_item:hover img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
  }
  .brandTopFeature_item:hover h3, .brandTopFeature_item:hover p {
    color: #093
  }
}

.brandTopFeature_item .img {
  display: block;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 16px
}

.brandTopFeature_item .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.brandTopFeature_item h3, .brandTopFeature_item p {
  padding: 0 22px;
  color: #333
}

.brandTopFeature_item h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 14px
}

.brandTopFeature_item p {
  font-size: 13px;
  letter-spacing: .02em;
  line-height: 1.7
}

.brandTopBottom {
  padding: 32px 0 48px
}

@media screen and (min-width:960px) {
  .brandTopBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px 0
  }
}

@media screen and (min-width:960px) {
  .brandTopBottom_link {
    width: 300px;
    margin: 0 30px
  }
}

.brandTopBottom_link .c-link {
  margin-top: 16px
}

@media screen and (min-width:960px) {
  .brandTopBottom_link .c-link {
    margin: 0
  }
}

.brand.brandLong {
  margin-bottom: 56px
}

@media screen and (min-width:760px) {
  .brand.brandLong {
    margin-bottom: 60px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong {
    margin-bottom: 96px
  }
}

.brand.brandLong .brandLong_anchor {
  padding-top: 3px;
  margin-bottom: 5px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_anchor {
    padding-top: 20px;
    margin: 0 auto -8px;
    max-width: 458px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_anchor {
    max-width: 960px;
    margin: 0 auto 4px
  }
}

.brand.brandLong .brandLong_anchor .brandLongAnchor_item:not(:first-child) a {
  margin-top: 8px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_anchor .brandLongAnchor_item:not(:first-child) a {
    margin-top: 24px
  }
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_anchor .brandLongAnchor_item {
    width: calc(50% - 12px)
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_anchor .brandLongAnchor_item {
    width: calc(25% - 12px)
  }
}

.brand.brandLong .brandLong_anchor .brandLongAnchor_item a {
  position: relative;
  display: block;
  border: 2px solid #093;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 24px auto 0;
  max-width: 300px;
  color: #093;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

.brand.brandLong .brandLong_anchor .brandLongAnchor_item a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid #212121;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_anchor .brandLongAnchor_item a {
    margin-top: 24px;
    padding: 16px
  }
}

.brand.brandLong .brandLong_anchor .brandLongAnchor_item a:hover:after {
  top: calc(50% + 2px)
}

.brand.brandLong .brandLong_anchor .brandLongAnchor_item a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  border-color: #093;
  border-width: 2px 2px 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_anchor .brandLongAnchor_item a:after {
    right: 7.5px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_anchor .brandLongAnchor_item a:after {
    right: 15px
  }
}

.brand.brandLong .brandLong_item {
  margin-top: 43px;
  padding-top: 30px;
  border-top: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item {
    margin-top: 56px;
    padding-top: 44px
  }
  .brand.brandLong .brandLong_item .inner_container {
    position: relative;
    padding: 0;
    max-width: 700px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item {
    margin-top: 60px;
    padding-top: 62px
  }
  .brand.brandLong .brandLong_item .inner_container {
    max-width: 970px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img {
  text-align: center
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img.-large {
    width: 302px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_img.-large {
    width: 412px
  }
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 302px
  }
  .brand.brandLong .brandLong_item .brandLongItem_img.is-fixed {
    position: fixed;
    top: 80px;
    left: auto;
    bottom: auto
  }
  .brand.brandLong .brandLong_item .brandLongItem_img.is-fixed-top {
    top: 0;
    bottom: auto
  }
  .brand.brandLong .brandLong_item .brandLongItem_img.is-fixed-bottom {
    top: auto;
    bottom: 0
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl {
  font-size: 20px;
  letter-spacing: .04em
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon {
    font-size: 27px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon img {
  width: 42px;
  margin-right: 10px;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px)
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon img {
    width: 52px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon {
    display: block
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .top span {
  display: block
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .top .u-tab {
  display: none
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .top .u-tab {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .top .u-tab {
    display: none
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .right span {
  padding-left: 10px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .right span {
    display: block;
    padding-left: 0
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-withIcon .right span {
    display: inline-block;
    padding-left: 10px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl.-special {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_ttl {
    display: none
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_pic {
  width: 180px;
  margin: 30px auto 0
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_pic.-withIcon {
  margin: 26px auto 0
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_pic.-withIcon {
    margin: 44px auto 0
  }
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_pic.-withIcon img {
    width: 270px
  }
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_pic {
    width: 100%;
    margin: 0
  }
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_pic img {
  width: 100%
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link {
  margin-top: 30px;
  display: inline-block;
  padding-bottom: 10px
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a {
  display: inline;
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding: 4px 36px 8px 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #093;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a:hover {
  color: #093
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a:hover:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a:hover:after {
  right: -4px
}

.brand.brandLong .brandLong_item .brandLongItem_img .brandLongItemImg_link a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  position: absolute;
  width: 17px;
  height: 13px;
  background-size: cover;
  top: calc(50% - 3px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents.-large {
    padding-left: 310px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents.-large {
    padding-left: 450px
  }
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents {
    width: 100%;
    padding-left: 304px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents {
    padding-left: 394px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_ttl {
  display: none
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_ttl.-green {
  display: block;
  font-size: 18px;
  color: #093;
  letter-spacing: .04em;
  margin: 42px 0 -10px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_ttl.-green {
    margin-top: 0
  }
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_ttl {
    display: block;
    font-size: 24px;
    letter-spacing: .04em
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_txt {
  margin-top: 32px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 2
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_txt {
    font-size: 15px;
    margin-top: 28px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice {
  margin-top: 32px;
  padding: 25px 16px;
  background: #f8f8f5;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice {
    margin-top: 36px;
    padding: 22px 30px 34px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice {
    margin-top: 44px;
    padding: 25px 32px 35px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_ttl {
  margin-bottom: 20px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_ttl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_ttl img {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 49px;
  margin-right: 12px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_ttl img {
    width: 51px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.8;
  margin-top: 10px;
  padding-top: 12px;
  position: relative
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_txt:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_txt {
    margin-top: 20px;
    padding-top: 22px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_txt {
    padding-top: 24px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_txt.-green {
  color: #093
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_voice .brandLongItemContentsVoice_txt.-orange {
  color: #ec870e
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img {
    margin-top: 28px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img {
    max-width: 400px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img img {
  width: 100%;
  border-radius: 6px
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img figcaption {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: .04em;
  line-height: 1.8
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img .c-linkOther {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_img .c-linkOther {
    margin: 30px 0 0
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box {
  margin-top: 30px;
  padding: 24px;
  border: 1px solid #093;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box {
    margin-top: 45px;
    padding: 30px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box {
    padding: 32px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_ttl {
  font-size: 15px;
  letter-spacing: .04em;
  color: #093
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_ttl {
    font-size: 16px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_txt {
  margin-top: 12px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_list li {
  margin-top: 20px;
  padding-left: 1.125em;
  position: relative
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_list li:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_list li {
    margin-top: 28px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_list li span {
  display: block;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_list li span.ttl {
  font-weight: 700
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_list li span.txt {
  margin-top: 4px
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_img {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_img {
    margin-top: 30px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_img img {
  width: 100%;
  max-width: 400px
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_box .brandLongItemContentsBox_img figcaption {
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: .04em
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe {
    margin-top: 45px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_ttl {
  font-size: 18px;
  letter-spacing: .04em;
  color: #093
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item {
  width: calc(50% - 7.5px)
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item:hover a {
  color: #093
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item:hover a img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item a {
  display: inline-block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item a span {
  display: inline-block
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item a span.img {
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item a span.img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item a span.txt {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .brandLongItemContentsRecipe_list .brandLongItemContentsRecipe_item a span.txt {
    margin-top: 14px;
    font-size: 16px;
    padding: 0 20px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .c-link {
  margin: 26px auto 30px
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .c-link {
    margin: 26px 0 40px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_recipe .c-link {
    margin: 40px 0 50px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product {
  padding-top: 32px;
  padding-bottom: 21px;
  position: relative
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product {
    padding-top: 40px
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product {
    padding-top: 50px;
    padding-bottom: 83px
  }
}

.brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product .c-link {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product .c-link {
    margin: 0
  }
}

@media screen and (min-width:1280px) {
  .brand.brandLong .brandLong_item .brandLongItem_contents .brandLongItemContents_product .c-link {
    margin: 0
  }
}

.action .action_ttl .actionTtl_small {
  margin-bottom: 10px;
  font-size: 18px;
  display: block;
  text-align: center
}

@media screen and (min-width:760px) {
  .action .action_txt {
    width: 100%
  }
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .inner_container {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .action.actionTop .actionTop_list .inner_container:after, .action.actionTop .actionTop_list .inner_container:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .action.actionTop .actionTop_list .inner_container:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.action.actionRd .actionRd_ttl .small {
  font-size: 16px;
  display: block
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_nameDouble {
  margin: 12px 0 34px;
  font-size: 13px;
  letter-spacing: .04em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_nameDouble {
    font-size: 16px
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_nameDouble .u-sp {
    display: none
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop-caution {
  font-size: 13px;
  margin-top: 28px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item:has(.actionRdinfoDetails):after {
  display: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.fullWidth {
    display: block
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.fullWidth .actionRdInterviewItemInner_details .actionRdInterviewItem_ttl {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.fullWidth .actionRdInterviewItemInner_details, .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.fullWidth .actionRdInterviewItemInner_img {
    width: 100%
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.middle {
    margin-top: 20px
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.middle .actionRdInterviewItemInner_details .actionRdInterviewItem_txt {
    margin-top: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdInterviewItemInner_details.actionRdinfoDetails {
  background: #f8f8f5;
  border-radius: 6px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails {
  margin-top: 64px;
  padding: 32px 16px 45px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails {
    padding: 40px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails ul li {
  margin-top: 26px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails ul li:first-child {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_img {
  max-width: 160px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_img {
    max-width: 172px;
    min-width: 172px;
    max-height: 129px;
    margin-right: 24px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_img img {
  width: 100%;
  height: 100%
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_role {
  margin-top: 13px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.7
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_role {
    margin-top: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_name {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_name {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_name .actionRdinfoDetails_jp {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.7;
  padding-right: 9px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_name .actionRdinfoDetails_jp {
    font-size: 21px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_name .actionRdinfoDetails_en {
  color: #093;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_name .actionRdinfoDetails_en {
    font-size: 14px;
    line-height: 2.2
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_txt {
  margin-top: 12px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.7
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdinfoDetails .actionRdinfoDetails_txt {
    font-size: 15px
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_ttl {
    font-size: 21px;
    line-height: 1.6
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_ttl.actionRdInterviewItem_asterisk {
    font-size: 15px
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_ttl.actionRdInterviewItem_ttlAlign {
    margin-bottom: 20px
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txt {
    font-size: 15px;
    letter-spacing: .04em
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txt.actionRdInterviewItem_txtAlign {
    margin-top: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txt span {
  font-weight: 600
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_subTxt {
  margin-top: 57px;
  font-size: 11px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink a {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink a:hover {
  color: #093
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink a {
    font-size: 15px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink a span {
  display: inline-block;
  text-decoration: underline
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink a .otherWindow {
  padding-left: 8px;
  text-decoration: none
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txtlink a .otherWindow img {
  width: 12px;
  height: 12px
}

.action.actionRd .actionRd_container .actionRdContentsItem_txt {
  margin-top: 18px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.6
}

@media screen and (min-width:1280px) {
  .actionRdContents_inner {
    -webkit-transition: .1s cubic-bezier(.165, .84, .44, 1);
    transition: .1s cubic-bezier(.165, .84, .44, 1);
    width: calc(100% - 386px);
    margin: 0 0 0 auto
  }
}

.actionRdContentsDetail_smallTxt {
  font-size: 16px;
  margin-bottom: -16px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_smallTxt {
    margin-bottom: -30px
  }
}

.actionRdContents_ttl {
  font-size: 18px;
  letter-spacing: .01em;
  padding-bottom: 10px;
  position: relative
}

.actionRdContents_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .actionRdContents_ttl {
    font-size: 21px;
    padding-bottom: 16px
  }
}

.actionRdContents_item {
  margin-top: 60px
}

.actionRdContents_item .actionRdContentsItem_flex .actionRdContentsItemFlex_ttl {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #093
}

.actionRdContents_top {
  padding-top: 20px;
  position: relative
}

.actionRdContents_top:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

.actionRdContents_top .ttl {
  font-size: 18px;
  letter-spacing: .01em;
  text-align: center
}

.actionRdContents_top .ttl.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .actionRdContents_top .ttl {
    margin-top: 24px;
    font-size: 21px;
    text-align: left
  }
  .actionRdContents_top .ttl.u-tab.u-pc {
    display: block
  }
  .actionRdContents_top .ttl.u-sp {
    display: none
  }
}

.actionRdContents_top a {
  position: relative;
  padding-top: 22px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_top a:hover {
  color: #093
}

.actionRdContents_top a:hover .actionRdContentsTop_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.actionRdContents_top a:hover .link {
  background: #093
}

@media screen and (min-width:760px) {
  .actionRdContents_top a:hover .link {
    background: none
  }
}

.actionRdContents_top a:hover .link span.link-txt {
  color: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_top a:hover .link span.link-txt {
    color: #093
  }
}

.actionRdContents_top a:hover .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}

.actionRdContents_top a:hover .link span.link-ico svg line {
  stroke: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_top a:hover .link span.link-ico svg line {
    stroke: #093
  }
}

.actionRdContents_top a:hover .link span.link-ico svg path {
  stroke: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_top a:hover .link span.link-ico svg path {
    stroke: #093
  }
}

.actionRdContents_top a .actionRdContentsTop_img {
  margin-top: 20px;
  border-radius: 6px;
  overflow: hidden
}

.actionRdContents_top a .actionRdContentsTop_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_top a .actionRdContentsTop_details .txt {
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .actionRdContents_top a .actionRdContentsTop_details .txt {
    margin-top: 16px;
    font-size: 14px
  }
}

.actionRdContents_top a .link {
  margin: 30px auto 0;
  width: 300px;
  background: #fff;
  border: 2px solid #093;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_top a .link.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .actionRdContents_top a .link {
    margin: 20px 0 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .actionRdContents_top a .link.u-tab.u-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .actionRdContents_top a .link.u-sp {
    display: none
  }
}

.actionRdContents_top a .link span {
  display: inline-block
}

.actionRdContents_top a .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContents_top a .link span.link-txt {
    color: #333
  }
}

.actionRdContents_top a .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContents_top a .link span.link-ico {
    padding-left: 6px
  }
}

.actionRdContents_top a .link span.link-ico svg line, .actionRdContents_top a .link span.link-ico svg path {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_dev {
  margin-top: 64px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative
}

.actionRdContents_dev:after {
  top: 0
}

.actionRdContents_dev:after, .actionRdContents_dev:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0
}

.actionRdContents_dev:before {
  bottom: 0
}

@media screen and (min-width:760px) {
  .actionRdContents_dev {
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 40px
  }
}

.actionRdContents_dev .ttl {
  font-size: 18px;
  letter-spacing: .01em;
  text-align: center
}

.actionRdContents_dev .ttl.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .actionRdContents_dev .ttl {
    font-size: 21px;
    text-align: left
  }
  .actionRdContents_dev .ttl.u-tab.u-pc {
    display: block
  }
  .actionRdContents_dev .ttl.u-sp {
    display: none
  }
}

.actionRdContents_dev a {
  position: relative;
  padding-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_dev a:hover {
  color: #093
}

.actionRdContents_dev a:hover .actionRdContentsDev_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.actionRdContents_dev a:hover .link {
  background: #093
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a:hover .link {
    background: none
  }
}

.actionRdContents_dev a:hover .link.arrow span.link-ico {
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}

.actionRdContents_dev a:hover .link.arrow span.link-ico svg line {
  fill: none;
  stroke: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a:hover .link.arrow span.link-ico svg line {
    stroke: #093
  }
}

.actionRdContents_dev a:hover .link.arrow span.link-ico svg path {
  fill: none;
  stroke: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a:hover .link.arrow span.link-ico svg path {
    stroke: #093
  }
}

.actionRdContents_dev a:hover .link span.link-txt {
  color: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a:hover .link span.link-txt {
    color: #093
  }
}

.actionRdContents_dev a:hover .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.actionRdContents_dev a:hover .link span.link-ico svg path {
  fill: #fff
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a:hover .link span.link-ico svg path {
    fill: #093
  }
}

.actionRdContents_dev a .actionRdContentsDev_img {
  border-radius: 6px;
  overflow: hidden;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .actionRdContentsDev_img {
    width: 300px
  }
}

.actionRdContents_dev a .actionRdContentsDev_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_dev a .actionRdContentsDev_details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .actionRdContentsDev_details {
    width: calc(100% - 332px)
  }
}

.actionRdContents_dev a .actionRdContentsDev_details .txt {
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .actionRdContentsDev_details .txt {
    margin-top: 28px;
    font-size: 14px
  }
}

.actionRdContents_dev a .link {
  margin: 32px auto 0;
  width: 300px;
  background: #fff;
  border: 2px solid #093;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_dev a .link.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .link {
    margin: 20px 0 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .actionRdContents_dev a .link.u-tab.u-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .actionRdContents_dev a .link.u-sp {
    display: none
  }
}

.actionRdContents_dev a .link.arrow span {
  display: inline-block
}

.actionRdContents_dev a .link.arrow span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .link.arrow span.link-txt {
    color: #333
  }
}

.actionRdContents_dev a .link.arrow span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .link.arrow span.link-ico {
    padding-left: 6px
  }
}

.actionRdContents_dev a .link.arrow span.link-ico svg line, .actionRdContents_dev a .link.arrow span.link-ico svg path {
  stroke: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_dev a .link.arrow span.link-ico svg path {
  fill: none
}

.actionRdContents_dev a .link span {
  display: inline-block
}

.actionRdContents_dev a .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .link span.link-txt {
    color: #333
  }
}

.actionRdContents_dev a .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .actionRdContents_dev a .link span.link-ico {
    padding-left: 6px
  }
}

.actionRdContents_dev a .link span.link-ico svg path {
  fill: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex {
  margin-top: 27px;
  position: relative
}

.actionRdContentsItem_flex:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .actionRdContentsItem_flex.no-space {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

.actionRdContentsItem_flex.no-dots {
  margin-top: 0
}

.actionRdContentsItem_flex.no-dots:after {
  content: none
}

.actionRdContentsItem_flex .link {
  cursor: pointer;
  width: 300px;
  background: #fff;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0 0;
  background: none;
  border: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .link {
    margin: 0
  }
  .actionRdContentsItem_flex .link:hover {
    background: none
  }
  .actionRdContentsItem_flex .link:hover span.link-txt {
    color: #093
  }
  .actionRdContentsItem_flex .link:hover span.link-ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
  }
  .actionRdContentsItem_flex .link:hover span.link-ico svg line, .actionRdContentsItem_flex .link:hover span.link-ico svg path {
    stroke: #093
  }
}

.actionRdContentsItem_flex .link span {
  display: inline-block
}

.actionRdContentsItem_flex .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #333
}

.actionRdContentsItem_flex .link span.link-ico, .actionRdContentsItem_flex .link span.link-txt {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 6px
}

.actionRdContentsItem_flex .link span.link-ico svg line, .actionRdContentsItem_flex .link span.link-ico svg path {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_ttl {
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.8;
  color: #093;
  padding-top: 16px;
  margin-bottom: -4px
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .actionRdContentsItemFlex_ttl {
    width: 150px;
    padding-top: 18px
  }
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .actionRdContentsItemFlex_details {
    width: calc(100% - 170px)
  }
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details.no-flex {
  display: block
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .actionRdContentsItemFlex_details.no-flex {
    width: calc(100% - 170px)
  }
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox {
  margin-top: 27px;
  width: calc(50% - 7.5px)
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a img {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a:hover {
  color: #093
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox .ttl {
  margin-top: 10px;
  font-size: 16px
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox .ttl {
    font-size: 18px
  }
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span {
  display: inline-block
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.img {
  border-radius: 6px;
  overflow: hidden
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.img img {
  width: 100%
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.txt {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.txt {
    margin: 8px 16px 0
  }
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_subTtl {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.8;
  margin-top: 18px
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list.margin {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list.margin {
    margin-top: 18px
  }
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li {
  margin-top: 4px
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a {
  line-height: 1.6
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a:hover .txt {
  color: #093
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span {
  display: inline-block
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span.txt {
  font-size: 14px;
  color: #333;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span.pdf {
  margin: 0 4px;
  padding: 2px 4px;
  font-size: 12px;
  letter-spacing: .01em;
  color: #fff;
  text-transform: uppercase;
  background: #ec0e0e;
  border-radius: 3px
}

.actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span.size {
  font-size: 14px;
  color: #333
}

.actionRdContents_other {
  margin-top: 60px
}

.actionRdContents_other .actionRdContentsOther_list {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .actionRdContents_other .actionRdContentsOther_list {
    padding-top: 0
  }
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item {
  margin-top: 22px;
  width: calc(50% - 7.5px)
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item.no-link a {
  pointer-events: none
}

@media screen and (min-width:760px) {
  .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item {
    margin-top: 30px;
    width: calc(33.333% - 2px)
  }
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a {
  display: block;
  font-size: 16px;
  font-weight: 700
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a:hover .details .txt {
  color: #093
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .img {
  border-radius: 6px;
  overflow: hidden
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details {
  margin: 11px 10px 0;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:760px) {
  .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details {
    font-size: 16px;
    margin: 11px 16px 0
  }
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details span {
  display: inline-block
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details span.num {
  color: #093
}

.actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details span.txt {
  padding-left: 6px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsDetail_item {
  margin-top: 32px;
  padding-top: 32px;
  position: relative
}

.actionRdContentsDetail_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item.no-dots {
    padding-top: 0
  }
}

.actionRdContentsDetail_item.no-dots:after {
  content: none
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item {
    margin-top: 60px;
    padding-top: 64px
  }
  .actionRdContentsDetail_item.small-margin {
    margin-top: 32px;
    padding-top: 32px
  }
}

.actionRdContentsDetail_item .labelFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 45px 0
}

.actionRdContentsDetail_item .labelFlex .labelFlex_left {
  width: 100%;
  max-width: 380px
}

.actionRdContentsDetail_item .labelFlex .labelFlex_left .label_taitle {
  font-weight: 700
}

.actionRdContentsDetail_item .labelFlex .labelFlex_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.actionRdContentsDetail_item .labelFlex .labelFlex_right p {
  margin: 5px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_details {
    width: calc(100% - 332px)
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img {
    margin-top: 0;
    width: 300px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img img {
  width: 100%
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img figcaption {
  font-size: 12px;
  margin-top: 10px
}

.actionRdContentsDetail_item .actionRdContentsDetail_ttl {
  margin-top: 5px;
  font-size: 15px;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetail_ttl {
    font-size: 21px;
    margin-top: -5px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetail_subTtl {
  margin-top: 16px;
  margin-bottom: -10px;
  font-size: 15px;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetail_subTtl {
    margin-top: 24px;
    font-size: 21px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetail_caution {
  font-size: 12px;
  margin-top: 5px
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container {
  margin-top: 14px
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container.no-margin {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailTxt_container.no-margin {
    margin-top: -5px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container.no-margin .actionRdContentsDetail_txt, .actionRdContentsDetail_item .actionRdContentsDetailTxt_container.strong, .actionRdContentsDetail_item .actionRdContentsDetailTxt_container.strong .actionRdContentsDetail_txt {
  margin-top: 0
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container.strong .actionRdContentsDetail_txt:not(:first-child) {
  margin-top: 24px
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.8
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt.reword_point {
  font-weight: 700
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt.no-margin {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 2
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt a {
  display: block;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt a:hover {
  opacity: .7
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt a.inline {
  display: inline
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt .red {
  display: block;
  color: red
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link {
  display: block;
  line-height: 1.6
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link:not(:first-child) {
  margin-top: 10px
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link:hover .txt {
  color: #093
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link span {
  display: inline-block
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link span.txt {
  font-size: 14px;
  color: #333;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link span.pdf {
  margin: 0 4px;
  padding: 2px 4px;
  font-size: 12px;
  letter-spacing: .01em;
  color: #fff;
  text-transform: uppercase;
  background: #ec0e0e;
  border-radius: 3px
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_link span.size {
  font-size: 14px;
  color: #333
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_ttl {
  font-size: 14px;
  font-weight: 700
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_ttl.margin {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetailTxt_ttl.margin {
    margin-top: 30px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_imgList {
  margin: 6px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_imgList {
    margin: 14px 0 0
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_imgList li {
  width: calc(50% - 2px);
  margin-top: 4px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_imgList li {
    margin-top: 0;
    width: calc(25% - 2px)
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_imgList li img {
  width: 100%
}

.actionRdContentsDetail_item .actionRdContentsDetail_img {
  margin-top: 24px
}

.actionRdContentsDetail_item .actionRdContentsDetail_img.fixed-width {
  max-width: 560px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetail_img {
    margin-top: 32px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetail_img img {
  width: 100%
}

.actionRdContentsDetail_item .actionRdContentsDetailImg_box {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailImg_box {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_txt {
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_txt {
    font-size: 15px;
    line-height: 2;
    width: calc(100% - 332px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img {
  margin-top: 18px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img {
    margin-top: 0;
    width: 300px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img img {
  width: 100%
}

.actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img figcaption {
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img figcaption {
    font-size: 12px;
    line-height: 1.7
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box {
  position: relative;
  padding: 24px;
  background: #f8f8f5;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box {
    padding: 30px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box.full .actionRdContentsDetailItemBox_details, .actionRdContentsDetail_item .actionRdContentsDetailItem_box.full .actionRdContentsDetailItemBox_links {
    width: calc(100% - 325px)
  }
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box.full .actionRdContentsDetailItemBox_img {
    width: 300px
  }
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_inner {
    width: calc(100% - 300px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_ttl {
  font-size: 16px;
  letter-spacing: .04em;
  color: #093
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_subTtl {
  margin-top: 16px;
  font-size: 16px;
  letter-spacing: .01em;
  line-height: 1.5
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_subTtl {
    margin-top: 24px;
    font-size: 18px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_txt {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 2
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img {
    margin-top: 0;
    width: 250px
  }
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img img {
  width: 100%
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img figcaption {
  margin-top: 10px;
  letter-spacing: .04em;
  font-size: 12px;
  line-height: 1.7
}

.actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_links .c-link {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_links .c-link {
    margin: 24px 0 0
  }
}

.actionRdContentsItem_inner {
  margin-top: 25px
}

.actionRdContentsItem_inner a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_inner a:hover {
  color: #093
}

.actionRdContentsItem_inner a:hover .actionRdContentsItemInner_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.actionRdContentsItem_inner a:hover .link {
  background: #093
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner a:hover .link {
    background: none
  }
}

.actionRdContentsItem_inner a:hover .link span.link-txt {
  color: #fff
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner a:hover .link span.link-txt {
    color: #093
  }
}

.actionRdContentsItem_inner a:hover .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.actionRdContentsItem_inner a:hover .link span.link-ico svg path {
  fill: #fff
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner a:hover .link span.link-ico svg path {
    fill: #093
  }
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_img {
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner .actionRdContentsItemInner_img {
    width: 300px
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details {
  padding: 12px 20px 0
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner .actionRdContentsItemInner_details {
    padding: 0;
    width: calc(100% - 332px)
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .ttl {
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner .actionRdContentsItemInner_details .ttl {
    font-size: 18px
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .ttl.ttlBold {
  font-weight: 600
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .txt {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .link {
  margin: 28px auto 0;
  max-width: 300px;
  background: #fff;
  border: 2px solid #093;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner .actionRdContentsItemInner_details .link {
    margin: 20px 0 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .link span {
  display: inline-block
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-txt {
    color: #333
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-ico {
    padding-left: 6px
  }
}

.actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-ico svg path {
  fill: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsDetail_related {
  margin-top: 60px
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_ttl {
  font-size: 18px;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_related .actionRdContentsDetailRelated_ttl {
    font-size: 21px
  }
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list {
  margin-top: 12px;
  padding-top: 16px;
  position: relative
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_related .actionRdContentsDetailRelated_list {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item {
    margin-top: 20px;
    width: calc(50% - 20px)
  }
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a:hover {
  color: #093
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span {
  display: inline-block
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span.img {
  width: calc(50% - 12px);
  border-radius: 6px;
  overflow: hidden
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span.img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span.txt {
  width: calc(50% - 12px);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.7
}

.actionRdContents_subTtl {
  padding-top: 30px;
  margin-bottom: 22px;
  font-size: 16px;
  letter-spacing: .01em;
  text-align: center
}

@media screen and (min-width:760px) {
  .actionRdContents_subTtl {
    padding-top: 62px;
    margin-bottom: 30px
  }
}

.actionRdContents_links {
  padding-top: 32px;
  margin: 64px 0;
  position: relative
}

.actionRdContents_links:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

.actionRdContents_links.one {
  margin: 35px 0 64px
}

@media screen and (min-width:760px) {
  .actionRdContents_links.one .actionRdContentsLinks_inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width:1280px) {
  .actionRdContents_links.under-tab {
    display: none
  }
}

.actionRdContents_links.over-tab {
  display: none
}

@media screen and (min-width:1280px) {
  .actionRdContents_links.over-tab {
    display: block
  }
}

@media screen and (min-width:760px) {
  .actionRdContents_links {
    padding-top: 0;
    margin: 24px 0 64px
  }
}

@media screen and (min-width:1280px) {
  .actionRdContents_links {
    margin: 96px 0 64px
  }
}

@media screen and (min-width:760px) {
  .actionRdContents_links .actionRdContentsLinks_inner {
    max-width: 664px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
    margin: 0 auto
  }
  .actionRdContents_links .actionRdContentsLinks_inner .c-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 60px 0 0
  }
  .actionRdContents_links .actionRdContentsLinks_inner .c-link a {
    width: 100%
  }
}

.actionRdArchive .actionRd_anchor, .actionRdStance .actionRd_anchor {
  position: static;
  margin-top: 60px
}

.actionRdArchive .actionRd_contents, .actionRdStance .actionRd_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media screen and (min-width:1280px) {
  .actionRdArchive .actionRd_contents, .actionRdStance .actionRd_contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.contactForm .contact_ttl, .contactFormConfirm .contact_ttl, .contactFormThanks .contact_ttl {
  text-align: center;
  padding: 45px 0;
  font-size: 20px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .contactForm .contact_ttl, .contactFormConfirm .contact_ttl, .contactFormThanks .contact_ttl {
    padding: 44px 0
  }
}

@media screen and (min-width:960px) {
  .contactForm .contact_ttl, .contactFormConfirm .contact_ttl, .contactFormThanks .contact_ttl {
    line-height: 1;
    font-size: 30px;
    letter-spacing: .1em;
    padding: 58px 0 61px
  }
}

.contactForm .contact_read, .contactFormConfirm .contact_read, .contactFormThanks .contact_read {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 2;
  padding-left: 38px;
  padding-right: 38px
}

@media screen and (min-width:760px) {
  .contactForm .contact_read, .contactFormConfirm .contact_read, .contactFormThanks .contact_read {
    text-align: center;
    font-size: 16px;
    padding-left: 34px;
    padding-right: 34px;
    margin: 0 auto 43px
  }
}

@media screen and (min-width:960px) {
  .contactForm .contact_read, .contactFormConfirm .contact_read, .contactFormThanks .contact_read {
    width: 700px;
    padding: 0;
    margin: 0 auto
  }
}

.contactForm .contact_status, .contactFormConfirm .contact_status, .contactFormThanks .contact_status {
  position: relative;
  margin: 33px auto 32px
}

.contactForm .contact_status .contact_statusWrap, .contactFormConfirm .contact_status .contact_statusWrap, .contactFormThanks .contact_status .contact_statusWrap {
  width: 345px;
  background-color: #f2f2f2;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 50px;
  margin: 0 auto
}

.contactForm .contact_status .contact_statusWrap p, .contactFormConfirm .contact_status .contact_statusWrap p, .contactFormThanks .contact_status .contact_statusWrap p {
  color: #555;
  position: relative
}

.contactForm .contact_status .contact_statusWrap p.is_current, .contactFormConfirm .contact_status .contact_statusWrap p.is_current, .contactFormThanks .contact_status .contact_statusWrap p.is_current {
  color: #093
}

.contactForm .contact_status .contact_statusWrap p+p:before, .contactFormConfirm .contact_status .contact_statusWrap p+p:before, .contactFormThanks .contact_status .contact_statusWrap p+p:before {
  display: block;
  position: absolute;
  top: 22px;
  left: -40px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 2px solid #777;
  border-right: 2px solid #777;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:960px) {
  .contactForm .contact_status, .contactFormConfirm .contact_status, .contactFormThanks .contact_status {
    margin: 43px auto 48px
  }
  .contactForm .contact_status .contact_statusWrap, .contactFormConfirm .contact_status .contact_statusWrap, .contactFormThanks .contact_status .contact_statusWrap {
    width: 520px;
    padding: 0 72px
  }
  .contactForm .contact_status .contact_statusWrap p+p:before, .contactFormConfirm .contact_status .contact_statusWrap p+p:before, .contactFormThanks .contact_status .contact_statusWrap p+p:before {
    left: -80px
  }
}

.contactFormConfirm .contact_confirm .contact_confirmWrap {
  overflow: hidden;
  position: relative;
  padding-top: 21px;
  padding-bottom: 29px
}

.contactFormConfirm .contact_confirm .contact_confirmWrap:after, .contactFormConfirm .contact_confirm .contact_confirmWrap:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  left: 0
}

.contactFormConfirm .contact_confirm .contact_confirmWrap:before {
  top: 0
}

.contactFormConfirm .contact_confirm .contact_confirmWrap:after {
  bottom: 0
}

.contactFormConfirm .contact_confirm .contact_confirmWrap dl+dl {
  margin-top: 28px
}

.contactFormConfirm .contact_confirm .contact_confirmWrap dl dt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.575;
  margin-bottom: 12px
}

.contactFormConfirm .contact_confirm .contact_confirmWrap dl dd {
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1.8
}

@media screen and (min-width:960px) {
  .contactFormConfirm .contact_confirm .contact_confirmWrap {
    width: 700px;
    margin: 0 auto;
    padding-top: 41px;
    padding-bottom: 61px
  }
  .contactFormConfirm .contact_confirm .contact_confirmWrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .contactFormConfirm .contact_confirm .contact_confirmWrap dl:last-child {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  .contactFormConfirm .contact_confirm .contact_confirmWrap dl dt {
    width: 140px;
    margin-bottom: 0
  }
  .contactFormConfirm .contact_confirm .contact_confirmWrap dl dd {
    width: 500px
  }
}

.contactFormConfirm .contact_cursion {
  margin: 32px auto 27px
}

.contactFormConfirm .contact_cursion p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.8
}

@media screen and (min-width:960px) {
  .contactFormConfirm .contact_cursion {
    width: 700px;
    margin: 32px auto 59px
  }
}

.contactFormConfirm .contact_confirmButton {
  width: calc(100% - 46px);
  margin: 0 auto 48px
}

.contactFormConfirm .contact_confirmButton .inner_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.contactFormConfirm .contact_confirmButton .inner_container .o-button:first-child {
  margin-top: 24px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.contactFormConfirm .contact_confirmButton .inner_container .o-button:last-child {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media screen and (min-width:960px) {
  .contactFormConfirm .contact_confirmButton {
    width: 700px;
    margin: 0 auto 96px
  }
  .contactFormConfirm .contact_confirmButton .inner_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 26px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .contactFormConfirm .contact_confirmButton .inner_container .o-button {
    margin: 0
  }
  .contactFormConfirm .contact_confirmButton .inner_container .o-button:first-child {
    margin-top: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .contactFormConfirm .contact_confirmButton .inner_container .o-button:last-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.contactForm button.o-button, .contactFormConfirm button.o-button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 16px 22px;
  border: 2px solid #093;
  border-radius: 3px;
  background: #093;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #fff
}

.contactForm button.o-button:hover:after, .contactFormConfirm button.o-button:hover:after {
  right: 30px
}

.contactForm button.o-button.-prev, .contactFormConfirm button.o-button.-prev {
  background: #fff;
  border: 2px solid #d30000;
  color: #d30000
}

.contactForm button.o-button.-prev:after, .contactFormConfirm button.o-button.-prev:after {
  left: 25px;
  background: url(/assets/img/common/inc/ico_arrow-red.svg)
}

.contactForm button.o-button.-prev:hover:after, .contactFormConfirm button.o-button.-prev:hover:after {
  left: 30px
}

.contactForm button.o-button:after, .contactFormConfirm button.o-button:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 12px;
  background-size: cover !important;
  top: calc(50% + 1px);
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  background: url(/assets/img/common/inc/ico_arrow-white.svg)
}

.contactForm button.o-button:disabled, .contactFormConfirm button.o-button:disabled {
  cursor: default;
  border-color: #ddd;
  background-color: #ddd;
  color: #fff
}

.contactForm button.o-button:disabled:hover:after, .contactFormConfirm button.o-button:disabled:hover:after {
  right: 25px
}

.contactForm .o-checkbox_wrap, .contactFormConfirm .o-checkbox_wrap {
  cursor: pointer
}

.contactForm .o-checkbox_wrap .o-checkbox_input, .contactFormConfirm .o-checkbox_wrap .o-checkbox_input {
  display: none
}

.contactForm .o-checkbox_wrap .o-checkbox_input:hover+.o-checkbox_parts:before, .contactFormConfirm .o-checkbox_wrap .o-checkbox_input:hover+.o-checkbox_parts:before {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  background-color: #ccebd6;
  border: 1px solid #ccebd6
}

.contactForm .o-checkbox_wrap .o-checkbox_input:hover+.o-checkbox_parts:after, .contactFormConfirm .o-checkbox_wrap .o-checkbox_input:hover+.o-checkbox_parts:after {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff
}

.contactForm .o-checkbox_wrap .o-checkbox_input:checked+.o-checkbox_parts:before, .contactFormConfirm .o-checkbox_wrap .o-checkbox_input:checked+.o-checkbox_parts:before {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  background-color: #093;
  border: 1px solid #093
}

.contactForm .o-checkbox_wrap .o-checkbox_input:checked+.o-checkbox_parts:after, .contactFormConfirm .o-checkbox_wrap .o-checkbox_input:checked+.o-checkbox_parts:after {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff
}

.contactForm .o-checkbox_wrap .o-checkbox_parts, .contactFormConfirm .o-checkbox_wrap .o-checkbox_parts {
  font-size: 15px;
  position: relative;
  padding-left: 26px;
  line-height: 18px
}

.contactForm .o-checkbox_wrap .o-checkbox_parts:before, .contactFormConfirm .o-checkbox_wrap .o-checkbox_parts:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 2px
}

.contactForm .o-textarea, .contactFormConfirm .o-textarea {
  outline: none;
  color: #555 !important;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px 16px
}

.contactForm .o-pulldown, .contactFormConfirm .o-pulldown {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 40px;
  color: #555;
  font-size: 15px;
  letter-spacing: .05em;
  position: relative
}

.contactForm .o-pulldown select, .contactFormConfirm .o-pulldown select {
  width: 100%;
  outline: none;
  height: 40px;
  padding: 0 16px;
  color: #555;
  font-size: 15px;
  letter-spacing: .05em
}

.contactForm .o-pulldown:before, .contactFormConfirm .o-pulldown:before {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #555;
  pointer-events: none
}

.contactForm.p_test {
  background-color: #ff3
}

.contactForm .contact_form .contact_formWrap {
  overflow: hidden;
  position: relative;
  padding-top: 21px
}

.contactForm .contact_form .contact_formWrap:after, .contactForm .contact_form .contact_formWrap:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  left: 0
}

.contactForm .contact_form .contact_formWrap:before {
  top: 0
}

.contactForm .contact_form .contact_formWrap:after {
  bottom: 0
}

.contactForm .contact_form .contact_formWrap .contact_formBlock+.contact_formBlock {
  margin-top: 42px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockTitle {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .02em;
  margin-bottom: 22px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockTitle span {
  font-size: 14px;
  color: #d30000;
  margin-left: 16px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label+label {
  margin-top: 16px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .title {
  font-size: 15px;
  color: #555;
  letter-spacing: .05em;
  width: 47px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem {
  width: calc(100% - 47px)
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem input {
  outline: none;
  color: #555 !important;
  font-size: 15px;
  width: 100%;
  height: 40px;
  padding: 0 16px;
  border: 1px solid #ccc;
  border-radius: 3px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem .o-textarea {
  width: 100%;
  height: 230px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion {
  width: calc(100% - 47px);
  margin-left: auto
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion span {
  display: block
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion .alert {
  display: none;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #d30000;
  letter-spacing: .02em
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion .note {
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: .05em;
  text-indent: -1em;
  margin-left: 1em
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-radioButton label {
  display: inline-block
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-radioButton label+label {
  margin: 0 0 0 48px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-radioButton .contact_formBlockCursion {
  width: auto;
  display: inline-block;
  padding-left: 20px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-notitle label {
  display: block
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-notitle .contact_formBlockCursion, .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-notitle .formItem {
  width: 100%
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-zipcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-zipcode .ziptext {
  display: block;
  padding: 0 16px;
  font-size: 16px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-zipcode .formItem {
  width: 120px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address .o-pulldown {
  margin-bottom: 16px
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address label {
  display: block
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address label .title {
  width: 100%;
  margin-bottom: 3px
}

@media screen and (min-width:760px) {
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address label .title {
    width: auto;
    margin-bottom: 0
  }
}

.contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address .contact_formBlockCursion, .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address .formItem {
  width: 100%
}

.contactForm .contact_form .contact_formWrap .contact_cursion {
  border-radius: 6px;
  background-color: #f2f2f2;
  padding: 21px 24px;
  margin-top: 45px;
  margin-bottom: 32px
}

.contactForm .contact_form .contact_formWrap .contact_cursion h3 {
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 1.575;
  margin-bottom: 22px
}

.contactForm .contact_form .contact_formWrap .contact_cursion ul li {
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1.82;
  text-indent: -18px;
  margin-left: 18px
}

.contactForm .contact_form .contact_formWrap .contact_cursion ul li:before {
  display: inline-block;
  content: "■";
  text-indent: -18px;
  margin-left: 18px
}

.contactForm .contact_form .contact_formWrap .contact_cursion ul li a {
  color: #093;
  text-decoration: underline;
  background: url(/assets/img/common/ico_otherWindow.svg) no-repeat right 0;
  padding-right: 16px;
  margin-right: 3px
}

.contactForm .contact_form .contact_formWrap .contact_cursion span {
  display: block;
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1.82;
  text-indent: -18px;
  margin-left: 18px;
  margin-top: 21px
}

.contactForm .contact_form .contact_formWrap .contact_cursion span:before {
  display: inline-block;
  content: "※";
  text-indent: -18px;
  margin-left: 18px
}

@media screen and (min-width:960px) {
  .contactForm .contact_form .contact_formWrap {
    width: 700px;
    padding-top: 32px;
    margin: 0 auto
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock.-note {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock+.contact_formBlock {
    margin-top: 29px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockTitle {
    margin-bottom: 22px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 507px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label {
    width: 241px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label+label {
    margin: 0 0 0 25px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .title {
    width: auto;
    margin-right: 14px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem {
    width: 194px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem input {
    width: 100%
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText label .formItem .o-textarea {
    width: 100%;
    height: 200px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion {
    width: 507px;
    margin-left: 46px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion .alert {
    margin-top: 5px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText .contact_formBlockCursion .note {
    margin-top: 4px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-radioButton {
    width: 457px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-radioButton label {
    width: 56px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-pulldown {
    width: 457px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-pulldown .o-pulldown {
    width: 194px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-pulldown .o-pulldown+.contact_formBlockCursion {
    margin-left: 0
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-notitle {
    width: 457px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-notitle label {
    width: 100%
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-notitle .contact_formBlockCursion {
    margin-left: 0
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-zipcode {
    width: 457px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-zipcode label {
    width: auto
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address {
    width: 550px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address .o-pulldown {
    width: 194px;
    margin-bottom: 0
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address label+label {
    margin: 16px 0 0
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address label .formItem {
    width: 457px
  }
  .contactForm .contact_form .contact_formWrap .contact_formBlock .contact_formBlockText.-address .contact_formBlockCursion {
    margin-left: 92px
  }
  .contactForm .contact_form .contact_formWrap .contact_cursion {
    margin-top: 44px;
    margin-bottom: 64px;
    padding: 29px 32px
  }
  .contactForm .contact_form .contact_formWrap .contact_cursion h3 {
    margin-bottom: 30px
  }
}

.contactForm .contact_privacy {
  margin: 32px 0 37px
}

.contactForm .contact_privacy p {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.821
}

.contactForm .contact_privacy p a {
  color: #093;
  text-decoration: underline;
  background: url(/assets/img/common/ico_otherWindow.svg) no-repeat right 0;
  padding-right: 16px;
  margin-right: 3px
}

.contactForm .contact_privacy span {
  font-size: 12px;
  letter-spacing: .02em;
  line-height: 1.8
}

@media screen and (min-width:960px) {
  .contactForm .contact_privacy {
    width: 700px;
    margin: 64px auto 45px
  }
  .contactForm .contact_privacy p {
    font-size: 16px;
    line-height: 1.8
  }
  .contactForm .contact_privacy span {
    display: block;
    margin-top: 19px
  }
}

.contactForm .contact_agree {
  text-align: center;
  margin-bottom: 48px
}

.contactForm .contact_agree .o-checkbox_wrap {
  display: block;
  margin-bottom: 39px
}

@media screen and (min-width:960px) {
  .contactForm .contact_agree {
    margin-bottom: 96px
  }
  .contactForm .contact_agree .o-checkbox_wrap {
    margin-bottom: 31px
  }
}

.contactFormThanks .contact_confirmThanks {
  text-align: center;
  position: relative;
  padding-top: 37px;
  padding-bottom: 9px
}

.contactFormThanks .contact_confirmThanks:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  left: 0;
  top: 0
}

.contactFormThanks .contact_confirmThanks p {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 2;
  margin-bottom: 28px
}

.contactFormThanks .contact_confirmThanks span {
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 1.8
}

@media screen and (min-width:960px) {
  .contactFormThanks .contact_confirmThanks {
    padding-top: 64px;
    padding-bottom: 1px
  }
}

.contactFormThanks .contact_linkArea {
  margin-bottom: 48px
}

@media screen and (min-width:960px) {
  .contactFormThanks .contact_linkArea {
    margin-bottom: 96px
  }
}

.action.health {
  margin-top: 0
}

.action .action_ttl .actionTtl_num {
  display: inline-block;
  padding-right: 8px;
  color: #093
}

.action.actionTop .actionTop_list {
  margin-top: 27px;
  padding: 6px 0 24px;
  background: #f8f8f5
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list {
    margin-top: 43px;
    padding: 0 0 45px
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_list {
    margin-top: 63px;
    padding: 0 0 62px
  }
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .inner_container {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .action.actionTop .actionTop_list .inner_container:after, .action.actionTop .actionTop_list .inner_container:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .action.actionTop .actionTop_list .inner_container:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_list .inner_container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .action.actionTop .actionTop_list .inner_container:after, .action.actionTop .actionTop_list .inner_container:before {
    content: none
  }
}

.action.actionTop .actionTop_list .actionTop_item {
  position: relative
}

.action.actionTop .actionTop_list .actionTop_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item {
    width: calc(33.333% - 2px)
  }
  .action.actionTop .actionTop_list .actionTop_item:after {
    content: none
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_list .actionTop_item {
    width: calc(25% - 3px);
    margin: 0 1.5px
  }
}

.action.actionTop .actionTop_list .actionTop_item:last-child a {
  padding-bottom: 0
}

.action.actionTop .actionTop_list .actionTop_item:last-child:after {
  content: none
}

.action.actionTop .actionTop_list .actionTop_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 56px 0 16px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item a {
    display: block;
    padding: 38px 0 0
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_list .actionTop_item a {
    padding: 62px 0 0
  }
}

.action.actionTop .actionTop_list .actionTop_item a.no-link {
  pointer-events: none
}

.action.actionTop .actionTop_list .actionTop_item a:hover {
  color: #093
}

.action.actionTop .actionTop_list .actionTop_item a:hover .actionTopItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionTop .actionTop_list .actionTop_item a:hover .actionTopItem_details .actionTopItem_link {
  color: #093
}

.action.actionTop .actionTop_list .actionTop_item a:hover .actionTopItem_details .actionTopItem_link:after {
  right: -40px
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_img {
  width: calc(50% - 8px);
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_img {
    width: 100%
  }
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details {
    width: 100%;
    padding: 0 16px
  }
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl {
  position: absolute;
  left: 0;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl {
    position: static;
    margin: 16px 0 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl {
    margin: 20px 0 8px
  }
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl span {
  display: inline-block;
  font-weight: 700;
  letter-spacing: .01em
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl span.num {
  font-size: 24px;
  color: #093
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl span.txt {
  padding-left: 8px;
  font-size: 18px
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_ttl span.txt {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_txt {
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_txt {
    font-size: 14px
  }
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_link {
  margin-top: 10px;
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_link {
    margin-top: 12px
  }
}

.action.actionTop .actionTop_list .actionTop_item a .actionTopItem_details .actionTopItem_link:after {
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionTop .actionTop_health {
  margin: 15px 0
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_health {
    margin: 32px 0
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_health {
    margin: 64px 0
  }
}

.action.actionTop .actionTop_health .actionTopHealth_inner {
  display: block;
  position: relative;
  padding: 20px 26px;
  border-radius: 6px;
  overflow: hidden
}

.action.actionTop .actionTop_health .actionTopHealth_inner:hover .actionTopHealth_bg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.action.actionTop .actionTop_health .actionTopHealth_inner:hover .actionTopHealth_details .actionTopHealth_link:after {
  right: -40px
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner {
    padding: 32px 20px
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner {
    padding: 80px 62px 60px
  }
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/img/story/oishisa/img_oishisa-03.jpg) 50%;
  background-size: cover;
  z-index: 1;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details {
  position: relative;
  z-index: 2;
  color: #fff
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .storyOishisaHealth_ttl {
  font-size: 16px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .storyOishisaHealth_ttl {
    font-size: 14px
  }
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .storyOishisaHealth_ttl .u-sp {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .storyOishisaHealth_ttl {
    font-size: 18px
  }
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_subTtl {
  margin-top: 10px;
  font-size: 21px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_subTtl {
    font-size: 19px
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_subTtl {
    font-size: 24px
  }
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_txt {
  margin-top: 12px;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_txt {
    margin-top: 22px;
    width: 336px
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_txt {
    margin-top: 30px;
    width: 413px
  }
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_link {
  margin-top: 10px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_link {
    margin-top: 14px
  }
}

@media screen and (min-width:1280px) {
  .action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_link {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_link:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-white.svg);
  background-size: cover;
  width: 15px;
  height: 11px;
  position: absolute;
  right: -35px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionTop .actionTop_health .actionTopHealth_inner .actionTopHealth_details .actionTopHealth_link:after, _:-ms-lang(x) {
  width: 17px;
  height: 12px
}

.action .actionRdAnchor_name.is-active {
  color: #093 !important
}

.action.actionRd .actionRd_ttl {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.5;
  text-align: center;
  width: 300px;
  margin: 60px auto 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_ttl {
    font-size: 27px;
    width: 100%;
    margin: 56px auto 0
  }
}

@media screen and (min-width:1280px) {
  .action.actionRd .actionRd_ttl {
    font-size: 32px
  }
}

.action.actionRd .actionRd_txt {
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 1.8;
  width: 300px;
  margin: 64px auto 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_txt {
    font-size: 16px;
    width: 100%;
    margin: 56px auto 0;
    text-align: center
  }
}

.action.actionRd .actionRd_container {
  position: relative
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top {
  padding-bottom: 30px;
  position: relative
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top {
    padding-bottom: 36px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_img {
  width: 100vw;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  overflow: hidden
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_img {
    margin-top: 32px;
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    border-radius: 6px
  }
}

@media screen and (min-width:1280px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_img {
    margin-top: 64px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_img img {
  width: 100%
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_subTtl {
  margin-top: 18px;
  font-size: 18px;
  letter-spacing: .04em;
  color: #093;
  padding: 0 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_subTtl {
    margin-top: 30px;
    padding: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_ttl {
  margin-top: 10px;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1.6;
  padding: 0 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_ttl {
    font-size: 27px;
    padding: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_role {
  margin-top: 14px;
  font-size: 12px;
  letter-spacing: .04em;
  padding: 0 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_role {
    margin-top: 16px;
    font-size: 14px;
    padding: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name {
  margin-top: 10px;
  padding: 0 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name {
    padding: 0
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name span {
  display: inline-block
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name span.jp {
  font-size: 19px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name span.jp {
    font-size: 21px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name span.en {
  padding-left: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #093;
  text-transform: uppercase
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_top .actionRdInterviewTop_name span.en {
    font-size: 16px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item {
  margin-top: 30px;
  padding-bottom: 30px;
  position: relative
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item {
    margin-top: 64px;
    padding-bottom: 64px
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdInterviewItemInner_details {
    width: calc(100% - 337px)
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdInterviewItemInner_img {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdInterviewItemInner_img {
    margin-top: 0;
    width: 300px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_inner .actionRdInterviewItemInner_img img {
  width: 100%
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_ttl {
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_ttl {
    font-size: 21px;
    line-height: 1.6
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txt {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_txt {
    font-size: 15px;
    letter-spacing: .04em
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_item .actionRdInterviewItem_caution {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: .01em
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex {
  margin-top: 30px;
  padding-bottom: 30px;
  position: relative
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex {
    margin-top: 64px;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_details {
    width: calc(100% - 337px)
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_details .actionRdInterviewFlexDetails_ttl {
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_details .actionRdInterviewFlexDetails_ttl {
    font-size: 21px;
    line-height: 1.6
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_details .actionRdInterviewFlexDetails_txt {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_details .actionRdInterviewFlexDetails_txt {
    font-size: 15px;
    letter-spacing: .04em
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_images {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_images {
    margin-top: 0;
    width: 300px
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_images .actionRdInterviewFlexImages_img {
  margin-top: 4px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_flex .actionRdInterviewFlex_images .actionRdInterviewFlexImages_img img {
  width: 100%
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other {
  margin-top: 60px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_ttl {
  font-size: 18px;
  letter-spacing: .01em;
  padding-bottom: 12px;
  position: relative
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list {
  padding-top: 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item {
    margin-top: 15px;
    width: calc(50% - 14px)
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a:hover {
  color: #093
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a:hover .actionRdInterviewOtherItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_img {
  border-radius: 6px;
  overflow: hidden;
  width: calc(50% - 12px)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_img {
    width: calc(50% - 8px)
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details {
  width: calc(50% - 12px)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details {
    width: calc(50% - 8px)
  }
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details .ttl {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details .ttl span {
  display: inline-block
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details .ttl span.num {
  color: #093;
  line-height: 20px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details .ttl span.txt {
  padding-left: 5px
}

.action.actionRd .actionRd_container.actionRdInterview_container .actionRdInterview_other .actionRdInterviewOther_list .actionRdInterviewOther_item a .actionRdInterviewOtherItem_details p.txt {
  margin-top: 8px;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.6
}

.action.actionRd .actionRd_container.actionRdDetail_container {
  margin-top: 36px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container.actionRdDetail_container {
    margin-top: 44px
  }
}

@media screen and (min-width:1280px) {
  .action.actionRd .actionRd_container.actionRdDetail_container {
    margin-top: 62px
  }
}

@media screen and (min-width:1280px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_inner {
    width: calc(100% - 386px);
    margin: 0 0 0 auto
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_ttl {
  font-size: 18px;
  letter-spacing: .01em;
  padding-bottom: 10px;
  position: relative
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_ttl {
    font-size: 21px;
    padding-bottom: 16px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_item {
  margin-top: 60px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_item .actionRdContentsItem_flex .actionRdContentsItemFlex_ttl {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top {
  padding-top: 20px;
  position: relative
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top .ttl {
  font-size: 18px;
  letter-spacing: .01em;
  text-align: center
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top .ttl.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top .ttl {
    margin-top: 24px;
    font-size: 21px;
    text-align: left
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top .ttl.u-tab.u-pc {
    display: block
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top .ttl.u-sp {
    display: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a {
  position: relative;
  padding-top: 22px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .actionRdContentsTop_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link {
  background: #093
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link {
    background: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-txt {
  color: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-txt {
    color: #093
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-ico svg line {
  stroke: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-ico svg line {
    stroke: #093
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-ico svg path {
  stroke: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a:hover .link span.link-ico svg path {
    stroke: #093
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .actionRdContentsTop_img {
  margin-top: 20px;
  border-radius: 6px;
  overflow: hidden
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .actionRdContentsTop_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .actionRdContentsTop_details .txt {
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .actionRdContentsTop_details .txt {
    margin-top: 16px;
    font-size: 14px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link {
  margin: 30px auto 0;
  width: 300px;
  background: #fff;
  border: 2px solid #093;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link {
    margin: 20px 0 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link.u-tab.u-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link.u-sp {
    display: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span.link-txt {
    color: #333
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span.link-ico {
    padding-left: 6px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span.link-ico svg line, .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_top a .link span.link-ico svg path {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev {
  margin-top: 64px;
  padding-top: 20px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev {
    margin-top: 40px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev .ttl {
  font-size: 18px;
  letter-spacing: .01em;
  text-align: center
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev .ttl.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev .ttl {
    font-size: 21px;
    text-align: left
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev .ttl.u-tab.u-pc {
    display: block
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev .ttl.u-sp {
    display: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a {
  position: relative;
  padding-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .actionRdContentsDev_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link {
  background: #093
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link {
    background: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link span.link-txt {
  color: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link span.link-txt {
    color: #093
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link span.link-ico svg path {
  fill: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a:hover .link span.link-ico svg path {
    fill: #093
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_img {
  border-radius: 6px;
  overflow: hidden;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_img {
    width: 300px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_details {
    width: calc(100% - 332px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_details .txt {
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .actionRdContentsDev_details .txt {
    margin-top: 28px;
    font-size: 14px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link {
  margin: 32px auto 0;
  width: 300px;
  background: #fff;
  border: 2px solid #093;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link.u-tab.u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link {
    margin: 20px 0 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link.u-tab.u-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link.u-sp {
    display: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link span.link-txt {
    color: #333
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link span.link-ico {
    padding-left: 6px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_dev a .link span.link-ico svg path {
  fill: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_notfirst {
  margin-top: 0 !important
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_notfirst:after {
  display: none !important
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex {
  margin-top: 27px;
  position: relative
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex.no-dots {
  margin-top: 0
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex.no-dots:after {
  content: none
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_ttl {
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.8;
  color: #093;
  padding-top: 16px;
  margin-bottom: -4px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_ttl {
    width: 150px;
    padding-top: 18px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details {
    width: calc(100% - 150px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details.no-flex {
  display: block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox {
  margin-top: 27px;
  width: calc(50% - 7.5px)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a img {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a:hover {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.img {
  border-radius: 6px;
  overflow: hidden
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.img img {
  width: 100%
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.txt {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_imgBox span.txt {
    margin: 8px 16px 0
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_subTtl {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.8;
  margin-top: 18px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li {
  margin-top: 4px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a {
  line-height: 1.6
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a:hover .txt {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span.txt {
  font-size: 14px;
  color: #333;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span.pdf {
  margin: 0 4px;
  padding: 2px 4px;
  font-size: 12px;
  letter-spacing: .01em;
  color: #fff;
  text-transform: uppercase;
  background: #ec0e0e;
  border-radius: 3px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_flex .actionRdContentsItemFlex_details .actionRdContentsItemFlex_list li a span.size {
  font-size: 14px;
  color: #333
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other {
  margin-top: 60px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list {
    padding-top: 0
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item {
  margin-top: 22px;
  width: calc(50% - 7.5px)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item.no-link a {
  pointer-events: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item {
    margin-top: 30px;
    width: calc(33.333% - 2px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a {
  display: block;
  font-size: 16px;
  font-weight: 700
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a:hover .details .txt {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .img {
  border-radius: 6px;
  overflow: hidden
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details {
  margin: 11px 10px 0;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details {
    font-size: 16px;
    margin: 11px 16px 0
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details span.num {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_other .actionRdContentsOther_list .actionRdContentsOther_item a .details span.txt {
  padding-left: 6px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item {
  margin-top: 32px;
  padding-top: 32px;
  position: relative
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item.no-dots {
    padding-top: 0
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item.no-dots:after {
  content: none
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item {
    margin-top: 60px;
    padding-top: 64px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .labelFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 45px 0
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .labelFlex .labelFlex_left {
  width: 100%;
  max-width: 380px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .labelFlex .labelFlex_left .label_taitle {
  font-weight: 700
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .labelFlex .labelFlex_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .labelFlex .labelFlex_right p {
  margin: 5px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_details {
    width: calc(100% - 332px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img {
    margin-top: 0;
    width: 300px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_flex .actionRdContentsDetailItemFlex_img img {
  width: 100%
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetail_ttl {
  font-size: 15px;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetail_ttl {
    font-size: 21px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailTxt_container {
  margin-top: 14px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 2
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailTxt_container .actionRdContentsDetail_txt.darker_box {
  background: #f1f1f1;
  padding: 20px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetail_img {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetail_img {
    margin-top: 32px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetail_img img {
  width: 100%
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_txt {
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_txt {
    font-size: 15px;
    line-height: 2;
    width: calc(100% - 332px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img {
  margin-top: 18px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img {
    margin-top: 0;
    width: 300px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img img {
  width: 100%
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img figcaption {
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailImg_box .actionRdContentsDetailImgBox_img figcaption {
    font-size: 12px;
    line-height: 1.7
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box {
  position: relative;
  padding: 24px;
  background: #f8f8f5;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box {
    padding: 30px 32px
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box.full .actionRdContentsDetailItemBox_details, .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box.full .actionRdContentsDetailItemBox_links {
    width: calc(100% - 325px)
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box.full .actionRdContentsDetailItemBox_img {
    width: 300px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_ttl {
  font-size: 16px;
  letter-spacing: .04em;
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_subTtl {
  margin-top: 16px;
  font-size: 16px;
  letter-spacing: .01em;
  line-height: 1.5
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_subTtl {
    margin-top: 24px;
    font-size: 18px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_txt {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_details .actionRdContentsDetailItemBox_txt {
    margin-top: 24px;
    font-size: 15px;
    line-height: 2
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img {
    margin-top: 0
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_img img {
  width: 100%
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_links .c-link {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_item .actionRdContentsDetailItem_box .actionRdContentsDetailItemBox_links .c-link {
    margin: 24px 0 0
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner {
  margin-top: 25px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .actionRdContentsItemInner_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link {
  background: #093
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link {
    background: none
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link span.link-txt {
  color: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link span.link-txt {
    color: #093
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link span.link-ico svg path {
  fill: #fff
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a:hover .link span.link-ico svg path {
    fill: #093
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_img {
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_img {
    width: 300px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details {
  padding: 12px 20px 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details {
    padding: 0;
    width: calc(100% - 332px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .ttl {
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .ttl {
    font-size: 18px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .txt {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link {
  margin: 28px auto 0;
  max-width: 300px;
  background: #fff;
  border: 2px solid #093;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link {
    margin: 20px 0 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-txt {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-txt {
    color: #333
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-ico {
    padding-left: 6px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsItem_inner .actionRdContentsItemInner_details .link span.link-ico svg path {
  fill: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related {
  margin-top: 60px
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_ttl {
  font-size: 18px;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_ttl {
    font-size: 21px
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list {
  margin-top: 12px;
  padding-top: 16px;
  position: relative
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item {
    margin-top: 20px;
    width: calc(50% - 20px)
  }
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a:hover {
  color: #093
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span {
  display: inline-block
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span.img {
  width: calc(50% - 12px);
  border-radius: 6px;
  overflow: hidden
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span.img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContentsDetail_related .actionRdContentsDetailRelated_list .actionRdContentsDetailRelated_item a span.txt {
  width: calc(50% - 12px);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.7
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links {
  padding-top: 32px;
  margin: 64px 0;
  position: relative
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

.action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links.one {
  margin: 35px 0 64px
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links.one .actionRdContentsLinks_inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links {
    padding-top: 0;
    margin: 24px 0 64px
  }
}

@media screen and (min-width:1280px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links {
    margin: 96px 0 64px
  }
}

@media screen and (min-width:760px) {
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links .actionRdContentsLinks_inner {
    max-width: 664px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;
    margin: 0 auto
  }
  .action.actionRd .actionRd_container .actionRd_contents .actionRdContents_links .actionRdContentsLinks_inner .c-link {
    margin: 60px 0 0
  }
}

.sample_pagination {
  max-width: 1153px;
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.sample_pagination .c-pagination_item, .sample_pagination .c-pagination_next, .sample_pagination .c-pagination_prev {
  display: inline-block;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.sample_pagination .c-pagination_item:hover, .sample_pagination .c-pagination_next:hover, .sample_pagination .c-pagination_prev:hover {
  color: #093
}

.sample_pagination .c-pagination_nextone, .sample_pagination .c-pagination_prevone {
  position: relative;
  color: #093;
  font-weight: 700;
  font-size: 15px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_nextone, .sample_pagination .c-pagination_prevone {
    display: none
  }
}

.sample_pagination .c-pagination_nextone.is-inactive, .sample_pagination .c-pagination_prevone.is-inactive {
  pointer-events: none
}

.sample_pagination .c-pagination_nextone.is-inactive:after, .sample_pagination .c-pagination_prevone.is-inactive:after {
  border-color: #ccc
}

.sample_pagination .c-pagination_nextone:after, .sample_pagination .c-pagination_prevone:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border: solid #093;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateX(-50%) rotate(-135deg);
  transform: translateX(-50%) rotate(-135deg);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_nextone:after, .sample_pagination .c-pagination_prevone:after {
    content: "";
    display: block;
    position: absolute;
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    background-size: cover;
    width: 15px;
    height: 11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none
  }
  .sample_pagination .c-pagination_nextone:after, .sample_pagination .c-pagination_prevone:after, _:-ms-lang(x) {
    width: 17px;
    height: 13px
  }
}

.sample_pagination .c-pagination_prevone {
  margin-right: 50px
}

.sample_pagination .c-pagination_prevone:after {
  top: calc(50% - 6px)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_prevone:after {
    top: calc(50% - 11px);
    left: -30px;
    -webkit-transform: rotate(-180deg) translate(-50%, -50%);
    transform: rotate(-180deg) translate(-50%, -50%)
  }
}

.sample_pagination .c-pagination_prevone:before {
  left: -10px
}

.sample_pagination .c-pagination_nextone {
  margin-left: 50px
}

.sample_pagination .c-pagination_nextone:after {
  top: calc(50% - 6px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_nextone:after {
    top: calc(50% - 3px);
    right: -30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.sample_pagination .c-pagination_nextone:before {
  left: -10px
}

.sample_pagination .c-pagination_next, .sample_pagination .c-pagination_prev {
  position: relative;
  color: #093;
  font-weight: 700;
  font-size: 15px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px)
}

.sample_pagination .c-pagination_next.is-inactive, .sample_pagination .c-pagination_prev.is-inactive {
  pointer-events: none
}

.sample_pagination .c-pagination_next.is-inactive:after, .sample_pagination .c-pagination_next.is-inactive:before, .sample_pagination .c-pagination_prev.is-inactive:after, .sample_pagination .c-pagination_prev.is-inactive:before {
  border-color: #ccc
}

.sample_pagination .c-pagination_next:before, .sample_pagination .c-pagination_prev:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border: solid #093;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateX(-50%) rotate(-135deg);
  transform: translateX(-50%) rotate(-135deg);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_next:before, .sample_pagination .c-pagination_prev:before {
    content: none
  }
}

.sample_pagination .c-pagination_next:after, .sample_pagination .c-pagination_prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border: solid #093;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateX(-50%) rotate(-135deg);
  transform: translateX(-50%) rotate(-135deg);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_next:after, .sample_pagination .c-pagination_prev:after {
    content: "";
    display: block;
    position: absolute;
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    background-size: cover;
    width: 15px;
    height: 11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none
  }
  .sample_pagination .c-pagination_next:after, .sample_pagination .c-pagination_prev:after, _:-ms-lang(x) {
    width: 17px;
    height: 13px
  }
}

.sample_pagination .c-pagination_prev {
  margin-right: 50px
}

.sample_pagination .c-pagination_prev:after, .sample_pagination .c-pagination_prev:before {
  top: calc(50% - 6px)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_prev:after, .sample_pagination .c-pagination_prev:before {
    top: calc(50% - 11px);
    left: -30px;
    -webkit-transform: rotate(-180deg) translate(-50%, -50%);
    transform: rotate(-180deg) translate(-50%, -50%)
  }
}

.sample_pagination .c-pagination_prev:before {
  left: -10px
}

.sample_pagination .c-pagination_next {
  margin-left: 50px
}

.sample_pagination .c-pagination_next:after, .sample_pagination .c-pagination_next:before {
  top: calc(50% - 6px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_next:after, .sample_pagination .c-pagination_next:before {
    top: calc(50% - 3px);
    right: -30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.sample_pagination .c-pagination_next:before {
  left: -10px
}

.sample_pagination .c-pagination_current, .sample_pagination .c-pagination_item {
  font-size: 21px;
  padding: 0 10px
}

.sample_pagination .c-pagination_item {
  color: #333
}

.sample_pagination .c-pagination_item.is-now {
  pointer-events: none;
  color: #093;
  position: relative;
  padding-right: 20px
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_item.is-now {
    padding-right: 0
  }
}

.sample_pagination .c-pagination_item.is-now:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 24px;
  background: #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_item.is-now:after {
    content: none
  }
}

.sample_pagination .c-pagination_current {
  position: relative;
  color: #093;
  padding-right: 20px
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_current {
    padding-right: 10px
  }
}

.sample_pagination .c-pagination_current.is-now {
  color: #333;
  padding-right: 0
}

.sample_pagination .c-pagination_current.is-now:after {
  content: none
}

.sample_pagination .c-pagination_current:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 24px;
  background: #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .sample_pagination .c-pagination_current:after {
    content: none
  }
}

.sample_pagination .c-pagination_dots, .sample_pagination .c-pagination_dots2 {
  display: inline-block;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  padding: 0 10px;
  letter-spacing: -10px
}

.search .search_form {
  padding: 38px 15px 16px;
  margin-bottom: 34px;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .search .search_form {
    padding: 64px 0 22px;
    margin-bottom: 59px
  }
}

.search .search_form .search_form_text {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_text {
    width: 614px;
    margin: 0 auto 39px
  }
}

.search .search_form .search_form_text .search_text {
  width: calc(100% - 68px)
}

@media screen and (min-width:1280px) {
  .search .search_form .search_form_text .search_text {
    width: calc(100% - 105px)
  }
}

.search .search_form .search_form_text .search_text input {
  outline: none;
  width: 100%;
  border: 1px solid #ccc;
  font-size: 15px;
  color: #555;
  height: 44px;
  padding: 0 15px;
  border-radius: 3px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_text .search_text input {
    height: 40px
  }
}

.search .search_form .search_form_text .search_btn {
  background: #093;
  border-radius: 3px;
  width: 60px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_text .search_btn {
    height: 40px
  }
}

@media screen and (min-width:1280px) {
  .search .search_form .search_form_text .search_btn {
    width: 100px
  }
}

.search .search_form .search_form_text .search_btn:hover {
  background: #fff
}

.search .search_form .search_form_text .search_btn:hover a {
  color: #093
}

.search .search_form .search_form_text .search_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_checkbox {
    width: 614px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.search .search_form .search_form_checkbox h3 {
  line-height: 1;
  margin-bottom: 18px;
  font-size: 14px
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_checkbox h3 {
    font-size: 16px;
    width: 106px
  }
}

.search .search_form .search_form_checkbox .checkbox_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.search .search_form .search_form_checkbox .checkbox_wrap label {
  cursor: pointer;
  width: 40%;
  margin-bottom: 16px;
  font-size: 15px;
  margin-left: 26px
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_checkbox .checkbox_wrap label {
    width: 135px
  }
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input {
  display: none
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input:checked+.checkbox_parts:before, .search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input:hover+.checkbox_parts:before {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input:checked+.checkbox_parts:after, .search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input:hover+.checkbox_parts:after {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 9px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input:hover+.checkbox_parts:before {
  background-color: #ccebd6;
  border: 1px solid #ccebd6
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_input:checked+.checkbox_parts:before {
  background-color: #093
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_parts {
  padding-left: 26px;
  position: relative;
  line-height: 18px;
  margin-left: -26px;
  text-indent: 26px
}

.search .search_form .search_form_checkbox .checkbox_wrap .checkbox_parts:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 2px
}

@media screen and (min-width:760px) {
  .search .search_form .search_form_checkbox .checkbox_wrap {
    width: calc(100% - 106px)
  }
}

.search .search_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin: 0 15px;
  padding-bottom: 29px;
  position: relative
}

.search .search_result:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .search .search_result {
    padding-bottom: 14px;
    width: 700px;
    margin: 0 auto
  }
}

.search .search_result p {
  color: #333;
  font-size: 18px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.search .search_result p+p {
  margin-left: 74px;
  font-size: 15px
}

.search .search_result p+p>span {
  font-size: 24px;
  letter-spacing: .04em;
  padding-right: 10px
}

.search .search_result_list {
  margin: 0 15px
}

@media screen and (min-width:760px) {
  .search .search_result_list {
    width: 700px;
    margin: 0 auto
  }
}

.search .search_result_list li {
  letter-spacing: .02em;
  padding: 24px 0;
  position: relative
}

@media screen and (min-width:760px) {
  .search .search_result_list li {
    padding: 24px 0 40px
  }
}

@media screen and (min-width:1280px) {
  .search .search_result_list li {
    padding: 24px 0
  }
}

.search .search_result_list li a {
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.search .search_result_list li a:hover .result_list_title {
  color: #093
}

.search .search_result_list li a:hover .result_list_path {
  opacity: .4
}

.search .search_result_list li span {
  background-color: #fcf549
}

.search .search_result_list li .result_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #333
}

@media screen and (min-width:760px) {
  .search .search_result_list li .result_list_wrap {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 0
  }
}

.search .search_result_list li .result_list_wrap .result_list_title {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  width: 100%;
  margin-right: 18px;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .search .search_result_list li .result_list_wrap .result_list_title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 24px;
    font-size: 15px
  }
}

.search .search_result_list li .result_list_text {
  font-size: 12px;
  margin-bottom: 24px;
  line-height: 1.8;
  font-weight: 400
}

@media screen and (min-width:760px) {
  .search .search_result_list li .result_list_text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

@media screen and (min-width:1280px) {
  .search .search_result_list li .result_list_text {
    font-size: 14px;
    margin-bottom: 24px
  }
}

.search .search_result_list li .result_list_path {
  font-size: 11px;
  color: #093;
  line-height: 1.5;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .search .search_result_list li .result_list_path {
    font-size: 13px
  }
}

.search .search_result_list li:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.search .allSearch {
  margin-top: 44px;
  margin-bottom: 47px
}

@media screen and (min-width:760px) {
  .search .allSearch {
    margin-top: 48px;
    margin-bottom: 48px
  }
}

@media screen and (min-width:1280px) {
  .search .allSearch {
    margin-top: 64px;
    margin-bottom: 68px
  }
}

.search .search_none {
  margin: 48px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 130px;
  border: 1px solid #093;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .search .search_none {
    margin: 64px auto;
    width: 600px;
    text-align: center
  }
}

@media screen and (min-width:1280px) {
  .search .search_none {
    width: 651px
  }
}

.search .search_none .searchNone_txt {
  color: #212121;
  font-size: 16px;
  padding: 0 20px
}

.story .story_sns {
  margin: 36px auto 48px
}

@media screen and (min-width:760px) {
  .story .story_sns {
    margin: 60px auto 64px
  }
}

@media screen and (min-width:1280px) {
  .story .story_sns {
    margin: 0;
    position: fixed;
    top: 225px;
    right: 10px
  }
}

.story .story_sns .storySns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .story .story_sns .storySns_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.story .story_sns .storySns_list .storySns_item {
  cursor: pointer;
  width: 50px;
  height: 50px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story .story_sns .storySns_list .storySns_item:hover {
  opacity: .7
}

.story .story_sns .storySns_list .storySns_item:not(:first-child) {
  margin-left: 30px
}

@media screen and (min-width:1280px) {
  .story .story_sns .storySns_list .storySns_item:not(:first-child) {
    margin-left: 0;
    margin-top: 6px
  }
}

.story .story_sns .storySns_list .storySns_item img {
  width: 100%
}

.story .story_otherRecipe {
  margin-top: 36px;
  padding: 30px 0 64px;
  background: #f8f8f5
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe {
    padding: 30px 0 48px;
    margin-top: 92px
  }
}

@media screen and (min-width:960px) {
  .story .story_otherRecipe {
    padding: 60px 0 64px
  }
}

.story .story_otherRecipe .storyOtherRecipe_ttl {
  font-size: 18px;
  text-align: center
}

@media screen and (min-width:960px) {
  .story .story_otherRecipe .storyOtherRecipe_ttl {
    font-size: 24px
  }
}

.story .story_otherRecipe .storyOtherRecipe_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list {
    margin-top: 30px
  }
}

@media screen and (min-width:1280px) {
  .story .story_otherRecipe .storyOtherRecipe_list {
    margin-top: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item {
  margin-top: 16px
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item:first-child {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item:first-child {
    margin-top: 0
  }
}

@media screen and (min-width:1280px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item:not(:first-child) {
    margin-left: 4px
  }
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item {
    margin-top: 0;
    width: calc(33.333% - 2px)
  }
}

@media screen and (min-width:1280px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item {
    width: calc(25% - 4px)
  }
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item a {
    display: block
  }
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item a:hover .txt {
  color: #093
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .img {
  width: calc(50% - 8px);
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .img {
    width: 100%
  }
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .details {
    width: 100%;
    margin-top: 16px;
    padding: 0 16px
  }
}

@media screen and (min-width:1280px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .details {
    margin-top: 20px;
    padding: 0 20px
  }
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .details .ttl {
  color: #093;
  font-size: 14px;
  font-weight: 700
}

.story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .details .txt {
  margin-top: 8px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .story .story_otherRecipe .storyOtherRecipe_list .storyOtherRecipe_item .details .txt {
    font-size: 16px
  }
}

@media screen and (min-width:960px) {
  .story .story_otherRecipe .c-link {
    max-width: 300px
  }
}

.story .story_other {
  padding: 30px 0 32px
}

@media screen and (min-width:760px) {
  .story .story_other {
    padding: 45px 0 64px
  }
}

@media screen and (min-width:960px) {
  .story .story_other {
    padding: 60px 0 64px
  }
}

.story .story_other .storyOther_ttl {
  font-size: 18px
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_ttl {
    text-align: center
  }
}

@media screen and (min-width:960px) {
  .story .story_other .storyOther_ttl {
    font-size: 24px
  }
}

.story .story_other .storyOther_list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list {
    margin-top: 45px
  }
}

@media screen and (min-width:1280px) {
  .story .story_other .storyOther_list {
    margin-top: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.story .story_other .storyOther_list .storyOther_item {
  margin-top: 16px
}

.story .story_other .storyOther_list .storyOther_item:first-child {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list .storyOther_item:first-child {
    margin-top: 0
  }
}

@media screen and (min-width:1280px) {
  .story .story_other .storyOther_list .storyOther_item:not(:first-child) {
    margin-left: 4px
  }
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list .storyOther_item {
    margin-top: 0;
    width: calc(33.333% - 2px)
  }
}

@media screen and (min-width:1280px) {
  .story .story_other .storyOther_list .storyOther_item {
    width: calc(25% - 4px)
  }
}

.story .story_other .storyOther_list .storyOther_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list .storyOther_item a {
    display: block
  }
}

.story .story_other .storyOther_list .storyOther_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story .story_other .storyOther_list .storyOther_item a:hover .txt {
  color: #093
}

.story .story_other .storyOther_list .storyOther_item .img {
  width: calc(50% - 8px);
  border-radius: 8px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list .storyOther_item .img {
    width: 100%
  }
}

.story .story_other .storyOther_list .storyOther_item .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story .story_other .storyOther_list .storyOther_item .details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list .storyOther_item .details {
    margin-top: 20px;
    width: 100%;
    padding: 0 20px
  }
}

.story .story_other .storyOther_list .storyOther_item .details .ttl {
  color: #093;
  font-size: 12px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .story .story_other .storyOther_list .storyOther_item .details .ttl {
    font-size: 14px
  }
}

.story .story_other .storyOther_list .storyOther_item .details .txt {
  margin-top: 8px;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .story .story_other .storyOther_list .storyOther_item .details .txt {
    font-size: 14px
  }
}

@media screen and (min-width:1280px) {
  .story .story_other .storyOther_list .storyOther_item .details .txt {
    font-size: 16px
  }
}

@media screen and (min-width:960px) {
  .story .story_other .c-link {
    max-width: 300px
  }
}

.story .story_about {
  border-top: 4px solid #f5f5f5;
  padding: 30px 0 64px
}

@media screen and (min-width:760px) {
  .story .story_about {
    padding: 36px 0 64px
  }
}

@media screen and (min-width:960px) {
  .story .story_about {
    padding: 64px 0
  }
}

.story .story_about .storyAbout_ttl {
  font-size: 18px
}

@media screen and (min-width:760px) {
  .story .story_about .storyAbout_ttl {
    text-align: center
  }
}

@media screen and (min-width:960px) {
  .story .story_about .storyAbout_ttl {
    font-size: 24px
  }
}

.story .story_about .storyAbout_list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .story .story_about .storyAbout_list {
    margin-top: 36px
  }
}

@media screen and (min-width:960px) {
  .story .story_about .storyAbout_list {
    margin-top: 60px
  }
}

.story .story_about .storyAbout_list .storyAbout_item {
  margin-top: 15px;
  width: calc(50% - 7.5px)
}

@media screen and (min-width:760px) {
  .story .story_about .storyAbout_list .storyAbout_item {
    margin-top: 0;
    width: calc(25% - 4px)
  }
}

.story .story_about .storyAbout_list .storyAbout_item a {
  position: relative;
  border-radius: 6px;
  width: 100%;
  height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .story .story_about .storyAbout_list .storyAbout_item a {
    height: 130px
  }
}

@media screen and (min-width:960px) {
  .story .story_about .storyAbout_list .storyAbout_item a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 24px;
    height: 215px
  }
}

.story .story_about .storyAbout_list .storyAbout_item a:hover .bg {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story .story_about .storyAbout_list .storyAbout_item .bg {
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story .story_about .storyAbout_list .storyAbout_item .txt {
  font-size: 16px;
  font-weight: 700
}

@media screen and (min-width:960px) {
  .story .story_about .storyAbout_list .storyAbout_item .txt {
    font-size: 21px
  }
}

.story .story_about .storyAbout_list .storyAbout_item.history .bg {
  background: url(/assets/img/story/img_history.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_about .storyAbout_list .storyAbout_item.healthy .bg {
  background: url(/assets/img/story/img_healthy.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_about .storyAbout_list .storyAbout_item.mim .bg {
  background: url(/assets/img/company/img_mim-bg.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_about .storyAbout_list .storyAbout_item.mim .txt {
  width: 88px
}

.story .story_about .storyAbout_list .storyAbout_item.mim .txt img {
  width: 100%
}

.story .story_about .storyAbout_list .storyAbout_item.culture .bg {
  background: url(/assets/img/company/img_culture-bg.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

@media screen and (min-width:960px) {
  .story .story_about .c-link {
    max-width: 300px
  }
}

.story .story_flex-wrapper {
  display: block;
  position: relative;
  padding: 20px 26px;
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:960px) {
  .story .story_flex-wrapper {
    padding: 0
  }
}

.story .story_flex-wrapper:hover .story_flex-bg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.story .story_flex-wrapper:hover .storyFlex_link:after {
  right: -40px
}

.story .story_flex-wrapper .story_flex-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story .story_flex-wrapper.history {
  margin-top: 0
}

.story .story_flex-wrapper.history:hover .storyFlex_link:after {
  right: -35px
}

.story .story_flex-wrapper.history .story_flex-bg {
  background: url(/assets/img/story/img_history.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_flex-wrapper.history .storyFlex_link a:after {
  background: url(/assets/img/common/ico_otherWindow-white.svg);
  background-size: cover;
  width: 12px;
  height: 12px;
  right: -30px
}

.story .story_flex-wrapper.healthy {
  margin-top: 15px
}

@media screen and (min-width:960px) {
  .story .story_flex-wrapper.healthy {
    margin-top: 24px
  }
}

.story .story_flex-wrapper.healthy .story_flex-bg {
  background: url(/assets/img/story/img_healthy.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_flex-wrapper.mim .story_flex-bg {
  background: url(/assets/img/company/img_mim-bg.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_flex-wrapper.culture .story_flex-bg {
  background: url(/assets/img/company/img_culture-bg.jpg) 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.story .story_flex {
  position: relative;
  z-index: 2;
  color: #fff
}

@media screen and (min-width:960px) {
  .story .story_flex {
    cursor: pointer;
    padding: 0 64px;
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (min-width:960px) {
  .story .story_flex.other {
    padding: 62px 64px
  }
  .story .story_flex.other .storyFlex_link {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.story .story_flex.other.mim {
  padding-top: 22px
}

@media screen and (min-width:960px) {
  .story .story_flex.other.mim {
    padding-top: 62px
  }
}

.story .story_flex.other.mim .storyFlex_ttl {
  width: 110px
}

.story .story_flex .storyFlex_ttl {
  font-size: 21px;
  letter-spacing: .1em
}

@media screen and (min-width:960px) {
  .story .story_flex .storyFlex_ttl {
    font-size: 24px
  }
}

.story .story_flex .storyFlex_ttl img {
  width: 100%
}

.story .story_flex .storyFlex_txt {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em
}

@media screen and (min-width:960px) {
  .story .story_flex .storyFlex_txt {
    max-width: 370px;
    margin-top: 24px
  }
}

.story .story_flex .storyFlex_link {
  margin-top: 10px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

.story .story_flex .storyFlex_link.history span {
  display: inline-block;
  padding-left: 10px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.story .story_flex .storyFlex_link.history:after {
  content: none
}

.story .story_flex .storyFlex_link.small {
  position: static !important
}

.story .story_flex .storyFlex_link.small span {
  display: inline-block;
  padding-left: 10px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.story .story_flex .storyFlex_link.small:after {
  content: none
}

@media screen and (min-width:760px) {
  .story .story_flex .storyFlex_link {
    margin-top: 14px
  }
}

@media screen and (min-width:1280px) {
  .story .story_flex .storyFlex_link {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.story .story_flex .storyFlex_link:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-white.svg);
  background-size: cover;
  width: 15px;
  height: 11px;
  position: absolute;
  right: -35px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story .story_flex .storyFlex_link:after, _:-ms-lang(x) {
  width: 17px;
  height: 12px
}

.story .story_product {
  margin-top: 18px
}

@media screen and (min-width:960px) {
  .story .story_product {
    margin-top: 24px
  }
}

.story .story_product img {
  width: 100%
}

.story .story_product .storyProduct_inner {
  padding: 36px 24px;
  border: 1px solid #093;
  border-radius: 6px
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_inner {
    padding: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.story .story_product .storyProduct_details {
  padding-bottom: 22px;
  position: relative
}

.story .story_product .storyProduct_details:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_details {
    width: 340px
  }
  .story .story_product .storyProduct_details:after {
    content: none
  }
}

.story .story_product .storyProduct_details .storyProduct_ttl {
  font-size: 21px
}

.story .story_product .storyProduct_details .storyProduct_txt {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.8
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_list {
    width: calc(100% - 400px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.story .story_product .storyProduct_list .storyProduct_item {
  margin-top: 16px;
  padding-bottom: 10px;
  position: relative
}

.story .story_product .storyProduct_list .storyProduct_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_list .storyProduct_item {
    margin-top: 0;
    padding-bottom: 0;
    width: calc(50% - 8px)
  }
  .story .story_product .storyProduct_list .storyProduct_item:after {
    content: none
  }
}

.story .story_product .storyProduct_list .storyProduct_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story .story_product .storyProduct_list .storyProduct_item a:hover {
  color: #093
}

.story .story_product .storyProduct_list .storyProduct_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner {
    display: block
  }
}

.story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner .storyProductItem_img {
  border-radius: 6px;
  overflow: hidden;
  width: calc(50% - 5px)
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner .storyProductItem_img {
    width: 100%
  }
}

.story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner .storyProductItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner .storyProductItem_txt {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.6;
  font-weight: 700;
  width: calc(50% - 5px)
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_list .storyProduct_item .storyProductItem_inner .storyProductItem_txt {
    margin-top: 16px;
    padding: 0 20px;
    width: 100%
  }
}

.story .story_product .storyProduct_list .storyProduct_item .storyProductItem_link {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #093
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_list .storyProduct_item .storyProductItem_link {
    padding: 0 20px
  }
}

.story .story_product .storyProduct_list .storyProduct_item .storyProductItem_link a {
  color: #093;
  display: inline-block
}

.story .story_product .storyProduct_link {
  width: 100%;
  max-width: 260px;
  margin: 36px auto 0
}

@media screen and (min-width:960px) {
  .story .story_product .storyProduct_link {
    margin: 48px 0 0
  }
}

.story .story_product .storyProduct_link a {
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story .story_product .storyProduct_link a:hover {
  color: #093
}

.story .story_product .storyProduct_link a:hover:after {
  right: -40px
}

.story .story_product .storyProduct_link a:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  position: absolute;
  right: -35px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story .story_banner {
  margin-bottom: 32px
}

@media screen and (min-width:760px) {
  .story .story_banner {
    margin-bottom: 64px
  }
}

@media screen and (min-width:960px) {
  .story .story_banner .storyBanner_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.story .story_banner .storyBanner_list .story_flex-wrapper {
  margin-top: 15px
}

@media screen and (min-width:960px) {
  .story .story_banner .storyBanner_list .story_flex-wrapper {
    margin-top: 24px;
    width: calc(50% - 12px)
  }
}

.story_oishisa .storyOishisa_main {
  margin-top: 48px
}

.story_oishisa .storyOishisa_main .storyOishisa_ttl {
  font-size: 21px;
  letter-spacing: .04em;
  text-align: center
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_ttl {
    font-size: 32px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_txt {
  margin-top: 48px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 2;
  padding: 0 22px
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_txt {
    text-align: center;
    width: 700px;
    margin: 56px auto 0
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_list {
  padding-top: 10px
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_list {
    padding-top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item {
  margin-top: 20px;
  padding-top: 24px;
  position: relative
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item {
    margin-top: 0;
    padding-top: 0;
    width: calc(50% - 13px)
  }
  .story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item:after {
    content: none
  }
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item {
    width: calc(50% - 12px)
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a:hover {
  color: #093
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_img {
  border-radius: 6px;
  overflow: hidden
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_details {
  margin-top: 12px;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_details {
    margin-top: 16px;
    padding: 0 20px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_details .ttl {
  font-size: 18px;
  letter-spacing: .01em
}

.story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_details .txt {
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_list .storyOishisa_item a .storyOishisaItem_details .txt {
    margin-top: 10px;
    font-size: 14px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health {
  margin-top: 20px;
  padding-top: 24px;
  position: relative
}

.story_oishisa .storyOishisa_main .storyOishisa_health:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health {
    margin-top: 0;
    padding-top: 45px
  }
  .story_oishisa .storyOishisa_main .storyOishisa_health:after {
    content: none
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner {
  display: block;
  position: relative;
  padding: 20px 26px;
  border-radius: 6px;
  overflow: hidden
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner:hover .storyOishisaHealth_bg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner:hover .storyOishisaHealth_details .storyOishisaHealth_link:after {
  right: -40px
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner {
    padding: 32px 20px
  }
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner {
    padding: 80px 62px 60px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/img/story/oishisa/img_oishisa-03.jpg) 50%;
  background-size: cover;
  z-index: 1;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details {
  position: relative;
  z-index: 2;
  color: #fff
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_ttl {
  font-size: 16px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_ttl {
    font-size: 14px
  }
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_ttl .u-sp {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_ttl {
    font-size: 18px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_subTtl {
  margin-top: 10px;
  font-size: 21px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_subTtl {
    font-size: 19px
  }
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_subTtl {
    font-size: 24px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_txt {
  margin-top: 12px;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_txt {
    margin-top: 22px;
    width: 336px
  }
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_txt {
    margin-top: 30px;
    width: 413px
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_link {
  margin-top: 10px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_link {
    margin-top: 14px
  }
}

@media screen and (min-width:1280px) {
  .story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_link {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_link:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-white.svg);
  background-size: cover;
  width: 15px;
  height: 11px;
  position: absolute;
  right: -35px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.story_oishisa .storyOishisa_main .storyOishisa_health .storyOishisaHealth_inner .storyOishisaHealth_details .storyOishisaHealth_link:after, _:-ms-lang(x) {
  width: 17px;
  height: 12px
}

.story.productStory .main_ttl {
  margin: 60px auto
}

.story.productStory .main_txt {
  padding: 0 37px
}

.story.productStory .productStory_detail {
  width: 100%
}

@media screen and (min-width:1280px) {
  .story.productStory .productStory_detail {
    width: calc(100% - 386px)
  }
}

.story.productStory .productStory_main {
  margin-top: 35px;
  padding: 18px 0 29px;
  background: #f8f8f5
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main {
    margin: 60px 32px 0;
    padding: 0;
    border-radius: 6px
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_main {
    margin: 60px 64px 0
  }
}

@media screen and (min-width:1280px) {
  .story.productStory .productStory_main {
    margin: 60px auto 0;
    max-width: 100%
  }
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main .inner_container {
    padding: 0
  }
}

.story.productStory .productStory_main a {
  display: block;
  color: #333
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.story.productStory .productStory_main a:hover .productStoryMain_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story.productStory .productStory_main a:hover .productStoryMain_details, .story.productStory .productStory_main a:hover .productStoryMain_details .ttl {
  color: #093
}

.story.productStory .productStory_main a:hover .productStoryMain_details .link:after {
  right: -27px
}

.story.productStory .productStory_main .productStoryMain_img {
  border-radius: 10px;
  overflow: hidden
}

.story.productStory .productStory_main .productStoryMain_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main .productStoryMain_img {
    width: 50%
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_main .productStoryMain_img {
    width: 50%;
    border-radius: 0
  }
}

.story.productStory .productStory_main .productStoryMain_details {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main .productStoryMain_details {
    width: calc(50% - 28px);
    padding-right: 32px
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_main .productStoryMain_details {
    width: calc(100% - 602px);
    padding-right: 64px
  }
}

@media screen and (min-width:1280px) {
  .story.productStory .productStory_main .productStoryMain_details {
    width: calc(50% - 28px);
    padding-right: 28px
  }
}

.story.productStory .productStory_main .productStoryMain_details .genre {
  margin-top: 16px;
  font-size: 12px;
  font-weight: 700;
  color: #093
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main .productStoryMain_details .genre {
    margin-top: 0
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_main .productStoryMain_details .genre {
    font-size: 14px
  }
}

.story.productStory .productStory_main .productStoryMain_details .genre a {
  display: inline-block;
  color: #093
}

.story.productStory .productStory_main .productStoryMain_details .ttl {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main .productStoryMain_details .ttl {
    margin-top: 12px
  }
}

.story.productStory .productStory_main .productStoryMain_details .txt {
  margin-top: 11px;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_main .productStoryMain_details .txt {
    margin-top: 16px
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .inner_container {
    max-width: 100%
  }
}

.story.productStory .productStory_sub .productStorySub_list {
  padding-bottom: 16px;
  margin: 27px 0 48px;
  position: relative
}

.story.productStory .productStory_sub .productStorySub_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_sub .productStorySub_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0;
    margin: 24px 0 45px
  }
  .story.productStory .productStory_sub .productStorySub_list:after {
    content: none
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .productStorySub_list {
    margin: 24px 0 64px
  }
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item {
  padding: 16px 0 11px;
  position: relative
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item {
    padding: 24px 0;
    width: calc(50% - 17px);
    margin: 0 8.5px
  }
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item:nth-of-type(6):before, .story.productStory .productStory_sub .productStorySub_list .productStorySub_item:nth-of-type(7):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    bottom: 0
  }
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item {
    width: calc(50% - 20px);
    padding: 24px 0 19px;
    margin: 0
  }
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item:last-child {
  padding-bottom: 0
}

@media screen and (min-width:760px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item:last-child {
    padding-bottom: 19px
  }
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item a:hover .productStorySubItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item a:hover .productStorySubItem_details .ttl {
  color: #093
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_img {
  overflow: hidden;
  width: calc(50% - 8px);
  border-radius: 6px
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_img {
    width: 165px
  }
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details {
  width: calc(50% - 8px)
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details {
    width: calc(100% - 165px);
    padding: 0 0 0 16px
  }
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details .genre {
  font-size: 12px;
  font-weight: 700;
  color: #093
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details .genre {
    font-size: 14px
  }
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details .genre a {
  display: inline-block;
  color: #093
}

.story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details .ttl {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 1.8;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .story.productStory .productStory_sub .productStorySub_list .productStorySub_item .productStorySubItem_details .ttl {
    margin-top: 12px;
    line-height: 1.6
  }
}

.story.productStory .actionRdContents_links {
  padding-top: 0
}

.story.productStory .actionRdContents_links:after {
  display: none
}

.story .actionRdContents_links {
  padding-top: -16px;
  margin: 0 0 48px;
  position: relative
}

@media screen and (min-width:760px) {
  .story .actionRdContents_links {
    margin: 0 34px
  }
}

@media screen and (min-width:960px) {
  .story .actionRdContents_links {
    margin: 0 64px
  }
}

@media screen and (min-width:760px) {
  .story .actionRdContents_links {
    margin: 64px 0 80px
  }
}

@media screen and (min-width:760px) {
  .story .actionRdContents_links .actionRdContentsLinks_inner {
    width: 100%;
    max-width: 640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px auto 0
  }
}

@media screen and (min-width:1280px) {
  .story .actionRdContents_links .actionRdContentsLinks_inner {
    margin: 0 auto;
    padding-top: 30px
  }
}

.story .actionRdContents_links .actionRdContentsLinks_inner .c-link {
  margin: 16px auto 0
}

@media screen and (min-width:760px) {
  .story .actionRdContents_links .actionRdContentsLinks_inner .c-link {
    width: calc(50% - 20px);
    margin: 0
  }
}

.story .actionRdContents_links .actionRdContentsLinks_inner .c-link a {
  height: 100%
}

.story .actionRd_anchor {
  display: none
}

@media screen and (min-width:1280px) {
  .story .actionRd_anchor {
    display: block;
    position: static;
    margin: 60px 0 0
  }
}

.story .company_inner:after {
  display: none
}

.storyDetail .container {
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .storyDetail .container {
    max-width: 700px;
    margin: 0 auto;
    padding: 0
  }
}

@media screen and (min-width:1280px) {
  .storyDetail .container {
    max-width: 100%
  }
}

.storyDetail hr {
  border: none;
  position: relative;
  padding: 32px 0
}

@media screen and (min-width:760px) {
  .storyDetail hr {
    max-width: 700px;
    margin: 0 auto;
    padding: 64px 0
  }
}

@media screen and (min-width:1280px) {
  .storyDetail hr {
    max-width: 100%
  }
}

.storyDetail hr.irregular {
  margin: 0 20px
}

@media screen and (min-width:760px) {
  .storyDetail hr.irregular {
    max-width: 700px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .storyDetail hr.irregular {
    max-width: 100%
  }
}

.storyDetail hr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #9e9e9e 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.storyDetail .storyDetail_detail {
  width: 100%
}

@media screen and (min-width:1280px) {
  .storyDetail .storyDetail_detail {
    width: calc(100% - 386px)
  }
}

.storyDetail .mod-titleBlock {
  margin-top: 62px;
  padding-bottom: 30px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-titleBlock {
    padding-bottom: 28px;
    margin-top: 64px
  }
}

.storyDetail .mod-titleBlock .type {
  color: #093;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  letter-spacing: .05em;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-titleBlock .type {
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
    font-size: 18px
  }
}

@media screen and (min-width:1280px) {
  .storyDetail .mod-titleBlock .type {
    max-width: 100%
  }
}

.storyDetail .mod-titleBlock .type a {
  display: inline-block;
  color: #093
}

.storyDetail .mod-titleBlock .title {
  margin-top: 22px;
  text-align: left;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1.6;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-titleBlock .title {
    font-size: 32px;
    max-width: 700px;
    margin: 30px auto 0;
    padding: 0
  }
}

@media screen and (min-width:1280px) {
  .storyDetail .mod-titleBlock .title {
    max-width: 100%
  }
}

.storyDetail .mod-titleBlock .image {
  margin-top: 48px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-titleBlock .image {
    max-width: 700px;
    margin: 64px auto 0
  }
}

@media screen and (min-width:1280px) {
  .storyDetail .mod-titleBlock .image {
    max-width: 100%
  }
}

.storyDetail .mod-titleBlock .image img {
  width: 100%
}

.storyDetail .mod-titleBlock .text {
  margin-top: 32px;
  font-size: 13px;
  line-height: 2
}

@media screen and (min-width:760px) {
  .storyDetail .mod-titleBlock .text {
    font-size: 15px;
    margin-top: 36px
  }
}

.storyDetail .mod-profileBlock {
  position: relative;
  padding: 24px 0
}

@media screen and (min-width:760px) {
  .storyDetail .mod-profileBlock {
    padding: 32px 0
  }
}

.storyDetail .mod-profileBlock:after, .storyDetail .mod-profileBlock:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0
}

.storyDetail .mod-profileBlock:before {
  top: 0
}

.storyDetail .mod-profileBlock:after {
  bottom: 0
}

@media screen and (min-width:760px) {
  .storyDetail .mod-profileBlock .people {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .storyDetail .mod-profileBlock .people .person {
    width: 50%
  }
}

.storyDetail .mod-profileBlock .people .person:not(:first-child) {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-profileBlock .people .person:not(:first-child) {
    margin-top: 0
  }
}

.storyDetail .mod-profileBlock .people .person span {
  display: block;
  letter-spacing: .1em
}

.storyDetail .mod-profileBlock .people .person .name {
  font-size: 16px;
  font-weight: 700
}

.storyDetail .mod-profileBlock .people .person .job {
  margin-top: 6px;
  font-size: 14px
}

.storyDetail .mod-profileBlock .text {
  margin-top: 16px;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 2
}

@media screen and (min-width:760px) {
  .storyDetail .mod-profileBlock .text {
    margin-top: 26px;
    font-size: 14px;
    line-height: 1.8
  }
}

.storyDetail .mod-indexBlock {
  border-radius: 6px;
  background: #f8f8f5;
  margin: 32px auto 0;
  padding: 20px 24px 26px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-indexBlock {
    padding: 34px 38px;
    margin: 60px auto 0
  }
}

.storyDetail .mod-indexBlock .title {
  font-size: 18px;
  color: #093
}

.storyDetail .mod-indexBlock .list li {
  padding-left: 1.5em;
  position: relative;
  margin-top: 15px
}

.storyDetail .mod-indexBlock .list li:not(:first-child) {
  margin-top: 26px
}

.storyDetail .mod-indexBlock .list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  background: #093;
  border-radius: 3px
}

.storyDetail .mod-indexBlock .list li:before, _:-ms-lang(x) {
  top: 1px
}

.storyDetail .mod-indexBlock .list li a {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.storyDetail .mod-indexBlock .list li a:hover {
  color: #093
}

.storyDetail .mod-textBlock .title {
  font-size: 21px;
  font-weight: 400;
  color: #093;
  margin-bottom: 27px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textBlock .title {
    font-size: 28px;
    margin-bottom: 33px
  }
}

.storyDetail .mod-textBlock .title-medium {
  position: relative;
  font-size: 16px;
  margin-bottom: 22px;
  padding-left: 12px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textBlock .title-medium {
    font-size: 18px;
    margin-bottom: 16px
  }
}

.storyDetail .mod-textBlock .title-medium:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: calc(100% - 5px);
  background-color: #093
}

.storyDetail .mod-textBlock .title-small {
  font-size: 13px;
  margin-bottom: 14px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textBlock .title-small {
    font-size: 15px;
    margin-bottom: 6px
  }
}

.storyDetail .mod-textBlock .text {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: .1em;
  margin-bottom: 28px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textBlock .text {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 45px
  }
}

.storyDetail .mod-textBlock .text.no-margin {
  margin-bottom: 0
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textBlock .text.no-margin {
    margin-bottom: 0
  }
}

.storyDetail .mod-imageBlock {
  margin-top: 20px
}

.storyDetail .mod-imageBlock.column .image figcaption, .storyDetail .mod-imageBlock.row .image figcaption {
  font-weight: 700
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.column .image figcaption, .storyDetail .mod-imageBlock.row .image figcaption {
    font-size: 16px;
    padding: 0 22px
  }
}

.storyDetail .mod-imageBlock.row {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.row {
    margin-top: 64px
  }
}

.storyDetail .mod-imageBlock.row .image {
  margin-top: 20px;
  width: calc(50% - 7.5px)
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.row .image {
    margin-top: 0
  }
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.column {
    margin-top: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.column .image {
    width: calc(50% - 7.5px)
  }
}

.storyDetail .mod-imageBlock.column .image:not(:first-child) {
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.column .image:not(:first-child) {
    margin-top: 0
  }
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageBlock.three .image {
    width: calc(33.333% - 5px)
  }
}

.storyDetail .mod-imageBlock .image {
  border-radius: 8px
}

.storyDetail .mod-imageBlock .image img {
  width: 100%
}

.storyDetail .mod-imageBlock .image figcaption {
  margin-top: 16px;
  font-size: 13px
}

.storyDetail .mod-textImageBlock {
  margin-top: 28px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textImageBlock {
    margin-top: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .storyDetail .mod-textImageBlock.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

.storyDetail .mod-textImageBlock .text {
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textImageBlock .text {
    width: calc(50% - 25px);
    font-size: 15px;
    line-height: 2;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

.storyDetail .mod-textImageBlock .image {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textImageBlock .image {
    margin-top: 0;
    width: calc(50% - 25px)
  }
}

.storyDetail .mod-textImageBlock .image img {
  width: 100%
}

.storyDetail .mod-textImageBlock .image img:not(:first-child) {
  margin-top: 8px
}

.storyDetail .mod-textImageBlock .image figcaption {
  margin-top: 14px;
  font-size: 13px
}

.storyDetail .mod-imageLink {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .storyDetail .mod-imageLink.two {
    margin-top: 64px
  }
  .storyDetail .mod-imageLink.two a {
    width: calc(50% - 5px)
  }
  .storyDetail .mod-imageLink.three {
    margin-top: 64px
  }
  .storyDetail .mod-imageLink.three a {
    width: calc(33.333% - 5px)
  }
  .storyDetail .mod-imageLink.three a .details {
    padding: 0 16px
  }
}

.storyDetail .mod-imageLink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.storyDetail .mod-imageLink a:hover {
  color: #093
}

.storyDetail .mod-imageLink a:hover .image img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.storyDetail .mod-imageLink a:hover .details .link:after {
  right: -27px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink a {
    display: block
  }
}

.storyDetail .mod-imageLink a:not(:first-child) {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink a:not(:first-child) {
    margin-top: 0
  }
}

.storyDetail .mod-imageLink a .image {
  width: calc(50% - 8px);
  border-radius: 8px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink a .image {
    width: 100%
  }
}

.storyDetail .mod-imageLink a .image img {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.storyDetail .mod-imageLink a .details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink a .details {
    width: 100%;
    padding: 0 22px
  }
}

.storyDetail .mod-imageLink a .details .title {
  font-size: 14px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink a .details .title {
    margin-top: 12px;
    font-size: 16px
  }
}

.storyDetail .mod-imageLink a .details .link {
  display: none;
  position: relative;
  margin-top: 8px;
  font-size: 15px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-imageLink a .details .link {
    display: inline-block;
    margin-top: 4px
  }
}

.storyDetail .mod-imageLink a .details .link:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 15px;
  height: 11px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.storyDetail .mod-imageLink a .details .link:after, _:-ms-lang(x) {
  width: 17px;
  height: 13px
}

.storyDetail .mod-textLinkBlock {
  margin-top: 26px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-textLinkBlock {
    margin-top: 64px
  }
}

.storyDetail .mod-textLinkBlock a {
  display: block;
  font-size: 15px;
  color: #093;
  text-decoration: underline;
  -webkit-text-decoration-color: #093;
  text-decoration-color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.storyDetail .mod-textLinkBlock a:hover {
  opacity: .6
}

.storyDetail .mod-textLinkBlock a:not(:first-child) {
  margin-top: 4px
}

.storyDetail .mod-boxBlock {
  border-radius: 6px;
  background: #f8f8f5;
  margin-top: 30px;
  padding: 8px 32px 10px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-boxBlock {
    margin-top: 64px;
    padding: 2px 40px
  }
}

.storyDetail .mod-boxBlock .item {
  margin-top: 24px;
  padding-bottom: 20px;
  position: relative
}

.storyDetail .mod-boxBlock .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .storyDetail .mod-boxBlock .item {
    margin-top: 30px;
    padding-bottom: 30px
  }
}

.storyDetail .mod-boxBlock .item:last-child:after {
  content: none
}

@media screen and (min-width:760px) {
  .storyDetail .mod-boxBlock .item .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.storyDetail .mod-boxBlock .item .image img {
  border-radius: 8px;
  width: 100%
}

@media screen and (min-width:760px) {
  .storyDetail .mod-boxBlock .item .image img {
    width: 230px;
    height: 100%
  }
}

.storyDetail .mod-boxBlock .item figcaption {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .storyDetail .mod-boxBlock .item figcaption {
    margin-top: 0;
    width: calc(100% - 254px)
  }
}

.storyDetail .mod-boxBlock .item figcaption .title {
  font-size: 16px;
  font-weight: 700
}

.storyDetail .mod-boxBlock .item figcaption .text {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .storyDetail .mod-boxBlock .item figcaption .text {
    margin-top: 12px;
    font-size: 14px
  }
}

.storyDetail.columnDetail .mod-titleBlock .type {
  padding-top: 20px
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .mod-titleBlock .image {
    max-width: 960px
  }
}

.storyDetail.columnDetail img {
  border-radius: 6px
}

.storyDetail.columnDetail .memoBlock {
  background: #f8f8f5;
  padding: 37px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.storyDetail.columnDetail .memoBlock .imgBox img {
  width: 100%;
  margin-bottom: 15px
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .memoBlock .imgBox img {
    width: 230px;
    margin-bottom: 0
  }
}

.storyDetail.columnDetail .memoBlock .txtBox {
  width: 100%
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .memoBlock .txtBox {
    width: calc(100% - 260px)
  }
}

.storyDetail.columnDetail .memoBlock .txtBox .midashi {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 700
}

.storyDetail.columnDetail .memoBlock .txtBox .honbun {
  font-size: 14px
}

.storyDetail.columnDetail .mod-indexBlock {
  margin: 30px auto 0
}

.storyDetail.columnDetail span.bold {
  font-weight: 700
}

.storyDetail.columnDetail .columnSection h2.columnSection_midashi {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 40px
}

.storyDetail.columnDetail .columnSection .columnSection_visual {
  width: 100%;
  margin-bottom: 50px
}

.storyDetail.columnDetail .columnSection .columnSection_visual img {
  width: 100%
}

.storyDetail.columnDetail .columnSection .columnSection_visual p.img_comment {
  font-size: 12px;
  margin-top: 12px
}

.storyDetail.columnDetail .columnSection .columnTxt {
  margin-bottom: 40px
}

.storyDetail.columnDetail .columnSection .columnTxt.attention {
  font-size: 12px
}

.storyDetail.columnDetail .columnSection .columnTxt.right_comment {
  text-align: right
}

.storyDetail.columnDetail .columnSection .columnSection_double {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.storyDetail.columnDetail .columnSection .columnSection_double .double_txt {
  width: 100%
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .columnSection .columnSection_double .double_txt {
    width: calc(100% - 350px)
  }
}

.storyDetail.columnDetail .columnSection .columnSection_double .double_img {
  width: 100%;
  margin-bottom: 40px
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .columnSection .columnSection_double .double_img {
    width: 300px
  }
}

.storyDetail.columnDetail .columnSection .columnSection_double .double_img img {
  width: 100%
}

.storyDetail.columnDetail .columnSection .columnSection_double .double_img .img_comment {
  font-size: 12px;
  margin-top: 12px
}

.storyDetail.columnDetail .columnSection .comment {
  font-size: 18px;
  font-weight: 700
}

.storyDetail.columnDetail .columnSection .columnLink a {
  color: #149833;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 700
}

.storyDetail.columnDetail .columnInterval .columnInterval_midashi {
  font-size: 21px;
  text-align: center;
  color: #093;
  font-weight: 700;
  margin-bottom: 30px
}

.storyDetail.columnDetail .columnInterval .columnInterval_txt {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px
}

.storyDetail.columnDetail .columnRecipe .recipe_title .midashi {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 700;
  text-align: center
}

.storyDetail.columnDetail .columnRecipe .recipe_title .comment {
  margin-bottom: 30px;
  font-size: 16px;
  text-align: center
}

.storyDetail.columnDetail .columnRecipe .material {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.storyDetail.columnDetail .columnRecipe .material .recipeImage {
  width: 100%
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .columnRecipe .material .recipeImage {
    width: 350px
  }
}

.storyDetail.columnDetail .columnRecipe .material .recipeImage img {
  width: 100%
}

.storyDetail.columnDetail .columnRecipe .material .material_list {
  width: 100%;
  background: #f8f8f5;
  padding: 20px 20px 0;
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .columnRecipe .material .material_list {
    margin-top: 0;
    width: calc(100% - 380px)
  }
}

.storyDetail.columnDetail .columnRecipe .material .material_list .midashi {
  color: #093;
  font-weight: 700;
  padding-bottom: 20px
}

.storyDetail.columnDetail .columnRecipe .material .material_list p {
  padding-bottom: 20px;
  font-size: 14px
}

.storyDetail.columnDetail .columnRecipe .material .material_list p span {
  font-weight: 700
}

.storyDetail.columnDetail .columnRecipe .howto {
  margin-top: 30px
}

.storyDetail.columnDetail .columnRecipe .howto .midashi {
  color: #093;
  margin-bottom: 15px;
  font-weight: 700
}

.storyDetail.columnDetail .columnRecipe .howto .howtoList {
  text-indent: -1.2em;
  margin-left: 1.2em;
  margin-bottom: 30px
}

.storyDetail.columnDetail .columnRecipe .howto .howtoAttention p {
  font-size: 12px;
  text-indent: -1.2em;
  margin-left: 1.2em;
  margin-bottom: 5px
}

.storyDetail.columnDetail .info {
  background: #f8f8f5;
  padding: 30px
}

.storyDetail.columnDetail .info a {
  color: #149833;
  text-decoration: underline;
  font-weight: 700
}

.storyDetail.columnDetail .info .info_title-sub {
  font-size: 14px;
  font-weight: 700
}

.storyDetail.columnDetail .info .info_title-main {
  color: #093;
  font-size: 21px;
  font-weight: 700
}

.storyDetail.columnDetail .info .midashi {
  padding-bottom: 10px;
  font-weight: 700
}

.storyDetail.columnDetail .info .txt {
  font-size: 14px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.storyDetail.columnDetail .info .txt span {
  width: calc(100% - 75px)
}

.storyDetail.columnDetail .info hr {
  padding: 30px 0
}

.storyDetail.columnDetail .person .personBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.storyDetail.columnDetail .person .personBox .img {
  width: 152px;
  text-align: center;
  margin: 0 auto 20px
}

.storyDetail.columnDetail .person .personBox .img img {
  width: 100%
}

.storyDetail.columnDetail .person .personBox .txt {
  width: 100%;
  font-size: 14px
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .person .personBox .txt {
    width: calc(100% - 190px)
  }
}

.storyDetail.columnDetail .person .personBox .txt .name {
  text-align: center;
  margin-bottom: 15px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .person .personBox .txt .name {
    text-align: left
  }
}

.storyDetail.columnDetail .person hr {
  padding: 30px 0
}

.storyDetail.columnDetail hr.no-line {
  padding: 10px 0
}

.storyDetail.columnDetail hr.no-line:after {
  background: none
}

.storyDetail.columnDetail ul.columnSection_discussion {
  background: #f8f8f5;
  padding: 5px;
  font-size: 14px;
  margin-bottom: 30px
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail ul.columnSection_discussion {
    padding: 5px 30px;
    font-size: 15px
  }
}

.storyDetail.columnDetail ul.columnSection_discussion.disc_noSpace {
  margin-bottom: 0
}

.storyDetail.columnDetail ul.columnSection_discussion li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0
}

.storyDetail.columnDetail ul.columnSection_discussion li p.chara_img {
  width: 80px
}

.storyDetail.columnDetail ul.columnSection_discussion li p.chara_img img {
  width: 60px
}

.storyDetail.columnDetail ul.columnSection_discussion li p.chara_txt {
  width: calc(100% - 80px);
  padding-top: 5px
}

.storyDetail.columnDetail ul.columnSection_discussion li p.chara_txt a {
  color: #149833;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 700
}

.storyDetail.columnDetail .brsp {
  display: block
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .brsp {
    display: none
  }
}

.storyDetail.columnDetail .brpc {
  display: none
}

@media screen and (min-width:760px) {
  .storyDetail.columnDetail .brpc {
    display: block
  }
}

.like_outer {
  margin: 0 auto 60px;
  position: relative;
  max-width: 700px;
  width: 90%
}

.like_outer p {
  text-align: center;
  font-weight: 700;
  padding: 20px 0 30px
}

@media screen and (min-width:760px) {
  .like_outer p br {
    display: none
  }
}

.general-button.iine-btn {
  position: relative;
  color: #ec8725;
  cursor: pointer;
  border: 2px solid #ec8725;
  border-radius: 50px;
  padding: 10px;
  display: block;
  margin: 0 auto;
  width: 210px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  -webkit-transition: .2s;
  transition: .2s
}

.general-button.iine-btn.push, .general-button.iine-btn:hover {
  color: #fff;
  background: #ec8725
}

.general-button.iine-btn span {
  padding: 0 15px
}

.general-button.iine-btn input[type=radio]#likeBtn {
  display: none
}

.storyDetail.columnCategory .mod-titleBlock {
  padding: 0;
  margin: 0;
  border-bottom: 4px solid #f8f8f8
}

.storyDetail.columnCategory .mod-titleBlock h1.title {
  margin: 48px auto;
  font-weight: 700;
  letter-spacing: .04em
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .mod-titleBlock h1.title {
    margin: 58px auto
  }
}

.storyDetail.columnCategory .category_info {
  padding: 25px 0 20px;
  width: 90%;
  max-width: 1150px;
  margin: auto
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .category_info {
    padding: 60px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

.storyDetail.columnCategory .category_info .category_name {
  font-weight: 700;
  font-size: 20px;
  color: #149833;
  text-align: center;
  padding: 0 0 25px
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .category_info .category_name {
    font-size: 27px;
    text-align: left;
    padding: 0
  }
}

.storyDetail.columnCategory .category_info .category_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.storyDetail.columnCategory .category_info .category_num .number {
  padding-right: 50px
}

.storyDetail.columnCategory .category_info .category_num .number span {
  font-size: 24px;
  padding: 0 5px
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .category_info .category_num .number span {
    font-size: 32px
  }
}

.storyDetail.columnCategory .category_info .category_num .sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.storyDetail.columnCategory .category_info .category_num .sort p {
  padding-left: 20px
}

.storyDetail.columnCategory .category_info .category_num .sort p a {
  color: #000
}

.storyDetail.columnCategory .category_info .category_num .sort p a.active {
  color: #149833;
  font-weight: 700
}

.storyDetail.columnCategory .columnList {
  width: 90%;
  max-width: 1150px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.storyDetail.columnCategory .columnList li {
  width: 100%;
  position: relative
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .columnList li {
    width: 47%
  }
}

.storyDetail.columnCategory .columnList li a {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #000;
  -webkit-transition: .2s;
  transition: .2s
}

.storyDetail.columnCategory .columnList li a:hover {
  color: #149833
}

.storyDetail.columnCategory .columnList li a:hover>.columnImg img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.storyDetail.columnCategory .columnList li:before {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1.5px;
  position: absolute;
  left: 0;
  top: 0
}

.storyDetail.columnCategory .columnList li:nth-last-child(-n+2):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.storyDetail.columnCategory .columnList .columnImg {
  width: 152px;
  height: 114px;
  border-radius: 8px;
  overflow: hidden
}

.storyDetail.columnCategory .columnList .columnImg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 152px;
  height: 114px;
  -webkit-transition: .2s;
  transition: .2s
}

.storyDetail.columnCategory .columnList .columnTxt {
  width: 100%;
  margin-top: -114px
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .columnList .columnTxt {
    width: calc(100% - 180px);
    margin-top: 0
  }
}

.storyDetail.columnCategory .columnList .columnTxt .columnTitle {
  margin-bottom: 15px;
  margin-left: auto;
  width: calc(100% - 180px);
  height: 114px;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .columnList .columnTxt .columnTitle {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 30px;
    height: auto
  }
}

.storyDetail.columnCategory .columnList .columnTxt .columnDisc {
  font-size: 14px
}

.storyDetail.columnCategory .columnPageNum {
  margin: 60px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.storyDetail.columnCategory .columnPageNum p {
  font-size: 20px;
  padding: 10px 15px;
  color: #000
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .columnPageNum p {
    font-size: 26px;
    padding: 10px 25px
  }
}

.storyDetail.columnCategory .columnPageNum p.activePage, .storyDetail.columnCategory .columnPageNum p:hover {
  color: #093
}

.storyDetail.columnCategory .columnPageNum p.arrow {
  font-size: 25px;
  color: #093
}

@media screen and (min-width:960px) {
  .storyDetail.columnCategory .columnPageNum p.arrow {
    font-size: 30px
  }
}

.ouchirecipe .ouchirecipe_ttl {
  text-align: center;
  font-size: 20px;
  margin-top: 32px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_ttl {
    font-size: 24px;
    margin-top: 36px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_ttl {
    font-size: 32px;
    margin-top: 58px
  }
}

.ouchirecipe .ouchirecipeCommon_ttl {
  text-align: center
}

.ouchirecipe .ouchirecipeCommon_ttl .ouchirecipeCommonTtl_txt {
  line-height: 1;
  padding-top: 22px;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .08em
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipeCommon_ttl .ouchirecipeCommonTtl_txt {
    font-size: 24px
  }
}

.ouchirecipe .ouchirecipeCommon_inner {
  margin-top: 30px;
  overflow-x: auto
}

.ouchirecipe .ouchirecipeCommon_inner::-webkit-scrollbar {
  height: 6px;
  width: 0;
  background: transparent
}

.ouchirecipe .ouchirecipeCommon_inner::-webkit-scrollbar-thumb {
  background: none
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipeCommon_inner {
    overflow: hidden;
    margin-top: 36px
  }
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list {
  width: 1153px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list {
    padding: 0 38px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list {
    width: 100%;
    padding: 0;
    max-width: 1153px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list img {
  width: 100%
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item {
    width: calc(50% - 10px);
    margin-top: 30px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item {
    width: calc(25% - 5px);
    margin-top: 0
  }
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item:not(:first-child) {
  margin-left: 4px
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item a:hover {
  color: #093
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item .ouchirecipeCommonItem_img {
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 212px
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item .ouchirecipeCommonItem_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipeCommon_inner .ouchirecipeCommon_list .ouchirecipeCommon_item .ouchirecipeCommonItem_txt {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  padding: 0 10px
}

.ouchirecipe .ouchirecipe_special {
  padding: 40px 0;
  background: #fff6e3
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special {
    padding: 36px 0 27px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_special {
    padding: 36px 0 56px
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_ttl {
  text-align: center;
  font-size: 18px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_ttl {
    font-size: 24px
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list.ouchirecipeSpecial_list-tag {
    margin-top: 10px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list.ouchirecipeSpecial_list-tag {
    margin-top: -8px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list.ouchirecipeSpecial_list-tag .ouchirecipeSpecial_item {
    margin: 26px 2px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list.ouchirecipeSpecial_list-tag .ouchirecipeSpecial_item {
    margin: 40px 2px 0
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list.left {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item {
    display: inline-block;
    width: calc(33.333% - 4px);
    margin-top: 22px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item {
    width: calc(25% - 4px);
    margin: 22px 2px 0
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a {
    display: block
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_img {
  width: calc(50% - 7.5px);
  border-radius: 8px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_img {
    width: 100%
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_details {
  width: calc(50% - 7.5px)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_details {
    width: 100%;
    padding: 0 20px;
    margin-top: 12px
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_details .txt {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.6
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_details .txt {
    font-size: 16px
  }
}

.ouchirecipe .ouchirecipe_special .ouchirecipeSpecial_list .ouchirecipeSpecial_item a .ouchirecipeSpecialItem_details .type {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #093
}

.ouchirecipe .ouchirecipe_top {
  position: relative
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl {
  width: 182px;
  margin: 10px auto 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl {
    width: 223px;
    margin: 15px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl {
    width: 253px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl img {
  width: 100%
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_ttl {
  margin: 10px auto 30px;
  width: 100%;
  max-width: 230px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_ttl {
    margin: 16px auto 40px;
    max-width: 344px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_ttl {
    margin: 16px auto 55px;
    max-width: 420px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_ttl img {
  width: 100%
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration {
  position: absolute;
  width: 460px;
  height: 150px;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: -1
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration {
    width: 920px;
    height: 260px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration {
    width: 1280px;
    height: 320px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration {
  position: absolute;
  top: -9px;
  width: 300px;
  z-index: -1
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration {
    top: -14px;
    width: 520px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration {
    top: -16px;
    width: 640px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration img {
  width: 100%
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration .u-sp {
    display: none
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration .u-pc {
  display: none
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration .u-pc {
    display: block;
    position: absolute;
    top: 0
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration-left {
  left: 0;
  z-index: -1
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_illustration .illustration-right {
  right: 0;
  z-index: -2
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search {
  position: relative;
  padding: 16px 0 23px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search {
    padding: 24px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search {
    margin: 0 auto;
    padding: 24px 32px;
    max-width: 1153px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .inner_container {
    max-width: 100%
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_bg {
  pointer-events: none;
  width: 220px;
  position: absolute;
  top: -50%;
  right: -100px
}

@media screen and (min-width:375px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_bg {
    right: -80px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_bg {
    width: 398px;
    right: -130px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_bg {
    width: 944px;
    top: -250px;
    right: -400px;
    z-index: -1
  }
}

@media screen and (min-width:1450px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_bg {
    width: 1074px;
    top: -250px;
    right: -600px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_bg img {
  width: 100%
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form {
    width: 391px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar {
  width: calc(75% - 5px);
  border-bottom: 1px solid #093;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar {
    width: calc(100% - 105px)
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar .ico {
  position: absolute;
  left: 0;
  top: 14px;
  width: 17px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar .ico {
    top: 6px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar input {
  outline: none;
  width: 100%;
  color: #555;
  font-size: 16px;
  -webkit-transform: translateX(-10px) scale(.9);
  transform: translateX(-10px) scale(.9);
  text-indent: 30px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar input {
    font-size: 14px;
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar input {
    font-size: 15px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar input:focus {
  text-indent: 5px !important
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_bar input:focus+.ico {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn {
  background: #093;
  border-radius: 3px;
  width: 25%;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn {
    width: 100px;
    height: 33px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn:hover {
  background: #fff
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn:hover a {
  color: #093
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:560px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn a {
    font-size: 12px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_form .ouchirecipeTopSearch_btn a {
    font-size: 15px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link {
  position: relative;
  width: 88px;
  margin: 20px auto 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link {
    position: absolute;
    top: 15px;
    left: 440px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link {
    top: 8px;
    left: 480px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link a {
  display: block;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link a:hover:after {
  right: -5px
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  position: absolute;
  width: 17px;
  height: 13px;
  top: calc(50% - 1px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_link a:after, _:-ms-lang(x) {
  width: 17px;
  height: 13px
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 15px;
  margin-top: 22px
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list::-webkit-scrollbar {
  height: 6px;
  width: 0;
  background: transparent
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list::-webkit-scrollbar-thumb {
  background: none
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list {
    padding: 0 38px;
    margin-top: 14px;
    overflow: hidden;
    white-space: normal
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list {
    padding: 0;
    width: 100%
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list .ouchirecipeTopSearch_item {
  display: inline-block;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #8cc63e;
  border-radius: 20px;
  margin-right: 5px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list .ouchirecipeTopSearch_item {
    margin-top: 10px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list .ouchirecipeTopSearch_item a {
  padding: 7px 10px;
  display: block;
  font-size: 12px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_list .ouchirecipeTopSearch_item a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_arrow {
  position: absolute;
  right: 0;
  bottom: 23px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(226, 245, 248, .9)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_arrow {
    display: none;
    pointer-events: none
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_search .ouchirecipeTopSearch_arrow img {
  width: 9px
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl {
  font-size: 24px;
  text-align: center
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl.u-sp {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl {
    font-size: 24px
  }
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_subTtl.u-sp {
    display: none
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe {
  margin-top: 8px;
  padding: 20px 0 40px;
  border-radius: 3px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe {
    padding: 36px 0 48px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe {
    margin: 16px auto 0;
    max-width: 1153px;
    padding: 32px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipeMain_txt {
  margin: 30px;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipeMain_txt {
    max-width: 480px;
    margin: 36px auto 0
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipeMain_txt.u-sp {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipeMain_txt {
    max-width: 100%;
    margin-top: 40px;
    letter-spacing: .1em;
    line-height: 2;
    font-size: 15px
  }
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipeMain_txt.u-sp {
    display: none
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main {
    margin: 28px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:560px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic {
    width: 500px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic {
    width: 541px;
    margin: 0
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic a {
  display: block;
  color: #534741;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .img {
  max-width: 500px;
  display: block;
  border-radius: 8px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .img {
    margin: 0 auto
  }
}

@media screen and (min-width:760px) and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .img {
    margin: 0
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .img img {
  border-radius: 8px;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1);
  width: 100%
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .img img {
    height: 406px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .txt {
  display: inline-block;
  padding: 0 10px;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .txt {
    margin: 12px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_pic .txt {
    padding: 0 20px;
    font-size: 16px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_details.u-pc {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_details {
    width: calc(100% - 600px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 52px
  }
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_details.u-pc {
    display: block
  }
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_details-wrapper {
    position: relative;
    top: 15%
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_details .ouchirecipeTop_link {
    width: 300px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_main .ouchirecipeTopRecipeMain_details .ouchirecipeTop_link .c-link {
    margin-top: 52px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item {
  margin-top: 28px;
  width: calc(50% - 5px)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item {
    margin-top: 34px;
    width: calc(25% - 2px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item {
    margin-top: 38px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item a {
  display: block;
  color: #534741;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item .img {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 128px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item .img {
    height: 212px
  }
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item .img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item .txt {
  display: inline-block;
  padding: 0 10px;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTopRecipe_list .ouchirecipeTopRecipe_item .txt {
    padding: 0 20px;
    font-size: 15px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTop_link.u-sp {
    margin: 0 auto;
    max-width: 300px;
    display: block
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_top .ouchirecipeTop_recipe .ouchirecipeTop_link.u-sp {
    display: none
  }
}

.ouchirecipe .ouchirecipe_attention {
  margin-top: 64px
}

.ouchirecipe .ouchirecipe_topics {
  margin-top: 75px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_topics {
    margin-top: 95px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_topics .c-link {
    margin-top: 40px
  }
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list {
  margin-top: 34px
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list img {
  width: 100%
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list {
    width: 544px;
    margin: 34px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item {
  padding: 23px 0 28px;
  position: relative
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item {
    padding: 20px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item {
    padding: 16px 0;
    width: calc(50% - 31px)
  }
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item:nth-of-type(2):before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 6px 2px;
    position: absolute;
    left: 0;
    top: 0
  }
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_details {
  width: calc(100% - 180px);
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_details {
    width: calc(100% - 135px);
    padding-left: 40px
  }
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_details .ouchirecipeTopicsItem_ttl {
  font-size: 18px;
  font-weight: 700
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_img {
  width: 165px;
  height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_img {
    width: 152px;
    height: 114px;
    padding: 0;
    border-radius: 6px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_img {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.ouchirecipe .ouchirecipe_topics .ouchirecipeTopics_list .ouchirecipeTopics_item .ouchirecipeTopicsItem_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_popular {
  margin-top: 80px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_popular {
    margin-top: 118px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_popular .c-link {
    margin: 35px auto 0
  }
}

.ouchirecipe .ouchirecipe_keyword {
  margin-top: 64px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_keyword {
    margin: 64px auto 0
  }
  .ouchirecipe .ouchirecipe_keyword .inner_container {
    padding: 0 0 56px;
    position: relative
  }
  .ouchirecipe .ouchirecipe_keyword .inner_container:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 2px;
    position: absolute;
    left: 0;
    bottom: 0
  }
}

.ouchirecipe .ouchirecipe_keyword .ouchirecipeKeyword_ttl {
  padding: 30px 0 27px;
  position: relative
}

.ouchirecipe .ouchirecipe_keyword .ouchirecipeKeyword_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_keyword .ouchirecipeKeyword_ttl {
    padding: 46px 0 0;
    margin-bottom: 14px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_keyword .ouchirecipeKeyword_ttl {
    padding: 55px 0 0
  }
}

.ouchirecipe .ouchirecipe_keyword .p-searchRecipe {
  margin-top: 20px;
  padding-bottom: 30px;
  position: relative
}

.ouchirecipe .ouchirecipe_keyword .p-searchRecipe:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_keyword .p-searchRecipe {
    margin-top: 38px;
    padding-bottom: 64px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_keyword .p-searchRecipe {
    padding-bottom: 0
  }
  .ouchirecipe .ouchirecipe_keyword .p-searchRecipe:after {
    content: none
  }
}

.ouchirecipe .ouchirecipe_classic {
  margin-top: 40px;
  padding-bottom: 64px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_classic {
    margin-top: 38px
  }
}

.ouchirecipe .ouchirecipe_classic img {
  width: 100%
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 811px;
    margin: 0 auto
  }
  .ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list:after, .ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list:before {
    content: "";
    display: block;
    width: 25%;
    height: 0
  }
  .ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item {
  width: 50%;
  margin: 36px auto 0;
  text-align: center
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item {
    width: calc(25% - 10px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item {
    margin: 57px auto 0;
    width: calc(25% - 10px)
  }
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item a {
  display: block
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item a:hover .ouchirecipeClassicItem_txt {
  color: #093
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item .ouchirecipeClassicItem_img {
  margin: 0 auto;
  width: 128px
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item .ouchirecipeClassicItem_img img {
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item .ouchirecipeClassicItem_txt {
  margin-top: 18px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item .ouchirecipeClassicItem_txt span {
  position: relative;
  display: inline-block;
  width: 15px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px)
}

.ouchirecipe .ouchirecipe_classic .ouchirecipeClassic_list .ouchirecipeClassic_item .ouchirecipeClassicItem_txt span img {
  position: absolute;
  left: 90%;
  top: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.ouchirecipe hr {
  border-top: 4px solid #f5f5f5
}

@-moz-document url-prefix() {
  .ouchirecipe hr {
    border-bottom: 4px
  }
}

.ouchirecipe .recipeCommon_ttl {
  font-size: 24px;
  text-align: center
}

.ouchirecipe .recipeTopAboutHowto_related {
  margin-top: 24px;
  padding-bottom: 22px;
  position: relative
}

.ouchirecipe .recipeTopAboutHowto_related:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.ouchirecipe .recipeTopAboutHowto_related.test01 {
  padding-top: 30px;
  padding-bottom: 0;
  position: relative
}

.ouchirecipe .recipeTopAboutHowto_related.test01:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

.ouchirecipe .recipeTopAboutHowto_related.test02 {
  padding-bottom: 24px
}

.ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item {
  margin-top: 24px
}

.ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 50px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
  .ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover .txt-container:after {
    right: -35px
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
  right: 0
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
    content: none
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .img-container {
  width: 51px
}

.ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .img-container img {
  width: 100%
}

.ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container {
  position: relative;
  width: calc(100% - 62px)
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container {
    width: auto
  }
  .ouchirecipe .recipeTopAboutHowto_related.test02 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container:after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: calc(50% - 1px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    background-size: cover;
    width: 17px;
    height: 13px;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test03 {
  padding-bottom: 24px
}

.ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item {
  margin-top: 24px
}

.ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 50px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
  .ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover .img-container img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  .ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover .txt-container:after {
    right: -35px
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
  right: 0
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
    content: none
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .img-container {
  border-radius: 3px;
  width: 92px;
  overflow: hidden
}

.ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .img-container img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container {
  position: relative;
  width: calc(100% - 102px)
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container {
    width: auto
  }
  .ouchirecipe .recipeTopAboutHowto_related.test03 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container:after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: calc(50% - 1px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    background-size: cover;
    width: 17px;
    height: 13px;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test04 {
  padding-top: 30px;
  padding-bottom: 0;
  position: relative
}

.ouchirecipe .recipeTopAboutHowto_related.test04:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

.ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item {
  margin-top: 24px
}

.ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 50px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal;
    padding-right: 0
  }
  .ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover .img-container img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  .ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover .txt-container:after {
    right: -35px
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
  right: 0
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
    content: none
  }
}

.ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .img-container {
  border-radius: 3px;
  width: 92px;
  overflow: hidden
}

.ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .img-container img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container {
  position: relative;
  width: calc(100% - 102px)
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container {
    width: auto
  }
  .ouchirecipe .recipeTopAboutHowto_related.test04 .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a .txt-container:after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: calc(50% - 1px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    background-size: cover;
    width: 17px;
    height: 13px;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
}

.ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_link {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #093
}

.ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_list, .ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item {
  margin-top: 12px
}

.ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover {
    color: #093
  }
  .ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:hover:after {
    right: -35px
  }
}

.ouchirecipe .recipeTopAboutHowto_related .recipeTopAboutHowtoRelated_list .recipeTopAboutHowtoRelated_item a:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_top .recipeTop_inner {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner {
    margin-top: 36px;
    padding: 0 38px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner {
    padding: 0;
    margin: 60px auto 0;
    max-width: 1153px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie {
  position: relative;
  cursor: pointer
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie:hover .recipeTopInnerMoviePlay_btn {
  -webkit-animation: pulse 1s forwards;
  animation: pulse 1s forwards
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie {
    width: 692px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie {
    width: 720px;
    margin: 0
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_img img {
  width: 100%
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play {
  position: absolute;
  left: 15px;
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play {
    display: block
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_txt {
  font-size: 13px;
  font-weight: 700;
  color: #093;
  padding-left: 7px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_txt {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_btn {
  position: relative;
  background: #093;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  padding: 16px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_btn {
    width: 58px;
    height: 58px;
    margin-top: 12px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_btn {
    width: 60px;
    height: 60px;
    padding: 18px 20px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_btn img {
  width: 12px;
  height: 12px;
  position: absolute;
  left: calc(50% + 1px);
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_btn img {
    width: 23px;
    height: 23px;
    left: calc(50% + 2px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_movie .recipeTopInnerMovie_play .recipeTopInnerMoviePlay_btn img {
    width: 24px;
    height: 24px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details {
  padding: 0 15px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details {
    width: calc(100% - 780px);
    padding: 0
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data {
  padding-bottom: 32px;
  position: relative
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data {
    padding-bottom: 36px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner {
    max-width: 400px;
    margin: 24px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner {
    max-width: 100%;
    margin-top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.time img {
  width: 18px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.time img {
    width: 25px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.energy {
  position: relative
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.energy:after {
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 60px);
  background: linear-gradient(180deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-y;
  background-size: 2px 7px;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.energy {
    padding-left: 0
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.energy:after {
  height: 100%
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.energy img {
  width: 17px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.energy img {
    width: 23px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_img {
    text-align: center
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_img span {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  color: #093
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_img span {
    font-size: 17px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_txt {
  line-height: 1;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 700;
  visibility: hidden
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_txt {
    font-size: 28px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_txt span {
  font-size: 13px;
  font-weight: 400
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_txt span:first-child {
  font-weight: 700;
  font-size: 20px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_txt span:first-child {
    font-size: 28px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .recipeTopInnerDetailsData_txt span {
    font-size: 15px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_caution {
  margin-top: 16px;
  font-size: 10px;
  text-align: center
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_caution {
    margin-top: 22px;
    font-size: 12px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description {
  margin-top: 32px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description {
    margin-top: 40px
  }
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description.test01, .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description.test01 .recipeTopInnerDetailsDescription_list, .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description.test04, .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description.test04 .recipeTopInnerDetailsDescription_list {
    margin-top: 18px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description .recipeTopInnerDetailsDescription_txt {
  font-size: 16px;
  line-height: 1.8
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description .recipeTopInnerDetailsDescription_list {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description .recipeTopInnerDetailsDescription_list {
    margin-top: 24px
  }
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description .recipeTopInnerDetailsDescription_list .recipeTopInnerDetailsDescription_item {
  display: inline-block;
  margin: 6px 20px 0 0
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description .recipeTopInnerDetailsDescription_list .recipeTopInnerDetailsDescription_item a {
  color: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_description .recipeTopInnerDetailsDescription_list .recipeTopInnerDetailsDescription_item a:hover {
  opacity: .7
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about {
    padding: 0 38px;
    margin: 60px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_about {
    padding: 0;
    margin: 66px auto 0;
    max-width: 1153px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients {
  margin-top: 44px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients {
    width: 50%;
    margin-top: 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients {
    width: 456px;
    margin-top: 0
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item, .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl, .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl {
  padding: 0 15px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #fff
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item, .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl, .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl {
    padding: 0 24px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl, .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl {
  min-height: 50px;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .ttl {
  font-size: 21px;
  color: #093;
  font-weight: 700;
  min-width: 60px;
  display: inline-block;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .for {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .for strong {
  font-size: 26px;
  font-weight: 500;
  padding: 0 5px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .for em {
  font-size: 16px;
  color: #093;
  font-style: normal;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl {
  font-size: 14px;
  font-weight: 400
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item {
  font-size: 14px;
  height: 52px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item.no-link {
  pointer-events: none;
  cursor: none
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item.no-link a {
  text-decoration: none
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item span:first-child {
  width: 70%;
  font-weight: 700
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item span:last-child {
  width: 30%;
  text-align: right
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item a {
  display: inline-block;
  color: #333;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_item a:hover {
  color: #093;
  text-decoration: underline !important
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used {
  margin-top: 44px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .inner_container {
    padding: 0
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_ttl {
  font-size: 16px;
  color: #093
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item {
  margin-top: 14px;
  padding: 16px;
  background: #f2f2f2;
  border-radius: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item img {
  width: auto;
  height: 100%
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_img {
  padding: 11px 25px;
  width: 132px;
  height: 132px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 15px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details {
    padding-left: 24px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .ttl {
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .ttl {
    font-size: 18px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link {
  margin-top: 7px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a {
  display: inline-block;
  text-decoration: underline;
  -webkit-text-decoration-color: #093;
  text-decoration-color: #093;
  font-size: 14px;
  color: #212121;
  position: relative;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a:hover {
  color: #093
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a:hover:after {
  right: -35px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto {
  margin-top: 60px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto {
    width: 50%;
    margin-top: 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto {
    width: calc(100% - 516px)
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .inner_container {
    padding: 0 0 0 30px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_ttl {
  font-size: 21px;
  color: #093;
  text-align: center
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_ttl {
    font-size: 24px;
    text-align: left
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item {
  font-size: 15px;
  line-height: 2;
  padding-top: 24px;
  padding-left: 44px;
  padding-bottom: 22px;
  position: relative
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item span.howTo_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 44px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 700;
  font-family: Lato, sans-serif;
  color: #fff;
  background: #093;
  padding: 6px 12px 8px;
  border-radius: 50%;
  width: 28px;
  height: 28px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item span.howTo_number {
    top: 40px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number {
  position: relative;
  display: inline-block;
  padding: 0 5px 1px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 0;
  vertical-align: text-bottom
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  content: "";
  width: 18px;
  height: 18px;
  text-align: center;
  color: #093;
  border: 1px solid #093;
  border-radius: 50%;
  font-size: 11px;
  line-height: 16px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num1:after {
  content: "1"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num2:after {
  content: "2"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num3:after {
  content: "3"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num4:after {
  content: "4"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num5:after {
  content: "5"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num6:after {
  content: "6"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num7:after {
  content: "7"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num8:after {
  content: "8"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num9:after {
  content: "9"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num10:after {
  content: "10"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num11:after {
  content: "11"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num12:after {
  content: "12"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num13:after {
  content: "13"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num14:after {
  content: "14"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num15:after {
  content: "15"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num16:after {
  content: "16"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num17:after {
  content: "17"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num18:after {
  content: "18"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num19:after {
  content: "19"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num20:after {
  content: "20"
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item:after {
  left: auto;
  right: 0;
  width: calc(100% - 45px)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item:last-child:after {
  content: none
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item a {
  position: relative;
  display: inline-block;
  color: #093;
  font-weight: 700;
  text-decoration: underline;
  padding: 0 13px 0 5px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item a:after {
  content: "";
  background: url(/assets/img/common/ico_otherWindow.svg);
  background-size: cover;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  right: 2px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_img {
  max-width: 260px;
  margin: 20px auto 0;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_img img {
  width: 100%;
}
@media screen and (min-width:760px) {

  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_img {
    max-width: 340px;
    margin: 30px auto 0;
  }
  
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution {
  margin-top: 14px;
  padding-bottom: 36px;
  padding-left: 44px;
  line-height: 1.8;
  font-size: 14px;
  position: relative
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution span {
  display: block
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point {
  margin-top: 40px;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point .recipeTopAboutHowtoPoint_ttl {
  padding-left: 48px;
  display: inline-block;
  color: #093;
  text-transform: uppercase;
  position: relative;
  font-size: 16px;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point .recipeTopAboutHowtoPoint_ttl:before {
  content: '';
  display: block;
  width: 36px;
  height: 37px;
  background-image: url(/assets/img/ouchirecipe/ico-memo.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -8px;
  left: 7px;
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point .recipeTopAboutHowtoPoint_txt {
  margin-top: 16px;
  color: #093;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
  padding: 20px;
  border: 1px solid #093;
  border-radius: 6px
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie {
  margin-top: 58px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie {
    padding-left: 30px;
    margin-top: 36px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie {
    margin-top: 42px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_ttl {
  padding: 0 15px;
  font-size: 16px;
  color: #093
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_ttl {
    padding-left: 0
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal {
  cursor: pointer;
  margin-top: 10px;
  position: relative;
  width: 100%;
  height: 212px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal {
    width: 315px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal {
    width: 100%;
    height: 260px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal {
    width: 523px;
    height: 295px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal:hover .recipeTopAboutHowtoMovieModal_img:after {
  background: hsla(0, 0%, 100%, 0)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal:hover .recipeTopAboutHowtoMovieModal_play {
  -webkit-animation: pulse 1s forwards;
  animation: pulse 1s forwards
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal .recipeTopAboutHowtoMovieModal_img {
  display: block;
  width: 100%;
  height: 212px;
  overflow: hidden;
  position: relative
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal .recipeTopAboutHowtoMovieModal_img {
    width: 523px;
    height: 295px
  }
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal .recipeTopAboutHowtoMovieModal_img:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, .12);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal .recipeTopAboutHowtoMovieModal_img img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal .recipeTopAboutHowtoMovieModal_play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #093
}

.ouchirecipe .recipe_top .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_movie .recipeTopAboutHowtoMovie_modal .recipeTopAboutHowtoMovieModal_play img {
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  width: 17px;
  height: 17px
}

.recipe_person {
  max-width: 1153px;
  margin: 100px auto;
  background-color: #e0f3e6;
}

.recipe_person .recipePerson_inner {
  padding: 30px 40px;
  display: flex;
  align-items: center;
}

.recipe_person .recipePerson_inner .recipePerson_img {
  width: 200px;
  height: 200px;
  border-radius: 200px;
  overflow: hidden;
  margin-right: 30px;
  flex: 0 0 200px;
}

.recipe_person .recipePerson_inner .recipePerson_tx {
  flex: auto;
}

.recipe_person .recipePerson_inner .recipePerson_tx .recipePerson_name {
  font-size: 24px;
  text-align: left;
  color: #093;
  font-weight: bold;
  margin-bottom: 1em;
}
  
.recipe_person .recipePerson_inner .recipePerson_img img {
  width: 100%;
}

@media screen and (min-width:760px) {
  
  .recipe_person .recipePerson_inner .recipePerson_tx .recipePerson_name br {
    display: none;
  }

}

@media screen and (max-width:759px) {
  
  .recipe_person {
    margin: 60px 20px 0;
  }
  
  .recipe_person .recipePerson_inner {
    padding: 20px;
    flex-direction: column;
  }
  
  .recipe_person .recipePerson_inner .recipePerson_img {
    flex: auto;
    width: 160px;
    height: 160px;
    margin-bottom: 20px;
    margin-right: 0;
  }
  
  .recipe_person .recipePerson_inner .recipePerson_tx {
    flex: 0 0 100%;
  }
  
  .recipe_person .recipePerson_inner .recipePerson_tx .recipePerson_name {
    font-size: 21px;
    text-align: center;
  }

}





.ouchirecipe .recipe_nutrition {
  margin-top: 60px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition {
    margin-top: 36px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_nutrition {
    margin-top: 100px
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_ttl {
  font-size: 18px;
  margin-bottom: -5px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_ttl {
    font-size: 24px;
    text-align: center
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_ttl span {
  font-size: 14px
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list {
    max-width: 693px;
    margin: 0 auto
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list {
    max-width: 760px
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item {
  width: 33.333%;
  margin-top: 25px;
  padding-left: 22px;
  position: relative
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:after {
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 60px);
  background: linear-gradient(180deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-y;
  background-size: 2px 7px;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item {
    width: 16.666%;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item {
    margin-top: 33px
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:after {
  height: 100%
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:nth-of-type(3n+1) {
  width: calc(33.333% - 22px);
  padding-left: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:nth-of-type(3n+1) {
    width: 16.666%
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:nth-of-type(3n+1):after {
  content: none
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:nth-of-type(3n+1):after {
    content: ""
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item:first-child:after {
    content: none
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item .recipeNutrition_txt {
  font-size: 12px;
  color: #093
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item .recipeNutrition_txt {
    line-height: 1;
    font-size: 16px
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item .recipeNutrition_num {
  font-size: 20px;
  font-weight: 700
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item .recipeNutrition_num {
    line-height: 1;
    font-size: 24px;
    padding-top: 10px
  }
}

.ouchirecipe .recipe_nutrition .recipeNutrition_list .recipeNutrition_item .recipeNutrition_num span {
  font-size: 13px;
  font-weight: 400;
  margin-left: 2px
}

.ouchirecipe .recipe_related {
  margin: 40px auto
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_related {
    margin-bottom: 64px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_related {
    margin: 86px auto 94px
  }
}

.ouchirecipe .recipe_related .recipeRelated_ttl {
  text-align: center;
  font-size: 18px;
  letter-spacing: .08em
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_related .recipeRelated_ttl {
    font-size: 24px
  }
}

.ouchirecipe .recipe_related .recipeRelated_list {
  margin-top: 20px;
  text-align: center;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_related .recipeRelated_list {
    max-width: 693px;
    margin: 36px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_related .recipeRelated_list {
    max-width: 856px;
    margin: 26px auto 0
  }
}

.ouchirecipe .recipe_related .recipeRelated_list .recipeRelated_item {
  display: inline-block;
  margin-right: 6px
}

.ouchirecipe .recipe_related .recipeRelated_list .recipeRelated_item:last-child {
  margin-right: 0
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_related .recipeRelated_list .recipeRelated_item {
    margin-right: 20px
  }
}

.ouchirecipe .recipe_related .recipeRelated_list .recipeRelated_item a {
  color: #093;
  font-size: 16px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_related .recipeRelated_list .recipeRelated_item a:hover {
  opacity: .7
}

.ouchirecipe .recipe_pickup {
  padding: 40px 20px 32px;
  position: relative
}

.ouchirecipe .recipe_pickup:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup {
    padding: 0 0 64px;
    margin: 0 auto;
    max-width: 692px
  }
  .ouchirecipe .recipe_pickup:after {
    content: none
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_pickup {
    padding: 0 0 96px;
    max-width: 960px
  }
}

.ouchirecipe .recipe_pickup:after {
  width: calc(100% - 40px);
  left: 20px
}

.ouchirecipe .recipe_pickup .recipePickup_inner {
  background: #f2f2f2;
  border-radius: 6px;
  overflow: hidden;
  padding: 0 0 32px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_pickup .recipePickup_inner {
    padding: 38px 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

.ouchirecipe .recipe_pickup .recipePickup_img.u-tab {
  display: none
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .recipePickup_img {
    width: calc(50% - 15px);
    border-radius: 6px;
    overflow: hidden
  }
  .ouchirecipe .recipe_pickup .recipePickup_img.u-tab {
    display: block
  }
  .ouchirecipe .recipe_pickup .recipePickup_img.u-sp {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_pickup .recipePickup_img {
    width: calc(50% - 17.5px)
  }
  .ouchirecipe .recipe_pickup .recipePickup_img.u-tab {
    display: none
  }
  .ouchirecipe .recipe_pickup .recipePickup_img.u-sp {
    display: block
  }
}

.ouchirecipe .recipe_pickup .recipePickup_img img {
  width: 100%
}

.ouchirecipe .recipe_pickup .recipePickup_details {
  margin-top: 24px;
  padding: 0 24px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .recipePickup_details {
    margin-top: 0;
    padding: 0 30px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_pickup .recipePickup_details {
    padding: 0;
    width: calc(50% - 17.5px)
  }
}

.ouchirecipe .recipe_pickup .recipePickup_details .recipePickupDetails_ttl {
  font-size: 18px;
  color: #093;
  letter-spacing: .04em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .recipePickup_details .recipePickupDetails_ttl {
    margin-top: 40px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_pickup .recipePickup_details .recipePickupDetails_ttl {
    letter-spacing: .01em;
    margin-top: 0
  }
}

.ouchirecipe .recipe_pickup .recipePickup_details .recipePickupDetails_txt {
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .recipePickup_details .recipePickupDetails_txt {
    margin-top: 0;
    line-height: 2
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .recipePickupDetails_inner {
    margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .recipePickupDetails_inner .recipePickupDetails_text {
    width: calc(50% - 15px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_pickup .recipePickupDetails_inner .recipePickupDetails_text {
    width: 100%
  }
}

.ouchirecipe .recipe_pickup .c-link {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_pickup .c-link {
    max-width: 300px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_pickup .c-link {
    margin: 30px 0 0
  }
}

.ouchirecipe .recipe_used {
  padding: 0 0 34px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_used {
    padding: 0
  }
}

.ouchirecipe .recipe_used.no-dashedBorder .recipeUsed_ttl {
  margin-top: 24px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_used.no-dashedBorder .recipeUsed_ttl {
    margin-top: 0;
    padding-top: 76px
  }
}

.ouchirecipe .recipe_used.no-dashedBorder .recipeUsed_ttl:after {
  content: none
}

.ouchirecipe .recipe_used .recipeUsed_inner {
  overflow-x: auto;
  overflow-y: hidden
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_used .recipeUsed_inner::-webkit-scrollbar {
    height: 6px;
    width: 0;
    background: transparent
  }
  .ouchirecipe .recipe_used .recipeUsed_inner::-webkit-scrollbar-thumb {
    background: none
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_used .recipeUsed_inner {
    padding-bottom: 0;
    overflow: hidden
  }
}

.ouchirecipe .recipe_used .recipeUsed_ttl {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 0 20px;
  padding-top: 20px;
  text-align: center;
  position: relative
}

.ouchirecipe .recipe_used .recipeUsed_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_used .recipeUsed_ttl:after {
    content: none
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_used .recipeUsed_ttl {
    padding-top: 96px;
    text-align: center;
    font-size: 24px
  }
}

.ouchirecipe .recipe_used .recipeUsed_list {
  width: 1153px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 0 20px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_used .recipeUsed_list::-webkit-scrollbar {
    height: 6px;
    width: 0;
    background: transparent
  }
  .ouchirecipe .recipe_used .recipeUsed_list::-webkit-scrollbar-thumb {
    background: none
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_used .recipeUsed_list {
    margin: 20px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_used .recipeUsed_list {
    max-width: 1153px;
    margin: 36px auto 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .ouchirecipe .recipe_used .recipeUsed_list:after, .ouchirecipe .recipe_used .recipeUsed_list:before {
    content: "";
    display: block;
    width: calc(25% - 5px);
    height: 0
  }
  .ouchirecipe .recipe_used .recipeUsed_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item {
    width: calc(25% - 5px)
  }
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item:not(:first-child) {
  margin-left: 4px
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a {
  display: block;
  color: #333
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a:hover .recipeUsedItemData_label {
  color: #093
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a:hover .recipeUsedItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_img {
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 212px
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data {
  padding: 10px 10px 0
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data .recipeUsedItemData_label {
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data .recipeUsedItemData_details {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data .recipeUsedItemData_details p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data .recipeUsedItemData_details p:nth-of-type(2) {
  margin-left: 12px
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data .recipeUsedItemData_details p .num {
  font-size: 21px;
  font-weight: 700;
  padding: 0 3px
}

.ouchirecipe .recipe_used .recipeUsed_list .recipeUsed_item a .recipeUsedItem_data .recipeUsedItemData_details p .txt {
  font-size: 16px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_used .c-link {
    margin: 60px auto 0
  }
}

.ouchirecipe .recipe_history {
  display: none;
  padding: 0 0 34px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_history {
    padding: 0
  }
}

.ouchirecipe .recipe_history.no-dashedBorder .recipeHistory_ttl {
  margin-top: 24px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_history.no-dashedBorder .recipeHistory_ttl {
    margin-top: 0;
    padding-top: 76px
  }
}

.ouchirecipe .recipe_history.no-dashedBorder .recipeHistory_ttl:after {
  content: none
}

.ouchirecipe .recipe_history .recipeHistory_inner {
  overflow-x: auto;
  overflow-y: hidden
}

.ouchirecipe .recipe_history .recipeHistory_ttl {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 0 20px;
  padding-top: 20px;
  position: relative
}

.ouchirecipe .recipe_history .recipeHistory_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_history .recipeHistory_ttl:after {
    content: none
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_history .recipeHistory_ttl {
    padding-top: 96px;
    text-align: center;
    font-size: 24px
  }
}

.ouchirecipe .recipe_history .recipeHistory_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding: 0 20px;
  overflow-x: auto;
  overflow-y: hidden
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_history .recipeHistory_list::-webkit-scrollbar {
    height: 6px;
    width: 0;
    background: transparent
  }
  .ouchirecipe .recipe_history .recipeHistory_list::-webkit-scrollbar-thumb {
    background: none
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_history .recipeHistory_list {
    max-width: 1153px;
    margin: 20px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_history .recipeHistory_list {
    margin: 36px auto 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item {
    width: calc(25% - 5px)
  }
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item:not(:first-child) {
  margin-left: 4px
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item:last-child {
  padding-right: 20px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item:last-child {
    padding-right: 0
  }
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a {
  width: 285px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  color: #333
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a {
    width: 275px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a {
    width: 283px
  }
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a:hover .recipeHistoryItemData_label {
  color: #093
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a:hover .recipeHistoryItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_img {
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 212px
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data {
  padding: 20px 15px 0
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data .recipeHistoryItemData_label {
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data .recipeHistoryItemData_details {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data .recipeHistoryItemData_details p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data .recipeHistoryItemData_details p:nth-of-type(2) {
  margin-left: 12px
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data .recipeHistoryItemData_details p .num {
  font-size: 21px;
  font-weight: 700;
  padding: 0 3px
}

.ouchirecipe .recipe_history .recipeHistory_list .recipeHistory_item a .recipeHistoryItem_data .recipeHistoryItemData_details p .txt {
  font-size: 16px
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_history .c-link {
    margin-top: 60px
  }
}

.ouchirecipe .recipe_search {
  margin-top: 22px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search {
    margin-top: 30px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_search {
    margin-top: 94px
  }
}

.ouchirecipe .recipe_search h3 {
  font-size: 22px;
  font-weight: 400
}

@media screen and (min-width:960px) {
  .ouchirecipe .recipe_search h3 {
    font-size: 21px
  }
}

.ouchirecipe .recipe_search a {
  display: block;
  color: #093;
  -webkit-transition: .4s;
  transition: .4s
}

.ouchirecipe .recipe_search a:hover {
  opacity: .7
}

.ouchirecipe .recipe_search .recipeSearch_inner {
  background: #f5f5f5
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_list {
    max-width: 100%
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item {
  padding-top: 32px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item {
    width: 50%
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item {
    width: 50%;
    padding-top: 40px
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item:not(:first-child) {
  position: relative
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item:not(:first-child):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item:not(:first-child) {
    width: 50%;
    padding-left: 30px;
    position: relative
  }
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item:not(:first-child):after {
    content: "";
    display: block;
    width: 2px;
    height: calc(100% - 60px);
    background: linear-gradient(180deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-y;
    background-size: 2px 7px;
    position: absolute;
    top: 0;
    left: 0;
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: calc(100% - 70px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item:not(:first-child) {
    padding-left: 64px
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_ttl {
  color: #093;
  font-size: 22px;
  font-weight: 400
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_ttl {
    padding-bottom: 14px;
    font-size: 21px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_ttl {
    padding-bottom: 0
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list.small .recipeSearchItem_item {
    margin: 14px 0 0;
    width: 50%
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list.small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list.small .recipeSearchItem_item {
    margin: 32px auto 0;
    width: 50%
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list:after, .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list:before {
    content: "";
    display: block;
    width: 50%;
    height: 0
  }
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item {
  margin: 16px auto 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item {
    width: 50%;
    margin: 14px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item {
    margin: 32px auto 0
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item:last-child {
  padding-bottom: 28px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item:last-child {
    padding-bottom: 50px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item:last-child {
    padding-bottom: 48px
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item *:hover {
  color: #093
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item * {
    font-size: 16px
  }
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item * span:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px;
  height: 40px
}

.ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item * span:nth-of-type(2) {
  letter-spacing: 0;
  padding-left: 10px
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item * span:nth-of-type(2) {
    padding-left: 1px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_inner .recipeSearchInner_item .recipeSearchItem_item * span:nth-of-type(2) {
    padding-left: 10px
  }
}

.ouchirecipe .recipe_search .recipeSearch_outer {
  margin-top: 22px;
  padding-bottom: 22px;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_search .recipeSearch_outer {
    max-width: 693px;
    padding-bottom: 30px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_outer {
    max-width: 100%;
    margin-top: 24px
  }
}

.ouchirecipe .recipe_search .recipeSearch_outer .recipeSearchOuter_list {
  margin: 9px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_outer .recipeSearchOuter_list {
    margin: 14px auto 0
  }
}

.ouchirecipe .recipe_search .recipeSearch_outer .recipeSearchOuter_list .recipeSearchOuter_item:not(:first-child) {
  position: relative;
  margin-left: 16px;
  padding-left: 26px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_search .recipeSearch_outer .recipeSearchOuter_list .recipeSearchOuter_item:not(:first-child) {
    margin-left: 14px;
    padding-left: 24px
  }
}

.ouchirecipe .recipe_search .recipeSearch_outer .recipeSearchOuter_list .recipeSearchOuter_item:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  border: solid #093;
  border-width: 1px 1px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.ouchirecipe .recipe_search .recipeSearch_outer .recipeSearchOuter_list .recipeSearchOuter_item a {
  font-size: 18px
}

.ouchirecipe .recipe_brand {
  background: #f5f5f5;
  padding: 26px 0 43px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_brand {
    padding: 44px 0 92px
  }
}

.ouchirecipe .recipe_brand .recipeBrand_list {
  margin: 6px 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.ouchirecipe .recipe_brand .recipeBrand_list.left {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: normal
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_brand .recipeBrand_list {
    margin: 44px auto 0;
    max-width: 1152px
  }
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item {
  width: calc(50% - 2.5px);
  margin: 20px 1.25px 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item {
    width: calc(25% - 2px);
    margin: 20px 1px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item {
    width: calc(20% - 2px);
    margin: 0 1px
  }
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a {
  display: block;
  width: 100%
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a:hover img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a:hover .recipeBrandItem_txt {
  color: #093
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a .recipeBrandItem_img {
  border-radius: 8px;
  overflow: hidden
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a .recipeBrandItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a .recipeBrandItem_txt {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding: 10px 10px 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .ouchirecipe .recipe_brand .recipeBrand_list .recipeBrand_item a .recipeBrandItem_txt {
    padding: 12px 14px 0
  }
}

@media print {
  .l-footer, .l-header, .o-breadcrumbs, .officeDomain_link, .officeDomestic_company, .officeMap_link, .p-brandPickUp, .p-searchRecipeArea, .p-sns, .recipe_brand, .recipe_history, .recipe_pickup, .recipe_related, .recipe_search, .recipe_sns, .recipe_used, .recipeTopAboutHowto_movie, .recipeTopInnerMovie_play, .recommend_content {
    display: none !important
  }
  .recipe_nutrition, .recipe_top {
    display: block !important
  }
  .company_ttl {
    margin-top: 0 !important
  }
  .officeMap_inner {
    padding-top: 0 !important
  }
}

.ouchirecipe.search .recipe_search {
  padding-bottom: 0
}

.ouchirecipe.search .p-sns {
  margin-top: 0
}

.ouchirecipe .search_recipe .searchRecipe_top {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_top {
    margin-top: 62px;
    margin-bottom: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_ttl {
  text-align: center;
  font-size: 20px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_ttl {
    text-align: left;
    font-size: 24px;
    width: 440px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_ttl {
    font-size: 32px;
    width: 700px
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner {
    margin-top: 0;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    width: calc(100% - 450px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner {
    width: calc(100% - 710px)
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_count {
  font-weight: 700
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_count {
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_count .searchRecipeTopCount_num {
  font-size: 21px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_count .searchRecipeTopCount_num {
    font-size: 32px
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_count .searchRecipeTopCount_txt {
  padding-left: 6px;
  font-size: 15px
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_count .searchRecipeTopCount_txt {
    display: inline-block;
    font-size: 18px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check {
    margin-left: 82px
  }
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_arrows .searchRecipeTopArrows_bot.is-active svg line, .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_arrows .searchRecipeTopArrows_bot.is-active svg path, .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_arrows .searchRecipeTopArrows_top.is-active svg line, .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_arrows .searchRecipeTopArrows_top.is-active svg path {
  stroke: #093
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_arrows .searchRecipeTopArrows_bot svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_btn {
  padding-left: 18px
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_btn.is-active a {
  color: #093
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_btn a {
  display: block;
  color: #ccc;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_btn a:hover {
  color: #093
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_top .searchRecipeTop_inner .searchRecipeTop_check .searchRecipeTop_btn a {
    font-size: 16px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .ouchirecipe .search_recipe .searchRecipe_list:after, .ouchirecipe .search_recipe .searchRecipe_list:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .ouchirecipe .search_recipe .searchRecipe_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .ouchirecipe .search_recipe .searchRecipe_list:after, .ouchirecipe .search_recipe .searchRecipe_list:before {
    content: "";
    display: block;
    width: calc(25% - 3px);
    height: 0
  }
  .ouchirecipe .search_recipe .searchRecipe_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item {
  width: calc(50% - 6px);
  margin: 25px 0 0
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item {
    width: calc(33.333% - 2px);
    margin: 36px 0 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item {
    width: calc(25% - 3px)
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item>a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item>a:hover {
  color: #093
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item>a:hover .searchRecipe_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_img {
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 128px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_img {
    height: 170px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_img {
    height: 212px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_txt {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_txt {
    font-size: 16px;
    padding: 0 20px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about {
  margin-top: 8px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about {
    padding: 0 20px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .num {
  display: inline-block;
  padding-left: 2px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  -webkit-transform: translateY(1px);
  transform: translateY(1px)
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .num {
    font-size: 20px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .txt {
  font-size: 12px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .txt {
    font-size: 14px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_time {
  display: inline-block;
  visibility: hidden
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_time .ico {
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px)
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_time .ico img {
  width: 16px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_time .ico img {
    width: 18px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy {
  display: inline-block
}

@media screen and (min-width:375px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy {
    margin-top: 5px;
    padding-left: 3px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy {
    padding-left: 10px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy .ico {
  display: inline-block;
  -webkit-transform: translateY(1px);
  transform: translateY(1px)
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy .ico img {
  width: 12px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy .ico img {
    width: 13px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details {
    padding: 0 20px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list {
  margin-top: 10px;
  display: inline-block
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item {
  display: inline;
  margin: 12px 0 0 auto
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item.dots {
  pointer-events: none
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item.dots a {
  text-decoration: none
}

@media screen and (min-width:375px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item {
    margin: 12px 5px 0 auto
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item:last-child {
  margin-right: 0
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item a {
  text-decoration: underline;
  display: inline-block;
  color: #333;
  font-size: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_details .searchRecipeDetails_list .searchRecipeDetails_item a:hover {
  color: #093
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags {
  margin-top: 8px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags {
    padding: 0 20px
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags .searchRecipeTags_list .searchRecipeTags_item {
  display: inline-block;
  margin: 7px 8px 0 0;
  border: 1px solid #8cc63e;
  border-radius: 17px
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags .searchRecipeTags_list .searchRecipeTags_item:last-child {
  margin-right: 0
}

@media screen and (min-width:960px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags .searchRecipeTags_list .searchRecipeTags_item:hover a {
    color: #093
  }
}

.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags .searchRecipeTags_list .searchRecipeTags_item a {
  display: block;
  font-size: 12px;
  line-height: 1;
  padding: 9px 10px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipe_tags .searchRecipeTags_list .searchRecipeTags_item a {
    font-size: 14px
  }
}

.ouchirecipe .search_recipe .searchRecipe_none {
  margin: 28px auto 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 113px;
  border: 1px solid #093;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .ouchirecipe .search_recipe .searchRecipe_none {
    margin: 44px auto 64px;
    width: 480px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_none {
    margin: 57px auto 96px;
    width: 651px
  }
}

.ouchirecipe .search_recipe .searchRecipe_none .searchRecipeNone_txt {
  color: #212121;
  font-size: 16px
}

.ouchirecipe .search_recipe .searchRecipe_related {
  margin: 46px auto 40px;
  padding-top: 40px;
  position: relative
}

.ouchirecipe .search_recipe .searchRecipe_related:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_related {
    margin: 33px auto 97px;
    padding-top: 56px
  }
}

.ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_ttl {
  font-size: 18px;
  letter-spacing: .1em;
  text-align: center
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_ttl {
    font-size: 24px
  }
}

.ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_list {
  margin-top: 18px;
  text-align: center
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_list {
    margin-top: 24px
  }
}

.ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_list .searchRecipeRelated_item {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 12px;
  border-radius: 16px;
  border: 1px solid #8cc63e;
  margin-right: 6px
}

.ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_list .searchRecipeRelated_item a {
  font-size: 12px;
  color: #333;
  display: block;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_list .searchRecipeRelated_item a:hover {
  color: #093
}

@media screen and (min-width:1280px) {
  .ouchirecipe .search_recipe .searchRecipe_related .searchRecipeRelated_list .searchRecipeRelated_item a {
    font-size: 14px
  }
}

.ouchirecipe .productRecome_recipe {
  padding: 28px 0 16px;
  background: #fff6e3
}

@media screen and (min-width:760px) {
  .ouchirecipe .productRecome_recipe {
    padding: 36px 0 62px
  }
}

.ouchirecipe .productRecome_recipe .productRecome_ttl {
  font-size: 21px;
  text-align: center
}

@media screen and (min-width:960px) {
  .ouchirecipe .productRecome_recipe .productRecome_ttl {
    font-size: 24px
  }
}

.ouchirecipe .productRecome_recipe .productRecome_list {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .ouchirecipe .productRecome_recipe .productRecome_list {
    margin: 26px auto 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .productRecome_recipe .productRecome_list {
    max-width: 100%;
    margin-top: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .ouchirecipe .productRecome_recipe .productRecome_list.left {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item {
  width: calc(50% - 4.5px);
  margin: 0 2.25px 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item {
    width: calc(25% - 5px);
    margin: 24px 2.5px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item {
    width: calc(20% - 5px)
  }
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a {
  display: block
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a:hover .txt {
  color: #093
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a span {
  display: inline-block
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .img {
  border-radius: 6px;
  overflow: hidden
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .txt {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding: 0 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .txt {
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .txt {
    margin-top: 12px;
    padding: 0 15px
  }
}

.ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .green {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #149933;
  padding: 0 10px
}

@media screen and (min-width:760px) {
  .ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .green {
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .productRecome_recipe .productRecome_list .productRecome_item a .green {
    padding: 0 15px
  }
}

.ouchirecipe .recipe_search {
  margin-top: 0
}

.ouchirecipe.searchDetail * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ouchirecipe.searchDetail .searchDetail_form {
  margin-bottom: 64px
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_form {
    margin-bottom: 48px
  }
}

.ouchirecipe.searchDetail .searchDetail_item {
  padding: 22px 0;
  position: relative
}

.ouchirecipe.searchDetail .searchDetail_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item {
    margin: 0 auto;
    max-width: 863px;
    padding: 43px 0 0
  }
  .ouchirecipe.searchDetail .searchDetail_item:after {
    content: none
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_item {
    max-width: 863px
  }
}

.ouchirecipe.searchDetail .searchDetail_item.last {
  position: relative
}

.ouchirecipe.searchDetail .searchDetail_item.last:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item.last:before {
    content: none
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl {
  position: relative;
  font-size: 18px;
  letter-spacing: .1em;
  color: #093
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl:after, .ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl:before {
  width: 11px;
  height: 1px;
  right: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl:after, .ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl:before {
    content: none
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl {
    pointer-events: none;
    font-size: 21px;
    padding-bottom: 48px
  }
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_ttl:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetail_data {
  padding: 26px 0 8px
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_data {
    display: block !important;
    padding: 0
  }
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_data.product {
    padding-bottom: 22px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_data {
    padding-bottom: 0
  }
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_data.product {
    padding-bottom: 48px
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetail_data .searchDetail_searchBar {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 15px;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetail_data .searchDetail_searchBar {
    max-width: 526px
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-size: 7px 2px;
  background-image: linear-gradient(90deg, #ccc, #ccc, 3px, transparent 4px, transparent 7px);
  background-repeat: repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion {
  width: 33.333%;
  margin-top: 22px;
  display: block
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion {
    width: 20%
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion {
    width: 16.666%
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion:not(:first-child) {
  margin-top: 22px
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion.is-active .searchDetailData_accordion-btn:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8px);
  bottom: -7px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 14px;
  height: 14px;
  background: #fff;
  border: solid #ccc;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 999
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion.is-active .searchDetailData_list-outer {
  height: auto;
  opacity: 1;
  pointer-events: all
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-btn {
  position: relative;
  text-align: center;
  padding-bottom: 30px;
  cursor: pointer
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-btn:hover .txt {
  color: #093
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-btn:after {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-btn .img {
  display: inline-block;
  overflow: hidden;
  width: 80px;
  margin: 0 auto
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-btn .img img {
  width: 100%
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-btn .txt {
  display: block;
  font-size: 15px;
  font-weight: 400;
  margin-top: 5px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_list-outer {
  pointer-events: none;
  height: 0;
  opacity: 0;
  width: calc(100vw - 60px);
  -webkit-transition: height .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
  transition: height .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_list-outer {
    width: 692px
  }
}

@media screen and (min-width:960px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_list-outer {
    width: 863px
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-hidden {
  min-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0 22px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_inner .searchDetailData_accordion .searchDetailData_accordion-hidden li {
    margin-top: 15px !important
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item:not(:first-child) {
  margin-top: 30px
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl {
    width: 170px;
    height: 30px
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl .icon {
  display: inline-block;
  width: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl .icon {
    width: 42px
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl .icon img {
  width: 100%
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl .txt {
  display: inline-block;
  padding-left: 7px;
  font-size: 16px
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl .txt {
    padding-left: 10px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 36px
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list {
    padding-left: 0;
    margin-top: -15px;
    width: calc(100% - 170px)
  }
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list.half li {
    width: calc(50% - 10px)
  }
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list.half .half-second {
    width: 33.3%
  }
}

@media screen and (min-width:760px) and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list.half .half-second {
    width: 25%
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list.third li {
    width: calc(33.333% - 10px)
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li {
  width: calc(50% - 10px);
  margin: 16px 5px 0;
  display: inline-block
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li {
    margin-top: 15px;
    width: calc(25% - 10px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li {
    width: calc(20% - 10px)
  }
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=checkbox], .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=radio] {
  opacity: 0;
  display: none
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li label {
  position: relative;
  font-size: 15px;
  display: inline-block;
  padding-left: 26px;
  cursor: pointer
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li label:after, .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li label:before {
  position: absolute;
  content: "";
  display: inline-block
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li label:before {
  height: 18px;
  width: 18px;
  border: 1px solid #ccc;
  border-radius: 3px;
  left: 0;
  top: 3px
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li label:before, _:-ms-lang(x) {
  top: -2px
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li label:after {
  height: 5px;
  width: 9px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 5px;
  top: 8px
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=checkbox]+label:after, .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=radio]+label:after {
  content: none
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=checkbox]:checked+label:after, .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=radio]:checked+label:after {
  content: ""
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=checkbox]:checked+label:before, .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=radio]:checked+label:before {
  background: #093
}

.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=checkbox]:focus+label:before, .ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li input[type=radio]:focus+label:before {
  outline: 5px auto #093
}

.ouchirecipe.searchDetail .searchDetail_submit {
  margin-top: 50px;
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: static;
  background: hsla(0, 0%, 100%, .9);
  z-index: 999;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.searchDetail .searchDetail_submit.is-active {
  position: fixed;
  left: 0;
  bottom: 0
}

.ouchirecipe.searchDetail .searchDetail_submit:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, tranparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none
}

@media screen and (min-width:760px) {
  .ouchirecipe.searchDetail .searchDetail_submit {
    margin-top: 78px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_submit {
    height: 82px
  }
}

.ouchirecipe.searchDetail .searchDetail_submit .searchDetailSubmit_count {
  font-size: 15px;
  font-weight: 700;
  padding-right: 20px
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_submit .searchDetailSubmit_count {
    padding-right: 46px
  }
}

.ouchirecipe.searchDetail .searchDetail_submit .searchDetailSubmit_count .num {
  font-size: 21px
}

.ouchirecipe.searchDetail .searchDetail_submit button {
  outline: none;
  border: 2px solid #093;
  border-radius: 3px;
  width: 100px;
  height: 50px;
  font-size: 15px;
  font-weight: 700
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_submit button {
    width: 160px
  }
}

.ouchirecipe.searchDetail .searchDetail_submit button.searchDetailSubmit_clear {
  background-color: #fff;
  color: #093;
  -webkit-transition: .4s;
  transition: .4s
}

.ouchirecipe.searchDetail .searchDetail_submit button.searchDetailSubmit_clear:hover {
  background-color: #093;
  color: #fff
}

.ouchirecipe.searchDetail .searchDetail_submit button.searchDetailSubmit_submit {
  margin-left: 10px;
  background: #093;
  color: #fff;
  -webkit-transition: .4s;
  transition: .4s
}

.ouchirecipe.searchDetail .searchDetail_submit button.searchDetailSubmit_submit:hover {
  background-color: #fff;
  color: #093
}

@media screen and (min-width:1280px) {
  .ouchirecipe.searchDetail .searchDetail_submit button.searchDetailSubmit_submit {
    margin-left: 30px
  }
}

@-moz-document url-prefix() {
  .searchDetailData_list li {
    margin-top: 2px
  }
  .searchDetailData_list li label:before {
    top: 1px
  }
}

::-webkit-full-page-media, :future, :root .searchDetailData_list li {
  margin-top: 2px
}

::-webkit-full-page-media, :future, :root .searchDetailData_list li label:before {
  top: 1px
}

.ouchirecipe.recommend .recipe_search {
  margin-top: 0;
  padding: 0
}

.ouchirecipe.recommend .p-sns {
  margin-top: 0
}

.ouchirecipe.recommend .recommend_list {
  margin-top: 10px;
  margin-bottom: 40px
}

@media screen and (min-width:760px) {
  .ouchirecipe.recommend .recommend_list {
    margin-bottom: 48px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.recommend .recommend_list {
    margin-bottom: 64px
  }
}

.recommend.recommendDetail .fixedSns_list:after {
  content: none
}

.recommend.recommendDetail #recommendDetail {
  margin-bottom: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail {
    margin-bottom: 40px
  }
}

.recommend.recommendDetail #recommendDetail img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.recommend.recommendDetail #recommendDetail .mod-container {
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-container {
    max-width: 700px;
    margin: 0 auto;
    padding: 0
  }
}

.recommend.recommendDetail #recommendDetail hr {
  border: none;
  position: relative;
  padding: 32px 0
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail hr {
    max-width: 700px;
    margin: 0 auto;
    padding: 48px 0
  }
}

.recommend.recommendDetail #recommendDetail hr.irregular {
  margin: 0 20px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail hr.irregular {
    max-width: 700px;
    margin: 0 auto
  }
}

.recommend.recommendDetail #recommendDetail hr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.recommend.recommendDetail #recommendDetail .mod-title {
  margin-top: 32px;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  line-height: 1.4
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-title {
    margin-top: 64px;
    font-size: 32px;
    letter-spacing: .1em
  }
}

.recommend.recommendDetail #recommendDetail .mod-tags {
  margin-top: 32px;
  text-align: center
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-tags {
    margin-top: 64px
  }
}

.recommend.recommendDetail #recommendDetail .mod-tags li {
  display: inline-block;
  margin-right: 10px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-tags li {
    margin-right: 21px
  }
}

.recommend.recommendDetail #recommendDetail .mod-tags li a {
  color: #ec870e;
  font-size: 16px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-tags li a:hover {
  opacity: .7
}

.recommend.recommendDetail #recommendDetail .mod-mainImage {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-mainImage {
    margin: 32px auto 0;
    max-width: 700px
  }
}

.recommend.recommendDetail #recommendDetail .mod-mainImage img {
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-subTitle {
  margin-top: 40px;
  font-size: 18px;
  letter-spacing: .1em;
  text-align: center
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-subTitle {
    margin-top: 64px;
    font-size: 21px
  }
}

.recommend.recommendDetail #recommendDetail .mod-text {
  margin-top: 32px;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-text {
    margin-top: 40px
  }
}

.recommend.recommendDetail #recommendDetail .mod-index {
  margin-top: 32px;
  padding: 20px;
  background: #f8f8f5;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-index {
    margin-top: 40px;
    padding: 36px 40px
  }
}

.recommend.recommendDetail #recommendDetail .mod-index .title {
  font-size: 18px;
  font-weight: 700;
  color: #093
}

.recommend.recommendDetail #recommendDetail .mod-index .list {
  margin-top: 12px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-index .list {
    margin-top: 20px
  }
}

.recommend.recommendDetail #recommendDetail .mod-index .list li {
  position: relative;
  padding-left: 20px;
  margin-top: 20px
}

.recommend.recommendDetail #recommendDetail .mod-index .list li:first-child {
  margin-top: 0
}

.recommend.recommendDetail #recommendDetail .mod-index .list li:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  background: #093;
  position: absolute;
  top: 4px;
  left: 0
}

.recommend.recommendDetail #recommendDetail .mod-index .list li a {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  letter-spacing: .01em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-index .list li a:hover {
  color: #093
}

.recommend.recommendDetail #recommendDetail .mod-smallTitle {
  font-size: 18px;
  font-weight: 700;
  color: #093;
  text-align: center;
  margin-bottom: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-smallTitle {
    font-size: 21px;
    margin-bottom: 48px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock.no-title .details .text {
    margin-top: 0;
    font-size: 16px
  }
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock .image {
    width: 50%
  }
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .image img {
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock .details {
    margin-top: 0;
    width: calc(50% - 30px)
  }
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .title {
  padding-left: 4px;
  font-size: 18px;
  letter-spacing: .1em;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .title {
    padding-left: 0
  }
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .text {
  margin-top: 16px;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .text {
    font-size: 14px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link {
  margin-top: 16px;
  margin-right: 30px;
  text-align: center
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link {
    text-align: left
  }
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: relative;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:hover {
  color: #093
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:hover:before {
  width: 0;
  left: auto;
  right: -30px
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:hover:before, _:-ms-lang(x) {
  width: calc(100% + 30px);
  transition-duration: 0;
  left: 0;
  right: 0
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:hover:after {
  right: -40px
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 30px);
  height: 3px;
  background: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:after {
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  top: calc(50% - 3px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-textImageBlock .details .link a:after, _:-ms-lang(x) {
  top: calc(50% - 5px)
}

.recommend.recommendDetail #recommendDetail .mod-cautionText {
  margin-top: 24px;
  font-size: 12px;
  line-height: 1.8;
  padding-left: 1.125em;
  position: relative
}

.recommend.recommendDetail #recommendDetail .mod-cautionText:before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink {
  width: 100%;
  max-width: 300px;
  margin: 28px auto 0;
  border: 2px solid #ec870e;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink:hover {
  background: #ec870e
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink:hover a {
  color: #fff
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink:hover a span.ico {
  -webkit-transform: translateX(5px) translateY(2px);
  transform: translateX(5px) translateY(2px)
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink:hover a span.ico svg line, .recommend.recommendDetail #recommendDetail .mod-orangeLink:hover a span.ico svg path {
  stroke: #fff
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink:hover a:after {
  right: 10px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-orangeLink {
    margin: 48px auto 0;
    max-width: 300px
  }
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  color: #ec870e;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink a span {
  display: inline-block
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink a span.txt {
  width: 90%
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink a span.ico {
  width: 10%;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-orangeLink a span.ico svg line, .recommend.recommendDetail #recommendDetail .mod-orangeLink a span.ico svg path {
  stroke: #ec870e
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList {
    margin-top: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList:after, .recommend.recommendDetail #recommendDetail .mod-imageLinkList:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
  color: #333
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link {
    margin-top: 0;
    display: block;
    width: calc(33.333% - 2px)
  }
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link:hover .details .text {
    color: #093
  }
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link:hover .details .text:before {
    width: 0;
    left: auto;
    right: -30px
  }
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link:hover .details .text:after {
    right: -35px
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link:first-child {
  margin-top: 0
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .image {
  width: calc(50% - 8px);
  border-radius: 3px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .image {
    width: 100%
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .image img {
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details {
    width: 100%;
    padding: 0 16px
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details .title {
  font-size: 16px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details .title {
    font-size: 15px;
    margin-top: 10px
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details .text {
  display: none;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: relative;
  margin-top: 8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details .text {
    display: inline-block
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details .text:before {
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 30px);
  height: 3px;
  background: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-imageLinkList .link .details .text:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-imageBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageBlock {
    margin-top: 44px
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageBlock img {
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-imageBlock figcaption {
  margin-top: 12px;
  font-size: 12px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageBlock figcaption {
    margin-top: 16px
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageList {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageList {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageList.no-caption figure {
  display: block
}

.recommend.recommendDetail #recommendDetail .mod-imageList.no-caption figure img {
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-imageList figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageList figure {
    display: block;
    margin-top: 0;
    width: calc(33.333% - 5px)
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageList figure:first-child {
  margin-top: 0
}

.recommend.recommendDetail #recommendDetail .mod-imageList figure img {
  border-radius: 3px;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageList figure img {
    width: 100%
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageList figure figcaption {
  width: calc(50% - 8px);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageList figure figcaption {
    width: 100%;
    font-size: 16px;
    padding: 0 16px;
    margin-top: 13px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textLink {
  margin-top: 32px;
  font-size: 15px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textLink {
    margin-top: 40px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textLink a {
  display: block;
  font-style: 15px;
  color: #093;
  text-decoration: underline;
  letter-spacing: .04em;
  margin-top: 8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-textLink a:hover {
  opacity: .7
}

.recommend.recommendDetail #recommendDetail .mod-textLink a:first-child {
  margin-top: 0
}

.recommend.recommendDetail #recommendDetail .mod-movie {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-movie {
    margin-top: 40px
  }
}

.recommend.recommendDetail #recommendDetail .mod-movie .image {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 212px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-movie .image {
    width: 700px;
    height: 394px
  }
  .recommend.recommendDetail #recommendDetail .mod-movie .image:hover img {
    opacity: .7
  }
  .recommend.recommendDetail #recommendDetail .mod-movie .image:hover .button {
    -webkit-animation: pulse-white 1s forwards;
    animation: pulse-white 1s forwards
  }
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-movie .image .inline-img {
    width: 700px;
    height: 394px
  }
}

.recommend.recommendDetail #recommendDetail .mod-movie .image .inline-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail #recommendDetail .mod-movie .image .button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: rgba(51, 51, 51, .6)
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-movie .image .button {
    width: 60px;
    height: 60px
  }
}

.recommend.recommendDetail #recommendDetail .mod-movie .image .button img {
  opacity: 1 !important;
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
  width: 11px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-movie .image .button img {
    width: 16px
  }
}

.recommend.recommendDetail #recommendDetail .mod-movie .text {
  margin-top: 10px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-movie .text {
    margin-top: 20px;
    padding: 0 16px;
    font-size: 16px
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageTextBlock {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock .image {
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageTextBlock .image {
    width: calc(50% - 16px)
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock .image img {
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock .details {
  margin-top: 8px;
  border-radius: 6px;
  background: #093;
  padding: 25px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageTextBlock .details {
    margin-top: 0;
    width: calc(50% - 16px);
    height: 100%
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock .details .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: .04em;
  line-height: 1.6;
  padding-bottom: 5px
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock .details .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -5px;
  background: #e3e300
}

.recommend.recommendDetail #recommendDetail .mod-imageTextBlock .details .text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #fff
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .image {
    width: calc(50% - 16px)
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .image img {
  border-radius: 6px;
  width: 100%
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .image figcaption {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.8;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .details {
    width: calc(50% - 16px)
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .details .box {
  margin-top: 8px;
  border-radius: 6px;
  background: #093;
  padding: 25px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .details .box:first-child {
    margin-top: 0
  }
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .details .box .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: .04em;
  line-height: 1.6;
  padding-bottom: 5px
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .details .box .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -5px;
  background: #e3e300
}

.recommend.recommendDetail #recommendDetail .mod-imageCaptionTextBlock .details .box .text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #fff
}

.recommend.recommendDetail #recommendDetail .mod-coloredTextBox {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-coloredTextBox {
    margin-top: 40px
  }
}

.recommend.recommendDetail #recommendDetail .mod-coloredTextBox .box {
  margin-top: 8px;
  border-radius: 6px;
  background: #093;
  padding: 25px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-coloredTextBox .box:first-child {
    margin-top: 0
  }
}

.recommend.recommendDetail #recommendDetail .mod-coloredTextBox .box .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: .04em;
  line-height: 1.6;
  padding-bottom: 5px
}

.recommend.recommendDetail #recommendDetail .mod-coloredTextBox .box .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -5px;
  background: #e3e300
}

.recommend.recommendDetail #recommendDetail .mod-coloredTextBox .box .text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #fff
}

.recommend.recommendDetail #recommendDetail .mod-indentText {
  margin-top: 32px;
  border-radius: 6px;
  background: #f8f8f5;
  padding: 0 12px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-indentText {
    margin-top: 40px;
    padding: 0 24px
  }
}

.recommend.recommendDetail #recommendDetail .mod-indentText .item {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.recommend.recommendDetail #recommendDetail .mod-indentText .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-indentText .item {
    padding: 24px 0
  }
}

.recommend.recommendDetail #recommendDetail .mod-indentText .item:last-child:after {
  content: none
}

.recommend.recommendDetail #recommendDetail .mod-indentText .item .title {
  width: calc(28% - 5px);
  font-size: 14px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-indentText .item .title {
    font-size: 16px
  }
}

.recommend.recommendDetail #recommendDetail .mod-indentText .item .text {
  width: calc(72% - 5px);
  font-size: 14px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-indentText .item .text {
    font-size: 16px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textList {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textList {
    margin-top: 40px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textList.colored li {
  font-weight: 700;
  padding-left: 24px
}

.recommend.recommendDetail #recommendDetail .mod-textList.colored li:before {
  width: 15px;
  height: 15px;
  background: #093;
  border-radius: 3px;
  top: 5px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textList.colored li:before {
    left: 0
  }
}

.recommend.recommendDetail #recommendDetail .mod-textList li {
  font-size: 16px;
  letter-spacing: .01em;
  line-height: 1.8;
  position: relative;
  padding-left: 15px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textList li {
    padding-left: 24px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textList li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 50%
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-textList li:before {
    left: 3px
  }
}

.recommend.recommendDetail #recommendDetail .mod-textList li:not(:first-child) {
  margin-top: 10px
}

.recommend.recommendDetail #recommendDetail .mod-shopList {
  padding: 30px 0 48px;
  margin-top: 28px;
  border-radius: 6px;
  background-color: #f8f8f4
}

.recommend.recommendDetail #recommendDetail .mod-shopList .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  color: #093;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 30px
}

.recommend.recommendDetail #recommendDetail .mod-shopList .title:after {
  content: url(../img/ouchirecipe/recommend/ico_cart.svg);
  display: block;
  width: 22px;
  height: 19px;
  margin-left: 4px
}

.recommend.recommendDetail #recommendDetail .mod-shopList .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-shopList .list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.recommend.recommendDetail #recommendDetail .mod-shopList .item {
  width: 300px;
  height: 56px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  border-radius: 3px;
  position: relative;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out
}

.recommend.recommendDetail #recommendDetail .mod-shopList .item:hover {
  opacity: .8
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-shopList .item {
    width: 212px
  }
}

.recommend.recommendDetail #recommendDetail .mod-shopList .item:nth-child(n+2) {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail #recommendDetail .mod-shopList .item:nth-child(n+2) {
    margin-top: 0;
    margin-left: 8px
  }
}

.recommend.recommendDetail #recommendDetail .mod-shopList .item:after {
  content: url(../img/ouchirecipe/ico_arrow-green.svg);
  display: block;
  width: 10px;
  height: 15px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 16px
}

.recommend.recommendDetail #recommendDetail .mod-shopList .item img {
  display: block;
  height: 100%;
  margin: 0 auto
}

.recommend.recommendDetail #recommendDetail .mod-shopList .item a>span {
  display: none
}

.recommend.recommendDetail #recommendDetail .mod-shopList.-bgGreen {
  background-color: #093
}

.recommend.recommendDetail #recommendDetail .mod-shopList.-bgGreen .title {
  position: relative;
  color: #fff
}

.recommend.recommendDetail #recommendDetail .mod-shopList.-bgGreen .title:before {
  content: "";
  display: block;
  width: 200px;
  height: 3px;
  background-color: #e3e300;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.recommend.recommendDetail #recommendDetail .mod-shopList.-bgGreen .title:after {
  content: url(../img/ouchirecipe/recommend/ico_cart-white.svg)
}

.recommend.recommendDetail .recommendDetail_keywords {
  padding-top: 36px;
  border-top: 4px solid #f5f5f5
}

.recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_ttl {
  font-size: 18px;
  text-align: center;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_ttl {
    font-size: 24px
  }
}

.recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list {
  margin-top: 10px;
  padding-bottom: 28px;
  text-align: center;
  position: relative
}

.recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list {
    padding-bottom: 56px
  }
  .recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list:after {
    content: none
  }
}

@media screen and (min-width:1280px) {
  .recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list {
    margin-top: 24px
  }
}

.recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list .recommendDetailKeywords_item {
  display: inline-block;
  margin-top: 10px
}

.recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list .recommendDetailKeywords_item a {
  color: #ec870e;
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.recommend.recommendDetail .recommendDetail_keywords .recommendDetailKeywords_list .recommendDetailKeywords_item a:hover {
  opacity: .7
}

.ouchirecipe.tag .recipe_search {
  margin-top: 0
}

.ouchirecipe.tag .ouchirecipeTag_top {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top {
    margin-top: 36px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_top {
    margin-top: 58px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_ttl {
  font-size: 20px;
  text-align: center
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_ttl {
    font-size: 24px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_ttl {
    font-size: 32px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details {
  margin-top: 30px;
  text-align: center
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details {
    margin-top: 44px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details {
    margin-top: 54px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item {
  position: relative;
  display: inline-block;
  margin-right: 40px;
  text-align: center
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item {
    margin-right: 25px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:first-of-type .ico svg {
  width: 41px;
  height: 41px
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:first-of-type .ico svg {
    width: 51px;
    height: 52px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:nth-of-type(2) {
  margin-right: 0
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:nth-of-type(2) .ico svg {
  width: 35px;
  height: 37px
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:nth-of-type(2) .ico svg {
    width: 44px;
    height: 46px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .04em;
  color: #777;
  padding-bottom: 14px;
  width: 106px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a {
    padding-bottom: 20px;
    font-size: 19px;
    width: 160px
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ddd;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span {
  display: inline-block
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span.ico svg {
  width: 100%;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span.ico svg line, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span.ico svg path, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span.ico svg rect {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span.txt {
  padding-left: 10px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item a span.txt {
    padding-left: 14px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
  }
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:last-child {
  margin-right: 0
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item.is-active a, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:hover a {
  color: #093
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item.is-active a:after, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:hover a:after {
  background: #093
}

.ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item.is-active a svg line, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item.is-active a svg path, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item.is-active a svg rect, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:hover a svg line, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:hover a svg path, .ouchirecipe.tag .ouchirecipeTag_top .ouchirecipeTagTop_details .ouchirecipeTagTopDetails_tab .ouchirecipeTagTopDetailsTab_item:hover a svg rect {
  stroke: #093
}

.ouchirecipe.tag .ouchirecipeTag_count {
  margin-top: 30px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_count {
    margin-top: 44px
  }
}

.ouchirecipe.tag .ouchirecipeTag_count span {
  display: inline-block
}

.ouchirecipe.tag .ouchirecipeTag_count span.num {
  font-size: 21px
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_count span.num {
    font-size: 32px
  }
}

.ouchirecipe.tag .ouchirecipeTag_count span.txt {
  font-size: 15px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px)
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_count span.txt {
    font-size: 18px
  }
}

.ouchirecipe.tag .ouchirecipeTag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 16px);
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_list {
    margin-bottom: -14px;
    width: calc(100% + 4px);
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
  }
}

.ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item {
  width: calc(50% - 16px);
  margin: 24px 8px 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item {
    width: calc(33.333% - 4px);
    margin: 29px 2px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item {
    width: calc(25% - 4px);
    margin: 28px 2px 0
  }
}

.ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a {
  display: block
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a:hover .ouchirecipeTagItem_img img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a:hover .ouchirecipeTagItem_ttl {
    color: #093
  }
}

.ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_img {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_img {
    height: 170px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_img {
    height: 212px
  }
}

.ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_img img {
  width: auto;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_img img.special {
  width: 64px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1);
  transition: .6s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_img img.special {
    width: 90px;
    right: 2px
  }
}

.ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_ttl {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_ttl {
    padding: 0 16px;
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_list .ouchirecipeTag_item a .ouchirecipeTagItem_ttl {
    margin-top: 20px;
    padding: 0 20px
  }
}

.ouchirecipe.tag .ouchirecipeTag_none {
  margin: 32px auto 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #093;
  border-radius: 6px;
  width: 100%;
  height: 113px
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_none {
    max-width: 651px;
    margin: 48px auto 64px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_none {
    margin: 64px auto 96px
  }
}

.ouchirecipe.tag .ouchirecipeTag_none .ouchirecipeTagNone_txt {
  font-size: 16px;
  letter-spacing: .01em
}

.ouchirecipe.tag .ouchirecipeTag_pagination {
  margin: 35px 0 40px
}

@media screen and (min-width:760px) {
  .ouchirecipe.tag .ouchirecipeTag_pagination {
    margin: 44px 0 48px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.tag .ouchirecipeTag_pagination {
    margin: 64px 0
  }
}

.ouchirecipe.feature hr {
  border-top: none
}

.ouchirecipe.feature .ouchirecipe_keyword {
  margin-top: 0
}

.ouchirecipe.feature .ouchirecipe_keyword .inner_container {
  padding-bottom: 0
}

.ouchirecipe.feature .ouchirecipe_keyword .inner_container:after {
  content: none
}

.ouchirecipe.feature .ouchirecipe_keyword .ouchirecipeKeyword_ttl {
  padding-top: 32px
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipe_keyword .ouchirecipeKeyword_ttl {
    padding: 48px 0 30px;
    margin-bottom: 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipe_keyword .ouchirecipeKeyword_ttl {
    padding: 64px 0 30px
  }
}

.ouchirecipe.feature .ouchirecipe_keyword .ouchirecipeKeyword_ttl:after {
  content: none
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipe_keyword .p-searchRecipe {
    padding-bottom: 48px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipe_keyword .p-searchRecipe {
    padding-bottom: 64px
  }
}

.ouchirecipe.feature .ouchirecipe_keyword .p-searchRecipe:after {
  content: none
}

.ouchirecipe.feature .recipe_search {
  margin-top: 0
}

.ouchirecipe.feature .c-link {
  max-width: 300px
}

.ouchirecipe.feature .ouchirecipeFeature_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/assets/img/ouchirecipe/feature/img_bg.png) 50%;
  background-size: cover;
  width: 100%;
  height: 150px
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_top {
    height: 200px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_top {
    height: 300px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_top .ouchirecipeFeature_ttl {
  font-size: 24px;
  letter-spacing: .04em;
  color: #fff
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_top .ouchirecipeFeature_ttl {
    font-size: 32px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention {
  margin-top: 40px
}

.ouchirecipe.feature .ouchirecipeFeature_attention.prouseFeature_attention {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention {
    margin-top: 48px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention {
    margin-top: 64px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) {
  padding-top: 30px
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type:after, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2):after {
  content: none
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_img, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_img {
  width: 100%
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_details, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_details {
  padding: 0 20px
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_details .ttl, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_details .ttl {
  margin-top: 16px;
  position: static;
  width: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_details .txt, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_details .txt {
  margin-top: 15px
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2), .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3), .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4) {
    padding-top: 30px;
    width: calc(50% - 1px)
  }
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type:after, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2):after, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3):after, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4):after {
    content: none
  }
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_img, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_img, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3) .ouchirecipeFeatureAttention_img, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4) .ouchirecipeFeatureAttention_img {
    width: 100%;
    height: auto
  }
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_details, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_details, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3) .ouchirecipeFeatureAttention_details, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4) .ouchirecipeFeatureAttention_details {
    width: 100%;
    padding: 0 20px
  }
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_details .ttl, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_details .ttl, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3) .ouchirecipeFeatureAttention_details .ttl, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4) .ouchirecipeFeatureAttention_details .ttl {
    margin-top: 16px;
    font-size: 16px
  }
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type .ouchirecipeFeatureAttention_details .txt, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2) .ouchirecipeFeatureAttention_details .txt, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3) .ouchirecipeFeatureAttention_details .txt, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4) .ouchirecipeFeatureAttention_details .txt {
    margin-top: 15px;
    font-size: 14px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:first-of-type, .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(2), .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(3), .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list.top .ouchirecipeFeatureAttention_item:nth-of-type(4) {
    padding: 36px 0;
    width: calc(25% - 2px)
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item {
  padding: 24px 0 20px;
  position: relative
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item {
    padding: 25px 0;
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item {
    padding: 24px 0 20px;
    width: calc(50% - 30px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item:nth-last-of-type(2):before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 6px);
    background-repeat: repeat-x;
    background-size: 10px 3px;
    position: absolute;
    left: 0;
    bottom: 0
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 6px);
  background-repeat: repeat-x;
  background-size: 10px 3px;
  position: absolute;
  left: 0;
  bottom: 0
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item a:hover {
  color: #093
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item a:hover .ouchirecipeFeatureAttention_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_img {
  overflow: hidden;
  border-radius: 8px;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_img {
    width: 182px;
    height: 138px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_img {
    width: 152px;
    height: 114px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details {
    width: calc(100% - 210px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details {
    width: calc(100% - 186px)
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details .ttl {
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: calc(50% - 35px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details .ttl {
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    font-size: 15px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details .ttl {
    font-size: 18px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details .txt {
  margin-top: 15px;
  font-size: 13px;
  letter-spacing: .02em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_attention .ouchirecipeFeatureAttention_list .ouchirecipeFeatureAttention_item .ouchirecipeFeatureAttention_details .txt {
    font-size: 14px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_popular {
  margin-top: 64px;
  background: #fff6e3;
  padding: 10px 0 40px
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular {
    margin-top: 80px;
    padding: 25px 0 50px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list {
  margin: 40px auto 0;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item {
  margin: 0 2px 30px;
  width: calc(50% - 4px)
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item {
    width: calc(33% - 4px);
    margin: 0 2px 30px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item {
    width: calc(20% - 4px)
  }
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item a:hover {
  color: #093
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item a:hover .ouchirecipeFeaturePopular_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item .ouchirecipeFeaturePopular_img {
  width: 100%;
  overflow: hidden;
  border-radius: 8px
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item .ouchirecipeFeaturePopular_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item .ouchirecipeFeaturePopular_ttl {
  width: 100%;
  font-size: 16px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list .ouchirecipeFeaturePopular_item .ouchirecipeFeaturePopular_ttl {
    padding: 0 16px;
    margin-top: 16px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_links {
    max-width: 665px;
    margin: 5px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_links {
    margin-top: 30px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_links .c-link:hover a:after {
  right: 15px
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_links .c-link {
    margin: 35px auto 0
  }
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_links .c-link a:after {
  right: 12px
}

.ouchirecipe.feature .txt-hide {
  display: none
}

.ouchirecipe.feature button.more {
  position: relative;
  width: 150px;
  margin: 20px auto 0;
  font-size: 16px;
  border-bottom: 2px solid #093;
  font-weight: 700;
  text-align: left;
  display: block
}

.ouchirecipe.feature button.more:before {
  content: "＋";
  color: #093;
  font-weight: 700;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .2s;
  transition: .2s
}

.ouchirecipe.feature button.more.on-click:before {
  content: "－"
}

.ouchirecipe.feature button.more:after {
  content: "もっと見る";
  -webkit-transition: .2s;
  transition: .2s;
  -erbkit-transition: .2s
}

.ouchirecipe.feature button.more.on-click:after {
  content: "閉じる"
}

.ouchirecipe.feature .ouchirecipeFeature_popular .ouchirecipeFeaturePopular_list.txt-hide {
  margin: 0 auto
}

.ouchirecipe.feature .ouchirecipeFeature_brand {
  margin-top: 64px;
  padding: 26px 0 60px;
  background: #f8f8f5
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_brand {
    padding: 25px 0 44px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_brand {
    padding: 44px 0 64px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeCommonTtl_txt {
  padding-top: 0
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 6px
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list.left {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: normal
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list {
    margin-top: 24px
  }
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item {
  width: calc(50% - 2.5px);
  margin: 20px 1.25px 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item {
    width: calc(25% - 2px);
    margin: 20px 1px 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item {
    width: calc(20% - 2px)
  }
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item a:hover {
  color: #093
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item a:hover .ouchirecipeFeatureBrand_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item .ouchirecipeFeatureBrand_img {
  overflow: hidden;
  border-radius: 6px
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item .ouchirecipeFeatureBrand_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item .ouchirecipeFeatureBrand_ttl {
  margin-top: 10px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 700
}

@media screen and (min-width:1280px) {
  .ouchirecipe.feature .ouchirecipeFeature_brand .ouchirecipeFeatureBrand_list .ouchirecipeFeatureBrand_item .ouchirecipeFeatureBrand_ttl {
    margin-top: 16px;
    padding: 0 16px
  }
}

.ouchirecipe.ouchirecipeProduct .p-sns, .ouchirecipe.ouchirecipeProduct .recipe_search {
  margin-top: 0
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct .ouchirecipeProduct_ttl {
  text-align: center;
  padding-top: 30px;
  font-size: 18px;
  color: #093;
  letter-spacing: .05em;
  position: relative
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct .ouchirecipeProduct_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct .ouchirecipeProduct_ttl {
    font-size: 21px;
    text-align: left;
    padding-top: 36px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct .ouchirecipeProduct_ttl {
    width: 216px;
    padding-top: 40px
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct .ouchirecipeProduct_ttl:after {
    content: none
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard {
    margin: 44px auto 0;
    max-width: 700px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 2px;
    position: absolute;
    left: 0;
    top: 0
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list {
    width: calc(100% - 276px)
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item {
  width: calc(50% - 23px);
  margin: 38px 11.5px 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item {
    width: calc(25% - 23px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item {
    width: calc(25% - 100px);
    margin: 40px 50px 0
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item a {
  text-align: center;
  display: block;
  width: 128px;
  margin: 0 auto
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item a:hover .ttl {
  color: #093
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item a .img {
  overflow: hidden
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_standard .ouchirecipeProductStandard_list .ouchirecipeProductStandard_item a .ttl {
  margin-top: 20px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .07em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all {
  margin-top: 46px;
  margin-bottom: 46px
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all {
    margin: 46px auto;
    max-width: 700px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all {
    max-width: 100%;
    margin-bottom: 94px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 2px;
    position: absolute;
    left: 0;
    top: 0
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list {
    width: calc(100% - 216px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list:after, .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list:before {
    content: "";
    display: block;
    width: 16.666%;
    height: 0
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item {
  margin-top: 30px;
  width: 33.333%;
  display: block
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item {
    width: 20%
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item {
    width: 16.666%
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item.is-active .ouchirecipeProductAllItem_ttl {
  padding-bottom: 20px
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item.is-active .ouchirecipeProductAllItem_ttl:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 8px);
  bottom: -15px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background: #fff;
  border: solid #ccc;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 999
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item.is-active .ouchirecipeProductAllItem_list-outer {
  height: auto;
  opacity: 1
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl {
  text-align: center;
  position: relative;
  padding-bottom: 0;
  cursor: pointer;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl:hover img {
  -webkit-transform: scale(1.005);
  transform: scale(1.005)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl:hover .ttl {
  color: #093
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl:after {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl .img {
  overflow: hidden;
  width: 67px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl .img {
    width: 80px
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl .ttl {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_ttl .ttl {
    margin-top: 14px
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list-outer {
  overflow: hidden;
  height: 0;
  opacity: 0;
  margin-top: 10px;
  width: calc(100vw - 60px);
  -webkit-transition: height .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1);
  transition: height .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list-outer {
    width: 700px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list-outer {
    width: 936px
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list {
  min-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0 30px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list:after, .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list:before {
    content: "";
    display: block;
    width: calc(25% - 10px);
    height: 0
  }
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li {
  display: inline-block;
  padding-left: 16px;
  position: relative;
  margin-top: 20px;
  margin-right: 20px
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid #212121;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li {
    width: calc(33.333% - 10px);
    margin-right: 0
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li {
    width: calc(25% - 10px)
  }
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li:after {
  position: absolute;
  top: 8px;
  left: 0;
  border-color: #093;
  border-width: 2px 2px 0 0
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li a {
  color: #333;
  font-size: 15px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe.ouchirecipeProduct .ouchirecipeProduct_all .ouchirecipeProductAll_list .ouchirecipeProductAll_item .ouchirecipeProductAllItem_list li a:hover {
  color: #093
}

.ouchirecipe .ouchirecipe_searchArea {
  margin: 40px auto 48px;
  padding: 22px 0;
  background: #f2f2f2;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea {
    margin: 62px auto 64px;
    padding: 36px 0 40px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea {
    max-width: 863px;
    margin: 80px auto 96px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_ttl {
  padding: 0 24px;
  font-size: 18px;
  letter-spacing: .1em;
  color: #093
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_ttl {
    padding: 0 38px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details {
  padding: 20px 24px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details {
    padding: 36px 38px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 33px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner {
    width: 433px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner {
    width: 490px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input {
  position: relative;
  width: calc(100% - 65px);
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #333
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input {
    width: calc(100% - 105px);
    height: 33px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input:hover input {
  text-indent: 5px
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input:hover img {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input input {
  width: 100%;
  font-size: 16px;
  -webkit-transform: translateX(-5px) scale(.9);
  transform: translateX(-5px) scale(.9);
  outline: none;
  color: #555;
  text-indent: 30px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input input:focus {
  text-indent: 5px
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input input:focus+img {
  -webkit-transform: scale(0);
  transform: scale(0)
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input input {
    font-size: 14px;
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input input {
    font-size: 15px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input img {
  position: absolute;
  left: 5px;
  bottom: 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_input img {
    bottom: 7px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_btn {
  border-radius: 3px;
  background: #093;
  border: 1px solid #093;
  width: 60px;
  height: 44px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_btn {
    width: 100px;
    height: 33px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_btn:hover {
  background: #fff
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_btn:hover a {
  color: #093
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_inner .ouchirecipeSearchAreaDetails_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link {
  margin-top: 20px;
  display: block;
  text-align: center
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link {
    width: calc(100% - 492px);
    margin-top: 0;
    text-align: left
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link {
    width: calc(100% - 542px)
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link a {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link a:hover {
  color: #093
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link a {
    font-size: 16px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_details .ouchirecipeSearchAreaDetails_link a:after {
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner {
  overflow-x: auto
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner {
    margin-top: 10px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 24px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list {
    padding: 0 38px;
    overflow: hidden;
    white-space: normal
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list .ouchirecipeSearchArea_item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid #8cc63e;
  background: #fff;
  margin-right: 8px
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list .ouchirecipeSearchArea_item {
    margin-top: 15px;
    margin-right: 6px
  }
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list .ouchirecipeSearchArea_item:last-child {
  margin-right: 0
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list .ouchirecipeSearchArea_item a {
  padding: 5px 10px;
  display: block;
  color: #333;
  font-size: 12px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list .ouchirecipeSearchArea_item a:hover {
  color: #093
}

@media screen and (min-width:760px) {
  .ouchirecipe .ouchirecipe_searchArea .ouchirecipeSearchArea_inner .ouchirecipeSearchArea_list .ouchirecipeSearchArea_item a {
    font-size: 14px;
    padding: 6px 14px
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list {
    margin: 44px auto 62px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.categories .ouchirecipeCategories_list {
    max-width: 863px;
    margin: 62px auto 80px
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item {
  padding: 22px 0;
  position: relative
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item {
    padding: 0
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:after {
    content: none
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:last-child {
    margin-top: 58px
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:last-child:before {
    content: none
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_ttl {
  color: #093;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .05em
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_ttl {
    pointer-events: none;
    font-size: 21px;
    padding-bottom: 13px;
    position: relative
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_ttl:after, .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_ttl:before {
    content: none
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_ttl:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner {
    display: block !important
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl {
  color: #333;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl {
    width: 155px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl {
    width: 170px
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl .ico {
  margin-right: 5px;
  width: 30px;
  display: inline-block
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl .ico {
    margin-right: 10px;
    width: 40px
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl .ico img {
  width: 100%;
  height: auto
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl .txt {
  display: inline-block;
  line-height: 1.4
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl .txt {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_ttl .txt {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list {
  margin-top: 8px;
  padding-left: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list {
    padding-left: 0;
    width: calc(100% - 155px);
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list {
    width: calc(100% - 175px)
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item {
  margin-top: 20px;
  width: calc(50% - 10px)
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item {
    display: inline-block;
    margin: 12px 10px 0;
    width: calc(25% - 20px)
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item:first-of-type, .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item:nth-of-type(2), .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item:nth-of-type(3), .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item:nth-of-type(4) {
    margin-top: 0
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item.three {
    width: calc(33.333% - 20px)
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item.three:nth-of-type(4) {
    margin-top: 12px
  }
}

@media screen and (min-width:1280px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item {
    width: calc(20% - 20px)
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item:nth-of-type(5) {
    margin-top: 0
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item.three {
    width: calc(33.333% - 20px)
  }
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item.three:nth-of-type(5) {
    margin-top: 12px
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item a {
  display: inline-block;
  color: #333;
  text-decoration: underline;
  font-size: 16px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item a {
    font-size: 15px
  }
}

.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item .ouchirecipeCategories_inner .ouchirecipeCategoriesInner_item .ouchirecipeCategoriesInner_list .ouchirecipeCategoriesInnerList_item a:hover {
  color: #093
}

.basic .recipe_search {
  margin-top: 45px
}

@media screen and (min-width:760px) {
  .basic .recipe_search {
    margin-top: 60px
  }
}

@media screen and (min-width:1280px) {
  .basic .recipe_search {
    margin-top: 92px
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_top {
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_top {
    margin-top: 44px
  }
}

@media screen and (min-width:1280px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_top {
    margin-top: 58px
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_top .ouchirecipeBasic_ttl {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .04em;
  text-align: center
}

@media screen and (min-width:760px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_top .ouchirecipeBasic_ttl {
    font-size: 24px
  }
}

@media screen and (min-width:1280px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_top .ouchirecipeBasic_ttl {
    font-size: 32px
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_top .ouchirecipeBasic_txt {
  margin-top: 26px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 2;
  padding: 0 20px
}

@media screen and (min-width:760px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_top .ouchirecipeBasic_txt {
    margin-top: 38px;
    font-size: 16px;
    padding: 0;
    text-align: center
  }
}

@media screen and (min-width:1280px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_top .ouchirecipeBasic_txt {
    margin: 52px auto 0;
    max-width: 700px
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:1280px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_links {
    margin: 60px auto 0;
    width: 806px
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item {
  width: calc(33.333% - 7.5px)
}

@media screen and (min-width:760px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item {
    width: calc(33.333% - 20px)
  }
}

@media screen and (min-width:1280px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item {
    width: calc(33.333% - 32px)
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item.is-active a:after, .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item:hover a:after {
  background: #093
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item.is-active a .ico svg path, .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item:hover a .ico svg path {
  stroke: #093
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item.is-active a .ttl, .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item:hover a .ttl {
  color: #093
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item.heat .ico {
  width: 62px
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item.measure .ico {
  width: 57px
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item.cut .ico {
  width: 78px
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a {
  display: block;
  position: relative;
  text-align: center;
  height: 112px
}

@media screen and (min-width:760px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a {
    height: 100px
  }
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #ccc;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span {
  display: block
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ico {
  margin: 0 auto
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ico svg path, .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ttl {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ttl {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #333
}

@media screen and (min-width:760px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ttl {
    font-size: 19px
  }
  .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ttl .u-sp {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .basic .ouchirecipe_basic .ouchirecipeBasic_links .ouchirecipeBasicLinks_item a span.ttl {
    margin-top: 6px;
    font-size: 21px
  }
}

.basic.heat .ouchirecipeHeat_inner {
  padding-top: 40px
}

@media screen and (min-width:760px) {
  .basic.heat .ouchirecipeHeat_inner {
    padding-top: 63px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .basic.heat .ouchirecipeHeat_inner {
    width: 863px;
    margin: 0 auto
  }
}

.basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item {
    margin-top: 0;
    display: block;
    width: calc(33.333% - 2px)
  }
}

.basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_img {
  width: calc(50% - 8px);
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_img {
    width: 100%
  }
}

.basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_img img {
  width: 100%
}

.basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details {
    width: 100%;
    padding: 16px 16px 0
  }
}

@media screen and (min-width:1280px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details {
    padding: 24px 25px 0
  }
}

.basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details .ttl {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details .ttl {
    font-size: 16px
  }
}

.basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details .txt {
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details .txt {
    font-size: 14px
  }
}

@media screen and (min-width:1280px) {
  .basic.heat .ouchirecipeHeat_inner .ouchirecipeHeatInner_item .ouchirecipeHeatInnerItem_details .txt {
    margin-top: 10px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner {
  padding-top: 8px
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner {
    padding-top: 0
  }
}

@media screen and (min-width:1280px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner {
    padding-top: 15px;
    width: 766px;
    margin: 0 auto
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item {
  margin-top: 45px
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item {
    margin-top: 60px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_ttl {
  font-size: 18px;
  letter-spacing: .01em;
  color: #093;
  padding-bottom: 13px;
  position: relative
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_ttl {
    font-size: 21px;
    padding-bottom: 22px
  }
}

@media screen and (min-width:1280px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_ttl {
    padding-bottom: 20px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list {
  padding-top: 16px
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list {
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list {
    padding-top: 32px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item {
    display: block;
    margin-top: 0;
    width: calc(50% - 2px)
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_img {
  width: calc(50% - 8px);
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_img {
    width: 100%
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_img img {
  width: 100%
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details {
    width: 100%;
    padding: 16px 12px 0
  }
}

@media screen and (min-width:1280px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details {
    padding: 32px 20px 0
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details .ttl {
  font-size: 14px;
  letter-spacing: .01em;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details .ttl {
    font-size: 16px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details .txt {
  margin-top: 6px;
  font-size: 13px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details .txt {
    font-size: 14px
  }
}

@media screen and (min-width:1280px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_list .ouchirecipeMeasureItemList_item .ouchirecipeMeasureItemList_details .txt {
    margin-top: 14px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice {
  margin-top: 32px;
  padding: 16px;
  border: 1px solid #ec870e;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice {
    margin-top: 36px;
    padding: 22px 20px
  }
}

@media screen and (min-width:1280px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice {
    margin-top: 45px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_ttl {
  display: inline-block;
  font-size: 20px;
  color: #ec870e;
  letter-spacing: .04em;
  position: relative
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_ttl:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ec870e
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_details .txt {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_details .txt {
    margin-top: 20px;
    width: calc(100% - 234px)
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_details .img {
  margin-top: 10px;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_details .img {
    margin-top: 20px;
    width: 210px
  }
}

.basic.measure .ouchirecipeMeasure .ouchirecipeMeasure_inner .ouchirecipeMeasure_item .ouchirecipeMeasureItem_advice .ouchirecipeMeasureItemAdvice_details .img img {
  width: 100%
}

.basic.cut .recipe_search {
  margin-top: 0
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list {
    padding-top: 48px
  }
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list {
    padding-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list:after, .basic.cut .ouchirecipeCut .ouchirecipeCut_list:before {
    content: "";
    display: block;
    width: calc(20% - 2.5px);
    height: 0
  }
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item {
  margin-top: 26px;
  width: calc(50% - 7.5px)
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item {
    width: calc(33.333% - 2.5px)
  }
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item {
    margin-top: 33px;
    width: calc(20% - 2.5px)
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a {
  display: block
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a:hover .ttl {
  color: #093
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a span {
  display: block
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a span.img {
  border-radius: 6px;
  overflow: hidden
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a span.img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a span.ttl {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_list .ouchirecipeCut_item a span.ttl {
    font-size: 16px;
    padding: 0 12px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_ttl {
  text-align: center;
  letter-spacing: .05em;
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_ttl {
    margin-top: 36px
  }
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_ttl {
    margin-top: 72px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_ttl span {
  display: block
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_ttl span.ttl {
  font-size: 18px
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_ttl span.subTtl {
  margin-top: 15px;
  font-size: 32px
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_ttl span.subTtl {
    margin-top: 12px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_anchor {
  margin-top: 26px
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor {
    margin: 35px auto 0;
    max-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor {
    margin: 60px auto 0
  }
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item {
    width: calc(33.333% - 25px);
    margin-right: 12.5px
  }
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item:last-child {
    margin-right: 0
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a {
  position: relative;
  display: block;
  border: 2px solid #093;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 24px auto 0;
  max-width: 300px;
  color: #093;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid #212121;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a {
    margin-top: 0;
    padding: 16px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a:hover:after {
  top: calc(50% + 2px)
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  border-color: #093;
  border-width: 2px 2px 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a:after {
    right: 7.5px
  }
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_anchor .ouchirecipeCutAnchor_item a:after {
    right: 15px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner {
  padding-top: 10px
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner {
    padding-top: 28px;
    max-width: 863px;
    margin: 0 auto
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_block {
  overflow: hidden
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item {
  margin-top: 30px;
  padding-top: 28px;
  position: relative
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item {
    margin-top: 36px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_ttl {
  font-size: 21px;
  letter-spacing: .04em
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one .ouchirecipeCutInner_list {
  margin-top: 0 !important;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one .ouchirecipeCutInner_list {
    width: 230px
  }
}

@media screen and (min-width:1280px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one .ouchirecipeCutInner_list {
    width: 285px
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one .ouchirecipeCutInner_list .ouchirecipeCutInner_img {
  margin-top: 0 !important;
  width: 100% !important
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one .ouchirecipeCutInner_txt {
  margin-top: 0 !important;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details.one .ouchirecipeCutInner_txt {
    width: calc(100% - 270px);
    width: calc(100% - 333px)
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list:after, .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list .ouchirecipeCutInner_img {
  margin-top: 16px;
  width: calc(50% - 7.5px);
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list .ouchirecipeCutInner_img {
    margin-top: 4px;
    width: calc(33.333% - 2px)
  }
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_list .ouchirecipeCutInner_img img {
  width: 100%
}

.basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_txt {
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .basic.cut .ouchirecipeCut .ouchirecipeCut_inner .ouchirecipeCutInner_item .ouchirecipeCutInner_details .ouchirecipeCutInner_txt {
    margin-top: 22px;
    font-size: 16px
  }
}

.prouseHeader .prouseHeaderLink, .prouseHeader .prouseHeaderTitle {
  height: 40px;
  line-height: 40px;
  letter-spacing: .1em
}

.prouseHeader .prouseHeaderTitle {
  padding: 0 10px;
  background-color: #093;
  color: #fff;
  font-size: 18px;
  font-weight: 700
}

.prouseHeader .prouseHeaderTitle a {
  display: block;
  color: #fff
}

.prouseHeader .prouseHeaderLink {
  padding: 0 10px;
  background-color: #f7f7e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.prouseHeader .prouseHeaderLink a {
  padding: 0 15px;
  display: block;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: 700
}

.prouseHeader .prouseHeaderLink a.is_current {
  color: #093
}

@media screen and (min-width:760px) {
  .prouseHeader {
    height: 59px;
    line-height: 59px
  }
  .prouseHeader .prouseHeaderWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderLink, .prouseHeader .prouseHeaderWrap .prouseHeaderTitle {
    height: 59px;
    line-height: 59px
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderTitle {
    width: 150px;
    font-size: 24px;
    text-align: center
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderLink {
    padding: 0 70px;
    width: 100%
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderLink a {
    width: 25%;
    font-size: 16px;
    padding: 0;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderLink a:hover {
    color: #093
  }
}

@media screen and (min-width:960px) {
  .prouseHeader {
    background-color: #f7f7e9;
    border-top: 2px solid #ddd
  }
  .prouseHeader .prouseHeaderWrap {
    max-width: 1280px;
    margin: 0 auto
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderLink {
    padding: 0 290px;
    width: 100%
  }
  .prouseHeader .prouseHeaderWrap .prouseHeaderLink a {
    width: 25%;
    font-size: 16px;
    padding: 0
  }
}

@media screen and (min-width:1280px) {
  .prouseHeader .prouseHeaderWrap {
    max-width: 1440px
  }
}

@media screen and (max-width:374px) {
  .prouseHeader .prouseHeaderLink {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .prouseHeader .prouseHeaderLink a {
    padding: 0;
    font-size: 12px
  }
}

.o-prouseTag {
  width: 100%
}

.o-prouseTag .o-prouseTagList {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .o-prouseTag .o-prouseTagList {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px
  }
}

@media screen and (min-width:960px) {
  .o-prouseTag .o-prouseTagList {
    margin-top: 10px
  }
}

.o-prouseTag .o-prouseTagList .o-prouseTagItem {
  margin-right: 8px;
  color: #fff;
  background-color: #093;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  width: auto;
  margin-bottom: 8px
}

.o-prouseTag .o-prouseTagList .o-prouseTagItem, _:-ms-lang(x) {
  line-height: 24.5px
}

.o-prouseTag .o-prouseTagList .o-prouseTagItem:last-child {
  margin-right: 0
}

@media screen and (min-width:760px) {
  .o-prouseTag .o-prouseTagList .o-prouseTagItem {
    margin-bottom: 10px;
    font-size: 14px;
    height: 24px;
    line-height: 24px
  }
  .o-prouseTag .o-prouseTagList .o-prouseTagItem, _:-ms-lang(x) {
    line-height: 25.5px
  }
}

.o-searchForm {
  margin: 24px 42px 29px;
  padding-bottom: 22px;
  border-bottom: 4px solid #f5f5f5;
  text-align: center
}

.o-searchForm .o-searchForm_search {
  padding: 0;
  margin-bottom: 21px
}

.o-searchForm .o-searchForm_link {
  display: inline-block;
  width: 100%;
  position: relative
}

.o-searchForm .o-searchForm_link.-underline {
  padding-bottom: 8px
}

.o-searchForm .o-searchForm_link.-underline:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #093;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.o-searchForm .o-searchForm_link.-underline:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.o-searchForm .o-searchForm_link.-underline:hover:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.o-searchForm .o-searchForm_link a {
  display: inline;
  position: relative;
  font-size: 15px;
  color: #333;
  font-weight: 700;
  padding: 0 22px 0 0;
  letter-spacing: .05em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.o-searchForm .o-searchForm_link a:hover {
  color: #093
}

.o-searchForm .o-searchForm_link a:hover:after {
  right: -2px
}

.o-searchForm .o-searchForm_link a:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  position: absolute;
  width: 18px;
  height: 16px;
  background-size: cover;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .o-searchForm {
    margin: 32px auto 44px;
    padding-bottom: 32px
  }
  .o-searchForm .o-searchFormWrap {
    width: 587px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .o-searchForm .o-searchFormWrap .o-searchForm_search {
    max-width: none;
    width: 431px;
    margin: 0
  }
  .o-searchForm .o-searchFormWrap .o-searchForm_link {
    width: 156px;
    text-align: right
  }
  .o-searchForm .o-searchFormWrap .o-searchForm_link a {
    font-size: 16px
  }
}

@media screen and (min-width:960px) {
  .o-searchForm {
    margin: 33px auto 58px
  }
}

@media screen and (min-width:760px) {
  .prouseTop .inner_container {
    padding: 0 34px
  }
}

@media screen and (min-width:960px) {
  .prouseTop .inner_container {
    max-width: 1152px;
    padding: 0
  }
}

.prouseTop .topSlider_container {
  background-color: #572e0c;
  width: 100%;
  height: 248px
}

.prouseTop .topSlider_container .topSlider_item {
  width: 320px;
  margin: 4px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.prouseTop .topSlider_container .topSlider_item a {
  display: block;
  border-radius: 6px;
  overflow: hidden
}

.prouseTop .topSlider_container .topSlider_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouseTop .topSlider_container .topSlider_item a:hover .prouseTop_lineup_text {
  color: #093
}

.prouseTop .topSlider_container .topSlider_item img {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  width: 100%
}

@media screen and (min-width:760px) {
  .prouseTop .topSlider_container {
    width: 100%;
    height: 408px
  }
  .prouseTop .topSlider_container .topSlider_item {
    width: 533px
  }
}

@media screen and (min-width:960px) {
  .prouseTop .topSlider_container {
    width: 100%;
    height: 392px
  }
  .prouseTop .topSlider_container .topSlider_item {
    width: 1152px
  }
}

@media screen and (max-width:374px) {
  .prouseTop .topSlider_container {
    width: 100%;
    height: 188px
  }
  .prouseTop .topSlider_container .topSlider_item {
    width: 240px
  }
}

.prouseTop .swiper-pagination {
  background-color: #f7f7e9;
  width: 100%;
  height: 38px;
  line-height: 34px
}

.prouseTop .swiper-pagination .swiper-pagination-bullet {
  margin-left: 6px;
  margin-right: 6px
}

.prouseTop .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #093
}

@media screen and (min-width:760px) {
  .prouseTop .swiper-pagination {
    height: 34px;
    line-height: 30px
  }
}

.prouseTop .common_ttl {
  font-size: 21px;
  font-weight: 400;
  font-family: Hiragino Kaku Gothic ProN, YuGothic, Yu Gothic, Hiragino Sans, sans-serif;
  letter-spacing: .1em;
  text-align: center;
  text-indent: 0;
  margin-bottom: 0
}

@media screen and (min-width:760px) {
  .prouseTop .common_ttl {
    font-size: 27px
  }
}

@media screen and (min-width:960px) {
  .prouseTop .common_ttl {
    font-size: 32px
  }
}

.prouseTop .common_ttl:before {
  display: none
}

.prouseTop .common_ttl span:first-of-type {
  display: block;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 40px;
  line-height: 1.33333333
}

@media screen and (min-width:760px) {
  .prouseTop .common_ttl span:first-of-type {
    padding-bottom: 35px;
    margin-bottom: 48px;
    line-height: 1.185
  }
}

@media screen and (min-width:960px) {
  .prouseTop .common_ttl span:first-of-type {
    padding-bottom: 34px;
    line-height: 1
  }
}

.prouseTop .common_ttl span:first-of-type:before {
  height: 4px;
  content: "";
  display: block;
  border-radius: 4px;
  background: #093;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  margin: auto
}

.prouseTop .common_ttl span:nth-of-type(2) {
  text-indent: 0;
  position: absolute;
  top: 0;
  right: 0
}

.prouseTop .common_ttl span:nth-of-type(2) a {
  display: block;
  letter-spacing: .02em;
  padding-top: 0;
  vertical-align: top
}

.prouseTop .common_ttl span:nth-of-type(2) a:hover:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.prouseTop .common_ttl span:nth-of-type(2) a:after {
  width: 17px;
  height: 13px
}

.prouseTop .common_ttl span:nth-of-type(2) a:after, _:-ms-lang(x) {
  top: calc(50% - 7px)
}

.prouseTop .common_panel .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.prouseTop .common_panel .commonPanel_item:hover .commonPanelItem_details {
  color: #333
}

.prouseTop .common_panel .commonPanel_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouseTop .common_panel .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

.prouseTop .common_panel.-pickup {
  margin-top: 38px;
  padding: 44px 0 48px
}

.prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:first-child {
  margin-bottom: 3px
}

.prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:first-child .commonPanelItemDetails_ttl {
  padding: 0 16px
}

@media screen and (min-width:760px) {
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:first-child .commonPanelItemDetails_ttl {
    padding: 0
  }
}

.prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:not(:first-child) .commonPanelItem_flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:not(:first-child) .commonPanelItem_flex .commonPanelItem_details {
  width: calc(50% - 15px);
  padding: 16px 0 0
}

.prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item .commonPanelItem_details {
  padding: 0
}

.prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.575
}

@media screen and (min-width:760px) {
  .prouseTop .common_panel.-pickup {
    margin-top: 34px;
    padding: 65px 0 24px
  }
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item {
    width: calc(50% - 4px);
    margin: 0 2px 35px
  }
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:first-child {
    margin-bottom: 0
  }
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item:not(:first-child) .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px;
    width: 100%
  }
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item .commonPanelItem_details {
    padding: 0 20px
  }
}

@media screen and (min-width:960px) {
  .prouseTop .common_panel.-pickup {
    padding: 60px 0 54px
  }
  .prouseTop .common_panel.-pickup .commonPanel_list {
    margin-top: 0
  }
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item {
    width: calc(25% - 6px);
    margin: 0 3px 35px
  }
  .prouseTop .common_panel.-pickup .commonPanel_list .commonPanel_item .commonPanelItem_details {
    margin-top: 24px
  }
}

.prouseTop .common_panel.-proRecipe {
  margin-top: 0;
  background-color: #f7f7e9;
  padding: 45px 0 48px
}

.prouseTop .common_panel.-proRecipe .commonPanel_item {
  padding-bottom: 8px
}

.prouseTop .common_panel.-proRecipe .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
  font-size: 16px;
  letter-spacing: .02em
}

.prouseTop .common_panel.-proRecipe .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 16px 0 0 16px
}

.prouseTop .common_panel.-proRecipe .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_ttl {
  letter-spacing: .02em
}

.prouseTop .common_panel.-proRecipe .common_link {
  background: none
}

@media screen and (min-width:760px) {
  .prouseTop .common_panel.-proRecipe {
    padding: 65px 0 64px
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item {
    width: calc(50% - 4px);
    margin: 0 2px 38px
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item a {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .prouseTop .common_panel.-proRecipe .common_link {
    margin: 8px auto 0
  }
}

@media screen and (min-width:960px) {
  .prouseTop .common_panel.-proRecipe {
    padding: 66px 0 62px
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item {
    width: calc(20% - 9px);
    margin: 0 4.5px 38px
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item:not(:first-child) .commonPanelItem_details {
    margin-top: 16px
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item:first-of-type {
    width: calc(40% - 24px);
    margin: 0 24px 0 0
  }
  .prouseTop .common_panel.-proRecipe .commonPanel_item:first-of-type .prouseTagList {
    margin-top: 18px
  }
}

.prouseTop .common_panel.-favRecipe {
  margin-top: 0;
  padding: 45px 0 48px
}

.prouseTop .common_panel.-favRecipe .commonPanel_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item {
  width: 100%;
  margin-bottom: 12px
}

.prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item:not(:first-child) {
  width: calc(50% - 7.5px);
  margin: 0 3.75px 19px
}

.prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item .commonPanelItem_details {
  padding: 0 16px
}

.prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
  font-size: 16px;
  line-height: 1.575;
  letter-spacing: .02em
}

@media screen and (min-width:760px) {
  .prouseTop .common_panel.-favRecipe {
    padding: 65px 0 64px
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item {
    width: calc(50% - 4px);
    margin: 0 2px 37px
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item a {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item:not(:first-child) {
    width: calc(50% - 4px);
    margin: 0 0 37px
  }
  .prouseTop .common_panel.-favRecipe .common_link {
    margin: 64px auto 0
  }
}

@media screen and (min-width:960px) {
  .prouseTop .common_panel.-favRecipe {
    padding: 66px 0 62px
  }
  .prouseTop .common_panel.-favRecipe .inner_container {
    position: relative
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item:not(:first-child) {
    width: calc(20% - 9px);
    margin: 0 4.5px 37px
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item:not(:first-child) .commonPanelItem_details {
    margin-top: 16px
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item:first-of-type {
    width: calc(40% - 24px);
    margin: 0 24px 0 0
  }
  .prouseTop .common_panel.-favRecipe .commonPanel_list .commonPanel_item:first-of-type .prouseTagList {
    margin-top: 18px
  }
}

.prouseTop .prouseTop_lineup {
  border-top: 4px solid #f5f5f5;
  padding: 43px 26px 24px
}

.prouseTop .prouseTop_lineup .prouseTop_ttl span:first-of-type {
  margin-bottom: 40px
}

.prouseTop .prouseTop_lineup .inner_container {
  padding: 0
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem {
  width: 33%;
  margin-bottom: 22px;
  margin-left: .5%
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem:hover .prouseTop_lineup_text {
  color: #093
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem a {
  display: block
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem:first-child, .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem:nth-child(3n+1) {
  margin-left: 0
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_img {
  width: 34px;
  margin: 0 auto
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_img img {
  width: 100%
}

.prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_text {
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  text-align: center;
  margin-top: 5px;
  font-size: 14px
}

@media screen and (min-width:760px) {
  .prouseTop .prouseTop_lineup {
    padding: 63px 34px 62px
  }
  .prouseTop .prouseTop_lineup .prouseTop_ttl span:first-of-type {
    margin-bottom: 33px
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList {
    width: 700px;
    padding: 0 2px;
    margin: 0 auto 30px
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem {
    width: 16%;
    width: 116px;
    margin-left: 0
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_img {
    width: 35px
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_text {
    margin-top: 5px
  }
}

@media screen and (min-width:960px) {
  .prouseTop .prouseTop_lineup {
    padding: 63px 0 50px
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList {
    width: 100%;
    margin: 50px auto 0
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem {
    width: 14.28571%;
    margin-bottom: 12px;
    margin-left: 0
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_img {
    width: 63px
  }
  .prouseTop .prouseTop_lineup .prouseTop_lineupList .prouseTop_lineupItem .prouseTop_lineup_text {
    font-size: 15px;
    letter-spacing: .05em;
    margin-top: 18px
  }
}

.prouseTop .prouseTop_contact {
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5;
  padding: 48px 37px
}

.prouseTop .prouseTop_contact .c-link {
  margin: 0 auto
}

.prouseTop .prouseTop_contact .c-link a {
  line-height: 1.5
}

.prouseTop .prouseTop_contact .c-link span {
  font-size: 14px
}

.prouseTop .prouseTop_contact .c-link+.c-link {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .prouseTop .prouseTop_contact {
    padding: 48px 0
  }
  .prouseTop .prouseTop_contact .prouseTop_contactWrap {
    width: 664px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .prouseTop .prouseTop_contact .prouseTop_contactWrap .c-link {
    width: 300px
  }
  .prouseTop .prouseTop_contact .prouseTop_contactWrap .c-link+.c-link {
    margin-top: 0
  }
}

@media screen and (min-width:960px) {
  .prouseTop .prouseTop_contact {
    padding: 60px 0 64px
  }
}

@media screen and (max-width:374px) {
  .prouseTop .prouseTop_contact {
    padding: 48px 20px
  }
}

.prouseTop .o-searchForm {
  margin: 24px 15px 29px;
  padding-bottom: 40px;
  border-bottom: none;
  position: relative
}

.prouseTop .o-searchForm:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

.prouseTop .o-searchForm .o-searchFormWrap .o-searchForm_search {
  margin-bottom: 37px
}

.prouseTop .o-searchForm .o-searchFormWrap .o-searchForm_link {
  display: inline
}

@media screen and (min-width:760px) {
  .prouseTop .o-searchForm {
    width: 700px;
    margin: 32px auto 44px;
    padding-top: 32px;
    padding-bottom: 0
  }
  .prouseTop .o-searchForm:after {
    bottom: auto;
    top: 0
  }
  .prouseTop .o-searchForm .o-searchFormWrap {
    width: 700px
  }
  .prouseTop .o-searchForm .o-searchFormWrap .o-searchForm_search {
    width: 431px;
    padding: 0;
    margin: 0
  }
}

@media screen and (min-width:760px) and (min-width:1280px) {
  .prouseTop .o-searchForm .o-searchFormWrap .o-searchForm_search .commonSearch_bar {
    width: calc(100% - 105px)
  }
}

@media screen and (min-width:760px) {
  .prouseTop .o-searchForm .o-searchFormWrap .o-searchForm_link {
    width: auto;
    margin-right: 96px
  }
}

@media screen and (min-width:960px) {
  .prouseTop .o-searchForm {
    width: calc(60% - 16px);
    position: absolute;
    bottom: 0;
    right: 0
  }
}

.prouse .product.productTop .common_ttl span:nth-of-type(2) {
  text-indent: 0
}

.prouse .product.productTop .common_ttl span:nth-of-type(2) a {
  letter-spacing: .02em
}

.prouse .product.productTop .common_ttl span:nth-of-type(2) a:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.prouse .product.productTop .common_ttl span:nth-of-type(2) a:hover:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.prouse .product.productTop .p-searchRecipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .prouse .product.productTop .p-searchRecipe {
    width: 470px
  }
}

.prouse .product.productTop .p-searchRecipe input {
  width: 100%;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
  -webkit-transform: translateX(-7px) scale(.9);
  transform: translateX(-7px) scale(.9);
  text-indent: 25px
}

@media screen and (min-width:760px) {
  .prouse .product.productTop .p-searchRecipe input {
    font-size: 14px;
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
  }
}

@media screen and (min-width:1280px) {
  .prouse .product.productTop .p-searchRecipe input {
    font-size: 15px
  }
}

.prouse .product.productTop .p-searchRecipe .ico {
  top: 13px
}

@media screen and (min-width:1280px) {
  .prouse .product.productTop .p-searchRecipe .ico {
    top: 7px
  }
}

.prouse .product.productTop .p-searchRecipe .p-searchRecipe_bar {
  width: calc(100% - 90px);
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .prouse .product.productTop .p-searchRecipe .p-searchRecipe_bar {
    width: calc(100% - 105px);
    height: auto
  }
}

.prouse .product.productTop .p-searchRecipe .p-searchRecipe_btn {
  width: 85px;
  height: 44px
}

.prouse .product.productTop .p-searchRecipe .p-searchRecipe_btn a {
  padding: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .prouse .product.productTop .p-searchRecipe .p-searchRecipe_btn {
    width: 100px;
    height: 33px
  }
}

.prouse .product.productTop .productTop_new .productTopNew_list .productTopNew_item .txt {
  font-size: 14px;
  font-weight: 700;
  margin-top: 18px;
  line-height: 1.5
}

@media screen and (min-width:760px) {
  .prouse .product.productTop .productTop_new .productTopNew_list .productTopNew_item {
    width: 180px
  }
  .prouse .product.productTop .productTop_new .productTopNew_list .productTopNew_item .txt {
    letter-spacing: .05em
  }
}

@media screen and (min-width:960px) {
  .prouse .product.productTop .productTop_new .productTopNew_list {
    max-width: 100%
  }
}

.prouse .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item .img {
  width: 75px
}

.prouse .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item .txt {
  letter-spacing: .02em;
  font-size: 15px;
  margin-top: 18px;
  line-height: 1.5
}

@media screen and (min-width:960px) {
  .prouse .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item a {
    margin: auto
  }
  .prouse .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item a .img {
    display: inline-block;
    width: 90px
  }
  .prouse .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item a .txt {
    letter-spacing: .05em
  }
}

.prouse .product.productTop .prouseTop_panel {
  padding: 42px 0 0
}

@media screen and (min-width:760px) {
  .prouse .product.productTop .prouseTop_panel {
    padding: 63px 0 0
  }
}

.prouse .product.productTop .common_panel .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.prouse .product.productTop .common_panel .commonPanel_item:hover .commonPanelItem_details {
  color: #333
}

.prouse .product.productTop .common_panel .commonPanel_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouse .product.productTop .common_panel .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

.prouse .product.productTop .common_panel.-recipe {
  margin-top: 0;
  padding: 32px 0 48px
}

.prouse .product.productTop .common_panel.-recipe .commonPanel_list {
  position: relative;
  padding-top: 16px;
  margin-top: 32px
}

.prouse .product.productTop .common_panel.-recipe .commonPanel_list:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item {
  padding-bottom: 10px
}

.prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item a {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 18px 0 0 16px
}

.prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
  margin-top: 16px
}

.prouse .product.productTop .common_panel.-recipe .common_link {
  margin: 48px auto 0
}

@media screen and (min-width:760px) {
  .prouse .product.productTop .common_panel.-recipe {
    padding: 40px 0 48px
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list {
    padding-top: 0;
    margin-top: 35px
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list:before {
    display: none
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item {
    width: calc(50% - 2px);
    margin: 0 1px 32px;
    padding-bottom: 0
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .prouse .product.productTop .common_panel.-recipe .common_link {
    margin: 16px auto 0
  }
}

@media screen and (min-width:960px) {
  .prouse .product.productTop .common_panel.-recipe {
    padding: 64px 0 94px
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list {
    margin-top: 48px
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item {
    width: calc(25% - 6px);
    margin: 0 3px 32px
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .prouse .product.productTop .common_panel.-recipe .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
    margin-top: 18px
  }
  .prouse .product.productTop .common_panel.-recipe .common_link {
    margin: 16px auto 0
  }
}

.prouse .product.productTop .prouseProductTop_list .commonPanel_item {
  position: relative
}

.prouse .product.productTop .prouseProductTop_list .commonPanel_item:first-of-type {
  margin: 0
}

.prouse .product.productTop .prouseProductTop_list .commonPanel_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .prouse .product.productTop .prouseProductTop_list .commonPanel_item:first-of-type {
    margin: 35px auto 0
  }
  .prouse .product.productTop .prouseProductTop_list .commonPanel_item:after {
    display: none
  }
}

@media screen and (min-width:960px) {
  .prouse .product.productTop .prouseProductTop_list .commonPanel_item:first-of-type {
    margin: 0 auto
  }
}

.product.prouseCategory .product_ttl {
  text-align: center;
  margin-top: 0;
  padding: 28px 0 29px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .product.prouseCategory .product_ttl {
    padding: 44px 0;
    letter-spacing: .1em
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory .product_ttl {
    padding: 58px 0 61px
  }
}

.product.prouseCategory .product_read {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 2;
  padding-left: 38px;
  padding-right: 38px
}

@media screen and (min-width:760px) {
  .product.prouseCategory .product_read {
    font-size: 16px;
    text-align: center
  }
}

.product.prouseCategory .productCategoryLink {
  padding: 27px 38px 38px
}

.product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem a {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: .02em;
  max-width: 300px;
  margin: 0 auto;
  border: 2px solid #093;
  border-radius: 3px;
  background: #fff;
  color: #333;
  padding-left: 16px;
  position: relative
}

.product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem a:after {
  display: block;
  position: absolute;
  top: 17px;
  right: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 2px solid #093;
  border-right: 2px solid #093;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem+.productCategoryItem a {
  margin: 8px auto 0
}

@media screen and (min-width:760px) {
  .product.prouseCategory .productCategoryLink {
    width: 571px;
    padding: 35px 0 40px;
    margin: 0 auto
  }
  .product.prouseCategory .productCategoryLink .productCategoryList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem {
    width: calc(33.333% - 6.66666px);
    margin: 0 3.33333px
  }
  .product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem a {
    width: 185px
  }
  .product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem+.productCategoryItem a {
    margin: 0 0 8px
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory .productCategoryLink {
    padding: 35px 64px 64px;
    width: auto;
    max-width: 1160px
  }
  .product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem {
    width: calc(16.66667% - 6.66666px)
  }
  .product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem a {
    width: 100%
  }
  .product.prouseCategory .productCategoryLink .productCategoryList .productCategoryItem+.productCategoryItem a {
    margin: 0
  }
}

@media screen and (min-width:1280px) {
  .product.prouseCategory .productCategoryLink {
    padding: 35px 0 64px
  }
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap {
  padding-top: 21px;
  position: relative
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap h2 {
  color: #093;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .05em
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List {
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List:after {
  content: "";
  width: 50%
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item {
  width: 50%;
  text-align: center;
  margin-bottom: 39px
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item img {
  width: 124px
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item span {
  margin-top: 14px;
  display: block;
  font-size: 14px
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item a {
  display: block;
  color: #333
}

.product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item a:hover span {
  color: #093
}

@media screen and (min-width:760px) {
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap {
    padding-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap h2 {
    font-size: 21px;
    width: calc(100% - 533px)
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List {
    margin-top: 0;
    width: 533px
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List:after {
    width: 33%
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item {
    width: 33%;
    margin-bottom: 46px
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item img {
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1);
    width: 135px
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item span {
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1);
    margin-top: 19px;
    font-size: 15px;
    letter-spacing: .05em
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap {
    padding-top: 32px;
    padding-bottom: 30px
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap h2 {
    width: calc(100% - 932px)
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 932px
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List:after {
    width: 20%
  }
  .product.prouseCategory .productCategoryGroup .productCategoryGroup_wrap .productCategoryGroup_List .productCategoryGroup_item {
    width: 20%;
    margin-bottom: 30px
  }
}

.product.prouseCategory .linkArea {
  position: relative;
  max-width: 1152px;
  margin: 0 auto;
  padding: 48px 0
}

.product.prouseCategory .linkArea:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.product.prouseCategory .linkArea .c-link {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .product.prouseCategory .linkArea .c-link {
    width: 300px
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory .linkArea {
    padding: 64px 0
  }
}

.product.prouseCategory.product .product_other {
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5;
  margin-top: 0;
  padding-top: 24px;
  padding-bottom: 24px
}

@media screen and (min-width:760px) {
  .product.prouseCategory.product .product_other {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory.product .product_other {
    padding-top: 64px;
    padding-bottom: 94px
  }
}

.product.prouseCategory.product .product_other .productOther_list .txt {
  font-weight: 400
}

@media screen and (min-width:760px) {
  .product.prouseCategory.product .product_other .productOther_list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .product.prouseCategory.product .product_other .productOther_list .productOther_item {
    width: 16.66666666666667%;
    margin: 38px 0 0
  }
  .product.prouseCategory.product .product_other .productOther_list .productOther_item .img {
    width: 75px;
    margin: auto
  }
  .product.prouseCategory.product .product_other .productOther_list .productOther_item .txt {
    font-size: 15px;
    margin-top: 6px
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory.product .product_other .productOther_list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 931px;
    margin: 26px auto 0;
    padding: 0
  }
  .product.prouseCategory.product .product_other .productOther_list .productOther_item {
    width: 20%
  }
  .product.prouseCategory.product .product_other .productOther_list .productOther_item .img {
    width: 140px;
    margin: auto
  }
  .product.prouseCategory.product .product_other .productOther_list .productOther_item .txt {
    font-size: 15px;
    margin-top: 19px
  }
}

.product.prouseCategory .common_panel .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.product.prouseCategory .common_panel .commonPanel_item:hover .commonPanelItem_details {
  color: #333
}

.product.prouseCategory .common_panel .commonPanel_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.product.prouseCategory .common_panel .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

.product.prouseCategory .common_panel .common_ttl span:nth-of-type(2) {
  text-indent: 0
}

.product.prouseCategory .common_panel .common_ttl span:nth-of-type(2) a {
  letter-spacing: .02em
}

.product.prouseCategory .common_panel .common_ttl span:nth-of-type(2) a:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.product.prouseCategory .common_panel .common_ttl span:nth-of-type(2) a:hover:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.product.prouseCategory .common_panel.-recipe {
  margin-top: 0;
  padding: 32px 0 12px
}

.product.prouseCategory .common_panel.-recipe .commonPanel_list {
  position: relative;
  padding-top: 16px;
  margin-top: 32px
}

.product.prouseCategory .common_panel.-recipe .commonPanel_list:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item {
  padding-bottom: 10px
}

.product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item a {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 18px 0 0 16px
}

.product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
  margin-top: 16px
}

.product.prouseCategory .common_panel.-recipe .common_link {
  margin: 48px auto 0
}

@media screen and (min-width:760px) {
  .product.prouseCategory .common_panel.-recipe {
    padding: 40px 0 48px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list {
    padding-top: 0;
    margin-top: 35px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list:before {
    display: none
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item {
    margin: 0 1 32px;
    width: calc(50% - 2px);
    padding-bottom: 0
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 1 32px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .product.prouseCategory .common_panel.-recipe .common_link {
    margin: 16px auto 0
  }
}

@media screen and (min-width:960px) {
  .product.prouseCategory .common_panel.-recipe {
    padding: 64px 0 94px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list {
    margin-top: 48px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item {
    margin: 0 3px 32px;
    width: calc(25% - 6px)
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 3px 32px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .product.prouseCategory .common_panel.-recipe .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
    margin-top: 18px
  }
  .product.prouseCategory .common_panel.-recipe .common_link {
    margin: 16px auto 0
  }
}

.prouse.product .product_ttl {
  font-family: Hiragino Kaku Gothic ProN, YuGothic, Yu Gothic, Hiragino Sans, sans-serif
}

.prouse.product .common_ttl span:first-of-type, _:-ms-lang(x) span:first-of-type {
  margin-bottom: -4px
}

.prouse.product .common_ttl span:nth-of-type(2), _:-ms-lang(x) span:nth-of-type(2) {
  text-indent: 0
}

.prouse.product .common_ttl a, _:-ms-lang(x) a {
  letter-spacing: .02em
}

.prouse.product .common_ttl a:hover:before, _:-ms-lang(x) a:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  transition-duration: .6s
}

.prouse.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item.two-line {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit
}

@media screen and (min-width:760px) {
  .prouse.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:not(:first-child) {
    padding-left: 16px
  }
}

@media screen and (min-width:960px) {
  .prouse.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:not(:first-child) {
    padding-left: 18px
  }
}

.prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap .txt+.txt {
  margin-left: 30px
}

@media screen and (min-width:760px) {
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item {
    width: 20%;
    margin: 30px 0 0
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap {
    display: block;
    margin-top: 25px
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap .txt+.txt {
    margin: 5px 0 0
  }
}

@media screen and (min-width:960px) {
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item {
    width: calc(33.33333% - 10px);
    margin: 38px 0 0
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item:first-child a, .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item:nth-child(3n+1) a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .img {
    width: 162px
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-top: 0
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap .txt {
    margin-top: 16px
  }
  .prouse.product.productGroup .productGroup_details .productGroupDetails_line .productGroupDetails_list .productGroupDetails_item .txtwrap .txt+.txt {
    margin: 16px 0 0 30px
  }
}

.prouse.product .common_panel .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.prouse.product .common_panel .commonPanel_item:hover .commonPanelItem_details {
  color: #333
}

.prouse.product .common_panel .commonPanel_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouse.product .common_panel .commonPanel_item a:hover .commonPanelItem_bottom .commonPanelItemDetails_txt, .prouse.product .common_panel .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

.prouse.product .common_panel.-recipe {
  border-top: 4px solid #f5f5f5;
  margin-top: 0;
  padding: 32px 0 48px
}

.prouse.product .common_panel.-recipe .commonPanel_list {
  position: relative;
  padding-top: 16px;
  margin-top: 32px
}

.prouse.product .common_panel.-recipe .commonPanel_list:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item {
  padding-bottom: 10px
}

.prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item a {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 0 0 0 14px
}

.prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_bottom {
  margin-top: 16px;
  width: 100%;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: .02em;
  color: #333
}

.prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
  margin-top: 16px
}

.prouse.product .common_panel.-recipe .common_link {
  margin: 48px auto 0
}

@media screen and (min-width:760px) {
  .prouse.product .common_panel.-recipe {
    padding: 40px 0 48px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list {
    padding-top: 0;
    margin-top: 35px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list:before {
    display: none
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item {
    margin: 0 1 32px;
    width: calc(50% - 2px);
    padding-bottom: 0
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 1 32px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_bottom, .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .prouse.product .common_panel.-recipe .common_link {
    margin: 16px auto 0
  }
}

@media screen and (min-width:960px) {
  .prouse.product .common_panel.-recipe {
    padding: 64px 0 94px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list {
    margin-top: 48px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item {
    margin: 0 3px 32px;
    width: calc(25% - 6px)
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 3px 32px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .prouse.product .common_panel.-recipe .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
    margin-top: 18px
  }
  .prouse.product .common_panel.-recipe .common_link {
    margin: 16px auto 0
  }
}

.prouse.product .product_other {
  border-top: 4px solid #f5f5f5;
  padding: 32px 0 62px;
  margin-top: 0
}

@media screen and (min-width:760px) {
  .prouse.product .product_other {
    padding: 32px 0 62px
  }
}

@media screen and (min-width:960px) {
  .prouse.product .product_other {
    padding: 64px 0 62px
  }
}

.prouse.product .product_other .productOther_list .productOther_item .txt {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 700;
  margin-top: 9px;
  line-height: 1.6
}

@media screen and (min-width:760px) {
  .prouse.product .product_other .productOther_list {
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .prouse.product .product_other .productOther_list .productOther_item {
    width: 110px;
    width: 16.6%
  }
  .prouse.product .product_other .productOther_list .productOther_item a {
    width: 75px;
    margin: auto
  }
  .prouse.product .product_other .productOther_list .productOther_item a .txt {
    letter-spacing: .02em;
    font-size: 15px;
    margin-top: 15px;
    line-height: 1.92;
    line-height: 1.5
  }
}

@media screen and (min-width:960px) {
  .prouse.product .product_other .productOther_list {
    margin-top: 72px;
    padding: 0
  }
  .prouse.product .product_other .productOther_list .productOther_item {
    width: 14.28%;
    margin: 0 0 38px
  }
  .prouse.product .product_other .productOther_list .productOther_item a {
    width: 90px
  }
  .prouse.product .product_other .productOther_list .productOther_item .txt {
    margin-top: 15px;
    letter-spacing: .05em;
    line-height: 1.5
  }
}

.prouse.product .linkArea {
  border-top: 4px solid #f5f5f5;
  padding: 48px 0 52px
}

.prouse.product .linkArea .c-link {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .prouse.product .linkArea .c-link {
    width: 300px
  }
}

@media screen and (min-width:960px) {
  .prouse.product .linkArea {
    padding: 64px 0
  }
}

.prouse.product .p-sns {
  margin-top: 0
}

.prouserecipe.ouchirecipe .search_recipe .searchRecipe_top {
  margin-top: 28px
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_top {
    margin-top: 43px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_top {
    margin-top: 57px
  }
}

.prouserecipe.ouchirecipe .search_recipe .searchRecipe_list:after {
  content: ""
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list:after {
    width: calc(33% - 6px)
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list:after {
    width: calc(25% - 3px)
  }
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list {
    margin-top: 28px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list {
    margin-top: 27px
  }
}

.prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item>a:hover .searchRecipe_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item>a:hover .searchRecipeDetails_txt {
  color: #093
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item {
    width: calc(33% - 6px);
    margin: 0 0 38px
  }
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy {
    padding-left: 7px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item {
    width: calc(25% - 3px);
    margin: 0 0 46px
  }
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .num {
    font-size: 18px
  }
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .txt {
    font-size: 14px
  }
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_about .searchRecipeDetailsAbout_energy {
    padding-left: 5px
  }
}

.prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_txt {
  letter-spacing: .02em;
  margin: 16px 0 11px
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .search_recipe .searchRecipe_list .searchRecipe_item .searchRecipeDetails_txt {
    margin: 20px 0 15px
  }
}

.prouserecipe.ouchirecipe .searchRecipeArea {
  padding: 24px 42px 27px;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .searchRecipeArea {
    padding: 32px 0
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .searchRecipeArea {
    padding: 33px 0 32px
  }
}

.prouserecipe.ouchirecipe .prouseRecipe_searchArea .p-searchRecipeArea_logo {
  display: none
}

.prouserecipe.ouchirecipe .recipeSearch {
  margin-top: 45px;
  margin-bottom: 70px
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipeSearch {
    margin-top: 3px;
    margin-bottom: 48px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipeSearch {
    margin-top: 41px;
    margin-bottom: 64px
  }
}

.prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .title {
  color: #093;
  font-size: 15px;
  line-height: 1.3333;
  letter-spacing: .04em
}

.prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .text {
  font-size: 16px;
  line-height: 1.3125;
  margin-top: 13px;
  font-weight: 700;
  letter-spacing: .04em
}

.prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.btn {
  display: none
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner {
    max-width: 560px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item {
    width: 157px;
    text-align: left;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .text {
    font-size: 18px;
    line-height: 1.3333;
    margin-top: 11px
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.btn {
    display: block;
    width: 219px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    margin-left: 27px
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.btn a {
    cursor: pointer;
    background: url(/assets/img/prouse/recipe/ico_print.svg) no-repeat left 16px center;
    display: block;
    border-radius: 6px;
    text-align: center;
    text-indent: 16px;
    border: 1px solid #093;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.btn a:hover {
    color: #093
  }
}

@media screen and (min-width:1280px) {
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner {
    display: block
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item {
    width: 157px;
    text-align: left;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item+.recipeTopInnerDetailsData_item {
    margin-top: 26px
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item .text {
    font-size: 18px;
    line-height: 1.3333;
    margin-top: 11px
  }
  .prouserecipe.ouchirecipe .recipe_top .recipeTop_inner .recipeTopInner_details .recipeTopInnerDetails_data .recipeTopInnerDetailsData_inner .recipeTopInnerDetailsData_item.btn {
    width: 219px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 28px 0 4px
  }
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl {
  height: 59px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .for input {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
  width: 91px;
  height: 36px;
  margin-right: 9px;
  text-align: right;
  padding: 0 16px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .btn {
  cursor: pointer;
  width: 91px;
  height: 36px;
  line-height: 36px;
  background-color: #093;
  border: 1px solid #093;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .btn:hover {
  background-color: #fff;
  border: 1px solid #093;
  color: #093
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl {
  padding: 0 15px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  height: 60px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .subttl, .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .val {
  letter-spacing: .04em;
  font-size: 15px;
  line-height: 1.3333;
  margin: 26px 0 14px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .subttl {
  width: 43%
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .val {
  width: 28%;
  text-align: right
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item {
  padding: 14px 15px 15px;
  height: auto
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item span {
  width: 28%;
  text-align: right
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item span:first-child {
  width: 43%;
  text-align: left
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details {
  width: calc(100% - 100px)
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .ttl {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-top: 0;
  margin-bottom: 20px
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl {
    padding: 0 15px 0 25px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .for input {
    margin-right: 3px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl {
    padding: 0 15px 0 25px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .subttl {
    width: 43%
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .val {
    text-align: right;
    width: 28%
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item {
    padding: 14px 15px 15px 25px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item span {
    width: 28%;
    text-align: right
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item span:first-child {
    width: 43%;
    text-align: left
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details {
    width: calc(100% - 114px)
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a {
    position: relative;
    font-size: 13px;
    font-weight: 700;
    padding-right: 26px;
    padding-bottom: 4px;
    text-decoration: none
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a:hover:after {
    right: -5px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #093;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details .link a:after {
    content: "";
    display: inline-block;
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    position: absolute;
    width: 15px;
    height: 13px;
    background-size: cover;
    top: calc(50% - 3px);
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1);
    border: none
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl {
    padding: 0 12px 0 25px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .ttl {
    width: 90px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_ttl .for input {
    margin-right: 9px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl {
    padding: 0 30px 0 25px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .subttl {
    width: 43%
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_subTtl .val {
    text-align: right;
    width: 28%
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item {
    padding: 14px 30px 15px 25px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item span {
    width: 108px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_list .recipeTopAboutIngredients_item span:first-child {
    width: 189px
  }
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_ingredients .recipeTopAboutIngredients_used .recipeTopAboutIngredientsUsed_item .recipeTopAboutIngredientsUsed_details {
    width: calc(100% - 124px)
  }
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_ttl {
  position: relative;
  padding-bottom: 13px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  left: auto;
  right: 0
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item {
  padding-top: 16px;
  padding-bottom: 16px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number {
  position: relative;
  display: inline-block;
  padding: 0 5px 1px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 0;
  vertical-align: text-bottom
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  content: "";
  width: 18px;
  height: 18px;
  text-align: center;
  color: #093;
  border: 1px solid #093;
  border-radius: 50%;
  font-size: 11px;
  line-height: 16px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num1:after {
  content: "1"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num2:after {
  content: "2"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num3:after {
  content: "3"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num4:after {
  content: "4"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num5:after {
  content: "5"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num6:after {
  content: "6"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num7:after {
  content: "7"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num8:after {
  content: "8"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num9:after {
  content: "9"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num10:after {
  content: "10"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num11:after {
  content: "11"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num12:after {
  content: "12"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num13:after {
  content: "13"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num14:after {
  content: "14"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num15:after {
  content: "15"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num16:after {
  content: "16"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num17:after {
  content: "17"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num18:after {
  content: "18"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num19:after {
  content: "19"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item .number.num20:after {
  content: "20"
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item:before {
  top: 30px
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_list .recipeTopAboutHowto_item:last-child:after {
  content: "";
  display: block
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution {
  margin-top: 36px;
  padding-bottom: 0
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution:after {
  display: none
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution {
    margin-top: 32px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_caution {
    margin-top: 40px
  }
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point {
  margin-top: 37px
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point {
    margin-top: 45px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point {
    margin-top: 37px
  }
}

.prouserecipe.ouchirecipe .recipeTop_about .recipeTopAbout_howto .recipeTopAboutHowto_point .recipeTopAboutHowtoPoint_ttl {
  letter-spacing: .02em
}

.prouserecipe.ouchirecipe .recipe_nutrition.recipeNutrition {
  margin-bottom: 48px
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipe_nutrition.recipeNutrition {
    margin-bottom: 65px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipe_nutrition.recipeNutrition {
    margin-bottom: 96px
  }
}

.prouserecipe.ouchirecipe .recipe_nutrition.recipeNutrition .recipeNutrition_list .recipeNutrition_item:nth-child(6n+1):after {
  display: none
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipe_nutrition.recipeNutrition .recipeNutrition_list .recipeNutrition_item .recipeNutrition_num {
    text-indent: 2px
  }
}

.prouserecipe.ouchirecipe .recipe_search.recipeSearch {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 14px;
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 22px
}

.prouserecipe.ouchirecipe .recipe_search.recipeSearch .recipeSearch_inner {
  display: none
}

.prouserecipe.ouchirecipe .recipe_search.recipeSearch .recipeSearch_outer {
  margin-top: 0;
  padding-bottom: 0
}

@media screen and (min-width:760px) {
  .prouserecipe.ouchirecipe .recipe_search.recipeSearch {
    border-top: 4px solid #f5f5f5;
    border-bottom: none;
    margin-top: 30px;
    padding-top: 19px;
    padding-bottom: 28px
  }
}

@media screen and (min-width:960px) {
  .prouserecipe.ouchirecipe .recipe_search.recipeSearch {
    margin-top: 96px;
    padding-top: 13px;
    padding-bottom: 22px
  }
}

.prouserecipe.ouchirecipe .recipe_search.recipeSearch .recipeSearch_outer {
  border-bottom: none
}

@media print {
  .prouseHeader, .searchRecipeArea {
    display: none !important
  }
}

.prouseSearch .common_ttl span:first-of-type, _:-ms-lang(x) span:first-of-type {
  margin-bottom: -4px
}

.prouseSearch .common_ttl span:nth-of-type(2), _:-ms-lang(x) span:nth-of-type(2) {
  text-indent: 0
}

.prouseSearch .common_ttl a, _:-ms-lang(x) a {
  letter-spacing: .02em
}

.prouseSearch .common_ttl a:hover:before, _:-ms-lang(x) a:hover:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  transition-duration: .6s
}

.prouseSearch .common_ttl a:hover:before, _:-ms-lang(x), _:-ms-lang(x) a:hover:before {
  width: 100%;
  transition-duration: 0
}

.prouseSearch .product_ttl {
  text-align: center;
  padding: 29px 0
}

@media screen and (min-width:760px) {
  .prouseSearch .product_ttl {
    padding: 40px 0
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .product_ttl {
    padding: 58px 0
  }
}

.prouseSearch .p-searchRecipeArea {
  width: calc(100% - 30px);
  margin: 0 auto;
  position: relative;
  padding: 32px 0 30px
}

.prouseSearch .p-searchRecipeArea:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.prouseSearch .p-searchRecipeArea .p-searchRecipeArea_area {
  margin-top: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.prouseSearch .p-searchRecipeArea .p-searchRecipeArea_area .p-searchRecipeArea_btn a:hover:after {
  right: 5px
}

.prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner {
  border: none;
  padding-left: 0;
  width: 100%
}

.prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner .p-searchRecipeArea_scroll .p-searchRecipeArea_list {
  font-size: 0
}

.prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner .p-searchRecipeArea_scroll .p-searchRecipeArea_list .p-searchRecipeArea_item {
  border-radius: 16px
}

.prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner .p-searchRecipeArea_scroll .p-searchRecipeArea_list .p-searchRecipeArea_item a {
  line-height: 1;
  padding: 5px 12px
}

@media screen and (min-width:760px) {
  .prouseSearch .p-searchRecipeArea {
    width: 700px
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_area {
    width: 617px;
    margin: 0 auto
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner {
    margin: 0 auto
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner .p-searchRecipeArea_scroll .p-searchRecipeArea_list {
    text-align: center;
    padding: 0
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_inner .p-searchRecipeArea_scroll .p-searchRecipeArea_list .p-searchRecipeArea_item a {
    font-size: 14px;
    padding: 8px 16px
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipe {
    width: 431px;
    max-width: none
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .p-searchRecipeArea {
    width: 685px;
    padding: 30px 0 22px;
    margin-top: 64px;
    margin-bottom: 41px
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_area {
    width: 587px;
    -ms-flex-item-align: center;
    align-self: center
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_area .p-searchRecipeArea_btn {
    margin: 0
  }
  .prouseSearch .p-searchRecipeArea .p-searchRecipeArea_area .p-searchRecipe {
    padding: 0
  }
}

.prouseSearch .common_panel {
  border-top: 4px solid #f5f5f5
}

.prouseSearch .common_panel .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.prouseSearch .common_panel .commonPanel_item:hover .commonPanelItem_details {
  color: #333
}

.prouseSearch .common_panel .commonPanel_item a:hover .commonPanelItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouseSearch .common_panel .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

.prouseSearch .common_panel .usedItemData_details {
  margin-top: 11px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.prouseSearch .common_panel .usedItemData_details p {
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1
}

.prouseSearch .common_panel .usedItemData_details p:nth-of-type(2) {
  margin-left: 5px
}

.prouseSearch .common_panel .usedItemData_details p:nth-of-type(2) .ico {
  width: 15px
}

.prouseSearch .common_panel .usedItemData_details p .ico {
  width: 17px
}

.prouseSearch .common_panel .usedItemData_details p .num {
  font-size: 18px;
  font-weight: 700;
  padding: 0 3px
}

.prouseSearch .common_panel .usedItemData_details p .txt {
  color: #212121;
  font-size: 12px
}

@media screen and (min-width:760px) {
  .prouseSearch .common_panel .usedItemData_details {
    margin-top: 15px
  }
  .prouseSearch .common_panel .usedItemData_details p:nth-of-type(2) {
    margin-left: 13px
  }
  .prouseSearch .common_panel .usedItemData_details p:nth-of-type(2) .ico {
    width: 17px
  }
  .prouseSearch .common_panel .usedItemData_details p .num {
    font-size: 21px;
    padding: 0 5px
  }
  .prouseSearch .common_panel .usedItemData_details p .txt {
    font-size: 16px
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .common_panel .usedItemData_details {
    margin-top: 12px
  }
}

.prouseSearch .common_panel.-recommend {
  padding-top: 32px
}

.prouseSearch .common_panel.-recommend .commonPanel_list {
  margin-top: 32px
}

.prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item:not(:first-child) {
  margin: 32px 0
}

.prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .prouseSearch .common_panel.-recommend {
    padding-top: 40px;
    padding-bottom: 0
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list {
    margin-top: 40px
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item {
    width: calc(50% - 2px);
    margin: 0 1px 40px
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 0 40px
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .common_panel.-recommend {
    padding-top: 48px
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list {
    margin-top: 48px
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item {
    width: calc(33.33333% - 6px);
    margin: 0 3px 40px
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 3px 40px
  }
  .prouseSearch .common_panel.-recommend .commonPanel_list .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
    margin-top: 17px
  }
}

.prouseSearch .common_panel.-newrecipe {
  padding-top: 32px;
  padding-bottom: 24px;
  margin-top: 0
}

.prouseSearch .common_panel.-newrecipe .commonPanel_list {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item {
  width: calc(50% - 7.5px);
  margin: 0 0 24px
}

.prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item:not(:first-child) {
  margin: 0 0 24px
}

.prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .commonPanelItem_details {
  padding: 0
}

.prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
  font-size: 14px
}

.prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .usedItemData_details {
  padding: 0
}

@media screen and (min-width:760px) {
  .prouseSearch .common_panel.-newrecipe {
    padding-top: 40px;
    padding-bottom: 8px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list {
    margin-top: 40px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item {
    margin: 0 1px 40px;
    width: calc(50% - 2px)
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 1px 40px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .commonPanelItem_details {
    margin-top: 18px;
    padding: 0 20px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .commonPanelItem_details .commonPanelItemDetails_ttl {
    font-size: 16px;
    letter-spacing: .02em
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .usedItemData_details {
    padding: 0 20px
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .common_panel.-newrecipe {
    padding-top: 48px;
    padding-bottom: 48px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list {
    margin-top: 48px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item {
    margin: 0 1.5px 40px;
    width: calc(25% - 3px)
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 1.5px 40px
  }
  .prouseSearch .common_panel.-newrecipe .commonPanel_list .commonPanel_item .commonPanelItem_details {
    margin-top: 20px
  }
}

.prouseSearch .common_panel.-feature {
  margin-top: 0;
  padding: 32px 0 12px
}

.prouseSearch .common_panel.-feature .commonPanel_list {
  position: relative;
  padding-top: 16px;
  margin-top: 32px;
  margin-bottom: 20px
}

.prouseSearch .common_panel.-feature .commonPanel_list:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 0
}

.prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item {
  padding-bottom: 10px
}

.prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item a {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 18px 0 0 16px
}

.prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
  margin-top: 16px
}

.prouseSearch .common_panel.-feature .common_link {
  display: none
}

@media screen and (min-width:760px) {
  .prouseSearch .common_panel.-feature {
    padding: 40px 0 0
  }
  .prouseSearch .common_panel.-feature .commonPanel_list {
    padding-top: 0;
    margin-top: 35px;
    margin-bottom: 5px
  }
  .prouseSearch .common_panel.-feature .commonPanel_list:before {
    display: none
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item {
    margin: 0 1px 32px;
    width: calc(50% - 2px);
    padding-bottom: 0
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 1px 32px
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .common_panel.-feature {
    padding: 48px 0 36px
  }
  .prouseSearch .common_panel.-feature .common_ttl span:nth-of-type(2) {
    display: none
  }
  .prouseSearch .common_panel.-feature .commonPanel_list {
    margin-top: 48px;
    margin-bottom: 0
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item {
    margin: 0 3px 32px;
    width: calc(25% - 6px)
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item:not(:first-child) {
    margin: 0 3px 32px
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    padding: 0 20px
  }
  .prouseSearch .common_panel.-feature .commonPanel_list .commonPanel_item .o-prouseTag .o-prouseTagList {
    margin-top: 18px
  }
}

.prouseSearch .prouseSearchMenu {
  border-top: 4px solid #f5f5f5;
  padding-top: 34px;
  padding-bottom: 33px
}

@media screen and (min-width:760px) {
  .prouseSearch .prouseSearchMenu {
    padding-top: 40px;
    padding-bottom: 48px
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .prouseSearchMenu {
    padding-top: 48px;
    padding-bottom: 48px
  }
}

.prouseSearch .prouseSearchMenu .prouseSearchMenuList {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem {
  background-color: #f7f7e9;
  border-radius: 6px;
  width: calc(50% - 8px);
  height: 124px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .05em;
  margin: 0 4px 15px
}

.prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a {
  color: #333
}

.prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem .ico {
  display: block
}

.prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem .txt {
  margin-top: -5px;
  display: block
}

@media screen and (min-width:760px) {
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList {
    margin-top: 40px
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem {
    width: calc(33% - 5.33333px);
    margin: 0 2.5px 8px
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 0 22px
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a .txt {
    margin-top: 0;
    width: 80px;
    text-align: left
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList {
    max-width: 1152px;
    margin: 48px auto 0
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem {
    width: calc(20% - 6.4px);
    margin: 0 3.2px 8px;
    height: 112px
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a {
    padding: 0 12px
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a .ico {
    width: 50%
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a .ico img {
    width: 100%
  }
  .prouseSearch .prouseSearchMenu .prouseSearchMenuList .prouseSearchMenuItem a .txt {
    width: 45%
  }
}

.prouseSearch .linkArea {
  border-top: 4px solid #f5f5f5;
  padding: 48px 0
}

.prouseSearch .linkArea .c-link {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .prouseSearch .linkArea .c-link {
    width: 300px
  }
}

@media screen and (min-width:960px) {
  .prouseSearch .linkArea {
    padding: 64px 0
  }
}

.prouseSearchDetail {
  margin-bottom: 30px
}

.prouseSearchDetail .product_ttl {
  text-align: center;
  padding: 60px 0;
  font-size: 24px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .prouseSearchDetail .product_ttl {
    padding: 44px 0;
    letter-spacing: .1em;
    border-bottom: 4px solid #f5f5f5
  }
}

@media screen and (min-width:960px) {
  .prouseSearchDetail .product_ttl {
    font-size: 30px;
    padding: 58px 0 60px;
    margin-bottom: 17px
  }
}

.prouseSearchDetail .searchDetail_data+.searchDetail_data {
  margin-top: 39px
}

.prouseSearchDetail.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl {
  margin-bottom: 15px
}

@media screen and (max-width:759px) {
  .prouseSearchDetail.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list, .prouseSearchDetail.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_ttl .txt {
    padding-left: 0
  }
  .prouseSearchDetail.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list li {
    width: 50%;
    margin: 16px 0 0
  }
}

@media screen and (min-width:760px) {
  .prouseSearchDetail.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list.fourth li {
    width: calc(33.33% - 10px)
  }
}

@media screen and (min-width:1280px) {
  .prouseSearchDetail.ouchirecipe.searchDetail .searchDetail_item .searchDetailData_item .searchDetailData_list.fourth li {
    width: calc(25% - 10px)
  }
}

.prouseFeature .product_ttl {
  text-align: center;
  padding: 60px 0;
  font-size: 24px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .prouseFeature .product_ttl {
    padding: 44px 0;
    letter-spacing: .1em
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .product_ttl {
    font-size: 30px;
    padding: 58px 0 60px
  }
}

.prouseFeature .product_read {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 2;
  padding-left: 38px;
  padding-right: 38px;
  margin: 0 auto 39px
}

@media screen and (min-width:760px) {
  .prouseFeature .product_read {
    text-align: center;
    font-size: 16px;
    padding-left: 34px;
    padding-right: 34px;
    margin: 0 auto 43px
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .product_read {
    width: 700px;
    padding: 0;
    margin: 0 auto 59px
  }
}

.prouseFeature .common_panel .common_ttl {
  margin-bottom: 32px
}

.prouseFeature .common_panel .commonPanel_item {
  margin: 0 0 23px
}

.prouseFeature .common_panel .commonPanel_item a {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.prouseFeature .common_panel .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.prouseFeature .common_panel .commonPanel_item:hover .commonPanelItem_details, .prouseFeature .common_panel .commonPanel_item:hover .commonPanelItemDetails_txt {
  color: #093
}

.prouseFeature .common_panel .commonPanel_item a:hover .commonPanelItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouseFeature .common_panel .commonPanel_item .commonPanelItem_flex a:hover .commonPanelItemDetails_txt, .prouseFeature .common_panel .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

@media screen and (min-width:760px) {
  .prouseFeature .common_panel .commonPanel_item {
    width: calc(50% - 4px);
    margin: 0 2px 38px
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .common_panel .commonPanel_item {
    width: calc(25% - 6px);
    margin: 0 3px 38px
  }
}

.prouseFeature .common_panel.-pickup {
  background-color: #f7f7e9;
  padding-top: 32px;
  padding-bottom: 22px
}

.prouseFeature .common_panel.-pickup .commonPanelItem_details {
  letter-spacing: .02em
}

@media screen and (min-width:760px) {
  .prouseFeature .common_panel.-pickup {
    padding-bottom: 8px
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .common_panel.-pickup {
    padding-top: 48px;
    padding-bottom: 64px
  }
  .prouseFeature .common_panel.-pickup .commonPanel_list {
    margin-top: 0
  }
  .prouseFeature .common_panel.-pickup .common_ttl {
    margin-bottom: 48px
  }
}

.prouseFeature .common_panel.-recipe {
  margin-top: 0;
  padding-top: 32px;
  padding-bottom: 64px
}

.prouseFeature .common_panel.-recipe .commonSub_ttl {
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  letter-spacing: .05em;
  padding-left: 47px;
  margin: 32px 0 30px;
  position: relative
}

.prouseFeature .common_panel.-recipe .commonSub_ttl.-new {
  background: url(/assets/img/prouse/feature/ico_new.svg) no-repeat 0
}

.prouseFeature .common_panel.-recipe .commonSub_ttl.-school {
  background: url(/assets/img/prouse/feature/ico_school.svg) no-repeat 0
}

.prouseFeature .common_panel.-recipe .commonSub_ttl.-store {
  background: url(/assets/img/prouse/feature/ico_store.svg) no-repeat 0
}

.prouseFeature .common_panel.-recipe .commonSub_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: -16px
}

@media screen and (min-width:760px) {
  .prouseFeature .common_panel.-recipe .commonSub_ttl {
    font-size: 21px;
    margin: 48px 0 50px
  }
  .prouseFeature .common_panel.-recipe .commonSub_ttl:after {
    display: none
  }
  .prouseFeature .common_panel.-recipe .commonSub_ttl.-new {
    margin: 48px 0 24px
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .common_panel.-recipe .commonSub_ttl.-new {
    margin: 55.5px 0 23.5px
  }
}

.prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details {
  padding: 0;
  width: 100%
}

.prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item {
  padding-bottom: 4px
}

.prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex:hover .commonPanelItemDetails_txt {
  color: #093
}

.prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_ttl {
  font-size: 15px;
  line-height: 1.8
}

.prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItemDetails_txt {
  color: #333;
  margin-top: 13px;
  font-size: 13px;
  line-height: 1.8;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item {
    padding-bottom: 4px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details .commonPanelItemDetails_ttl {
    font-size: 15px;
    line-height: 1.8
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItemDetails_txt {
    font-size: 14px;
    padding: 0 20px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school, .prouseFeature .common_panel.-recipe .commonPanel_list.-store {
    width: 100%
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .common_ttl, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .common_ttl {
    display: none
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 40px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item:after, .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item:before, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item:after, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    top: -26px;
    top: -19px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item:after, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item:after {
    display: none
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item:last-child:after, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item:last-child:after {
    display: block;
    top: auto;
    bottom: -19px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details {
    width: calc(100% - 177px);
    margin-top: 0;
    padding: 0
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .commonPanelItem_img, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 152px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .commonPanelItemDetails_txt, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .commonPanelItemDetails_txt {
    margin-top: 11px;
    padding: 0
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .o-prouseTag .o-prouseTagList, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .o-prouseTag .o-prouseTagList {
    margin-top: 12px;
    padding: 0
  }
  .prouseFeature .common_panel.-recipe .common_link {
    margin-top: 0
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .common_panel.-recipe {
    padding-top: 48px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list {
    margin-top: 0
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item {
    width: calc(50% - 16px);
    margin: 0 0 50px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item:before, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item:before {
    bottom: -25px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item:nth-last-child(-n+2):after, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item:nth-last-child(-n+2):after {
    display: block;
    top: auto;
    bottom: -25px
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details {
    width: calc(100% - 203px)
  }
  .prouseFeature .common_panel.-recipe .commonPanel_list.-school .commonPanel_item .commonPanelItem_flex .commonPanelItem_img, .prouseFeature .common_panel.-recipe .commonPanel_list.-store .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 182px
  }
}

.prouseFeature .common_panel.-other {
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5;
  padding-top: 32px;
  padding-bottom: 64px;
  margin-top: 0
}

.prouseFeature .common_panel.-other .common_ttl {
  position: relative;
  margin-bottom: 48px
}

.prouseFeature .common_panel.-other .common_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: -35px
}

.prouseFeature .common_panel.-other .commonPanel_list {
  margin-top: 0
}

.prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item {
  margin: 0 0 16px
}

.prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 0 0 0 14px
}

.prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItemDetails_ttl {
  font-size: 15px
}

@media screen and (min-width:760px) {
  .prouseFeature .common_panel.-other .common_ttl:after {
    display: none
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item {
    width: calc(50% - 16px);
    padding: 0;
    margin: 0 0 35px
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:after, .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    top: -17px
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:after {
    display: none
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:nth-last-child(-n+2):after {
    display: block;
    top: auto;
    bottom: -17px
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 165px
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    width: calc(100% - 179px);
    padding: 0
  }
}

@media screen and (min-width:960px) {
  .prouseFeature .common_panel.-other {
    padding-top: 48px;
    padding-bottom: 52px
  }
  .prouseFeature .common_panel.-other .commonPanel_list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item {
    width: calc(25% - 8px);
    width: 25%;
    margin: 0 0 43px
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:after, .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:before, .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item:nth-last-child(-n+2):after {
    display: none
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex {
    display: block
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 100%;
    width: calc(100% - 8px);
    margin: auto
  }
  .prouseFeature .common_panel.-other .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    width: 100%;
    padding: 0 20px
  }
}

.prouseFeature .common_link.-seemore a:after, .prouseFeature .common_link.-seemore a:before {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  top: 27px;
  right: 20px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #093;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.prouseFeature .common_link.-seemore a:after {
  background: none;
  top: 21px;
  right: 34px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.prouseFeature .common_link.is_open a:after {
  display: none
}

.prouseFeature .commonSub_ttl {
  position: relative
}

@media screen and (min-width:960px) {
  .prouseFeature .commonSub_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.prouseFeature .commonSub_ttl span:first-of-type {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.prouseFeature .commonSub_ttl span:nth-of-type(2) {
  display: none
}

@media screen and (min-width:960px) {
  .prouseFeature .commonSub_ttl span:nth-of-type(2) {
    display: inline-block;
    padding-bottom: 10px
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a {
    display: inline;
    position: relative;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding: 4px 36px 8px 0;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #093;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-property: width;
    transition-property: width
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a:hover {
    color: #093
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a:hover:before {
    width: 0;
    left: auto;
    right: 0;
    bottom: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a:hover:before, _:-ms-lang(x) {
    width: 100%;
    transition-duration: 0
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a:hover:after {
    right: -5px
  }
  .prouseFeature .commonSub_ttl span:nth-of-type(2) a:after {
    content: "";
    display: inline-block;
    background: url(/assets/img/common/inc/ico_arrow-green.svg);
    position: absolute;
    width: 17px;
    height: 13px;
    background-size: cover;
    top: calc(50% - 3px);
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
  }
}

.prouseFeatureList .pagenationDiv {
  margin: 40px auto
}

@media screen and (min-width:760px) {
  .prouseFeatureList .pagenationDiv {
    margin: 17px auto 48px
  }
}

@media screen and (min-width:1280px) {
  .prouseFeatureList .pagenationDiv {
    margin: 42px auto 64px
  }
}

.prouseFeatureList .product_ttl {
  text-align: center;
  padding: 60px 0;
  font-size: 24px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .prouseFeatureList .product_ttl {
    padding: 44px 0;
    letter-spacing: .1em
  }
}

@media screen and (min-width:960px) {
  .prouseFeatureList .product_ttl {
    font-size: 30px;
    padding: 58px 0 60px
  }
}

.prouseFeatureList .product_read {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 2;
  padding-left: 38px;
  padding-right: 38px;
  margin: 0 auto 39px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .product_read {
    text-align: center;
    font-size: 16px;
    padding-left: 34px;
    padding-right: 34px;
    margin: 0 auto 43px
  }
}

@media screen and (min-width:960px) {
  .prouseFeatureList .product_read {
    width: 700px;
    padding: 0;
    margin: 0 auto 59px
  }
}

.prouseFeatureList .prouseFeatureList_tab {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .prouseFeatureList .prouseFeatureList_tab {
    margin-bottom: 10px
  }
}

@media screen and (min-width:1280px) {
  .prouseFeatureList .prouseFeatureList_tab {
    margin: 0 auto 48px;
    width: 806px
  }
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item {
  width: calc(33.333% - 7.5px)
}

@media screen and (min-width:760px) {
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item {
    width: calc(33.333% - 20px)
  }
}

@media screen and (min-width:1280px) {
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item {
    width: calc(33.333% - 32px)
  }
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item.is-active a:after, .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item:hover a:after {
  background: #093
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item.is-active a .ico svg path, .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item:hover a .ico svg path {
  fill: #093
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item.is-active a .ttl, .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item:hover a .ttl {
  color: #093
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item.company .ico, .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item.new .ico, .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item.out .ico {
  width: 40px
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a {
  display: block;
  position: relative;
  text-align: center;
  height: 112px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a {
    height: 100px
  }
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #f5f5f5;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span {
  display: block
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ico {
  margin: 0 auto
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ico svg path, .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ttl {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ttl {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
  color: #333
}

@media screen and (min-width:375px) {
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ttl {
    font-size: 16px
  }
}

@media screen and (min-width:760px) {
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ttl {
    font-size: 19px
  }
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ttl .u-sp {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .prouseFeatureList .prouseFeatureList_tab .prouseFeatureListTab_item a span.ttl {
    margin-top: 6px;
    font-size: 21px
  }
}

.prouseFeatureList .common_panel .common_ttl {
  margin-bottom: 32px
}

.prouseFeatureList .common_panel .commonPanel_item {
  margin: 0 0 23px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_panel .commonPanel_item {
    width: calc(50% - 4px);
    margin: 0 0 38px
  }
}

@media screen and (min-width:960px) {
  .prouseFeatureList .common_panel .commonPanel_item {
    width: calc(25% - 6px);
    margin: 0 auto
  }
}

.prouseFeatureList .common_panel.-main {
  padding-top: 0;
  padding-bottom: 0
}

.prouseFeatureList .common_panel.-main .commonPanel_list {
  margin-top: 0
}

.prouseFeatureList .common_panel.-main .commonPanelItem_details {
  letter-spacing: .02em
}

.prouseFeatureList .common_panel.-sub {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0
}

.prouseFeatureList .common_panel.-sub .commonPanel_item {
  margin: 0 0 16px
}

.prouseFeatureList .common_panel.-sub .commonPanel_item:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: -17px
}

.prouseFeatureList .common_panel.-sub .commonPanel_item .commonPanelItem_flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prouseFeatureList .common_panel.-sub .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
  padding: 0 0 0 14px
}

.prouseFeatureList .common_panel.-sub .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details {
  width: 100%;
  padding: 0
}

.prouseFeatureList .common_panel.-sub .commonPanel_item .commonPanelItem_flex .commonPanelItem_details+.commonPanelItem_details .commonPanelItemDetails_txt {
  margin-top: 15px
}

.prouseFeatureList .common_panel.-sub .commonPanel_item .commonPanelItem_flex .commonPanelItemDetails_ttl {
  font-size: 15px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item {
    width: calc(50% - 16px);
    width: 100%;
    padding: 0;
    margin: 0 0 35px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item:after, .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    top: -17px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item:after {
    display: none
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item:last-child:after {
    display: block;
    top: auto;
    bottom: -17px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item .commonPanelItem_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 152px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    width: calc(100% - 170px);
    padding: 0;
    margin: 0
  }
}

@media screen and (min-width:960px) {
  .prouseFeatureList .common_panel.-sub .commonPanel_list {
    margin-top: 55px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item {
    width: calc(50% - 31px);
    margin: 0 0 43px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item:before {
    top: -21px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item:nth-last-child(-n+2):after {
    display: block;
    top: auto;
    bottom: -21px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_img {
    width: 182px
  }
  .prouseFeatureList .common_panel.-sub .commonPanel_list .commonPanel_item .commonPanelItem_flex .commonPanelItem_details {
    width: calc(100% - 206px)
  }
}

.prouseFeatureList .common_panel.-recipe {
  border-top: 4px solid #f5f5f5
}

.prouseFeatureList .common_panel.-recipe .commonPanel_item:hover img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.prouseFeatureList .common_panel.-recipe .commonPanel_item:hover .commonPanelItem_details {
  color: #333
}

.prouseFeatureList .common_panel.-recipe .commonPanel_item a:hover .commonPanelItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.prouseFeatureList .common_panel.-recipe .commonPanel_item a:hover .commonPanelItem_details {
  color: #093
}

.prouseFeatureList .common_panel.-recipe .common_ttl {
  margin-top: 32px;
  margin-bottom: 50px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_panel.-recipe .common_ttl {
    margin-top: 0;
    margin-bottom: 32px
  }
}

.prouseFeatureList .common_panel.-recipe .common_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: -30px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_panel.-recipe .common_ttl:after {
    display: none
  }
}

.prouseFeatureList .common_panel.-recipe .commonPanel_item a {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.prouseFeatureList .common_panel.-recipe .commonPanel_item .commonPanelItem_flex {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_panel.-recipe .commonPanel_item {
    padding-bottom: 0
  }
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_panel.-recipe .common_link {
    margin: 24px auto 0
  }
}

.prouseFeatureList .common_linkWrap .common_link {
  margin: 30px auto 64px
}

@media screen and (min-width:760px) {
  .prouseFeatureList .common_linkWrap .common_link {
    margin: 26px auto 64px
  }
}

@media screen and (min-width:960px) {
  .prouseFeatureList .common_linkWrap .common_link {
    margin: 26px auto 96px;
    display: block
  }
}

.prouseFeatureList .common_linkWrap .common_link.-seemore a:after, .prouseFeatureList .common_linkWrap .common_link.-seemore a:before {
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  top: 27px;
  right: 20px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #093;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.prouseFeatureList .common_linkWrap .common_link.-seemore a:after {
  background: none;
  top: 21px;
  right: 34px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.prouseFeatureList .common_linkWrap .common_link.is_open a:after {
  display: none
}

.prouseFeatureList .linkArea {
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5;
  position: relative;
  margin: 0 auto;
  padding: 48px 38px
}

.prouseFeatureList .linkArea .c-link {
  margin-top: 0
}

@media screen and (min-width:760px) {
  .prouseFeatureList .linkArea {
    margin: 0 auto
  }
  .prouseFeatureList .linkArea .c-link {
    width: 300px
  }
}

@media screen and (min-width:960px) {
  .prouseFeatureList .linkArea {
    padding: 64px 0
  }
}

.prouseArticle.prouseArticleDetail .fixedSns_list:after {
  content: none
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-container {
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-container {
    max-width: 700px;
    margin: 0 auto;
    padding: 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail hr {
  border: none;
  position: relative;
  padding: 32px 0
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail hr {
    max-width: 700px;
    margin: 0 auto;
    padding: 48px 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail hr.irregular {
  margin: 0 20px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail hr.irregular {
    max-width: 700px;
    margin: 0 auto
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail hr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-title {
  margin-top: 32px;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  line-height: 1.4
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-title {
    margin-top: 64px;
    font-size: 32px;
    letter-spacing: .1em
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-tags {
  margin-top: 32px;
  text-align: center
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-tags {
    margin-top: 64px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-tags li {
  display: inline-block;
  margin-right: 10px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-tags li {
    margin-right: 21px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-tags li a {
  color: #ec870e;
  font-size: 16px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-tags li a:hover {
  opacity: .7
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-mainImage {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-mainImage {
    margin: 32px auto 0;
    max-width: 700px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-mainImage img {
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-subTitle {
  margin-top: 40px;
  font-size: 18px;
  letter-spacing: .1em;
  text-align: center
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-subTitle {
    margin-top: 64px;
    font-size: 21px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-text {
  margin-top: 32px;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-text {
    margin-top: 40px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index {
  margin-top: 32px;
  padding: 20px;
  background: #f8f8f5;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index {
    margin-top: 40px;
    padding: 36px 40px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .title {
  font-size: 18px;
  font-weight: 700;
  color: #093
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list {
  margin-top: 12px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list {
    margin-top: 20px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list li {
  position: relative;
  padding-left: 20px;
  margin-top: 20px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list li:first-child {
  margin-top: 0
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list li:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  background: #093;
  position: absolute;
  top: 4px;
  left: 0
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list li a {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  letter-spacing: .01em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-index .list li a:hover {
  color: #093
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-smallTitle {
  font-size: 18px;
  font-weight: 700;
  color: #093;
  text-align: center;
  margin-bottom: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-smallTitle {
    font-size: 21px;
    margin-bottom: 48px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock.no-title .details .text {
    margin-top: 0;
    font-size: 16px
  }
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .image {
    width: 50%
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .image img {
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details {
  margin-top: 20px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details {
    margin-top: 0;
    width: calc(50% - 30px)
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .title {
  padding-left: 4px;
  font-size: 18px;
  letter-spacing: .1em;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .title {
    padding-left: 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .text {
  margin-top: 16px;
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .text {
    font-size: 14px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link {
  margin-top: 16px;
  margin-right: 30px;
  text-align: center
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link {
    text-align: left
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: relative;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:hover {
  color: #093
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:hover:before {
  width: 0;
  left: auto;
  right: -30px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:hover:before, _:-ms-lang(x) {
  width: calc(100% + 30px);
  transition-duration: 0;
  left: 0;
  right: 0
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:hover:after {
  right: -40px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 30px);
  height: 3px;
  background: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:after {
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  top: calc(50% - 3px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textImageBlock .details .link a:after, _:-ms-lang(x) {
  top: calc(50% - 5px)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList {
    margin-top: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList:after, .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList:before {
    content: "";
    display: block;
    width: calc(33.333% - 2px);
    height: 0
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 16px;
  color: #333
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link {
    margin-top: 0;
    display: block;
    width: calc(33.333% - 2px)
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link:hover .details .text {
    color: #093
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link:hover .details .text:before {
    width: 0;
    left: auto;
    right: -30px
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link:hover .details .text:after {
    right: -35px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link:first-child {
  margin-top: 0
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .image {
  width: calc(50% - 8px);
  border-radius: 3px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .image {
    width: 100%
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .image img {
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details {
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details {
    width: 100%;
    padding: 0 16px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details .title {
  font-size: 16px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details .title {
    font-size: 15px;
    margin-top: 10px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details .text {
  display: none;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: relative;
  margin-top: 8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details .text {
    display: inline-block
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details .text:before {
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: calc(100% + 30px);
  height: 3px;
  background: #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageLinkList .link .details .text:after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageBlock {
    margin-top: 44px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageBlock img {
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageBlock figcaption {
  margin-top: 12px;
  font-size: 12px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageBlock figcaption {
    margin-top: 16px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList.no-caption figure {
  display: block
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList.no-caption figure img {
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure {
    display: block;
    margin-top: 0;
    width: calc(33.333% - 5px)
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure:first-child {
  margin-top: 0
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure img {
  border-radius: 3px;
  width: calc(50% - 8px)
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure img {
    width: 100%
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure figcaption {
  width: calc(50% - 8px);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageList figure figcaption {
    width: 100%;
    font-size: 16px;
    padding: 0 16px;
    margin-top: 13px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textLink {
  margin-top: 32px;
  font-size: 15px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textLink {
    margin-top: 40px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textLink a {
  display: block;
  font-style: 15px;
  color: #093;
  text-decoration: underline;
  letter-spacing: .04em;
  margin-top: 8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textLink a:hover {
  opacity: .7
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textLink a:first-child {
  margin-top: 0
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie {
    margin-top: 40px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 212px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image {
    width: 700px;
    height: 394px
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image:hover img {
    opacity: .7
  }
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image:hover .button {
    -webkit-animation: pulse-white 1s forwards;
    animation: pulse-white 1s forwards
  }
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image .inline-img {
    width: 700px;
    height: 394px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image .inline-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image .button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: rgba(51, 51, 51, .6)
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image .button {
    width: 60px;
    height: 60px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image .button img {
  opacity: 1 !important;
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
  width: 11px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .image .button img {
    width: 16px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .text {
  margin-top: 10px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-movie .text {
    margin-top: 20px;
    padding: 0 16px;
    font-size: 16px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .image {
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .image {
    width: calc(50% - 16px)
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .image img {
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .details {
  margin-top: 8px;
  border-radius: 6px;
  background: #093;
  padding: 25px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .details {
    margin-top: 0;
    width: calc(50% - 16px);
    height: 100%
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .details .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: .04em;
  line-height: 1.6;
  padding-bottom: 5px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .details .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -5px;
  background: #e3e300
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageTextBlock .details .text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #fff
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .image {
    width: calc(50% - 16px)
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .image img {
  border-radius: 6px;
  width: 100%
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .image figcaption {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.8;
  padding: 0 15px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .details {
    width: calc(50% - 16px)
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .details .box {
  margin-top: 8px;
  border-radius: 6px;
  background: #093;
  padding: 25px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .details .box:first-child {
    margin-top: 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .details .box .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: .04em;
  line-height: 1.6;
  padding-bottom: 5px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .details .box .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -5px;
  background: #e3e300
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-imageCaptionTextBlock .details .box .text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #fff
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox {
    margin-top: 40px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox .box {
  margin-top: 8px;
  border-radius: 6px;
  background: #093;
  padding: 25px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox .box:first-child {
    margin-top: 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox .box .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  letter-spacing: .04em;
  line-height: 1.6;
  padding-bottom: 5px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox .box .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -5px;
  background: #e3e300
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-coloredTextBox .box .text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #fff
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText {
  margin-top: 32px;
  border-radius: 6px;
  background: #f8f8f5;
  padding: 0 12px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText {
    margin-top: 40px;
    padding: 0 24px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item {
    padding: 24px 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item:last-child:after {
  content: none
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item .title {
  width: calc(28% - 5px);
  font-size: 14px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item .title {
    font-size: 16px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item .text {
  width: calc(72% - 5px);
  font-size: 14px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-indentText .item .text {
    font-size: 16px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList {
    margin-top: 40px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList.colored li {
  font-weight: 700;
  padding-left: 24px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList.colored li:before {
  width: 15px;
  height: 15px;
  background: #093;
  border-radius: 3px;
  top: 5px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList.colored li:before {
    left: 0
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList li {
  font-size: 16px;
  letter-spacing: .01em;
  line-height: 1.8;
  position: relative;
  padding-left: 15px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList li {
    padding-left: 24px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 50%
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList li:before {
    left: 3px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-textList li:not(:first-child) {
  margin-top: 10px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList {
  padding: 30px 0 48px;
  margin-top: 28px;
  border-radius: 6px;
  background-color: #f8f8f4
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1;
  color: #093;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 30px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .title:after {
  content: url(../img/ouchirecipe/recommend/ico_cart.svg);
  display: block;
  width: 22px;
  height: 19px;
  margin-left: 4px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item {
  width: 300px;
  height: 56px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  border-radius: 3px;
  position: relative;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item:hover {
  opacity: .8
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item {
    width: 212px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item:nth-child(n+2) {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item:nth-child(n+2) {
    margin-top: 0;
    margin-left: 8px
  }
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item:after {
  content: url(../img/ouchirecipe/ico_arrow-green.svg);
  display: block;
  width: 10px;
  height: 15px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  top: 50%;
  right: 16px
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item img {
  display: block;
  height: 100%;
  margin: 0 auto
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList .item a>span {
  display: none
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList.-bgGreen {
  background-color: #093
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList.-bgGreen .title {
  position: relative;
  color: #fff
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList.-bgGreen .title:before {
  content: "";
  display: block;
  width: 200px;
  height: 3px;
  background-color: #e3e300;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.prouseArticle.prouseArticleDetail #prouseArticleDetail .mod-shopList.-bgGreen .title:after {
  content: url(../img/ouchirecipe/recommend/ico_cart-white.svg)
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords {
  margin-top: 32px;
  padding-top: 36px;
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords {
    margin-top: 40px
  }
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_ttl {
  font-size: 18px;
  text-align: center;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_ttl {
    font-size: 24px
  }
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list {
  margin-top: 10px;
  padding-bottom: 28px;
  text-align: center;
  position: relative
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list {
    padding-bottom: 56px
  }
  .prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list:after {
    content: none
  }
}

@media screen and (min-width:1280px) {
  .prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list {
    margin-top: 24px
  }
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list .prouseArticleDetailKeywords_item {
  display: inline-block;
  margin-top: 10px
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list .prouseArticleDetailKeywords_item a {
  color: #ec870e;
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.prouseArticle.prouseArticleDetail .prouseArticleDetail_keywords .prouseArticleDetailKeywords_list .prouseArticleDetailKeywords_item a:hover {
  opacity: .7
}

.product .product_ttl {
  margin-top: 28px;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .1em
}

@media screen and (min-width:760px) {
  .product .product_ttl {
    margin-top: 46px;
    font-size: 24px
  }
}

@media screen and (min-width:1280px) {
  .product .product_ttl {
    margin-top: 60px;
    font-size: 30px
  }
}

.product .product_ttl span {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  background: #e30000;
  border-radius: 3px;
  padding: 5px 10px;
  letter-spacing: .08em;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

@media screen and (min-width:760px) {
  .product .product_ttl span {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    margin-left: 16px;
    padding: 7px 14px;
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .product .product_ttl span {
    padding: 7px 16px
  }
}

.product .product_search {
  margin-top: 30px;
  padding: 24px 0;
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:960px) {
  .product .product_search {
    margin-top: 60px;
    padding: 40px
  }
}

.product .product_search .p-searchRecipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .product .product_search .p-searchRecipe {
    width: 470px
  }
}

.product .product_search .p-searchRecipe input {
  width: 100%;
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
  -webkit-transform: translateX(-7px) scale(.9);
  transform: translateX(-7px) scale(.9);
  text-indent: 25px
}

@media screen and (min-width:760px) {
  .product .product_search .p-searchRecipe input {
    font-size: 14px;
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
  }
}

@media screen and (min-width:1280px) {
  .product .product_search .p-searchRecipe input {
    font-size: 15px
  }
}

.product .product_search .p-searchRecipe .ico {
  top: 13px
}

@media screen and (min-width:1280px) {
  .product .product_search .p-searchRecipe .ico {
    top: 7px
  }
}

.product .product_search .p-searchRecipe .p-searchRecipe_bar {
  width: calc(100% - 90px);
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .product .product_search .p-searchRecipe .p-searchRecipe_bar {
    width: calc(100% - 105px);
    height: auto
  }
}

.product .product_search .p-searchRecipe .p-searchRecipe_btn {
  width: 85px;
  height: 44px
}

.product .product_search .p-searchRecipe .p-searchRecipe_btn a {
  padding: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .product .product_search .p-searchRecipe .p-searchRecipe_btn {
    width: 100px;
    height: 33px
  }
}

.product .product_other {
  margin-top: 36px;
  padding-bottom: 60px
}

@media screen and (min-width:760px) {
  .product .product_other {
    margin-top: 32px;
    padding-bottom: 92px
  }
}

@media screen and (min-width:1280px) {
  .product .product_other {
    margin-top: 64px
  }
}

.product .product_other .c-link {
  max-width: 300px
}

.product .product_other .common_ttl {
  margin-bottom: 10px
}

@media screen and (min-width:760px) {
  .product .product_other .common_ttl {
    margin-bottom: -4px
  }
}

.product .product_other .productOther_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .product .product_other .productOther_list {
    padding-top: 24px
  }
}

.product .product_other .productOther_list .productOther_item {
  margin: 22px 2.5px 0;
  width: calc(33.333% - 5px)
}

@media screen and (min-width:760px) {
  .product .product_other .productOther_list .productOther_item {
    margin: 30px 2.5px 0;
    width: calc(20% - 5px)
  }
}

@media screen and (min-width:1280px) {
  .product .product_other .productOther_list .productOther_item {
    margin: 40px 5px 0;
    width: calc(14.285% - 10px)
  }
}

.product .product_other .productOther_list .productOther_item a {
  display: block
}

.product .product_other .productOther_list .productOther_item a:hover .txt {
  color: #093
}

.product .product_other .productOther_list .productOther_item a span {
  display: block
}

.product .product_other .productOther_list .productOther_item a span.img {
  width: 80px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .product .product_other .productOther_list .productOther_item a span.img {
    width: 90px
  }
}

.product .product_other .productOther_list .productOther_item a span.img img {
  width: 100%
}

.product .product_other .productOther_list .productOther_item a span.txt {
  text-align: center;
  margin-top: 8px;
  font-size: 15px;
  letter-spacing: .01em;
  color: #333;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .product .product_other .productOther_list .productOther_item a span.txt {
    margin-top: 12px
  }
}

@media screen and (min-width:960px) {
  .product.productTop .c-link {
    display: none
  }
}

.product.productTop .p-sns {
  margin-top: 0
}

.product.productTop .productTop_new {
  margin-top: 20px;
  padding-bottom: 48px;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:960px) {
  .product.productTop .productTop_new {
    margin-top: 64px;
    padding-bottom: 62px
  }
}

.product.productTop .productTop_new .common_ttl {
  margin-bottom: -21px
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_new .common_ttl {
    margin-bottom: -32px
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_new .common_ttl {
    margin-bottom: 0
  }
}

.product.productTop .productTop_new .productTopNew_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_new .productTopNew_list {
    max-width: 466px;
    margin: 0 auto
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_new .productTopNew_list {
    max-width: 100%
  }
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item {
  display: inline-block;
  width: calc(50% - 5px);
  text-align: center;
  margin: 45px 2.5px 0
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_new .productTopNew_list .productTopNew_item {
    width: calc(50% - 50px);
    margin: 64px 25px 0
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_new .productTopNew_list .productTopNew_item {
    width: calc(25% - 40px);
    margin: 64px 20px 0
  }
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item a:hover {
  color: #093
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item span {
  display: block
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item span.img {
  overflow: hidden;
  width: 100px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_new .productTopNew_list .productTopNew_item span.img {
    width: 150px
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_new .productTopNew_list .productTopNew_item span.img {
    width: 160px
  }
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item span.img img {
  width: 100%
}

.product.productTop .productTop_new .productTopNew_list .productTopNew_item span.txt {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700
}

.product.productTop .productTop_category {
  margin-top: 26px;
  padding-bottom: 46px;
  border-bottom: 4px solid #f5f5f5
}

@media screen and (min-width:960px) {
  .product.productTop .productTop_category {
    margin-top: 64px;
    padding-bottom: 62px
  }
}

.product.productTop .productTop_category .common_ttl {
  margin-bottom: 12px
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_category .common_ttl {
    margin-bottom: 0
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_category .common_ttl {
    margin-bottom: 14px
  }
}

.product.productTop .productTop_category .c-link {
  display: block
}

.product.productTop .productTop_category .productTopCategory_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product.productTop .productTop_category .productTopCategory_list .productTopCategory_item {
  width: calc(33.333% - 7px);
  text-align: center;
  margin: 22px 3.5px 0
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item {
    width: calc(20% - 7px);
    margin: 30px 3.5px 0
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item {
    width: calc(14.285% - 20px);
    margin: 48px 10px 0
  }
}

.product.productTop .productTop_category .productTopCategory_list .productTopCategory_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productTop .productTop_category .productTopCategory_list .productTopCategory_item a:hover {
  color: #093
}

.product.productTop .productTop_category .productTopCategory_list .productTopCategory_item .img {
  display: inline-block;
  overflow: hidden;
  width: 75px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_category .productTopCategory_list .productTopCategory_item .img {
    width: 90px
  }
}

.product.productTop .productTop_category .productTopCategory_list .productTopCategory_item .img img {
  width: 100%
}

.product.productTop .productTop_category .productTopCategory_list .productTopCategory_item .txt {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700
}

.product.productTop .productTop_brand {
  margin-top: 22px;
  padding-bottom: 50px
}

@media screen and (min-width:960px) {
  .product.productTop .productTop_brand {
    margin-top: 64px;
    padding-bottom: 92px
  }
}

.product.productTop .productTop_brand .common_ttl {
  margin-bottom: 4px
}

@media screen and (min-width:960px) {
  .product.productTop .productTop_brand .common_ttl {
    margin-bottom: 44px
  }
}

.product.productTop .productTop_brand .productTopBrand_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_brand .productTopBrand_list {
    margin-top: 20px
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_brand .productTopBrand_list {
    margin-top: 0
  }
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item {
  width: calc(50% - 9px);
  margin: 20px 4.5px 0
}

@media screen and (min-width:760px) {
  .product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item {
    width: calc(33.333% - 2.5px);
    margin: 20px 1.25px 0
  }
}

@media screen and (min-width:1280px) {
  .product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item {
    width: calc(20% - 2px);
    margin: 20px 1px 0
  }
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item a {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item a:hover {
  color: #093
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item .img {
  display: inline-block;
  border-radius: 6px;
  overflow: hidden
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item .img img {
  width: 100%;
  height: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.product.productTop .productTop_brand .productTopBrand_list .productTopBrand_item .txt {
  padding: 0 10px;
  display: inline-block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 700
}

.product.productSeries .productSeries_desc {
  margin: 30px auto 13px;
  max-width: 300px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_desc {
    max-width: 100%;
    text-align: center
  }
  .product.productSeries .productSeries_desc br {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_desc {
    margin: 60px auto 14px;
    max-width: 100%;
    text-align: center;
    font-size: 15px
  }
}

.product.productSeries .productSeries_lineup .c-link {
  margin-top: 48px
}

@media screen and (min-width:560px) {
  .product.productSeries .productSeries_lineup .c-link {
    margin-top: 44px
  }
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_lineup .c-link {
    margin-top: 60px
  }
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .product.productSeries .productSeries_lineup .productSeriesLineup_list:after, .product.productSeries .productSeries_lineup .productSeriesLineup_list:before {
    content: "";
    display: block;
    width: 33.333%;
    height: 0
  }
  .product.productSeries .productSeries_lineup .productSeriesLineup_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list {
    margin: 0 auto;
    max-width: 996px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .product.productSeries .productSeries_lineup .productSeriesLineup_list:after, .product.productSeries .productSeries_lineup .productSeriesLineup_list:before {
    content: "";
    display: block;
    width: 25%;
    height: 0
  }
  .product.productSeries .productSeries_lineup .productSeriesLineup_list:before {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item {
  margin-top: 22px;
  width: calc(50% - 7.5px)
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item {
    margin-top: 38px;
    width: calc(33.333% - 7.5px)
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item {
    margin-top: 46px;
    width: calc(25% - 16px)
  }
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item a {
  display: block;
  text-align: center;
  font-weight: 700
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item a:hover .txt {
  color: #093
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item a:hover .special {
  -webkit-animation: pulse-red 1s forwards;
  animation: pulse-red 1s forwards
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.img {
  display: block;
  width: 120px;
  overflow: hidden;
  margin: 0 auto
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.img {
    width: 160px
  }
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.img img {
  width: 100%
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.txt {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.txt {
    margin-top: 14px
  }
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.special {
  display: inline-block;
  margin-top: 6px;
  font-size: 14px;
  color: #fff;
  background: #e30000;
  padding: 5px 8px;
  border-radius: 3px;
  min-height: 30px
}

.product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.special.u-font-lato {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px)
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_lineup .productSeriesLineup_list .productSeriesLineup_item span.special {
    margin-top: 10px
  }
}

.product.productSeries .productSeries_brand {
  margin-top: 52px;
  padding: 24px 0 52px;
  background: #f8f8f5
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_brand {
    margin: 64px auto 0;
    padding: 36px 0 64px
  }
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_brand .c-link {
    max-width: 300px
  }
}

.product.productSeries .productSeries_brand .productSeriesBrand_ttl {
  font-size: 21px;
  text-align: center
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_ttl {
    font-size: 24px
  }
}

.product.productSeries .productSeries_brand .productSeriesBrand_list {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_list {
    margin: 26px auto 0
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_list {
    max-width: 100%;
    margin-top: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .product.productSeries .productSeries_brand .productSeriesBrand_list.left {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item {
  width: calc(50% - 4.5px);
  margin: 0 2.25px
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item {
    width: calc(25% - 5px);
    margin: 24px 2.5px 0
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item {
    width: calc(20% - 5px)
  }
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a {
  display: block
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a:hover .txt {
  color: #093
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a span {
  display: inline-block
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a .img {
  border-radius: 6px;
  overflow: hidden
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a .txt {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding: 0 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a .txt {
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_brand .productSeriesBrand_list .productSeriesBrand_item a .txt {
    margin-top: 12px;
    padding: 0 15px
  }
}

.product.productSeries .productSeries_vinegar {
  padding: 29px 0 48px;
  background: #fff6e3
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_vinegar {
    padding: 37px 0 64px
  }
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_ttl {
  font-size: 21px;
  text-align: center
}

@media screen and (min-width:960px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_ttl {
    font-size: 24px
  }
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_ttl .productSeriesVinegar_ttl_sub {
  display: block;
  font-size: 16px;
  color: #149933;
  margin-bottom: 10px
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list {
    margin: 26px auto 0
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list {
    max-width: 100%;
    margin-top: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list.left {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item {
  width: calc(50% - 4.5px);
  margin: 0 2.25px 30px
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item {
    width: calc(25% - 5px);
    margin: 24px 2.5px 0
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item {
    width: calc(20% - 5px)
  }
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a {
  display: block
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a:hover .txt {
  color: #093
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a span {
  display: inline-block
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a .img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #ddd;
  overflow: hidden
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a .txt {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #333;
  padding: 0 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a .txt {
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeries .productSeries_vinegar .productSeriesVinegar_list .productSeriesVinegar_item a .txt {
    margin-top: 12px;
    padding: 0 15px
  }
}

.product.productSeriesArrival .c-link {
  margin-top: 46px
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .c-link {
    margin-top: 64px
  }
}

.product.productSeriesArrival .productSeriesArrival_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_list {
    margin-top: 14px;
    padding: 0 33px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_list {
    margin: 22px auto 0;
    max-width: 996px;
    padding: 0
  }
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item {
  display: inline-block;
  width: calc(50% - 10px);
  margin: 30px 5px 0
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item {
    width: calc(33.333% - 10px);
    margin: 30px 5px 0
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item {
    width: calc(25% - 30px);
    margin: 38px 15px 0
  }
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a:hover .details .ttl {
  color: #093
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a:hover .details .subTtl {
  -webkit-animation: pulse-red 1s forwards;
  animation: pulse-red 1s forwards
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .img {
  width: 124px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .img {
    width: 150px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .img {
    width: 160px
  }
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .img img {
  width: 100%
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .details {
  text-align: center
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .details .ttl {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.7;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .details .ttl {
    margin-top: 8px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .details .ttl {
    margin-top: 10px;
    line-height: 1.6
  }
}

.product.productSeriesArrival .productSeriesArrival_list .productSeriesArrival_item a .details .subTtl {
  margin-top: 6px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 4px 10px;
  border-radius: 3px;
  background: #e30000
}

.product.productSeriesArrival .productSeriesArrival_none {
  margin-top: 30px;
  height: 113px;
  border: 1px solid #093;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_none {
    margin: 44px auto 0;
    max-width: 440px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_none {
    margin: 60px auto 0;
    max-width: 650px
  }
}

.product.productSeriesArrival .productSeriesArrival_none .txt {
  font-size: 16px
}

.product.productSeriesArrival .productSeriesArrival_category {
  padding-top: 24px;
  margin-bottom: 48px;
  border-top: 4px solid #f5f5f5
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_category {
    padding-top: 30px
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_category {
    padding-top: 64px;
    margin: 64px auto 70px
  }
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list {
    padding-top: 24px
  }
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item {
  margin: 22px 2.5px 0;
  width: calc(33.333% - 5px)
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item {
    margin: 30px 2.5px 0;
    width: calc(20% - 5px)
  }
}

@media screen and (min-width:1280px) {
  .product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item {
    margin: 40px 5px 0;
    width: calc(14.285% - 10px)
  }
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a {
  display: block
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a:hover .ttl {
  color: #093
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a .img {
  width: 80px;
  margin: 0 auto
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a .img {
    width: 90px
  }
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a .img img {
  width: 100%
}

.product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a .ttl {
  text-align: center;
  margin-top: 8px;
  font-size: 15px;
  letter-spacing: .01em;
  color: #333;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .product.productSeriesArrival .productSeriesArrival_category .productSeriesArrivalCategory_list .productSeriesArrivalCategory_item a .ttl {
    margin-top: 12px
  }
}

.product .p-sns {
  margin-top: 52px
}

@media screen and (min-width:760px) {
  .product .p-sns {
    margin-top: 80px
  }
}

@media screen and (min-width:1280px) {
  .product .p-sns {
    margin-top: 70px
  }
}

.product.productGroup .productGroup_details {
  margin-bottom: 62px
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details {
    margin-bottom: 118px
  }
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1153px;
    margin: 60px auto 0
  }
}

.product.productGroup .productGroup_details .productGroupDetails_img {
  margin-top: 30px;
  text-align: center;
  width: auto;
  height: 260px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_img {
    margin: 44px auto 0;
    width: 258px;
    height: auto
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_img {
    margin: 0 auto;
    width: 360px;
    height: 480px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }
  .product.productGroup .productGroup_details .productGroupDetails_img.is-fixed {
    position: fixed;
    top: 80px;
    left: auto;
    right: calc(50% + 108px);
    bottom: auto
  }
  .product.productGroup .productGroup_details .productGroupDetails_img.is-fixed-bottom {
    position: absolute;
    top: auto;
    right: calc(50% + 108px);
    bottom: 135px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_img img {
  width: auto;
  height: 260px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_img img {
    width: 100%;
    height: 100%
  }
}

.product.productGroup .productGroup_details .productGroupDetails_inner {
  margin-top: 40px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_inner {
    margin-top: 42px
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_inner {
    margin-top: 0;
    width: 50%;
    padding-left: 0
  }
  .product.productGroup .productGroup_details .productGroupDetails_inner.is-fixed, .product.productGroup .productGroup_details .productGroupDetails_inner.is-fixed-bottom {
    width: 100%;
    padding-left: 50%
  }
}

.product.productGroup .productGroup_details .productGroupDetails_ttl {
  margin-top: 60px;
  font-size: 18px;
  color: #093
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_ttl {
    margin-top: 75px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_ttl span {
  font-weight: 400;
  padding-left: 10px;
  font-size: 14px;
  color: #333
}

.product.productGroup .productGroup_details .productGroupDetails_desc {
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 2;
  padding-bottom: 20px;
  position: relative
}

.product.productGroup .productGroup_details .productGroupDetails_desc:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_desc {
    font-size: 16px;
    padding-bottom: 28px
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_desc {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetails_link-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetails_link-flex .c-link {
    max-width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetails_link-flex .c-link:not(:first-child) {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetails_link-flex .c-link:not(:first-child) {
    margin-top: 32px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .other-window .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.product.productGroup .productGroup_details .productGroupDetails_links .other-window .ico img {
  width: 12px;
  height: 12px
}

.product.productGroup .productGroup_details .productGroupDetails_links .other-window .ico .active, .product.productGroup .productGroup_details .productGroupDetails_links .other-window:hover .no-active {
  display: none
}

.product.productGroup .productGroup_details .productGroupDetails_links .other-window:hover .active {
  display: block
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_links {
    text-align: center
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_links {
    text-align: left
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .c-link:hover a:after {
  right: 30px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .c-link {
    text-align: left
  }
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .c-link {
    margin: 32px auto 0;
    max-width: 300px
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .c-link {
    margin: 32px 0 0
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .c-link a {
  padding: 10px 12px
}

.product.productGroup .productGroup_details .productGroupDetails_links .c-link a:after {
  right: 15px
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item {
  margin: 26px 0 0;
  text-align: center;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px)
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item {
    display: inline-block;
    margin-right: 50px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item {
    display: block;
    margin: 22px 0 0;
    text-align: left
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item.margin {
  margin-top: 36px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item.margin {
    margin-right: 100px
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item.margin {
    margin-top: 30px;
    margin-right: 0
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  letter-spacing: .1em;
  -webkit-transform: translateX(-25px);
  transform: translateX(-25px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item a:hover {
  color: #093
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item a:hover:after {
  right: -45px
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item a {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.product.productGroup .productGroup_details .productGroupDetails_links .productGroupDetailsLinks_item a:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  position: absolute;
  right: -40px;
  top: calc(50% - 2px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productGroup .productGroup_details .productGroupDetails_about {
  position: relative
}

.product.productGroup .productGroup_details .productGroupDetails_about .arrowBtns {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 64px
}

.product.productGroup .productGroup_details .productGroupDetails_about .arrowBtns .arrowBtns_btn {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #093
}

.product.productGroup .productGroup_details .productGroupDetails_about .arrowBtns .arrowBtns_btn.-prev span {
  position: absolute;
  top: 50%;
  left: calc(50% + 2px);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #093;
  border-bottom: 1px solid #093;
  border-radius: .5px
}

.product.productGroup .productGroup_details .productGroupDetails_about .arrowBtns .arrowBtns_btn.-next span {
  position: absolute;
  top: 50%;
  left: calc(50% - 2px);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #093;
  border-bottom: 1px solid #093;
  border-radius: .5px
}

.product.productGroup .productGroup_details .productGroupDetails_about .arrowBtns .arrowBtns_btn.no-scroll {
  border-color: #ccc;
  pointer-events: none
}

.product.productGroup .productGroup_details .productGroupDetails_about .arrowBtns .arrowBtns_btn.no-scroll span {
  border-color: #ccc
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll {
  margin-top: 20px;
  overflow-x: auto
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll::-webkit-scrollbar {
  height: 4px
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll::-webkit-scrollbar-track {
  background-color: #f0f0f0
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll::-webkit-scrollbar-thumb {
  background-color: #149933
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list {
  position: relative;
  margin-bottom: 16px
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  border-top: 1px solid #ddd
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item.two-line {
  height: 70px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item.two-line {
    height: 50px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item:last-child {
  border-bottom: 1px solid #ddd
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .firstItem {
  position: sticky;
  left: 0;
  background-color: #fff
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  height: 100%
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item br {
    display: none
  }
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item.two-line {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item.two-line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item.two-line span {
  display: block;
  font-weight: 400;
  font-size: 14px
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item.two-line span {
    margin-left: 1px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:first-child {
  width: 90px;
  font-weight: 700;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:first-child {
    width: 240px;
    font-size: 15px
  }
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:first-child {
    width: 176px;
    font-size: 15px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:not(:first-child) {
  width: 54px;
  text-align: center
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:not(:first-child) {
    width: 92px
  }
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:not(:first-child) {
    width: 80px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_about .productGroupDetails_scroll .productGroupDetailsAbout_list .productGroupDetailsAbout_item .item:nth-of-type(2n+2) {
  background: #f5f5f5
}

.product.productGroup .productGroup_details .productGroupDetails_materials .productGroupDetailsMaterials_txt {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetails_smallTtl {
  margin-top: 20px;
  font-size: 14px
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list {
  margin-top: 14px
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 48px;
  border-top: 1px solid #ddd
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item:last-child {
  border-bottom: 1px solid #ddd
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px;
  height: 100%;
  background: #f5f5f5;
  width: 30%;
  padding-left: 8px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item span {
    width: 20%;
    padding-left: 16px
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item span {
    padding-left: 18px;
    font-size: 15px;
    width: 25%
  }
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item span:nth-of-type(2n+2) {
  width: 15%;
  background: #fff;
  font-weight: 400
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item span:nth-of-type(2n+2) {
    padding-left: 32px;
    width: 30%
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list .productGroupDetailsNutrition_item span:nth-of-type(2n+2) {
    font-size: 14px;
    padding-left: 20px;
    width: 25%
  }
}

.product.productGroup .productGroup_details .productGroupDetails_nutrition .productGroupDetailsNutrition_list + .productGroupDetails_caution {
  margin-top: 5px;
}

.product.productGroup .productGroup_details .productGroupDetails_allergy .productGroupDetails_subTtl {
  margin-top: 20px;
  font-size: 16px
}

.product.productGroup .productGroup_details .productGroupDetails_allergy .productGroupDetailsAllergy_txt {
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 2
}

.product.productGroup .productGroup_details .productGroupDetails_allergy .productGroupDetailsAllergy_txt span {
  display: inline-block;
  font-size: 8px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.product.productGroup .productGroup_details .productGroupDetails_allergy .productGroupDetailsAllergy_caution {
  margin-top: 8px;
  line-height: 2;
  font-size: 12px;
  letter-spacing: .04em;
  padding-left: 1.125em;
  position: relative
}

.product.productGroup .productGroup_details .productGroupDetails_allergy .productGroupDetailsAllergy_caution:before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.product.productGroup .productGroup_details .productGroupDetails_subLinks {
  margin-top: 34px;
  text-align: center
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_subLinks {
    text-align: right
  }
}

.product.productGroup .productGroup_details .productGroupDetails_subLinks a {
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .1em;
  -webkit-transform: translateX(-23px);
  transform: translateX(-23px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productGroup .productGroup_details .productGroupDetails_subLinks a:hover {
  color: #093
}

.product.productGroup .productGroup_details .productGroupDetails_subLinks a:hover:after {
  right: -38px
}

.product.productGroup .productGroup_details .productGroupDetails_subLinks a:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  width: 17px;
  height: 13px;
  position: absolute;
  right: -33px;
  top: calc(50% - 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productGroup .productGroup_details .productGroupDetails_subLinks a:after, _:-ms-lang(x) {
  top: calc(50% - 3px)
}

.product.productGroup .productGroup_details .productGroupDetails_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_list:after, .product.productGroup .productGroup_details .productGroupDetails_list:before {
    content: none
  }
}

.product.productGroup .productGroup_details .productGroupDetails_list.lineup .productGroupDetails_item .img, .product.productGroup .productGroup_details .productGroupDetails_list.lineup .productGroupDetails_item .txt {
  text-align: left
}

.product.productGroup .productGroup_details .productGroupDetails_list.lineup .productGroupDetails_item .txt span {
  line-height: 1.6;
  display: block;
  font-weight: 700;
  font-size: 15px
}

.product.productGroup .productGroup_details .productGroupDetails_list.lineup .productGroupDetails_item .txt .small {
  font-weight: 400;
  font-size: 11px;
  letter-spacing: .04em
}

.product.productGroup .productGroup_details .productGroupDetails_list.lineup .productGroupDetails_item a {
  cursor: auto;
  pointer-events: none
}

.product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item {
  margin-top: 30px;
  width: calc(50% - 5px)
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item {
    width: calc(20% - 12px);
    margin: 30px 6px 0
  }
  .product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item:first-child br {
    display: block
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item {
    margin: 38px 4px 0;
    width: calc(25% - 9px)
  }
}

.product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item a:hover {
  color: #093
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item a {
    letter-spacing: 0
  }
}

.product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item .img {
  width: 120px;
  overflow: hidden
}

.product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item .img img {
  width: 100%
}

.product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item .txt {
  font-size: 14px;
  margin-top: 16px;
  text-align: center
}

@media screen and (min-width:760px) {
  .product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item .txt {
    font-size: 15px;
    margin-top: 20px
  }
}

@media screen and (min-width:1280px) {
  .product.productGroup .productGroup_details .productGroupDetails_list .productGroupDetails_item .txt {
    margin-top: 24px
  }
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_details .productGroupDetails_related .productGroupDetails_ttl {
    margin-bottom: -8px
  }
}

.product.productGroup .productGroup_details .productGroupDetails_caution {
  font-size: 12px;
  line-height: 2;
  letter-spacing: .04em;
  padding-left: 1.125em;
  position: relative
}

.product.productGroup .productGroup_details .productGroupDetails_caution:before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.product.productGroup .productGroup_subTtl {
  font-size: 21px
}

@media screen and (min-width:960px) {
  .product.productGroup .productGroup_subTtl {
    font-size: 30px;
    text-align: center
  }
}

.product.productGroup .productGroup_recommend {
  margin-top: 53px;
  background: #f5f5f5;
  color: rgba(51, 51, 51, .3);
  font-size: 21px;
  height: 630px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.product.productCampaign .productCampaign_list {
  margin: 35px auto 64px
}

@media screen and (min-width:760px) {
  .product.productCampaign .productCampaign_list {
    margin: 40px auto 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media screen and (min-width:960px) {
  .product.productCampaign .productCampaign_list {
    margin: 30px auto 92px
  }
}

.product.productCampaign .productCampaign_list .productCampaign_item {
  padding: 18px 0;
  position: relative
}

.product.productCampaign .productCampaign_list .productCampaign_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .product.productCampaign .productCampaign_list .productCampaign_item {
    width: calc(50% - 18px);
    margin: 0 9px
  }
}

@media screen and (min-width:960px) {
  .product.productCampaign .productCampaign_list .productCampaign_item {
    padding: 30px 0;
    width: calc(25% - 4px);
    margin: 0 2px
  }
  .product.productCampaign .productCampaign_list .productCampaign_item:after, .product.productCampaign .productCampaign_list .productCampaign_item:before {
    content: none !important
  }
}

@media screen and (min-width:760px) {
  .product.productCampaign .productCampaign_list .productCampaign_item:nth-last-child(2):before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    position: absolute;
    left: 0;
    bottom: 0
  }
}

.product.productCampaign .productCampaign_list .productCampaign_item:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 1px;
  position: absolute;
  left: 0;
  bottom: 0
}

.product.productCampaign .productCampaign_list .productCampaign_item a {
  display: block
}

.product.productCampaign .productCampaign_list .productCampaign_item a:hover img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.product.productCampaign .productCampaign_list .productCampaign_item a:hover .txt {
  color: #093
}

.product.productCampaign .productCampaign_list .productCampaign_item a .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:960px) {
  .product.productCampaign .productCampaign_list .productCampaign_item a .inner {
    display: block
  }
}

.product.productCampaign .productCampaign_list .productCampaign_item a .img {
  width: calc(50% - 8px);
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:960px) {
  .product.productCampaign .productCampaign_list .productCampaign_item a .img {
    width: 100%
  }
}

.product.productCampaign .productCampaign_list .productCampaign_item a .img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.product.productCampaign .productCampaign_list .productCampaign_item a .txt {
  width: calc(50% - 8px);
  padding-left: 16px;
  font-size: 13px;
  color: #333;
  line-height: 1.8;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .product.productCampaign .productCampaign_list .productCampaign_item a .txt {
    margin-left: 8px;
    padding-left: 8px;
    width: 50%
  }
}

@media screen and (min-width:960px) {
  .product.productCampaign .productCampaign_list .productCampaign_item a .txt {
    width: 100%;
    padding: 20px 20px 0;
    margin-left: 0;
    font-size: 14px
  }
}

.product.productCampaign .productCampaign_list .productCampaign_item a .date {
  margin-top: 24px;
  text-align: center;
  font-size: 12px;
  line-height: 1.8;
  font-weight: 700;
  color: #093
}

@media screen and (min-width:960px) {
  .product.productCampaign .productCampaign_list .productCampaign_item a .date {
    text-align: left;
    width: 100%;
    margin-top: 16px;
    padding: 0 20px
  }
}

.company .common_emergency {
  margin-top: 58px
}

.company .common_news {
  margin-top: 0
}

.company .companyTop_domestic {
  margin-top: 40px;
  display: block;
  position: relative;
  padding: 52px 24px 38px;
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:960px) {
  .company .companyTop_domestic {
    padding: 0
  }
}

.company .companyTop_domestic:hover .companyTopDomestic_bg {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.company .companyTop_domestic:hover .companyTopDomestic_details .companyTopDomestic_link:after {
  right: -40px
}

.company .companyTop_domestic .companyTopDomestic_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(/assets/img/company/img_domestic.jpg) 85% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company .companyTop_domestic .companyTopDomestic_bg {
    background: url(/assets/img/company/img_domestic.jpg) 50%;
    background-size: cover;
    background-repeat: no-repeat
  }
}

.company .companyTop_domestic .companyTopDomestic_details {
  position: relative;
  z-index: 2;
  color: #fff
}

@media screen and (min-width:960px) {
  .company .companyTop_domestic .companyTopDomestic_details {
    cursor: pointer;
    padding: 0 64px;
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_ttl {
  font-size: 21px;
  letter-spacing: .1em
}

@media screen and (min-width:960px) {
  .company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_ttl {
    font-size: 24px
  }
}

.company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_ttl img {
  width: 100%
}

.company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_txt {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .08em
}

@media screen and (min-width:960px) {
  .company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_txt {
    max-width: 370px;
    margin-top: 24px
  }
}

.company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_link {
  margin-top: 10px;
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

@media screen and (min-width:760px) {
  .company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_link {
    margin-top: 14px
  }
}

@media screen and (min-width:1280px) {
  .company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_link {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_link:after {
  content: "";
  background: url(/assets/img/common/inc/ico_arrow-white.svg);
  background-size: cover;
  width: 15px;
  height: 11px;
  position: absolute;
  right: -35px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company .companyTop_domestic .companyTopDomestic_details .companyTopDomestic_link:after, _:-ms-lang(x) {
  width: 17px;
  height: 12px
}

.company .company_other {
  background: #f2f2f2;
  padding: 16px 0
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px;
    padding: 0 0 32px
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list {
    margin-top: 0;
    padding: 64px 0
  }
}

.company .company_other .companyOther_list .companyOther_item {
  position: relative;
  border-radius: 6px;
  height: 260px;
  overflow: hidden
}

.company .company_other .companyOther_list .companyOther_item:hover .companyOtherItem_bg {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.company .company_other .companyOther_list .companyOther_item:hover .companyOtherItem_link:after {
  -webkit-transform: translate(13px, -2px);
  transform: translate(13px, -2px)
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item {
    width: calc(50% - 6px);
    margin: 12px 3px 0
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item {
    width: calc(33.333% - 2px);
    margin: 0 1px;
    height: 286px
  }
}

.company .company_other .companyOther_list .companyOther_item:not(:first-child) {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item:not(:first-child) {
    margin-top: 12px
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item:not(:first-child) {
    margin-top: 0
  }
}

.company .company_other .companyOther_list .companyOther_item.zenb .companyOtherItem_bg {
  background: url(/assets/img/company/img_zenb-bg.jpg);
  background-size: cover
}

.company .company_other .companyOther_list .companyOther_item.zenb .companyOtherItem_ttl {
  width: 140px
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item.zenb .companyOtherItem_ttl {
    width: 160px
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item.zenb .companyOtherItem_ttl {
    width: 176px
  }
}

.company .company_other .companyOther_list .companyOther_item.zenb .companyOtherItem_link {
  margin-top: 12px
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item.zenb .companyOtherItem_link {
    margin-top: 10px
  }
}

.company .company_other .companyOther_list .companyOther_item.mim .companyOtherItem_bg {
  background: url(/assets/img/company/img_mim-bg.jpg);
  background-size: cover
}

.company .company_other .companyOther_list .companyOther_item.mim .companyOtherItem_ttl {
  width: 110px
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item.mim .companyOtherItem_ttl {
    width: 121px
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item.mim .companyOtherItem_ttl {
    width: 134px
  }
}

.company .company_other .companyOther_list .companyOther_item.culture .companyOtherItem_bg {
  background: url(/assets/img/company/img_culture-bg.jpg);
  background-size: cover
}

.company .company_other .companyOther_list .companyOther_item.white a {
  color: #fff
}

.company .company_other .companyOther_list .companyOther_item .companyOtherItem_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.company .company_other .companyOther_list .companyOther_item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  height: 100%;
  padding: 0 24px;
  z-index: 2
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item a {
    padding: 0 34px
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item a {
    padding: 0 40px
  }
}

.company .company_other .companyOther_list .companyOther_item a .companyOtherItem_ttl {
  font-size: 21px;
  letter-spacing: .15em
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item a .companyOtherItem_ttl {
    font-size: 24px
  }
}

.company .company_other .companyOther_list .companyOther_item a .companyOtherItem_ttl img {
  width: 100%
}

.company .company_other .companyOther_list .companyOther_item a .companyOtherItem_txt {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .01em
}

.company .company_other .companyOther_list .companyOther_item a .companyOtherItem_link {
  display: inline-block;
  position: relative;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-top: 30px
}

@media screen and (min-width:760px) {
  .company .company_other .companyOther_list .companyOther_item a .companyOtherItem_link {
    font-size: 14px;
    margin-top: 10px
  }
}

@media screen and (min-width:1280px) {
  .company .company_other .companyOther_list .companyOther_item a .companyOtherItem_link {
    font-size: 16px;
    margin-top: 16px
  }
}

.company .company_other .companyOther_list .companyOther_item a .companyOtherItem_link span {
  display: inline-block;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.company .company_other .companyOther_list .companyOther_item a .companyOtherItem_link span img {
  width: 100%
}

.company.companyTop .companyTop_group {
  margin-top: 32px;
  padding: 32px 0;
  background: #f8f8f5
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_group {
    margin-top: 64px;
    padding: 64px 0
  }
}

.company.companyTop .companyTop_group .companyTopGroup_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -4px
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_group .companyTopGroup_list {
    margin-top: 26px
  }
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item {
  width: calc(50% - 9px);
  margin: 30px 4.5px 0
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item {
    width: calc(33.333% - 2px);
    margin: 30px 1px 0
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item {
    margin: 38px 1px 0
  }
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item a {
  display: block
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item a:hover .companyTopGroupItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item a:hover .companyTopGroupItem_ttl, .company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item a:hover .companyTopGroupItem_txt {
  color: #093
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_img {
  overflow: hidden;
  border-radius: 6px
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_ttl {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-top: 10px;
  padding: 0 8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_ttl {
    margin-top: 14px;
    padding: 0 16px;
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_ttl {
    margin-top: 16px;
    padding: 0 20px
  }
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_ttl span {
  display: inline
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_ttl span:nth-of-type(2) {
  margin-left: 3px;
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_ttl span:nth-of-type(2) img {
  width: 100%
}

.company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_txt {
  font-size: 13px;
  color: #333;
  margin-top: 10px;
  padding: 0 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_group .companyTopGroup_list .companyTopGroup_item .companyTopGroupItem_txt {
    padding: 0 16px;
    font-size: 14px
  }
}

.company.companyTop .companyTop_know {
  margin-top: 32px
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_know {
    margin-top: 64px
  }
}

.company.companyTop .companyTop_know .companyTopKnow_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -4px
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_know .companyTopKnow_list {
    margin-top: 26px
  }
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item {
  width: calc(50% - 9px);
  margin: 30px 4.5px 0
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item {
    width: calc(25% - 2px);
    margin: 30px 1px 0
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item {
    margin: 38px 1px 0
  }
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item a {
  display: block
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item a:hover .companyTopKnowItem_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item a:hover .companyTopKnowItem_ttl, .company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item a:hover .companyTopKnowItem_txt {
  color: #093
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_img {
  overflow: hidden;
  border-radius: 6px
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_ttl {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-top: 10px;
  padding: 0 8px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_ttl {
    margin-top: 14px;
    padding: 0 16px;
    font-size: 16px
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_ttl {
    margin-top: 16px;
    padding: 0 20px
  }
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_ttl span {
  display: inline
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_ttl span:nth-of-type(2) {
  margin-left: 3px;
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_ttl span:nth-of-type(2) img {
  width: 100%
}

.company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_txt {
  font-size: 13px;
  color: #333;
  margin-top: 10px;
  padding: 0 10px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_know .companyTopKnow_list .companyTopKnow_item .companyTopKnowItem_txt {
    padding: 0 16px;
    font-size: 14px
  }
}

.company.companyTop .companyTop_recruit {
  margin-top: 32px;
  padding: 24px 0 48px;
  background: #f2f2f2
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_recruit {
    margin-top: 64px;
    padding: 40px 0
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner {
  display: block;
  color: #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner {
    max-width: 595px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner {
    max-width: 910px
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner:hover {
  color: #093
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner:hover .companyTopRecruit_img img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06)
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner:hover .companyTopRecruit_details .companyTopRecruit_link p {
  color: #093
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner:hover .companyTopRecruit_details .companyTopRecruit_link p:before {
  width: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner:hover .companyTopRecruit_details .companyTopRecruit_link p:before, _:-ms-lang(x) {
  width: 100%;
  transition-duration: 0
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner:hover .companyTopRecruit_details .companyTopRecruit_link p:after {
  right: -5px
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_img {
  border-radius: 6px;
  overflow: hidden
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_img {
    width: 347px
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_img {
    width: 440px
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_img img {
  width: 100%;
  -webkit-transition: .8s cubic-bezier(.165, .84, .44, 1);
  transition: .8s cubic-bezier(.165, .84, .44, 1)
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details {
  margin-top: 30px;
  text-align: center
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details {
    margin-top: 0;
    width: calc(100% - 411px);
    text-align: left
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details {
    width: calc(100% - 520px)
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_ttl {
  font-size: 20px;
  letter-spacing: .01em;
  line-height: 1
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_ttl {
    font-size: 24px
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_txt {
  margin-top: 22px;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_txt {
    font-size: 16px;
    margin-top: 14px
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_link {
  margin-top: 22px;
  text-align: center
}

@media screen and (min-width:760px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_link {
    text-align: left
  }
}

@media screen and (min-width:1280px) {
  .company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_link {
    margin-top: 33px
  }
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_link p {
  display: inline;
  position: relative;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding: 4px 36px 8px 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_link p:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #093;
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition-property: width;
  transition-property: width
}

.company.companyTop .companyTop_recruit .companyTopRecruit_inner .companyTopRecruit_details .companyTopRecruit_link p:after {
  content: "";
  display: inline-block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  position: absolute;
  width: 17px;
  height: 13px;
  background-size: cover;
  top: calc(50% - 3px);
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company .officeDomain_link {
  margin-bottom: 40px
}

@media screen and (min-width:760px) {
  .company .officeDomain_link {
    margin-bottom: 64px
  }
}

.company .officeDomain_link .c-link {
  margin-top: 40px
}

@media screen and (min-width:760px) {
  .company .officeDomain_link .c-link {
    margin-top: 64px;
    max-width: 300px
  }
}

.company .p-sns {
  margin-top: 0
}

.company .company_ttl {
  margin: 54px auto;
  font-size: 24px;
  text-align: center
}

@media screen and (min-width:760px) {
  .company .company_ttl {
    margin-top: 58px;
    font-size: 32px
  }
}

.company.officeDomestic .company_details .officeDomestic_anchor {
  margin-top: 24px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_anchor {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item {
    width: calc(33.333% - 12.5px)
  }
}

.company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a {
  position: relative;
  display: block;
  border: 2px solid #093;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 8px auto 0;
  max-width: 300px;
  color: #093;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em
}

.company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: solid #212121;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a {
    margin-top: 0;
    padding: 16px
  }
}

.company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a:hover:after {
  top: calc(50% + 2px)
}

.company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  border-color: #093;
  border-width: 2px 2px 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a:after {
    right: 7.5px
  }
}

@media screen and (min-width:1280px) {
  .company.officeDomestic .company_details .officeDomestic_anchor .officeDomesticAnchor_item a:after {
    right: 15px
  }
}

.company.officeDomestic .company_details .officeDomestic_contact {
  background: #e6f4ea;
  margin-top: 40px;
  padding: 26px 15px 20px;
  border: 2px solid #093;
  border-radius: 6px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_contact {
    padding: 30px 26px
  }
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_ttl {
  margin-bottom: 20px;
  font-size: 18px;
  color: #093
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_ttl {
    margin-bottom: 10px
  }
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt {
  font-size: 14px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt {
    font-size: 15px
  }
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt.border {
  padding-bottom: 18px;
  position: relative
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt.border:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt.border {
    padding-bottom: 20px
  }
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt a {
  text-decoration: underline;
  color: #093;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_txt a:hover {
  opacity: .6
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_subTtl {
  margin: 20px 0 12px;
  font-size: 15px
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_phone {
  margin: 6px 0 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_phone .img {
  display: inline-block;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  width: 20px
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_phone .img img {
  width: 100%
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_phone .txt {
  padding-left: 5px;
  font-size: 30px;
  font-weight: 700;
  color: #093
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_caution {
  margin-top: 12px;
  padding-bottom: 18px;
  font-size: 12px;
  padding-left: 1.125em;
  position: relative
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_caution:before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_caution:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_caution {
    margin-top: 15px;
    padding-bottom: 20px
  }
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 232px;
  height: 45px;
  margin: 22px auto 0;
  font-size: 15px;
  font-weight: 700;
  background: #093;
  border: 1px solid #093;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_link:hover {
  color: #093;
  background: #fff
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_contact .officeDomesticContact_link {
    margin: 20px 0 0
  }
}

.company.officeDomestic .company_details .officeDomestic_ttl {
  font-size: 18px;
  letter-spacing: .1em;
  padding-bottom: 20px;
  position: relative
}

.company.officeDomestic .company_details .officeDomestic_ttl:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_ttl {
    font-size: 21px
  }
}

.company.officeDomestic .company_details .officeDomestic_main {
  margin-top: 40px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main {
    margin-top: 60px
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list {
  padding-bottom: 28px;
  position: relative
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list {
    padding-bottom: 32px
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item {
  margin-top: 36px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item:first-child {
  margin-top: 14px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item:first-child {
    margin-top: 30px
  }
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_link {
    width: 205px
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_link a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  border-bottom: 1px solid #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_link a:hover {
  color: #093;
  border-bottom: 1px solid #093
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_link a:hover:after {
  right: -30px
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_link a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  position: absolute;
  width: 15px;
  height: 11px;
  top: calc(50% - 1px);
  right: -25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_link a:after, _:-ms-lang(x) {
  width: 17px;
  height: 13px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner {
    width: calc(100% - 205px)
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner .txt {
  margin-top: 14px;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner .txt {
    margin-top: 0
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner iframe {
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner iframe {
    margin-top: 20px;
    width: 300px;
    height: 225px
  }
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner a {
  display: block;
  text-align: right;
  margin: 8px 0 0 auto;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner a:hover {
  color: #093
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner a {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
  }
}

@media screen and (min-width:1280px) {
  .company.officeDomestic .company_details .officeDomestic_main .officeDomesticMain_list .officeDomesticMain_item .officeDomesticMainItem_inner a {
    -webkit-transform: translate(-120px, -50px);
    transform: translate(-120px, -50px)
  }
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item {
  margin-top: 25px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
  }
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item:first-child {
  margin-top: 30px
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item.link .ttl {
  pointer-events: all
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item.link .ttl a {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  border-bottom: 1px solid #333;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item.link .ttl a:hover {
  color: #093;
  border-bottom: 1px solid #093
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item.link .ttl a:hover:after {
  right: -30px
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item.link .ttl a:after {
  content: "";
  display: block;
  background: url(/assets/img/common/inc/ico_arrow-green.svg);
  background-size: cover;
  position: absolute;
  width: 15px;
  height: 11px;
  top: calc(50% - 1px);
  right: -25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item.link .ttl a:after, _:-ms-lang(x) {
  width: 17px;
  height: 13px
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item a {
  color: #333
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item .ttl {
  pointer-events: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item .ttl {
    width: 204px
  }
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item .txt {
  margin-top: 8px;
  display: block;
  font-size: 14px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item .txt {
    margin-top: 0;
    width: calc(100% - 204px)
  }
}

.company.officeDomestic .company_details .officeDomestic_list .officeDomestic_item .txt span {
  display: block
}

.company.officeDomestic .company_details .officeDomestic_branch {
  margin-top: 60px;
  padding-bottom: 28px;
  position: relative
}

.company.officeDomestic .company_details .officeDomestic_branch:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  bottom: 0
}

.company.officeDomestic .company_details .officeDomestic_factory {
  margin-top: 60px;
  padding-bottom: 28px
}

.company.officeDomestic .company_details .company_details__title {
  font-size: 21px;
  padding-left: 20px;
  position: relative;
  letter-spacing: 3.8px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .company_details__title {
    font-size: 24px
  }
}

.company.officeDomestic .company_details .company_details__title:before {
  content: "";
  display: block;
  border-radius: 6px;
  width: 6px;
  height: 100%;
  background: #093;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.company.officeDomestic .company_details .tableWrap {
  font-size: 14px;
  margin-top: 24px;
  line-height: 1.75;
  margin-bottom: 58px
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .tableWrap {
    margin-top: 40px;
    margin-bottom: 64px
  }
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .tableWrap .tableLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .company.officeDomestic .company_details .tableWrap .tableLine:nth-child(n+2) {
    margin-top: 2px
  }
}

.company.officeDomestic .company_details .tableWrap .table__label {
  padding: 11px 16px;
  font-weight: 700;
  background-color: #f2f2f2
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .tableWrap .table__label {
    width: 178px
  }
}

.company.officeDomestic .company_details .tableWrap .table__text {
  padding: 11px 16px;
  background-color: #fcfcfc
}

@media screen and (min-width:760px) {
  .company.officeDomestic .company_details .tableWrap .table__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}

.company .company_details .officeMap_inner {
  padding-top: 38px
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner {
    padding-top: 30px
  }
}

.company .company_details .officeMap_inner .officeMap_item {
  margin-top: 22px;
  padding-top: 5px;
  position: relative
}

.company .company_details .officeMap_inner .officeMap_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner .officeMap_item {
    margin-top: 30px
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_ttl {
  padding-top: 25px;
  font-size: 18px;
  letter-spacing: .05em
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner .officeMap_item .officeMapItem_ttl {
    padding-top: 30px
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_txt {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .04em
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner .officeMap_item .officeMapItem_txt {
    margin-top: 8px;
    font-size: 16px
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.8;
  position: relative;
  padding-left: 1.4em
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li {
    font-size: 16px;
    line-height: 1.6
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li:first-of-type:before {
  content: "1."
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li:nth-of-type(2):before {
  content: "2."
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li:nth-of-type(3):before {
  content: "3."
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li:nth-of-type(4):before {
  content: "4."
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_list li:nth-of-type(5):before {
  content: "5."
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map {
  margin-top: 30px
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map iframe {
  width: 100%;
  height: 260px
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner .officeMap_item .officeMapItem_map iframe {
    height: 350px
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links {
  margin-top: 10px;
  text-align: right
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links {
    margin-top: 14px
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links a {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-right: 64px;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links a:first-child {
  display: none
}

@media screen and (min-width:760px) {
  .company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links a:first-child {
    display: inline-block
  }
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links a:last-child {
  display: inline-block;
  margin-right: 0
}

.company .company_details .officeMap_inner .officeMap_item .officeMapItem_map .links a:hover {
  color: #093
}

.company .company_details .officeMap_link {
  margin-top: 30px;
  padding-top: 30px;
  position: relative
}

.company .company_details .officeMap_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_link {
    padding-top: 60px
  }
}

.company .company_details .officeMap_link .c-link {
  margin: 0 auto
}

@media screen and (min-width:1280px) {
  .company .company_details .officeMap_link .c-link {
    margin: 0 auto 0 40px
  }
}

@media screen and (min-width:760px) {
  .company.recruit .company_details {
    padding-top: 0
  }
}

.company.recruit .p-brandPickUp {
  margin-top: 64px
}

.company.recruit .recruit_item {
  margin-top: 30px;
  padding-top: 30px;
  position: relative
}

.company.recruit .recruit_item:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item {
    margin-top: 60px;
    padding-top: 60px
  }
}

.company.recruit .recruit_item .recruitItem_ttl {
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_ttl {
    font-size: 21px;
    line-height: 1.6
  }
}

.company.recruit .recruit_item .recruitItem_subTtl {
  margin-top: 22px;
  font-size: 14px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_subTtl {
    font-size: 15px
  }
}

.company.recruit .recruit_item .recruitItem_txt {
  margin-top: 22px;
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8
}

.company.recruit .recruit_item .recruitItem_table-container {
  margin-top: 14px
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ddd
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item div {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal
  }
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl {
  width: calc(40% - 1px)
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl .blank {
  height: 47px;
  background: #777
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl .blank {
    height: 40px
  }
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl .ttl {
  height: 57px;
  background: #f0f0f0
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl .ttl {
    height: 60px;
    padding-left: 16px
  }
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl .ttl p {
  font-size: 14px;
  letter-spacing: .04em;
  font-weight: 700;
  line-height: 1.4
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_ttl .ttl p {
    font-size: 15px
  }
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details {
  width: calc(20% - 1px)
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details .year {
  height: 47px;
  background: #555
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details .year {
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details .year p {
  font-size: 14px;
  letter-spacing: .04em;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.4
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details .percent {
  height: 57px;
  background: #fff
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details .percent {
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.company.recruit .recruit_item .recruitItem_table-container .recruitItem_table .recruitItemTable_item.recruitItemTable_details .percent p {
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.8
}

.company.recruit .recruit_item .recruitItem_caption {
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: .04em;
  text-align: right
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_caption {
    margin-top: 6px
  }
}

.company.recruit .recruit_item .recruitItem_links {
  padding-top: 14px
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 68px
  }
}

.company.recruit .recruit_item .recruitItem_links .recruitItem_link {
  margin-top: 16px
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_links .recruitItem_link {
    width: calc(50% - 16px)
  }
  .company.recruit .recruit_item .recruitItem_links .recruitItem_link .c-linkOther {
    margin: 0
  }
}

.company.recruit .recruit_item .recruitItem_links .recruitItem_link .recruitItemLink_txt {
  max-width: 300px;
  margin: 0 auto;
  font-size: 14px;
  letter-spacing: .01em;
  padding: 15px
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_links .recruitItem_link .recruitItemLink_txt {
    margin: 0
  }
}

.company.recruit .recruit_item .recruitItem_contact {
  border-radius: 3px;
  background: #f2f2f2;
  padding: 20px 16px
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_contact {
    padding: 30px 32px
  }
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_ttl {
  font-size: 18px;
  letter-spacing: .04em;
  color: #093
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_txt {
  margin-top: 14px;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_contact .recruitItemContact_txt {
    margin-top: 22px
  }
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_tel {
  margin-top: 6px;
  font-size: 14px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_contact .recruitItemContact_tel {
    margin-top: 14px
  }
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link {
  margin-top: 22px;
  padding-top: 22px;
  position: relative
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link {
    padding-top: 0
  }
  .company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link:after {
    content: none
  }
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link a {
  display: block;
  width: 232px;
  margin: 0 auto;
  padding: 11px 0;
  text-align: center;
  color: #fff;
  background: #093;
  border: 2px solid #093;
  border-radius: 3px;
  font-size: 15px;
  letter-spacing: .01em;
  font-weight: 700;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link a:hover {
  color: #093;
  background: #fff
}

@media screen and (min-width:760px) {
  .company.recruit .recruit_item .recruitItem_contact .recruitItemContact_link a {
    margin: 0
  }
}

.company.csr .p-brandPickUp {
  margin-top: 64px
}

.companyCsr {
  padding-top: 24px;
  margin-top: 35px;
  position: relative
}

.companyCsr:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width:760px) {
  .companyCsr {
    padding-top: 40px;
    margin-top: 60px
  }
}

.companyCsr_info .companyCsr_infoItem {
  margin-bottom: 26px
}

@media screen and (min-width:760px) {
  .companyCsr_info .companyCsr_infoItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .companyCsr_info .companyCsr_infoItem:first-child {
    margin-bottom: 46px
  }
}

.companyCsr_info .companyCsr_infoItem .name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.5
}

@media screen and (max-width:759px) {
  .companyCsr_info .companyCsr_infoItem .name {
    margin-bottom: 10px
  }
}

@media screen and (min-width:760px) {
  .companyCsr_info .companyCsr_infoItem .name {
    width: 204px
  }
}

.companyCsr_info .companyCsr_infoItem .txt {
  font-size: 14px;
  letter-spacing: .04em;
  line-height: 1.5
}

@media screen and (min-width:760px) {
  .companyCsr_info .companyCsr_infoItem .txt {
    width: calc(100% - 204px)
  }
}

.companyCsrMainImg {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px
}

@media screen and (min-width:760px) {
  .companyCsrMainImg {
    margin-bottom: 36px
  }
}

@media screen and (min-width:960px) {
  .companyCsrMainImg:hover>img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition-duration: .64s;
    transition-duration: .64s
  }
  .companyCsrMainImg:hover .companyCsrMainImg_downloadPdf .arrow {
    -webkit-transform: translate(4px);
    transform: translate(4px)
  }
}

.companyCsrMainImg>img {
  width: 100%;
  -webkit-transition: -webkit-transform .88s cubic-bezier(.165, .84, .44, 1);
  transition: -webkit-transform .88s cubic-bezier(.165, .84, .44, 1);
  transition: transform .88s cubic-bezier(.165, .84, .44, 1);
  transition: transform .88s cubic-bezier(.165, .84, .44, 1), -webkit-transform .88s cubic-bezier(.165, .84, .44, 1)
}

.companyCsrMainImg_downloadPdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
  line-height: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.companyCsrMainImg_downloadPdf.--wrap {
  flex-wrap: wrap;
  row-gap: 4px;
}

@media screen and (min-width:760px) {
  .companyCsrMainImg_downloadPdf {
    width: auto;
    right: 84px
  }
}

.companyCsrMainImg_downloadPdf img {
  display: block;
  margin: 0 8px
}

.companyCsrMainImg_downloadPdf img.arrow {
  margin: -1px 0 0 14px;
  -webkit-transition: -webkit-transform .32s cubic-bezier(.165, .84, .44, 1);
  transition: -webkit-transform .32s cubic-bezier(.165, .84, .44, 1);
  transition: transform .32s cubic-bezier(.165, .84, .44, 1);
  transition: transform .32s cubic-bezier(.165, .84, .44, 1), -webkit-transform .32s cubic-bezier(.165, .84, .44, 1)
}

.companyCsrMainImg_downloadPdf span {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0
}
.companyCsrMainImg_downloadPdf p:nth-child(2) {
  display: flex;
  align-items: center;
}

.newsRelease {
  color: #333;
  max-width: 960px;
  margin: 0 auto 40px
}

@media screen and (max-width:759px) {
  .newsRelease {
    width: calc(100% - 30px)
  }
}

@media screen and (min-width:1280px) {
  .newsRelease {
    margin-bottom: 64px
  }
}

.newsRelease * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.newsRelease img {
  width: 100%;
  height: auto;
  vertical-align: top
}

.newsRelease .clearfix:after {
  content: "";
  display: block;
  clear: both
}

.newsRelease .main_title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding-top: 18px
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .main_title {
    padding-top: 58px
  }
}

@media screen and (max-width:759px) {
  .newsRelease .main_title {
    font-size: 21px
  }
}

.newsRelease .search .inner {
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 40px;
  border-radius: 6px;
  margin-top: 54px
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .search .inner {
    display: block
  }
}

@media screen and (max-width:759px) {
  .newsRelease .search .inner {
    display: block;
    padding: 20px 15px;
    margin-top: 32px
  }
}

.newsRelease .search__wrap {
  width: 505px
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .search__wrap {
    display: block;
    width: 100%
  }
}

@media screen and (max-width:759px) {
  .newsRelease .search__wrap {
    display: block;
    width: 100%
  }
}

.newsRelease .search__keywordWrap {
  width: calc(80% - 15px);
  float: left
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .search__keywordWrap {
    width: 68%;
    float: left
  }
}

@media screen and (max-width:759px) {
  .newsRelease .search__keywordWrap {
    width: 100%;
    float: none
  }
}

.newsRelease .search__title {
  font-size: 14px
}

.newsRelease .search__parts {
  margin-top: 8px
}

.newsRelease .search__keyInput {
  height: 44px;
  border-radius: 3px;
  background-color: #fff;
  outline: none;
  font-size: 14px;
  background-image: url(/assets/img/common/inc/ico_search.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 15px;
  text-indent: 45px;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  float: left;
  width: calc(100% - 70px)
}

@media screen and (min-width:760px) {
  .newsRelease .search__keyInput {
    width: calc(100% - 105px);
    height: 33px;
    font-size: 16px
  }
}

.newsRelease .search__keyInput:focus {
  background-image: none;
  text-indent: 5px
}

.newsRelease .search__runBtn {
  cursor: pointer;
  font-size: 15px;
  border: 1px solid #093;
  background-color: #093;
  border-radius: 3px;
  color: #fff;
  width: 60px;
  height: 44px;
  line-height: 33px;
  text-align: center;
  float: right;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.newsRelease .search__runBtn:hover {
  color: #093;
  background: #fff
}

@media screen and (min-width:760px) {
  .newsRelease .search__runBtn {
    width: 100px;
    height: 33px
  }
}

.newsRelease .search__year {
  float: right;
  width: 20%
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .search__year {
    width: 27%;
    margin-left: 0
  }
}

@media screen and (max-width:759px) {
  .newsRelease .search__year {
    width: 160px;
    float: left;
    margin-top: 16px
  }
}

.newsRelease .search__yearSelect {
  font-size: 14px;
  position: relative;
  width: 100px;
  margin-top: 8px
}

@media screen and (max-width:759px) {
  .newsRelease .search__yearSelect {
    width: 160px
  }
}

.newsRelease .search__yearSelect:after {
  content: "";
  background: url(/assets/img/company/news_release/pulldown_arrow_down.svg) no-repeat 50%;
  display: block;
  height: 1rem;
  position: absolute;
  right: .75rem;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  width: 1rem
}

.newsRelease .search__yearSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc
}

.newsRelease .search__yearControl {
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  line-height: 1.5;
  padding: 5px 0 5px 10px;
  width: 100%
}

.newsRelease .search__yearControl:focus {
  outline: 0;
  border-color: #00bbf0
}

.newsRelease .search__otherlink {
  font-size: 15px;
  width: 38%;
  position: relative;
  padding-left: 30px;
  margin-left: 40px;
  border-left: 1px solid #ccc
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .search__otherlink {
    width: 100%;
    display: block;
    border-left: none;
    padding: 30px 0 0;
    margin: 30px 0 0;
    border-top: 1px solid #ccc
  }
}

@media screen and (max-width:759px) {
  .newsRelease .search__otherlink {
    width: 100%;
    display: block;
    border-left: none;
    padding: 22px 0 0;
    margin: 23px 0 0;
    border-top: 1px solid #ccc
  }
}

.newsRelease .search__otherlink a {
  padding-right: 30px;
  color: #333;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .search__otherlink a {
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
    display: block;
    width: 300px;
    margin: 0 auto
  }
}

@media screen and (max-width:759px) {
  .newsRelease .search__otherlink a {
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
    display: block;
    width: 100%;
    margin: 0
  }
}

.newsRelease .search__otherlink a:after {
  content: "";
  background: url(/assets/img/company/news_release/arrow_right_green.svg) no-repeat 50%;
  display: block;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  display: inline-block;
  width: 17px;
  background-size: contain;
  -webkit-transition: all .2s;
  transition: all .2s
}

@media screen and (max-width:759px) {
  .newsRelease .search__otherlink a:after {
    right: 5px;
    top: 46%
  }
}

.newsRelease .search__otherlink a:hover:after {
  right: -.2em
}

@media screen and (max-width:759px) {
  .newsRelease .search__otherlink a:hover:after {
    right: 0
  }
}

.newsRelease .search__otherlink a:hover {
  color: #093
}

.newsRelease .news {
  max-width: 700px;
  margin: 0 auto
}

.newsRelease .news__year {
  text-align: center;
  font-size: 24px;
  margin-top: 60px
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .news__year {
    margin-top: 56px
  }
}

@media screen and (max-width:759px) {
  .newsRelease .news__year {
    font-size: 18px;
    margin-top: 45px
  }
}

.newsRelease .news__categoryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px
}

@media screen and (min-width:760px) and (max-width:959px) {
  .newsRelease .news__categoryList {
    margin-top: 28px
  }
}

@media screen and (max-width:759px) {
  .newsRelease .news__categoryList {
    display: none
  }
}

.newsRelease .news__categoryItem {
  cursor: pointer;
  font-size: 15px;
  width: 120px;
  text-align: center;
  border-bottom: 2px solid #f5f5f5;
  padding-bottom: 10px
}

.newsRelease .news__categoryItem.current {
  border-color: #093;
  cursor: auto
}

.newsRelease .news__categoryPulldown {
  display: none
}

@media screen and (max-width:759px) {
  .newsRelease .news__categoryPulldown {
    display: block;
    margin-top: 24px
  }
}

@media screen and (max-width:759px) {
  .newsRelease .news__categoryPulldown-title {
    font-size: 14px
  }
}

.newsRelease .news__categorySelect {
  font-size: 14px;
  position: relative;
  width: 160px;
  display: inline-block;
  margin-left: 32px
}

.newsRelease .news__categorySelect:after {
  content: "";
  background: url(/assets/img/company/news_release/pulldown_arrow_down.svg) no-repeat 50%;
  display: block;
  height: 1rem;
  position: absolute;
  right: .75rem;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  width: 1rem
}

.newsRelease .news__categorySelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc
}

.newsRelease .news__categoryControl {
  cursor: pointer;
  background: #fff;
  border-radius: 3px;
  line-height: 1.5;
  padding: 5px 0 5px 10px;
  width: 100%
}

.newsRelease .news__categoryControl:focus {
  outline: 0;
  border-color: #00bbf0
}

.newsRelease .news__list {
  margin-top: 40px
}

@media screen and (max-width:759px) {
  .newsRelease .news__list {
    margin-top: 32px
  }
}

.newsRelease .news__item {
  opacity: 0
}

.newsRelease .news__item.is-hide {
  display: none;
  opacity: 0
}

.newsRelease .news__item:after, .newsRelease .news__item:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/assets/img/company/news_release/dotted_border.svg);
  background-size: contain;
  background-repeat: repeat-x
}

.newsRelease .news__item a {
  color: #333;
  display: block;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.newsRelease .news__item a .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 0
}

@media screen and (max-width:759px) {
  .newsRelease .news__item a .inner {
    display: block;
    padding: 15px 0
  }
}

.newsRelease .news__item a .itemPic {
  overflow: hidden;
  border-radius: 6px;
  width: 134px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.newsRelease .news__item a .itemPic img {
  width: auto;
  height: 100%;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.newsRelease .news__item a:hover {
  color: #094
}

.newsRelease .news__item a:hover .itemPic img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.newsRelease .news__item .dateWrap {
  width: 130px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width:759px) {
  .newsRelease .news__item .dateWrap {
    width: 100%;
    float: left
  }
}

.newsRelease .news__item .dateWrap .label {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background-color: #093;
  border-radius: 3px;
  padding: 4px 12px
}

.newsRelease .news__item .dateWrap .date {
  font-size: 13px;
  margin-top: 12px
}

@media screen and (max-width:759px) {
  .newsRelease .news__item .dateWrap .date {
    display: inline-block;
    margin-left: 10px
  }
}

.newsRelease .news__item .text {
  font-size: 15px;
  width: 100%
}

.newsRelease .news__item .text .tit {
  font-size: 15px;
  font-weight: 600
}

.newsRelease .news__item .text .subtit {
  font-size: 14px;
  margin-top: 16px
}

@media screen and (max-width:759px) {
  .newsRelease .news__item .text .subtit {
    display: none
  }
}

@media screen and (max-width:759px) {
  .newsRelease .news__item .text {
    width: calc(100% - 160px);
    float: left;
    margin-top: 18px;
    font-size: 15px;
    line-height: 2
  }
}

.newsRelease .news__item .itemPic {
  margin-left: 24px;
  width: 152px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width:759px) {
  .newsRelease .news__item .itemPic {
    margin-left: 0;
    width: 134px;
    float: right;
    margin-top: 18px
  }
}

.newsRelease .news .moreBtn a {
  position: relative;
  display: block;
  font-weight: 600;
  color: #093;
  border: 2px solid #093;
  border-radius: 3px;
  width: 300px;
  height: 60px;
  line-height: 60px;
  margin: 48px auto 0;
  padding-left: 20px
}

.newsRelease .news .moreBtn a:after {
  content: "";
  background: url(/assets/img/company/news_release/moreBtn_arrow.svg) no-repeat 50%;
  display: inline-block;
  width: 13px;
  height: 7px;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  background-size: contain
}

.newsDetail {
  color: #333;
  max-width: 700px;
  margin: 70px auto 40px
}

@media screen and (max-width:759px) {
  .newsDetail {
    max-width: none;
    margin: 24px auto 64px
  }
}

.newsDetail * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.newsDetail img {
  width: 100%;
  height: auto;
  vertical-align: top
}

.newsDetail .clearfix:after {
  content: "";
  display: block;
  clear: both
}

.newsDetail .mod-titleBlock .title {
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #093
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .title {
    font-size: 21px
  }
}

.newsDetail .mod-titleBlock .subtitle {
  font-size: 18px;
  font-weight: 600;
  margin-top: 14px;
  letter-spacing: .7px;
  color: #f60
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .subtitle {
    font-size: 16px
  }
}

.newsDetail .mod-titleBlock .info {
  font-weight: 600;
  margin-top: 30px
}

.newsDetail .mod-titleBlock .info .label {
  display: inline-block;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  background-color: #093;
  color: #fff;
  border-radius: 3px;
  padding: 0 10px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .info .label {
    padding: 0 12px
  }
}

.newsDetail .mod-titleBlock .info .date {
  font-size: 13px;
  color: #093;
  margin-left: 21px;
  letter-spacing: 1.2px
}

.newsDetail .mod-titleBlock .pdfList {
  margin-top: 28px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .pdfList {
    margin-top: 23px
  }
}

.newsDetail .mod-titleBlock .pdfItem {
  display: inline-block
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .pdfItem {
    display: block
  }
  .newsDetail .mod-titleBlock .pdfItem:last-child {
    margin-top: 14px
  }
}

.newsDetail .mod-titleBlock .pdfItem a {
  color: #333;
  font-size: 13px
}

.newsDetail .mod-titleBlock .pdfItem .icon {
  font-size: 12px;
  color: #fff;
  background-color: #ec0e0e;
  border-radius: 3px;
  padding: 2px 6px;
  margin-right: 9px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .pdfItem .icon {
    margin-right: 11px
  }
}

.newsDetail .mod-titleBlock .pdfItem:nth-child(2) {
  margin-left: 46px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-titleBlock .pdfItem:nth-child(2) {
    margin-left: 0
  }
}

.newsDetail .mod-titleBlock:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/assets/img/company/news_detail/dotted_border.svg);
  background-size: contain;
  background-repeat: repeat-x;
  margin-top: 26px
}

.newsDetail .mod-subTitleBlock .subTitle {
  font-size: 21px;
  letter-spacing: .04em
}

@media screen and (min-width:760px) {
  .newsDetail .mod-subTitleBlock .subTitle {
    font-size: 24px
  }
}

.newsDetail .mod-subTitleBlock .text {
  margin-top: 18px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: .6px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-subTitleBlock .text {
    margin-top: 18px;
    font-size: 14px
  }
}

.newsDetail .mod-smallTitleBlock .smallTitle {
  font-size: 16px;
  letter-spacing: .04em
}

.newsDetail .mod-smallTitleBlock .text {
  margin-top: 4px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: .6px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-smallTitleBlock .text {
    margin-top: 4px;
    font-size: 14px
  }
}

.newsDetail .mod-mainTextBlock .text {
  font-size: 15px;
  line-height: 2;
  letter-spacing: .6px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-mainTextBlock .text {
    font-size: 14px
  }
}

@media screen and (max-width:759px) {
  .newsDetail .mod-mainImage {
    margin: 0 -15px
  }
}

.newsDetail .mod-captionBlock .caption {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 16px
}

.newsDetail .mod-textImageBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock {
    display: block
  }
}

.newsDetail .mod-textImageBlock.float.-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.newsDetail .mod-textImageBlock.float.-left .imgWrap {
  margin-right: 32px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock.float.-left .imgWrap {
    margin-right: 0
  }
}

.newsDetail .mod-textImageBlock.float.-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.newsDetail .mod-textImageBlock.float.-right .imgWrap {
  margin-left: 32px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock.float.-right .imgWrap {
    margin-left: 0
  }
}

.newsDetail .mod-textImageBlock .imgWrap {
  width: 320px;
  margin-top: 9px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock .imgWrap {
    width: auto
  }
}

.newsDetail .mod-textImageBlock .imgWrap .cap {
  text-align: center;
  font-size: 14px;
  margin-top: 16px;
  display: block
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock .imgWrap .cap {
    font-size: 12px
  }
}

.newsDetail .mod-textImageBlock .textWrap {
  width: 348px;
  line-height: 1.9
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock .textWrap {
    width: auto;
    margin-top: 22px
  }
}

.newsDetail .mod-textImageBlock .textWrap a {
  padding-right: 30px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
  color: #333;
  display: inline-block
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock .textWrap a {
    display: block;
    width: 142px;
    margin: 0 auto
  }
}

.newsDetail .mod-textImageBlock .textWrap a:after {
  content: "";
  background: url(/assets/img/company/news_detail/arrow_right_green.svg) no-repeat 50%;
  display: block;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  display: inline-block;
  width: 17px;
  background-size: contain;
  -webkit-transition: all .2s;
  transition: all .2s
}

.newsDetail .mod-textImageBlock .textWrap a:hover:after {
  right: -.2em
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textImageBlock .textWrap a:hover:after {
    right: 0
  }
}

.newsDetail .mod-textImageBlock .textWrap a:hover {
  color: #093
}

.newsDetail .mod-imageBlock .cap {
  font-size: 14px;
  margin-top: 16px;
  text-align: center
}

@media screen and (max-width:759px) {
  .newsDetail .mod-imageBlock .cap {
    font-size: 12px
  }
}

.newsDetail .mod-imageBlock.column-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:759px) {
  .newsDetail .mod-imageBlock.column-2 {
    display: block
  }
}

.newsDetail .mod-imageBlock.column-2 .item {
  width: 334px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-imageBlock.column-2 .item {
    width: auto
  }
  .newsDetail .mod-imageBlock.column-2 .item:nth-child(n+2) {
    margin-top: 32px
  }
}

.newsDetail .mod-imageBlock.column-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:759px) {
  .newsDetail .mod-imageBlock.column-3 {
    display: block;
    font-size: 0
  }
}

.newsDetail .mod-imageBlock.column-3 .item {
  width: 212px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-imageBlock.column-3 .item {
    display: inline-block;
    text-align: center;
    width: 46.5%
  }
  .newsDetail .mod-imageBlock.column-3 .item:first-child {
    width: 100%
  }
  .newsDetail .mod-imageBlock.column-3 .item:last-child {
    margin-left: 7%
  }
  .newsDetail .mod-imageBlock.column-3 .item:nth-child(n+2) {
    margin-top: 32px
  }
}

.newsDetail .mod-listBlock {
  font-size: 14px
}

.newsDetail .mod-listBlock .list .line {
  margin-bottom: 16px
}

.newsDetail .mod-listBlock .list .line .listItem {
  display: inline-block;
  float: left
}

.newsDetail .mod-listBlock .list .line .text {
  margin-left: 35px
}

.newsDetail .mod-listBlock .list.separator .line:first-child:before {
  margin-bottom: 16px
}

.newsDetail .mod-listBlock .list.separator .line:after, .newsDetail .mod-listBlock .list.separator .line:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/assets/img/company/news_detail/dotted_border.svg);
  background-size: contain;
  background-repeat: repeat-x
}

.newsDetail .mod-listBlock .list.separator .line:after {
  margin-top: 16px
}

.newsDetail .mod-listBlock.column-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:759px) {
  .newsDetail .mod-listBlock.column-2 {
    display: block
  }
}

.newsDetail .mod-listBlock.column-2 .list {
  width: 318px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-listBlock.column-2 .list {
    width: 100%
  }
  .newsDetail .mod-listBlock.column-2 .list:last-child {
    margin-top: 32px
  }
}

.newsDetail .mod-textListBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textListBlock {
    display: block
  }
}

.newsDetail .mod-textListBlock .text {
  width: 320px;
  font-size: 15px;
  line-height: 2
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textListBlock .text {
    width: auto
  }
}

.newsDetail .mod-textListBlock .list {
  width: 350px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-textListBlock .list {
    width: 100%;
    margin-top: 32px
  }
}

.newsDetail .mod-textListBlock .list .line {
  margin-bottom: 24px
}

.newsDetail .mod-textListBlock .list .line .listItem {
  display: inline-block;
  float: left
}

.newsDetail .mod-textListBlock .list .line .text {
  margin-left: 35px;
  font-size: 14px
}

.newsDetail .mod-textListBlock .list .line .text .annotation {
  font-size: 12px;
  display: inline-block
}

.newsDetail .mod-textListBlock .list .line:first-child:before {
  margin-bottom: 24px
}

.newsDetail .mod-textListBlock .list .line:after, .newsDetail .mod-textListBlock .list .line:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: url(/assets/img/company/news_detail/dotted_border.svg);
  background-size: contain;
  background-repeat: repeat-x
}

.newsDetail .mod-textListBlock .list .line:after {
  margin-top: 24px
}

.newsDetail .mod-box-01 {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 24px 32px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-01 {
    padding: 24px
  }
}

.newsDetail .mod-box-01 .text {
  font-size: 15px;
  line-height: 1.9
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-01 .text {
    font-size: 14px
  }
}

.newsDetail .mod-box-02 {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-02 {
    display: block;
    padding: 24px
  }
}

.newsDetail .mod-box-02 .textBlock {
  width: 302px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-02 .textBlock {
    width: 100%;
    margin-top: 22px
  }
}

.newsDetail .mod-box-02 .textBlock .text {
  font-size: 15px;
  line-height: 1.9
}

.newsDetail .mod-box-02 .imgBlock {
  width: 302px;
  margin-top: 9px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-02 .imgBlock {
    width: 100%;
    margin-top: 0
  }
}

.newsDetail .mod-box-02 .imgBlock .cap {
  text-align: center;
  display: block;
  margin-top: 8px;
  font-size: 14px
}

.newsDetail .mod-box-03 {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-03 {
    display: block;
    padding: 24px
  }
}

.newsDetail .mod-box-03 .block {
  width: 302px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-03 .block {
    width: 100%
  }
  .newsDetail .mod-box-03 .block:last-child {
    margin-top: 22px
  }
}

.newsDetail .mod-box-03 .block .cap {
  text-align: center;
  display: block;
  margin-top: 8px;
  font-size: 14px
}

.newsDetail .mod-box-03 .block .text {
  font-size: 15px;
  line-height: 1.9;
  margin-top: 22px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-03 .block .text {
    font-size: 14px
  }
}

.newsDetail .mod-box-04 {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-04 {
    display: block;
    padding: 24px
  }
}

.newsDetail .mod-box-04 .textBlock {
  width: 302px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-04 .textBlock {
    width: 100%;
    margin-top: 24px
  }
}

.newsDetail .mod-box-04 .textBlock .heading {
  font-size: 16px;
  font-weight: 600
}

.newsDetail .mod-box-04 .textBlock .text {
  font-size: 15px;
  line-height: 2;
  margin-top: 16px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-04 .textBlock .text {
    font-size: 14px
  }
}

.newsDetail .mod-box-04 .imgBlock {
  width: 302px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-box-04 .imgBlock {
    width: 100%
  }
}

.newsDetail .mod-box-04 .imgBlock .cap {
  text-align: center;
  display: block;
  margin-top: 8px;
  font-size: 14px
}

.newsDetail .mod-movieBlock .movieTitle {
  font-size: 21px;
  text-align: center;
  font-weight: 600;
  letter-spacing: .8px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-movieBlock .movieTitle {
    font-size: 18px
  }
}

.newsDetail .mod-movieBlock .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 24px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-movieBlock .inner {
    margin-top: 16px
  }
}

.newsDetail .mod-movieBlock iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important
}

.newsDetail .mod-movieBlock .cap {
  display: block;
  font-size: 14px;
  padding-top: 22px;
  line-height: 2
}

@media screen and (max-width:759px) {
  .newsDetail .mod-movieBlock .cap {
    padding-top: 17px
  }
}

.newsDetail .mod-tableBlock-01 .show-sp-txt {
  display: none
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-01 .show-sp-txt {
    display: block;
    font-size: 14px;
    margin-bottom: 16px
  }
}

.newsDetail .mod-tableBlock-01 .table_wrap {
  overflow-x: auto
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-01 .table_wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 31px
  }
}

.newsDetail .mod-tableBlock-01 table {
  border-collapse: collapse;
  font-size: 14px;
  width: 700px;
  table-layout: fixed;
  word-wrap: break-word
}

.newsDetail .mod-tableBlock-01 table td, .newsDetail .mod-tableBlock-01 table th {
  border: 1px solid #c7c7c7;
  padding: 16px;
  text-align: left;
  white-space: normal
}

.newsDetail .mod-tableBlock-01 table th {
  background-color: #f5f5f5;
  font-weight: 600
}

.newsDetail .mod-tableBlock-01 .text {
  width: 700px;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 10px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-01 .text {
    margin-top: 16px
  }
}

.newsDetail .mod-tableBlock-02 .show-sp-txt {
  display: none
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-02 .show-sp-txt {
    display: block;
    font-size: 14px;
    margin-bottom: 16px
  }
}

.newsDetail .mod-tableBlock-02 .table_wrap {
  overflow-x: auto
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-02 .table_wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 31px
  }
}

.newsDetail .mod-tableBlock-02 table {
  border-collapse: collapse;
  font-size: 14px;
  width: 700px;
  table-layout: fixed;
  word-wrap: break-word
}

.newsDetail .mod-tableBlock-02 table tr {
  width: 100%
}

.newsDetail .mod-tableBlock-02 table td, .newsDetail .mod-tableBlock-02 table th {
  border: 1px solid #c7c7c7;
  padding: 16px;
  text-align: left
}

.newsDetail .mod-tableBlock-02 table th {
  background-color: #f5f5f5;
  font-weight: 600;
  width: 128px
}

.newsDetail .mod-tableBlock-02 table td {
  text-align: center
}

.newsDetail .mod-tableBlock-02 .text {
  width: 700px;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 10px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-02 .text {
    margin-top: 16px
  }
}

.newsDetail .mod-tableBlock-03 .show-sp-txt {
  display: none
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-03 .show-sp-txt {
    display: block;
    font-size: 14px;
    margin-bottom: 16px
  }
}

.newsDetail .mod-tableBlock-03 .table_wrap {
  overflow-x: auto
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-03 .table_wrap {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 31px
  }
}

.newsDetail .mod-tableBlock-03 table {
  border-collapse: collapse;
  font-size: 14px;
  width: 700px;
  word-wrap: break-word;
  table-layout: fixed
}

.newsDetail .mod-tableBlock-03 table td, .newsDetail .mod-tableBlock-03 table th {
  border: 1px solid #c7c7c7;
  padding: 16px;
  text-align: left
}

.newsDetail .mod-tableBlock-03 table th {
  background-color: #f5f5f5;
  font-weight: 600
}

.newsDetail .mod-tableBlock-03 .text {
  width: 700px;
  font-size: 14px;
  line-height: 1.8;
  margin-top: 10px
}

@media screen and (max-width:759px) {
  .newsDetail .mod-tableBlock-03 .text {
    margin-top: 16px
  }
}

.newsDetail .modTit {
  color: orange;
  font-size: 30px;
  font-weight: 700;
  border-left: 5px solid;
  padding-left: 20px;
  line-height: 1;
  margin: 20px 0
}

@media screen and (max-width:759px) {
  .newsDetail .modTit {
    font-size: 20px
  }
}

.newsDetail .modSubTit {
  color: orange;
  font-size: 15px;
  font-weight: 700;
  margin: 10px 0 0
}

.newsDetail pre {
  margin-top: 30px;
  font-size: 15px
}

@media screen and (max-width:759px) {
  .newsDetail pre {
    display: none
  }
}

.newsDetail pre .hljs {
  background-color: #595b52
}

.siteMap_outer {
  width: 100%;
  max-width: 863px;
  padding: 0 15px;
  margin: 60px auto 100px
}

@media screen and (min-width:960px) {
  .siteMap_outer {
    padding: 0
  }
}

.siteMap_inner {
  padding: 30px 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

.siteMap_inner:after {
  top: 0
}

.siteMap_inner:after, .siteMap_inner:last-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #ccc 2px, transparent 0, transparent 4px);
  background-repeat: repeat-x;
  background-size: 7px 2px;
  position: absolute;
  left: 0
}

.siteMap_inner:last-child:before {
  bottom: 0
}

.siteMap_block--left {
  width: 100%;
  font-size: 16px;
  font-weight: 700
}

@media screen and (min-width:760px) {
  .siteMap_block--left {
    width: 220px
  }
}

.siteMap_block--left div {
  padding-bottom: 15px
}

.siteMap_block--left p {
  display: inline-block;
  padding: 0 50px 0 0;
  background: url(/assets/img/common/inc/ico_arrow-green.svg) no-repeat center right 5px;
  -webkit-transition: .3s;
  transition: .3s
}

.siteMap_block--left a {
  color: #333
}

.siteMap_block--left a:hover>p {
  color: #093;
  background: url(/assets/img/common/inc/ico_arrow-green.svg) no-repeat center right 0
}

.siteMap_block--right {
  width: 100%;
  padding: 0 0 0 30px;
  font-size: 15px
}

@media screen and (min-width:760px) {
  .siteMap_block--right {
    width: calc(100% - 220px)
  }
}

.siteMap_block--right .siteMap_subName {
  font-size: 14px;
  font-weight: 700;
  color: #093;
  margin: 4px 0 20px
}

.siteMap_block--right .siteMap_subName.snmb {
  margin: 25px 0 20px
}

.siteMap_block--right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.siteMap_block--right ul li {
  padding: 0;
  margin: 0 0 20px
}

.siteMap_block--right ul li a {
  text-decoration: underline;
  color: #333;
  -webkit-transition: .3s;
  transition: .3s
}

.siteMap_block--right ul li a:hover {
  color: #093
}

.siteMap_block--right ul li span.otherWindow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 12px
}

.siteMap_block--right ul.siteMap_list--four li {
  width: 50%
}

@media screen and (min-width:760px) {
  .siteMap_block--right ul.siteMap_list--four li {
    width: 33%
  }
}

@media screen and (min-width:960px) {
  .siteMap_block--right ul.siteMap_list--four li {
    width: 25%
  }
}

.siteMap_block--right ul.siteMap_list--two li {
  width: 100%
}

@media screen and (min-width:760px) {
  .siteMap_block--right ul.siteMap_list--two li {
    width: 50%
  }
}

.emergencyMedium {
  position: relative;
  margin-top: 10px;
  margin-bottom: 4px;
  padding: 20px 0;
  border: 4px solid #ec0e18;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:1280px) {
  .emergencyMedium {
    margin: 0 auto 4px;
    max-width: 1153px
  }
}

.emergencyMedium .emergencyMedium_ttl {
  font-size: 21px;
  color: #ec0e18
}

@media screen and (min-width:1280px) {
  .emergencyMedium .emergencyMedium_ttl {
    font-size: 24px
  }
}

.emergencyMedium .emergencyMedium_link {
  pointer-events: none;
  opacity: 0;
  cursor: pointer;
  margin-top: 4px;
  color: #333;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.emergencyMedium .emergencyMedium_link.is-active {
  pointer-events: all;
  opacity: 1
}

.emergencyMedium .emergencyMedium_link:hover {
  color: #ec0e18
}

.emergencyMedium .emergencyMedium_link:hover:after {
  right: -30px
}

@media screen and (min-width:1280px) {
  .emergencyMedium .emergencyMedium_link {
    position: absolute;
    top: calc(50% - 2px);
    right: 53px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.emergencyMedium .emergencyMedium_link:after {
  content: "";
  display: block;
  background: url(/assets/img/common/inc/ico_arrow-red-2.svg);
  background-size: cover;
  position: absolute;
  width: 15px;
  height: 11px;
  top: calc(50% - 1px);
  right: -25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.emergencyMedium .emergencyModal_txt {
  margin-top: 20px;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:375px) {
  .emergencyMedium .emergencyModal_txt {
    margin-top: 46px
  }
}

@media screen and (min-width:760px) {
  .emergencyMedium .emergencyModal_txt {
    font-size: 16px
  }
}

.emergencyMedium .emergencyModal_link {
  display: inline-block;
  margin-top: 16px;
  color: #333
}

.emergencyMedium .emergencyModal_link:hover .txt {
  color: #ec0e18
}

@media screen and (min-width:1280px) {
  .emergencyMedium .emergencyModal_link {
    margin-top: 24px
  }
}

.emergencyMedium .emergencyModal_link .txt {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.emergencyMedium .emergencyModal_link .about {
  display: block;
  margin-top: 6px
}

@media screen and (min-width:760px) {
  .emergencyMedium .emergencyModal_link .about {
    display: inline-block;
    margin-top: 0;
    padding-left: 12px
  }
}

.emergencyMedium .emergencyModal_link .about .pdf {
  border-radius: 3px;
  background: #ec0e18;
  color: #fff;
  padding: 5px;
  font-size: 12px
}

@media screen and (min-width:760px) {
  .emergencyMedium .emergencyModal_link .about .pdf {
    padding: 5px 6px
  }
}

.emergencyMedium .emergencyModal_link .about .size {
  display: inline-block;
  font-size: 14px
}

@media screen and (min-width:1280px) {
  .emergencyMedium .emergencyModal_link .about .size {
    padding-left: 6px
  }
}

.emergencyMedium .p-modal_bg {
  background: rgba(0, 0, 0, .5)
}

.emergencyMedium .p-modal_bg .p-modal_inner {
  border: 4px solid #ec0e18;
  background: #fff;
  width: 95%;
  height: 515px;
  padding: 0 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:375px) {
  .emergencyMedium .p-modal_bg .p-modal_inner {
    padding: 50px 20px 20px;
    height: auto
  }
}

@media screen and (min-width:760px) {
  .emergencyMedium .p-modal_bg .p-modal_inner {
    width: 700px;
    padding: 50px 54px 60px;
    margin: 0
  }
}

.emergencyMedium .p-modal_bg .emergencyModal_ttl {
  font-size: 30px;
  color: #ec0e18;
  text-align: center
}

.emergencyMedium .p-modal_bg .emergencyModal_txt {
  margin-top: 20px;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.8
}

@media screen and (min-width:375px) {
  .emergencyMedium .p-modal_bg .emergencyModal_txt {
    margin-top: 46px
  }
}

@media screen and (min-width:760px) {
  .emergencyMedium .p-modal_bg .emergencyModal_txt {
    font-size: 16px
  }
}

.emergencyMedium .p-modal_bg .emergencyModal_link {
  display: block;
  margin-top: 16px;
  color: #333
}

.emergencyMedium .p-modal_bg .emergencyModal_link:hover .txt {
  color: #ec0e18
}

@media screen and (min-width:1280px) {
  .emergencyMedium .p-modal_bg .emergencyModal_link {
    margin-top: 24px
  }
}

.emergencyMedium .p-modal_bg .emergencyModal_link .txt {
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.emergencyMedium .p-modal_bg .emergencyModal_link .about {
  display: block;
  margin-top: 6px
}

@media screen and (min-width:760px) {
  .emergencyMedium .p-modal_bg .emergencyModal_link .about {
    display: inline-block;
    margin-top: 0;
    padding-left: 12px
  }
}

.emergencyMedium .p-modal_bg .emergencyModal_link .about .pdf {
  border-radius: 3px;
  background: #ec0e18;
  color: #fff;
  padding: 5px;
  font-size: 12px
}

@media screen and (min-width:760px) {
  .emergencyMedium .p-modal_bg .emergencyModal_link .about .pdf {
    padding: 5px 6px
  }
}

.emergencyMedium .p-modal_bg .emergencyModal_link .about .size {
  display: inline-block;
  font-size: 14px
}

@media screen and (min-width:1280px) {
  .emergencyMedium .p-modal_bg .emergencyModal_link .about .size {
    padding-left: 6px
  }
}

.emergencyMedium .p-modal_bg .p-modal_close {
  margin-top: 10px;
  position: static;
  width: 100%;
  height: 60px;
  border-radius: 3px;
  background: #093;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  border: 1px solid #093;
  -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
  transition: .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width:375px) {
  .emergencyMedium .p-modal_bg .p-modal_close {
    margin-top: 40px
  }
}

@media screen and (min-width:760px) {
  .emergencyMedium .p-modal_bg .p-modal_close {
    margin: 62px auto 0;
    width: 300px
  }
}

.emergencyMedium .p-modal_bg .p-modal_close:hover {
  color: #093;
  background: #fff
}

.emergencyMedium .p-modal_bg .p-modal_close:after, .emergencyMedium .p-modal_bg .p-modal_close:before {
  content: none
}

.serviceEnd {
  margin-bottom: 64px
}

@media screen and (min-width:760px) {
  .serviceEnd .serviceEnd_links {
    max-width: 632px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.serviceEnd .serviceEnd_links .c-link a {
  width: 100%;
  height: 100%
}

.miz-mainBnr {
  padding: 60px 0 30px
}

.miz-mainBnr_container {
  width: 100%
}

.miz-mainBnr_ttl {
  padding: 0 10px;
  color: #333 !important;
  font-size: 20px
}

.miz-mainBnr_img {
  margin-top: 15px
}

.miz-mainBnr_img a {
  display: block
}

.miz-mainBnr_img img {
  width: 100%
}

.miz-mainBnr_img_pc {
  display: none
}

.miz-mainBnr_img_sp {
  display: block
}

.miz-mainBnr_btn {
  margin-right: 10px
}

@media screen and (min-width:760px) {
  .miz-mainBnr {
    padding: 150px 0 30px
  }
  .miz-mainBnr p {
    margin-bottom: 0
  }
  .miz-mainBnr_container {
    width: 950px;
    margin: 0 auto
  }
  .miz-mainBnr_ttl {
    padding: 0;
    font-family: �ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け, 繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3, Hiragino Kaku Gothic Pro, MS PGothic, Osaka, Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #333
  }
  .miz-mainBnr_img img {
    width: 100%
  }
  .miz-mainBnr_img_pc {
    display: block
  }
  .miz-mainBnr_img_sp {
    display: none
  }
}

.bc-video-modal {
  top: 50px !important
}

@media screen and (min-width:1280px) {
  .bc-video-modal {
    top: 150px !important
  }
}

.bc-video-modal-curtain {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 3000;
  opacity: .95
}

@media screen and (min-width:1280px) {
  .bc-video-modal-curtain {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 3000;
    opacity: .95
  }
}

.video-name {
  margin: 20px 0;
  font-family: “Oswald”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  text-transform: uppercase
}

@media screen and (min-width:1280px) {
  .video-name {
    margin: 20px 0;
    font-family: “Oswald”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-size: 27px;
    font-weight: 400;
    line-height: 1.5;
    color: #333
  }
}

.video-description {
  margin: 10px 0 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: #333;
  white-space: pre-wrap
}

@media screen and (min-width:1280px) {
  .video-description {
    margin: 10px 0 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #333
  }
}

.related-link a {
  display: inline-block;
  color: #093;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

@media screen and (min-width:1280px) {
  .related-link a {
    display: inline-block;
    color: #000;
    font-weight: 700;
    color: #093;
    font-size: 14px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
  }
}

.bc-dc-grid h1, .bc-dc-grid h2, .bc-dc-grid h3, .bc-dc-grid h4, .bc-dc-grid h5, .bc-dc-grid h6 {
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  color: #333
}

@media screen and (min-width:1280px) {
  .bc-dc-grid h1, .bc-dc-grid h2, .bc-dc-grid h3, .bc-dc-grid h4, .bc-dc-grid h5, .bc-dc-grid h6 {
    margin-top: 32px;
    margin-bottom: 8.5px;
    color: #333;
    font-weight: 700
  }
}

.customFooterContainer .label, .customHeaderContainer .label {
  font-size: 13px !important;
  color: #212121 !important;
  padding: 0 !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 1.2px !important;
  border-radius: 0 !important;
  text-align: left !important;
  white-space: normal !important
}

@media screen and (min-width:1280px) {
  .customFooterContainer .label, .customHeaderContainer .label {
    font-size: 14px !important
  }
}

@media screen and (min-width:1450px) {
  .customFooterContainer .label, .customHeaderContainer .label {
    font-size: 16px !important
  }
}

.customFooterContainer a:hover, .customHeaderContainer a:hover {
  text-decoration: none !important
}

.customFooterContainer .l-headerNavItem_label, .customHeaderContainer .l-headerNavItem_label {
  margin: 0 !important
}

.customFooterContainer .l-footer, .customHeaderContainer .l-footer {
  background: #fff !important;
  padding: 0 !important
}

.video-thumbnail-name {
  font-size: 22px !important
}

body, html {
  font-family: Lato, Hiragino Kaku Gothic ProN, Yu Gothic, Noto Sans CJK JP, Hiragino Sans, sans-serif !important;
  -webkit-font-smoothing: antialiased !important
}

.footer-cta-container {
  display: none !important
}

.noJs_caution {
  margin: 10px;
  padding: 12px 20px;
  border: 1px solid #ec0e18;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width:760px) {
  .noJs_caution {
    max-width: 692px;
    margin: 16px auto 12px;
    padding: 16px 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.noJs_caution .noJsCaution_icon {
  width: 44px;
  height: auto
}

.noJs_caution .noJsCaution_icon img {
  width: 100%
}

.noJs_caution .noJsCaution_text {
  font-size: 14px;
  width: calc(100% - 60px)
}

@media screen and (min-width:760px) {
  .noJs_caution .noJsCaution_text {
    font-size: 15px
  }
}

.socialmedia-policy {
  margin-bottom: 100px
}

.socialmedia-policy_lead {
  margin-top: 50px
}

.socialmedia-policy_group {
  margin-top: 80px
}

.socialmedia-policy .h2_ttl {
  position: relative;
  margin-bottom: 25px;
  padding-top: 3px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  background-size: auto 50px;
  background-repeat: no-repeat;
  background-position: 0 0
}

@media screen and (min-width:760px) {
  .socialmedia-policy .h2_ttl {
    font-size: 32px
  }
}

.socialmedia-policy .h2_ttl:after, .socialmedia-policy .h2_ttl:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 2px
}

.socialmedia-policy .h2_ttl:before {
  right: 0;
  background: #8cc63e
}

.socialmedia-policy .h2_ttl:after {
  width: 60px;
  background: #093
}

@media screen and (min-width:760px) {
  .socialmedia-policy .h2_ttl:after {
    width: 100px
  }
}

.socialmedia-policy_group a {
  color: #333;
  text-decoration: underline;
  -webkit-transition: .4s;
  transition: .4s
}

.socialmedia-policy_group a:hover {
  color: #093;
  -webkit-transition: .4s;
  transition: .4s
}

.socialmedia-policyGroup_list ol {
  counter-reset: count 0
}

.socialmedia-policyGroup_list ol li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  line-height: 1.8
}

.socialmedia-policyGroup_list ol li+li {
  margin-top: 10px
}

.socialmedia-policyGroup_list ol li:before {
  content: counter(count) ". ";
  counter-increment: count 1;
  margin-right: .5em
}

.socialmedia-account {
  margin-bottom: 100px
}

.socialmedia-account_lead {
  margin-top: 50px
}

@media screen and (min-width:760px) {
  .socialmedia-account_lead {
    text-align: center
  }
}

.socialmedia-account_group, .socialmedia-account_menu {
  margin-top: 60px
}

.socialmedia-account_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.socialmedia-account_menu ul li {
  -webkit-transition: .5s;
  transition: .5s;
  margin-right: 40px;
  margin-top: 10px;
}


.socialmedia-account_menu ul li:last-child {
  margin-right: 0
}

@media screen and (min-width:760px) {
  .socialmedia-account_menu ul li {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
  }
  .socialmedia-account_menu ul li+li {
    margin-left: 30px
  }
}

.socialmedia-account_menu ul li:hover {
  opacity: .5;
  -webkit-transition: .5s;
  transition: .5s
}

.socialmedia-account_menu ul li a {
  font-size: 14px;
  padding-right: 20px;
  background: url(/assets/img/socialmedia-account/arrow_down_gray.png) no-repeat 100% 50%/11px auto;
  color: #767676
}

.socialmedia-account .h2_ttl {
  position: relative;
  padding-top: 3px;
  padding-bottom: 20px;
  padding-left: 40px;
  font-size: 20px;
  font-weight: 400;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 0 0
}

@media screen and (min-width:760px) {
  .socialmedia-account .h2_ttl {
    padding-left: 70px;
    padding-bottom: 30px;
    font-size: 32px;
    background-size: 50px
  }
}

.socialmedia-account .h2_ttl:after, .socialmedia-account .h2_ttl:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 2px
}

.socialmedia-account .h2_ttl:before {
  right: 0;
  background: #8cc63e
}

.socialmedia-account .h2_ttl:after {
  width: 60px;
  background: #093
}

@media screen and (min-width:760px) {
  .socialmedia-account .h2_ttl:after {
    width: 100px
  }
}

.socialmedia-accountGroup_list {
  margin-top: 30px
}

.socialmedia-accountGroup_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (min-width:760px) {
  .socialmedia-accountGroup_list ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.socialmedia-accountGroup_list ul li {
  width: 100%;
  background-color: #f5f5f5
}

.socialmedia-accountGroup_list ul li+li {
  margin-top: 10px
}

@media screen and (min-width:760px) {
  .socialmedia-accountGroup_list ul li {
    width: 377px
  }
  .socialmedia-accountGroup_list ul li+li {
    margin-top: 0
  }
  .socialmedia-accountGroup_list ul li:nth-child(3n-1) {
    margin: 0 11px
  }
  .socialmedia-accountGroup_list ul li:nth-child(n+4) {
    margin-top: 10px
  }
}

.socialmedia-accountGroup_list ul li a {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #000;
  cursor: pointer;
  -webkit-transition: .5s;
  transition: .5s
}

.socialmedia-accountGroup_list ul li a:hover {
  opacity: .5;
  -webkit-transition: .5s;
  transition: .5s
}

.socialmedia-accountGroup_list ul li a img {
  max-width: 80px;
  margin-right: 20px;
  border: 1px solid #ddd
}

.socialmedia-accountGroup_list ul li a p {
  font-size: 16px;
  font-weight: 700
}

.socialmedia-accountGroup_list ul li a p span {
  font-size: 14px;
  display: block
}

.socialmedia-accountGroup_list ul li a p em {
  font-size: 12px;
  font-style: normal;
  color: #fff;
  background-color: #093;
  border-radius: 5px;
  padding: 2px 4px
}

@media screen and (min-width:760px) {
  .socialmedia-accountGroup_list ul li a img {
    max-width: 100px
  }
  .socialmedia-accountGroup_list ul li a p {
    font-size: 18px
  }
}

.socialmedia-account #line .h2_ttl {
  background-image: url(/assets/img/socialmedia-account/logo_line.png)
}

.socialmedia-account #twitter .h2_ttl {
  background-image: url(/assets/img/common/ico-twitter.png)
}

.socialmedia-account #instagram .h2_ttl {
  background-image: url(/assets/img/socialmedia-account/logo_instagram.png)
}

.socialmedia-account #tiktok .h2_ttl {
  background-image: url(/assets/img/socialmedia-account/logo_tiktok.png)
}

.socialmedia-account #facebook .h2_ttl {
  background-image: url(/assets/img/socialmedia-account/logo_facebook.png)
}

.socialmedia-account #youtube .h2_ttl {
  background-image: url(/assets/img/socialmedia-account/logo_youtube.png)
}

.recipeSearchModal {
  display: none;
  position: fixed;
  z-index: 10000000;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
}

.recipeSearchModal-box {
  background-color: #fff;
  margin: 10% auto;
  padding: 60px;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: .6s;
  animation-fill-mode: forwards;
  position: relative;
}

.recipeSearchModalIcon{
  position: absolute;
  top: -10%;
  right: 0;
  width: 62px;
  height: 62px;
  background-image: url(/assets/img/ouchirecipe/basic/ico-close.svg);

}


.recipeSearchModalCloseBtn {
  cursor: pointer;
  max-width: 300px;
  height: 60px;
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #169933;
  text-align: center;
  color: #fff;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.recipe_search-modal.ouchirecipe.categories .ouchirecipeCategories_list {
  max-width: 1000px;
  display: table;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.recipe_search-modal.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:last-child {
  margin-top: 0;
}

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

  .recipeSearchModal-box {
    padding: 30px 15px;
  }

  .recipe_search-modal.ouchirecipe.categories .ouchirecipeCategories_list {
    bottom: auto;
    margin: 20px ;
    top: 10%;
  }

  .recipeSearchModalIcon{
    top: -55px;
    width: 42px;
    height: 42px;
    background-size: cover;

  }

  .recipe_search-modal.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item {
    padding-top: 0;
  }

  .recipe_search-modal.ouchirecipe.categories .ouchirecipeCategories_list .ouchirecipeCategories_item:after {
    top:40px;
  }

}