@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500|Noto+Serif+JP:300,400,500&display=swap");
#contents { width: 100%; margin: 0 auto; }

#plist { position: relative; z-index: 80; }

#plist ol { margin-bottom: 0; padding-bottom: 14px; }

#dashiwotanoshimu-ninben { min-width: 960px; color: #3b302f; font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif; }

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

#dashiwotanoshimu-ninben main { display: block; }

#dashiwotanoshimu-ninben section { position: relative; z-index: 700; }

#dashiwotanoshimu-ninben img { vertical-align: bottom; }

#dashiwotanoshimu-ninben img[src$=".svg"] { max-width: 100%; }

#dashiwotanoshimu-ninben a { color: inherit; text-decoration: none; -webkit-transition: .3s; transition: .3s; }

#dashiwotanoshimu-ninben a:hover { opacity: .8; }

#dashiwotanoshimu-ninben a:hover img { opacity: 1; }

#dashiwotanoshimu-ninben .inner { margin: 0 auto; position: relative; width: 960px; height: 100%; }

#dashiwotanoshimu-ninben .fadeIn { opacity: 0; }

#dashiwotanoshimu-ninben .fadeIn.animation { -webkit-animation: fadeIn 3s .2s both; animation: fadeIn 3s .2s both; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

#dashiwotanoshimu-ninben .slideIn { opacity: 0; }

#dashiwotanoshimu-ninben .slideIn.animation { -webkit-animation: slideIn 3s .2s both; animation: slideIn 3s .2s both; }

