@-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); } }

@-moz-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); } }

@-moz-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; -moz-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; -moz-animation-fill-mode: both; animation-fill-mode: both; }

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

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

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

#js_fade p { width: 255px; height: 185px; 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"); }

#tomamiso-shiru-top { min-width: 960px; font-family: MyYuGothicM, YuGothic, sans-serif; }

#tomamiso-shiru-top div, #tomamiso-shiru-top ul, #tomamiso-shiru-top li, #tomamiso-shiru-top div, #tomamiso-shiru-top p, #tomamiso-shiru-top dl, #tomamiso-shiru-top dt, #tomamiso-shiru-top dd { box-sizing: border-box; }

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

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

#tomamiso-shiru-top .clearfix, #tomamiso-shiru-top #cont-story > .section ul:after, #tomamiso-shiru-top #cont-recipe .recipe > ul:after, #tomamiso-shiru-top #product-list .product-info:after { content: ''; display: block; clear: both; }

#tomamiso-shiru-top #main-visual { padding: 60px 0 0 0; height: 640px; position: relative; text-align: center; z-index: 1; }

#tomamiso-shiru-top #main-visual:after { content: ''; display: block; position: absolute; top: 0; z-index: -1; width: 100%; height: 640px; background: url(../images/tomamiso-shiru/tomamiso-shiru-kvbg.jpg) no-repeat center center; background-size: cover; }

#tomamiso-shiru-top #main-visual > .section h1 { line-height: 0; }

#tomamiso-shiru-top #main-visual > .section ul.top-pkg { margin: -10px auto 0 auto; width: 825px; position: relative; z-index: 2; }

#tomamiso-shiru-top #main-visual > .section ul.top-pkg:after { content: ''; display: block; clear: both; }

#tomamiso-shiru-top #main-visual > .section ul.top-pkg li { float: left; }

#tomamiso-shiru-top #cont-story { padding: 120px 0 100px 0; position: relative; background: url(../images/tomamiso-shiru/tomamiso-shiru-bg1.png); }

#tomamiso-shiru-top #cont-story > .section { padding: 35px; background: #fff; border-radius: 10px; box-shadow: 0px 7px 0px 0px rgba(25, 12, 11, 0.05); }

#tomamiso-shiru-top #cont-story > .section h3 { margin: 0 0 40px 0; text-align: center; }

#tomamiso-shiru-top #cont-story > .section li { margin: 0 0 35px 0; width: 430px; float: left; }

#tomamiso-shiru-top #cont-story > .section li:nth-child(odd) { margin-right: 25px; }

#tomamiso-shiru-top #cont-story > .section li figure { width: 430px; height: 200px; position: relative; border: 1px solid #e0d9c5; background: #f8f5ec; border-radius: 10px; text-align: center; }

#tomamiso-shiru-top #cont-story > .section li figure img { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }

#tomamiso-shiru-top #cont-story > .section li figure.figure3 img { left: 15%; }

#tomamiso-shiru-top #cont-story > .section li figure.figure4 img { top: 10%; }

#tomamiso-shiru-top #cont-story > .section li dt { margin: 0 0 20px; padding: 20px 0; font-size: 22px; color: #693206; text-align: center; border-bottom: 2px solid #e3e0d6; }

#tomamiso-shiru-top #cont-story > .section li dd { font-size: 16px; }

#tomamiso-shiru-top #cont-recipe { padding: 0 0 60px 0; background: url(../images/tomamiso-shiru/tomamiso-shiru-bg2.png); }

#tomamiso-shiru-top #cont-recipe > .section:after { content: ''; display: block; clear: both; }

#tomamiso-shiru-top #cont-recipe h3 { margin: -35px 0 30px 0; position: relative; z-index: 2; }

#tomamiso-shiru-top #cont-recipe .recipe { padding: 37px 37px 20px 37px; width: 468px; position: relative; background: #fffded; border-radius: 10px; box-shadow: 7px 7px 0px 0px rgba(25, 12, 11, 0.05); }

#tomamiso-shiru-top #cont-recipe .recipe:first-of-type { float: left; }

#tomamiso-shiru-top #cont-recipe .recipe:last-of-type { float: right; }

#tomamiso-shiru-top #cont-recipe .recipe:after { content: ''; display: block; position: absolute; top: 7px; left: 7px; width: 452px; height: 97%; border: 1px solid #fad7b9; }

#tomamiso-shiru-top #cont-recipe .recipe h4 { margin: 0 0 45px 0; text-align: center; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li { width: 185px; height: auto; float: left; position: relative; font-size: 15px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:after { width: 40px; height: 40px; content: ''; display: block; position: absolute; top: 0; left: 0; background: url(../images/tomamiso-shiru/tomamiso-shiru-icon.png) no-repeat top left; background-size: 160px 160px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(1):after { background-position: 0px -3px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(2):after { background-position: -41px -40px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(3):after { background-position: -76px -77px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(4):after { background-position: -110px -115px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li.full { width: 100%; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(odd) { margin-right: 20px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(1), #tomamiso-shiru-top #cont-recipe .recipe > ul li:nth-child(2) { margin-bottom: 40px; height: 225px; }

#tomamiso-shiru-top #cont-recipe .recipe > ul li:last-child { margin-bottom: 30px; }

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

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

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

#tomamiso-shiru-top #product-list .product-info .product-chara { float: left; }

#tomamiso-shiru-top #product-list .product-info .product-composition { float: right; }

#tomamiso-shiru-top #product-list .product-chara { padding: 18px; width: 328px; height: 340px; position: relative; }

#tomamiso-shiru-top #product-list .product-chara.new1 { background: #cddfa3; }

#tomamiso-shiru-top #product-list .product-chara.new2 { background: #edbab3; }

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

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

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

#tomamiso-shiru-top #product-list .product-chara .product-pkg { position: absolute; bottom: 15px; right: -120px; }

#tomamiso-shiru-top #product-list .product-composition { padding-top: 40px; width: 490px; }

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

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

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

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

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

#tomamiso-shiru-top #product-list .product-composition dl dd { letter-spacing: -0.05em; }

#tomamiso-shiru-top .section { margin: 0 auto; width: 960px; }

#tomamiso-shiru-top .section-full { width: 100%; }