@charset "utf-8";#paint{background-color:#F1F1EE}@media screen and (max-width:767px){#paint{margin-bottom:6.25%;padding-bottom:6.25%}}@media screen and (min-width:768px){#paint{margin-bottom:100px;padding-bottom:100px}}#merit>div{background-color:#FFF;margin-left:auto;margin-right:auto}#merit>div h2{line-height:1;text-align:center}#merit>div h2 span{background-image:-webkit-linear-gradient(top,transparent 0,transparent 40%,#FFFFA1 40%,#FFFFA1 100%);background-image:linear-gradient(to bottom,transparent 0,transparent 40%,#FFFFA1 40%,#FFFFA1 100%);color:#333}#merit>div dl{color:#F15A24;line-height:1.6}#merit>div dl dt{background-color:#FFFCD1;display:inline-block;border:1px solid #FBB03B;text-align:center;width:7em}@media screen and (max-width:767px){#merit{margin-bottom:6.25%;padding-top:6.25%}#merit>div{box-shadow:2px 2px 0 0 rgba(212,212,203,1);padding:3.125%;width:93.75%}#merit>div h2{margin-bottom:-webkit-calc(0.5em + 1.785714285714286%);margin-bottom:calc(0.5em + 1.785714285714286%)}#merit>div h2 span{font-size:125%}#merit>div dl dt{margin-bottom:.2em}#merit>div dl dd+dt{margin-top:1em}}@media screen and (min-width:768px){#merit{}#merit>div{box-shadow:6px 6px 0 0 rgba(212,212,203,1);padding:30px 30px;width:-webkit-calc(100% - (40px * 2));width:calc(100% - (40px * 2));max-width:850px}#merit>div h2{margin-bottom:20px}#merit>div h2 span{font-size:175%}#merit>div dl{font-size:125%}#merit>div dl:after{clear:both;content:"";display:block}#merit>div dl dt{float:left;margin-right:1em}#merit>div dl dd:not(:last-child){margin-bottom:1em}}@media screen and (min-width:768px) and (max-width:939px){#merit{padding-top:100px}}@media screen and (min-width:768px) and (max-width:1023px){#merit{margin-bottom:100px}}@media screen and (min-width:940px){#merit>div{position:relative}}@media screen and (min-width:1024px){#merit>div{top:-97px}#merit>div:after{background:#FFF url(https://tadakenso.net/images/user/painting/merit_010.webp) right bottom no-repeat;background-size:contain;content:"";display:block;height:108px;position:absolute;bottom:30px;right:20px;width:202px}}#paints>div{background-color:#FFF;border-radius:7px;margin-left:auto;margin-right:auto;position:relative}#paints>div:before{background-image:url(https://tadakenso.net/images/user/icon/point_c.webp);background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:block;position:absolute}#paints>div h3{color:#F15A24}#paints>div figure figcaption *+h3{margin-top:1em}#paints>div figure figcaption h3 strong{text-decoration:underline 1px}#paints>div figure figcaption p{color:#666;font-size:87.5%}#paints>div figure dl{text-align:center}#paints>div figure dl dt h3{text-align:center}#paints>div table{border-top:1px solid #F15A24;line-height:1.6;margin-left:auto;margin-right:auto;position:relative;text-align:center}#paints>div table tr{position:relative}#paints>div table tr th{background-color:#FFF;border-bottom:1px solid #666;color:#333}#paints>div table tr td{border-bottom:1px solid #666;color:#666}#paints>div table tr:nth-child(odd) td{background-color:#FFFCD1}#paints>div table tr:nth-child(even) td{background-color:#E2E9E3}#paints>div table tr td strong{color:red}#paints>div table tr td strong:after{background:url(https://tadakenso.net/images/user/icon/recommend.webp) center center no-repeat;background-size:contain;content:"";display:block;height:3.25em;position:absolute;top:50%;-ms-transform:translate(-100%,-50%);-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);width:5.125em}@media screen and (max-width:319px){#paints>div table{font-size:50%}}@media screen and (min-width:320px) and (max-width:359px){#paints>div table{font-size:62.5%}}@media screen and (min-width:360px) and (max-width:413px){#paints>div table{font-size:75%}}@media screen and (min-width:414px) and (max-width:479px){#paints>div table{font-size:81.25%}}@media screen and (max-width:479px){#paints>div table{margin-left:3em}#paints>div table tr th:nth-child(1){min-width:5em}#paints>div table tr th:nth-child(3){min-width:4em}#paints>div table tr th:nth-child(4){min-width:5em}}@media screen and (min-width:480px){#paints>div table tr th:nth-child(3){min-width:5em}#paints>div table tr th:nth-child(4){min-width:6em}}@media screen and (min-width:480px) and (max-width:767px){#paints>div table{font-size:87.5%}#paints>div table tr th:nth-child(1){min-width:6em}}@media screen and (min-width:480px) and (max-width:1023px){#paints>div table{margin-left:4em}}@media screen and (max-width:767px){#paints{margin-bottom:6.25%}#paints>div{box-shadow:2px 2px 0 0 rgba(0,0,0,.1);padding:calc((3.125% * 2) + 58px) 3.125% 3.125%;width:93.75%}#paints>div:before{height:58px;margin-top:3.571428571428571%;top:0;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:58px}#paints>div figure{margin-bottom:3.571428571428571%}#paints>div figure figcaption{margin-bottom:1.785714285714286%}#paints>div figure dl dd img{width:85.71428571428571%;max-width:428px}#paints>div figure dl dt{display:none}#paints>div table{border-spacing:1px 0}#paints>div table tr th{padding:.4em .5em}#paints>div table tr td{padding:.4em .5em}#paints>div table tr td:nth-child(2){text-align:left}}@media screen and (min-width:768px){#paints{margin-bottom:100px}#paints>div{box-shadow:6px 6px 0 0 rgba(0,0,0,.1);padding:30px 0;width:-webkit-calc(100% - (20px * 2));width:calc(100% - (20px * 2));max-width:1100px}#paints>div:before{height:116px;top:30px;left:14px;width:116px}#paints>div figure{margin-bottom:30px;padding-left:150px}#paints>div table{border-collapse:separate;border-spacing:10px 0}#paints>div table tr th{padding:.5em 0}#paints>div table tr td{padding:.5em 0}#paints>div table tr th:nth-child(1){min-width:8em}#paints>div table tr td:nth-child(2){padding:.5em 1em}}@media screen and (min-width:768px) and (max-width:939px){#paints>div figure{padding-right:30px}#paints>div figure figcaption{margin-bottom:20px}#paints>div figure dl dd img{width:428px}#paints>div table{font-size:87.5%}}@media screen and (min-width:940px){#paints>div figure{border-collapse:separate;border-spacing:0;display:table;table-layout:fixed}#paints>div figure figcaption{display:table-cell;padding-right:1em;vertical-align:top}#paints>div figure dl{display:table-cell;vertical-align:top;width:46%}#paints>div figure dl dd img{width:98%}}@media screen and (max-width:1023px){#paints>div table{max-width:100%}#paints>div table tr td strong:after{left:.5em}}@media screen and (min-width:1024px){#paints>div table tr td strong:after{left:-.5em}}#sign picture{text-align:center}#sign picture img{max-width:640px}@media screen and (max-width:767px){#sign{margin-bottom:6.25%}#sign picture img{width:93.75%}}@media screen and (min-width:768px){#sign{margin-bottom:100px}#sign [class^="title_icon_"]{margin-bottom:28px}}@media screen and (min-width:1024px){#sign picture img{width:50%}}#painting{text-align:center}#painting>div{background-color:#FFF;border-radius:7px;position:relative}@media screen and (max-width:767px){#painting{}#painting>div{margin:0 auto 3.125%;padding:3.125% 3.125% 0;width:93.75%}#painting>p .link_to{font-size:87.5%}}@media screen and (min-width:768px){#painting{}#painting>div{margin-bottom:50px}#painting>p .link_to{font-size:100%}}#flow picture img{width:100%}@media screen and (max-width:319px){#flow h2 img{width:160px}}@media screen and (min-width:320px) and (max-width:3599px){#flow h2 img{width:240px}}@media screen and (min-width:360px) and (max-width:767px){#flow h2 img{width:320px}}@media screen and (max-width:767px){#flow{margin-bottom:3.571428571428571%}}@media screen and (min-width:768px){#flow{margin-bottom:50px;padding:30px 0}#flow h2{margin-bottom:10px}#flow h2 img{width:613px}#flow picture{padding:0 5%}}#coats{text-align:left}#coats:after{content:"";display:block;pointer-events:none}#coats.lazyloaded:after{background-image:url(https://tadakenso.net/images/user/painting/painting.webp);background-repeat:no-repeat}#coats h2{color:#CD0024;line-height:1.2}#coats h2>strong{background-color:#CD0024;color:#FFF;display:inline-block;padding-left:.2em;margin-right:.2em;position:relative}#coats h2>strong span{background-color:#FBB03B;color:#000;font-size:30%;line-height:1;position:absolute;top:-webkit-calc(-2em - 12px);top:calc(-2em - 12px);padding:.6em .8em}#coats h2>strong span:after{border-style:solid;content:"";display:block;height:0;position:absolute;bottom:0;-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);width:0}#coats h2>strong span:nth-child(1):after{border-width:0 8px 8px 0;border-color:transparent #FBB13B transparent transparent;right:1em}#coats h2>strong span:nth-child(2):after{border-width:8px 8px 0 0;border-color:#FBB13B transparent transparent transparent;left:1em}#coats h2>b:last-child{position:relative}#coats h2>b:last-child:after{background:url(https://tadakenso.net/images/user/icon/star.webp) center center no-repeat;background-size:contain;content:"";display:block;height:1.375em;position:absolute;top:0;right:0;-ms-transform:translate(50%,-35%);-webkit-transform:translate(50%,-35%);transform:translate(50%,-35%);width:1.666666666666667em}#coats ul>li{display:inline-block;text-align:center;vertical-align:top}#coats ul>li h3{background-color:#013666;color:#FFF;position:relative}#coats ul>li h3:after{border-style:solid;content:"";display:block;height:0;position:absolute;width:0}#coats ul>li h4{background-color:#013666;color:#FFF;margin-left:auto;margin-right:auto;width:6em}@media screen and (max-width:479px){#coats ul>li{margin-top:3.571428571428571%}#coats ul>li h4{margin-bottom:1.785714285714286%}}@media screen and (min-width:480px) and (max-width:767px){#coats>div:after{clear:both;content:"";display:block}#coats ul{width:-webkit-calc((100% - 3.571428571428571%) / 2);width:calc((100% - 3.571428571428571%) / 2)}#coats ul>li{margin-top:4.95049504950495%}#coats ul:nth-child(odd){float:left}#coats ul:nth-child(even){float:right}#coats ul>li h4{margin-bottom:2.475247524752475%}}@media screen and (max-width:767px){#coats{}#coats:after{margin-top:3.571428571428571%;padding-top:90%}#coats.lazyloaded:after{background-position:center top;background-size:50% auto}#coats h2>span{font-size:112.5%}#coats h2>b{font-size:150%}#coats h2>strong{font-size:125%}#coats h2>strong span:nth-child(1){left:0em}#coats h2>strong span:nth-child(2){left:12em}#coats ul>li{width:100%}#coats ul>li h3{font-size:125%;line-height:2;margin-bottom:8px}#coats ul>li h3:after{border-color:#013666 transparent transparent transparent;border-width:8px 16px 0 16px;bottom:0;left:50%;-ms-transform:translate(-50%,100%);-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}}@media screen and (min-width:768px){#coats{margin-bottom:100px;padding-bottom:30px;padding-left:5%;position:relative}#coats:after{position:absolute;bottom:0;right:-20px}#coats.lazyloaded:after{background-position:center bottom;background-size:contain}#coats h2{margin-bottom:20px}#coats h2>span{font-size:225%}#coats h2>b{font-size:300%}#coats h2>strong{font-size:250%}#coats h2>strong span:nth-child(1){left:-2em}#coats h2>strong span:nth-child(2){left:6em}#coats ul{margin-top:30px;text-align:left}#coats ul>li{margin-left:1px}#coats ul>li h3:after{border-color:transparent transparent transparent #013666;top:50%;right:0;-ms-transform:translate(100%,-50%);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}#coats ul>li h4{margin-bottom:8px}#coats ul>li img{width:100%}}@media screen and (min-width:768px) and (max-width:939px){#coats ul>li{width:180px}#coats:after{height:400px;width:160px}}@media screen and (min-width:768px) and (max-width:1199px){#coats ul>li h3{font-size:150%;height:42px;line-height:42px;margin-bottom:10px}#coats ul>li h3:after{border-width:21px 0 21px 16px}}@media screen and (max-width:939px){#coats h2>strong{margin-top:calc(0.8em + 12px)}}@media screen and (min-width:940px){#coats ul>li{width:207px}}@media screen and (min-width:940px) and (max-width:1023px){#coats:after{height:500px;width:200px}}@media screen and (min-width:1024px) and (max-width:1199px){#coats:after{height:600px;width:240px}}@media screen and (max-width:1199px){#coats ul>li:first-child{display:block}}@media screen and (min-width:1200px){#coats:after{height:675px;width:270px}#coats h2{padding-right:260px}#coats>p{padding-right:260px}#coats ul>li:first-child{padding-top:42px;padding-right:20px}#coats ul>li h3{font-size:200%;height:154px;line-height:154px}#coats ul>li h3:after{border-width:77px 0 77px 16px}}.wp_point{display:block}.wp_point span{color:#FFF;display:inline-block;text-align:center;vertical-align:top;width:5em}.wp_point b{background-color:#FFFFCA;color:#163B5D;display:inline-block;vertical-align:top}@media screen and (max-width:767px){.wp_point{}.wp_point span{background-image:-webkit-linear-gradient(114deg,#2E2E63 0,#2E2E63 50%,#020828 50%,#020828 100%);background-image:linear-gradient(156deg,#020828 0,#020828 50%,#2E2E63 50%,#2E2E63 100%);padding:.1em}.wp_point b{font-size:125%;line-height:1.4;padding:.3em .3em .3em .6em}}@media screen and (min-width:768px){.wp_point{}.wp_point span{background-image:-webkit-linear-gradient(119.5deg,#2E2E63 0,#2E2E63 50%,#020828 50%,#020828 100%);background-image:linear-gradient(150.5deg,#020828 0,#020828 50%,#2E2E63 50%,#2E2E63 100%)}.wp_point b{padding:0 .3em 0 .6em}}@media screen and (min-width:768px) and (max-width:1023px){.wp_point{margin-top:20px}.wp_point span{font-size:112.5%;height:48px;line-height:48px}.wp_point b{font-size:150%}}@media screen and (min-width:1024px){.wp_point span{font-size:125%;height:56px;line-height:56px}.wp_point b{font-size:175%}}@media screen and (min-width:1024px) and (max-width:1199px){.wp_point span{background-image:-webkit-linear-gradient(121.5deg,#2E2E63 0,#2E2E63 50%,#020828 50%,#020828 100%);background-image:linear-gradient(148.5deg,#020828 0,#020828 50%,#2E2E63 50%,#2E2E63 100%);width:4.5em}}#differences{background:#E4F1F6;position:relative;z-index:1}#differences.lazyloaded{background-size:cover,cover!important}#differences>div{background-color:#FFF;border-radius:10px;margin-left:auto;margin-right:auto;position:relative;z-index:1}#differences>div:after{content:"";display:block}#differences>div.lazyloaded:after{background:url(https://tadakenso.net/images/user/waterproof/differences_020.webp) center bottom no-repeat;background-size:contain}#differences>div h2:after{content:"";display:inline-block;vertical-align:middle}#differences>div h2.lazyloaded:after{background:url(https://tadakenso.net/images/user/waterproof/differences_030.webp) center center no-repeat;background-size:contain}#differences>div p{margin-top:.5em}#differences>div.lazyloaded p{background-image:url(https://tadakenso.net/images/user/waterproof/differences_040.webp);background-repeat:no-repeat}#differences>div p b{text-decoration:underline 1px}#differences>div p strong{font-size:150%;line-height:1.2}#differences picture{text-align:center}#differences picture img{max-width:856px}@media screen and (max-width:767px){#differences{padding-bottom:6.25%}#differences>div{box-shadow:0 0 6px 2px rgba(0,241,188,.7);margin-bottom:3.125%;padding:3.125% 3.125% 0;width:93.75%}#differences>div:after{padding-top:100%}#differences>div h2{text-align:center}#differences>div h2:after{padding-top:46%;width:100%}#differences>div h2 img{width:100%;}#differences>div p{font-size:112.5%}#differences>div.lazyloaded p{background-position:right bottom;background-size:auto 43px}#differences picture img{width:93.75%}}@media screen and (min-width:768px){#differences{padding-bottom:100px}#differences>div{box-shadow:0 0 18px 6px rgba(0,241,188,.7);margin-bottom:50px;padding-top:30px;width:-webkit-calc(100% - (20px * 2));width:calc(100% - (20px * 2));max-width:1085px}#differences>div p{font-size:125%}#differences>div.lazyloaded p{background-position:-webkit-calc(100% - 30px) bottom;background-position:calc(100% - 30px) bottom;background-size:81px 86px}#differences picture img{width:100%}}@media screen and (min-width:768px) and (max-width:939px){#differences>div:after{height:432px}#differences>div .wp_point{padding:0 30px}#differences>div p{padding:0 30px}}@media screen and (min-width:768px) and (max-width:1023px){#differences>div h2{width:500px}#differences>div h2:after{height:118px;width:22%}#differences>div h2 img{width:78%}}@media screen and (max-width:939px){#differences.lazyloaded{background:-webkit-linear-gradient(top,#E4F1F6 0,transparent 40%,transparent 100%),url(https://tadakenso.net/images/user/waterproof/differences_001.webp) center bottom no-repeat;background:linear-gradient(to bottom,#E4F1F6 0,transparent 40%,transparent 100%),url(https://tadakenso.net/images/user/waterproof/differences_001.webp) center bottom no-repeat}#differences>div:after{width:100%}}@media screen and (min-width:940px){#differences.lazyloaded{background:-webkit-linear-gradient(top,#E4F1F6 0,transparent 40%,transparent 100%),url(https://tadakenso.net/images/user/waterproof/differences_000.webp) center bottom no-repeat;background:linear-gradient(to bottom,#E4F1F6 0,transparent 40%,transparent 100%),url(https://tadakenso.net/images/user/waterproof/differences_000.webp) center bottom no-repeat}#differences>div{padding-bottom:30px}#differences>div:after{height:100%;position:absolute;left:0;bottom:0;width:31.4%}#differences .wp_point{padding:0 30px 0 31.4%}#differences>div p{padding:0 30px 0 31.4%}}@media screen and (max-width:1023px){#differences>div h2{margin-left:auto;margin-right:auto}}@media screen and (min-width:1024px){#differences>div h2{padding:0 30px 0 31.4%}#differences>div h2:after{height:200px;width:25%}#differences>div h2 img{margin-left:-4.5%;width:79.5%}}#quality{background-color:#E3F1F6}#quality>div{background-color:#FFF;border-radius:10px;margin-left:auto;margin-right:auto}#quality>div figure figcaption p{margin-top:.5em}#quality>div figure figcaption p b{text-decoration:underline 1px}#quality>div figure figcaption p strong{font-size:150%;line-height:1.2}#quality>div figure figcaption p b strong{text-decoration:underline 1px #F15A24}#quality>div figure picture{text-align:center}#quality>div figure picture img{width:100%;max-width:442px}#quality>div>picture{text-align:center}#quality>div>picture img{width:100%;max-width:780px}@media screen and (max-width:767px){#quality{margin-bottom:6.25%;padding-top:6.25%;padding-bottom:6.25%}#quality>div{box-shadow:0 0 6px 2px rgba(0,241,188,.7);margin-left:auto;margin-right:auto;padding:3.125%;width:93.75%}#quality>div figure{margin-bottom:3.571428571428571%}#quality>div figure figcaption h2{margin-bottom:3.571428571428571%}#quality>div figure figcaption h2 img{width:100%;max-width:640px}#quality>div figure figcaption p{font-size:112.5%}}@media screen and (min-width:768px){#quality{margin-bottom:100px;padding-top:100px;padding-bottom:100px}#quality>div{box-shadow:0 0 18px 6px rgba(0,241,188,.7);padding:30px 0}#quality>div figure{margin-bottom:30px}#quality>div figure figcaption h2{margin-bottom:20px}#quality>div figure figcaption p{font-size:125%}#quality>div>picture{padding:0 30px}}@media screen and (min-width:768px) and (max-width:939px){#quality>div>figure{padding:0 30px}#quality>div figure figcaption h2 img{width:640px}}@media screen and (min-width:940px){#quality>div figure{display:table;padding-left:6%;table-layout:fixed}#quality>div figure figcaption{display:table-cell;vertical-align:middle}#quality>div figure figcaption h2{margin-left:-4.5%}#quality>div figure picture{display:table-cell;vertical-align:middle;width:37%}}#same{text-align:center}@media screen and (max-width:767px){#same{margin-bottom:6.25%}#same h2 img{width:96.875%}#same p{padding:0 3.125%}#same picture{margin-top:3.125%}}@media screen and (min-width:768px){#same{margin-bottom:100px}#same h2{margin-bottom:30px}#same h2 img{width:100%;max-width:1161px}}#variations{background-color:#F1F1EE}#variation>div{text-align:center}#variation>div a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#FFFCD1;border:1px solid #FBB03B;box-shadow:0 4px 2px -1px rgb(0,0,0,.3);display:inline-block;position:relative;text-decoration:none;transition:opacity 0.2s ease-out 0s;vertical-align:top}#variation>div a:hover{opacity:.7}#variation>div a:after{border-color:#FBB03B transparent transparent transparent;border-style:solid;border-width:12px 12px 0 12px;content:"";display:block;height:0;position:absolute;bottom:0;left:50%;-ms-transform:translate(-50%,100%);-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:0}#variation>div a p{line-height:1.4}#variation>div a span{color:#F15A24;display:block;line-height:1.2;margin-top:.5em}#variation figure>picture{text-align:center}#variation figure figcaption:before{content:"";display:block;float:right}#variation figure figcaption.lazyloaded:before{background:url(https://tadakenso.net/images/user/waterproof/variation/mark.webp) center center no-repeat;background-size:contain}#variation figure figcaption h3{line-height:1.2;margin-bottom:.3em}#variation figure figcaption h3 span{background-image:-webkit-linear-gradient(bottom,#FFFFA1 0,#FFFFA1 35%,transparent 35%,transparent 100%);background-image:linear-gradient(to top,#FFFFA1 0,#FFFFA1 35%,transparent 35%,transparent 100%)}#variation figure figcaption>span{background-color:#D2B74E;border-radius:100px;color:#FFF;display:inline-block;height:2.4em;line-height:2.4em;margin-right:.3em;margin-bottom:.3em;text-align:center;vertical-align:middle;width:13em}#variation figure figcaption>span b{font-size:150%;font-weight:400;line-height:1;margin-left:.2em;position:relative;top:.1em}#variation figure figcaption>strong{color:#F15A24;display:block;line-height:1.4;margin-top:.3em}#variation figure figcaption p{font-size:87.5%}#variation figure figcaption p strong{color:#F15A24}#variation figure figcaption ul{font-size:112.5%;margin-top:1em}#variation figure figcaption ul>li{display:inline-block;margin-bottom:1em;margin-right:1em;vertical-align:top}#variation figure figcaption ul>li h4{background-color:#1B2073;color:#FFF;height:1.5em;line-height:1.5em;margin-bottom:.5em;position:relative;text-align:center;width:5em}#variation figure figcaption ul>li:first-child h4{background:-webkit-linear-gradient(310deg,#69BCE7 0,#69BCE7 12.5%,#004C91 70%,#004C91 100%);background:linear-gradient(145deg,#69BCE7 0,#69BCE7 12.5%,#004C91 70%,#004C91 100%)}#variation figure figcaption ul>li h4:after{border-color:transparent transparent transparent #1B1F73;border-style:solid;border-width:.75em 0 .75em .5em;content:"";display:block;height:0;position:absolute;top:50%;right:0;-ms-transform:translate(100%,-50%);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);width:0}#variation figure figcaption ul>li:first-child h4:after{border-color:transparent transparent transparent #004C91}#variation figure figcaption ul>li p{line-height:1}#variation figure figcaption ul>li p .mdi-star,#variation figure figcaption ul>li p .mdi-star-outline{color:#FBB03B;font-size:150%}#variation figure figcaption>h4{background-color:#FFFCD1;border:1px solid #FBB03B;color:#F15A24;display:inline-block;height:1.75em;line-height:-webkit-calc(1.75em - 2px);line-height:calc(1.75em - 2px);text-align:center;width:7.5em}#variation figure figcaption picture{text-align:center}#variation>hr{background-color:transparent;border-top:1px dashed #FBB03B;height:0}@media screen and (min-width:320px) and (max-width:359px){#variation figure figcaption>span{font-size:75%}}@media screen and (min-width:360px) and (max-width:374px){#variation figure figcaption>span{font-size:87.5%}}@media screen and (max-width:359px){#variation figure figcaption:before{height:76px;margin-right:-1.785714285714286%;width:72px}}@media screen and (min-width:360px) and (max-width:767px){#variation figure figcaption:before{height:90px;margin-top:-3.571428571428571%;margin-right:-3.571428571428571%;width:89px}}@media screen and (max-width:767px){#variations{margin-bottom:6.25%;padding-top:6.25%;padding-bottom:6.25%}#variation>p{padding:0 3.125%}#variation>div{margin-bottom:3.125%}#variation>div a{margin:3.125% 1.5625% 12px;padding:.5em .1em;width:136px}#variation>div a p{font-size:75%}#variation>div a span{font-size:87.5%}#variation figure{box-shadow:2px 2px 0 0 rgba(0,0,0,.1);margin:3.125% auto 0;padding:3.125%;width:93.75%}#variation figure figcaption{margin-bottom:3.571428571428571%}#variation figure figcaption h3{font-size:150%}#variation figure figcaption img[src$="recommend.webp"]{width:41px}#variation figure figcaption>h4{margin-bottom:.5em}#variation figure figcaption picture img{width:100%;max-width:588px}#variation>hr{margin:-webkit-calc(3.125% + 2px) auto 0;margin:calc(3.125% + 2px) auto 0;width:93.75%}#variation figure>picture img{width:75%;max-width:398px}}@media screen and (min-width:768px){#variations{margin-bottom:100px;padding-top:100px;padding-bottom:100px}#variation>p{text-align:center}#variation>div{margin-top:20px;margin-bottom:50px}#variation>div a{margin:30px 5px 12px;padding:20px 10px;width:200px}#variation>div a p{font-size:87.5%}#variation figure{margin-top:50px}#variation figure figcaption:before{height:190px;margin-top:-20px;margin-right:-20px;width:178px}#variation figure figcaption h3{font-size:200%}#variation figure figcaption>span{font-size:125%}#variation figure figcaption img[src$="recommend.webp"]{width:82px}#variation figure figcaption>strong{font-size:125%}#variation>hr{margin:56px 0 0}}@media screen and (min-width:768px) and (max-width:939px){#variation figure figcaption picture img{width:588px}#variation figure>picture{margin-top:30px}#variation figure>picture img{width:398px}}@media screen and (min-width:768px) and (max-width:1023px){#variation figure{box-shadow:6px 6px 0 0 rgba(0,0,0,.1);padding:30px}}@media screen and (min-width:940px) and (max-width:1023px){#variation figure figcaption picture img{width:735px}#variation figure>picture{margin-top:30px}#variation figure>picture img{width:597px}}@media screen and (max-width:1023px){#variation figure{background-color:#FFF}}@media screen and (min-width:1024px){#variation figure:after{clear:both;content:"";display:block}#variation figure>picture{float:left;width:34%}#variation figure>picture img{width:100%}#variation figure figcaption{background-color:#FFF;box-shadow:6px 6px 0 0 rgba(0,0,0,.1);float:right;padding:30px;width:52.5%}}@media screen and (min-width:1024px) and (max-width:1199px){#variation figure figcaption:before{height:152px;width:144px}}