@-webkit-keyframes slideIn { 0% { opacity: 0;
    -webkit-transform: translateX(2%);
            transform: translateX(2%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

@keyframes slideIn { 0% { opacity: 0;
    -webkit-transform: translateX(2%);
            transform: translateX(2%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

#dashiwotanoshimu-ninben .tategaki { position: relative; width: 50%; height: 100%; font-family: "Noto Serif JP", serif; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

#dashiwotanoshimu-ninben .tategaki .tategaki_inner { display: block; position: absolute; overflow: hidden; top: 0; right: 0; width: 0%; -webkit-transition: .8s .2s; transition: .8s .2s; }

#dashiwotanoshimu-ninben .tategaki h2, #dashiwotanoshimu-ninben .tategaki h3 { line-height: 1.9230769231; font-size: 26px; font-weight: 500; }

#dashiwotanoshimu-ninben .tategaki p { line-height: 2.4705882353; font-size: 17px; font-weight: 300; }

#dashiwotanoshimu-ninben .tategaki p + p { margin: 0 .5em; }

#dashiwotanoshimu-ninben .tategaki.animation .tategaki_inner { width: 100%; }

#dashiwotanoshimu-ninben .section_headline { position: relative; display: inline-block; line-height: 1; }

#dashiwotanoshimu-ninben .section_headline .kirari_wrap { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }

#dashiwotanoshimu-ninben .section_headline .kirari_wrap:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; }

#dashiwotanoshimu-ninben .section_headline .kirari_wrap:before { width: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%); -webkit-transform: translateX(-100%) skewX(-45deg); transform: translateX(-100%) skewX(-45deg); -webkit-animation: kirari 4s infinite; animation: kirari 4s infinite; }

@-webkit-keyframes kirari { 0% { -webkit-transform: scale(1) translateX(-100%) skewX(-45deg); transform: scale(1) translateX(-100%) skewX(-45deg); }
  10% { -webkit-transform: scale(3) translateX(100%) skewX(-45deg); transform: scale(3) translateX(100%) skewX(-45deg); }
  11% { -webkit-transform: scale(4) translateX(100%) skewX(-45deg); transform: scale(4) translateX(100%) skewX(-45deg); }
  20% { -webkit-transform: scale(4) translateX(100%) skewX(-45deg); transform: scale(4) translateX(100%) skewX(-45deg); }
  100% { -webkit-transform: scale(4) translateX(100%) skewX(-45deg); transform: scale(4) translateX(100%) skewX(-45deg); } }

@keyframes kirari { 0% { -webkit-transform: scale(1) translateX(-100%) skewX(-45deg); transform: scale(1) translateX(-100%) skewX(-45deg); }
  10% { -webkit-transform: scale(3) translateX(100%) skewX(-45deg); transform: scale(3) translateX(100%) skewX(-45deg); }
  11% { -webkit-transform: scale(4) translateX(100%) skewX(-45deg); transform: scale(4) translateX(100%) skewX(-45deg); }
  20% { -webkit-transform: scale(4) translateX(100%) skewX(-45deg); transform: scale(4) translateX(100%) skewX(-45deg); }
  100% { -webkit-transform: scale(4) translateX(100%) skewX(-45deg); transform: scale(4) translateX(100%) skewX(-45deg); } }

#dashiwotanoshimu-ninben .section_headline:after { margin: -10px; border: solid 1px #bea448; display: block; position: absolute; top: 0; left: auto; right: 0; width: 100%; height: 100%; content: ""; }

#dashiwotanoshimu-ninben #kv { position: relative; }

#dashiwotanoshimu-ninben #kv:before, #dashiwotanoshimu-ninben #kv:after { display: block; position: absolute; top: 0; right: 50%; width: 100%; height: 100%; content: ""; }

#dashiwotanoshimu-ninben #kv:before { margin-top: 96px; margin-right: -340px; z-index: 80; background: url(../images/dashiwotanoshimu-ninben/kv-img.jpg) no-repeat right top; }

#dashiwotanoshimu-ninben #kv:after { background: #f9f6ed; }

#dashiwotanoshimu-ninben #kv .ttl_wrap { position: relative; z-index: 90; }

#dashiwotanoshimu-ninben #kv .ttl_wrap:after { display: block; clear: both; content: ""; }

#dashiwotanoshimu-ninben #kv .kv_logo { margin-right: 20px; float: right; -webkit-animation: fadeIn 2s .5s both; animation: fadeIn 2s .5s both; }

#dashiwotanoshimu-ninben #kv .kv_copy { margin: 54px; float: right; -webkit-animation: fadeIn 2s 1.25s both; animation: fadeIn 2s 1.25s both; }

#dashiwotanoshimu-ninben #kv .kv_pkg { clear: both; padding-top: 82px; position: relative; text-align: right; -webkit-animation: fadeIn 2s 2.00s both; animation: fadeIn 2s 2.00s both; }

#dashiwotanoshimu-ninben #kv .kv_pkg_date { position: absolute; top: -20px; right: 190px; z-index: 0; }

#dashiwotanoshimu-ninben #kv .kv_pkg_date + img { position: relative; z-index: 80; }

#dashiwotanoshimu-ninben #about_ninben { padding-top: 70px; padding-bottom: 200px; position: relative; }

#dashiwotanoshimu-ninben #about_ninben:after { display: block; position: absolute; top: 0; right: 50%; width: 100%; height: 100%; content: ""; z-index: -1; background: #f9f6ed; }

#dashiwotanoshimu-ninben #about_ninben .tategaki { margin-top: 225px; margin-right: 135px; position: absolute; top: 0; right: 50%; color: #000; }

#dashiwotanoshimu-ninben #about_ninben .tategaki .tategaki_inner { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

#dashiwotanoshimu-ninben #about_ninben .tategaki p { margin: 0 15px; }

#dashiwotanoshimu-ninben #about_ninben .tategaki p + p { margin: 0 -10px; }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage { margin-top: -90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage li { position: relative; width: 175px; height: 373px; -webkit-box-shadow: 40px 40px 60px rgba(107, 83, 22, 0.35); box-shadow: 40px 40px 60px rgba(107, 83, 22, 0.35); }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage li + li { margin-left: 13px; }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage li img { position: absolute; top: -60px; left: auto; right: 66px; }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage li.misoshiru { margin-top: 120px; background: url(../images/dashiwotanoshimu-ninben/about-img-misoshiru.jpg) no-repeat right top; -webkit-animation-delay: 1s; animation-delay: 1s; }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage li.miso { margin-top: 60px; background: url(../images/dashiwotanoshimu-ninben/about-img-miso.jpg) no-repeat right top; -webkit-animation-delay: .5s; animation-delay: .5s; }

#dashiwotanoshimu-ninben #about_ninben .about-slideImage li.dashi { background: url(../images/dashiwotanoshimu-ninben/about-img-dashi.jpg) no-repeat right top; }

#dashiwotanoshimu-ninben #katsuobushi { margin-top: 100px; height: 640px; background: -webkit-gradient(linear, left top, left bottom, from(#2a2d3c), to(#1d212a)); background: linear-gradient(to bottom, #2a2d3c, #1d212a); background-size: 3426px 640px; -webkit-transition: 2s; transition: 2s; }

#dashiwotanoshimu-ninben #katsuobushi:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: url(../images/dashiwotanoshimu-ninben/katsuobushi-bgi.jpg) no-repeat center top; opacity: 0; }

#dashiwotanoshimu-ninben #katsuobushi.animation:before { -webkit-animation: fadeIn 3s .2s both; animation: fadeIn 3s .2s both; }

#dashiwotanoshimu-ninben #katsuobushi .section_headline { position: absolute; top: -30px; right: 0; }

#dashiwotanoshimu-ninben #katsuobushi .tategaki { position: absolute; top: 50px; right: 150px; height: 100%; color: #fff; }

#dashiwotanoshimu-ninben #katsuobushi .tategaki .tategaki_inner { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; -webkit-transition-delay: 0; transition-delay: 0; }

#dashiwotanoshimu-ninben #katsuobushi .tategaki p { margin: 40px 30px; }

#dashiwotanoshimu-ninben #ninben { padding: 100px 0; position: relative; z-index: 80; background: #050028; color: #fff; }

#dashiwotanoshimu-ninben #ninben .inner:after { display: block; clear: both; content: ""; }

#dashiwotanoshimu-ninben #ninben .text_area { position: absolute; top: 30px; left: 0; z-index: 90; font-family: "Noto Serif JP", serif; }

#dashiwotanoshimu-ninben #ninben .ttl_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#dashiwotanoshimu-ninben #ninben .ttl_wrap p { margin-left: 30px; width: 100%; line-height: 1.9230769231; font-size: 26px; font-weight: 500; }

#dashiwotanoshimu-ninben #ninben .ninben_txt { margin-top: 32px; width: 495px; line-height: 2; font-size: 15px; font-weight: 300; white-space: nowrap; letter-spacing: -.05em; opacity: .8; }

#dashiwotanoshimu-ninben #ninben .img_main { margin-right: -480px; position: relative; z-index: 70; float: right; }

#dashiwotanoshimu-ninben #ninben .img_sub { margin-left: -120px; margin-bottom: -195px; position: absolute; left: 50%; bottom: 0; z-index: 80; -webkit-box-shadow: 40px 40px 60px rgba(107, 83, 22, 0.35); box-shadow: 40px 40px 60px rgba(107, 83, 22, 0.35); }

#dashiwotanoshimu-ninben #howto_eat { padding: 200px 0 145px; position: relative; z-index: 70; }

#dashiwotanoshimu-ninben #howto_eat:before { display: block; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; content: ""; background: #f9f6ed; }

#dashiwotanoshimu-ninben #howto_eat .img_area { text-align: left; }

#dashiwotanoshimu-ninben #howto_eat .img_logo { position: absolute; top: 0; left: 0; }

#dashiwotanoshimu-ninben #howto_eat .img_main { margin-top: 30px; margin-left: -200px; -webkit-box-shadow: 30px 40px 60px rgba(107, 83, 22, 0.35); box-shadow: 30px 40px 60px rgba(107, 83, 22, 0.35); }

#dashiwotanoshimu-ninben #howto_eat .tategaki { position: absolute; top: 0; right: 0; }

#dashiwotanoshimu-ninben #howto_eat .tategaki .tategaki_inner { -webkit-transition: 3s .2s; transition: 3s .2s; }

#dashiwotanoshimu-ninben #howto_eat .tategaki p { margin-top: 60px; font-weight: bold; }

#dashiwotanoshimu-ninben .tategaki .headline_border-rl { padding: 0 5px; position: relative; font-size: 36px; }

#dashiwotanoshimu-ninben .tategaki .headline_border-rl:before { border-right: solid 6px #ae923c; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; }

#dashiwotanoshimu-ninben #item_info { padding-bottom: 160px; position: relative; }

#dashiwotanoshimu-ninben #item_info:before { display: block; position: absolute; top: 0; left: 50%; width: 50%; height: 255px; content: ""; background: #f9f6ed; }

#dashiwotanoshimu-ninben #item_info .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#dashiwotanoshimu-ninben #item_info .product_information { margin-top: 60px; width: 410px; font-size: 14px; }

#dashiwotanoshimu-ninben #item_info .product_information dl { border-top: solid 1px #bebebe; display: -webkit-box; display: -ms-flexbox; display: flex; }

#dashiwotanoshimu-ninben #item_info .product_information dl:last-child { border-bottom: solid 1px #bebebe; }

#dashiwotanoshimu-ninben #item_info .product_information dt, #dashiwotanoshimu-ninben #item_info .product_information dd { padding: 30px 0; }

#dashiwotanoshimu-ninben #item_info .product_information dt { width: 130px; font-weight: bold; }

#dashiwotanoshimu-ninben #item_info .product_information dd { width: 280px; }

#dashiwotanoshimu-ninben #item_info .product_information small { display: block; font-size: 12px; font-weight: normal; }

#dashiwotanoshimu-ninben #item_info .tategaki { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 80px; }

#dashiwotanoshimu-ninben #item_info .img_area { margin-top: -30px; margin-left: 25px; position: relative; }

#dashiwotanoshimu-ninben #item_info .info_pkg_date { position: absolute; bottom: -4px; left: -84px; z-index: 100; }

#dashiwotanoshimu-ninben #item_info .info_pkg_date + img { position: relative; z-index: 80; }

.pagetop { padding: 20px; }