@keyframes animation-top-fade{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@keyframes animation-bounce{from,35%,70%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{transform:scale3d(0.9, 0.9, 0.9)}35%{transform:scale3d(1.2, 1.2, 1.2)}70%{transform:scale3d(0.9, 0.9, 0.9)}to{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes animation-pop{from{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes animation-top{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}60%{opacity:1}}@keyframes animation-menu{0%{opacity:1;transform:scale3d(1, 1, 1)}100%{opacity:1;transform:scale3d(1.05, 1.05, 1.05)}100%{opacity:1;transform:scale3d(1, 1, 1)}}#js_fade{display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:url(../images/shiokouji-commonBg.png);z-index:9999}#js_fade p,#js_fade .loader{margin:auto;width:104px;height:165px;position:absolute;top:0;right:0;bottom:0;left:0;display:block}#js_fade .loader{top:350px}#js_fade .loader span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s infinite linear;-moz-animation:3s infinite linear;-o-animation:3s infinite linear}#js_fade .loader span:nth-child(1){background:#5052a1;-webkit-animation:kiri 1.2s infinite linear;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear}#js_fade .loader span:nth-child(2){background:#dcb53e;z-index:100}#js_fade .loader span:nth-child(3){background:#f15937;-webkit-animation:kanan 1.2s infinite linear;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear}@keyframes kanan{0%{-webkit-transform:translateX(20px)}50%{-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(20px);z-index:200}}@keyframes kiri{0%{-webkit-transform:translateX(-20px);z-index:200}50%{-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(-20px)}}#shiokouji-useful-kv{width:100%;height:383px;background-image:url(../images/shiokouji-useful-kvBg.jpg),none;background-color:#f5f4f1;background-position:center top,0% 0%;background-repeat:no-repeat,no-repeat}#shiokouji-useful-kv>div{margin:0 auto;width:960px;height:383px;position:relative}#shiokouji-useful-kv>div p{margin:auto;width:532px;height:53px;position:absolute;top:0;bottom:0}#shiokouji-useful-titleArea{padding:50px 0;text-align:center}#shiokouji-useful-titleArea h3{margin:0 0 .5em 0}#shiokouji-useful-main{background:url(../images/shiokouji-useful-bg1.png);padding:20px 0 120px 0}#shiokouji-useful-main #shiokouji-useful-main-cont{margin:0 auto;padding:40px 0;width:960px}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-wrap{margin:0 0 40px 0;position:relative;height:356px}#shiokouji-useful-main #shiokouji-useful-main-cont .answer-wrap{position:absolute;top:0}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont{position:relative;z-index:20}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont:after{content:"";display:block;clear:both}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont.question .chara{animation:animation-top .5s;animation-fill-mode:both}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont .photo{float:left;width:570px}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont .text-area{padding:58px 40px;width:450px;height:310px;position:absolute;top:20px;right:0;background:url(../images/shiokouji-useful-case-questionBg.jpg) no-repeat}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont .text-area .count{padding:0 0 2em 3em;font-weight:bold;color:#cfa917}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont.answer-cont{position:relative;left:0;z-index:10}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont.answer-cont .answer{padding:50px 0 0 0;width:270px;text-align:justify}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont.answer-cont .text-area{background:url(../images/shiokouji-useful-case-answerBg.jpg) no-repeat;right:-390px}#shiokouji-useful-main #shiokouji-useful-main-cont .useful-cont .chara{position:absolute;right:20px;bottom:-40px;animation:animation-bounce .7s;animation-fill-mode:both}#shiokouji-recipe-kv{width:100%;height:383px;position:relative;background:url(../images/shiokouji-recipe-detail-titlebg.jpg?2023) no-repeat center top;background-size:cover}#shiokouji-recipe-kv p{margin:auto;width:211px;height:78px;position:absolute;top:0;right:0;bottom:0;left:0}#shiokouji-praise-kv{width:100%;height:383px;position:relative;background:url(../images/shiokouji-praise-kv.jpg) no-repeat center top;background-size:cover}#shiokouji-praise-kv p{margin:auto;width:591px;height:243px;position:absolute;top:0;right:0;bottom:0;left:0}.shiokouji-praise.bottom{padding-bottom:100px}.shiokouji-praise.gray{background:#f5f4f2}.shiokouji-praise.grayish-white{background:url(../images/shiokouji-top-bg2.jpg) repeat}.shiokouji-praise>.cont{padding:90px 0 62px;margin:0 auto;width:796px}.shiokouji-praise>.cont h2{margin:0 0 40px 0;padding:18px;background:#3d3328;color:#fff;font-size:24px;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-family:"游明朝","YuMincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","ＭＳ Ｐ明朝","MS PMincho",serif}.shiokouji-praise>.cont .movie-comment{margin:40px auto 20px auto;width:675px;text-align:left;font-size:16px;line-height:1.8}.shiokouji-praise>.cont .e-books{padding:30px 0 0 0;text-align:center}.shiokouji-praise>.cont:nth-child(n+2){padding-top:0}.shiokouji-praise>.cont.home-only-space{padding:70px 0 80px}.shiokouji-praise>.cont.home-only-space h2{margin:0 0 20px 0;padding:0;background:none;text-align:center}.shiokouji-news-wrap{background:#f5f4f2;padding-bottom:60px}.shiokouji-news-wrap .shiokouji-news-bottom{margin-bottom:100px;background:#f5f4f2}#shiokouji-secret-kv{width:100%;height:383px;background-image:url(../images/shiokouji-secret-title-bg.jpg),url(../images/shiokouji-secret-title-bg2.png);background-repeat:no-repeat,repeat-x;background-position:center top,center top;overflow:hidden}#shiokouji-secret-kv>div{margin:0 auto;width:960px;position:relative}#shiokouji-secret-kv>div p{padding:110px 0 0 110px;position:relative}#shiokouji-secret-kv>div p:before,#shiokouji-secret-kv>div p:after{content:"";display:block;position:absolute}#shiokouji-secret-kv>div p:before{width:120px;height:232px;background:url(../images/shiokouji-secret-title-img2.png) no-repeat;bottom:-35px;left:-24px}#shiokouji-secret-kv>div p:after{width:284px;height:216px;background:url(../images/shiokouji-secret-title-img1.png) no-repeat;top:20px;right:-90px}#shiokouji-secret-main{padding:60px 0 120px 0;width:100%;background:url(../images/shiokouji-secret-bg.png)}#shiokouji-secret-main .shiokouji-secret-main-cont{margin:0 auto 65px auto;padding:0 28px 28px 28px;width:960px;background:#fff;border-radius:10px;border:1px solid #eee}#shiokouji-secret-main .shiokouji-secret-main-cont:after{content:"";display:block;clear:both}#shiokouji-secret-main .shiokouji-secret-main-cont.intro-wrap{display:table}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1,#shiokouji-secret-main .shiokouji-secret-main-cont .intro2{padding:15px;display:table-cell;vertical-align:top;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1{width:670px;height:100%;background:#fffcdb;border-right:10px solid #fff}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1 p{margin:0 0 1em 0;font-weight:bold}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1 .intro-list{padding:0 70px 20px 80px}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1 .intro-list li{width:230px;display:block;text-align:left;float:left;letter-spacing:-0.05em}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1 .intro-list li:nth-child(2) figure{padding-top:30px}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1 .intro-list li:nth-child(2) figcaption{padding-left:3em}#shiokouji-secret-main .shiokouji-secret-main-cont .intro1 .intro-list li:first-child{margin-right:20px}#shiokouji-secret-main .shiokouji-secret-main-cont .intro2{width:230px;height:100%;background:#feeff2}#shiokouji-secret-main .shiokouji-secret-main-cont .intro2 .intro-list li{padding-top:60px}#shiokouji-secret-main .shiokouji-secret-main-cont .intro2 .intro-list li figure{text-align:center}#shiokouji-secret-main .shiokouji-secret-main-cont .intro-list li figure{margin:0 0 10px 0}#shiokouji-secret-main .shiokouji-secret-main-cont.cont2{padding:0 50px 30px 50px}#shiokouji-secret-main .shiokouji-secret-main-cont h2{margin:-20px auto 10px auto;padding:8px auto;width:470px;font-size:26px;text-align:center;background:#00532e;border-radius:10px;color:#fff}#shiokouji-secret-main .shiokouji-secret-main-cont h3{font-size:30px;color:#272c6a;margin:30px 0 50px -15px;padding:20px 0 20px 180px;line-height:1.2}#shiokouji-secret-main .shiokouji-secret-main-cont h3.head1{background:url(../images/shiokouji-secret-head2-bg1.png) no-repeat left center}#shiokouji-secret-main .shiokouji-secret-main-cont h3.head2{padding:0px 0 20px 180px;background:url(../images/shiokouji-secret-head2-bg2.png) no-repeat left center}#shiokouji-secret-main .shiokouji-secret-main-cont h3.head3{background:url(../images/shiokouji-secret-head2-bg3.png) no-repeat left center}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list1:after,#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2:after{display:block;content:"";clear:both}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list1 li,#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2 li{float:left}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list1 li:first-child,#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2 li:first-child{margin-right:8px}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2{margin:0 0 50px 0}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2 li{width:286px}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2 li:first-child{margin-right:0}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2 li:last-child span{padding-left:30px}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list2 span{padding:10px 20px 0 15px;display:block}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list3 p{text-align:center}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list3 ul:after{display:block;content:"";clear:both}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list3 ul li{float:left;width:50%;text-align:center}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list3 ul li:last-child img{padding-left:20px}#shiokouji-secret-main .shiokouji-secret-main-cont .secret-list3 ul p{padding:20px 20px 0 20px;text-align:left}#shiokouji-qanda-kv{width:100%;min-height:383px;position:relative;background:url(../images/shiokouji-qa-kv.jpg?2023) no-repeat center top;background-size:cover}#qanda-wrap{padding:60px 0 100px 0;width:100%;height:100%;display:block;clear:both;background:#f5f4f2}#qanda-wrap #qandaList{margin:0 auto;padding:0 0 50px 0;width:960px}#qanda-wrap #qandaList .qanda-cont{margin:0 0 20px 0}#qanda-wrap #qandaList .qanda-cont dt{background:#775037;color:#fff;height:60px;line-height:54px;position:relative;font-size:20px;transition:all .5s ease}#qanda-wrap #qandaList .qanda-cont dt span{margin-right:20px;padding-left:20px;font-family:"Oswald",sans-serif;font-weight:bold;font-size:26px;display:inline-block;width:50px;height:60px;background:#8b6247;transition:all .5s ease}#qanda-wrap #qandaList .qanda-cont dt:hover{cursor:pointer;background:#272c6a;transition:all .5s ease}#qanda-wrap #qandaList .qanda-cont dt:hover span{background:#272c6a;transition:all .5s ease}#qanda-wrap #qandaList .qanda-cont dt.icon-off:after{transform:rotateZ(180deg);transition:all .5s ease}#qanda-wrap #qandaList .qanda-cont dt:after{width:18px;height:11px;content:"";display:block;background:url(../images/shiokouji-icon-arrow-white.png) no-repeat;position:absolute;right:20px;top:24px;transition:all .5s ease}#qanda-wrap #qandaList .qanda-cont dt:before{width:1px;height:60px;background:rgba(255,255,255,.3);content:"";display:block;position:absolute;right:60px;top:0}#qanda-wrap #qandaList .qanda-cont dd{margin:15px 0;padding:30px 22px;display:none;background:#fff;border:2px solid #e4e1da}#qanda-wrap #qandaList .qanda-cont dd .answer{display:table}#qanda-wrap #qandaList .qanda-cont dd .answer .answer-head,#qanda-wrap #qandaList .qanda-cont dd .answer div{display:table-cell;vertical-align:top}#qanda-wrap #qandaList .qanda-cont dd .answer .answers-head{width:40px;font-size:30px;color:#df5e5e;font-family:"Oswald",sans-serif;font-weight:bold}#qanda-wrap #qandaList .qanda-cont dd .answer div{padding:0 0 0 20px;width:auto;border-left:2px solid #e4e1da}#shiokouji-gallery-kv{width:100%;height:383px;background:url(../images/shiokouji-gallery-title-bg.jpg) no-repeat top center;background-size:cover;overflow:hidden}#shiokouji-gallery-kv>div{margin:0 auto;width:960px;height:383px;position:relative}#shiokouji-gallery-kv>div p{margin:auto;position:absolute;width:431px;height:86px;top:0;bottom:0}.shiokouji-gallery-main{padding:60px 0 160px 0;width:100%}.shiokouji-gallery-main.cont1{background:#f5f4f2}.shiokouji-gallery-main.cont2{padding:60px 0 120px 0}.shiokouji-gallery-main.cont1-recipe,.shiokouji-gallery-main.cont2-recipe{padding:60px 0}.shiokouji-gallery-main.cont1-recipe{background:#f5f4f2}.shiokouji-gallery-main.cont3-recipe{background:#f5f4f2;padding:60px 0 120px 0}.shiokouji-gallery-main .shiokouji-gallery-main-cont{margin:0 auto;width:960px}.shiokouji-gallery-main .shiokouji-gallery-main-cont h2{margin-bottom:50px;text-align:center}.shiokouji-gallery-main .shiokouji-gallery-main-cont h2.bnr-title{margin:10px 0 30px 0}.shiokouji-gallery-main .shiokouji-gallery-main-cont h2+p{margin:10px 0 50px 0;color:#987445;text-align:center;font-size:18px}.movie-list:after{content:"";display:block;clear:both}.movie-list li{float:left;width:468px}.movie-list li:nth-child(even){margin:0 0 40px 24px}.movie-list li a{text-decoration:none;transition:all .5s ease}.movie-list li a:hover{opacity:.8;transition:all .5s ease}.movie-list li p{margin:1em 0 0 0;padding:0 0 0 2em;background:url(../images/shiokouji-gallery-icon.png) no-repeat;letter-spacing:-0.05em}#shiokouji-news-kv{width:100%;height:383px;background:url(../images/shiokouji-news-kv-bg.jpg) no-repeat top center;background-size:cover;overflow:hidden}#shiokouji-news-kv>div{margin:0 auto;width:960px;height:383px;position:relative}#shiokouji-news-kv>div p{margin:auto;position:absolute}#shiokouji-news-kv>div p.page-title{width:316px;height:48px;top:0;bottom:0}#shiokouji-news-kv>div p.kv-product{margin-right:-226px;width:auto;height:383px;bottom:0;right:0}#shiokouji-news h2,#shiokouji-media h2,#shiokouji-media-movie h2,#shiokouji-special-news h2{margin:0 0 30px 0;text-align:center}#shiokouji-news .cont,#shiokouji-media .cont,#shiokouji-media-movie .cont,#shiokouji-special-news .cont{margin:0 auto;padding:75px 0;width:960px}#shiokouji-special-news{padding:50px 0;background:url(../images/shiokouji-news-top-bg.png)}#shiokouji-special-news h3{margin-bottom:20px;text-align:center}#shiokouji-special-news .cont{padding:40px 55px 40px 260px;min-height:250px;background:#fff;border:4px solid #c6a367;box-shadow:0px 10px 10px 0px rgba(107,94,73,.15);position:relative}#shiokouji-special-news .cont:before{width:163px;height:245px;content:"";display:block;position:absolute;top:-5px;left:45px;background:url(../images/shiokouji-news-top-icon.png) no-repeat}#shiokouji-news{width:100%;background:url(../images/shiokouji-news-bg-red.png) repeat}#shiokouji-news .cont{padding-top:45px}#shiokouji-news .news-cont{padding:37px 58px 37px 37px;min-height:360px;width:100%;position:relative;display:table;background:#fff;border-radius:10px}#shiokouji-news .news-cont .news-list{padding:0 0 0 229px;display:table-cell;vertical-align:middle}#shiokouji-news .news-cont .news-list li a{padding:14px 37px 14px 0}#shiokouji-news .news-cont .news-list li a:before{right:11px}#shiokouji-news .news-cont p{position:absolute;top:54px;left:33px}.news-list{padding:0}.news-list li{border-top:1px dotted #ccc;position:relative}.news-list li:last-child{border-bottom:1px dotted #ccc}.news-list li a{padding:14px 20px 14px 0;display:block;text-decoration:none}.news-list li a:before{margin:auto 0;width:8px;height:14px;content:"";display:block;position:absolute;top:0;bottom:0;right:0;background:url(../images/shiokouji-icon-arrow-right.png) no-repeat}.news-list li.blank-link a:after{margin:0 0 0 5px;width:12px;height:12px;content:"";display:inline-block;background:url(../images/shiokouji-icon-blank.png) no-repeat}.news-list li.nolink a{pointer-events:none}.news-list li.nolink a:before,.news-list li.nolink a:after{content:none}#shiokouji-media .news-list{margin:20px auto;width:850px}#shiokouji-media-movie{padding-bottom:100px;background:#f5f4f2}body.body-fixed{width:100%;position:fixed}.fancy-fix{position:fixed !important}#contents{min-width:960px;width:100%;margin:0px;display:block}#shiokouji{position:relative;left:0;top:0;color:#512e1d;font-size:15px}#shiokouji:after{clear:both;display:block;content:""}#shiokouji a:hover img{opacity:1}#shiokouji .gnavLine,#shiokouji #suvNav ul li:last-child a:after,#shiokouji #bottomNav ul li:last-child a:after,#shiokouji #suvNav ul li:before,#shiokouji #bottomNav ul li:before{width:1px;height:20px;background:#9fa0a0;position:absolute;content:"";display:block}#shiokouji div,#shiokouji li,#shiokouji p,#shiokouji ul,#shiokouji a{box-sizing:border-box}#shiokouji .section{margin:0;padding:0}#shiokouji .section:first-child{padding-bottom:0}#shiokouji .section#shiokouji-special-news{padding:50px 0}#shiokouji #suvNav,#shiokouji #bottomNav{display:block;background:#fff;position:relative;z-index:888}#shiokouji #suvNav.nav-fix,#shiokouji #suvNav.fancy-navfix,#shiokouji #bottomNav.nav-fix,#shiokouji #bottomNav.fancy-navfix{position:fixed !important;width:100%;top:0;z-index:888}#shiokouji #suvNav ul,#shiokouji #bottomNav ul{width:960px;height:60px;margin:0 auto;text-align:left;letter-spacing:-0.4em}#shiokouji #suvNav ul li,#shiokouji #bottomNav ul li{display:inline-block;position:relative;left:-1px;font-size:16px;line-height:60px;vertical-align:top;letter-spacing:normal}#shiokouji #suvNav ul li.active:after,#shiokouji #bottomNav ul li.active:after{display:block;content:"";position:absolute;top:0;right:0px;width:10px;height:60px;background:#272c6a;z-index:10}#shiokouji #suvNav ul li.active a,#shiokouji #bottomNav ul li.active a{background:#272c6a;transition:all .5s ease;color:#fff}#shiokouji #suvNav ul li.active+li:before,#shiokouji #bottomNav ul li.active+li:before{content:none}#shiokouji #suvNav ul li:hover:before,#shiokouji #bottomNav ul li:hover:before{opacity:0;transition:all .5s ease}#shiokouji #suvNav ul li:hover+li:before,#shiokouji #bottomNav ul li:hover+li:before{opacity:0;transition:all .5s ease}#shiokouji #suvNav ul li:before,#shiokouji #bottomNav ul li:before{left:1px;top:20px;opacity:1;transition:all .5s ease}#shiokouji #suvNav ul li.top,#shiokouji #bottomNav ul li.top{line-height:0;margin-right:33px}#shiokouji #suvNav ul li.top.active:after,#shiokouji #bottomNav ul li.top.active:after{content:none}#shiokouji #suvNav ul li.top.active a,#shiokouji #bottomNav ul li.top.active a{background:none}#shiokouji #suvNav ul li.top a,#shiokouji #bottomNav ul li.top a{padding:10px 0 0 0}#shiokouji #suvNav ul li.top a:hover,#shiokouji #bottomNav ul li.top a:hover{background:#fff}#shiokouji #suvNav ul li.top:before,#shiokouji #bottomNav ul li.top:before{content:none}#shiokouji #suvNav ul li:last-child a:after,#shiokouji #bottomNav ul li:last-child a:after{right:-1px;top:20px}#shiokouji #suvNav ul li a,#shiokouji #bottomNav ul li a{padding:0px 27px;position:relative;display:block;height:100%;width:100%;text-decoration:none;font-family:"游明朝","YuMincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:15px;letter-spacing:-0.05em;font-weight:bold;transition:all .5s ease}#shiokouji #suvNav ul li a:hover,#shiokouji #bottomNav ul li a:hover{background:#272c6a;transition:all .5s ease;color:#fff}#shiokouji #title{position:relative;width:100%;margin:0;padding:0;z-index:800}#shiokouji #title #headlineMovie{width:100%;min-height:490px;max-height:490px;min-width:960px;text-align:center}#shiokouji #title #headlineMovie h1{display:block;height:237px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:999}#shiokouji #title #headlineMovie #koujiPlayer{width:100%;height:500px;text-align:center;position:relative;overflow:hidden}#shiokouji #title #headlineMovie #koujiPlayer .video-wrap{height:500px}#shiokouji #title #headlineMovie #top-movie-wrap{position:relative;width:100%;padding-top:56.25%}#shiokouji #title #headlineMovie #top-movie-wrap #top-movie{position:absolute;top:0;right:0;width:100% !important;height:100% !important;min-height:610px}#shiokouji #about-top{padding:60px 0 70px 0;height:607px;overflow:hidden;position:relative;z-index:887}#shiokouji #about-top:after{content:"";display:block;position:absolute;top:-25px;z-index:-1;width:100%;height:100%;background:url(../images/shiokouji-top-white-bg.png) no-repeat center center}#shiokouji #about-top #bgvideo{margin:0 auto;position:absolute;top:0;left:0;right:0;min-width:1200px;width:100%;z-index:-100}#shiokouji #about-top>.cont{margin:0 auto;width:944px;height:333px;position:relative;background:url(../images/shiokouji-top-area-ttl-bg.png) no-repeat center top;background-position:0 12px;text-align:center}#shiokouji #about-top>.cont h2{margin:0 0 30px 0}#shiokouji #about-top>.cont p{margin:0 0 .4em 0;font-size:17px;color:#333;font-family:"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#shiokouji #about-top>.cont .attention{position:absolute;right:25px;bottom:15px;font-size:14px}#shiokouji #about-top .btn{margin:60px auto 0 auto;width:368px;display:block}#shiokouji #about-top .btn a:hover{cursor:pointer}#shiokouji #about-top .btn a{display:block}#shiokouji #about-recipe{padding:80px 0 0 0;background:#fff;color:#000}#shiokouji #about-recipe h2{text-align:center}#shiokouji #about-recipe .about-cont{margin:0 auto 60px auto;padding:40px 30px 32px 30px;width:960px;min-height:400px;background:#fff;border:1px solid;border-color:#272c6a;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#shiokouji #about-recipe .about-cont:first-of-type{margin-top:51px}#shiokouji #about-recipe .about-cont figure{position:relative;z-index:5}#shiokouji #about-recipe .about-cont figure:after{content:"";display:block;clear:both}#shiokouji #about-recipe .about-cont figure.left{float:left;margin:0 25px 0 0}#shiokouji #about-recipe .about-cont figure.right{float:right;margin:0 0 0 25px}#shiokouji #about-recipe .about-cont .left+h3:after{right:0}#shiokouji #about-recipe .about-cont .right+h3:after{left:0}#shiokouji #about-recipe .about-cont h3{margin:0 0 30px 0;padding:0 0 30px 0;position:relative;font-size:30px;line-height:1.3;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#shiokouji #about-recipe .about-cont h3:after{position:absolute;display:block;content:"";right:0;bottom:0;width:488px;height:5px;background:url(../images/shiokouji-top-line.png) no-repeat;z-index:1}#shiokouji #about-recipe .about-cont p{font-size:16px;line-height:2;text-align:justify;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#shiokouji .link-list{margin:27px 0 0 0}#shiokouji .link-list li{margin:0 0 .5em 0;position:relative}#shiokouji .link-list li a{margin:1em 0 0 0;padding:0 0 0 0;text-decoration:none;transition:all .5s ease}#shiokouji .link-list li a:before{margin:0 10px 0 0;content:"";position:relative;top:4px;display:inline-block;width:20px;height:20px;background:url(../images/shiokouji-gallery-icon.png) no-repeat}#shiokouji .link-list li a:hover{opacity:.8;transition:all .5s ease}#shiokouji .bottom-page-bnr{padding:0 0 120px 0;width:100%;background:#fff}#shiokouji .bottom-page-bnr ul{margin:0 auto;width:960px}#shiokouji .bottom-page-bnr ul:after{content:"";display:block;clear:both}#shiokouji .bottom-page-bnr ul li{margin:0 20px 0 0;float:left}#shiokouji .bottom-page-bnr ul li:last-child{margin:0}#shiokouji #bottom-area{margin:80px 0 0 0;width:100%;position:relative;background:url(../images/shiokouji-commonBg.png)}#shiokouji #bottom-area.bg-gray{margin:0}#shiokouji #bottom-area:before{content:"";display:block;width:100%;height:16px;background:url(../images/shiokouji-commonBg-top.png) repeat-x;position:absolute;top:-16px}#shiokouji #bottom-area .bottom-bnr{margin:0 auto;width:340px;height:160px;position:relative;top:-80px}#shiokouji #bottom-area .bottom-bnr a img:hover{animation:animation-pop .5s ease;animation-fill-mode:both}#shiokouji #bottom-area .bottom-bnr p{position:absolute}#shiokouji #bottom-area .bottom-bnr p:first-child{margin:6px 0 0 36px}#shiokouji #bottom-area .bottom-bnr p:last-child{right:28px;top:9px}#shiokouji #bottom-area #shiokouji-pagetop{margin:0 auto;padding:25px 0;width:960px;text-align:center;background:url(../images/shiokouji-pagetop-line.png) no-repeat center top}#shiokouji #bottom-area #shiokouji-pagetop a img:hover{animation:animation-pop .5s ease;animation-fill-mode:both}.remodal .cont{padding:210px 30px 30px 30px;background:url(../images/shiokouji-dekirumade-kv.jpg) no-repeat center top}.remodal .cont .categoryNav{margin:110px 0 45px 0;text-align:left}.remodal .cont .categoryNav p{padding-left:1em}.remodal .cont .categoryNav li{position:relative}.remodal .cont .categoryNav li:nth-child(1){left:10px}.remodal .cont .categoryNav li:nth-child(2){left:240px;top:-20px}.remodal .cont .categoryNav li:nth-child(3){left:25px;top:-20px}.remodal .cont .categoryNav li{padding:0 0 0 25px;font-size:14px;width:220px;height:58px;line-height:58px;display:block;text-decoration:none;background:url(../images/shiokouji-dekirumade-categorybg.png) no-repeat}.remodal .cont #step1,.remodal .cont #step2,.remodal .cont #step3{margin:0 0 20px 0}.remodal .cont #step1:after,.remodal .cont #step2:after,.remodal .cont #step3:after{content:"";display:block;clear:both}.remodal .cont #step1 li,.remodal .cont #step2 li,.remodal .cont #step3 li{float:left}#btlDesign{padding:78px 0px 80px 5px}#btlDesign h2{text-align:center}#btlDesign .flex_box{margin:20px auto 0;margin:52px auto 0;display:flex;align-items:flex-start;justify-content:space-between;width:960px;color:#000}#btlDesign .flex_box>img{margin:1px 0 0 -2px}#btlDesign .check_img_list{margin:-2px -10px 0 0;display:flex;align-items:flex-start}#btlDesign .check_img_list li{margin:0 20px}#btlDesign .check_img_list p{margin-top:6px;line-height:1.35;font-size:20px;text-align:center}#btlDesign .otherbox{margin:48px 0 0 14px;padding-bottom:26px;width:714px;background:url(../images/shiokouji/index/newbtl-waku-btm.jpg) no-repeat center bottom,url(../images/shiokouji/index/newbtl-waku-mid.jpg) repeat center center;background-size:100% auto,100% auto;text-align:center}#btlDesign .otherbox ul{margin:-2px 0 0;display:inline-block}#btlDesign .otherbox li{padding-left:35px;position:relative;text-align:left;font-size:18px}#btlDesign .otherbox li+li{margin-top:5px}#btlDesign .otherbox li:before{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:27px;height:26px;background:url(../images/shiokouji/index/newbtl-icon-check.png) no-repeat;content:""}#btlDesign .otherbox small{margin-top:10px;display:block;color:#454545;font-size:16px;letter-spacing:-0.075em}#btlDesign .btlDesign-wrap{position:relative;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#btlDesign .btlDesign-wrap li{list-style:none}#btlDesign .btlDesign-wrap li h3{font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#btlDesign .btlDesign-wrap .btlDesign-box-left{padding:70px 40px 0;position:relative;width:325px;height:565px;background:url(../images/shiokouji/index/newbtl-waku-left.png) no-repeat center;background-size:100% auto,100% auto;text-align:center;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#btlDesign .btlDesign-wrap .btlDesign-box-left ul{margin:-3px 0 0;display:inline-block}#btlDesign .btlDesign-wrap .btlDesign-box-left li{padding-bottom:2px;padding-left:7px;position:relative;text-align:left;font-size:15px;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#btlDesign .btlDesign-wrap .btlDesign-box-left li+li{margin-top:5px}#btlDesign .btlDesign-wrap .btlDesign-box-left li:before{display:block;position:absolute;top:48%;left:-20%;transform:translateY(-50%);width:20px;height:20px;background:url(../images/shiokouji/index/newbtl-icon-link.png) no-repeat;content:""}#btlDesign .btlDesign-wrap .btlDesign-box-left img{padding-bottom:26px}#btlDesign .btlDesign-wrap .btlDesign-box-left p{padding-bottom:34px;letter-spacing:.08em;line-height:1.6;font-size:17px;text-align:left}#btlDesign .btlDesign-wrap .btlDesign-box-left a{text-decoration:none}#btlDesign .btlDesign-wrap .btlDesign-box-right{font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}#btlDesign .btlDesign-wrap .btlDesign-box-right h3{font-size:30px}#btlDesign .btlDesign-wrap .btlDesign-box-right ul{padding:28px 37px}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_pkg{margin:0 0 18px 0px;position:relative;width:328px;height:168px;background:url(../images/shiokouji/index/walu_new_pkg.png) no-repeat center;background-size:100% auto,100% auto}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_pkg h3{font-weight:500;padding:0 0 7px 0}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_pkg p{line-height:2;letter-spacing:.08em}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_bottle{margin:0 0 20px 0;position:relative;width:328px;height:144px;background:url(../images/shiokouji/index/walu_new_bottle.png) no-repeat center;background-size:100% auto,100% auto}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_bottle h3{font-weight:500}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_mark{position:relative;width:328px;height:214px;background:url(../images/shiokouji/index/walu_new_mark.png) no-repeat center;background-size:100% auto,100% auto}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_mark h3{font-weight:500;padding:0 0 7px 0}#btlDesign .btlDesign-wrap .btlDesign-box-right .new_mark p{line-height:2;letter-spacing:.08em}#btlDesign .btlDesign-wrap .list-center{display:block;position:absolute;top:0;left:245px}#new-product{background:#f4f5f5;padding:80px 0}#new-product .cont{display:flex;width:960px;height:533px;margin:0 auto;position:relative;background:url(../images/shiokouji/index/new-product-waku-left.png) no-repeat,#fff;background-position-y:1px}#new-product .cont .cont-text{padding-left:40px;position:absolute;top:50%;transform:translate(0, -50%)}#new-product .cont .cont-text p{padding-top:25px;line-height:1.6;font-size:17px;color:#000;font-family:"Zen Kaku Gothic New",sans-serif,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;letter-spacing:.08em}#new-product .cont .cont-pkg{width:50%;position:absolute;right:0;height:533px;background-image:linear-gradient(0deg, rgb(95, 178, 130), rgb(138, 196, 156))}#new-product .cont .cont-pkg::after{content:url(../images/shiokouji/index/new-product-waku-right.png);position:absolute;bottom:-5px}#new-product .cont .cont-pkg img{display:block;padding:39px 0 0 61px}.shiokouji-praise>.cont.home-only-space{padding:85px 80px;text-align:center}.shiokouji-praise>.cont.home-only-space h2{margin:0 0 12px 3px}.shiokouji-praise>.cont.home-only-space .lead{line-height:1.6;color:#454545;letter-spacing:.05em}.shiokouji-praise>.cont.home-only-space .thumb_list{margin-top:33px;display:flex;align-items:flex-start;justify-content:center}.shiokouji-praise>.cont.home-only-space .thumb_list li{margin:0 13px}.shiokouji-praise>.cont.home-only-space .thumb_list p{margin:10px 47px;position:relative;letter-spacing:.05em;line-height:1.6;color:#000;text-align:left}.shiokouji-praise>.cont.home-only-space .thumb_list p:before{display:block;position:absolute;top:2px;left:-10px;transform:translateX(-100%);width:20px;height:20px;background:url(../images/shiokouji/index/youtube-arrow.png) no-repeat;background-size:contain;content:""}.shiokouji-praise>.cont.home-only-space .thumb_list+a{margin-top:24px;display:inline-block}.hanamaru-recipe{margin:0 auto;padding:80px 0;display:block;background:url(../images/shiokouji-top-bg.jpg) repeat;text-align:center}.grecaptcha-badge{z-index:999}#shiokouji .nav-fix-parent+.section{padding-top:60px}