@charset "UTF-8";
img { max-width: 100%; }

#js_fade { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; position: fixed; z-index: 2000; background: url(../images/yakiago-dashi/bg-loading.png); }

#js_fade img { width: 30%; }

#contents { margin: 0; }

#yakiago-dashi { font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-family: 'Helvetica Neue','Helvetica','Arial',"游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic",'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif; }

#yakiago-dashi .section { margin: 0 auto; width: 93.75%; }

#yakiago-dashi #main-visual { position: relative; background: url(../images/yakiago-dashi/bg-main-visual.png) no-repeat center center; background-size: cover; }

#yakiago-dashi #main-visual .img-area { padding: 8.59375% 0 0; line-height: 0; text-align: right; }

#yakiago-dashi #main-visual .img-area > img { max-width: 80%; }

#yakiago-dashi #main-visual h1 { position: absolute; top: 0; left: 0; z-index: 2; width: 50%; max-width: 296px; }

#yakiago-dashi #main-visual .lead { padding: 10.9375% 0 3.125%; position: absolute; bottom: 0; width: 100%; color: #FFF; background: url(../images/yakiago-dashi/bg-lead.png) no-repeat center center; background-size: cover; }

#yakiago-dashi #main-visual .lead p { padding-right: 20%; position: relative; line-height: 2; }

#yakiago-dashi #main-visual .lead p:after { position: absolute; top: 50%; left: 0; display: block; width: 90%; height: 1px; content: ""; background: rgba(255, 255, 255, 0.4); }

#yakiago-dashi #main-visual .lead img { position: absolute; bottom: 0; right: 0; width: 32%; }

#yakiago-dashi .point { padding: 9.375% 0; background: url(../images/yakiago-dashi/bg-gray.png); }

#yakiago-dashi .point .point-box { padding: 5.46875% 0 13.28125%; position: relative; border: 8px solid #302d8b; border-radius: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFF; text-align: center; }

#yakiago-dashi .point .point-box h2 { margin: 0 auto; width: 90%; line-height: 0; }

#yakiago-dashi .point .point-box .line { margin: 5.46875% auto 0; padding-bottom: 0.1em; width: 90%; line-height: 2.2; background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #000 1.1px, transparent 1px); background-size: 2px 2.2em; font-size: 24px; font-size: 2.4rem; font-size: 3.75vw; font-weight: bold; }

#yakiago-dashi .point .point-box .line span { font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; font-weight: normal; vertical-align: super; }

#yakiago-dashi .point .point-box .line.margin-short { margin: 3.125% auto 0; }

#yakiago-dashi .point .point-box .notes { margin: 3.90625% auto 0; width: 90%; font-size: 20px; font-size: 2rem; font-size: 3.125vw; }

#yakiago-dashi .point .point-box + .point-box { margin: 6.25% 0 0; }

#yakiago-dashi .point .point-box:after { padding-top: 13%; position: absolute; bottom: -8px; right: -18px; width: 28%; content: ""; background: url(../images/yakiago-dashi/wave.png) no-repeat center center; background-size: cover; }

#yakiago-dashi .product-list { padding: 0 0 9.375%; background: url(../images/yakiago-dashi/bg-wood.png) no-repeat center center; background-size: cover; }

#yakiago-dashi .product-list h2 { margin: 0 0 10.9375%; position: relative; background: #FFF; font-size: 56px; font-size: 5.6rem; font-size: 8.75vw; font-weight: bold; text-align: center; text-shadow: 0px 0px 5px #c9812e; -webkit-box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2); letter-spacing: .2em; }

#yakiago-dashi .product-list h2 .inner { margin: 0 auto; position: relative; z-index: 3; padding: 3.90625% 0; background: url(../images/yakiago-dashi/bg-fish.png) no-repeat left center; background-size: 22%; }

#yakiago-dashi .product-list h2:before { position: absolute; z-index: 1; bottom: -25px; left: 50%; width: 54px; height: 50px; content: ""; background: #FFF; -webkit-transform: translate(-50%, 0) rotate(145deg) skewX(20deg); transform: translate(-50%, 0) rotate(145deg) skewX(20deg); -webkit-box-shadow: 5px -5px 20px rgba(0, 0, 0, 0.3); box-shadow: 5px -5px 20px rgba(0, 0, 0, 0.3); }

#yakiago-dashi .product-list h2:after { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ""; background: #FFF; }

#yakiago-dashi .product-list .product-info { margin: 6.25% 0; width: 100%; position: relative; }

#yakiago-dashi .product-list .product-chara { padding: 3.125%; width: 64.0625%; background: url(../images/yakiago-dashi/bg-product.png) no-repeat center center; background-size: cover; }

#yakiago-dashi .product-list .product-chara dl { padding: 6.25% 9%; width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0px 0px 1rem 0px rgba(25, 12, 11, 0.2); box-shadow: 0px 0px 1rem 0px rgba(25, 12, 11, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; }

#yakiago-dashi .product-list .product-chara dl dt { margin: 0 auto; padding-bottom: 6.25%; background: url(../images/yakiago-dashi/product-border.png) no-repeat bottom; background-size: 100% auto; text-align: center; }

#yakiago-dashi .product-list .product-chara dl dt img { width: 92.9032258065%; }

#yakiago-dashi .product-list .product-chara dl dd { padding: 6.25% 0; position: relative; line-height: 1.33333; background: url(../images/yakiago-dashi/product-border.png) no-repeat bottom; background-size: 100% auto; text-align: justify; }

#yakiago-dashi .product-list .product-chara .product-pkg { position: absolute; width: 39.5%; right: -3.125%; bottom: -10%; }

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

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

#yakiago-dashi .product-list .product-composition dl dt, #yakiago-dashi .product-list .product-composition dl dd { padding: 1.6666666667% 3.3333333333%; display: table-cell; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; line-height: 1.5em; color: #403024; }

#yakiago-dashi .product-list .product-composition dl dt span, #yakiago-dashi .product-list .product-composition dl dd span { font-size: 18px; font-size: 1.8rem; font-size: 2.8125vw; }

#yakiago-dashi .product-list .product-composition dl dt { padding-right: 0; width: 23.3333333333%; line-height: 1.3; background: #dcc291; font-weight: bold; }

#yakiago-dashi .product-list .product-composition dl dd { width: 76.6666666667%; }

.pagetop { margin: 0; padding: 2.34375%; }