@charset "UTF-8";


/* sass */
.anime-inview { opacity: 0; transition: opacity 1s ease-in-out; }

.anime-inview.inview { opacity: 1; }

.anime-sequential { opacity: 0; transition: opacity 1s ease-in-out; }

.anime-sequential.show { opacity: 1; }

.anime-mainvisual-pc { display: none; position: relative; padding-bottom: 56.25%; }

.anime-mainvisual-pc .mv-anime-pc { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; opacity: 0; transition: opacity 1s ease-in-out; }

.anime-mainvisual-pc .mv-anime-pc.show { opacity: 1; }

.wave-z { position: relative; }

.wave-z .l-inner { z-index: 1; }

.wrap-wave-clip { position: absolute; padding-top: 33%; padding-bottom: 50.4596%; z-index: -1; width: 100%; overflow: hidden; }

.wrap-wave-clip .wrap-canvas { position: relative; aspect-ratio: 1920 / 1080; width: 750px; left: 50%; top: 4px; transform: translateX(-50%); }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

body { color: #333; font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", sans-serif; background: #fff; font-size: 1.6em; line-height: 1; }

@keyframes blur { from { filter: blur(40px);
    filter: brightness(0%); }
  to { filter: blur(0);
    filter: brightness(100%); } }

[data-cmnjs-inview] { opacity: 0; transition: all 1.8s; transform: translateY(50px); }

.inview { position: relative; opacity: 1; transform: translateY(0); }

.koiuma-contents { margin: 0; padding: 0; }

.koiuma-contents img { max-width: 100%; height: auto; }

.koiuma-contents .img-txt { font-size: 0; line-height: 0; margin: 0; padding: 0; }

.koiuma-contents .koiuma-main-wrap { margin: 0; padding: 0; background: transparent url("/foods/koiuma/images/bg-all.jpg") repeat-y center top; background-size: contain; }

.koiuma-contents .koiuma-main { max-width: 1000px; margin: 0 auto; background: transparent url("/foods/koiuma/images/bg-main.jpg") repeat-y center top; background-size: cover; }

.koiuma-contents .koiuma-main p, .koiuma-contents .koiuma-main h2, .koiuma-contents .koiuma-main h3 { font-size: 0; line-height: 0; margin: 0; padding: 0; }

.koiuma-contents .koiuma-main-title { margin: 0; padding: 0; font-size: 0; line-height: 0; transform: translateY(0); }

.koiuma-contents .koiuma-main-title.inview { position: relative; opacity: 1; transform: translateY(0); animation: blur 2s forwards; }

@media print, all and (min-width: 769px) { .anime-mainvisual-pc { display: block; } .wrap-wave-clip { padding-top: 0%; }
  .wrap-wave-clip .wrap-canvas { width: 1800px; } }