@-webkit-keyframes animation-menu { 0% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes animation-menu { 0% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% { opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

.centerBox, .spinner, #js_fade p { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.spinner { width: 77px; height: 20px; top: 220px; }

.spinner > div { width: 15px; height: 15px; background-color: #46a036; margin-left: 5px; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; background: #aed04c; }

.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; background: #fac524; }

.spinner .bounce3 { background: #e60012; }

#js_fade { width: 100%; height: 100%; display: block; background: #ed6c00; position: fixed; z-index: 2000; background: url(../images/omiso-okasan/omiso-okasan-bg1.png); }

#js_fade p { width: 270px; height: 144px; bottom: 0; }

@font-face { font-family: 'MyYuGothicM'; font-weight: normal; src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); }

@font-face { font-family: 'MyYuGothicM'; font-weight: bold; src: local("YuGothic-Bold"), local("Yu Gothic"); }

#omiso-okasan-top { min-width: 960px; font-family: MyYuGothicM, YuGothic, sans-serif; overflow: hidden; }

#omiso-okasan-top div, #omiso-okasan-top ul, #omiso-okasan-top li, #omiso-okasan-top div, #omiso-okasan-top p, #omiso-okasan-top dl, #omiso-okasan-top dt, #omiso-okasan-top dd, #omiso-okasan-top figure, #omiso-okasan-top figcaption { -webkit-box-sizing: border-box; box-sizing: border-box; }

#omiso-okasan-top .bg-shadow, #omiso-okasan-top #main-visual:before { content: ''; display: block; position: absolute; bottom: -11px; left: 0; width: 100%; height: 11px; background: url(../images/omiso-okasan/omiso-okasan-bg-shadow.png); }

#omiso-okasan-top .bg-shadow-top, #omiso-okasan-top #product-list:after { content: ''; display: block; position: absolute; top: -11px; left: 0; width: 100%; height: 11px; background: url(../images/omiso-okasan/omiso-okasan-bg-shadow-top.png); z-index: 10; }

#omiso-okasan-top .clearfix, #omiso-okasan-top #chara-cont #detail ul:after, #omiso-okasan-top #product-list .product-info:after { content: ''; display: block; clear: both; }

#omiso-okasan-top #main-visual { padding: 40px 0 0 0; height: 600px; position: relative; background: url(../images/omiso-okasan/omiso-okasan-bg-green.png); }

#omiso-okasan-top #main-visual > .section { position: relative; }

#omiso-okasan-top #main-visual > .section h1 { position: absolute; right: 0; z-index: 3; }

#omiso-okasan-top #main-visual > .section p.copy { padding: 105px 0 0 0; text-align: center; position: relative; z-index: 2; }

#omiso-okasan-top #main-visual .main-pkg { position: absolute; left: -25%; top: -50px; transition: ease 1s; -webkit-transition: ease 1s; -moz-transition: ease 1s; }

@media screen and (max-width: 960px) { #omiso-okasan-top #main-visual .main-pkg { left: -25%; } }

@media screen and (min-width: 1100px) { #omiso-okasan-top #main-visual .main-pkg { left: -15%; } }

@media screen and (min-width: 1260px) { #omiso-okasan-top #main-visual .main-pkg { left: -10%; } }

@media screen and (min-width: 1600px) { #omiso-okasan-top #main-visual .main-pkg { left: 0%; } }

#omiso-okasan-top #chara-cont { position: relative; background: url(../images/omiso-okasan/omiso-okasan-bg-white.png); height: 870px; }

#omiso-okasan-top #chara-cont:before { content: ''; display: block; position: absolute; top: -120px; left: -5%; width: 110%; height: 300px; background: url(../images/omiso-okasan/omiso-okasan-bg-white.png); border-radius: 50%; }

#omiso-okasan-top #chara-cont #top-pkg { position: relative; z-index: 2; position: relative; top: -240px; }

#omiso-okasan-top #chara-cont #top-pkg li { display: inline-block; vertical-align: bottom; position: relative; left: 125px; float: left; }

#omiso-okasan-top #chara-cont #top-pkg li:last-child { margin-right: 155px; position: absolute; right: 0; left: auto; float: right; }

#omiso-okasan-top #chara-cont #top-pkg li span { display: block; font-size: 16px; color: #6a3307; text-align: center; line-height: 1.37; font-weight: bold; }

#omiso-okasan-top #chara-cont #top-pkg:after { display: block; clear: both; content: ""; }

#omiso-okasan-top #chara-cont #detail { padding: 40px 30px; position: relative; top: -170px; background: #fff; border-radius: 10px; -webkit-box-shadow: 7px 7px 0px 0px rgba(25, 12, 11, 0.05); box-shadow: 7px 7px 0px 0px rgba(25, 12, 11, 0.05); }

#omiso-okasan-top #chara-cont #detail h3 { margin: 0 0 45px 0; text-align: center; }

#omiso-okasan-top #chara-cont #detail ul li { float: left; width: 428px; }

#omiso-okasan-top #chara-cont #detail ul li:first-child { margin-right: 25px; }

#omiso-okasan-top #chara-cont #detail ul li figure { padding: 30px; text-align: center; height: 200px; background: #f8f5ec; border: 1px solid #e0d9c5; border-radius: 10px; position: relative; }

#omiso-okasan-top #chara-cont #detail ul li figcaption { padding: 20px; text-align: center; border-bottom: 1px solid #e0d9c5; font-size: 22px; color: #693206; font-weight: bold; }

#omiso-okasan-top #chara-cont #detail ul li p { padding: 20px 0 0 0; font-size: 16px; color: #403024; line-height: 1.75; letter-spacing: -.025em; }

#omiso-okasan-top #product-list { clear: both; padding: 70px 0 80px 0; background: url(../images/omiso-okasan/omiso-okasan-bg1.png); position: relative; }

#omiso-okasan-top #product-list h3 { margin: 0 0 60px 0; text-align: center; }

#omiso-okasan-top #product-list .product-info:first-of-type { margin-bottom: 70px; }

#omiso-okasan-top #product-list .product-info .product-chara { float: left; }

#omiso-okasan-top #product-list .product-info .product-composition { float: right; }

#omiso-okasan-top #product-list .product-chara { padding: 18px; width: 328px; height: 325px; position: relative; }

#omiso-okasan-top #product-list .product-chara.new1 { background: url(../images/omiso-okasan/omiso-okasan-product-bg1.png); }

#omiso-okasan-top #product-list .product-chara.new2 { background: url(../images/omiso-okasan/omiso-okasan-product-bg2.png); }

#omiso-okasan-top #product-list .product-chara dl { padding: 20px; width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0px 0px 6px 0px rgba(25, 12, 11, 0.2); box-shadow: 0px 0px 6px 0px rgba(25, 12, 11, 0.2); }

#omiso-okasan-top #product-list .product-chara dl dt { margin: 0 0 15px 0; text-align: center; }

#omiso-okasan-top #product-list .product-chara dl dd { padding: 15px 0 30px 55px; min-height: 190px; font-size: 16px; color: #a2792e; line-height: 1.35; background: url(../images/omiso-okasan/omiso-okasan-product-detailbg.png) no-repeat; }

#omiso-okasan-top #product-list .product-chara .product-pkg { position: absolute; bottom: 0px; right: -162px; }

#omiso-okasan-top #product-list .product-composition { padding-top: 20px; width: 490px; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

#omiso-okasan-top #product-list .product-composition dl { width: 100%; display: table; border-top: 1px dotted #958b63; }

#omiso-okasan-top #product-list .product-composition dl:last-of-type { border-bottom: 1px dotted #958b63; }

#omiso-okasan-top #product-list .product-composition dl dt, #omiso-okasan-top #product-list .product-composition dl dd { padding: 12px 0 12px 20px; display: table-cell; font-size: 16px; line-height: 1.5em; color: #403024; }

#omiso-okasan-top #product-list .product-composition dl dt span, #omiso-okasan-top #product-list .product-composition dl dd span { font-size: 12px; }

#omiso-okasan-top #product-list .product-composition dl dt { width: 140px; background: #fff; font-weight: bold; }

#omiso-okasan-top .section { margin: 0 auto; width: 960px; }

#omiso-okasan-top .section-full { width: 100%; }

.pagetop { padding: 1em; }