@charset "UTF-8"; .header__navi { display: none; /* reset */ } .main { padding-top: 0; /* reset */ } @media print { .header { position: relative; } } body { font-size: 16px; line-height: 1.8; color: #000; font-variant-east-asian: proportional-width; letter-spacing: 0.04em; font-weight: 500; } .article-single-body:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { .article-single-body:not(:last-child) { margin-bottom: 116px; } } .article-single-body img:not(:last-child), .article-single-body figure:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .article-single-body img:not(:last-child), .article-single-body figure:not(:last-child) { margin-bottom: 29px; } } .article-single-body img.rounded, .article-single-body figure.rounded { border-radius: 32px; overflow: hidden; } .article-single-body img, .article-single-body picture { width: 100%; display: block; } .article-single-body p:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .article-single-body p:not(:last-child) { margin-bottom: 29px; } } @media (max-width: 768px) { .article-single-share_wrap { position: relative !important; } } @media (max-width: 768px) { .article-single-share__item { width: 34px; } } .l-section:not(:last-child) { margin-bottom: 32px; } @media (min-width: 768px) { .l-section:not(:last-child) { margin-bottom: 58px; } } .l-block:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .l-block:not(:last-child) { margin-bottom: 29px; } } .tu_bg_wide .contents_width--wide { width: 100%; } @media (min-width: 768px) { .tu_bg_wide .contents_width--wide { max-width: calc(var(--widthDefault) + 70px); } } @media (min-width: 768px) { .tu_bg_wide .contents_width--narrow { max-width: calc(var(--widthDefault) - 210px); } } @media (min-width: 768px) { .tu_bg_wide .contents_width--cond { max-width: calc(var(--widthDefault) - 420px); } } .tu_bg_wide .contents_width--full { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 100%; } .contents_width__inner { position: relative; } .nav-content__trigger { position: absolute; left: 0; bottom: 100%; width: 1px; height: 400vh; background-color: transparent; pointer-events: none; } .nav-content { position: fixed; left: calc(var(--sidePaddingSp1) / 2); transform: translateY(50%); bottom: calc(var(--sidePaddingSp1) / 2); width: calc(100% - var(--sidePaddingSp1)); background-color: #fff; z-index: 800; border-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 0 1.8em 1px rgba(0, 0, 0, 0.2); transition-property: transform,opacity; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; opacity: 0; } @media (min-width: 768px) { .nav-content { display: none; } } .nav-content__trigger:not(.is-activing) + .nav-content:not(.is-activing) { transition-duration: 0.2s; transform: translateY(0); opacity: 1; } .nav-content__list { display: -ms-grid; display: grid; align-items: center; -ms-grid-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr); } .nav-content__list__item { padding: 4vw 6vw; position: relative; height: 100%; } .nav-content__list__item:nth-child(1) { padding-right: 12vw; grid-column: 1/-2; } .nav-content__list__item:nth-child(1)::before { content: ""; position: absolute; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; right: 6vw; transform: translateX(50%); width: 13px; height: 13px; background-image: url('data:image/svg+xml;utf8,>'); } .nav-content__list__item:nth-child(2) { grid-column: -2/-1; } .nav-content__list__item:nth-child(2)::before { content: ""; position: absolute; left: 0; top: 1em; width: 2px; background-color: #f0f0f0; height: calc(100% - 2em); } .nav-content__list__item__inner { display: block; } .nav-content__list__item__inner__str { line-height: 1; font-size: 10px; text-align: center; display: block; position: absolute; left: 0; bottom: 1em; width: 100%; } @media (min-width: 768px) { .only--sp { display: none !important; } } @media (max-width: 768px) { .only--pc { display: none !important; } } .imgset--1x2-2 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; } .imgset--1x2-2 .imgset__item:first-child { grid-column: 1/-1; grid-row: 1/2; } .imgset--1x2-2 .imgset__item:nth-child(2) { grid-column: 1/2; grid-row: 2/3; } .imgset--1x2-2 .imgset__item:nth-child(3) { grid-column: 2/3; grid-row: 2/3; } .imgset--1xi .imgset__item:nth-child(2) { max-width: 40vw; margin-top: -20vw; margin-right: auto; margin-left: auto; border-radius: 50%; border: 4px solid #e84124; overflow: hidden; position: relative; z-index: 100; } @media (min-width: 768px) { .imgset--1xi .imgset__item:nth-child(2) { max-width: calc(var(--widthDefault) - 980px); margin-top: calc((var(--widthDefault) - 980px) * -0.5); } } @media (min-width: 768px) { main { margin-top: 0 !important; } } .tu_header { position: relative; z-index: 200; overflow: hidden; margin-bottom: 48px; } @media (min-width: 768px) { .tu_header { padding-top: var(--heightHeaderPc); margin-bottom: 116px; } } .tu_header__inner { position: relative; width: 100%; padding-top: 66.6666666667%; } @media (min-width: 768px) { .tu_header__inner { padding-top: calc(50% + var(--heightHeaderPc)); } .tu_header__inner::before { content: ""; position: absolute; z-index: 202; left: 0; bottom: -1px; height: 10vw; width: 100%; pointer-events: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADwAAAAA8CAYAAADby08CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LmRlZTNhNzcwMywgMjAyMi8wOC8xOC0xNjo1MDozMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NmFiOTc0Ny1lZGRjLTQ4YmQtYTgwNC1hY2Q1MmMxODY4YTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ4OTk4QTMwMUUyMTFFRjhGOTRGQTEyRkVGMTkyRDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTQ4OTk4QTIwMUUyMTFFRjhGOTRGQTEyRkVGMTkyRDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkODQ1ODdjMy0wMTNhLTQ3NDQtOGFmMy1lZTE5Yjc5MjVhOGYiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZGQxZWQ1OC1lMjhiLTRlNGUtYjY5MS0yZGZhYWYzNTJkODYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47xuwLAAAb7UlEQVR42uzdfZRcZZ0n8KdDwktIyAsBAoEQCO9gUHwDXxAclXFABUFARhCOKOrojoqCyKtC0NE5znpmz5l/1p1dQQdBVsej48F1dXXWYRx1ZsQZdcJLCBDeSScEAnmt/T17b6RSqe6+Vanqrqr+fM75nnTfeu6tW0/dSld33d/9DdVqtftSSrPTC74Y+c+RZ9LYZkampupqkbWRzRXHz4pMqVv36ciWBAAAAAAAAAAAAAAAAAAA/W9GZFrDslou3j2oYeGpkZWRmyMbR9ngHpE/juzTwk7k7d0e+V2FsfPL7c8sv38+ckvkfs8lAAAAAAAAAAAAAAAAAAB9Lhf+viNyYMPy53IB8JpUdNrd6vhUdATO3XbvGWWjL4l8KrJ/CzuSu/dOj9xaYexJkavr9m19KroBf7fifW2K3B3Z4PkHAAAAAAAAAAAAAAAAAKCi3Hw3N8V9aIxxuXvvwZGhNu/nkMhlkSMalj89VKvVVsUXc5qslItn142y0T3S9t2Dq3g88kiFcXMjBzQsezjyRMX7WR25NvJjxxkAAAAAAAAAAAAAAAAAABXsF1kayfW3uZHu+lHGnh25PLJTm/eVm+4e2mT5ptEKgAfBNyN3VRybC4a/mqoXGAMAAAAAAAAAAAAAAAAA0Bl7RS6IzIz8e+S2JmP2jZxXjumWeZHzI2sjN6XRC4BPjJzchX0YHvQC4Fbkebg68tMd3M5zkWWmEwAAAAAAAAAAAAAAAAAGUu4Qm4tVt6SinnB9h7abu8EujkyZpPP66shnI3tE7oxck7Zv+pqLba+LzBrwuVAA3OCBPCk7uI0VkSsj/2Y6AQAAAAAAAAAAAAAAAGCg7JKKwtRTIxsiV0W+36Ftnx65oryPySjXui4sv94Uubuc43pzIwdMgrlQANwFuWL/5sjycbq/WuR/Rn5t6gEAAAAAAAAAAAAAAACYYK+KLIl8I/LkON7viZHXNyzbHLk98psR1pkXeVdkdgv3k4tzz40sKr//TuSXHZy7NzqECMNTzUHH5dbaF4zzfeZ21l8Z4bY1kfs9LQAAAAAAAAAAAAAAAACTxv6RPUe47bHIozu4/UWRWSPc9r7IyZGhyK2Rpypu85DI7m3uT76vSyLnNbltRuRrI6x3Qio6+O65A3NxWhnoKB2AB0O+CsLKEW77efkf0GOmCQAAAAAAAAAAAAAAAGDg5YLX6yJvGOH2b0VujGxoc/vzI0sjLx3h9kWpKA5+IPLFyJcqbPOQcpuH78DjPjgys8nyJyIPj7BO7vx7oEOGHqQD8ICYV6aZhZHnIqtGWT+3L7/VNAIAAAAAAAAAAAAAAAD0vFMjLx/l9txF99zIghFuzwXCO6f2C4Bzt9wz08gdgLfKtW0XpWoNTPO+vi2ySxfma68y0Fd0ACb7x8g1kccbludj40HTA/SBaZHDIvnCFk9FHjIlAAAAAAAAAAAAAABAD8sFr1NSUb+VC2r3r7heLt69OnKKKYSBNqwAmGxzZFna/ooNP0lFYfBqUwT0uNdGPlu+if1B5LrIM6YFAAAAAAAAAAAAAADoQbn77tLy3y+loqPveyqum5unLY7sahphoA1PNQeEnSJHNlk+P7IxsrZh+a8i3zRtQAv2iJwf2atL239R5NXl1/MitcizFdf9p8jfeYoAAAAAAAAAAAAAAIAuODnyuoZlufD33FQU8+4WeVnkWFMF1NMBmHb8OHJtqt4Z+InIw6YN+kq+EsyMUW7Pr/8VkZmRgyts77jIDZH9evCxfi9yfWRdk9ueT0WH9GmRw1JxwYR6j0Qed7gAAAAAAAAAAAAAAMCkkGsLcsFubrh4X5PljXKB72WRs00d0KJhBcC0Y0Pk7simiuO/G/lMZL2pg76QC3qXpuadwbf6WeTGVHTdvazCNnMH4IN69PHmIt97Ipub3LYyckVkbjknuzfcfmvkc5EtDhsAAAAAAAAAAAAAABhoR0U+Gzkwclfkk6lomviiVNQcLGyyzlAq6jRmmD6gRcNTzQFtyC3mj25h/KzIlLTjBcA/ifxwjDH5B+bbyx+OVeUCv5tSUQTI4Dkx8nrT0JLcpff0yK6jjDkgFUWv+c3rsX3+ePPjPGaE2/JjeyoVnY5f1eT2XVJxhZ5mxcNPlP+3PO2QAgAAAAAAAAAAAACAvvDKyJtHuC0X/p6WijqpxamoF3gyFQ3T3mLqgE7TAZh+clvkz9LonYcviHysxe3eF7ky8ltTPHDyG6pPRN5pKpgA+So+V0X+uW7ZyvLNPdA75kUW1H2/JnK/aQEAAAAAAAAAAACYVHJh5+wK4/J54k+YroEwu3zeG30ocrHpAXrAsAJg+skzqSjWrY0yJhfwzGtj2/eW22fwHJyK7q0wEZanbTsA/4/IX5gW6CmXRs6v+/7nqSjef8zUAAAAAAAAAAAAAEwKe0ZuiJxQYexXI18wZQMhF/l+qMnyqsXgAN02PNUc0EdmRJZ0aduLTS/QBQc1fH9hZFYL638v8jPTCNvYJfKuyAEd2NZQ5O2RY+qWLYw8F1nV5jbXR76eiouWAAAAAAAAAAAAADAx8jmiVWtQ8jneZ6VqDelyLVaub6n18GPfHLk98huHwTbPW24aVN/x9w8jx5oaoNf/8wIAxseS1NqFDHJX86ci95i6bUxPxYUbppiKnpSLZ5elolD3sC48T4dHLo8c2qX9nxP58A6sv6F8j/3tiuM3Re4u12uUi5zn1n2fuxI/6hADAAAAAAAAAAAAJqmdU3EO6Vj1UPl80I9EXtuFfTi6TK/LRcpfqzh2S+TeyLo+Ox4WpeoNuvL555dFjvAyAvrJUK1WW1X+YAMAesvqyPcjV6WiQJDC6ZErUlFgSu9ZHrkysn/k+i48T7tHDunxOXgk8njFsU9Hrov8sGH5HpFPR06uW/atyNLIRocZAAAAAAAAAAAAMAnl8yqvS2MXfU5LRaHwtEk8V09EHq44dn0qzlH9dh89vv1Sca7ySyuOn56614AIoFuGdQAGgN41O/K2yNrIQw23PRC5Ke1YIeBJZfrNqyKvcHj0rGNSUbw+bxI/T/uWqeo/RU5sWJavunZOw3bysmnl6/7OyB1jbPfIyFmRnSrux/+O/L1DGAAAAAAAAAAAAGjDSan75yYfm7Y/55Lm9ipT1Qcjx3VpX/L58Lkb8SNjjDs7clTFbeZzlc9M1TsAA/QlHYABoD8ti3wqck+b60+JXBY511RCX8pXWMtXWls/ypj8+r48v+evuM2bI39efp0vOvBUC/uTf59YWH69IhVF4AAAAAAAAAAAAMDEysWRi8bhfpybzGjWpKJz849GGbN35DOR400XwO8NKwAGgP51d2Rdm+vmgsCDIjNNI/Sl/Nq/N7JllDG5e/DeLWzz6cjy8usvR/6yhXXfXyaV633ZUwQAAAAAAAAAAAAT7qLIn47D/Tg3mbE8GFk1yu07Rw6L7GSqAH5PATAAALCdf0lFl+GqTo28rPz6HyN3VFwvFzB/M/JrUw4AAAAAAAAAAACVnR9ZXGHcmyInmC4A6EsKgAEAgAn1xchXOrSt/LvNg6YUAAAAAAAAAACAPjcjcnAqOus2Whi5IbLENAHAQFMADAAATKgnIys7tK2fRK6JrDatAAAAAAAAAAAA9LGzI5dFpja5bbfIoal5cTAAMDiGp5oDAABgAs0r0wnzIxsja8cYty7y9cgK0w8AAAAAAAAAAEAPOCdyZN33J0ZealoAYHJTAAwAAAyKfSIfqzAuFwBPiXyvjfvIBcbLIpvqlk2PLC632Ul5P+/2tAIAAAAAAAAAMMnMjBxcfp0v8r86cmBkQ+SRDt/X3MgBTZYvjzzdwnb2iuw3YM/D86k4V6o2TveXO9pOb1g2HHkgMiuyaILm4anIQ22uW9+pd2XkyfI42athXG5+kc99e4WXPwBQb6hWq62Kf+eYCgAAYBJ5OPJEG+vlP+ZeE/lp3bLTI1dEdunwPt4XuSryG08XAAAAAAAAAACTyLmRT5Zf/2Xk7yOXRh5Lxbk7nfSByCVNln8x8pWK28jFnZ+InDdgz0MuWL0y8q/jcF9HRG6IHNKw/B8in4ucHPnoBM3DDyLXRZ5pY91TI9enornEf4/cGvmTcnm9fO5ZLhTeycsfAKgzrAMwAAAwGe2X2r/iZr6I0hvrvn9V6s6VF4+JrEnFVUybyR2Mf+apBAAAAAAAAABgFLlz7mmpuOB9s0LON0de2cZ2czHk11JxIf5OODJyVioKIF8XObZcfnEqzs/JF+lfXS7b0sH5Oa3uvuq9N73QhXgsubjzzMhRA3bs5HnJ50rd2+J6d0TuHGPMK8tjb6uFkbdGpjWMW5CKAuslIzxP42FeKrogP9vGuvm8speUX1+YigLnXPy7yH9NAEAVOgADAAD0p/8a+S8Vxq1NRTfhZg6L7Fb3/X3l+LHkD1ryFSfH6nq8ORUfADzn6QIAAAAAAACAgbV3ZN+674cjDzQZl5tX5XMVpvXo43g+siwVhX7ZQZE9Kqz3YCqKJDspFxwuqPt+VXk/s1NR0NuKXGT54cg3Iv+t4bbpqejwemob+5gLgHM33h926DHnrr+Xp6LYk/7215EvjTHmQ6ko7gYAYGTDCoABAAD6U76i6YoK434duarJ2NxheGl64UOhfGXUL0T+psI285UpPxOZP8a4XPh7Q+S7ni4AAAAAAAAAGEi58+knI2fXLcudZnNh6FMNY1+divMN9uzRx7IyFcWwuUtuLmr+XOS4CutVvYh7Kz4aeXfd9z9OxXkdp6SimLcVe0X2K5+PhxpuyxeBX5y2vYB8Kx5q8jy3a99y3ul/ayL3jzEmn7M021QBAIxqeKo5AAAA6EuzU7U/gh8SeTbyaMPyfJXa01LxQdxW748cXmGbR6TiA6Uq/iTy8hYf2y8i3/EUj2pu5PzUvQt6/XPk2xXHnpWKgvIq8kXIbk6dv/IxAAAAAAAAgy+f8/quyKIObe+bkV+Z1hHlzyMXVxybiybz54DPmbYJd1IqPve/JRUFeK14TeQNbdxnLiDNnxsfUbcsF5tuaLIPR0de38Pzd2wqPs++NxWfx5+ZqnUAvigVHXs78ZrYPXJB5MLIkrrl+6Sic/JLyv1sx56p88XX+5eBerN24DgFAKCOAmAAAIDBlj8YuqTi2BPLdNKby7Ti+5HhyDM9OqfrInd3aFuHpW2vontfZG3d90PlmF0b1js+FVcd3qtLj/EHqfhQc+0Y4/IHgx9JxVWaq3g88nwqukI/HKl5iQIAAAAAAHTF/FQUi3XDxlR8XrZxjHGjdfbLnxU9Mcq6+YLGjUV3uRj1ssiRHXoced/+ekCf/3yB6MfGGDMjcnAqPpNstDDy8bRt8eFotn7O+dsuPqZaeT9VPkfOBan5c9adK267WVfUHZHnb84EPff5wt+vLF+fv2xx3femovC0E/Jn2R/p09fPu9pY57i0bafgHXlN5NfdFZEDmvy//gE/3gAAYHIZqtVqqybwl0wAAABotD5yT2RTj+5f3rerIr/bwe0cFbkxvXCF8i2RP498rW7MiyNLIwsa1s0nIxzYA89Bvrpw/uC8lQuMrYj8VeQL5WMGAAAAAACgs/JnOPlisqd3afu5WPLayP8dZUwu/vtM5IQRbv9qKj4vaiZ3ksyfkTV2DpweObTDj+OhAT0Gbk/FZ5GbRxlzduTyVBTLNtqtnOuhFu4zd0zt5kWe82P5s8itFcYeXx5/e1fc9g8j13Ro/+eU9/3aCXruc6F8Lu6+P7XeAbhZ4T3ta/c1MTMVxfkAAADDOgADAADQa3aJHN3D+5cLd5+OPLCD28kFvG+JTKlblrs1H1b3ff5w9o8G7Dk4sIziXwAAAAAAgNbMTUVnyrljjMsFwOek4rOmbhmOvGGU2/MFbc+KzBvh9nz+ai5ya/aZUS7aPKO8vZv2LDOIcgFv/sxvtAv+npi27Vi6oxaPw+PK3W2PqjAud4l+YwvbzQXrucD42Q7sYy6gPTtVLz7ulkX+y5xwi00BAACwo3QABgAAAMbb1yOfTy9ccfz5yLJIzdQMpPx3p4VNlucu0/kkinz16rFO4MnHxvLIWtMJAAAAAMAAykWyCyqMa7WrKQAAAAD9SwdgAAAAYNz9QSquur214PfByJWRu0zNQModBt7fsCw/95+O/FvkusgxY2wjX/0/F43fYjoBAAAAABhAF5QZS+6qq/gXAAAAYJJQAAwAAACMt3lltjo2Mhy5L/JE5KbI06appyyJvL3NdU8tn+NGH4ysiJwRmV5hO5dEjqh4nxsjt6WiszQAAAAAAOyo4yJv7eL289/gX2SaAQAAAKg3VKvVVsW/c0wFAAAA0ANWRq6K/MsoY9ZF7jZVv3dAZG6X7+PdkY/20ZxsjtwYub2F8fdEnnc4AQAAAAAMjANT0TG33tbPGHaNHBYZqritiyMfMqUAAAAAjKNhBcAAAABAr1meRu8AfG/kysjvTFWaFfl05KQu38+CtG3X5n7wWOTRimOfjXwmcodDCgAAAABgIOwVuT5yfMPyfDHIqyMLIzdEplXc3nhcjBMAAAAA6g1PNQcAAABAjzlojNuPjqyJPNCw/KHIzalaF9dXRd40AHM1I3JOZL7DZjv7lKnqw5ETKo5dHflKKjpH5OPof6WiMB0AAAAAGGyLU/E32Z0neD9WRm5K1f4e3u/OiBzbxnr577fvSNsX7R6ViouQ7h15mUMaAAAAgF6mABgAAADoN/nvGRc1WZ6v2v9M5LcVtvHeyIWmkjqnlqniqci6VBQYX5yKE8X+to37XB9ZFtnSwjq5QH6PAZv7VZEHHYIA9LmZkYN7ZF9qkeWRtZ4WAAAY0y6RQ1L18+hOj1yZqneN7Zb7yvf8vx3w52dO5E8jr+vgNvNzd5FDHwAAAIB+MFSr1fIJdnNMBQAAADAAchfWZyqMWxSZZbrYAStS0eVj38ijkcfa2MYjkasiv6w4fv/I0tRet4te9qPItanougEA/eq8yCciQz2wL/niIp+P3OJpAQCAMb0hFX+bmllxfL4o4Pwe2feqfw/vZ7lYNxdo7+xQBQAAAGASGtYBGAAAABgki00B4+TAuq/np/ZO+suFvMOp6AJcRe40fEaqfjJiv8iPa3Ma/JMVJ9LGyG0tHGtZ7oj98siGyFdTUfQOQHPnRy6OvLiH9umSyBEd3N76VBQUL/d0j4tTIie0sd66yN9EHjSFADCpnBM5cgAexz2Rm0e5/Q8ir+3C/b4k8po+nTN/DwcAAACAAacAGAAAAAAmzjtNwf/vonypaeiqXGC9S+T2iuN3j3w4FcVHm1LRSfJ7bdxvLjxeVm4DYNAsisyKLIx8PLKkx/bvpDKdkguAp0S+M86PY335s2RLF7Y9O217UZdekX9mfzDy1jbWXVf+e0eFsY9HHvFSZpzlLumHl8f5msj9pgSgkt1SUei5U5Pb8oXVPhZ5xQA8zn+NrIqsbHJb7gL7gciZDgcAAAAAYDIZqtVq+Q+nc0wFAAAAAMDAeizyaMWx+YTiQyK7lt8/HHmijft8KnJN5KemHxgw8yNLIy9NRTHGoakoaht0uVj08XG+z/yz66rIL7qw7fek4oIXvSYXWucCn+ltrp8LZp6sMO7bkRsiG7ykGUe5U/rnyv9Hf16+vh8zLQBjOi1yZfnes9HOkcNS8+LgflNLxcVfnm9y21D5Hml3hwMAAAAAMIkM6wAMAAAAADD49inTjv3KtCNfgPKNLYy9ufwXoBedl4riij1T0Xls1iR7/PuWGU/Hlj8XlnVh26eU2x80C8qMZWYkf1asALiwMfKNyH+08T7pneV8MrbF5Wsvyx3Un+uD9353pmpdtUdzfvnYOyF3Yv+FQwkG1qLIuemFC3Jt9crI8ZPg8W/tFA8AAAAAQEkBMAAAAAAA3XJWmSpyV8nc5ednDcvzslz4VTOdMG5yR9vpPbIvuTDswYpjc9HjvArjRuqKnruJHZyKDqzNtn1p5DiHx7h7pynoinysX2Eafm9LKroq3tbieq+PXBPZwxS2bE7qzS7cjXK37OHI+jbXz4XOH48s6dD+5Iv6bNzBbeT31csjax2G0HU7l++tp5bvP/P70L3TyBdVObX8ubKLqQMAAAAAIBuq1Wr5xIk5pgIAAAAAgAm2IrK6YVku/LsycpfpgXGRO9zeGDmkR/bnR5FrI0+PMW5GKool3lRhm9+KLE3bF1CdEflkal5wkbuw5eKNKQ4RGFgjXRxgNLkj+P6mbqCti9ybiiLxduxW/vwY6tD+5GLkB3ZwG/mxfD5yi6cXuu515fvO/F41d5r/cuTCyDkjjN8rFd3lAQAAAAAgG9YBGAAAAACAXnFgmXrHpqLQ4b6K23gkclMqijWAsb0i8kd13x8QeWtkWo/sX+6QtjnyzBjjcsfi3Cm2SiHejPLxNRYAv7qcD2By2qcMNP58eVEP7c+c1JkLvF8SOaJh2abI7ZHf9tlzlH/+H97Gerno/+akE3IvO658X9ro7yL/NMpr9vw0cofdVrTymsg/P/44bd8Rfkn5HjPbrRz3hiavPwAAAAAAaEoBMAAAAAAAve78FsbmLsL5JP5/rzg+FxXea4qZpHKX3/dE3tfD+5iLNy7t8DYXRz7l6QdgEjupTL3cGXj31Hpn4FWRBzu4b/liJHMrjp0f+VjkZW3cT97nZyO/qjg+j73HodMRB6XtC2WbuSjyoRHeH64fYZ2jI1ek7S8s1Y5WXhMnRq6OzB5lzGFlAAAAAACgsqFarZY/jJljKgAAAAAAGBC5oPeZimNzN6dcCLjctDHJ5OLfpZE3Jp8TAQCFxyOPtLjO/4lcG1nTgfufFfl02r44eSS7pKKgckqb95d/B3i64tj/iFyZFAHvqAWR61PR3XcsIxWDD0ceGGGdGam42Mt4vybmlvsLAAAAAACdNKwDMAAAAAAAg6aVE75zwUA+6b9qoUMuLr7JFLfspZG3VBi3opzfTaasK6aloqP2wlQUX7wtFYUzAADZ3mVasU/53u2ZDtx/Lt48JxWdfcfDQS2MPaL8vWFlHz2f/xD5fuTkyOsiG8r32mN1bH57ZEmX9mle5MxUrQPwSOak8buATTuvCQAAAAAA6BgFwAAAAAAATGa7Rd7Xwvi7IqvTyB2nGuWxKwZ4/nLRRJWT998T+UCFcb9LRfe4ex2aXZG7/l6eisJ3AIBOyMW6l06Cx5kvmnJxn+3z36biAjDvjrwjFYXaOXeMsk4urP1I5LUObQAAAAAAmHhDtVotn3w0y1QAAAAAAEAld0eerzj2zsjVkccHcB5yF9kbIi+uMPaAyOyK283Fv+scZl0xPbXWIRsAgP6Vf2fJ3X4XlO8Ds0ciT46yTi4YPjSyk+kDAAAAAIAJtyYXANfMAwAAAAAAdM3XIsMNy34T+Woqut32gtekoitYKyf6712uAwAAAAAAAAAAdNjUyPJU/ar7AAAAAAAwmU1Jxd/WhyqOXx95dWRzw/LcgesbPfS4cjffU1LR8auqPA9rKq6TH/+mCuOGyu0NOdS6Il8UdmP5LwAAg22nMpvrfh+ZVv5OM9r7xfy+fYvpAwAAAACACbf6/wkwAD1GZP198EmuAAAAAElFTkSuQmCC); background-position: center bottom; background-size: 100% auto; } } .tu_header__fig { position: relative; z-index: 201; position: absolute; right: 0; top: 0; height: 0; width: 125%; padding-top: 66.6666666667%; background-color: #d1d9ea; } @media (min-width: 768px) { .tu_header__fig { left: 0; width: 120%; padding-top: calc(50% + var(--heightHeaderPc)); } } .tu_header__fig img { z-index: 202; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; } .tu_header__lead { z-index: 202; position: relative; } @media (min-width: 768px) { .tu_header__lead { z-index: 202; height: 100%; position: absolute; left: 0; top: 0; display: -ms-grid; display: grid; align-items: center; } } .tu_header__lead__inner { position: relative; background-color: #fff; padding: var(--sidePaddingSp1); pointer-events: none; } @media (max-width: 768px) { .tu_header__lead__inner { box-shadow: 0 0 1.8em 1em rgba(0, 0, 0, 0.1); margin-bottom: 1em; } } @media (min-width: 768px) { .tu_header__lead__inner { padding: 3em; } } .tu_header__lead__inner::before, .tu_header__lead__inner::after { content: ""; position: absolute; left: 0; width: 100%; height: 1em; background-repeat: no-repeat; background-size: 100% 200%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAA9CAYAAABiMgDBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LmRlZTNhNzcwMywgMjAyMi8wOC8xOC0xNjo1MDozMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMTk3MmI3YS1hOTk5LTQxMjgtYjU5ZS1kN2FlNjliZDU4M2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThEQTE4RTAwMUZEMTFFRjhGOTRGQTEyRkVGMTkyRDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThEQTE4REYwMUZEMTFFRjhGOTRGQTEyRkVGMTkyRDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZjkzNDU3YS0yNjAxLTQ3NzAtYjhjOC05ZDExZmIyOWY5MjQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1ZTljOWI4MS1hZWU2LTY2NGMtODc0Yi03ZWMyYWJiYThlNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7t57gVAAAFNUlEQVR42uzd626jMBAG0FDx/q88q0q72ipNiAFjxvY5f7bStrkYX+YDhywR8QAAAG63VZgvmgfOWzUBAACkDL2vflcQhhO+NAEAAKQLu+/+1vZNOMEVYAAAaBd+o+JjfXNFGHZwBRgAANqE36se21VhEIABAGDo8HvH80DXbIEGAID+A6it0FDAFWAAAOg7/P57Da4CgwAMAABDh19BGARgAACYOpgLwvDEZ4ABAGB/uOzttfqMMDxcAQYAYO6AOMN7E37hr1GvAG99OXgUTgg/z5a9+vn5MV6dXYsdz3HkNb56r1H4b2k77v0bAED43RMUl47eU8/HRC0H3wMhInodxFXbodEktxSE7C76TWHABwDGD7o1ayPht00NCgJwksllz5VJ+plgnXWEvgvc5enndztPAKF3xHA2Ut1pzkZYaRyAXxVPewen8DvO5Nv7gpgxpMRGO8aJ44XiVj8B88HVtYHgO3d7Q6oAHAUDpuZ23t62BHPPZP3uapTC5Lr2d9ZYH1JMgflhhlA2Qx1q3kYAfjP4X4XRs1eUoGVgyz7hx4txVbKVPBK1M4rakpv5fTqBEvoaCH8Jxvps9a25FQF44gkAk32thXOpMKZ6OdFk4VTEXhGYj/ax0hNKQF9zhOBrLaevuSVtn1oNfAzMZgtmXPS4WdtW8FDU1nqt8Th3t353rAf1njYRfmk7drY+qljy9bGfPup4eJfn9xVgkyD8HzRx4v/ZbjcLrOItY5Gnb2KeEMzMoebBbOP0uXaKD+vYY2dILPk2h1cfvbviXk/NdzwKwIAFVjE7Y/8L/RJzg3XDPFrU5j2eKDzybTLvrkbuuX9FaUDV7+7s4AIwIAQrZCfsf6F/MsickPHmiL2sG+bXc8fkbF/s7ZtjSgP1z9CsjwnAALahKsyGKO7of3wtN/698X/t+lL6uX/tfN36rm1Ja9UEgGDnvVJ07D59JaCA3N+Yev6M3Z6v6draRXDkjv/UDWLx+L2NFWsfuAIMpC5gLProt2MVxUeCyJ1fCdfiuc/c4ZztAIy2BwEYABKF4t62/5fcKV+gAyAtW6AB4L7Q2EsIjh2/I/ACIAADALsD5vLYd8fqrTD9KZi++25GABiGLdAAQGkoBoCufWkCAOAN4RcAARgAAAAEYAAAABCAAQAAQAAGAAAAARgAAAAEYAAAABCAAQAAQAAGAABgEqsmOGTZ+L/QPAAAADkD8FLhcUYPfcsFvysoAwAANA7AtQNiz8FuSfBcgjEAAMDnLBV7M+kS0SRvRUeNmI1ADAAAUCG3rQleZPTeiA1emzaqz4kFAACYKPy2DMAlb0Ig2XegI0snmnXwCNYAAOysP2Pn71PZmqxDtA4RWa6uCq6CdY3g3XN/BgCYoR5Uw999cBp9BvhoQS9AQs7xAwAg1NKdtZNOppiHOpO0sQQAc6z/ceBveqwbBFOGCcBbHVsRD9csEsYWAPSxnsfj+q22GWtwgZdzHSjxFuhP4sSgCQMImow3AJg9qKoLtCUC8CWDcOsGQAYMWFgBQBBrW4Nrb9JZB3kfy5ufw6CBIYuL6OT1C/IAwuwM7Vd73XNcuK7TDnIFGCBL4FySvq5ZCzNtn3M89H7THYRfQAAGYJAQP3r4op8w4XhRu3/aHQiTWzUBwPAhgnbtW3qTxdDP4Jb+ru+DAAwANA6WinDINSYBARgAIH14sU06z7FxLAABGADg5pB8l+ioraJCm7rxHCAAAwAI59O81iXJCQBbnwEBGACAoQm+gAAMAECKMBoNnwvglz8CDABGI2FYyOnhHAAAAABJRU5ErkJggg==); } .tu_header__lead__inner::before { bottom: calc(100% - 2px); background-position: center top; } .tu_header__lead__inner::after { top: calc(100% - 2px); background-position: center bottom; } .tu_header__lead__heading { color: #e84124; } @media (max-width: 768px) { .tu_header__lead__heading { padding-top: 0.2em; } } .tu_header__lead__heading__str { display: block; } @media (max-width: 768px) { .tu_header__lead__heading__str { text-align: center; } } .tu_header__lead__heading__str:nth-child(1) { font-size: 3.2vw; padding: 0.7em 0; margin-bottom: 0.7em; color: #fff; text-align: center; background-image: url(../img/hero__str.png); background-position: center; background-size: 100% auto; } @media (min-width: 768px) { .tu_header__lead__heading__str:nth-child(1) { font-size: 1.15vw; font-size: max(14px, 1.15vw); } } .tu_header__lead__heading__str:nth-child(1) span { margin-left: 0.2em; margin-right: 0.2em; } .tu_header__lead__heading__str:nth-child(2) { text-align: center; font-size: 5.7vw; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; position: relative; text-shadow: -0.1px -0.1px 0 currentcolor, -0.1px 0.1px 0 currentcolor, 0.1px -0.1px 0 currentcolor, 0.1px 0.1px 0 currentcolor; letter-spacing: -0.02em; } .tu_header__lead__heading__str:nth-child(2)::before, .tu_header__lead__heading__str:nth-child(2)::after { content: ""; position: absolute; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; height: 1.5em; width: 0.75em; background-image: url(../img/h_knife-folk-hero.png); background-repeat: no-repeat; background-size: 100% 200%; } .tu_header__lead__heading__str:nth-child(2)::before { right: 0; background-position: top center; } .tu_header__lead__heading__str:nth-child(2)::after { left: 0; background-position: bottom center; } @media (min-width: 768px) { .tu_header__lead__heading__str:nth-child(2) { padding-left: 1.25em; padding-right: 1.25em; margin-left: -0.15em; font-size: 2.4vw; font-size: max(26px, 2.4vw); } } .tu_header__lead__heading__str:nth-child(2) > span { display: block; } .tu_header__lead__heading__str .ls-tsu { letter-spacing: -0.1em; } .tu_header__lead__heading__str .ls-i { letter-spacing: -0.1em; } .tu_header__lead__heading__str .ls-choon { letter-spacing: -0.1em; } .tu_header__lead__heading__str .ls-toten { letter-spacing: -0.6em; } .tu_header__lead__heading__str .ls-ta { letter-spacing: -0.1em; } .tu_header__lead__hr { width: 100%; padding-top: calc(2.5808936826% + 8vw); height: 0; border: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAAZCAYAAAD+D0fhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LmRlZTNhNzcwMywgMjAyMi8wOC8xOC0xNjo1MDozMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NGZjODc4ZC02MDBjLTQwNzYtODNiMi0wZWEzM2RlNzgzOGMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThEQTE4RTQwMUZEMTFFRjhGOTRGQTEyRkVGMTkyRDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThEQTE4RTMwMUZEMTFFRjhGOTRGQTEyRkVGMTkyRDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkOTlkMDkxYi05Zjc1LTRmNjUtYjU1Ni1mYWE4NzdjNTg1YmEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmODhiMjdkOS1jZTY0LTE1NDItOTFk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); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (min-width: 768px) { .tu_header__lead__hr { padding-top: calc(2.5808936826% + 2.4vw); width: 100%; } } .tu_header__lead__hr picture, .tu_header__lead__hr img { display: block; } @media (min-width: 768px) { .tu_header__lead__txt { line-height: 1.8; font-size: 16px; font-size: max(16px, 1.15vw); } .tu_header__lead__txt span { display: block; } } .tu_header__info { margin-right: auto; margin-left: auto; color: #000; width: calc(100% - var(--sidePaddingSp1) * 2); padding-top: 16px; font-size: 11px; } @media (min-width: 768px) { .tu_header__info { margin-right: auto; margin-left: auto; padding-left: 3em; font-size: 12px; padding-top: 29px; } } .tu_header__info__credit__pr { padding-left: 1em; } main:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { main:not(:last-child) { margin-bottom: 116px; } } .contents_width { position: relative; z-index: 102; } .article-single-body--sns:not(:last-child) { margin-bottom: 48px; } @media (min-width: 768px) { .article-single-body--sns:not(:last-child) { margin-bottom: 116px; } } .article-section:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { .article-section:not(:last-child) { margin-bottom: 116px; } } .article-section--project { padding-left: 13px; padding-right: 13px; max-width: calc(var(--widthDefault) - 210px); margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .article-section--project { padding-left: 140px; padding-right: 140px; } } .article-section--project .article-section__inner { overflow: hidden; position: relative; padding-top: 13px; padding-bottom: 32px; border-radius: 32px; box-shadow: 0 0 1.8em 1px rgba(0, 0, 0, 0.07); } .article-section--project .article-section__inner:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { .article-section--project .article-section__inner:not(:last-child) { margin-bottom: 116px; } } @media (max-width: 768px) { .article-section--project .article-section__inner p { padding-left: 13px; padding-right: 13px; } } @media (min-width: 768px) { .article-section--project .article-section__inner { padding-top: 116px; padding-bottom: 116px; } } .article-section--project .article-section__inner--bottom { padding-top: 0; } .article-section--project .contents_width { padding-left: 0; padding-right: 0; width: 100%; } .contents_width:not(:last-child) { margin-bottom: 32px; } @media (min-width: 768px) { .contents_width:not(:last-child) { margin-bottom: 58px; } } .hr { margin-top: -64px; width: 100%; clear: both; height: 192px; position: relative; overflow: hidden; } @media (min-width: 768px) { .hr { margin-top: -116px; } } @media (min-width: 768px) { .hr { height: 348px; } } .hr hr { display: none; } .hr--top::before { content: ""; position: absolute; width: 200%; left: -50%; top: 50%; transform: rotate(6deg); background-color: #f7f7f7; height: 100%; transform-origin: center top; } .hr--bottom::before { content: ""; position: absolute; width: 200%; left: -50%; bottom: 50%; transform: rotate(-6deg); background-color: #f7f7f7; height: 100%; transform-origin: center bottom; } .hr--top + .article-section { background-color: #f7f7f7; } .paren { font-size: 0.75em; vertical-align: 0.125em; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.5; } h2, h3, h4, h5, h6 { color: #e84124; } h1, h2, h3, h4, h5 { font-feature-settings: "palt"; font-variant-numeric: lining-nums; } h1 { font-size: 5vw; } @media (min-width: 768px) { h1 { font-size: max(2.3vw, 32px); font-size: 3vw; } } .h2:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .h2:not(:last-child) { margin-bottom: 29px; } } .h2:not(:first-child) { margin-top: 32px; } @media (min-width: 768px) { .h2:not(:first-child) { margin-top: 58px; } } .h2 span { display: inline-block; } .h2 h2 { font-size: 24px; letter-spacing: 0; } @media (min-width: 768px) { .h2 h2 { font-size: 24px; letter-spacing: 0; } } @media (min-width: 768px) { .h2 h2 { font-size: 36px; text-align: center; } } @media (min-width: 768px) and (min-width: 768px) { .h2 h2 { font-size: 36px; } } .h2--line h2 { display: inline-block; padding-top: 0.4em; padding-bottom: 0.4em; border-top: 2px solid currentcolor; border-bottom: 2px solid currentcolor; } .h2--lineup h2 { font-size: 16px; letter-spacing: 0.04em; font-family: "subset", Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; } @media (min-width: 768px) { .h2--lineup h2 { font-size: 16px; letter-spacing: 0.04em; } } .under_dotted { border-bottom: 3px dotted currentcolor; } span.under_dotted { display: inline-block; } .h3 { text-align: center; } .h3:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .h3:not(:last-child) { margin-bottom: 15px; } } .h3 h3, .h3 h2 { font-size: 18px; letter-spacing: 0.04em; } @media (min-width: 768px) { .h3 h3, .h3 h2 { font-size: 18px; letter-spacing: 0.04em; } } .h3--left { text-align: left; } .h3 span { display: inline-block; } .h4 { font-size: 16px; letter-spacing: 0.04em; } .h4:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .h4:not(:last-child) { margin-bottom: 15px; } } @media (min-width: 768px) { .h4 { font-size: 16px; letter-spacing: 0.04em; } } .h3 + .h4 { margin-top: 0; } .m-caption { font-size: 14px; letter-spacing: 0.04em; line-height: 1.8; color: #e84124; border-left: 1px solid #e84124; padding-left: 32px; position: relative; } @media (min-width: 768px) { .m-caption { font-size: 14px; letter-spacing: 0.04em; } } .m-caption:not(:first-child) { margin-top: 8px; } @media (min-width: 768px) { .m-caption:not(:first-child) { margin-top: 15px; } } .m-caption:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .m-caption:not(:last-child) { margin-bottom: 29px; } } .m-caption::before { content: ""; position: absolute; left: 3px; top: 0.9em; height: 1px; width: 16px; background-color: #e84124; } @media (max-width: 768px) { .m-report-stretch__container__fig .m-caption br { display: none; } } .relative { position: relative; } .mb--bit { margin-bottom: 2px; } .cut--tl picture, .cut--br picture { overflow: hidden; position: relative; } .cut--tl picture::before { content: ""; position: absolute; width: 20%; height: 0; padding-top: 20%; transform-origin: center; background-color: #fff; top: 0; left: 0; transform: translate(-50%, -50%) rotate(45deg); } .cut--br picture::after { content: ""; position: absolute; width: 20%; height: 0; padding-top: 20%; transform-origin: center; background-color: #fff; right: 0; bottom: 0; transform: translate(50%, 50%) rotate(45deg); } .m-lead { font-weight: bold; line-height: 2.5; text-decoration: underline; text-underline-offset: 0.75em; } .m-lead:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { .m-lead:not(:last-child) { margin-bottom: 116px; } } @media (min-width: 768px) { .m-profile { display: -ms-grid; display: grid; -ms-grid-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); align-items: end; } } @media (min-width: 768px) { .m-profile__info { grid-column: 1/-2; padding-right: 32px; } } @media (max-width: 768px) { .m-profile__avator { margin-top: 32px; } } @media (min-width: 768px) { .m-profile__avator { width: unset; grid-column: -2/-1; padding-bottom: 1.8em; } } @media (max-width: 768px) { .m-profile__avator picture { width: 40%; margin-right: auto; margin-left: auto; } } .m-profile__avator__fukidashi { font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; color: #e84124; text-align: center; position: relative; display: block; font-size: 18px; letter-spacing: 0.04em; } @media (min-width: 768px) { .m-profile__avator__fukidashi { font-size: 18px; letter-spacing: 0.04em; } } .m-profile__avator__fukidashi span { display: block; } picture.m-profile__avator__fukidashi__f { margin-bottom: 1em; } @media (min-width: 768px) { picture.m-profile__avator__fukidashi__f { width: 70%; margin-right: auto; margin-left: auto; } } .m-profile__avator { position: relative; } .m-profile__info__name { font-size: 24px; letter-spacing: 0; line-height: 1.8; padding-bottom: 1.2em; margin-bottom: 0.7em; position: relative; } @media (min-width: 768px) { .m-profile__info__name { font-size: 24px; letter-spacing: 0; } } .m-profile__info__name::before { content: ""; position: absolute; left: 0; bottom: 0; height: 0.5em; width: 100%; background-image: url(../img/profile__hr.png); background-repeat: no-repeat; background-size: auto 100%; background-position: center bottom; } @media (max-width: 768px) { .m-profile__info__name { text-align: center; } } @media (min-width: 768px) { .m-profile__info__name { font-size: 30px; letter-spacing: 0; line-height: 1.8; } } @media (min-width: 768px) and (min-width: 768px) { .m-profile__info__name { font-size: 30px; letter-spacing: 0; } } .m-profile__info__name__san { font-size: 0.7em; margin-left: 0.2em; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; } .m-profile__info__text__slash { width: 1.3em; text-align: center; display: inline-block; } .m-product__heading { font-size: 24px; letter-spacing: 0; } @media (min-width: 768px) { .m-product__heading { font-size: 24px; letter-spacing: 0; } } .m-product__heading:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { .m-product__heading:not(:last-child) { margin-bottom: 116px; } } .m-product__heading__h { font-size: 24px; letter-spacing: 0; padding-top: 0.75em; padding-bottom: 0.75em; text-align: center; z-index: 100; position: relative; } @media (min-width: 768px) { .m-product__heading__h { font-size: 24px; letter-spacing: 0; } } .m-product__heading__h::before { z-index: 101; content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 5px; background-image: url(../img/hr.png); background-repeat: no-repeat; background-size: auto 100%; background-position: center; } @media (min-width: 768px) { .m-product__heading__h::before { width: 50%; height: 8px; } } .m-product__heading__h__str { background-color: #fff; display: inline-block; width: auto; z-index: 102; position: relative; padding: 0 1em; } .m-product__list:not(:last-child) { margin-bottom: 32px; } @media (min-width: 768px) { .m-product__list:not(:last-child) { margin-bottom: 58px; } } .m-product__list__item { display: -ms-grid; display: grid; grid-gap: 16px 24px; gap: 16px 24px; -ms-grid-columns: auto; grid-template-columns: auto; position: relative; } @media (min-width: 768px) { .m-product__list__item { grid-gap: 29px 32px; gap: 29px 32px; } } @media (min-width: 768px) { .m-product__list__item { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .m-product__list__item:not(:last-child) { margin-bottom: 32px; } @media (min-width: 768px) { .m-product__list__item:not(:last-child) { margin-bottom: 58px; } } .m-product__list__item::before { left: 0; } .m-product__list__item::after { right: 0; } .m-product__list__item__info { position: relative; z-index: 100; } @media (max-width: 768px) { .m-product__list__item__info { margin-left: var(--sidePaddingSp1); margin-right: var(--sidePaddingSp1); margin-top: -24px; } .m-product__list__item__info::before, .m-product__list__item__info::after { content: ""; position: absolute; z-index: 100; background: radial-gradient(ellipse at center top, #ededed 0%, rgba(237, 237, 237, 0) 40%); width: calc(var(--sidePaddingSp1) * 2); height: 160px; top: 8px; } .m-product__list__item__info::before { left: calc(var(--sidePaddingSp1) * -1); } .m-product__list__item__info::after { right: calc(var(--sidePaddingSp1) * -1); } } @media (min-width: 768px) { .m-product__list__item__info::before { content: ""; position: absolute; z-index: 100; background: radial-gradient(ellipse at right center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 40%); width: 2em; height: 80%; bottom: 0; right: calc(100% + 32px); } } .m-product__list__item__info__inner { background-color: #fff; z-index: 101; position: relative; } .m-product__list__item__info__inner:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .m-product__list__item__info__inner:not(:last-child) { margin-bottom: 29px; } } @media (max-width: 768px) { .m-product__list__item__info__inner { padding: 1.25em; padding-top: 0.75em; padding-bottom: 0; } .m-product__list__item__info__inner::before { content: ""; position: absolute; left: 0; bottom: calc(100% - 2px); width: 100%; height: 1em; pointer-events: none; background-repeat: no-repeat; background-position: left bottom; background-size: auto 100%; background-image: url(../img/item__bg.png); } .m-product__list__item:nth-child(1) .m-product__list__item__info__inner::before { background-position: left bottom; } .m-product__list__item:nth-child(2) .m-product__list__item__info__inner::before { background-position: center bottom; } .m-product__list__item:nth-child(3) .m-product__list__item__info__inner::before { background-position: right bottom; } } @media (min-width: 768px) { .m-product__list__item__info__inner::before { content: ""; position: absolute; top: 0; right: calc(100% + 30px); width: 1em; height: 100%; pointer-events: none; background-repeat: no-repeat; background-size: 100% auto; background-image: url(../img/item__bg__pc.png); } .m-product__list__item:nth-child(1) .m-product__list__item__info__inner::before { background-position: right top; } .m-product__list__item:nth-child(2) .m-product__list__item__info__inner::before { background-position: right center; } .m-product__list__item:nth-child(3) .m-product__list__item__info__inner::before { background-position: right bottom; } } .m-product__list__item__info__heading { padding-bottom: 1.25em; margin-bottom: 0.75em; position: relative; } .m-product__list__item__info__heading::before { content: ""; position: absolute; width: 100%; height: 0.5em; bottom: 0; left: 0; background-repeat: no-repeat; background-size: auto 100%; background-image: url(../img/item__hr.png); } .m-product__list__item:nth-child(1) .m-product__list__item__info__heading::before { background-position: left center; } .m-product__list__item:nth-child(2) .m-product__list__item__info__heading::before { background-position: center; } .m-product__list__item:nth-child(3) .m-product__list__item__info__heading::before { background-position: right center; } .m-product__list__item__info__heading > span { display: inline-block; position: relative; } .m-product__list__item__info__heading__new { position: absolute; left: calc(100% + 0.5em); width: 2em; bottom: 50%; } .m-product__list__item__info__text { padding-bottom: 16px; } .m-product__list__item__info__list { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; font-size: 14px; letter-spacing: 0.04em; line-height: 1.8; position: relative; padding-left: 1.5em; border-left: 1px solid rgba(232, 65, 36, 0.5); } .m-product__list__item__info__list:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .m-product__list__item__info__list:not(:last-child) { margin-bottom: 29px; } } @media (min-width: 768px) { .m-product__list__item__info__list { font-size: 14px; letter-spacing: 0.04em; } } .m-product__list__item__info__list dt { white-space: nowrap; } .m-product__list__item__info__list dt span { display: inline-block; width: 1em; text-align: center; } .m-product__list__item__info__list dd span { display: inline-block; } .m-product__list__item__info__list .width-tax { font-size: 11px; letter-spacing: 0; line-height: 1.8; } @media (min-width: 768px) { .m-product__list__item__info__list .width-tax { font-size: 11px; letter-spacing: 0; } } .m-product__list__item__button:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .m-product__list__item__button:not(:last-child) { margin-bottom: 29px; } } .m-product__btn { text-align: center; } .m-product__btn:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .m-product__btn:not(:last-child) { margin-bottom: 29px; } } .m-product__btn-btm { text-align: center; } .m-product__btn-btm__inner { color: #e84124; display: inline-block; position: relative; padding-right: 16.25px; } .m-product__btn-btm__inner::before { content: ""; position: absolute; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; right: 0; width: 13px; height: 13px; background-image: url('data:image/svg+xml;utf8,>'); } .m-product__btn-btm__inner span { display: block; } .s-recipe { position: relative; padding-bottom: 64px; } @media (min-width: 768px) { .s-recipe { padding-bottom: 116px; } } .s-recipe::after { content: ""; position: absolute; left: 0; width: 100%; height: 64px; pointer-events: none; } @media (min-width: 768px) { .s-recipe::after { height: 116px; } } .s-recipe::after { bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.018)); } .m-contact { position: relative; padding-top: 64px; text-align: center; } @media (min-width: 768px) { .m-contact { padding-top: 116px; } } .m-contact::after { content: ""; position: absolute; left: 0; width: 100%; height: 64px; pointer-events: none; } @media (min-width: 768px) { .m-contact::after { height: 116px; } } .m-contact::after { top: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.018)); } .m-contact__content__txt a { color: #e84124; } .m-contact__content__heading { font-size: 14px; letter-spacing: 0.04em; line-height: 1.8; color: #666666; } @media (min-width: 768px) { .m-contact__content__heading { font-size: 14px; letter-spacing: 0.04em; } } .m-contact__content__heading:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .m-contact__content__heading:not(:last-child) { margin-bottom: 15px; } } .m-contact__content__logo { color: #000; font-weight: 500; display: block; font-size: 16px; letter-spacing: 0.04em; line-height: 1.8; } .m-contact__content__logo:not(:last-child) { margin-bottom: 5px; } @media (min-width: 768px) { .m-contact__content__logo:not(:last-child) { margin-bottom: 10px; } } @media (min-width: 768px) { .m-contact__content__logo { font-size: 16px; letter-spacing: 0.04em; } } .m-contact__content__txt__url { text-align: center; } .m-contact__content__txt__url .m-button { display: inline-block; width: auto; } .m-contact__content__txt__number { font-size: 16px; letter-spacing: 0.04em; line-height: 1.8; font-weight: bold; } @media (min-width: 768px) { .m-contact__content__txt__number { font-size: 16px; letter-spacing: 0.04em; } } .m-contact__content__txt__number:not(:last-child) { margin-bottom: 5px; } @media (min-width: 768px) { .m-contact__content__txt__number:not(:last-child) { margin-bottom: 10px; } } .m-contact__content__txt__info { font-size: 14px; letter-spacing: 0.04em; line-height: 1.8; } @media (min-width: 768px) { .m-contact__content__txt__info { font-size: 14px; letter-spacing: 0.04em; } } .m-tax { font-size: 11px; letter-spacing: 0; margin-left: 0.5em; display: inline-block; } @media (min-width: 768px) { .m-tax { font-size: 11px; letter-spacing: 0; } } .m-button { border: 1px solid rgba(232, 65, 36, 0.5); background-color: transparent; display: block; text-decoration: none !important; text-align: center; overflow: hidden; color: #e84124; border-radius: 6px; height: auto; min-height: 49px; line-height: 24px; position: relative; font-weight: bold; padding: 0 16px; } .m-button:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .m-button:not(:last-child) { margin-bottom: 15px; } } .m-button > span { padding: 11.5px 0; display: block; text-align: center; position: relative; } @media (hover: hover) { .m-button:hover { opacity: 0.75; } } .m-button[target=_blank] .m-button__str, [target=_blank] .m-button .m-button__str { display: inline-block; position: relative; padding-right: 16.25px; } .m-button[target=_blank] .m-button__str::before, [target=_blank] .m-button .m-button__str::before { content: ""; position: absolute; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; right: 0; width: 13px; height: 13px; background-image: url('data:image/svg+xml;utf8,>'); } .m-button[target=_blank] .m-button__str span, [target=_blank] .m-button .m-button__str span { display: block; } .m-button--ggt { width: auto; display: inline-block; padding-left: 1em; padding-right: 1em; background-color: #e84124; color: #fff; width: 100%; } @media (min-width: 768px) { .m-button--ggt { padding-left: 2em; padding-right: 2em; width: 500px; } } .m-button--ggt .m-button__str { min-width: 90%; } .m-button--ggt picture:not(:last-child) { margin-bottom: 5px; } @media (min-width: 768px) { .m-button--ggt picture:not(:last-child) { margin-bottom: 10px; } } @media (min-width: 768px) { .m-button--ggt picture { width: 370px; } } .m-button--ggt[target=_blank] .m-button__str, [target=_blank] .m-button--ggt .m-button__str { padding-left: 21.25px; padding-right: 21.25px; } .m-button--ggt[target=_blank] .m-button__str:before, [target=_blank] .m-button--ggt .m-button__str:before { background-image: url('data:image/svg+xml;utf8,>'); } @media (hover: hover) { a:hover .m-button { color: #d77e2a; background-color: #f0f0f0; border-color: rgba(0, 0, 0, 0.28); text-decoration: none !important; } a:hover .m-button--em { background-color: #c42f15; color: #fff; } } .m-button--50 { width: 100%; } @media (min-width: 768px) { .m-button--50 { width: 50%; } } .carousel { overflow: hidden; position: relative; z-index: 100; padding-bottom: 16px; width: calc(100% + var(--sidePaddingSp1) * 2); margin-left: calc(var(--sidePaddingSp1) * -1); margin-right: calc(var(--sidePaddingSp1) * -1); } @media (min-width: 768px) { .carousel { padding-bottom: 29px; } .carousel::before, .carousel::after { content: ""; position: absolute; z-index: 101; height: 100%; top: 0; width: 2.5%; } .carousel::before { left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0), white); } .carousel::after { right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0), white); } } .carousel__list { white-space: nowrap; overflow-x: scroll; padding-left: 10%; padding-right: 10%; scroll-padding-left: 10%; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; margin-bottom: -46px; padding-bottom: 46px; } .carousel__list.is-moving { scroll-snap-type: none; } @media (min-width: 768px) { .carousel__list { margin-bottom: -59px; padding-bottom: 59px; } } .carousel__list__item { white-space: normal; display: inline-block; width: 100%; vertical-align: top; scroll-snap-align: start; padding-right: 24px; box-sizing: content-box; } @media (min-width: 768px) { .carousel__list__item { padding-right: 32px; } } .carousel__controler { display: flex; flex-direction: row; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: space-between; align-content: space-between; -webkit-align-items: center; align-items: center; height: 16px; position: absolute; right: 10%; bottom: 0; } .carousel__controler > * { min-width: 0; } .carousel__controler > *.minimum { flex-grow: 0 !important; flex-shrink: 0 !important; white-space: nowrap; } @media (min-width: 768px) { .carousel__controler { height: 29px; } } .carousel__controler__item { width: 16px; height: 16px; position: relative; } @media (min-width: 768px) { .carousel__controler__item { width: 29px; height: 29px; } } .carousel__controler__item::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #f0f0f0; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; transition-delay: 0.1s; } @media (min-width: 768px) { .carousel__controler__item::before { height: 3px; } } .carousel__controler__item[aria-current=true]::before { background-color: #e84124; } .carousel__nav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 102; } .carousel__nav__item { pointer-events: auto; width: 10%; position: absolute; top: 0; height: calc(100% - 16px); transition-property: transform,opacity; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; opacity: 0; } @media (min-width: 768px) { .carousel__nav__item { height: calc(100% - 29px); } } @media (hover: hover) { .carousel__nav__item:hover { cursor: pointer; } } .carousel__nav__item::before { content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 21px; height: 21px; border-radius: 50%; background-image: url('data:image/svg+xml;utf8,'); background-size: 13px 13px; background-position: center; background-repeat: no-repeat; background-color: #000; outline: rgba(232, 65, 36, 0) solid 1px; transition-property: outline,box-shadow; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; box-shadow: 0 0 1.8em 1px rgba(0, 0, 0, 0); } @media (min-width: 768px) { .carousel__nav__item::before { width: 33px; height: 33px; background-size: 21px 21px; background-image: url('data:image/svg+xml;utf8,'); } } .carousel__nav__item[aria-hidden=true] { opacity: 0 !important; cursor: default; } .carousel__nav__item--prev { transform: translateX(-100%); left: 0; } .carousel__nav__item--prev::before { transform: rotate(-90deg); } .carousel__nav__item--next { transform: translateX(100%); right: 0; } .carousel__nav__item--next::before { transform: rotate(90deg); } @media (hover: hover) { .carousel__nav__item:hover::before { box-shadow: 0 0 1.8em 1px rgba(0, 0, 0, 0.07); outline: rgba(232, 65, 36, 0.75) solid 4px; } } html.ua_mobile .carousel__nav__item { opacity: 1; transform: translateX(0) !important; } @media (hover: hover) { .carousel:hover .carousel__nav__item { opacity: 1; transform: translateX(0); } } .gallery { z-index: 200; } .gallery__item { z-index: 105; background-color: #f7f7f7; } .gallery__item.is-actived { z-index: 110; } .gallery__item.is-active, .gallery:not(.is-loaded) .gallery__item:first-child { z-index: 115; } .gallery__selector, .gallery__controler__item { z-index: 120; } .gallery__selector__item { z-index: 121; } .gallery__selector__item__inner { z-index: 122; } .gallery__item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition-property: all; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; transition-property: none; } .gallery:not(.is-loaded) .gallery__item:not(:first-child) { opacity: 0; } .gallery--dissolve .gallery__item { opacity: 0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.4s; } .gallery--dissolve .gallery__item.is-active { transition-duration: 0.4s; transition-delay: 0s; } .gallery--dissolve:not(.is-loaded) .gallery__item:first-child, .gallery--dissolve .gallery__item:only-child, .gallery--dissolve .gallery__item.is-active { opacity: 1; } .gallery--shift { overflow: hidden; } .gallery--shift .gallery__item { width: 110%; transform: translateX(0); transition-property: opacity, transform; transition-duration: 0s; } .gallery--shift .gallery__item.is-active, .gallery--shift .gallery__item.is-actived { transform: translateX(-5%); transition-duration: 1.5s; } .gallery--shift:not(.is-loaded) .gallery__item { transform: translateX(-5%); } .gallery--horizontal { overflow: hidden; } .gallery--horizontal .gallery__item { transform: translateX(100%); transition-property: transform, width; transition-duration: 0s; width: 100%; } .gallery--horizontal .gallery__item.is-active { transform: translateX(0); transition-duration: 0.4s; } .gallery--horizontal .gallery__item.is-actived { transform: translateX(-50%); transition-duration: 0.4s; width: 50%; } .gallery--horizontal:not(.is-loaded) .gallery__item { transform: translateX(0); } .gallery--size { overflow: hidden; } .gallery--size .gallery__item { transition-duration: 1s; background-size: 140% auto; opacity: 0; transition-property: background-size, opacity; } .gallery--size .gallery__item.is-active, .gallery--size .gallery__item.is-actived { opacity: 1; } .gallery--size .gallery__item.is-active { background-size: 120% auto; } .gallery--size .gallery__item.is-actived { background-size: 100% auto; opacity: 1; } .gallery--size:not(.is-loaded) .gallery__item { background-size: 120% auto; opacity: 1; } .gallery--clip .gallery__item { transition-property: all; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; transition-duration: 1.2s; transition-property: clip-path; transition-delay: 1.2s; } .gallery--clip--ellipse .gallery__item { clip-path: ellipse(50% 50% at 50% -50%); } .gallery--clip--ellipse .gallery__item.is-active { transition-delay: 0s; clip-path: ellipse(400% 200% at 100% 0%); } .gallery--gradient { overflow: hidden; } .gallery--gradient .gallery__item { transform: translateY(100%); transition-property: transform, width; transition-duration: 0s; width: 100%; overflow: hidden; } .gallery--gradient .gallery__item::before, .gallery--gradient .gallery__item::after { z-index: 116; transition-property: top,bottom,opacity; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; content: ""; width: 100%; height: 200%; position: absolute; right: 0; } .gallery--gradient .gallery__item::before { transition-duration: 2s; top: 0; background-image: linear-gradient(to top, rgba(232, 65, 36, 0) 0%, rgba(232, 65, 36, 0) 30%, #e84124 50%, #e84124 100%); } .gallery--gradient .gallery__item::after { transition-duration: 0.5s; bottom: 0; background-image: linear-gradient(to bottom, rgba(232, 65, 36, 0) 0%, rgba(232, 65, 36, 0) 30%, #e84124 50%, #e84124 100%); } .gallery--gradient .gallery__item.is-active { transform: translateY(0); transition-duration: 1s; } .gallery--gradient .gallery__item.is-active::before { top: -140%; } .gallery--gradient .gallery__item.is-active::after { bottom: -100%; } .gallery--gradient .gallery__item.is-actived { transform: translateY(-80%); transition-duration: 1s; } .gallery--gradient .gallery__item.is-actived::before { top: 100%; } .gallery--gradient .gallery__item.is-actived::after { bottom: 0; } .gallery--gradient:not(.is-loaded) .gallery__item { transform: translateX(0); } dl.dl--bar-switch { padding-bottom: calc(0.7em + 1px); row-gap: calc(1.4em + 1px); column-gap: 0; } dl.dl--bar-switch dt, dl.dl--bar-switch dd { position: relative; padding: 0 0.7em; } dl.dl--bar-switch dt::before, dl.dl--bar-switch dd::before { content: ""; width: 100%; height: 1px; left: 0; bottom: calc((0.7em + 1px) * -1); position: absolute; } dl.dl--bar-switch dt::before { background-color: currentcolor; } dl.dl--bar-switch dd::before { background-color: #b8b8b8; } .listitem--disc > li, .listitem:not([class*=listitem--]) > li { padding-left: 1.4em; position: relative; } .listitem--disc > li span, .listitem:not([class*=listitem--]) > li span { text-indent: 0; } .listitem--disc > li::before, .listitem:not([class*=listitem--]) > li::before { content: ""; position: absolute; } .listitem--disc > li::before, .listitem:not([class*=listitem--]) > li::before { width: 0.2em; height: 0.2em; border-radius: 50%; left: 0; top: 0.9em; background-color: currentcolor; margin-right: 0.4em; text-align: center; top: 0.8em; left: 0.4em; } .listitem--str { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; row-gap: 0.4em; } .listitem--str dt::after { content: "："; } .listitem--dash > li { padding-left: 1.4em; position: relative; } .listitem--dash > li span { text-indent: 0; } .listitem--dash > li::before { content: ""; position: absolute; } .listitem--dash > li::before { width: 0.4em; height: 1px; border-top-style: solid; border-top-width: 1px; top: 0.9em; left: 0; } ol { list-style: none; } .listitem--recipe { counter-reset: ordered; } .listitem--recipe > li { position: relative; padding-left: 3em; padding-top: 0.6em; padding-bottom: 0.6em; } .listitem--recipe > li::before { position: absolute; left: 0; top: 0.6em; content: counter(ordered, decimal); counter-increment: ordered; display: inline-block; width: 1.5em; line-height: 1.5em; text-align: center; text-indent: 0; background-color: #e84124; color: #fff; border-radius: 50%; } .listitem--recipe > li:first-child { padding-top: 0; } .listitem--recipe > li:first-child::before { top: 0; } .listitem--recipe > li:not(:last-child) { border-bottom: 1px solid transparent; } .listitem--recipe > li:not(:last-child)::after { content: ""; position: absolute; bottom: 0; left: 3em; width: calc(100% - 3em); height: 1px; background-color: rgba(232, 65, 36, 0.5); } .listitem--recipe > li:last-child { padding-bottom: 0; } .m-interview__item { position: relative; background-position: center; display: -ms-grid; display: grid; -ms-grid-columns: auto; grid-template-columns: auto; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-gap: 16px; gap: 16px; } .m-interview__item:not(:last-child) { margin-bottom: 32px; } @media (min-width: 768px) { .m-interview__item:not(:last-child) { margin-bottom: 58px; } } @media (min-width: 768px) { .m-interview__item { -ms-grid-columns: 140px auto; grid-template-columns: 140px auto; -ms-grid-rows: auto; grid-template-rows: auto; grid-gap: 0; gap: 0; } } .m-interview__item--iwasa span:first-child { color: #e84124; } .m-interview__item--iwasa span:first-child::before { background-image: url("../img/iwasa.jpg"); } .m-interview__item--yoshizawa span:first-child { color: #e84124; } .m-interview__item--yoshizawa span:first-child::before { background-image: url("../img/yoshizawa.jpg"); } .m-interview span:first-child { font-size: 14px; letter-spacing: 0.04em; line-height: 1; text-align: center; white-space: nowrap; font-weight: bold; } @media (min-width: 768px) { .m-interview span:first-child { font-size: 14px; letter-spacing: 0.04em; } } .m-interview span:first-child::before { width: 77px; padding-top: 77px; display: block; margin-right: auto; margin-left: auto; content: ""; height: 0; border-radius: 40%; background-size: cover; overflow: hidden; margin-bottom: 0.8em; border: 2px solid currentcolor; } @media (min-width: 768px) { .m-interview span:first-child::before { width: 50%; padding-top: 50%; } } .m-interview span:last-child { display: block; } .js__inview, .js__inview .js__inview__inner, .js__inview::after, .js__inview::before { transition-property: all; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0, 0.55, 0.45, 1); transition-delay: 0s; transition-duration: 0.75s; } .js__inview--false { transition: none; } span.js__inview { display: inline-block; } .is-active--fade-in { transition-property: opacity; opacity: 0; } .is-active--fade-in.is-active, main.no-js .is-active--fade-in { opacity: 1; } @media print { .is-active--fade-in { opacity: 1; } } .is-active--up { transition-property: opacity, transform; opacity: 0; transform: translate(0, 29px); } .is-active--up.is-active, main.no-js .is-active--up { opacity: 1; } @media print { .is-active--up { opacity: 1; } } .is-active--up.is-active, main.no-js .is-active--up { transform: translate(0, 0); } @media print { .is-active--up { transform: translate(0, 0); } } picture.rounded { border-radius: 6px; overflow: hidden; } .m-h-str { width: calc(58.3333333333% - 48px); margin-left: auto; } @media (min-width: 768px) { .m-h-str { width: 43.75%; } } .m-h-group { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 7fr; grid-template-columns: 1fr 7fr; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; } .m-h-group__fig { grid-column: 1/2; grid-row: 1/2; } @media (min-width: 768px) { .m-h-group__fig { grid-column: 1/2; grid-row: 1/-1; } } .m-h-group__h { grid-column: 2/3; grid-row: 1/2; } .m-h-group__p { grid-column: 1/-1; grid-row: 2/3; } @media (min-width: 768px) { .m-h-group__p { grid-column: 2/3; grid-row: 2/3; } } .m-h-group__h { border-top: 1px solid currentcolor; padding-left: 24px; padding-top: 3px; position: relative; } @media (min-width: 768px) { .m-h-group__h { padding-left: 32px; } } .m-h-group__h__heading { padding-top: calc(0.75em - 3px); padding-bottom: 0.75em; padding-left: 1em; position: relative; font-size: 24px; letter-spacing: 0; } @media (min-width: 768px) { .m-h-group__h__heading { font-size: 24px; letter-spacing: 0; } } .m-h-group__h__heading::before { content: ""; position: absolute; left: 0; top: 3px; height: calc(100% - 6px); background-color: #e84124; width: 1px; } .m-h-group__p { padding-top: 1px; } @media (min-width: 768px) { .m-h-group__p { padding-top: 3px; padding-left: 32px; } } .m-h-group__p__str { display: block; border-top: 1px solid #e84124; position: relative; padding-top: 20.75px; } @media (min-width: 768px) { .m-h-group__p__str { padding-top: 20.75px; padding-left: 24px; } .m-h-group__p__str::before { content: ""; position: absolute; left: 0; top: 4px; width: 1px; height: calc(100% - 4px - 0.4em); background-color: #e84124; } } .article-single-body .m-img { position: relative; z-index: 100; } @media (max-width: 768px) { .article-single-body .m-img { width: calc(100% + var(--sidePaddingSp1) * 2); margin-left: calc(var(--sidePaddingSp1) * -1); border-top: var(--sidePaddingSp1) solid transparent; } } .article-single-body .m-img::before { content: ""; position: absolute; width: calc(100% - var(--sidePaddingSp1) * 2); height: 100%; left: var(--sidePaddingSp1); top: calc(var(--sidePaddingSp1) * -1); background-color: #dfd2a3; z-index: 101; } @media (min-width: 768px) { .article-single-body .m-img::before { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: calc(100% + 64px); height: calc(100% - 116px); left: -32px; } } .article-single-body .m-img img { position: relative; z-index: 102; } @media (max-width: 768px) { .article-single-body div.m-img { border-bottom: var(--sidePaddingSp1) solid transparent; } } @media (max-width: 768px) { .article-single-body div.m-img::before { height: calc(100% + var(--sidePaddingSp1) * 2); } } .s-intro { font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; color: #e84124; font-size: 18px; letter-spacing: 0.04em; line-height: 1.8; margin-bottom: 58px; } @media (min-width: 768px) { .s-intro { font-size: 18px; letter-spacing: 0.04em; } } @media (max-width: 768px) { .s-intro { text-align: center; margin-bottom: 32px; } } .s-index { color: #e84124; padding-left: 1.25em; padding-right: 1.25em; position: relative; } @media (min-width: 768px) { .s-index { padding-left: 2em; padding-right: 2em; display: -ms-grid; display: grid; grid-gap: 16px 24px; gap: 16px 24px; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; } } @media (min-width: 768px) and (min-width: 768px) { .s-index { grid-gap: 29px 32px; gap: 29px 32px; } } .s-index::before, .s-index::after { content: ""; position: absolute; top: 0; width: 0.325em; height: 100%; background-size: 100% auto; background-repeat: repeat-y; background-image: url(../img/bar.png); } .s-index::before { left: 0; background-position: center top; } .s-index::after { right: 0; background-position: center; } .s-index__h { font-size: 14px; letter-spacing: 0.04em; border-bottom: 1px solid rgba(232, 65, 36, 0.5); } @media (min-width: 768px) { .s-index__h { font-size: 14px; letter-spacing: 0.04em; } } @media (max-width: 768px) { .s-index__h { padding-bottom: 16px; margin-bottom: 16px; } } @media (min-width: 768px) { .s-index__h { border: none; border-right: 1px solid rgba(232, 65, 36, 0.5); font-size: 16px; letter-spacing: 0.04em; } } @media (min-width: 768px) and (min-width: 768px) { .s-index__h { font-size: 16px; letter-spacing: 0.04em; } } @media (hover: hover) { .s-index__list__item a:hover { color: #e84124; } } .s-index__list__item--recipe { padding-left: 1em; position: relative; } .s-index__list__item--recipe::after { content: ""; width: 0.3em; height: 0.3em; background-color: #e84124; z-index: 101; position: absolute; left: 0; border-radius: 50%; top: calc((1.8em - 0.3em) * 0.5); } .s-index__list__item--h { margin-top: 0.5em; font-size: 14px; letter-spacing: 0.04em; font-weight: bold; } @media (min-width: 768px) { .s-index__list__item--h { font-size: 14px; letter-spacing: 0.04em; } } .s-index__list__item--info { margin-top: 0.5em; } .s-about__btn { text-align: center; } .s-about__btn:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .s-about__btn:not(:last-child) { margin-bottom: 15px; } } .s-about__btn .m-button { vertical-align: top; display: inline-block; } .s-about__btn--ngtv .m-button { color: #fff; background-color: #e84124; } .s-about__btn--ngtv .m-button .m-button__str::before { background-image: url('data:image/svg+xml;utf8,>'); } @media (max-width: 768px) { .contents_width:not(:last-child).s-about__f { width: 70%; } } .s-outline__h { text-align: center; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 6.25vw; text-shadow: -0.1px -0.1px 0 currentcolor, -0.1px 0.1px 0 currentcolor, 0.1px -0.1px 0 currentcolor, 0.1px 0.1px 0 currentcolor; } @media (min-width: 768px) { .s-outline__h { font-size: 36px; } } @media (min-width: 768px) and (min-width: 768px) { .s-outline__h { font-size: 36px; } } .s-outline__h span { display: inline-block; line-height: 1; padding-bottom: 0.6em; margin-bottom: 0.4em; background-image: url(../img/outline__h__hr.png); background-repeat: repeat-x; background-size: auto 0.25em; background-position: center bottom; } .s-outline__fig { padding-top: 16px; padding-bottom: 16px; position: relative; } @media (max-width: 768px) { .s-outline__fig { margin-left: calc(var(--sidePaddingSp1) * -1); margin-right: calc(var(--sidePaddingSp1) * -1); width: calc(100% + var(--sidePaddingSp1) * 2); } } @media (min-width: 768px) { .s-outline__fig { padding-top: 29px; padding-bottom: 29px; } } .s-outline__fig::before, .s-outline__fig::after { content: ""; height: 16px; position: absolute; margin-right: auto; margin-left: auto; right: 0; left: 0; max-width: calc(100% - var(--sidePaddingSp1) * 2); background-image: url(../img/fill.png); background-repeat: repeat-x; background-size: 100% auto; } @media (min-width: 768px) { .s-outline__fig::before, .s-outline__fig::after { height: 29px; max-width: calc(var(--widthDefault) - 210px - 280px); } } .s-outline__fig::before { top: 0; background-position: center top; } .s-outline__fig::after { bottom: 0; background-position: center bottom; } .m-note { border: 1px solid rgba(232, 65, 36, 0.5); padding: 1em; } @media (min-width: 768px) { .m-note { padding-left: 20%; } } @media (min-width: 768px) { .m-note__inner { padding-left: 1.75em; position: relative; } .m-note__inner::before { content: ""; position: absolute; top: 0; left: 0; width: 0.325em; height: 100%; background-size: 100% auto; background-repeat: repeat-y; background-image: url(../img/bar.png); } } .m-note__h { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed rgba(232, 65, 36, 0.5); font-size: 18px; letter-spacing: 0.04em; line-height: 1.8; } @media (min-width: 768px) { .m-note__h { font-size: 18px; letter-spacing: 0.04em; } } .m-note__h span:first-child { font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; } .m-note__h span:last-child { margin-left: 0.35em; font-size: 14px; letter-spacing: 0.04em; } @media (min-width: 768px) { .m-note__h span:last-child { font-size: 14px; letter-spacing: 0.04em; } } @media (min-width: 768px) { .m-note__dl { display: -ms-grid; display: grid; -ms-grid-columns: min-content auto; grid-template-columns: min-content auto; -ms-grid-rows: auto; grid-template-rows: auto; column-gap: 0.2em; } } .m-note__dl dt { position: relative; z-index: 100; padding-right: 0.7em; padding-left: 1em; } @media (min-width: 768px) { .m-note__dl dt { white-space: nowrap; } } .m-note__dl dt::after { content: ""; width: 0.3em; height: 0.3em; background-color: #e84124; z-index: 101; position: absolute; left: 0; border-radius: 50%; top: calc((1.8em - 0.3em) * 0.5); } @media (min-width: 768px) { .m-note__dl dt::before { content: ""; width: calc(100% - 2em); height: 1px; background-color: #ccc; z-index: 101; position: absolute; right: 0; top: calc((1.8em - 1px) * 0.5); } } .m-note__dl dt > span { background-color: #fff; position: relative; z-index: 102; padding-right: 0.2em; } .m-note__dl dt > span:empty { display: none; } @media (max-width: 768px) { .m-note__dl dd { position: relative; padding-left: 1em; } .m-note__dl dd::before { content: ""; width: 0.7em; height: 1px; background-color: #ccc; z-index: 101; position: absolute; left: 0; top: calc((1.8em - 1px) * 0.5); } } .m-howto__h { text-align: center; } .m-howto__h:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .m-howto__h:not(:last-child) { margin-bottom: 29px; } } .m-howto__h span { display: inline-block; padding: 0 2.5em; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 18px; letter-spacing: 0.04em; line-height: 2; position: relative; } @media (min-width: 768px) { .m-howto__h span { font-size: 18px; letter-spacing: 0.04em; } } .m-howto__h span::before, .m-howto__h span::after { content: ""; position: absolute; top: 0; height: 2em; width: 2em; background-image: url(../img/h_knife-fork.png); background-repeat: no-repeat; background-size: 100% 200%; } .m-howto__h span::before { right: 0; background-position: top center; } .m-howto__h span::after { left: 0; background-position: bottom center; } .m-one-point:not(:last-child) { margin-bottom: 32px; } @media (min-width: 768px) { .m-one-point:not(:last-child) { margin-bottom: 58px; } } .m-one-point__fig { z-index: 100; position: relative; } .m-one-point__conteiner { margin-top: -32px; margin-left: auto; width: calc(100% - var(--sidePaddingSp1) * 1); position: relative; } @media (min-width: 768px) { .m-one-point__conteiner { margin-top: -1.618em; width: calc(100% - 140px); } } .m-one-point__conteiner::before { content: ""; position: absolute; z-index: 100; background: radial-gradient(ellipse at center top, #ededed 0%, rgba(237, 237, 237, 0) 40%); width: calc(var(--sidePaddingSp1) * 2); height: 64px; top: 32px; } @media (min-width: 768px) { .m-one-point__conteiner::before { width: 140px; height: 175px; top: 1.618em; } } .m-one-point__conteiner::before { left: calc(var(--sidePaddingSp1) * -1); } @media (min-width: 768px) { .m-one-point__conteiner::before { left: -70px; } } .m-one-point__conteiner__inner { display: -ms-grid; display: grid; grid-gap: 5px 24px; gap: 5px 24px; align-items: center; -ms-grid-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr); -ms-grid-rows: auto auto; grid-template-rows: auto auto; background-color: #fff; z-index: 101; position: relative; padding: 1.25em; padding-top: 0.65em; padding-bottom: 0; } @media (min-width: 768px) { .m-one-point__conteiner__inner { grid-gap: 10px 32px; gap: 10px 32px; } } .m-one-point__conteiner__inner::before { padding: 1.218em 1.618em; padding-top: 0.5em; padding-bottom: 0; content: ""; position: absolute; left: 0; bottom: calc(100% - 2px); width: 100%; height: 2em; background-image: url(../img/one-point__bg.png); background-repeat: no-repeat; background-size: 100% auto; background-position: left bottom; } .m-one-point__container__h { grid-column: 1/-2; grid-row: 1/2; } .m-one-point__container__h h3 { position: relative; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 14px; letter-spacing: 0.04em; line-height: 1.8; text-shadow: -0.1px -0.1px 0 currentcolor, -0.1px 0.1px 0 currentcolor, 0.1px -0.1px 0 currentcolor, 0.1px 0.1px 0 currentcolor; } @media (min-width: 768px) { .m-one-point__container__h h3 { font-size: 14px; letter-spacing: 0.04em; } } .m-one-point__container__h h3 span { position: relative; display: inline-block; } .m-one-point__container__h h3 span::before { content: ""; position: absolute; top: 0; right: -1.75em; width: 1.5em; height: 1.5em; background-image: url(../img/one-point__h.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .m-one-point__container__p { grid-column: 1/-2; grid-row: 2/3; } .m-one-point__container__f { grid-column: -2/-1; grid-row: 1/-1; } .m-one-point__container__f__inner { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; background-size: 200% 200%; background-image: url(../img/one-point__1-4.png); } .m-one-point--1 .m-one-point__container__f__inner { background-position: left top; } .m-one-point--2 .m-one-point__container__f__inner { background-position: right top; } .m-one-point--3 .m-one-point__container__f__inner { background-position: left bottom; } .m-one-point--4 .m-one-point__container__f__inner { background-position: right bottom; } .s-recipe__header__wrap { z-index: 101; position: relative; } .s-recipe__header__wrap + .contents_width { z-index: 100; position: relative; } .s-recipe__header { margin-left: var(--sidePaddingSp1); margin-right: var(--sidePaddingSp1); margin-bottom: -48px; position: relative; z-index: 100; } @media (min-width: 768px) { .s-recipe__header { margin-left: 70px; margin-left: min(5vw, 70px); width: 50%; margin-bottom: -116px; min-width: 420px; } } .s-recipe__header::before, .s-recipe__header::after { content: ""; position: absolute; z-index: 100; background: radial-gradient(ellipse at center bottom, #ededed 0%, #fff 40%); width: calc(var(--sidePaddingSp1) * 2); height: 128px; bottom: 16px; } @media (min-width: 768px) { .s-recipe__header::before, .s-recipe__header::after { width: 140px; height: 175px; bottom: 58px; } } .s-recipe__header::before { left: calc(var(--sidePaddingSp1) * -1); } @media (min-width: 768px) { .s-recipe__header::before { left: -70px; } } .s-recipe__header::after { right: calc(var(--sidePaddingSp1) * -1); } @media (min-width: 768px) { .s-recipe__header::after { right: -70px; } } .s-recipe__header__inner { display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; background-color: #fff; padding: 1.25em; padding-top: 0; position: relative; z-index: 101; } @media (min-width: 768px) { .s-recipe__header__inner { padding: 35px; padding-top: 0; } } .s-recipe__header__en { grid-column: 1/2; grid-row: 1/2; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; color: #e84124; height: 1.8em; padding-top: 0.4em; text-shadow: -0.1px -0.1px 0 currentcolor, -0.1px 0.1px 0 currentcolor, 0.1px -0.1px 0 currentcolor, 0.1px 0.1px 0 currentcolor; font-size: 11px; letter-spacing: 0; } @media (min-width: 768px) { .s-recipe__header__en { font-size: 11px; letter-spacing: 0; } } .s-recipe__header__en span { display: block; letter-spacing: 0.1em; line-height: 1; } .s-recipe__header__no { grid-column: 2/-1; grid-row: 1/2; color: #e84124; font-size: 14px; letter-spacing: 0.04em; line-height: 1.8; padding-left: 2.1em; padding-bottom: 1.8em; font-weight: bold; background-image: url(../img/recipe__header__bar.png); background-repeat: no-repeat; background-size: auto 100%; background-position: left 1em top; } @media (min-width: 768px) { .s-recipe__header__no { font-size: 14px; letter-spacing: 0.04em; } } .s-recipe__header__no:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .s-recipe__header__no:not(:last-child) { margin-bottom: 29px; } } .s-recipe__header__copy { font-weight: bold; grid-column: 1/-1; grid-row: 2/3; padding-bottom: 16px; background-image: url(../img/recipe__header__hr.png); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom center; color: #e84124; } .s-recipe__header__copy:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .s-recipe__header__copy:not(:last-child) { margin-bottom: 15px; } } @media (min-width: 768px) { .s-recipe__header__copy { padding-bottom: 29px; } } .s-recipe__header__copy span { display: inline-block; } .s-recipe__header__h { grid-column: 1/-1; grid-row: 3/4; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 30px; letter-spacing: 0; line-height: 1.35; } @media (min-width: 768px) { .s-recipe__header__h { font-size: 30px; letter-spacing: 0; } } @media (min-width: 768px) { .s-recipe__header__h { font-size: 36px; } } @media (min-width: 768px) and (min-width: 768px) { .s-recipe__header__h { font-size: 36px; } } .s-recipe__header__h span { display: inline-block; } .s-recipe__header__paper { position: absolute; top: 100%; left: 0; width: 100%; } .s-recipe__recommend { text-align: center; margin-top: -48px; z-index: 101; position: relative; width: calc(100% - var(--sidePaddingSp1) * 2); margin-right: auto; margin-left: auto; padding-top: 32px; } @media (min-width: 768px) { .s-recipe__recommend { padding-top: 58px; margin-top: -87px; width: calc(100% - 140px); } } .s-recipe__recommend__fukidashi { pointer-events: none; position: absolute; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: left center; } @media (max-width: 768px) { .s-recipe__recommend__fukidashi { height: 3.6em; } } .s-recipe__recommend__fukidashi--l { left: 0; background-image: url(../img/recipe__fukidashi__l.png); background-position: left center; } .s-recipe__recommend__fukidashi--r { right: 0; background-image: url(../img/recipe__fukidashi__r.png); background-position: right center; } .s-recipe__recommend__h { font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 16px; letter-spacing: 0.04em; line-height: 1.8; } @media (min-width: 768px) { .s-recipe__recommend__h { font-size: 16px; letter-spacing: 0.04em; } } .s-recipe__recommend__h:not(:last-child) { margin-bottom: 8px; } @media (min-width: 768px) { .s-recipe__recommend__h:not(:last-child) { margin-bottom: 15px; } } .s-recipe__recommend__p { padding-left: 2em; padding-right: 2em; } .s-recipe__recommend__p span { display: inline-block; } .m-fukidashi { display: -ms-grid; display: grid; grid-gap: 8px 12px; gap: 8px 12px; align-items: center; -ms-grid-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr); } @media (min-width: 768px) { .m-fukidashi { grid-gap: 15px 16px; gap: 15px 16px; } } @media (min-width: 768px) { .m-fukidashi { padding-left: 105px; padding-right: 105px; } } .m-fukidashi__f { grid-column: 1/2; background-image: url(../img/fukidashi-l.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; padding-right: 3em; } @media (max-width: 768px) { .m-fukidashi__f { padding-right: 7vw; } } .m-fukidashi__p { text-align: center; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 18px; letter-spacing: 0.04em; color: #e84124; grid-column: 2/-1; height: 100%; background-image: url(../img/fukidashi-r.png); background-repeat: no-repeat; background-position: right center; background-size: auto 70%; padding-right: 3em; display: -ms-grid; display: grid; grid-gap: 16px 24px; gap: 16px 24px; align-items: center; } @media (min-width: 768px) { .m-fukidashi__p { font-size: 18px; letter-spacing: 0.04em; } } @media (min-width: 768px) { .m-fukidashi__p { grid-gap: 29px 32px; gap: 29px 32px; } } @media (max-width: 768px) { .m-fukidashi__p { background: none; padding-right: 0; font-size: 16px; letter-spacing: 0.04em; } } @media (max-width: 768px) and (min-width: 768px) { .m-fukidashi__p { font-size: 16px; letter-spacing: 0.04em; } } .m-fukidashi__p span { display: inline-block; } .s-fukidashi { position: relative; z-index: 100; } .s-fukidashi::after { pointer-events: none; content: ""; position: absolute; width: 100%; height: 0; left: 0; bottom: 16%; padding-top: 100%; z-index: 102; background-image: url(../img/s-fukidashi__bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center bottom; } @media (min-width: 768px) { .s-fukidashi::after { bottom: 105px; } } .s-fukidashi__inner { position: relative; z-index: 110; } .s-fukidashi__t, .s-fukidashi__p, .s-fukidashi__b, .s-fukidashi__f { position: relative; z-index: 120; } .s-fukidashi__p { font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 24px; letter-spacing: 0; color: #e84124; } @media (min-width: 768px) { .s-fukidashi__p { font-size: 24px; letter-spacing: 0; } } @media (min-width: 768px) { .s-fukidashi__p { font-size: 24px; letter-spacing: 0; width: 50%; margin-right: auto; margin-left: auto; } } @media (min-width: 768px) and (min-width: 768px) { .s-fukidashi__p { font-size: 24px; letter-spacing: 0; } } .s-fukidashi__p p { text-align: center; } .s-fukidashi__p span { display: block; } .s-fukidashi__t, .s-fukidashi__b { margin-right: auto; margin-left: auto; width: 40%; } @media (min-width: 768px) { .s-fukidashi__t, .s-fukidashi__b { width: 30%; } } .s-fukidashi__t { margin-bottom: 0; width: 38%; } @media (min-width: 768px) { .s-fukidashi__t { width: 28%; } } .s-fukidashi__b { margin-top: 0.4em; margin-bottom: 0.7em; width: 40%; } @media (min-width: 768px) { .s-fukidashi__b { width: 30%; } } .s-fukidashi__f { margin-right: auto; margin-left: auto; width: 50%; } @media (min-width: 768px) { .s-fukidashi__f { width: 35%; } } .h-bar { padding-left: 2em; position: relative; } .h-bar:not(:last-child) { margin-bottom: 16px; } @media (min-width: 768px) { .h-bar:not(:last-child) { margin-bottom: 29px; } } @media (min-width: 768px) { .h-bar { padding-left: 3em; font-size: 24px; letter-spacing: 0; } } @media (min-width: 768px) and (min-width: 768px) { .h-bar { font-size: 24px; letter-spacing: 0; } } .h-bar::before { content: ""; position: absolute; width: 2.5em; left: 1em; top: 0; height: calc(100% + 32px); background-image: url(../img/h-bar.png); background-repeat: no-repeat; background-size: 0.4em auto; } @media (min-width: 768px) { .h-bar::before { left: 1.5em; height: calc(100% + 58px); } } .h-bar.h-bar--1::before { background-position: left top; } .h-bar.h-bar--2::before { background-position: left center; } .h-bar.h-bar--3::before { background-position: left bottom; } .h-bar span { display: inline-block; } .btmf { padding-top: 0.9em; text-align: center; } @media (min-width: 768px) { .btmf { text-align: right; padding-top: 1.8em; padding-right: 18%; } } .btmf__inner { padding-left: 2em; padding-right: 2em; display: inline-block; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; color: #e84124; width: auto; position: relative; font-size: 18px; letter-spacing: 0.04em; } @media (min-width: 768px) { .btmf__inner { font-size: 18px; letter-spacing: 0.04em; } } .btmf__fukidashi { pointer-events: none; position: absolute; bottom: 0; height: calc(100% + 1.8em); width: 100%; background-repeat: no-repeat; background-size: auto 100%; background-position: left center; font-family: "Stick", sans-serif; font-weight: 400; font-style: normal; line-height: 1.5; } @media (min-width: 768px) { .btmf__fukidashi { height: calc(100% + 3.6em); } } .btmf__fukidashi--l { left: 0; background-image: url(../img/recipe__fukidashi__l.png); background-position: left center; } .btmf__fukidashi--r { right: 0; background-image: url(../img/recipe__fukidashi__r.png); background-position: right center; } .hr-img { position: relative; z-index: 100; border: 0; height: auto; } .hr-img:not(:last-child) { margin-bottom: 64px; } @media (min-width: 768px) { .hr-img:not(:last-child) { margin-bottom: 116px; } } .hr-img::before { z-index: 101; content: ""; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 5px; background-image: url(../img/hr.png); background-repeat: no-repeat; background-size: auto 100%; background-position: center; } @media (min-width: 768px) { .hr-img::before { width: 30%; height: 8px; } } .hr-img::after { content: ""; position: relative; z-index: 102; display: block; margin-right: auto; margin-left: auto; width: 52px; height: 52px; background-color: #fff; padding-left: 1em; padding-right: 1em; background-image: url(../img/hr__fig.png); background-repeat: no-repeat; background-size: auto 300%; box-sizing: content-box; } @media (min-width: 768px) { .hr-img::after { width: 78px; height: 78px; } } .hr-img.hr-img--egg::after { background-position: top center; } .hr-img.hr-img--shrimp::after { background-position: center center; } .hr-img.hr-img--sierracup::after { background-position: bottom center; } .reg { top: 0.45em; position: relative; display: inline; } .m-fukidashi__p .reg { top: 0.3em; }