/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:12px;display:inline-block;line-height:1.4}sub,sup{position:relative;display:inline-block;vertical-align:middle}svg,img,embed,object,iframe{vertical-align:bottom}input{display:none}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;border-radius:0;outline:none;border:none;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}html{font-size:16px}@media screen and (min-width: 768px){html{font-size:18px}}body{font-family:"Hiragino Sans","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:1rem;line-height:1.6;color:#393939;overflow-x:hidden}a{display:inline-block;outline:none;text-decoration:none}img{display:block;width:100%;height:auto}h1,h2,h3,h4,h5,h6,dt,th{font-weight:bold}small,sup{color:#838282;line-height:1.2;font-size:11px}@media screen and (min-width: 768px){small,sup{font-size:12px}}.sup-box{margin-top:1rem}.sup-box sup{font-size:9px;line-height:1.2}.text{padding:10px}.text p{line-height:1.6}@media screen and (min-width: 768px){.text p{line-height:1.8}}.text p:not(:last-of-type){margin-bottom:1rem}.text p.mb0{margin-bottom:0}.bold{font-weight:bold}.red,.aka{color:#DD3333;font-weight:bold}.blue{color:#007DB9 !important;font-weight:bold}.big{font-size:1.3rem}@media screen and (min-width: 768px){.big{font-size:1.4rem}}.yellow{color:#FF9900}.ylw{font-weight:bold;background:linear-gradient(to top, #fff2ad 70%, rgba(255, 255, 255, 0) 80%)}.center{text-align:center}.left{text-align:left}.layout-flex{display:flex;align-items:center}.swiper-pagination-bullet{background:#007DB9 !important}.swiper-button-next{right:0 !important}.swiper-button-prev{left:0 !important}.swiper-button-next:after,.swiper-button-prev:after{font-size:.7rem !important;width:23px;height:23px;background:rgba(4,183,222,.5);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.swiper-pattern2{height:49vw}.swiper-pattern2 .swiper-wrapper{align-items:stretch}.swiper-pattern2 .swiper-slide{align-items:stretch}.swiper-pattern2 .swiper-slide a,.swiper-pattern2 .swiper-slide picture{display:block;width:100%;height:100%}@media screen and (min-width: 768px){.swiper-pattern2{height:auto}}.swiper-slide{height:100%;display:flex;align-items:center;justify-content:center}.swiper-slide a{width:100%}.swiper-slide img{width:100%;height:100%;object-fit:cover}.u-device-pc.-specPc,.u-device-sp.-specSp2{min-height:160px}@keyframes scroll-hint-appear{0%{transform:translateX(40px);opacity:0}10%{opacity:1}50%,100%{transform:translateX(-40px);opacity:0}}.scroll-hint-icon{position:absolute;top:calc(50% - 25px);left:calc(50% - 60px);box-sizing:border-box;width:120px;height:auto;border-radius:5px;transition:opacity .3s;opacity:0;background:rgba(0,0,0,.7);text-align:center;padding:20px 10px 10px 10px}.scroll-hint-icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;pointer-events:none}.scroll-hint-text{font-size:10px;color:#fff;margin-top:5px}.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:.8}.scroll-hint-icon:before{display:inline-block;width:40px;height:40px;color:#fff;vertical-align:middle;text-align:center;content:"";background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)}.scroll-hint-icon:after{content:"";width:34px;height:14px;display:block;position:absolute;top:10px;left:50%;margin-left:-20px;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);opacity:0;transition-delay:2.4s}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{opacity:1}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{animation:scroll-hint-appear 1.2s linear;animation-iteration-count:2}.scroll-hint-icon-white{background-color:#fff;box-shadow:0 4px 5px rgba(0,0,0,.4)}.scroll-hint-icon-white:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)}.scroll-hint-icon-white:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)}.scroll-hint-icon-white .scroll-hint-text{color:#000}.scroll-hint-shadow-wrap{position:relative}.scroll-hint-shadow-wrap::after{content:"";width:20px;height:100%;background:linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));position:absolute;top:0;right:0;pointer-events:none;z-index:1;opacity:0;visibility:hidden}.scroll-hint-shadow-wrap::before{content:"";width:20px;height:100%;background:linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));position:absolute;top:0;left:0;pointer-events:none;z-index:1;opacity:0;visibility:hidden}.scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after,.scroll-hint-shadow-wrap.is-right-scrollable::after{opacity:1;visibility:visible}.scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before,.scroll-hint-shadow-wrap.is-left-scrollable::before{opacity:1;visibility:visible}.l-container{width:100%;margin:44px auto 0;display:flex;flex-direction:column}@media screen and (min-width: 768px){.l-container{width:1050px;flex-direction:row;gap:1rem;margin:10px auto 0;background:#fff;padding:1rem 0}}.l-container.-nosidebar{width:100%}@media screen and (min-width: 768px){.l-container.-nosidebar{width:850px}}.l-footer{color:#fff;background:#5a7390;margin-top:0}@media screen and (min-width: 768px){.l-footer{margin-top:2rem}}.l-footer .content{max-width:100%;margin:auto;display:flex;justify-content:space-between;position:relative;padding:0px 1rem 10px;flex-direction:column}@media screen and (min-width: 768px){.l-footer .content{width:1050px;flex-direction:row;padding:0}}.l-footer__btn{width:40px;height:40px;position:fixed;top:inherit;bottom:10px;right:10px;border-radius:0;background:#007DB9;z-index:9;border:0;background:url(../../assets/img/front/icons/icon-totop-sp.svg) center/contain no-repeat}@media screen and (min-width: 768px){.l-footer__btn{position:absolute;background-image:none;right:-10%;top:-44px;z-index:9;background-color:#007DB9;border:6px solid #56B4DF;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;text-decoration:none}}.l-footer__btn span{font-size:.7rem;display:none}@media screen and (min-width: 768px){.l-footer__btn span{display:block}}.l-footer__btn .img-icon{width:16px;display:none}@media screen and (min-width: 768px){.l-footer__btn .img-icon{display:block}}.l-footer__nav{display:flex;flex-direction:column;align-items:flex-start;padding:0}@media screen and (min-width: 768px){.l-footer__nav{flex-direction:row;align-items:center}}.l-footer__nav li{padding:10px 0}.l-footer__nav li a{font-size:.75rem;padding-left:20px;position:relative}.l-footer__nav li a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid rgba(0,0,0,0);border-left:5px solid #FF9900;border-bottom:4px solid rgba(0,0,0,0)}@media screen and (min-width: 768px){.l-footer__nav{padding:10px 0}.l-footer__nav li{margin-right:30px;padding:10px 0}.l-footer__nav li a{font-size:.7rem;font-weight:600;text-decoration:underline;position:relative;padding-left:.6rem}.l-footer__nav li a:before{content:"";position:absolute;width:0;height:0;border-top:4px solid rgba(0,0,0,0);border-left:4px solid #FF9900;border-bottom:4px solid rgba(0,0,0,0);left:0;top:50%;transform:translateY(-50%)}}.l-footer__copyright{font-size:11px;text-align:center;padding:10px;border-top:1px solid #50585d;display:block;color:#c5c5c5}@media screen and (min-width: 768px){.l-footer__copyright{display:flex;align-items:center}}@media screen and (min-width: 768px){.l-footer-pages{background:#fff;color:#00456B;border-top:6px solid #D6F3FF;padding:1.5rem 0;position:relative}.l-footer-pages .layout-flex{align-items:flex-start;justify-content:flex-start;gap:1.5rem}.l-footer-pages__wrap{width:100%}.l-footer-pages__wrap h3{margin-bottom:1rem}.l-footer-pages__wrap.-left{width:25%}.l-footer-pages__wrap.-right{width:75%}.l-footer-pages__wrap__list{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.l-footer-pages__wrap__list li{display:flex;align-items:center;justify-content:space-between;padding:2rem 10px;background:#007DB9;height:80px;position:relative}.l-footer-pages__wrap__list li:after{content:"";position:absolute;width:1rem;height:1rem;background:url(../../assets/img/front/icons/icon-foot-ctt.svg) no-repeat center/100%;right:10px}.l-footer-pages__wrap__list li a{display:block;width:90%;line-height:1.3;font-size:.82rem;font-weight:bold;color:#fff}}.l-header{display:flex;position:fixed;align-items:center;box-shadow:0 4px 10px rgba(71,78,82,.1);background:#fff;height:44px;top:0;left:0;z-index:99}.l-header a{display:block}@media screen and (min-width: 768px){.l-header{position:static;height:75px;border-bottom:2px solid #007DB9}}.l-header .content{max-width:100%;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;width:100vw;padding:0 10px}@media screen and (min-width: 768px){.l-header .content{width:1050px;padding:0}}.l-header__logo{display:flex;align-items:center;gap:1.8rem}.l-header__logo img{display:block;height:32px;width:auto;margin-left:1rem}@media screen and (min-width: 768px){.l-header__logo img{height:56px;width:auto;margin-left:0}}.l-header__logo p{display:none}@media screen and (min-width: 768px){.l-header__logo p{display:block;background-color:#ff5465;color:#fff;font-size:.7rem;font-weight:600;padding:6px 1rem;border-radius:20px}}.l-header__menu{display:flex;align-items:center;gap:6px}.l-header__menu__pr{border:1px solid;padding:0 5px;font-size:12px;border-radius:4px;color:#838282}.l-header__menu__toggle{display:flex;width:48px;height:50px;font-size:.65rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:4px 0 0}@media screen and (min-width: 768px){.l-header__menu__toggle{display:none}}.l-header__menu__toggle.open{padding-top:11px}.l-header__menu__toggle.open span:nth-of-type(1){transform:rotate(45deg);transform-origin:center}.l-header__menu__toggle.open span:nth-of-type(3){transform:rotate(-45deg) translate(4px, -6px);transform-origin:center}.l-header__menu__toggle.open span:nth-of-type(2){display:none}.l-header__menu__toggle span{transition:all .4s}.l-header__menu__toggle span:not(:last-child){width:56%;height:2px;background-color:#007DB9}.l-header__menu__toggle span:last-child{text-transform:uppercase;line-height:1;position:relative;top:-1px;font-size:10px}.l-nav{position:fixed;top:44px;right:0;background:rgba(255,255,255,.8);width:90vw;height:100vh;overflow-y:scroll;z-index:9;border-top:2px solid #007DB9;transform:translateX(100%);transition:all .1s;opacity:0}.l-nav.open{transform:translateX(0);opacity:1}.l-nav__head{padding:10px}.l-nav__head a{width:100%;background:url(../img/front/img-open-bg.jpg) center/cover no-repeat;padding:14px 1.2rem 1rem;box-shadow:0 0 0 1px rgba(246,184,12,.4);border-radius:10px;border:2px solid #fff;margin:auto;position:relative}.l-nav__head a:after{content:"";position:absolute;width:0;height:0;right:1rem;top:50%;transform:translateY(-50%);border-top:8px solid rgba(0,0,0,0);border-left:13px solid #e8430e;border-bottom:8px solid rgba(0,0,0,0)}.l-nav__head a span{display:block}.l-nav__head a span:first-of-type{font-size:1.3rem;margin-bottom:4px}.l-nav__head a span:last-of-type{font-size:.73rem;font-weight:bold}.l-nav__main{height:190vh}.l-nav__main__head h2{padding:10px;background:#D6F3FF;color:#007DB9;border-bottom:4px solid;display:flex;align-items:center}.l-nav__main__head h2 img{width:30px;margin-right:10px}.l-nav__main ul{padding:10px}.l-nav__main ul li{width:100%;border-bottom:1px solid #eee;background:#fff;padding:14px 10px 14px 20vw;background-repeat:no-repeat;background-size:10vw;background-position:10px center;font-size:.94em;font-weight:600;line-height:1.4;position:relative}.l-nav__main ul li a{display:block}.l-nav__main ul li::after{content:"";position:absolute;width:0;height:0;right:10px;top:50%;transform:translateY(-50%);border-left:8px solid #ff5465;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0)}.l-nav__main ul li.-baby a{font-size:.8rem}.l-article{width:100%;padding:10px 0 1rem;display:flex;flex-direction:column;gap:8px;overflow:hidden}@media screen and (min-width: 768px){.l-article{width:780px;gap:1rem;border:1px solid #D6F3FF;border-top-left-radius:20px;border-top-right-radius:20px}}.l-article.-single,.l-article.-column,.l-article.-page{padding-top:0}.l-article.-page{padding-bottom:0}.l-sidebar{width:100%}@media screen and (min-width: 768px){.l-sidebar{width:250px}}.l-sidebar a{display:block}.l-sidebar__topBanner{display:none}.l-sidebar__topBanner a{box-shadow:0 0 4px rgba(71,78,82,.3)}@media screen and (min-width: 768px){.l-sidebar__topBanner{display:block}}.l-sidebar__menus{margin-top:1rem}@media screen and (min-width: 768px){.l-sidebar__menus{margin-top:0}}.l-sidebar__menus dl dt{padding:10px;text-align:center;color:#fff;font-size:.9rem;font-weight:600;background-color:#007DB9;background-image:url(../../assets/img/front/icons/img-sidebar.svg);background-size:100%;background-repeat:no-repeat;background-position-y:bottom;border-radius:10px 10px 0 0;box-shadow:0 2px 2px rgba(71,78,82,.1);text-shadow:1px 1px rgba(71,78,82,.1)}.l-sidebar__menus__ranking{margin-bottom:1rem}@media screen and (min-width: 768px){.l-sidebar__menus__ranking{margin-top:1rem;margin-bottom:2rem}}.l-sidebar__menus__ranking dd{border:none}@media screen and (min-width: 768px){.l-sidebar__menus__ranking dd{border:2px solid #D6F3FF;border-top:none}}.l-sidebar__menus__ranking dd ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}@media screen and (min-width: 768px){.l-sidebar__menus__ranking dd ul{display:block;padding:0}}.l-sidebar__menus__ranking dd ul li{height:80px;padding:1rem 2px 1rem 1.5rem;background-size:7vw;background-repeat:no-repeat;background-position:4px center;border-radius:10px;box-shadow:1px 1px 5px rgba(71,78,82,.1)}@media screen and (min-width: 768px){.l-sidebar__menus__ranking dd ul li{border-radius:0}}.l-sidebar__menus__ranking dd ul li.-milk{padding-right:0}.l-sidebar__menus__ranking dd ul li.-milk a{word-break:keep-all}.l-sidebar__menus__ranking dd ul li.-milk a span{line-height:1}@media screen and (min-width: 768px){.l-sidebar__menus__ranking dd ul li{width:100%;height:90px;padding:10px;background-size:40px;background-position:10px center;background-color:#fff;display:flex;align-items:center;border-bottom:1px solid #56B4DF;position:relative}.l-sidebar__menus__ranking dd ul li:hover{background-color:#007DB9}.l-sidebar__menus__ranking dd ul li:hover a{color:#fff}}.l-sidebar__menus__ranking dd ul li:last-of-type{border-bottom:none}.l-sidebar__menus__ranking dd ul li:after{content:"";position:absolute;width:0;height:0;right:10px;top:50%;transform:translateY(-50%);border-left:7px solid #FF9900;border-top:5px solid rgba(0,0,0,0);border-bottom:7px solid rgba(0,0,0,0)}@media screen and (max-width: 767px){.l-sidebar__menus__ranking dd ul li:after{display:none}}.l-sidebar__menus__ranking dd ul li a{color:#007DB9;font-size:.98rem;text-align:center;width:100%;font-weight:600;color:#007DB9;line-height:1.4}@media screen and (min-width: 768px){.l-sidebar__menus__ranking dd ul li a{font-size:1rem}}.l-sidebar__menus__ranking dd ul li a span{font-size:.8rem}.l-sidebar__menus__area{margin-bottom:2rem}.l-sidebar__menus__area dd{border:2px solid #D6F3FF;border-top:none}.l-sidebar__menus__area ul:last-of-type li:last-of-type a{border-bottom:none}.l-sidebar__menus__area ul.parent li{cursor:pointer}.l-sidebar__menus__area ul.parent li a{border-bottom:1px solid #D6F3FF;font-weight:600;font-size:.7rem;position:relative;padding:10px}.l-sidebar__menus__area ul.parent:has(.children) li .children-link{cursor:pointer}.l-sidebar__menus__area ul.parent:has(.children) li .children-link:after{content:"";position:absolute;width:0;height:0;right:10px;top:50%;transform:translateY(-50%);border-top:8px solid #FF9900;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0)}.l-sidebar__menus__area ul.parent:has(.children) li .children-link.active{border-bottom:none}.l-sidebar__menus__area ul.parent:has(.children) li .children-link.active:after{border-top:none;border-bottom:8px solid #FF9900;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0)}.l-sidebar__menus__area ul.children{display:none}.l-sidebar__menus__area ul.children.open{display:block}.l-sidebar__menus__area ul.children li a{color:#007DB9;padding-left:1rem;font-size:.7rem}.l-sidebar__menus__area ul.children li a:after{display:none}.l-sidebar__bottomBanner{margin-bottom:1rem}.l-sidebar__bottomBanner ul{padding:10px}@media screen and (min-width: 768px){.l-sidebar__bottomBanner ul{padding:0}}.l-sidebar__bottomBanner ul li a{display:block;box-shadow:0 0 4px rgba(71,78,82,.3)}.l-sidebar__bottomBanner ul li:not(:last-of-type){margin-bottom:10px}@media screen and (min-width: 768px){.l-sidebar__bottomBanner ul li:not(:last-of-type){margin-bottom:1rem}}.l-sidebar__lineBanner{width:95%;margin:2rem auto;border:4px solid #007DB9;padding:26px 10px 10px;border-radius:10px;position:relative}@media screen and (min-width: 768px){.l-sidebar__lineBanner{width:100%;margin:2rem 0 0}}.l-sidebar__lineBanner h2{clip-path:polygon(100% 0%, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);padding:4px;background:#00af5b;text-align:center;color:#fff;width:80%;margin:0 auto 10px;position:relative;position:absolute;top:-1rem;left:50%;transform:translateX(-50%);font-size:1rem}@media screen and (min-width: 768px){.l-sidebar__lineBanner h2{font-size:.9rem}}.l-sidebar__lineBanner h2:before,.l-sidebar__lineBanner h2:after{content:"";position:absolute;width:5px;height:5px;background:#f5da7a;border-radius:50%;top:50%;transform:translateY(-50%)}.l-sidebar__lineBanner h2:before{left:30px}.l-sidebar__lineBanner h2:after{right:30px}.l-sidebar__area{margin-bottom:3rem}@media screen and (min-width: 768px){.l-sidebar__area{margin-bottom:0}}.l-sidebar__area__main{padding:0 10px}.l-sidebar__area p{font-size:.8rem;text-align:center}.l-sidebar__columns{position:relative;margin-top:1.1rem;padding:0 1rem;border-top:4px solid #007DB9}.l-sidebar__columns h3{padding:1rem 0;color:#007DB9;font-size:1.1em}.l-sidebar__columns:before,.l-sidebar__columns:after{content:"";position:absolute;background:#007DB9;border-radius:50%}.l-sidebar__columns:before{right:10px;top:-27px;width:12px;height:12px}.l-sidebar__columns:after{right:30px;top:-19px;width:8px;height:8px}.l-sidebar__columns__list{margin-bottom:10px}.l-sidebar__columns__list li{display:flex;align-items:center;justify-content:space-between;padding:2.4rem 14px;background:#007DB9;height:79px;box-shadow:inset 2px 2px rgba(255,255,255,.2),inset -2px -2px rgba(71,78,82,.1);position:relative}.l-sidebar__columns__list li:not(:last-of-type){margin-bottom:8px}.l-sidebar__columns__list li:after{content:"";position:absolute;width:1.1rem;height:1.1rem;background:url(../../assets/img/front/icons/icon-foot-ctt.svg) no-repeat center/100%;right:10px}.l-sidebar__columns__list li a{display:block;width:80%;line-height:1.3;font-size:.95rem;font-weight:bold;color:#fff}.l-sidebar__accordion{margin-top:1.1rem;border-top:4px solid #007DB9;padding:10px;position:relative}@media screen and (min-width: 768px){.l-sidebar__accordion{margin-top:3rem}}.l-sidebar__accordion:before,.l-sidebar__accordion:after{content:"";position:absolute;background:#007DB9;border-radius:50%}.l-sidebar__accordion:before{right:10px;top:-27px;width:12px;height:12px}.l-sidebar__accordion:after{right:30px;top:-19px;width:8px;height:8px}.l-sidebar__accordion dl:first-of-type{margin-bottom:10px}.l-sidebar__accordion dl dt{padding:1.2rem 10px;background:#007DB9;color:#fff;position:relative;border-radius:4px;box-shadow:0 4px #56B4DF;padding-left:25px;transition:all .4s;font-size:1.06rem}.l-sidebar__accordion dl dt:before{content:"";position:absolute;width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-top:10px solid #fff;border-right:6px solid rgba(0,0,0,0);left:10px;top:50%;transform:translateY(-50%)}.l-sidebar__accordion dl dt.open:before{border-left:6px solid rgba(0,0,0,0);border-top:none;border-bottom:10px solid #fff;border-right:6px solid rgba(0,0,0,0)}.l-sidebar__accordion dl dd{padding-top:5px}@media screen and (min-width: 768px){.l-sidebar__accordion dl dd{padding-top:10px}}.l-sidebar__accordion dl dd ul li{position:relative;padding-right:1rem}.l-sidebar__accordion dl dd ul li:after{content:"";position:absolute;width:13px;height:13px;right:0;top:50%;transform:translateY(-50%);background:url(../../assets/img/front/icons/icon-foot-menu.svg) center/contain no-repeat}.l-sidebar__accordion dl dd ul li:not(:last-child){border-bottom:1px solid #eee}.l-sidebar__accordion dl dd ul li a{font-weight:600;color:#00456B;font-size:.75rem;padding:12px 0 12px 10px}.l-sidebar__aqua__main{margin-bottom:1rem;padding:10px}.l-sidebar__aqua__main a{display:flex;padding:10px 30px 10px 10px;gap:10px;position:relative;margin:auto;box-shadow:0 2px 8px rgba(71,78,82,.1)}.l-sidebar__aqua__main a:after{content:"";position:absolute;width:0;height:0;border-left:10px solid #FF9900;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);right:10px;top:50%;transform:translateY(-50%)}.l-sidebar__aqua__main a img{width:20%;height:auto;object-fit:contain}.l-sidebar__aqua__main a p{width:100%;font-size:.78rem;line-height:1.4;color:#007DB9}.c-breadcrumb{width:100%;max-width:1050px;border-left:8px solid #eee;margin:0 0 4px}@media screen and (min-width: 768px){.c-breadcrumb{margin:auto;border-left:none}}.c-breadcrumb ol{display:flex;align-items:center;gap:15px;padding:4px 6px}@media screen and (min-width: 768px){.c-breadcrumb ol{padding:10px 1rem}}.c-breadcrumb ol li{position:relative;display:flex;align-items:center}.c-breadcrumb ol li:not(:last-of-type):after{content:">";position:absolute;right:-10px;top:-1px;font-size:.7rem}.c-breadcrumb ol li:last-of-type{overflow-x:hidden}.c-breadcrumb ol li:last-of-type span{text-overflow:ellipsis;overflow-x:hidden}.c-breadcrumb ol li a,.c-breadcrumb ol li span{font-size:.7rem;display:block;white-space:nowrap}.c-breadcrumb ol li a{font-weight:600;color:#007DB9;text-decoration:underline}.c-button{padding:1.2rem 0;font-size:16px;line-height:1.2;animation:move 2s infinite alternate;background:linear-gradient(180deg, #F7511D 50%, #E8430E 50%);color:#fff;box-shadow:0px 4px 0px #b70303;font-weight:bold;display:flex;justify-content:center;align-items:center;border-radius:50px;margin-bottom:4px;overflow:hidden;position:relative}@media screen and (min-width: 768px){.c-button{font-size:1.45rem}}.c-button.-second-sp{padding:4vw 0;font-size:4.5vw}@media screen and (min-width: 768px){.c-button.-second-sp{padding:1.2rem 0;font-size:1.45rem;line-height:1.6}}.c-button.-second-sp.-crecla{text-align:center;border-radius:80px;line-height:1.5}.c-button.-second-sp.-crecla .button-date{color:#ff0}@media screen and (min-width: 768px){.c-button.-second-sp.-crecla .button-date{font-size:1.2rem}}.c-button:before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background:#fff;animation:hikari 3s ease-in-out infinite}.c-button:after{content:"";position:absolute;z-index:1;width:12px;height:20px;right:2rem;background:url(../../assets/img/front/icons/icon-btn.svg) center/contain no-repeat}.c-button.-small{font-size:.7rem;padding:8px 4px;width:99%;margin:auto;animation:none;position:static;box-shadow:none;text-decoration:underline}.c-button.-small:before,.c-button.-small:after{display:none}.c-button.-green{width:100%;font-size:1.2em;padding:1rem 0;text-decoration:none;box-shadow:0px 4px 0px #035a31;background:linear-gradient(180deg, #0AB04D 50%, #12A44C 50%);text-decoration:underline;margin:auto}@media screen and (min-width: 768px){.c-button.-green{width:90%;box-shadow:none;padding:14px;font-size:1.4em}}.c-button.-green:after{display:none}.c-button.-single{width:95%;padding:24px 0;margin:auto;text-decoration:none;font-size:1.25rem;box-shadow:0px 4px 0px #035a31}@media screen and (min-width: 768px){.c-button.-single{width:70%;padding:20px 0}}.c-button.-star{border-radius:0;background:#007DB9;box-shadow:none;padding:1rem 2rem;color:#fff;animation:none;text-align:center;font-size:.8rem}.c-button.-star:before,.c-button.-star:after{display:none}@media screen and (min-width: 768px){.c-button.-star{font-size:1rem}}.c-button.-choose{width:100%;line-height:1.4;padding:14px 0;font-size:.9rem;text-shadow:1px 1px 0 #393939;box-shadow:0 4px #eee;animation:none}@media screen and (min-width: 768px){.c-button.-choose{font-size:1rem;padding:1rem 0}}.c-button.-choose:before{display:none}.c-button.-table-top{justify-content:flex-start;padding:14px 4px;padding-left:8px;font-size:13px;box-shadow:none;animation:none;border-radius:4px;font-weight:700}@media screen and (min-width: 768px){.c-button.-table-top{font-size:16px;justify-content:center}}.c-button.-table-top:before{display:none}.c-button.-table-top:after{width:11px;height:11px;right:3px}@media screen and (min-width: 768px){.c-button.-table-top:after{width:14px;height:14px;right:1rem}}.c-heading.-ranking{margin-top:1rem;margin-bottom:10px}@media screen and (min-width: 768px){.c-heading.-ranking{margin-bottom:1.2rem}}.c-heading.-ranking .deco{margin:1.8rem auto 7px;width:min(65vw,320px);position:relative;z-index:1;transform:translateY(-16px)}@media screen and (min-width: 768px){.c-heading.-ranking .deco{margin-top:2.2rem;transform:translateY(-28px)}}.c-heading.-ranking h2{background:#007DB9;text-align:center;color:#fff;position:relative;padding-bottom:5px;padding-top:1.4rem}@media screen and (min-width: 768px){.c-heading.-ranking h2{padding:1rem 0}}.c-heading.-ranking h2:before{content:"";position:absolute;height:100%;background:url(../../assets/img/front/icons/img-ranking-left.svg) left/contain no-repeat;left:0;top:0;width:20%}@media screen and (min-width: 768px){.c-heading.-ranking h2:before{width:10%}}.c-heading.-ranking h2:after{content:"";position:absolute;height:100%;background:url(../../assets/img/front/icons/img-ranking-right.svg) right/contain no-repeat;right:0;top:0;width:20%}@media screen and (min-width: 768px){.c-heading.-ranking h2:after{width:10%}}.c-heading.-ranking h2 .sub{font-size:4.4vw;top:-12px;border-radius:12px;padding:2px 10px 2px 1.4rem;box-shadow:0 0 0 2px #007DB9;position:absolute;background:#393939;left:50%;transform:translateX(-50%)}@media screen and (min-width: 768px){.c-heading.-ranking h2 .sub{font-size:1.1rem;padding:4px 1rem 4px 1.4rem;top:-1.3rem;border-radius:15px;box-shadow:0 0 0 3px #007DB9}}.c-heading.-ranking h2 .sub:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-left:6px solid #fff;border-bottom:6px solid rgba(0,0,0,0);left:10px}@media screen and (min-width: 768px){.c-heading.-ranking h2 .sub:before{left:12px}}.c-heading.-ranking h2 .main{font-size:5.5vw}@media screen and (min-width: 768px){.c-heading.-ranking h2 .main{font-size:1.6rem}}.c-heading.-ranking.-purifier-test{margin:0 0 10px}@media screen and (min-width: 768px){.c-heading.-ranking.-purifier-test{margin:0 0 1.2rem}}.c-heading.-ranking.-purifier-test h2{position:relative;padding:0;background:none}.c-heading.-ranking.-purifier-test h2:before,.c-heading.-ranking.-purifier-test h2:after{display:none}.c-heading.-ranking.-purifier-test h2 picture{display:block}.c-heading.-ranking.-purifier-test h2 img{display:block;width:100%;height:auto}.c-heading.-ranking.-purifier-test h2 .c-heading__count{position:absolute;top:65%;left:76%;z-index:1;width:17.4%;height:18%;display:flex;align-items:center;justify-content:center;background:#007DB9;color:#fff;font-family:"Hiragino Sans","ヒラギノ角ゴシック",sans-serif;font-size:min(4.8vw,28px);font-weight:700;line-height:1;white-space:nowrap}@media screen and (min-width: 768px){.c-heading.-ranking.-purifier-test h2 .c-heading__count{top:57.1%;left:69.4%;width:13.4%;height:23.6%;font-size:28px}}.c-heading.-ranking.-pfas{margin:0 0 10px}@media screen and (min-width: 768px){.c-heading.-ranking.-pfas{margin:0 0 1.2rem}}.c-heading.-ranking.-pfas h2{padding:0;background:#007DB9}.c-heading.-ranking.-pfas h2:before,.c-heading.-ranking.-pfas h2:after{display:none}.c-heading.-ranking.-pfas h2 picture{display:block}.c-heading.-ranking.-pfas h2 img{display:block;width:100%;height:auto}.c-heading.-ranking.-pfas h2 .c-heading__count{position:absolute;top:54.8%;left:62.1%;z-index:1;width:19.5%;height:34.4%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Hiragino Sans","ヒラギノ角ゴシック",sans-serif;font-size:min(5.33vw,20px);font-weight:700;line-height:1;white-space:nowrap}@media screen and (min-width: 768px){.c-heading.-ranking.-pfas h2 .c-heading__count{top:59.3%;left:59.5%;width:13.4%;height:27.1%;font-size:28px}}.c-heading.-obi h2{font-size:.9rem;padding:4px;padding-left:55px;background:#FFF3E5;border-top:2px solid #FF9900;border-bottom:2px solid #FF9900;position:relative}@media screen and (min-width: 768px){.c-heading.-obi h2{font-size:1.18rem;padding-left:64px}}.c-heading.-obi h2:before{content:"";position:absolute;width:50px;height:50px;background-size:90%;background-position:center;background-repeat:no-repeat;left:4px;top:-10px}@media screen and (min-width: 768px){.c-heading.-obi h2:before{width:54px;height:54px}}.c-heading.-obi.-icon-searchform h2:before{background-image:url(../../assets/img/front/icons/icon-searchform.svg)}.c-heading.-obi.-icon-campaign h2:before{background-image:url(../../assets/img/front/icons/icon-campaign.svg)}.c-heading.-obi.-icon-menu h2:before{background-image:url(../../assets/img/front/icons/icon-menu.svg)}.c-heading.-obi.-icon-best4 h2:before{background-image:url(../../assets/img/front/icons/icon-best4.svg)}.c-heading.-obi.-icon-area h2:before{background-image:url(../../assets/img/front/icons/icon-area.svg)}.c-heading.-obi.-sp h2{font-size:1rem !important;padding:8px;padding-left:55px;border-bottom:none}.c-heading.-table{font-size:1.3rem;padding-bottom:10px;margin-bottom:1rem;position:relative}.c-heading.-table:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:#007DB9;border-radius:5px}.c-heading.-single{display:none}@media screen and (min-width: 768px){.c-heading.-single{display:block}}.c-heading.-single.-column{display:block}@media screen and (min-width: 768px){.c-heading.-single.-column{display:none}}.c-heading.-single h2{font-size:1.3rem;position:relative;color:#007DB9;padding:20px 0 20px 30px}.c-heading.-single h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:10px;background:#D6F3FF}.c-heading.-singleh3 h3{color:#007DB9;padding:5px 0;border-bottom:3px solid;margin-bottom:1rem;font-size:1.1em}@media screen and (min-width: 768px){.c-heading.-singleh3 h3{font-size:1.2em}}.c-heading.-column h3,.c-heading.-page h3{padding:1rem;font-size:1.1em;border-left:10px solid #007DB9}.c-heading.-column h4,.c-heading.-page h4{font-size:1em;font-weight:600;padding-left:1rem;color:#007DB9}.c-heading.-page h4{font-size:1.1em;padding-left:0;padding-bottom:6px;border-bottom:4px solid;margin-bottom:10px}.c-heading.-result{color:#fff;font-size:1.15em;padding:5px 10px;background:#007DB9;box-shadow:0 4px 0 0 #D6F3FF}@media screen and (min-width: 768px){.c-heading.-result{font-size:1.1em;padding:5px 10px}}.c-heading.-result.-pickup{background:#ff5465;box-shadow:0 4px 0 0 pink}.c-heading.-choose h2{text-align:center;padding:1rem;color:#fff;background:#007DB9;font-size:1.2em;text-shadow:0 2px #00527D;border-bottom:6px solid #a8d5ef;position:relative}.c-heading.-choose h2 img{right:10px;bottom:-8px;position:absolute;width:50px}@media screen and (min-width: 768px){.c-heading.-choose h2 img{bottom:-2px;right:50px}}.c-heading.-img h2.-fv-ranking{width:778px;height:285px;background:url(../../assets/dist/front/fv/fv-ranking_pc.webp) center/contain no-repeat}.c-heading.-img h2.-fv-ranking img{object-fit:contain}.c-heading.-img h2.-fv-img{width:778px;height:259px;background-position:center;background-size:contain;background-repeat:no-repeat}.c-heading.-img h2.-fv-img img{object-fit:contain}.c-heading.-img h2.-fv-img.-puri{height:312px}.c-table{width:100%;table-layout:fixed;border:1px solid #CCE5F1}.c-table tr:not(:last-child){border-bottom:1px solid #eee}.c-table th,.c-table td{vertical-align:middle;font-size:.8rem;padding:4px 8px;height:44px}@media screen and (min-width: 768px){.c-table th,.c-table td{padding:2px 6px}}.c-table th{background-color:#D6F3FF}.c-table th:not(:last-child){border-right:1px solid #eee}.c-table td:not(:last-child){border-right:1px solid #eee}.c-table td .maru{display:block;margin:auto;width:5vw;height:5vw}@media screen and (min-width: 768px){.c-table td .maru{width:24px;height:24px}}.c-table.-sp{display:table}.c-table.-over{border-collapse:separate;border-spacing:0;table-layout:auto;border:none;background:#eee}.c-table.-over tr{border-color:#eee}.c-table.-over th,.c-table.-over td{padding:5px 6px;border-bottom:1px solid #eee}.c-table.sort-table_sm thead th.tablesorter-header:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url(../../assets/img/front/icons/sort-sm.svg);background-repeat:no-repeat;background-position:90% center}.c-table.sort-table_sm thead th.sorter-false:after{display:none}.c-table.-choose{table-layout:auto;border:2px solid #007DB9}.c-table.-choose thead th:first-of-type{width:70px}@media screen and (min-width: 768px){.c-table.-choose thead th:first-of-type{width:110px}}.c-table.-choose tr{border:1px solid #007DB9 !important}.c-table.-choose th{background:#007DB9;text-align:center;color:#fff}.c-table.-choose td{text-align:center;font-weight:bold;border:1px solid #007DB9 !important;padding:10px;font-size:.9rem}@media screen and (min-width: 768px){.c-table.-choose td{font-size:.95rem}}.c-table.-choose td a{text-decoration:underline}.c-table.-choose td img{width:50px}@media screen and (min-width: 768px){.c-table.-choose td img{width:100px}}.c-table.-area{border-color:#eee}.c-table.-area tr{border:none}.c-table.-area th{background:#007DB9;color:#fff;border-bottom:1px solid #fff;text-align:center;vertical-align:middle;width:12%;padding:4px;writing-mode:vertical-lr;letter-spacing:4px;font-size:.7rem}.c-table.-area td{height:40px;text-align:center;border:1px solid #eee}.c-table.-area td a{color:#007DB9;font-weight:600;text-decoration:underline}.c-table.-result{border:none}.c-table.-result.-pickup thead th{color:#fff;font-weight:600;background:#f07c09;position:relative}.c-table.-result.-pickup thead th:first-of-type{background:#f07c09}.c-table.-result th,.c-table.-result td{padding:10px 6px;font-family:Arial,sans-serif}.c-table.-result thead th{text-align:center;font-weight:normal;color:#393939;font-size:.73rem;line-height:1.3;position:relative;border-right-color:#fff}.c-table.-result thead th.tablesorter-header{background:#FFD9A8 url(../../assets/img/front/icons/sort.svg) 94% center/10px no-repeat}.c-table.-result thead th.tablesorter-headerAsc{background-image:url(../../assets/img/front/icons/sort-a.svg)}.c-table.-result thead th.tablesorter-headerDesc{background-image:url(../../assets/img/front/icons/sort-d.svg)}.c-table.-result thead th.sorter-false{background-image:none}.c-table.-result thead th:first-of-type{background-color:#ffcd3c}.c-table.-result thead th small{padding:0 2px;background:#007DB9;color:#fff;position:absolute;top:-6px;right:0;border-radius:4px}.c-table.-result thead th small::after{content:"";position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);top:99%;border-top:4px solid #007DB9;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0)}.c-table.-result tbody tr:last-of-type{border-bottom:10px solid #FFD9A8}.c-table.-result tbody th{vertical-align:middle;padding-top:14px;background:#fff;border-right:1px solid #eee;border-bottom:10px solid #ffcd3c}.c-table.-result tbody th a{display:flex;flex-direction:column;align-items:center;gap:10px;width:90%;margin:auto}.c-table.-result tbody th a span{color:#007DB9;text-decoration:underline;font-size:1.01em;text-align:center;line-height:1.3}.c-table.-result tbody td{text-align:center;font-size:.7rem;padding:10px 10px}.c-table.-result tbody td.text{vertical-align:top;text-align:left;padding:10px 10px 0 100px;background:url(../../assets/img/front/search/mark-arrow-point.gif) no-repeat 0px 10px}.c-table.-result tbody td.text p{margin-bottom:7px;line-height:1.5}.c-table.-result tbody td.text p:first-of-type{line-height:1.2}.c-table.-result tbody td.text p a{color:#007DB9;font-weight:bold;text-decoration:underline}.c-table.-result-sp{border-color:#eee}.c-table.-result-sp tr{border-bottom-color:#eee}.c-table.-result-sp th,.c-table.-result-sp td{text-align:center;height:auto;padding:6px}.c-table.-result-sp th{width:25%;background:#FFD9A8;color:#007DB9;position:relative;border-right:none}.c-table.-result-sp th small{font-size:8px;padding:0 2px;background:#007DB9;color:#fff;position:absolute;top:-3px;left:-6px;border-radius:4px}.c-table.-result-sp th small::after{content:"";position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);top:99%;border-top:4px solid #007DB9;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0)}.c-table.-result-sp.-pickup th,.c-table.-result-sp.-pickup td{padding:4px}.c-table.-result-sp.-pickup th{background:pink;color:#393939}.c-table.-single th,.c-table.-single td{border-right:none}.c-table .img-maru{width:5vw;display:block;margin:auto}@media screen and (min-width: 768px){.c-table .img-maru{width:25px}}.c-descript{padding:0 8px 0;padding-bottom:4px}@media screen and (min-width: 768px){.c-descript{padding:0 1rem}}.c-descript__text{border-radius:10px;border:2px solid #D6F3FF;position:relative;letter-spacing:.01em;font-size:.9rem;padding:10px 12px}@media screen and (min-width: 768px){.c-descript__text{padding:.6rem 1rem;font-size:.95rem}}.c-descript__text:before{content:"";position:absolute;width:25px;height:25px;left:-5px;top:-10px;background:#fff url(../../assets/img/front/icons/icon-descript.svg) center/contain no-repeat}.c-descript__small{padding-top:4px}@keyframes move{0%{transform:translateY(0)}100%{transform:translateY(5px)}}@keyframes hikari{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}@media screen and (min-width: 768px){.u-device-sp{display:none}}.u-device-pc{display:none}@media screen and (min-width: 768px){.u-device-pc{display:block}}.p-hero{padding:10px}.p-hero img{display:block;width:100%;border-radius:16px;border:2px solid #007DB9;box-shadow:0 4px rgba(71,78,82,.2)}@media screen and (min-width: 768px){.p-hero{padding:0 1rem}}.p-hero.-page{padding:0}.p-hero.-page img{border:none;border-radius:0;box-shadow:none}.p-hero.-pfas .p-hero__latest{position:absolute;top:7.291667%;left:4.166667%;z-index:1;display:flex;align-items:center;justify-content:center;width:31.666667%;height:12.5%;margin:0;background:#fff;clip-path:polygon(0 0, 100% 0, 95.526316% 50%, 100% 100%, 0 100%, 4.473684% 50%);color:#688191;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;font-size:2.666667vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.144px;white-space:nowrap;word-break:break-word}@media screen and (min-width: 768px){.p-hero.-pfas .p-hero__latest{font-size:20px;line-height:28.04px}}.p-hero__body{position:relative}.p-searchform{padding:0 10px 4px 10px}@media screen and (min-width: 768px){.p-searchform{padding:0 1rem}}.p-searchform.-result{padding:1rem 10px}@media screen and (min-width: 768px){.p-searchform.-result{padding:1rem 3rem}}.p-searchform .p-searchform-form{box-shadow:0 0 4px rgba(71,78,82,.2);padding:10px 10px 1rem}@media screen and (min-width: 768px){.p-searchform .p-searchform-form{padding:1rem 1rem 1.5rem;border-radius:10px}}.p-searchform .p-searchform-form__row.-second-pc{display:none}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row.-second-pc{display:flex;align-items:center;padding:10px 0;height:45px;gap:1rem}}.p-searchform .p-searchform-form__row.-second-sp{margin-top:8px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.p-searchform .p-searchform-form__row.-second-sp .select-wrap{position:relative;background:#EEF7FA;border:1px solid;display:flex;align-items:center}.p-searchform .p-searchform-form__row.-second-sp .select-wrap:after{content:"";position:absolute;right:7px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-top:5px solid #e8430e;border-right:5px solid rgba(0,0,0,0)}.p-searchform .p-searchform-form__row.-second-sp .select-wrap select{width:100%;font-size:.7rem;position:relative;z-index:1;padding:4px 8px}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row.-second-sp{display:none}}.p-searchform .p-searchform-form__row__head{font-size:.8rem;position:relative;padding-left:24px;display:flex;align-items:center}.p-searchform .p-searchform-form__row__head:before{content:"";position:absolute;left:0;width:1rem;height:1rem;background:url(../../assets/img/front/icons/icon-searchform-row.svg) center/contain no-repeat}.p-searchform .p-searchform-form__row__head.-first{margin-bottom:10px}.p-searchform .p-searchform-form__row__head.-second-pc{width:150px;line-height:1.3}.p-searchform .p-searchform-form__row__head.-hidden{font-weight:bold;background:#FFE7C7;box-shadow:inset 0 20px 0px #fff3c8;display:flex;justify-content:center;cursor:pointer;font-size:.84rem;padding:8px;border:2px solid #FFC98A}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__head.-hidden{font-size:.9rem;padding:6px}}.p-searchform .p-searchform-form__row__head.-hidden.active p:before{background-image:url(../../assets/img/front/icons/icon-koda-top.svg)}.p-searchform .p-searchform-form__row__head.-hidden.active+.p-searchform-form__row__input.-hidden{display:flex;background:#fff}.p-searchform-form__row__head.-hidden.active+.p-searchform-form__row__input.-hidden .input-item label{background:none}.p-searchform-form__row__head.-hidden.active+.p-searchform-form__row__input.-hidden .input-item label.clicked{background:none}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__head.-hidden.active+.p-searchform-form__row__input.-hidden{display:grid}}.p-searchform .p-searchform-form__row__head.-hidden p{display:flex;align-items:center;gap:4px;position:relative}.p-searchform .p-searchform-form__row__head.-hidden p:before{content:"";position:static;background:url(../../assets/img/front/icons/icon-koda-bottom.svg) left/contain no-repeat;width:4.5vw;height:4.5vw;left:-16px}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__head.-hidden p:before{width:20px;height:20px;left:-24px}}.p-searchform .p-searchform-form__row__head.-hidden:before{display:none}.p-searchform .p-searchform-form__row__input .input-item{position:relative;display:flex;align-items:center}.p-searchform .p-searchform-form__row__input .input-item label{letter-spacing:-0.5px;font-size:.75rem}.p-searchform .p-searchform-form__row__input.-first{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#EEF7FA}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__input.-first{grid-template-columns:1fr 1fr 1fr;gap:4px 6px}}.p-searchform .p-searchform-form__row__input.-first .input-item{border-radius:6px;padding:0;position:relative}.p-searchform .p-searchform-form__row__input.-first .input-item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.p-searchform .p-searchform-form__row__input.-first .input-item label{background:#fff;width:100%;border:1px solid;position:relative;border-radius:4px;z-index:1;padding:8px;padding-left:1.56rem;line-height:1.3;font-size:.7rem}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__input.-first .input-item label{padding:7px 10px;padding-left:1.56rem;line-height:1.6;font-size:.8rem;letter-spacing:-0.5px}}.p-searchform .p-searchform-form__row__input.-first .input-item label.clicked{background:#FFF3E5}.p-searchform .p-searchform-form__row__input.-first .input-item label:before,.p-searchform .p-searchform-form__row__input.-first .input-item label:after{position:absolute;content:"";top:50%;transform:translateY(-50%);width:16px;height:16px;left:6px}.p-searchform .p-searchform-form__row__input.-first .input-item label:before{border-radius:2px;border:2px solid #007DB9;background:#EEF7FA}.p-searchform .p-searchform-form__row__input.-first .input-item label:after{background:url(../../assets/img/front/icons/icon-searchform-check.svg) center/80% no-repeat;opacity:0}.p-searchform .p-searchform-form__row__input.-second-pc{display:flex;align-items:center;gap:1rem;width:100%}.p-searchform .p-searchform-form__row__input.-second-pc .input-item{display:flex}.p-searchform .p-searchform-form__row__input.-second-pc .input-item label{position:relative;padding:4px 10px 4px 22px;font-size:.7rem;line-height:1.3}.p-searchform .p-searchform-form__row__input.-second-pc .input-item label small{font-size:.55rem;position:absolute;left:20px;top:-0.9rem;padding:1px 4px;background:#FFD08A;color:#393939}.p-searchform .p-searchform-form__row__input.-second-pc .input-item label:before,.p-searchform .p-searchform-form__row__input.-second-pc .input-item label:after{position:absolute;content:"";border-radius:50%}.p-searchform .p-searchform-form__row__input.-second-pc .input-item label:before{left:0;width:17px;height:17px;border:2px solid #007DB9;background:#EEF7FA}.p-searchform .p-searchform-form__row__input.-second-pc .input-item label:after{left:4.5px;top:51%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#007DB9;opacity:0}.p-searchform .p-searchform-form__row__input.-hidden{grid-template-columns:1fr 1fr 1fr;flex-wrap:wrap;gap:2px;padding:8px;display:none}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__input.-hidden{padding:8px 10px}}.p-searchform .p-searchform-form__row__input.-hidden .input-item{border-radius:6px;padding:0;position:relative;height:24px}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__input.-hidden .input-item{height:auto}}.p-searchform .p-searchform-form__row__input.-hidden .input-item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.p-searchform .p-searchform-form__row__input.-hidden .input-item label{background:#fff;width:100%;padding:4px 8px;padding-left:1.56rem;position:relative;border-radius:4px;z-index:1;line-height:1.3;font-size:.8rem !important}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__row__input.-hidden .input-item label{font-size:.75rem !important}}.p-searchform .p-searchform-form__row__input.-hidden .input-item label.clicked{background:#FFF3E5}.p-searchform .p-searchform-form__row__input.-hidden .input-item label:before,.p-searchform .p-searchform-form__row__input.-hidden .input-item label:after{position:absolute;content:"";top:50%;transform:translateY(-50%);width:16px;height:16px;left:6px}.p-searchform .p-searchform-form__row__input.-hidden .input-item label:before{border-radius:2px;border:2px solid #007DB9;background:#EEF7FA}.p-searchform .p-searchform-form__row__input.-hidden .input-item label:after{background:url(../../assets/img/front/icons/icon-searchform-check.svg) center/80% no-repeat;opacity:0}.p-searchform .p-searchform-form__row__input input[type=checkbox]:checked~label:before{border:none;background:#FFD08A}.p-searchform .p-searchform-form__row__input input[type=checkbox]:checked~label:after{opacity:1}.p-searchform .p-searchform-form__row__input input[type=radio]:checked~label:after{opacity:1}.p-searchform .p-searchform-form__row__input input[type=checkbox]:checked~label{background:#FFF3E5}.p-searchform .p-searchform-form__btn{padding:1.2rem 0 0;display:flex;justify-content:center}@media screen and (max-width: 767px){.p-searchform .p-searchform-form__btn{padding:14px 0 1rem}}.p-searchform .p-searchform-form__btn button{display:flex;align-items:center;justify-content:center;gap:10px;background:#ef5c64;border:2px solid #d82c4b;box-shadow:0px 4px 0px #b70303;border-radius:100px;width:85%;padding:8px}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__btn button{width:50%;padding:10px}}.p-searchform .p-searchform-form__btn button svg{fill:#fff}.p-searchform .p-searchform-form__btn button span{color:#fff;font-weight:600;font-size:.9rem}@media screen and (min-width: 768px){.p-searchform .p-searchform-form__btn button span{font-size:inherit}}.p-search{border:1px solid #D6F3FF;overflow:hidden}@media screen and (min-width: 768px){.p-search{border-top-left-radius:20px;border-top-right-radius:20px}}.p-search-block{margin-top:5px}@media screen and (min-width: 768px){.p-search-block{margin-top:0}}.p-search-block__items{padding:12px 10px 1rem}@media screen and (min-width: 768px){.p-search-block__items{padding:1rem}}.p-search-block__items .big{font-size:1rem}.p-search-block__sort{margin-bottom:10px}.p-search-block__sort dt{font-weight:bold;color:#007DB9;font-size:.8rem;margin-bottom:4px}@media screen and (min-width: 768px){.p-search-block__sort dt{font-size:.9rem;margin-bottom:0}}.p-search-block__sort dd{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.p-search-block__sort dd button{font-size:.8rem;padding:4px;background:#eee;text-align:center;position:relative}.p-search-block__sort dd button:after{content:"";position:absolute;top:50%;background:url("../../assets/img/front/icons/sort.svg") center/cover no-repeat;transform:translateY(-50%);width:5px;height:11px;right:5px}.p-search-block__sort dd button.sort{cursor:pointer}.p-search-block__sort dd button.desc{background:#EEF7FA;color:#007DB9;font-weight:bold}.p-search-block__sort dd button.desc:after{background:url("../../assets/img/front/icons/sort-d.svg") center/cover no-repeat}.p-search-block__sort dd button.asc{background:#ffe7bc;color:#f0a033;font-weight:bold}.p-search-block__sort dd button.asc:after{background:url("../../assets/img/front/icons/sort-a.svg") center/cover no-repeat}.p-search-item.result-item{padding:10px;box-shadow:0 4px 4px rgba(71,78,82,.1);padding-bottom:1.7rem}@media screen and (min-width: 768px){.p-search-item.result-item{padding-bottom:1.5rem}}.p-search-item:not(:last-of-type){margin-bottom:1rem}.p-search-item dt a{display:flex;gap:10px}.p-search-item dt a img{width:60px;height:60px}.p-search-item dt a span{color:#00456B;display:flex;align-items:center;font-size:1.2rem;line-height:1.3}.p-search-item dd.text{padding:10px 0}.p-search-item dd.text p{font-size:.8rem;line-height:1.4;margin-bottom:0}.p-search-item dd.text p:first-of-type{margin-bottom:2px}.p-search-item dd.text p a{font-weight:bold;color:#007DB9;text-decoration:underline}.p-search-item dd.button{margin-top:10px}@media screen and (max-width: 767px){.p-search-item dd.button{margin-top:6px}}.p-banner{padding:0 1rem;margin-bottom:1rem}.p-banner.-single{margin-bottom:0}@media screen and (min-width: 768px){.p-banner.-single{margin-bottom:1rem}}.p-banner a{box-shadow:0 0 4px rgba(71,78,82,.4);border-radius:10px;overflow:hidden}.p-banner:last-of-type{margin-top:1rem}.p-banner.-bottom a{border:3px solid #007DB9;box-shadow:none}.p-ranking__description{padding:1rem}.p-ranking__description a{color:#007DB9;font-weight:bold;text-decoration:underline}@media screen and (min-width: 768px){.p-ranking__description{padding:10px}}.p-ranking-item{margin:auto;border:2px solid #007DB9;padding-bottom:2rem;border-radius:10px 10px 0 0;width:96%}.p-ranking-item:not(:last-of-type){margin-bottom:2rem}@media screen and (min-width: 768px){.p-ranking-item{width:95%}}.p-ranking-item.-single{width:92%}@media screen and (min-width: 768px){.p-ranking-item.-single{width:100%}}.p-ranking-item__title{border-radius:9px 9px 0 0;height:auto;margin-bottom:30px;padding:1rem 0;background:linear-gradient(180deg, #DCF0FA 47.92%, #C3E4F4 47.93%, #A9DCF3 100%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}@media screen and (min-width: 768px){.p-ranking-item__title{flex-direction:row;padding:0 8px;height:80px;margin-bottom:0}}.p-ranking-item__title.-single{margin-bottom:0}.p-ranking-item__title .name{display:flex;align-items:center;gap:10px;padding-left:60px;width:100%;height:100%}@media screen and (min-width: 768px){.p-ranking-item__title .name{width:auto;padding-left:78px}}.p-ranking-item__title .name.-single{padding-left:1rem}.p-ranking-item__title .name .badge{position:absolute;width:44px;left:4px;top:44%;transform:translateY(-50%)}@media screen and (min-width: 768px){.p-ranking-item__title .name .badge{width:62px;top:-3px;transform:translateY(0)}}.p-ranking-item__title .name a{font-size:1.5em;font-weight:bold;width:100%}@media screen and (max-width: 767px){.p-ranking-item__title .name a{font-size:5.5vw;line-height:1.2}}.p-ranking-item__title .hyouka{position:absolute;top:100%;width:100%;display:flex;align-items:center;justify-content:center;height:auto;gap:5px;padding:2px;border-bottom:1px solid #eee;border-radius:0;background:#fff}@media screen and (min-width: 768px){.p-ranking-item__title .hyouka{position:static;top:initial;width:auto;padding:4px 6px 2px;border-radius:8px;flex-direction:column;gap:0}}.p-ranking-item__title .hyouka img{width:31%;display:block}@media screen and (min-width: 768px){.p-ranking-item__title .hyouka img{width:90%}}.p-ranking-item__title .hyouka p{line-height:1.2;display:flex;align-items:center;color:#393939;font-size:.8rem}@media screen and (min-width: 768px){.p-ranking-item__title .hyouka p{font-size:.75rem;color:#838282}}.p-ranking-item__timer,.p-ranking-item__catch,.p-ranking-item__spec,.p-ranking-item__point,.p-ranking-item__campaign,.p-ranking-item__button,.p-ranking-item__sup{padding:0 8px 0}@media screen and (min-width: 768px){.p-ranking-item__timer,.p-ranking-item__catch,.p-ranking-item__spec,.p-ranking-item__point,.p-ranking-item__campaign,.p-ranking-item__button,.p-ranking-item__sup{padding:10px 10px 0}}.p-ranking-item__timer.-first{padding-top:8px}.p-ranking-item__timer.-second{padding-bottom:8px}.p-ranking-item__timer .timer{padding:6px;padding-top:1.2rem;background:#56B4DF;color:#fff;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:10px;position:relative}@media screen and (min-width: 768px){.p-ranking-item__timer .timer{padding:4px 10px;border-radius:8px;background-color:#393939;font-size:.9rem}}.p-ranking-item__timer .timer .info{position:absolute;color:#393939;top:1px;font-size:.7rem;font-weight:bold}@media screen and (min-width: 768px){.p-ranking-item__timer .timer .info{position:static;color:#fff;top:auto;font-size:initial;font-weight:initial}}.p-ranking-item__timer .timer .icon{width:30px;position:absolute;left:10px}@media screen and (min-width: 768px){.p-ranking-item__timer .timer .icon{position:static;width:38px}}.p-ranking-item__timer .timer .num{padding:3px;font-size:1rem;font-weight:bold;background-color:#393939;width:100%;text-align:center;border-radius:4px;color:#ffe919}@media screen and (min-width: 768px){.p-ranking-item__timer .timer .num{width:auto;font-size:1.1rem}}.p-ranking-item__catch{padding:8px 8px 4px}@media screen and (min-width: 768px){.p-ranking-item__catch{padding:10px 10px 0}}.p-ranking-item__catch p{position:relative;border:1px solid #e8430e;background:#FFF3E5;line-height:1.4;font-size:1rem;padding:6px 10px}@media screen and (min-width: 768px){.p-ranking-item__catch p{padding:10px 1rem;font-size:1.08rem}}.p-ranking-item__catch p:before,.p-ranking-item__catch p:after{content:"";position:absolute;width:7px;height:7px}.p-ranking-item__catch p:before{background:url(../../assets/img/front/icons/icon-catch-left.svg) center/contain no-repeat;left:2px;top:2px}@media screen and (min-width: 768px){.p-ranking-item__catch p:before{left:4px;top:4px}}.p-ranking-item__catch p:after{right:2px;bottom:2px;background:url(../../assets/img/front/icons/icon-catch-right.svg) center/contain no-repeat}@media screen and (min-width: 768px){.p-ranking-item__catch p:after{right:4px;bottom:4px}}.p-ranking-item__spec{display:flex;gap:10px}.p-ranking-item__spec.-swiper-p2{padding:0;flex-wrap:wrap;transform:translateY(8px)}@media screen and (min-width: 768px){.p-ranking-item__spec.-swiper-p2{padding:10px 10px 0;flex-wrap:nowrap;transform:translateY(0)}}@media screen and (min-width: 768px){.p-ranking-item__spec{gap:12px}}.p-ranking-item__spec .swiper.swiper-pattern1{width:42%}@media screen and (min-width: 768px){.p-ranking-item__spec .swiper.swiper-pattern1{width:50%}}.p-ranking-item__spec .swiper.swiper-pattern2{width:100%}@media screen and (min-width: 768px){.p-ranking-item__spec .swiper.swiper-pattern2{width:50%}}.p-ranking-item__spec__thumb{width:50%;display:block}.p-ranking-item__spec__thumb img{border:1px solid #eee}.p-ranking-item__spec__table{width:55%}.p-ranking-item__spec__table th,.p-ranking-item__spec__table td{font-size:.8rem;height:40px;padding:4px 8px}@media screen and (min-width: 768px){.p-ranking-item__spec__table th,.p-ranking-item__spec__table td{padding:2px 6px;height:44px}}@media screen and (min-width: 768px){.p-ranking-item__spec__table{width:97%;display:flex;flex-direction:column;gap:14px}.p-ranking-item__spec__table td small{font-size:10px}}.p-ranking-item__spec__table.-table2{width:100%;padding:10px}@media screen and (max-width: 767px){.p-ranking-item__spec__table.-table2{padding:8px 10px}}.p-ranking-item__spec__table.-table2 table{width:100%;table-layout:fixed}.p-ranking-item__spec__table.-table2 table th,.p-ranking-item__spec__table.-table2 table td{padding:9px 2px}.p-ranking-item__spec__table.-table2.-slider2 table th,.p-ranking-item__spec__table.-table2.-slider2 table td{height:37px;max-height:37px;padding:2px;line-height:1.2}.p-ranking-item__tag{display:flex;padding:0 10px 1rem;gap:2px}@media screen and (min-width: 768px){.p-ranking-item__tag{gap:10px;padding:0}}.p-ranking-item__tag li{background:#FFD08A;display:flex;justify-content:center;align-items:center;width:100%;font-size:.72rem;padding:6px 4px;border-radius:14px;font-weight:bold}@media screen and (min-width: 768px){.p-ranking-item__tag li{padding:7px 10px;border-radius:40px}}.p-ranking-item__tag li.nothing{filter:grayscale(1);background:#eee;color:#b9b9b9}.p-ranking-item__point{padding:10px}.p-ranking-item__point ul{position:relative;overflow:hidden;padding:10px 0 10px 3.4rem;padding-left:0;padding-bottom:0}@media screen and (min-width: 768px){.p-ranking-item__point ul{background:#f8f8f8;padding-left:3.4rem;padding-bottom:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.p-ranking-item__point ul:after{content:"";position:absolute;width:1rem;right:0;top:0;height:100%;background:#f8f8f8}}.p-ranking-item__point ul h3{display:none}@media screen and (min-width: 768px){.p-ranking-item__point ul h3{display:block;position:absolute;writing-mode:vertical-rl;background:#007DB9;color:#fff;left:0;top:0;width:50px;height:100%;font-size:.7rem;display:flex;justify-content:center;align-items:center}}.p-ranking-item__point ul li{position:relative;font-size:.9rem;padding:6px 10px 6px 6vw;line-height:1.3}@media screen and (min-width: 768px){.p-ranking-item__point ul li{padding:8px 1rem 8px 26px;font-size:.8rem}}.p-ranking-item__point ul li a{display:inline-block;font-weight:600;text-decoration:underline;color:#007DB9}.p-ranking-item__point ul li a:hover{text-decoration:none}.p-ranking-item__point ul li:not(:last-of-type){border-bottom:1px dashed #eee}.p-ranking-item__point ul li:before{left:4px;content:"";position:absolute;top:6px;width:5vw;height:5.2vw;left:0;background:url(../../assets/img/front/icons/icon-list.svg) center/contain no-repeat}@media screen and (min-width: 768px){.p-ranking-item__point ul li:before{width:18px;height:20px}}.p-ranking-item__campaign{position:relative;margin:1rem 0}@media screen and (min-width: 768px){.p-ranking-item__campaign{margin:1rem 0 10px}}.p-ranking-item__campaign h3{position:absolute;background:#ff5465;color:#fff;font-size:.8rem;top:-10px;display:flex;align-items:center;height:33px;padding:2px 10px 2px 11vw}@media screen and (min-width: 768px){.p-ranking-item__campaign h3{height:40px;padding:4px 1rem 4px 4rem}}.p-ranking-item__campaign h3:after{content:"";width:8.3vw;height:8.3vw;left:4px;position:absolute;background-color:#fff;background-image:url(../../assets/img/front/icons/icon-campaign-rank.svg);background-repeat:no-repeat;border-radius:50%;top:50%;transform:translateY(-50%);border:2px solid #ff5465}@media screen and (min-width: 768px){.p-ranking-item__campaign h3:after{width:50px;height:50px;left:10px}}.p-ranking-item__campaign h3 span{font-size:1.4em}@media screen and (min-width: 768px){.p-ranking-item__campaign h3 span{font-size:1em}}.p-ranking-item__campaign p{border:2px solid #ff5465;font-size:.9rem;border-radius:0 10px 10px 10px;padding:2rem 14px 14px}@media screen and (min-width: 768px){.p-ranking-item__campaign p{padding:2rem 1rem 1rem 1rem}}.p-ranking-item__sup{margin-top:1rem}.p-ranking-item__sup.-top{margin-top:0}.p-table{padding:1rem;margin-top:0}@media screen and (min-width: 768px){.p-table{margin-top:1rem;padding:0 1rem}}.p-table__main{display:flex}.p-table__main__wrap{overflow-x:scroll;border:1px solid #eee}.p-table__main__wrap table{position:relative;border-collapse:collapse;border-spacing:0;background:#fff;width:370%;table-layout:fixed}@media screen and (min-width: 768px){.p-table__main__wrap table{width:190%}}.p-table__main__wrap table .u-device-sp{display:table-cell}@media screen and (min-width: 768px){.p-table__main__wrap table .u-device-sp{display:none}}.p-table__main__wrap table .u-device-pc{display:none}@media screen and (min-width: 768px){.p-table__main__wrap table .u-device-pc{display:table-cell}}.p-table__main__wrap table thead th{font-size:.6rem;text-align:center;line-height:1.2;font-weight:normal;height:50px;position:relative}.p-table__main__wrap table thead th.sort:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url(../../assets/img/front/icons/sort-sm.svg);background-repeat:no-repeat;background-position:90% center}.p-table__main__wrap table thead th.brand{width:134px;min-width:134px;left:0}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.brand{width:167px;min-width:167px}}.p-table__main__wrap table thead th.image{width:40px;min-width:40px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.image{width:60px;min-width:60px}}.p-table__main__wrap table thead th.hyouka{width:50px;min-width:50px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.hyouka{width:80px;min-width:80px}}.p-table__main__wrap table thead th.site{width:90px;min-width:90px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.site{width:100px;min-width:100px}}.p-table__main__wrap table thead th.point{width:150px;min-width:150px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.point{width:250px;min-width:250px}}.p-table__main__wrap table thead th.price{width:70px;min-width:70px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.price{width:100px;min-width:100px}}.p-table__main__wrap table thead th.water{width:110px;min-width:110px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.water{width:120px;min-width:120px}}.p-table__main__wrap table thead th.rental{width:60px;min-width:60px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.rental{width:80px;min-width:80px}}.p-table__main__wrap table thead th.wtype{width:90px;min-width:90px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.wtype{width:80px;min-width:80px}}.p-table__main__wrap table thead th.stype{width:80px;min-width:80px}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.stype{width:90px;min-width:90px}}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.design{width:auto}}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.functionality{width:auto}}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.support{width:auto}}@media screen and (min-width: 768px){.p-table__main__wrap table thead th.reviews{width:auto}}.p-table__main__wrap table tbody td{text-align:center;vertical-align:middle;background:#fff;font-size:.67rem;padding:4px;min-height:60px}@media screen and (min-width: 768px){.p-table__main__wrap table tbody td{font-size:.7rem;min-height:70px}}.p-table__main__wrap table tbody td sup,.p-table__main__wrap table tbody td small{display:inline-block;line-height:1}.p-table__main__wrap table tbody td .layout-flex{align-items:center;gap:6px}.p-table__main__wrap table tbody td .layout-flex a{font-weight:600;text-align:left;text-decoration:underline;color:#007DB9;line-height:1.3}.p-table__main__wrap table tbody td.fixed{width:5%;min-width:60px}.p-table__main__wrap table tbody td img.img-server{width:45px;height:45px;margin:auto;object-fit:cover}.p-table__main__wrap table tbody td img.img-badge{width:20px;height:20px;object-fit:contain}.p-table__main__wrap table tbody td img.img-star{width:45px;height:auto;display:block;margin:auto}.p-table__main__wrap table tbody td img.img-maru{width:20px}.p-table__main__wrap table tbody td p{line-height:1.5}.p-table__main__wrap table tbody td span{font-size:.9rem;font-weight:600;color:orange}.p-table__main__wrap table th.sticky-pc:before,.p-table__main__wrap table th.sticky-sp:before{background:#D6F3FF;border-left:.5px solid #fff}.p-table__main__wrap table td.sticky-pc:before,.p-table__main__wrap table td.sticky-sp:before{background:#fff;border-left:.5px solid #eee}.p-table__main__wrap table .sticky-sp,.p-table__main__wrap table .sticky-pc{position:sticky;z-index:10}@media screen and (min-width: 768px){.p-table__main__wrap table .sticky-pc{border-right:1px solid #eee}.p-table__main__wrap table .sticky-pc:nth-of-type(1){left:0px}.p-table__main__wrap table .sticky-pc:nth-of-type(2){left:197px}.p-table__main__wrap table .sticky-pc:nth-of-type(3){left:263px}}.p-table__main__wrap table .sticky-sp{left:0;z-index:11}.p-table-top{padding:1rem 0}.p-table-top.-purifier-test{padding-top:0}@media screen and (min-width: 768px){.p-table-top.-purifier-test{padding-top:0}}@media screen and (min-width: 768px){.p-table-top{padding:1.4rem 0 1rem}}.p-table-top *{font-family:"ヒラギノ角ゴシック","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS PGothic",sans-serif}.p-table-top__head{position:relative;padding:0 0 1rem}@media screen and (min-width: 768px){.p-table-top__head{padding:0 4rem}}.p-table-top__head:before{content:"";position:absolute;bottom:10px;left:0;width:100%;height:40%}.p-table-top__head img{position:relative;z-index:1}.p-table-top__head.-purifier-test{padding:0;background:#fff}.p-table-top__head.-purifier-test:before{display:none}.p-table-top__head-inner{position:relative;min-height:52px;padding:14px 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px}@media screen and (min-width: 768px){.p-table-top__head-inner{min-height:50.4px;padding:7.2px 19.2px;flex-direction:row;gap:12px}}.p-table-top__head-date{position:relative;isolation:isolate;flex:0 0 auto;width:116px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:bold;line-height:23.04px;letter-spacing:.144px;white-space:nowrap}.p-table-top__head-date:before,.p-table-top__head-date:after{content:"";position:absolute;left:50%;top:.954px;height:22.091px;clip-path:polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%);transform:translateX(-50%);pointer-events:none}.p-table-top__head-date:before{z-index:-2;width:121.568px;background:#ecc336}.p-table-top__head-date:after{z-index:-1;width:115.058px;background:linear-gradient(131deg, #007DB9 0 52.4%, #007DB9 52.4% 100%)}@media screen and (min-width: 768px){.p-table-top__head-date{width:169px;height:30px;font-size:16.4px}.p-table-top__head-date:before,.p-table-top__head-date:after{top:0;height:30px}.p-table-top__head-date:before{width:179.173px}.p-table-top__head-date:after{width:169.737px}}.p-table-top__head-picture{position:relative;display:block;width:209.319px}@media screen and (min-width: 768px){.p-table-top__head-picture{width:307.2px}}.p-table-top__head-title{display:block;width:136px;height:auto}@media screen and (min-width: 768px){.p-table-top__head-title{width:199.2px}}.p-table-top__head-count{position:absolute;top:16.5px;left:calc(50% + 99.4px);z-index:2;width:70.8px;height:19px;display:flex;align-items:center;justify-content:flex-start;background:rgba(0,0,0,0);color:#007DB9;font-family:"Hiragino Sans","ヒラギノ角ゴシック",sans-serif;font-size:20px;font-weight:700;line-height:.96;letter-spacing:.144px;white-space:nowrap}@media screen and (min-width: 768px){.p-table-top__head-count{top:11.4px;left:calc(50% + 140px);width:104.4px;height:27.6px;font-size:28.8px;letter-spacing:.1728px}}.p-table-top__main{padding:0 6px}@media screen and (min-width: 768px){.p-table-top__main{padding:1rem}}.p-table-top__main .content sup{font-size:9px !important}.p-table-top__main .content .sup-box{padding-top:10px;margin-top:1rem}.p-table-top__main .content .table-wrap{width:100%;overflow-x:auto;border:2px solid #007DB9}.p-table-top__main .content .table-wrap table{width:130%;border:none}.p-table-top__main .content .table-wrap table *{border-color:#eee}.p-table-top__main .content .table-wrap table th,.p-table-top__main .content .table-wrap table td{text-align:center;vertical-align:middle;height:auto !important;font-size:12px;padding:6px 4px}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table th,.p-table-top__main .content .table-wrap table td{font-size:14px;padding:8px 6px}}.p-table-top__main .content .table-wrap table th{background:#EEF7FA;position:sticky;left:0;top:0;z-index:2;font-size:11px;padding:6px 2px}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table th{font-size:14px;padding:8px 6px}}.p-table-top__main .content .table-wrap table td{background:#fff}.p-table-top__main .content .table-wrap table td .icon-maru{display:block;margin:2px auto 4px;width:24px}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table td .icon-maru{width:30px}}.p-table-top__main .content .table-wrap table thead{border-bottom:1px solid #eee}.p-table-top__main .content .table-wrap table thead tr{border-bottom:none}.p-table-top__main .content .table-wrap table thead tr.thead-thumb td{padding:4px 4px 0}.p-table-top__main .content .table-wrap table thead th{width:9%}.p-table-top__main .content .table-wrap table thead td{line-height:1.4}.p-table-top__main .content .table-wrap table thead td:first-of-type{background:#FFF3E5}.p-table-top__main .content .table-wrap table thead td .badge{display:block;margin:0 auto 10px;width:34px}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table thead td .badge{width:50px}}.p-table-top__main .content .table-wrap table thead td .banner{width:80%}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table thead td .banner{width:60%}}.p-table-top__main .content .table-wrap table thead td.thead-name{padding:6px 4px;vertical-align:top}.p-table-top__main .content .table-wrap table thead td.thead-name a{color:#007DB9;font-weight:bold;text-decoration:underline}.p-table-top__main .content .table-wrap table tbody td:first-of-type{background:#FFF3E5}.p-table-top__main .content .table-wrap table tbody .tbody-hyouka .star{display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table tbody .tbody-hyouka .star{gap:6px}}.p-table-top__main .content .table-wrap table tbody .tbody-hyouka .star img{width:60%}.p-table-top__main .content .table-wrap table tbody .tbody-hyouka .star span{font-weight:700;color:#ff710b}.p-table-top__main .content .table-wrap table tbody .tbody-timer{border:none}.p-table-top__main .content .table-wrap table tbody .tbody-timer .timer .info{padding:4px 0}.p-table-top__main .content .table-wrap table tbody .tbody-timer .timer .num{color:#DD3333;font-weight:bold;padding:0 2px;margin:auto;white-space:nowrap;font-size:2.3vw;letter-spacing:-0.05em;width:100%}@media screen and (min-width: 768px){.p-table-top__main .content .table-wrap table tbody .tbody-timer .timer .num{width:90%;font-size:14px}}.p-table-top__main .content .table-wrap table tbody .tbody-price td{vertical-align:top}.p-campaign{padding:0 1rem}.p-campaign__list{margin:1rem 0;box-shadow:0 0 2px rgba(71,78,82,.02)}.p-campaign__list li{display:flex;align-items:center;gap:8px;background:#EEF7FA;padding:10px 10px 10px .9rem;box-shadow:0 1px 6px rgba(71,78,82,.2)}.p-campaign__list li .img{min-width:40px;min-height:40px;border-radius:50%;background-size:cover}.p-campaign__list li .descript{font-weight:bold;color:#00456B;font-size:.9rem;letter-spacing:-0.02em;width:100%}.p-campaign__list li .arrow{display:block;width:20px}.p-page-item{padding:1rem 2rem}@media screen and (max-width: 767px){.p-page-item{padding:1rem}}.p-page-item__btn{margin-top:2rem}.p-page-item p{font-size:.9rem}.p-page-item p a{display:inline;color:#007DB9;text-decoration:underline;font-weight:600}.p-page-item.-sommelier a{color:#007DB9;text-decoration:underline}.p-page-item.-sommelier .ctt-info{display:flex;background:#EEF7FA;border-radius:10px;padding:min(4vw,1.4rem);gap:min(4vw,2rem);position:relative;overflow:hidden}.p-page-item.-sommelier .ctt-info::before{content:"";position:absolute;top:0;left:-10%;width:70%;height:50%;background:#007DB9;transform:rotate(-45deg);transform-origin:center left;opacity:.2}.p-page-item.-sommelier .ctt-info p{font-size:min(3vw,.8rem);line-height:1.8}.p-page-item.-sommelier .ctt-info__left{width:35%}@media screen and (min-width: 768px){.p-page-item.-sommelier .ctt-info__left{width:23%}}.p-page-item.-sommelier .ctt-info__left img{position:relative;width:90%}.p-page-item.-sommelier .ctt-info__left .name{display:flex;flex-direction:column}.p-page-item.-sommelier .ctt-info__left .name span{text-align:center;color:#fff;font-weight:700;font-size:min(2.9vw,.75rem);background:#007DB9;line-height:1.3;padding:6px 8px;clip-path:polygon(100% 0%, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);margin-top:-4px}.p-page-item.-sommelier .ctt-info__left .name span:last-child{margin-top:4px;background:rgba(0,0,0,0);padding:0;font-size:min(3.4vw,.8rem);color:#393939}.p-page-item.-sommelier .ctt-info__right{width:78%}@media screen and (min-width: 768px){.p-page-item.-sommelier .ctt-info__right{width:90%}}.p-page-item.-sommelier .ctt-info__right h3{color:#007DB9;padding-bottom:min(3vw,.5rem);margin-bottom:min(3vw,.5rem);font-size:min(3.4vw,.8rem);border-bottom:1px solid}.p-page-item.-sommelier .ctt-img{text-align:center;padding:min(4vw,1rem)}.p-page-item.-sommelier .ctt-img img{max-width:70%;margin:auto}.p-page-item.-sommelier .ctt-img a{padding:1rem 0;font-size:min(3.2vw,.9rem)}.p-page-item.-sommelier .ctt-question{padding:min(3vw,2rem);position:relative;border:4px solid rgba(4,183,222,.2);border-radius:10px}.p-page-item.-sommelier .ctt-question h3{font-size:min(3.4vw,.8rem);background:#fff;display:inline-block;padding:min(3vw,.5rem) min(4vw,1rem);position:absolute;top:-1.4rem;left:2%}.p-page-item.-sommelier .ctt-question h3 span{color:#007DB9;font-size:1.2em}.p-page-item.-sommelier .ctt-question p{font-size:min(3.4vw,.8rem)}.p-page-item.-sommelier .ctt-question small{color:#838282;font-size:min(2.4vw,.6rem);padding:0 min(4vw,.7rem)}.p-page-item.-sommelier .ctt-profile{margin-top:min(7vw,4rem);padding:min(4.5vw,1rem);background:#EEF7FA;border-radius:20px;position:relative}.p-page-item.-sommelier .ctt-profile h3{position:absolute;top:-10px;left:0;font-size:min(4vw,1rem);color:#007DB9;text-align:center;background:#EEF7FA;width:min(20vw,150px);height:min(10vw,50px);z-index:1;display:flex;align-items:center;justify-content:center}.p-page-item.-sommelier .ctt-profile ul{background:#fff;padding:min(4vw,1.4rem);border-radius:10px;font-size:min(3.4vw,.8rem)}.p-page-item.-sommelier .ctt-profile ul li{padding:min(2vw,.6rem) 0;padding-left:min(2.5vw,14px);position:relative}.p-page-item.-sommelier .ctt-profile ul li:before{content:"";position:absolute;width:4px;height:4px;background:#007DB9;left:0;top:16px}@media screen and (min-width: 768px){.p-page-item.-sommelier .ctt-profile ul li:before{top:50%;transform:translateY(-50%)}}.p-page-item.-sommelier .ctt-profile ul li:not(:last-child){border-bottom:1px solid #eee}.p-single{padding:1rem}@media screen and (max-width: 767px){.p-single{padding:0}}.p-single-item{width:95%;margin:auto;overflow:hidden;border-radius:10px;border:2px solid #007DB9}@media screen and (min-width: 768px){.p-single-item{width:100%;padding:2rem}}.p-single-item__name a{display:block;padding:14px 10px;background:linear-gradient(180deg, #DCF0FA 47.92%, #C3E4F4 47.93%, #A9DCF3 100%);font-weight:600;font-size:1.3rem}.p-single-item__wrap{align-items:flex-start;gap:1rem;padding:10px 10px 0;margin-bottom:0}@media screen and (min-width: 768px){.p-single-item__wrap{padding:0;margin-bottom:1rem}}.p-single-item__info{width:30%}.p-single-item__info a{display:block}.p-single-item__text{width:100%}.p-single-item__text a{display:inline-block;color:#007DB9;text-decoration:underline}.p-single-item__text a:hover{text-decoration:none}.p-single-item__text__catch{margin-bottom:1rem}.p-single-item__text__catch p{font-weight:600;font-size:1rem;color:#DD3333}@media screen and (min-width: 768px){.p-single-item__text__catch p{font-size:1.2rem}}.p-single-item__text__tag{display:flex;padding:0 10px;gap:4px;margin-bottom:10px}@media screen and (min-width: 768px){.p-single-item__text__tag{gap:10px}}.p-single-item__text__tag li{padding:6px 4px;border-radius:14px;background:#FFD08A;display:flex;justify-content:center;align-items:center;width:100%;font-weight:bold;font-size:.8rem}@media screen and (min-width: 768px){.p-single-item__text__tag li{padding:8px 10px;border-radius:40px}}.p-single-item__text__tag li.nothing{filter:grayscale(1);background:#eee;color:#b9b9b9}.p-single-item__text__description{margin:1rem;padding:0 10px}@media screen and (min-width: 768px){.p-single-item__text__description{margin:2rem 0 1rem;padding:0}}.p-single-item__text__description p{font-size:.8rem}.p-single-item__text__point{background:#EEF7FA;padding:10px 1rem;margin-bottom:1rem}.p-single-item__text__point li{position:relative;line-height:1.3;font-size:.9rem;padding:6px 10px 6px 6vw}@media screen and (min-width: 768px){.p-single-item__text__point li{font-size:.8rem;padding:8px 1rem 8px 30px}}.p-single-item__text__point li a{display:inline-block;font-weight:600;text-decoration:underline;color:#007DB9}.p-single-item__text__point li a:hover{text-decoration:none}.p-single-item__text__point li:not(:last-of-type){border-bottom:1px dashed #eee}.p-single-item__text__point li:before{left:4px;content:"";position:absolute;width:5vw;height:5.2vw;left:0;background:url(../../assets/img/front/icons/icon-list.svg) center/contain no-repeat}@media screen and (min-width: 768px){.p-single-item__text__point li:before{width:20px;height:22px}}.p-single-item__sup{padding:0 10px 10px}@media screen and (min-width: 768px){.p-single-item__sup{padding:0}}.p-single-item__table{padding:0 10px}@media screen and (min-width: 768px){.p-single-item__table{padding:0}}.p-single-item__table table{border-color:#56B4DF}.p-single-item__table table tr{border-color:rgba(0,0,0,0) !important}.p-single-item__table table th{background:#D6F3FF;border-bottom:1px solid #fff !important}.p-single-item__table table th small{background:#fff;padding:2px;color:#007DB9;border-radius:4px}.p-single-item__table table td{border-bottom:1px solid #D6F3FF !important}.p-single-item__table table th,.p-single-item__table table td{font-size:.7rem;line-height:1.3;text-align:center;padding:4px}@media screen and (min-width: 768px){.p-single-item__table table th,.p-single-item__table table td{padding:10px;text-align:left}}.p-single-item__btn{padding:0 10px 10px}@media screen and (min-width: 768px){.p-single-item__btn{padding:0}}.p-single-item__btn.-first{margin-bottom:1rem}.p-single-item__btn.-second{margin-bottom:1rem;margin-top:1rem}.p-single-item__content{margin-top:1rem;padding:0 1rem}@media screen and (min-width: 768px){.p-single-item__content{margin-top:3rem;padding:0}}.p-single-item__content__img{margin-bottom:1rem}.p-single-item__content__list{padding:0 1rem}.p-single-item__content__list li{font-size:.97rem;font-weight:bold;color:red;list-style:disc}.p-single-item__content__list li:not(:last-of-type){margin-bottom:1rem}.p-single-item__content__review{margin-bottom:1rem}.p-single-item__content__review p,.p-single-item__content__review span{font-size:.85rem;line-height:1.8}.p-single-item__content__review p{margin-bottom:1rem}@media screen and (min-width: 768px){.p-single-item__content__review p{margin-bottom:2rem}}.p-single-item__content__review h4{background:#f5f5f5;border-left:4px solid #1E73BE;padding:4px 0 4px 10px;margin-bottom:1rem;display:flex;align-items:center}@media screen and (min-width: 768px){.p-single-item__content__review h4{padding:4px 14px}}.p-single-item__content__review h4 span,.p-single-item__content__review h4 img{vertical-align:middle}.p-single-item__content__review h4 span{margin-right:4px}@media screen and (min-width: 768px){.p-single-item__content__review h4 span{margin-right:10px}}.p-single-item__content__review h4 .review-gender{font-size:11px;padding:2px 4px;background:#fff;border-radius:4px;margin-left:5px;border:1px solid}.p-single-item__content__review h4 .review-hyouka{display:flex;margin-left:10px}.p-single-item__content__review h4 .review-hyouka span{width:auto;margin-right:4px}.p-single-item__content__review h4 .review-hyouka img{width:5rem}.p-single-item__content__review__descript{padding:1rem}.p-single-item__content__text p{font-size:.9rem}.p-column .text{padding:1rem}.p-column .text p{font-size:.9rem}.p-column .p-column-item{padding:1rem}@media screen and (max-width: 767px){.p-column .p-column-item{padding:0}}.p-column .p-column-item a{color:#007DB9;text-decoration:underline;word-break:break-all;padding-left:1rem}.p-column .p-column-item figure{background:#007DB9;overflow:hidden;margin-bottom:1rem;height:100px;border-radius:0}.p-column .p-column-item figure img{height:100%;object-fit:cover}@media screen and (min-width: 768px){.p-column .p-column-item figure{height:230px;border-radius:20px 20px 0 0}}.p-column .p-column-item__list{width:90%;margin:auto;padding:1rem 2rem 1rem 3rem;border:1px solid #007DB9;border-radius:10px}.p-column .p-column-item__list.-ol li{list-style-type:decimal}.p-column .p-column-item__list li{font-size:.9rem;font-weight:bold;color:#007DB9;list-style-type:disc;padding:10px 0 4px}.p-choose{background:#f5f4ed;margin-bottom:1rem}.p-choose a:not(.c-button){color:#007DB9;font-weight:bold;text-decoration:underline}.p-choose__head{padding:1rem}@media screen and (min-width: 768px){.p-choose__head{padding:1rem 2rem}}.p-choose__head p{font-size:.9rem}.p-choose__head__points{margin-top:2rem;position:relative}.p-choose__head__points h3{color:#fff;background:#007DB9;font-size:1rem;position:absolute;left:-10px;top:-1rem;width:90%;padding:10px}@media screen and (min-width: 768px){.p-choose__head__points h3{left:-1rem;width:40%}}.p-choose__head__points h3:after{content:"";position:absolute;width:0;height:0;left:0;bottom:-12px;border-top:12px solid #999;border-left:10px solid rgba(0,0,0,0)}@media screen and (min-width: 768px){.p-choose__head__points h3:after{bottom:-15px;border-top-width:16px;border-left-width:19px}}.p-choose__head__points ol{padding:3rem 2rem 2rem;background:#fff}@media screen and (max-width: 767px){.p-choose__head__points ol{padding:3rem 1.4rem 1.4rem}}.p-choose__head__points ol li{display:flex;align-items:center;gap:10px}@media screen and (min-width: 768px){.p-choose__head__points ol li{gap:1rem}}.p-choose__head__points ol li:not(:last-child){margin-bottom:10px}@media screen and (min-width: 768px){.p-choose__head__points ol li:not(:last-child){margin-bottom:1rem}}.p-choose__head__points ol li span{width:30px;height:30px;display:flex;font-weight:600;color:#838282;background:#FFD08A;font-size:.85rem;justify-content:center;align-items:center;border:2px solid}.p-choose__head__points ol li p{font-weight:600;font-size:1rem}.p-choose__section{padding:1rem 2rem 2rem}@media screen and (max-width: 767px){.p-choose__section{padding:10px 0}}.p-choose__section .p-choose-content{box-shadow:0 0 2px rgba(71,78,82,.1);padding:10px;background:#fff}@media screen and (min-width: 768px){.p-choose__section .p-choose-content{padding:0;padding-top:1.5rem}}.p-choose__section .p-choose-content__head{display:flex;gap:1rem;font-size:1.2em;border-bottom:2px solid #007DB9;background:linear-gradient(135deg, rgba(218, 235, 243, 0.3333333333) 25%, transparent 25%) -16px 0/32px 32px,linear-gradient(225deg, #DCEEF7 25%, transparent 25%) -16px 0/32px 32px,linear-gradient(315deg, rgba(218, 235, 243, 0.3333333333) 25%, transparent 25%) 0px 0/32px 32px,linear-gradient(45deg, #DCEEF7 25%, #f0f6f7 25%) 0px 0/32px 32px;padding:.7rem 10px}@media screen and (min-width: 768px){.p-choose__section .p-choose-content__head{padding:1.2rem 1rem}}.p-choose__section .p-choose-content__head.-best2 span{display:none}.p-choose__section .p-choose-content__head span{display:inline-block;font-size:.9rem;padding:3px 10px;display:flex;align-items:center;justify-content:center;background:#007DB9;color:#fff;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%}.p-choose__section .p-choose-content dd{padding:6px 0}@media screen and (min-width: 768px){.p-choose__section .p-choose-content dd{padding:1rem}}.p-choose__section .p-choose-content dd p{font-size:.85rem}.p-choose__section .p-choose-list{padding:10px;position:relative}.p-choose__section .p-choose-list__catch{display:flex;gap:1rem;padding:1rem 10px 0;align-items:center}@media screen and (min-width: 768px){.p-choose__section .p-choose-list__catch{padding:1rem 2rem 0}}.p-choose__section .p-choose-list__catch span{padding:6px 10px;width:60px;height:50px;border-left:4px solid;border-right:4px solid;border-top:4px solid #FF9900;border-bottom:4px solid #FF9900;font-weight:600;color:#007DB9;font-size:1.2em}.p-choose__section .p-choose-list__catch p{font-weight:600;color:#007DB9;line-height:1.4;font-size:1.1rem !important}@media screen and (min-width: 768px){.p-choose__section .p-choose-list__catch p{font-size:1.2rem !important}}.p-choose__section .p-choose-list .ttl{font-weight:bold;width:100%;line-height:1.3;padding:10px 0;margin:1rem 0;text-align:center;position:relative}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .ttl{width:95%;margin:1rem auto}}.p-choose__section .p-choose-list .ttl .big{color:#007DB9}.p-choose__section .p-choose-list .ttl:before,.p-choose__section .p-choose-list .ttl:after{content:"";position:absolute;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;width:6px;height:6px}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .ttl:before,.p-choose__section .p-choose-list .ttl:after{width:10px;height:10px}}.p-choose__section .p-choose-list .ttl:before{left:1.2rem}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .ttl:before{left:2rem}}.p-choose__section .p-choose-list .ttl:after{right:1.2rem}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .ttl:after{right:2rem}}.p-choose__section .p-choose-list.-rank ul:not(:last-of-type){margin-bottom:1rem}.p-choose__section .p-choose-list.-rank .ttl{font-weight:bold;clip-path:polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);background:#D6F3FF;font-size:1.1em}.p-choose__section .p-choose-list.-rank .ttl.-design{width:100%;padding:3vw;font-weight:bold;font-size:4.5vw;background:#EEF7FA;clip-path:inherit;border-radius:40px;color:#007DB9;position:relative;margin-bottom:10px}@media screen and (min-width: 768px){.p-choose__section .p-choose-list.-rank .ttl.-design{width:95%;padding:10px 0;font-size:1.1em}}.p-choose__section .p-choose-list.-rank .ttl.-design:before{display:none}.p-choose__section .p-choose-list.-rank .img-goodDesign{display:block;margin:auto;width:70%;margin-bottom:10px}@media screen and (min-width: 768px){.p-choose__section .p-choose-list.-rank .img-goodDesign{width:250px;margin-bottom:1rem}}.p-choose__section .p-choose-list.-osusume .ttl{margin:0}.p-choose__section .p-choose-list.-osusume .ttl:before,.p-choose__section .p-choose-list.-osusume .ttl:after{display:none}.p-choose__section .p-choose-list.-osusume .ttl img{width:90%;margin:auto}@media screen and (min-width: 768px){.p-choose__section .p-choose-list.-osusume .ttl img{width:60%}}.p-choose__section .p-choose-list .p-choose-item{position:relative;border:1px solid #eee;padding-top:10px}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .p-choose-item{padding-top:1rem}}.p-choose__section .p-choose-list .p-choose-item:not(:last-of-type){margin-bottom:2rem}.p-choose__section .p-choose-list .p-choose-item.-best2{margin-top:1rem}.p-choose__section .p-choose-list .p-choose-item.-best2:first-of-type{margin-bottom:1rem}.p-choose__section .p-choose-list .p-choose-item.-osusume{padding-top:4rem;margin-top:1rem}.p-choose__section .p-choose-list .p-choose-item.-osusume.-pt0{padding-top:0}.p-choose__section .p-choose-list .p-choose-item.-osusume .obi{width:95%;z-index:1;font-size:1.1em;text-align:center;box-shadow:4px 4px rgba(71,78,82,.05);background:#fea;color:#393939;text-shadow:none;border:1px solid #e8d484;position:absolute;font-weight:600;left:-10px;top:-10px;padding:10px 1rem}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .p-choose-item.-osusume .obi{width:auto;font-size:1.2em}}.p-choose__section .p-choose-list .p-choose-item.-osusume .obi:after{content:"";position:absolute;left:-1px;bottom:-10px;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-top:10px solid #c6b573;z-index:0}.p-choose__section .p-choose-list .p-choose-item .title{padding:10px 1rem 1rem;background:#007DB9;color:#fff;text-shadow:1px 2px 0 #393939;font-size:1.2em;position:relative}.p-choose__section .p-choose-list .p-choose-item .title:after{content:"";position:absolute;width:100%;height:3px;background:#fff;left:0;bottom:4px}.p-choose__section .p-choose-list .p-choose-item .content{padding:1rem 3rem 2rem}@media screen and (max-width: 767px){.p-choose__section .p-choose-list .p-choose-item .content{padding:1rem 1.2rem 2rem}}.p-choose__section .p-choose-list .p-choose-item .content figure{text-align:center}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .p-choose-item .content figure{box-shadow:0 0 10px rgba(71,78,82,.1)}}.p-choose__section .p-choose-list .p-choose-item .content figure.-best2{width:60%;margin:auto}.p-choose__section .p-choose-list .p-choose-item .content figure.-best2 a:first-of-type{display:block}@media screen and (max-width: 767px){.p-choose__section .p-choose-list .p-choose-item .content figure.-best2{width:100%}}.p-choose__section .p-choose-list .p-choose-item .content figure.-small{width:60%;margin:auto}@media screen and (max-width: 767px){.p-choose__section .p-choose-list .p-choose-item .content figure.-small{width:80%}}.p-choose__section .p-choose-list .p-choose-item .content figure img{width:100%;margin:auto}.p-choose__section .p-choose-list .p-choose-item .content .text{padding:1.4rem 0}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .p-choose-item .content .text{padding:2rem 0}}.p-choose__section .p-choose-list .p-choose-item .content p{line-height:1.5;font-size:.85rem}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .p-choose-item .content p{font-size:.75rem}}.p-choose__section .p-choose-list .p-choose-item .content .points{padding:1.5rem 10px}@media screen and (min-width: 768px){.p-choose__section .p-choose-list .p-choose-item .content .points{padding:1.5rem 0}}.p-choose__section .p-choose-list .p-choose-item .content .points li{font-size:.8rem;position:relative;padding-left:1.5rem}.p-choose__section .p-choose-list .p-choose-item .content .points li:before{content:"";position:absolute;width:10px;height:10px;background:#D6F3FF;border:1px solid #007DB9;border-radius:50%;left:0;top:50%;transform:translateY(-50%)}.p-choose__section .p-choose-list .p-choose-item .content .points li:not(:last-of-type){margin-bottom:10px}.p-choose__section .p-choose-list .p-choose-item .content .small{margin-top:1rem}.p-choose__section .p-choose-list .p-choose-item__osusume .title{background:rgba(0,0,0,0);padding:0;position:static;text-align:center}.p-choose__section .p-choose-list .p-choose-item__osusume .title:after{display:none}.p-choose__section .p-choose-list .p-choose-item__osusume .title img{width:90%;margin-bottom:1rem}.p-choose__section .p-choose-list .p-choose-item__osusume .content{position:relative;margin-top:1rem}.p-choose__section .p-choose-list .p-choose-item__osusume .content h5{width:99%;font-size:1em;padding:10px;text-align:center;background:#fea;color:#393939;text-shadow:none;border:1px solid #e8d484;position:absolute;left:-10px;top:-1rem}.p-choose__section .p-choose-list .p-choose-item__osusume .content h5:after{content:"";position:absolute;left:-1px;bottom:-10px;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-top:10px solid #c6b573;z-index:0}.p-category__pagination{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:4px}@media screen and (min-width: 768px){.p-category__pagination{margin-top:4rem}}.p-category__pagination span,.p-category__pagination a{display:inline-block;padding:4px 10px;border:1px solid #393939;font-size:.75rem;font-weight:600}.p-category__pagination span.current,.p-category__pagination a.current{background:#393939;color:#fff}.p-category__pagination span.next,.p-category__pagination a.next{margin-left:10px}.p-category__pagination span.prev,.p-category__pagination a.prev{margin-right:10px}.p-category__pagination a{color:#007DB9}.p-category-item{padding:0 1rem 2rem}@media screen and (max-width: 767px){.p-category-item{padding:0 0 1rem}}.p-category-item__title{background:#007DB9;color:#fff;padding:10px 1rem}.p-category-item__title a{font-weight:600}.p-category-item__flex{padding:1rem;gap:1rem;align-items:flex-start}.p-category-item__flex .thumbnail{width:20%;border:1px solid #eee}@media screen and (min-width: 768px){.p-category-item__flex .thumbnail{width:80px}}.p-category-item__flex .description{width:100%}.p-category-item__flex .description p{font-size:.8rem}.p-category-item__flex .button-more{margin-top:10px}.p-category-item__flex .button-more a{display:inline-block;padding:4px 1rem;border-radius:40px;color:#fff;background:#007DB9;text-align:center;transition:all .2s;border:1px solid #007DB9;font-size:.7rem;font-weight:600}.p-category-item__flex .button-more a:hover{background:#fff;color:#007DB9}.p-sommelier{padding:min(2vw,2rem);background:#EEF7FA;position:relative;overflow:hidden}.p-sommelier::before{content:"";position:absolute;top:0;left:-10%;width:100%;height:80%;background:#007DB9;transform:rotate(-45deg);transform-origin:center left;opacity:.1}.p-sommelier__ctt{position:relative;display:flex;background:#fff;padding:min(4vw,1.4rem) min(2vw,1.4rem);gap:min(3vw,2rem);border-radius:20px;align-items:center}.p-sommelier__ctt__left{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center}.p-sommelier__ctt__left span{display:block;width:90%;text-align:center;color:#fff;font-weight:600;font-size:min(3vw,.8rem);background:#007DB9;padding:2px 20px;clip-path:polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0);margin-top:-10px}@media screen and (min-width: 768px){.p-sommelier__ctt__left{width:20%}}.p-sommelier__ctt__right{width:75%}@media screen and (min-width: 768px){.p-sommelier__ctt__right{width:80%}}.p-sommelier__ctt__right .ttl{margin-bottom:min(1.6vw,.6rem);display:flex;align-items:center;font-size:min(3.5vw,.9rem);font-weight:700}.p-sommelier__ctt__right .ttl span{color:#007DB9;font-size:min(5vw,.85rem);margin-right:10px}.p-sommelier__ctt__right .description{margin-bottom:min(1vw,.5rem)}.p-sommelier__ctt__right .description p{font-size:min(3vw,.9rem)}.p-sommelier__ctt__right .link a{font-size:min(3vw,.8rem);color:#838282;text-decoration:underline}

/* ============================================================
   水ナビ本体 準拠 コンテンツCSS ポート（全面版 v2）
   ベース: https://mizu-navi.jp/ranking/cost/ （SWELL / .post_content）
   対象  : lp.mizu-navi.jp 全ページのコンテンツ領域
   計測  : design/css-port/h-base-375.json / h-base-1200.json
           （要素 4,284 個の computed を総ざらいして値のスケールを確定）
   日付  : 2026-08-12

   色トークンは style.css 本体で直接置換済み（89箇所 / 置換表は
   css-delta-map.md）。このブロックは書体・字送り・行間・余白・罫線・
   角丸・PC コンテンツ幅を担当する。

   ※ 既存テーマの実セレクタに特定度を揃えている。背景と文字色は必ず
     同一ルールで指定する（片方だけ負けて白文字が淡色面に乗る事故防止）。
   ============================================================ */

:root {
  --mn-font: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

  /* 実測トークン（本体） */
  --mn-text: #393939;      /* 地の文 rgb(57,57,57) */
  --mn-text-sub: #333333;  /* 副次 rgb(51,51,51) */
  --mn-gray: #838282;      /* 注釈グレー */
  --mn-link: #007DB9;      /* 本文中リンク */
  --mn-h2-bg: #1E73BE;     /* h2 帯 */
  --mn-pale: #D6F3FF;      /* 淡面（h3 / ラベルセル） */
  --mn-th-bg: #007DB9;     /* 比較表 th */
  --mn-cell-bd: #CCE5F1;   /* 比較表 罫線 */
  --mn-divider: #eee;      /* 汎用 区切り線（本体で最多 580箇所） */
  --mn-box-bd: #007DB9;    /* ボックス枠 2px */

  --mn-ls: 1.1px;          /* letter-spacing（本体 4,201/4,284 要素） */
  --mn-lh: 1.8;            /* 地の文 25.2px / 14px */
  --mn-lh-list: 1.5;       /* li 21px / 14px */
  --mn-lh-cell: 1.6;       /* th・td 20.8px / 13px */

  --mn-radius: 4px;        /* 本体の角丸最多 */
}

/* ============================================================
   1. 書体（本体スタック）
   現状は "Hiragino Sans" 系と ヒラギノ角ゴシック 系が混在していた
   ============================================================ */
body,
.c-table,
.c-table th,
.c-table td,
.p-table-top,
.p-table-top p,
.p-table__main__wrap table,
.c-button,
.p-choose,
.p-searchform {
  font-family: var(--mn-font);
}

/* ============================================================
   2. 地の文 — 文字（本体 SP 14px / PC 16px・行間 1.8・字送り 1.1px）
   ============================================================ */
.c-descript .c-descript__text,
.p-sommelier .txt,
.p-sommelier p,
.p-ranking-item .p-ranking-item__catch,
.p-choose p {
  font-size: 14px;
  line-height: var(--mn-lh);
  letter-spacing: var(--mn-ls);
  color: var(--mn-text);
}

/* 箇条書きは本体 li に合わせて行間 1.5・上下 0.25em・字下げ 1.6em */
.p-ranking-item .p-ranking-item__point ul li {
  font-size: 14px;
  line-height: var(--mn-lh-list);
  letter-spacing: var(--mn-ls);
  color: var(--mn-text);
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}

/* ============================================================
   3. 地の文 — 余白（本体: 段落 2em / リスト 1em / li 0.25em）
   ============================================================ */
.c-descript .c-descript__text { margin-bottom: 0; }  /* 28px -> 0（ミラ指示 2026-08-20・SP/共通） */
.p-ranking-item .p-ranking-item__point ul { margin-bottom: 14px; }
.sup-box { margin-top: 14px; }

/* セクション間のリズム（本体 h2 は上 4.8em / 下 2.4em。LP は節見出しが
   画像なので、記事の段落リズム 2em を article の gap に当てる） */
.l-article { gap: 28px; }

/* ============================================================
   4. 表（本体: th/td = 13px・行間 1.6・padding 6.5px・罫線 1px #CCE5F1、
      th = 白文字 on #007DB9、td = #393939）
   ============================================================ */
/* `.c-table.-over` = 横スクロールの広い比較表。列幅が px 固定のため
   文字サイズ・字送り・padding は据え置く（下の専用ルール参照）。 */
.c-table:not(.-over) th,
.c-table:not(.-over) td {
  font-size: 13px;
  line-height: var(--mn-lh-cell);
  letter-spacing: var(--mn-ls);
  padding: 6.5px;
}

.c-table th,
.c-table td { color: var(--mn-text); }

.c-table { border: 1px solid var(--mn-cell-bd); }
.c-table tr:not(:last-child) { border-bottom: 1px solid var(--mn-cell-bd); }
.c-table th:not(:last-child) { border-right: 1px solid var(--mn-cell-bd); }
.c-table td:not(:last-child) { border-right: 1px solid var(--mn-cell-bd); }

/* 見出し行を持つ比較表だけ本体と同じ青ヘッダー。
   ランキングカード内の label/value 型スペック表はラベルセルが全面青に
   なって可読性が落ちるため対象外（面は淡面 #D6F3FF へ置換済み）。 */
.p-table-top__main .content .table-wrap table th {
  background: var(--mn-th-bg);
  color: #fff;
  font-weight: 700;
}

.p-table__main__wrap table thead th {
  background: var(--mn-th-bg);
  color: #fff;
  font-weight: 700;
}

.p-table-top__main .content .table-wrap table td,
.p-table__main__wrap table tbody td {
  color: var(--mn-text);
}

/* 比較表のセル（行間 1.6 / padding 6.5px / 罫線 1px #CCE5F1）
   既存が 11〜14px・padding 6px 2px などバラバラだったため、既存の実
   セレクタと特定度を揃えて上書きする。サムネイル行・商品名セルは
   画像とリンクのための専用 padding があるので触らない。
   ※ 文字サイズは SP のみ 11px（ミラ指示 2026-08-12。本体は 13px だが
     比較表は列数が多く、SP では 11px の方が収まりが良い）。PC は
     本体どおり 13px。 */
.p-table-top__main .content .table-wrap table th,
.p-table-top__main .content .table-wrap table td {
  font-size: 11px;
  line-height: var(--mn-lh-cell);
  border-right: 1px solid var(--mn-cell-bd);
  border-bottom: 1px solid var(--mn-cell-bd);
}

.p-table-top__main .content .table-wrap table th {
  font-size: 11px;
}

/* 横スクロールの広い比較表（.p-table__main__wrap）は列幅が px 固定
   （brand 134/167・point 150/250・price 70/100 等）で、本体の 13px と
   字送り 1.1px を入れると 110px 列で 114px になり 4px はみ出して
   欠ける（実測 9 箇所）。よって文字サイズ・字送り・padding は据え置き、
   罫線色と文字色だけ本体に合わせる。理由は css-delta-map.md B-3。 */
.p-table__main__wrap table thead th,
.p-table__main__wrap table tbody td {
  line-height: var(--mn-lh-cell);
  border-right: 1px solid var(--mn-cell-bd);
}

/* ============================================================
   5. 罫線・角丸（本体: 区切り線 #eee / 角丸 4px / ボックス枠 2px #007DB9）
   区切り線と枠色は style.css 本体で置換済み。ここでは角丸のみ。
   ピル（50px）・円（50%）・バッジ・CTA は CV 装置なので触らない。
   ============================================================ */
.p-ranking-item__spec__table,
.p-table-top__main .content .table-wrap,
.sup-box { border-radius: var(--mn-radius); }

/* 本体の記事ラッパは枠線・角丸なし */
.l-article { border: none; border-radius: 0; }

/* ============================================================
   5-b. 地色
   2026-08-12: body = 淡いブルー #EEF7FA、コンテンツ = 白 で導入。
   2026-08-17: ミラ指示により body の地色を撤去（body は既定＝白）。
               コンテンツ側の白は明示指定として残す。
   ============================================================ */
.l-article { background-color: #fff; }

/* ============================================================
   6. PC（min-width:768px）— テーマ既存のブレークポイント
   本体 PC 実測: 地の文 16px / 行間 28.8px / li 24px / 段落下 32px /
   コンテンツ幅 850px（.l-article max-width 850px）
   ============================================================ */
@media screen and (min-width: 768px) {
  .c-descript .c-descript__text,
  .p-sommelier .txt,
  .p-sommelier p,
  .p-ranking-item .p-ranking-item__catch,
  .p-choose p {
    font-size: 16px;
    line-height: var(--mn-lh);
  }

  .p-ranking-item .p-ranking-item__point ul li {
    font-size: 16px;
    line-height: var(--mn-lh-list);
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* 比較表は SP のみ 11px 指定。PC は本体どおり 13px・padding 6.5px に戻す
     （上の SP ルールはメディアクエリの後に来るため、ここで上書きが必要）
     ※ SP で padding 6.5px と字送り 1.1px を入れないのは、固定の
       ラベル列が 48px しかなく「サービス名」が 3 行に割れるため。 */
  .p-table-top__main .content .table-wrap table th,
  .p-table-top__main .content .table-wrap table td {
    font-size: 13px;
    letter-spacing: var(--mn-ls);
    padding: 6.5px;
  }

  .c-descript .c-descript__text { margin-bottom: 0; }  /* 32px -> 0（ミラ指示 2026-08-20・PC） */
  .p-ranking-item .p-ranking-item__point ul { margin-bottom: 16px; }
  .sup-box { margin-top: 16px; }

  .l-article { gap: 32px; }

  /* コンテンツ幅を本体に一致（本体 .l-article = 850px。LP は 780px だった） */
  .l-article { width: 850px; max-width: 100%; }
}

/* p-hero -renew (Figma 1:57, 2026-08-17) */
.p-hero.-renew{background-color:#eff7f9;padding:0}.p-hero.-renew .p-hero__body{line-height:0}.p-hero.-renew picture{display:block}.p-hero.-renew img{width:100%;height:auto;border-radius:0;border:none;box-shadow:none}

/* ============================================================
   PC CSS 微調整（ミラ指示 2026-08-21）― トップ比較表の CTA と ソムリエ枠の文字サイズ
   いずれも「PC の基本宣言」だけを書き換えている。SP は後続の
   @media screen and (max-width: 767px) が同じセレクタを再宣言するので不変。

     .p-table-top .c-button            font-size 16px      -> 14px
       （実体 = .p-table-top.-renew .c-button.-table-top。SP は 12px を後で再宣言）
     .p-table-top .c-button::after     width 1.21em        -> .8em
       （height 1.21em は指示範囲外なので据え置き。background が center/contain なので
         矢印は幅 .8em に収まって縦中央に置かれるだけで、比率は崩れない。
         SP はこの ::after を display:none にしているので影響なし）

     .p-sommelier.-renew __ctt__left          width 138.31px -> 100px
     .p-sommelier.-renew __ctt__left span     font-size 14.4px -> 12px
     .p-sommelier.-renew __ctt__right .ttl        font-size 16.2px -> 14px
     .p-sommelier.-renew __ctt__right .ttl span   font-size 15.3px -> 14px
     .p-sommelier.-renew __ctt__right .description p  font-size 16.2px -> 14px
     .p-sommelier.-renew __ctt__right .link a         font-size 14.4px -> 13px

   ・line-height は指示範囲外なので据え置き（span 23 / ttl 25.92 / ttl span 24.48 /
     description p 29.16 / link a 23 の固定値）。
   ・__ctt__right は width:553.31px の固定値のまま。__ctt の内寸 778px に対し
     100 + gap36 + 553.31 = 689.31 なので右に 88.7px の余りが出る
     （左 138.31px 時点でも 50.4px 余っていた ― コンテナ幅 960->850px 変更の名残）。
     余りを詰めるかどうかはミラ判断待ちなので、この修正では触らない。
   ============================================================ */

/* ============================================================
   比較表（.p-table-top）の罫線と幅（ミラ指示 2026-08-21・第2弾）

   ① PC/SP 共通 ― table の border-collapse 指定を撤去
        - border-collapse:separate; border-spacing:1px;
      これまでは「セル間 1px の隙間から table の地色 #cce5f1 を覗かせる」方式で
      格子線を描いていた。指定を消すと destyle の table{border-collapse:collapse}
      に戻り、隙間が閉じて各セル自身の 1px var(--mn-cell-bd) が繋がった罫線になる。
      background:#cce5f1 は隙間が無くなって見えなくなるだけなので残置（無害）。
      実測: td 幅 PC 194.8px -> 196.1px（隙間が消えた分だけ広がる）。
      ※ L763 の thead-thumb td の box-shadow:0 1px 0 #fff（隙間を白で塞ぐ細工）は
        隙間そのものが無くなったので効果が無くなるが、悪影響も無いので残置。

   ② PC ― 比較表の幅 150% -> 130%
      正体は legacy の .p-table-top__main .content .table-wrap table{width:150%}。
      .table-wrap の内寸 818px に対し 150% = 1224px だったのを 130% = 1060.8px へ。
      SP は .p-table-top.-renew …table{width:736px} を後で再宣言しているので不変。
      ※ 130% でも .table-wrap（818px）からは 245px はみ出すため横スクロールは残る。
        スクロール無しで全列を収めたい場合は 100% が必要（ミラに報告済）。

   ③ PC ― th 幅 110px -> 80px
      .p-table-top.-renew …table th の width/min-width 両方。
      SP は同セレクタを max-width:767px で 70px に再宣言しているので不変。
   ============================================================ */

/* p-table-top -renew (Figma 1:60, 2026-08-17) */
/* p-table-top -renew (Figma 1:60) */
.p-table-top.-renew{padding:0;border-top:1px solid #111}.p-table-top.-renew .p-table-top__head{max-width:none !important;width:100%;background:#1e73be;padding:12px 30px;text-align:center}.p-table-top.-renew .p-table-top__head::before{display:none}.p-table-top.-renew .p-table-top__head-text{color:#fff;font-size:24px;font-weight:bold;line-height:1.5;text-align:center;white-space:nowrap}@media screen and (max-width: 767px){.p-table-top.-renew .p-table-top__head-text{font-size:18px;white-space:normal}}.p-table-top.-renew .p-table-top__main{padding:20px 16px 24px}.p-table-top.-renew .p-table-top__main .content .table-wrap{border:1px solid rgba(0,0,0,.15);background:#cce5f1}.p-table-top.-renew .p-table-top__main .content .table-wrap table{background:#cce5f1}.p-table-top.-renew .p-table-top__main .content .table-wrap table th{background:#f0f7fa;color:#393939;width:80px;min-width:80px;font-size:12px;padding:10px 8px}.p-table-top.-renew .p-table-top__main .content .table-wrap table td{background:#fff;font-size:12px;padding:10px 8px}.p-table-top.-renew .c-crown{display:inline-flex;align-items:center;justify-content:center;width:34px}.p-table-top.-renew .c-crown img{display:block;width:26px;height:20px}.p-table-top.-renew .p-table-top__main .content .table-wrap table tbody .tbody-hyouka .star img{width:62.4px;height:auto}.p-table-top.-renew .p-table-top__main .content .table-wrap table td .icon-maru{width:25px;height:25px}.p-table-top.-renew .p-table-top__main .content .table-wrap table tbody .tbody-timer td{vertical-align:bottom;padding:12px 8px}.p-table-top.-renew .tbody-timer .timer{margin-bottom:6px}.p-table-top.-renew .c-button.-table-top{display:block;background:#f46f16;color:#fff;font-weight:bold;font-size:14px;text-align:center;padding:10px;border-radius:0;border:none;width:100%}.p-table-top.-renew .timer .num{color:#e8430e;font-size:13px;font-weight:bold}.p-table-top.-renew .timer .info{font-size:11px}@media screen and (max-width: 767px){.p-table-top.-renew .p-table-top__head{padding:12px 16px}.p-table-top.-renew .p-table-top__main{padding:16px}.p-table-top.-renew .p-table-top__main .content .table-wrap table{width:736px}.p-table-top.-renew .p-table-top__main .content .table-wrap table th{width:70px;min-width:70px;font-size:12px;padding:10px 8px}.p-table-top.-renew .p-table-top__main .content .table-wrap table td{width:132px;min-width:132px;font-size:11px;padding:10px 8px}.p-table-top.-renew .p-table-top__main .content .table-wrap table tbody .tbody-timer td{padding:12px 8px}.p-table-top.-renew .timer .info{font-size:9px}.p-table-top.-renew .timer .num{font-size:12px}}.p-table-top.-renew .sup-box{color:#838282;font-size:11px;line-height:1.6}
/* purifier table heading: dynamic date pill + label */
.p-table-top.-renew.-purifier-test .p-table-top__head-text{display:flex;align-items:center;justify-content:center;gap:10px}.p-table-top.-renew.-purifier-test .p-table-top__head-date{flex:0 0 auto;width:auto;height:auto;padding:4px 14px;background:#fff;border-radius:50px;color:#1e73be;font-size:20px;line-height:1.4;isolation:auto}.p-table-top.-renew.-purifier-test .p-table-top__head-date::before,.p-table-top.-renew.-purifier-test .p-table-top__head-date::after{display:none}.p-table-top.-renew.-purifier-test .p-table-top__head-label{flex:0 1 auto}@media screen and (max-width:767px){.p-table-top.-renew.-purifier-test .p-table-top__head-date{padding:3px 10px;font-size:15px}}
/* p-sommelier -renew (Figma 1:746 / 1:6270) */
.p-sommelier.-renew{padding:0 16px;background:rgba(0,0,0,0);overflow:visible}.p-sommelier.-renew::before{display:none}.p-sommelier.-renew .p-sommelier__ctt{display:flex;align-items:center;gap:36px;padding:20px;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:20px}.p-sommelier.-renew .p-sommelier__ctt__left{flex:0 0 auto;width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.p-sommelier.-renew .p-sommelier__ctt__left img{display:block;width:100%;height:auto}.p-sommelier.-renew .p-sommelier__ctt__left span{display:block;width:auto;margin:0;padding:0;background:none;clip-path:none;color:#393939;font-weight:bold;font-size:12px;line-height:23px;text-align:center}.p-sommelier.-renew .p-sommelier__ctt__right{flex:0 0 auto;width:553.31px;display:flex;flex-direction:column;gap:9px}.p-sommelier.-renew .p-sommelier__ctt__right .ttl{display:flex;align-items:flex-end;gap:10px;margin-bottom:0;color:#393939;font-size:14px;font-weight:bold;line-height:25.92px}.p-sommelier.-renew .p-sommelier__ctt__right .ttl span{margin-right:0;color:#393939;font-size:14px;line-height:24.48px}.p-sommelier.-renew .p-sommelier__ctt__right .description{margin-bottom:0}.p-sommelier.-renew .p-sommelier__ctt__right .description p{color:#393939;font-size:14px;line-height:29.16px;letter-spacing:1.1px}.p-sommelier.-renew .p-sommelier__ctt__right .link{padding-top:3px}.p-sommelier.-renew .p-sommelier__ctt__right .link a{color:#007db9;font-size:13px;line-height:23px;text-decoration:underline}@media screen and (max-width: 767px){.p-sommelier.-renew{padding:7.8px 16px}.p-sommelier.-renew .p-sommelier__ctt{align-items:flex-start;gap:11.69px;padding:15.6px 7.8px;border-radius:10px}.p-sommelier.-renew .p-sommelier__ctt__left{width:66.78px;gap:4px}.p-sommelier.-renew .p-sommelier__ctt__left span{font-size:11px;line-height:18.72px}.p-sommelier.-renew .p-sommelier__ctt__right{flex:1 1 0;width:auto;min-width:0;gap:3.9px}.p-sommelier.-renew .p-sommelier__ctt__right .ttl{align-items:center;font-size:13.7px;line-height:21.84px}.p-sommelier.-renew .p-sommelier__ctt__right .ttl span{font-size:13.6px;line-height:21.76px}.p-sommelier.-renew .p-sommelier__ctt__right .description p{font-size:11.7px;line-height:21px}.p-sommelier.-renew .p-sommelier__ctt__right .link{padding-top:4px}.p-sommelier.-renew .p-sommelier__ctt__right .link a{font-size:11.7px;line-height:18.72px}}
/* p-ranking__head -renew (Figma 1:783) */
.c-heading.-ranking.-renew{display:flex;flex-direction:column;align-items:center}.c-heading.-ranking.-renew .deco{margin:0;padding:4px 10px;width:auto;border-bottom:1px solid #007db9;transform:none;color:#000;font-size:18px;font-weight:bold;line-height:24.68px;text-align:center}.c-heading.-ranking.-renew h2{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:0;background:none;text-align:center}.c-heading.-ranking.-renew h2::before,.c-heading.-ranking.-renew h2::after{display:none}.c-heading.-ranking.-renew h2 .sub{position:static;left:auto;top:auto;transform:none;flex:0 0 auto;margin:0;padding:4px 20px;background:#007db9;border-radius:45px;box-shadow:none;color:#fff;font-size:19.8px;font-weight:bold;line-height:31.68px;white-space:nowrap}.c-heading.-ranking.-renew h2 .sub::before{display:none}.c-heading.-ranking.-renew h2 .main{flex:0 0 auto;color:#007db9;font-size:28.8px;font-weight:bold;line-height:46px;white-space:nowrap}@media screen and (max-width: 767px){.c-heading.-ranking.-renew .deco{width:253.5px;max-width:100%}.c-heading.-ranking.-renew h2{align-items:flex-start;justify-content:flex-start;gap:0;padding:6px 20px}.c-heading.-ranking.-renew h2 .sub{padding:2px 10px;border-radius:72px;font-size:14.2px;line-height:27.46px}.c-heading.-ranking.-renew h2 .main{flex:1 1 0;min-width:0;text-align:center;font-size:21.5px;line-height:34.32px}}
/* ============================================================
   SP ranking heading overflow fix (Mira instruction 2026-08-24)
   Keep the existing HTML order and move .sub visually to the right of .main.
   Scale .main with the viewport so the nowrap label stays inside the heading.
   ============================================================ */
@media screen and (max-width:767px){.c-heading.-ranking.-renew h2{justify-content:center;gap:10px;padding:6px 16px}.c-heading.-ranking.-renew h2 .sub{order:2;font-size:4vw}.c-heading.-ranking.-renew h2 .main{order:1;flex:0 1 auto;font-size:4.8vw}}

/* ============================================================
   PC CSS 微調整（ミラ指示 2026-08-20）― p-ranking カード内の文字サイズを一段落とす
   いずれも「PC の基本宣言」だけを書き換えている。SP は直後の
   @media screen and (max-width: 767px) が同じセレクタを後から再宣言しているので不変。

     __catch p            font-size 18px    -> 16px
     __title .name a      font-size 27px    -> 22px
     __title .name .badge width 54.274px    -> 44px / height 41.749px -> auto
     .hyouka p .big       font-size 25.2px  -> 1rem（PC root 18px = 18px）
     __point ul li        font-size 16px    -> 15px
     __campaign p         font-size 16.2px  -> 15px
     __button .c-button   font-size 26.1px  -> 18px / line-height 41.76px -> 32px

   ・line-height は指示範囲外なので据え置き（__catch 27.22 / .name a 43.2 / .big 23.24）。
     実測でこの 3 つはすべて 1 行要素なので、行間はボックス高さにだけ効く。
   ・badge は height を固定値のままにすると 44px 幅で比率が崩れるため auto（実測 44x33.84）。
     legacy の PC 宣言も width:44px で height 未指定だった。
   ・実測（PC 1440 / ライブに CSS を注入して計測）: カード高 1151.94/1251.31/1233.73 ->
     1118.17/1217.55/1151.97。はみ出し（scrollWidth 超過）はどのブロックも 0。
   ============================================================ */

/* p-ranking-item + __title + __timer + __catch + c-table + __tag + __point + __campaign + __button + 左右30px統一 -renew (Figma PC 175:1393 / SP 175:1705) */
.p-ranking.-renew .p-ranking-item{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 32px);margin:0 auto;padding:20px 0 40px;background:#fff;border:1px solid #cce5f1;border-radius:0}@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item{gap:10px;padding:0 10px 10px;border-radius:4px;overflow:clip}}.p-ranking.-renew .p-ranking-item__title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto;min-height:88px;margin-bottom:0;padding:0 30px 8px;background:none;border-radius:9px 9px 0 0;position:relative}.p-ranking.-renew .p-ranking-item__title .name{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;height:auto;padding-left:78px}.p-ranking.-renew .p-ranking-item__title .name .badge{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:44px;height:auto}.p-ranking.-renew .p-ranking-item__title .name a{width:auto;color:#007db9;font-size:22px;font-weight:bold;line-height:43.2px}.p-ranking.-renew .p-ranking-item__title .hyouka{position:static;top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;height:auto;padding:6px;background:#f9f6f6;border-bottom:none;border-radius:0}.p-ranking.-renew .p-ranking-item__title .hyouka img{display:block;width:80px;height:auto}.p-ranking.-renew .p-ranking-item__title .hyouka p{display:flex;align-items:center;color:#838282;font-size:13.5px;line-height:16.2px}.p-ranking.-renew .p-ranking-item__title .hyouka p .label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.p-ranking.-renew .p-ranking-item__title .hyouka p .big{color:#d33;font-size:1rem;line-height:23.24px}.p-ranking.-renew .p-ranking-item__timer{padding:0 30px}.p-ranking.-renew .p-ranking-item__timer.-first,.p-ranking.-renew .p-ranking-item__timer.-second{padding:0 30px}.p-ranking.-renew .p-ranking-item__timer .timer{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 10px;background:#007db9;border-radius:8px;position:relative}.p-ranking.-renew .p-ranking-item__timer .timer .icon{display:none}.p-ranking.-renew .p-ranking-item__timer .timer .info{position:static;top:auto;width:auto;color:#fff;font-size:16px;font-weight:bold;line-height:25.6px;white-space:nowrap}.p-ranking.-renew .p-ranking-item__timer .timer .arrow{flex:0 0 auto;width:6.06px;height:10.71px}.p-ranking.-renew .p-ranking-item__timer .timer .num{width:auto;padding:3px 9px;background-color:#fff;border:none;border-radius:4px;color:#007db9;font-size:19.8px;font-weight:bold;line-height:31.68px;text-align:center;white-space:nowrap}.p-ranking.-renew .p-ranking-item__catch{padding:9px 20px 10.2px}.p-ranking.-renew .p-ranking-item__catch p{padding:0;background:none;border:none;font-size:16px;font-weight:bold;line-height:27.22px;letter-spacing:1.1px;text-align:left}.p-ranking.-renew .p-ranking-item__catch p::before,.p-ranking.-renew .p-ranking-item__catch p::after{display:none}.p-ranking.-renew .p-ranking-item__spec__table{gap:13.5px}.p-ranking.-renew .p-ranking-item__spec__table .c-table th{background:#cce5f1;width:120px;padding:11px 7px;font-size:12px}.p-ranking.-renew .p-ranking-item__spec__table .c-table td{padding:0 7px;font-size:12px}.p-ranking.-renew .p-ranking-item__tag{gap:10px;padding:0}.p-ranking.-renew .p-ranking-item__tag li{padding:6px 10px 7.72px;background:#007db9;border-radius:40px;color:#fff;font-size:13px;line-height:20.74px}.p-ranking.-renew .p-ranking-item__tag li.nothing{background:#eee;color:#b9b9b9}@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item__spec__table.-table2 .c-table th{width:auto;padding:2px 4px;font-size:10px;line-height:12.6px}.p-ranking.-renew .p-ranking-item__spec__table.-table2 .c-table th:not(:last-child){border-right-color:#fff}.p-ranking.-renew .p-ranking-item__spec__table.-table2 .c-table td{padding:2px 4px}.p-ranking.-renew .p-ranking-item__spec__table.-table2 .c-table .img-maru{width:25px;height:25px}.p-ranking.-renew .p-ranking-item__tag{gap:2px;padding:0}.p-ranking.-renew .p-ranking-item__tag li{padding:4px;border-radius:14px;font-size:11.5px;line-height:18.43px}.p-ranking.-renew .p-ranking-item__catch{padding:6px 10px}.p-ranking.-renew .p-ranking-item__catch p{font-size:14px;line-height:22.4px;text-align:left}.p-ranking.-renew .p-ranking-item__timer{padding:0}.p-ranking.-renew .p-ranking-item__timer.-first,.p-ranking.-renew .p-ranking-item__timer.-second{padding:0}.p-ranking.-renew .p-ranking-item__timer .timer{padding:6px;border-radius:6px}.p-ranking.-renew .p-ranking-item__timer .timer .info{width:68px;font-size:11.2px;line-height:14.92px;white-space:normal}.p-ranking.-renew .p-ranking-item__timer .timer .num{padding:3px 13px;font-size:16px;line-height:25.6px}.p-ranking.-renew .p-ranking-item__title{flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:0;padding:16px 0 0}.p-ranking.-renew .p-ranking-item__title .name{width:100%;padding-left:50px}.p-ranking.-renew .p-ranking-item__title .name .badge{left:4.85px;transform:translateY(calc(-50% - 2.14px));width:34.274px;height:26.365px}.p-ranking.-renew .p-ranking-item__title .name a{width:100%;font-size:18px;line-height:25.74px}.p-ranking.-renew .p-ranking-item__title .hyouka{flex-direction:row;gap:4.99px;width:100%;height:29.95px;padding:2px}.p-ranking.-renew .p-ranking-item__title .hyouka img{width:73.58px}.p-ranking.-renew .p-ranking-item__title .hyouka p{color:#393939;font-size:12.8px;line-height:15.36px}.p-ranking.-renew .p-ranking-item__title .hyouka p .big{font-size:20.8px;line-height:24.96px}}

/* R6: p-ranking-item__point -renew (Figma PC I175:1393;130:1647 / SP 175:1659) */
.p-ranking.-renew .p-ranking-item__point{padding:0 30px}.p-ranking.-renew .p-ranking-item__point ul{margin-bottom:0;padding:10px 20px;background:#f0f7fa;border-radius:0}.p-ranking.-renew .p-ranking-item__point ul::after{display:none}.p-ranking.-renew .p-ranking-item__point ul h3{display:none}.p-ranking.-renew .p-ranking-item__point ul li{margin:0;padding:11px 18px 12px 26px;border-bottom:none;color:#393939;font-size:15px;font-weight:normal;line-height:24px;letter-spacing:1.1px}.p-ranking.-renew .p-ranking-item__point ul li::before{display:none}.p-ranking.-renew .p-ranking-item__point ul li .check{position:absolute;top:17.71px;left:0.29px;width:14px;height:12px}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item__point{padding:0}.p-ranking.-renew .p-ranking-item__point ul{padding:10px 16px}.p-ranking.-renew .p-ranking-item__point ul li{padding:8px 10px 9px 23.4px;font-size:14px;line-height:21px}.p-ranking.-renew .p-ranking-item__point ul li .check{top:12.48px;left:0.49px}}

/* R6-b: カード内コンテンツの左右余白を Figma の 30px へ統一（PC。ミラ指摘 2026-08-18）
   実測: __title 30 / __catch 20(Figma もテキスト 20) / __point 30 は既に一致、
   __spec と __campaign が legacy の 10px のままだった。__button は Figma がボタン幅 648px
   ＝左右 100px インセットなので 30px 対象外（R8）。SP は各ブロックの legacy 値を明示して戻す。 */
.p-ranking.-renew .p-ranking-item__spec{padding:10px 30px 20px}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item__spec{padding:0}}

/* R7: p-ranking-item__campaign -renew (Figma PC I175:1393;130:1676 / SP 175:1680)
   ピンクを #ff5465 -> #ea3a75、見出しを absolute バッジから幅いっぱいの帯へ、
   白丸あしらい(h3::after・参照 svg も 404 の1件)を撤去、日付色 #ff9900 -> #ffd600、
   SP の日付 1.4em -> 1em、枠の角丸 0 10px 10px -> 0。縦の間隔は
   PC は自身の padding 20px、SP はカードの gap:10px が持つ（Figma 実測どおり）。 */
.p-ranking.-renew .p-ranking-item__campaign{margin:0;padding:20px 30px}.p-ranking.-renew .p-ranking-item__campaign h3{position:static;display:flex;align-items:center;justify-content:center;height:auto;min-height:40px;padding:8px 18px;background:#ea3a75;color:#fff;font-size:14.4px;font-weight:bold;line-height:23px}.p-ranking.-renew .p-ranking-item__campaign h3::after{display:none}.p-ranking.-renew .p-ranking-item__campaign h3 span{color:#ffd600;font-size:1em}.p-ranking.-renew .p-ranking-item__campaign p{padding:16px 20px;border:2px solid #ea3a75;border-radius:0;color:#393939;font-size:15px;line-height:25.92px}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item__campaign{padding:8px 0 0}.p-ranking.-renew .p-ranking-item__campaign+.p-ranking-item__timer{margin-top:8px}.p-ranking.-renew .p-ranking-item__campaign h3{justify-content:flex-start;min-height:37px;padding:8px 11px;font-size:12.8px;line-height:20.48px}.p-ranking.-renew .p-ranking-item__campaign p{padding:14px;font-size:14.4px;line-height:23.04px}}

/* R8: p-ranking-item__button / c-button -renew (Figma PC I175:1393;130:1714 / SP 175:1654・175:1691)
   ボタン幅 PC 796 -> 648px（ラッパ左右 100px。カード内で唯一 30px でないブロック）、
   地色 linear-gradient(#F7511D,#E8430E) -> 単色 #f46f16、角丸 50px -> PC 8px / SP 4px、
   box-shadow #b70303 撤去（Figma にシャドウ無し）、矢印を icon-btn.svg（シェブロン・404）から
   Figma の Polygon 2（塗りの三角）の <img class="arrow"> へ、SP 下部 CTA は 1 行目 13.6px / 2 行目 15.6px。
   `move`（上下動）と ::before の `hikari`（光の走り）は静止画の Figma では表現できない CV 演出なので残す。 */
.p-ranking.-renew .p-ranking-item__button{padding:0 100px}.p-ranking.-renew .p-ranking-item__button .c-button{position:relative;padding:10px 0;background:#f46f16;border-radius:8px;box-shadow:none;font-size:18px;line-height:32px}.p-ranking.-renew .p-ranking-item__button .c-button::after{display:none}.p-ranking.-renew .p-ranking-item__button .c-button .arrow{position:absolute;top:50%;right:30px;width:12.597px;height:22.23px;transform:translateY(-50%)}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item__button{padding:10px 20px}.p-ranking.-renew .p-ranking-item__button .c-button{border-radius:4px}.p-ranking.-renew .p-ranking-item__button .c-button .arrow{right:10px;width:6.93px;height:12.23px}.p-ranking.-renew .p-ranking-item__button .c-button:not(.-second-sp){padding:14px 0;font-size:16px;line-height:23.4px}.p-ranking.-renew .p-ranking-item__button .c-button.-second-sp{padding:6px 0;font-size:15.6px;line-height:21px}.p-ranking.-renew .p-ranking-item__button .c-button.-second-sp p span{font-size:13.6px}}

/* .ylw マーカー色を Figma 確定色へ: #fff2ad -> #ffddbc（サイト全域・ミラ判断 2026-08-18）
   実体は ACF 本文に直接入力された <span class="ylw">（実測 6,871 レコード）。
   帯幅（下から70%）は Figma の 6px 帯と異なるが、多様な文字サイズ・複数行に効くため形状は変更しない。 */
.ylw{background:linear-gradient(to top, #ffddbc 70%, rgba(255, 255, 255, 0) 80%)}

/* R9: カード間の余白 / SP 枠色を PC と統一 / SP スペック表の左右余白 0 / CTA アニメーション撤去
   （ミラ指摘 2026-08-18。Figma PC 175:1393 / SP 175:1705）
   ・カード間 : legacy `.p-ranking-item:not(:last-of-type){margin-bottom:2rem}` が R2b の
     `margin:0 auto`（3クラス）に負けて実測 0px で密着していた → PC 30px / SP 20px（ミラ指定）
   ・SP 枠色  : Figma は SP #000 だがミラ指示で PC と同じ #cce5f1 に統一（上の SP ブロックから
     `border-color:#000` を削除。意図的な Figma 逸脱）
   ・SP 表    : legacy `.-table2{padding:8px 10px}` で表がカード内幅より左右 10px 内側だった →
     Figma SP の .c-table は x=11・w=336 ＝ 左右インセット 0 なので左右のみ 0（上下 8px は据え置き）
   ・CTA anim : 共有 `.c-button` の `move`（上下動）と `:before` の `hikari`（光の走り）を撤去。
     R8 では「Figma が静止画だから残す」と判断していたがミラ判断で撤去確定。
     スコープはこのカード内の CTA 2 個だけ（purifier/pfas・p-table-top・追従 CTA は現状維持）。
     `:before` は top:-180px の絶対配置なので animation:none だけでは白帯が残る → display:none。
   ・キャンペーン→CTA : Figma は間にタイマーが入る構成で「直結」の数値が無い。実測した Figma の
     可視ギャップは ピンク枠下→タイマー 18px / タイマー下→CTA 20px。タイマー非表示の 9 枚は
     8+10+10=28px だったので Figma が CTA 直上に置く 20px へ（campaign の pb 8→0・ミラ選択）。
     タイマーが出る 4 位だけ隣接セレクタで 18px を復元する。 */
.p-ranking.-renew .p-ranking-item:not(:last-of-type){margin-bottom:30px}.p-ranking.-renew .p-ranking-item .c-button{animation:none}.p-ranking.-renew .p-ranking-item .c-button::before{display:none}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item:not(:last-of-type){margin-bottom:20px}.p-ranking.-renew .p-ranking-item__spec__table.-table2{padding:8px 0}}

/* R10: p-ranking__description（※注釈） -renew (Figma PC 1:3767 / SP 175:939 > 1:9225)
   タイポは既存が既に Figma と完全一致（PC 12px/14.4px・SP 11px/13.2px・#838282、
   リンク #007db9 bold underline。出どころ = 共有 `small,sup` + `.p-ranking__description a`）
   なので **余白だけ**を直す。
   ・リスト → 注釈   : PC 10px -> 20px / SP 15.6px(1rem) -> 16px
   ・左右インセット  : PC 10px -> 16px / SP 15.6px -> 20px
   ・注釈 → 下端     : PC 10px -> 40px / SP 15.6px -> 0
   左右は Figma の絶対値ではなく「カードとの相対関係」を移植した:
     PC 1:848  カード x=0・注釈 x=0 ＝ 同じ縦ライン → 当実装のカード 16px インセットに合わせ 16px
     SP 1:6354 カード x=16・注釈 box px-20 ＝ カードより 4px 内側 → 20px（4px 内側を維持）
   ⚠️SP はこの結果カード左端と注釈の頭が 4px ずれる（Figma どおり。揃えるなら 20px -> 16px の1箇所）
   ⚠️PC 40px は Figma の p-ranking__body padding-bottom（body h 1211.95 − 注釈 bottom 1171.95）。
     セクション間の余白は次ブロック p-table(1:3770) 側で確定させる。
   ⚠️display は共有 `small` の inline-block から block へ。inline-block だと親の行ボックスの
     ベースライン整列で padding-bottom:0 のとき注釈の下に 3.75px 残る（実測）。block なら
     padding がそのまま余白になり、折り返し幅も Figma と一致（SP 390−40=350 / PC 850−32=818）。 */
.p-ranking.-renew .p-ranking__description{display:block;padding:20px 16px 40px}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking__description{padding:16px 20px 0}}

/* R11: p-ranking-item__sup（カード内の注釈）の左右余白を 30px へ（ミラ指示 2026-08-18）
   ⚠️この要素は **Figma に存在しない**（PC カード 175:1393 / SP カード 175:1705 の子を実測:
     __title → timer → __catch → __spec → __point → __campaign → timer → button のみ）。
     ACF `sup-top` / `sup-bottom` で後から足された要素なので Figma 実測値が取れず、
     根拠は R6-b で確立した「カード内コンテンツの左右余白 = 30px」規約 ＋ ミラ指示。
   ・PC : legacy 共有宣言のままの `10px 10px 0` -> `10px 30px 0`
     （実測でカード枠からのテキスト左端が __sup だけ 11px で、__title/__point/__spec/__campaign
       の 31px・__catch の 21px から浮いていた）
   ・指示は「キャッチコピー下の注釈」(.-top) だが、下部の注釈(sup-bottom・3位)も同じ legacy
     宣言由来で同じ 10px なので両方まとめて直す（片側だけ直すと兄弟が不整合になる）
   ・上下（上 10px / 下 0）は指示の範囲外なので触らない
   ・SP は指示の範囲外。base = PC なので renew の base 宣言が SP にも降りてしまうため、
     SP は legacy 値 `0 8px 0` を明示的に据え置く（テキスト左端 19px のまま。
     SP __catch の 21px より 2px 外側 = 別途報告） */
.p-ranking.-renew .p-ranking-item__sup{padding:10px 30px 0}.p-ranking.-renew .p-ranking-item__sup small{font-size:10px}
@media screen and (max-width: 767px){.p-ranking.-renew .p-ranking-item__sup{padding:0 8px 0}}

/* T1: p-table -renew セクション余白 + c-heading -table（見出し）
   (Figma PC 1:3770 / 1:3772 / deco 130:640 ・ SP 1:9227 / 1:9228 / deco 175:945)
   スコープ = parts-table.php の $isRenewTable（front-page + /ranking のみ。purifier/pfas は従来）
   ・セクション左右(PC) : 1rem(18px) -> 16px
     Figma は p-table 幅 850・padding 0 ＝ 直上の p-ranking カード（Figma も x=0 w=850）と同じ
     縦ライン。当実装のカードは左右 16px インセット（ミラ判断）なので比較表も 16px に合わせる
     （18px のままだとカードと 2px ずれる）。R10 と同じ「相対関係を移植する」判断。
   ・セクション余白(SP): 1rem(15.6px) 全周 -> 上下 16px / 左右 0
     Figma SP 1:9227 は padding 16px 0 で、見出し帯 1:9228 が w390 の全幅ベタ塗り。
     ランキング下端 → 比較表上端 も 16px（l-article itemSpacing 16。ライブ 28px から 12px 詰まる）
   ・__main(SP)        : Figma の #hikaku-table(1:9236) が x=10 なので表側だけ 10px インセット
   ・見出し 配置       : text-align center -> 左寄せ（1:3772 / 1:9228 とも items-start）
   ・見出し あしらい   : ::before = 幅30 x 高3 / radius5 の青い下線バー（中央下・absolute）
                        -> 10 x 10 の青い正方形（#007db9・radius 0）をテキスト左に置く
                        Figma 実測: RECTANGLE 10x10 / cornerRadius 0 / fill #007db9
   ・見出し gap        : PC 10px（space/10）/ SP 8px（space/8）
   ・見出し 文字(PC)   : 1.3rem = 23.4px / 37.44px でライブ一致（変更不要）
   ・見出し 文字(SP)   : 1.3rem = 20.28px / 32.448px -> 16px / 33.28px
   ・見出し 行数(SP)   : `<br class="u-device-sp">` で 2 行 -> Figma は 1 行なので br を隠す
   ・見出し 地色(SP)   : なし -> #f0f7fa（$color-blue-ll。1:9228 の fill 実測）
   ・見出し 下余白     : PC は legacy の pb 10 + mb 1rem(18px) = 28px が Figma（10 + gap 18）と
                        一致するので触らない。SP は帯に pb が無く間隔はセクション gap 16px が持つ
                        -> pb 0（padding:0 10px で上書き）/ mb 16px
   ⚠️p-table__main__wrap の枠線は PC のみ Figma に存在（1:3779 stroke #eeeeee 1px INSIDE
     ＝ ライブ `1px solid #eee` と一致）。SP 1:9235 は stroke 無し ＝ 次ブロック T2 で撤去する。 */
.p-table.-renew{padding:0 16px}.p-table.-renew .c-heading.-table{display:flex;align-items:center;gap:10px;text-align:left}.p-table.-renew .c-heading.-table::before{position:static;flex:0 0 auto;width:10px;height:10px;border-radius:0;transform:none}.p-table.-renew .c-heading.-table h2{text-align:left}
@media screen and (max-width: 767px){.p-table.-renew{padding:16px 0}.p-table.-renew .p-table__main{padding:0 10px}.p-table.-renew .c-heading.-table{gap:8px;padding:0 10px;margin-bottom:16px;background:#f0f7fa}.p-table.-renew .c-heading.-table h2{font-size:16px;line-height:33.28px}.p-table.-renew .c-heading.-table h2 br{display:none}}

/* T1-0: SP のセクション間隔（l-article の flex gap）を Figma の 16px へ ※レイヤー例外
   ⚠️このルールだけ `l-`（レイアウト層）を触る（2026-08-18 ミラ承認）。
   セクション間隔は `.l-article` の flex gap が持つ（ライブ実測 PC 32px / SP 28px。
   出どころは手書き移植領域の `.l-article{gap:28px}` と PC 側の上書き）。
   Figma `l-article -page` の itemSpacing は PC 32（一致・変更不要）/ SP 16。
   → SP だけ 16px にする。ミラ選択で **リニューアル対象ページ限定**（`:has()` で
     「-renew の比較表があるページ」＝ front-page + /ranking に絞る。purifier / pfas は 28px 維持）。
   ⚠️影響範囲は SP の全セクション境界（hero / table-top / sommelier / ranking / p-table /
     choose / searchform）。Figma が全境界 16px なので全体として Figma に寄る。
   ⚠️`:has()` 非対応ブラウザでは 28px のまま＝現状維持にフォールバックする。 */
@media screen and (max-width: 767px){.l-article:has(> .p-table.-renew){gap:16px}}

/* T2-a: SP のスクロール枠の枠線を撤去
   Figma 実測: PC p-table__main__wrap(1:3779) は stroke #eeeeee 1px INSIDE ＝ ライブと一致。
   SP p-table__main__wrap(1:9235) と #hikaku-table(1:9236) は stroke なし → SP だけ外す。 */
@media screen and (max-width: 767px){.p-table.-renew .p-table__main__wrap{border:none}}

/* T2-b: 比較表の骨格（PC のみ）(Figma #hikaku-table_pc 130:523 / thead tr 48 / tbody tr 58)
   列幅は `.p-table__main__wrap table thead th.<col>` の width / min-width（legacy）が持つ。
     列        legacy  ライブ  Figma      列             legacy ライブ Figma
     brand     167     183.78  197        stype          90     99.14  100
     image      60      66.03   66        design         auto   77.52   77
     hyouka     80      88.03   88        functionality  auto   77.52   77
     site      100     110.05  109        support        auto   77.52   88
     point     250     275.13  274        reviews        auto   77.52   78
     price     100     110.05  110        ── 合計 Figma 1679（検算済）/ ライブ 1550.39
     water     120     132.06  132
     rental     80      88.03  143 ←最大差   wtype  80  88.03  140 ←最大差
   ⚠️ライブが legacy 宣言値の一律 1.1005 倍に膨らんでいるのは `table-layout: auto` の
     「余剰幅を宣言幅に比例配分」挙動。min-width を Figma 値にしても内容が押し広げれば
     また比例配分されて一致しない。Figma の表は固定幅レイアウトなので
     table-layout: fixed + width: 1679px で宣言幅どおりに確定させる（-over の auto を PC だけ上書き）。
   ⚠️PC 限定なので min-width:768px の生メディアクエリ（このテーマの $breakpoint は max-width のみ。
     legacy CSS も min-width:768px を PC 断面に使っている）。
   ⚠️行高は height を最小値として使う（padding 5px 6px + line-height 17.28px の 2 行ヘッダでも
     44.56px なので 48px に収まる）。SP の表（列幅・行高・公式サイト列の位置）は T5 で扱う。 */
@media screen and (min-width: 768px){.p-table.-renew .p-table__main__wrap table{table-layout:fixed;width:1591px}.p-table.-renew .p-table__main__wrap table thead th{height:48px}.p-table.-renew .p-table__main__wrap table thead th.brand{width:197px;min-width:197px}.p-table.-renew .p-table__main__wrap table thead th.image{width:66px;min-width:66px}.p-table.-renew .p-table__main__wrap table thead th.site{width:109px;min-width:109px}.p-table.-renew .p-table__main__wrap table thead th.point{width:274px;min-width:274px}.p-table.-renew .p-table__main__wrap table thead th.price{width:110px;min-width:110px}.p-table.-renew .p-table__main__wrap table thead th.water{width:132px;min-width:132px}.p-table.-renew .p-table__main__wrap table thead th.rental{width:143px;min-width:143px}.p-table.-renew .p-table__main__wrap table thead th.wtype{width:140px;min-width:140px}.p-table.-renew .p-table__main__wrap table thead th.stype{width:100px;min-width:100px}.p-table.-renew .p-table__main__wrap table thead th.design{width:77px;min-width:77px}.p-table.-renew .p-table__main__wrap table thead th.functionality{width:77px;min-width:77px}.p-table.-renew .p-table__main__wrap table thead th.support{width:88px;min-width:88px}.p-table.-renew .p-table__main__wrap table thead th.reviews{width:78px;min-width:78px}.p-table.-renew .p-table__main__wrap table tbody td{height:58px}}

/* T3: thead（見出し行）(Figma PC I130:523;111:1620 / SP I175:768;130:742)
   ⭐変更不要（実測で既に Figma 一致）: 地色 #007db9 / 文字 #fff 10.8px 17.28px bold 中央 /
     縦罫線 #cce5f1 / sort アイコンの縦位置（top:50% + translateY(-50%) = Figma y=19）
     ⚠️Figma の th stroke は GRADIENT_LINEAR だが stop が 2 つとも position 0（#eeeeee / #cce5f1）
       ＝ 退化グラデーションで実レンダーは #cce5f1 一色。ライブと一致なので触らない。
   ・sort アイコンが表示されていない（最大の欠陥）: ライブは url(../../assets/…/sort-sm.svg) を
     参照しているが style.css はテーマ**ルート**にあるので wp-content/assets/… に解決して 404
     （保留中の 34 件のうち 1 件。テーマ内実体 .../themes/waterserver-new/assets/… は 200）
     → renew スコープで url(assets/img/front/icons/sort-sm-wh.svg) に貼り替え。他 33 件は保留継続。
   ・sort アイコンの色: 既存 sort-sm.svg は fill #29B5E8（#007db9 の地に低コントラスト）→
     Figma の sort-sm__shape--01 は fill #ffffff なので白版 sort-sm-wh.svg を新規書き出し
     （path データは原本と byte 一致。fill 属性 1 箇所だけ差し替え。R3 と同じ手当て）
   ・sort アイコン右位置: right 0 -> 3px。Figma 実測（セル右端から）は PC 7.39/3/5.03/4/5.06/4/
     5.3/4.42/1/1 ＝ 手置きでばらつき平均 4.02px、SP は 3.11px 前後で安定。right は padding box
     基準なので 3px + 枠線 1px = セル右端 4px ＝ PC 平均と一致し SP とも 1px 差。
   ・セル padding(PC): 5px 6px -> 6px（Figma は全 th が padding 6px）。行高 48px を下回るので
     見た目は不変（2 行ヘッダでも 34.56+12=46.56px）。SP は T5 で扱う。
   ・最終列の縦罫線(PC): Figma の reviews(I130:523;111:1663) は stroke なし。ライブは
     th:not(:last-child) の :last-child が SP 専用の非表示 th.site なので PC の最終表示列
     reviews にも罫線が付く → PC だけ外す。 */
.p-table.-renew .p-table__main__wrap table thead th.sort::after{right:3px;background-image:url(assets/img/front/icons/sort-sm-wh.svg)}
@media screen and (min-width: 768px){.p-table.-renew .p-table__main__wrap table thead th{padding:6px}.p-table.-renew .p-table__main__wrap table thead th.reviews{border-right:none}}

/* T4: tbody（データ行）(Figma PC I130:523;111:1680 / SP I175:768;130:802)
   ⭐変更不要（実測で既に Figma 一致）: セル地色 #fff / 縦罫線 1px #cce5f1 / valign middle /
     おすすめポイント p.left #393939 12.6px 18.9px 左 / 月額費用・水代・お水の種類 p 同 中央 /
     水代の注記 `（300Lの水道料金）` は既存が <sup> で 12px/12px/#838282 ＝ Figma と完全一致 /
     サーバー画像 45x45 / CTA 文字 #fff 12.6px 15.12px bold underline（Figma も deco:UNDERLINE）/
     CTA 寸法 95.03x31.11 vs Figma 95.55x31.11（0.5px 差・調整不要。Figma の padding
     7,4,8.11,4 は上下非対称だがテキストボックスのアーティファクトで合計高は既存 8px 4px と同じ）
   【PC / SP 共通】Figma が PC・SP で同値を指定
   ・セル padding    : 5px 6px -> 6px（PC 6,6,6,6 / SP 6,6,6,6）
   ・セル 下罫線色   : -over の #eee -> #cce5f1（Figma td stroke は [0,1,1,0] ＝ 右+下、
                       色は thead と同じ退化グラデーションの #cce5f1）
   ・商品名リンク    : font-weight 600 -> 700（Figma は PC・SP とも Bold）
   ・星画像          : width 45px -> 62.4px（Figma は PC・SP とも 62.4x11.01。既実装の
                       p-table-top.-renew も 62.4px なので統一される）
   ・評点 .text-num  : 色 #ffa500 -> #e8430e（= $color-red / Figma color/red。
                       ⚠️$color-red-em #dd3333 ではない）／ weight 600 -> 700
   ・CTA             : 地色 linear-gradient(#F7511D,#E8430E) -> 単色 #f46f16（$color-cta）
                       角丸 50px（ピル） -> 0（直角）。Figma は PC・SP とも radius 0。
                       ＝ R8 のカード CTA と同じ「グラデ廃止 -> 単色」方針
   ・◎○△ アイコン   : width 20px -> 25x25（Figma は PC・SP とも 25x25。legacy
                       `.c-table .img-maru` の PC 25px を
                       `.p-table__main__wrap table tbody td img.img-maru{width:20px}` が潰していた）
   【PC 限定】サイズ依存（SP 値は T5）
   ・セル line-height : 20.16px(12.6x1.6) -> 18.9px(12.6x1.5)
   ・評点 .text-num   : line-height 25.92px -> 18.92px（font-size 16.2px は既に一致）
   ⚠️判断待ち: 商品名セルの順位バッジ img.img-badge（icon-badge{n}.svg 20x20）は Figma に無い
     （Figma の layout-flex は子 1 つ＝リンクのみ / w 183.22 で商品名が 1 行に収まる）。
     ライブはバッジのぶんリンク幅 159.81px で 2 行になる。順位情報を持つ要素なので勝手に消さず
     現状維持とし、リンクの text-align:left（Figma は CENTER）も現状維持にした。 */
.p-table.-renew .p-table__main__wrap table tbody td{padding:6px;border-bottom-color:#cce5f1}.p-table.-renew .p-table__main__wrap table tbody td .layout-flex a{font-weight:700}.p-table.-renew .p-table__main__wrap table tbody td img.img-star{width:62.4px}.p-table.-renew .p-table__main__wrap table tbody td .text-num{color:#e8430e;font-weight:700}.p-table.-renew .p-table__main__wrap table tbody td .c-button{background:#f46f16;border-radius:0}.p-table.-renew .p-table__main__wrap table tbody td img.img-maru{width:25px;height:25px}
@media screen and (min-width: 768px){.p-table.-renew .p-table__main__wrap table tbody td .text-num{font-size:16.2px;line-height:18.92px}}

/* T4-b: 順位バッジを画像からテキスト `1位` へ（ミラ指示 2026-08-18・太字 + メインカラー）
   Figma の比較表にはバッジ画像が存在しない（layout-flex の子はリンク 1 つだけ / w183.22）。
   ミラ判断で「テキストに変更・太字・メインカラー」→ <span class="text-rank">1位</span> を
   $color-blue #007db9（= ブランド主色。$color-primary #04b7de はサイドバー/ヘッダー用で別物）で出す。
   文字サイズはセル継承（PC 12.6px / SP 10.452px）。flex 内で縮まないよう flex:0 0 auto、
   `1位` が折り返さないよう white-space:nowrap。
   purifier / pfas は従来の icon-badge{n}.svg を維持（parts-table.php で $isRenewTable 分岐）。 */
.p-table.-renew .p-table__main__wrap table tbody td .text-rank{flex:0 0 auto;color:#00456b;font-size:inherit;font-weight:700;white-space:nowrap;padding:2px}

/* PC CSS 微調整（ミラ指示 2026-08-20）: `1位` を font-size 12px / padding 2px / #00456b へ。
   色と padding は PC/SP 共通、font-size だけ PC 限定（ミラ選択）。
   SP はセル継承の 10.72px を現状維持する（共通で 12px にすると SP が約 12% 大きくなるため）。
   #00456b に対応する既存トークンは無い（:root の --mn-* にも scss $color-* にも未定義）ためリテラル。
   テーマの $breakpoint マップは max-width のみなので PC 限定は生の min-width メディアクエリで書く（T2 と同じ）。 */
@media screen and (min-width: 768px){.p-table.-renew .p-table__main__wrap table tbody td .text-rank{font-size:12px}}

/* T5: SP の比較表  (Figma #hikaku-table_sp 175:768 / w 1442.7 / thead tr 40 / tbody tr 61)
   タイポグラフィはほぼ変更不要だった。Figma SP の数値は root font-size 16px で算出されている
   （td 10.7 = 0.67rem x 16 / 評点 14.4 = 0.9rem x 16 / CTA 11.2 = 0.7rem x 16 / thead 9.6 =
   0.6rem x 16）が、このテーマは html font-size: clamp(12px,4vw,18px) なので 390px 実機では
   15.6px root ＝ ライブは Figma の 97.5 パーセントになる。つまり rem 比率は一致していて計測した
   viewport 幅が違うだけ。px で焼き込むと可変性を失うので焼き込まない。
   実測で比率一致を確認: 商品名リンク lh x1.3（Figma 13.94/10.7）/ 評点 lh x1.6（23/14.4）/
   おすすめポイント lh x1.5（16/10.7）/ CTA lh x1.2（13.44/11.2）/ thead lh x1.6。
   水代の注記は SP 11px/11px・PC 12px/12px でそれぞれの Figma と完全一致。
   ・唯一の比率ずれ = セル line-height が x1.6 で Figma は x1.5 → line-height:1.5 にした。
     PC も 12.6 x 1.5 = 18.9px で T4 の値と同一なので PC/SP 共通ルールに統合（T4 の PC 限定
     18.9px 宣言は撤去した）。
   ・列幅: legacy の SP 値（brand 134 / image 40 / hyouka 50 / site 90 / point 150 / price 70 /
     water 110 / rental 60 / wtype 90 / stype 80 / design〜reviews auto）→ Figma 実測 14 列に。
     合計 1444.15（検算済み）。PC と同じ理由で table-layout: fixed + width で確定させる。
   ・公式サイト列は ミラ判断でライブどおり末尾に据え置き（Figma は 4 番目＝PC と同位置）。
     セレクタ th.site は PC 位置（SP では display:none）と末尾（SP で表示）の両方に当たるので、
     Figma の site 幅 105.52px を指定すれば SP では末尾の列に効く。
     CTA 寸法はこの列幅から自動で決まる（.c-button.-small が width 99 パーセント ＝
     (105.52-12) x 0.99 = 92.58px ≒ Figma 91.47px / 高さ 29.09 ≒ Figma 29.44）ので個別指定は不要。
   ・行高: thead 50 -> 40 / tbody 58 -> 61
   ・thead セル padding: 5px 6px -> 4px 6px（Figma SP thead は pad 4,6,4,6。PC は 6px で T3 済み）
   ・SP のスクロール枠の枠線は T2 で撤去済み。◎○△ 25x25・星 62.4px・CTA 単色/角丸 0・
     商品名 bold・下罫線 #cce5f1・セル padding 6px は T4 で PC/SP 共通に適用済み。 */
.p-table.-renew .p-table__main__wrap table tbody td{line-height:1.5}
@media screen and (max-width: 767px){.p-table.-renew .p-table__main__wrap table{table-layout:fixed;width:1376.13px}.p-table.-renew .p-table__main__wrap table thead th{height:40px;padding:4px 6px}.p-table.-renew .p-table__main__wrap table thead th.brand{width:190px;min-width:190px}.p-table.-renew .p-table__main__wrap table thead th.image{width:68.02px;min-width:68.02px}.p-table.-renew .p-table__main__wrap table thead th.site{width:105.52px;min-width:105.52px}.p-table.-renew .p-table__main__wrap table thead th.point{width:175.74px;min-width:175.74px}.p-table.-renew .p-table__main__wrap table thead th.price{width:82.06px;min-width:82.06px}.p-table.-renew .p-table__main__wrap table thead th.water{width:128.89px;min-width:128.89px}.p-table.-renew .p-table__main__wrap table thead th.rental{width:130.11px;min-width:130.11px}.p-table.-renew .p-table__main__wrap table thead th.wtype{width:122px;min-width:122px}.p-table.-renew .p-table__main__wrap table thead th.stype{width:93.77px;min-width:93.77px}.p-table.-renew .p-table__main__wrap table thead th.design{width:65.97px;min-width:65.97px}.p-table.-renew .p-table__main__wrap table thead th.functionality{width:65.97px;min-width:65.97px}.p-table.-renew .p-table__main__wrap table thead th.support{width:82.11px;min-width:82.11px}.p-table.-renew .p-table__main__wrap table thead th.reviews{width:65.97px;min-width:65.97px}.p-table.-renew .p-table__main__wrap table tbody td{height:61px}.p-table.-renew .p-table__main__wrap table tbody td .text-num{line-height:1.6}}

/* C1: p-choose -renew セクション枠 + c-heading -choose（見出し帯）
   (Figma PC 1:4749 / 1:4752 ・ SP 1:10161 / 1:10162)
   スコープ = parts-choose.php の $isRenewChoose（他セクションと同条件）。
   p-choose は PC 13,660px / マークアップ 330 行 / 下位 6 セクションの巨大ブロックなので
   C1〜C7 に分割して 1 つずつ実装・配備・承認する（C1 = セクション枠 + 見出し帯）。
   ・セクション地色   : #f5f4ed -> #fafcfd（$color-bg-ll）
   ・セクション下余白 : 0 -> PC 36px / SP 10px（Figma の padding-bottom）
     margin-bottom:1rem（PC 18 / SP 15.6）は Figma の spacer padding-bottom 18/16 と一致なので不変。
     結果 -best2 下端 → 次セクション上端 = 36+18+32 = 86px（PC）。
   ・見出し帯の地色   : #007DB9 -> #1e73be（$color-heading）
   ・見出しの下罫線   : border-bottom 6px solid #a8d5ef -> 撤去（Figma の帯に stroke 無し）
   ・見出しの padding : 1rem 全周 -> PC 18px 30px / SP 14.86px 16px 16.58px
   ・見出しの文字     : 1.2em（PC 21.6 / SP 18.72）-> 1.244rem
     Figma は PC 22.4 / SP 19.9 で 22.4/18 = 19.9/16 = 1.244rem ＝ PC・SP 同一 rem 値
     （T5 と同じ理屈: Figma SP は root 16px 基準、テーマは clamp(12px,4vw,18px) の可変 root）。
     line-height は既に x1.6 で Figma（35.84/22.4・31.84/19.9 とも x1.6）と一致。
   ・SP の文字揃え    : center -> left（Figma SP 帯は V/CENTER/MIN・テキスト align LEFT）
   ・SP の text-shadow: 0 2px #00527D -> 撤去
     ⚠️PC は Figma のテキストに DROP_SHADOW #00527d offset(0,2) radius 0 が付いており
       ライブの text-shadow と完全一致 ＝ PC は残す。SP のテキストには effects が無いので
       SP だけ消す。PC/SP で違うので一括で消してはいけない。
   ・見出しの挿絵 img.img-choose（icon-choose_title.webp 50x49 absolute）-> 撤去（ミラ判断）
     Figma の帯は子がテキスト 1 つだけ。CSS の display:none ではなく PHP 側で出力しないように
     して webp の取得も止めた。 */
.p-choose.-renew{background:#fafcfd;padding-bottom:36px}.p-choose.-renew .c-heading.-choose h2{padding:18px 30px;background:#1e73be;border-bottom:none;font-size:1.244rem}
@media screen and (max-width: 767px){.p-choose.-renew{padding-bottom:10px}.p-choose.-renew .c-heading.-choose h2{padding:14.86px 16px 16.58px;text-align:left;text-shadow:none}}

/* C2: p-choose__head（導入文 + 5 つのポイント）(Figma PC 1:4759 / SP 1:10167)
   ⭐変更不要（実測で既に Figma 一致）: 導入文 p = PC 16px/28.8px・SP 14px/25.2px・#393939・左 /
     __head padding(SP) 1rem(15.6) = Figma 16 と同じ 1rem / 導入文→ポイント間隔 PC 36・SP 31.2
     (Figma 32 = 2rem) / バッジ 30x30 角丸 0 / li 間隔 PC 18・SP 10 /
     ポイント名 PC 18px/32.4px・SP 15.6/28.08（Figma 16/28.8 と同じ 1rem・x1.8）/
     バッジ文字 PC 15.3・SP 13.26（Figma 15.3/13.6 と同じ 0.85rem・lh x1.6）
     ⇒ SP の px が Figma より 2.5%小さいのは root 15.6 vs 16 の差で rem 比率は一致（T5 参照）
   ・__head padding(PC) : 18px 36px -> 36px 40px
   ・小見出し h3 : 青ベタ帯（bg #007DB9 + 白文字）-> 地色なし + 文字 #007db9
     Figma の見出しフレームは fill 無しでテキストが #007db9。ライブは帯だったので反転。padding 10px は一致。
   ・ol の padding : PC 54px 36px 36px -> 30px 36px / SP 46.8px 21.84px 21.84px -> 20px
   ・番号バッジ : 地色 #ffd08a(橙) -> #cce5f1(淡青) / 文字色 #838282 -> #393939 / weight 600 -> 700
   ・ポイント名 li p : weight 600 -> 700
   ・導入文の .ylw マーカー : 撤去（bold は維持）
     ⚠️判断根拠: Figma はこのファイル内でマーカーを rect として描いている（R6 のランキングカード
       __point li には 84x6 の帯 Frame 7 が実在）。この __descript(1:4760) の子はテキスト 1 つだけで
       帯の rect が無い ＝ 意図的にマーカー無し。サイト全域の .ylw は触らず、この節のスコープでのみ
       background を消す。 */
.p-choose.-renew .p-choose__head{padding:36px 40px}.p-choose.-renew .p-choose__head__descript .ylw{background:none}.p-choose.-renew .p-choose__head__points h3{position:static;left:auto;top:auto;width:auto;background:none;color:#007db9}.p-choose.-renew .p-choose__head__points h3::after{display:none}.p-choose.-renew .p-choose__head__points ol{padding:30px 36px}.p-choose.-renew .p-choose__head__points ol li span{border:none;background:#cce5f1;color:#393939;font-weight:700}.p-choose.-renew .p-choose__head__points ol li p{font-weight:700}
@media screen and (max-width: 767px){.p-choose.-renew .p-choose__head{padding:1rem}.p-choose.-renew .p-choose__head__points ol{padding:20px}}
.p-choose.-renew .p-choose__section{padding:0 36px}.p-choose.-renew .p-choose__section .p-choose-content{padding:40px 0 0}.p-choose.-renew .p-choose-content__head{align-items:center;gap:.94rem;padding:13px 30px;background:none;border-bottom:none;font-size:1.156rem;letter-spacing:var(--mn-ls)}.p-choose.-renew .p-choose-content__head.-best2{background:#f0f7fa}.p-choose.-renew .p-choose-content__head span{flex:0 0 auto;width:30px;padding:3.31px 10px 5.24px;border-radius:15.89px 15.89px 0 15.89px;letter-spacing:0}.p-choose.-renew .p-choose-content__main{padding:18px 30px}.p-choose.-renew .p-choose-content__main>.text{padding:10px}.p-choose.-renew .p-choose-content__main>.text .ylw{background:none}.p-choose.-renew .p-choose-content dd p{font-size:16px;line-height:var(--mn-lh)}.p-choose.-renew .c-heading.-choose h2,.p-choose.-renew .p-choose__head__points h3{letter-spacing:var(--mn-ls)}
@media screen and (min-width: 768px){.p-choose.-renew .p-choose__section.-design .p-choose-content__main{padding:18px}.p-choose.-renew .p-choose__section.-monthly .p-choose-content__main>.text{padding:10px 0}}

/* ============================================================
   PC CSS 微調整（ミラ指示 2026-08-20）― p-choose の文字サイズを 1rem 基調へ

     -rank>.ttl                        font-size 1.4rem    -> 1rem
     .p-choose-item .c-button.-choose  font-size 1.2222rem -> 1rem
     -osusume .p-choose-item .obi      font-size 1.0889rem -> 1rem
     -best2 .p-choose-list__catch p    font-size （無指定） -> 1rem !important
     -best2 ... .c-button.-choose      font-size 1.06rem   -> 1rem  ※後続の単独行
     -best2 ... .content .points li    font-size 16px      -> 15px

   ・上 3 つと points li は同じ行の @media(max-width:767px) が font-size を再宣言しているので SP 不変。
   ・-best2 __catch p は legacy `.p-choose__section .p-choose-list__catch p{font-size:1.1rem !important}`
     に負けるため !important が必須（宣言だけ足しても効かないのをライブ実測で確認した）。
   ・__catch p と -best2 の CTA は SP 側の再宣言が無い。1rem は root 相対（PC 18px / SP 16px）なので
     SP も一段下がる: __catch 17.6->16px / -best2 CTA 16.96->16px（いずれも 1px 未満〜1.6px）。
   ・line-height は指示範囲外なので据え置き（.obi 28.16px / __catch 30.24px / points li 24px の固定値）。
   ・実測（PC 1440・ライブ注入）: .ttl 25.2->18 / c-button 22->18 / .obi 19.6->18 /
     __catch 21.6->18 / -best2 CTA 19.08->18 / points li 16->15。はみ出しの増加なし。
   ============================================================ */
@media screen and (max-width: 767px){.p-choose.-renew .p-choose__section{padding:0}.p-choose.-renew .p-choose__section .p-choose-content{padding:20px 16px 10px}.p-choose.-renew .p-choose__section.-aji .p-choose-content,.p-choose.-renew .p-choose__section.-eisei .p-choose-content{padding-top:30px}.p-choose.-renew .p-choose-content__head{padding:11.19px 10px 13.18px}.p-choose.-renew .p-choose-content__head span{width:29px;padding:2.83px 10px 3.89px;border-radius:14.68px 14.68px 0 14.68px}.p-choose.-renew .p-choose-content__main{padding:6px 0}.p-choose.-renew .p-choose-content__main>.text>p:not(:last-of-type){margin-bottom:.95rem}.p-choose.-renew .p-choose-content dd p{font-size:14px}}/* C4 p-choose-list -rank（小見出しの帯 / -design の受賞表）*/.p-choose.-renew .p-choose-list.-rank{padding:0}.p-choose.-renew .p-choose-list.-rank>.ttl{position:relative;width:auto;margin:28px 40px 40px;padding:20px 10px;border-radius:10px;background:#cce5f1;clip-path:none;color:#393939;font-size:1rem;line-height:1.3;letter-spacing:var(--mn-ls);text-align:center}.p-choose.-renew .p-choose-list.-rank>.ttl::before{display:none}.p-choose.-renew .p-choose-list.-rank>.ttl::after{content:"";position:absolute;left:50%;right:auto;top:auto;bottom:-17.4px;transform:translateX(-50%);width:0;height:0;background:none;border-radius:0;border-style:solid;border-width:29px 25.5px 0;border-color:#cce5f1 transparent transparent}.p-choose.-renew .p-choose-list.-rank>.ttl .big{font-size:inherit;color:#007db9}@media screen and (min-width:768px){.p-choose.-renew .p-choose-list.-rank>.text~.ttl{margin-top:40px}}.p-choose.-renew .p-choose__section.-design .p-choose-list.-rank>.ttl{margin-right:52px;margin-left:52px}.p-choose.-renew .p-choose__section .p-choose-list.-rank .img-goodDesign{width:250px;margin-bottom:40px}.p-choose.-renew .p-choose-list.-rank .c-table.-choose{table-layout:fixed;border:1px solid #007db9;margin:0 8px;width:calc(100% - 16px)}.p-choose.-renew .p-choose-list.-rank .c-table.-choose tr{border:none !important}.p-choose.-renew .p-choose-list.-rank .c-table.-choose thead th:nth-of-type(1){width:16.367%}.p-choose.-renew .p-choose-list.-rank .c-table.-choose thead th:nth-of-type(2){width:49.183%}.p-choose.-renew .p-choose-list.-rank .c-table.-choose thead th:nth-of-type(3){width:34.449%}.p-choose.-renew .p-choose-list.-rank .c-table.-choose td{padding:6px 6.5px}@media screen and (max-width:767px){.p-choose.-renew .p-choose-list.-rank>.ttl{margin:20px 20px;padding:18px 10px;font-size:1.1rem}.p-choose.-renew .p-choose-list.-rank>.ttl::after{bottom:-15.2px;border-width:25px 22.5px 0}.p-choose.-renew .p-choose-list.-rank>.ttl .big{font-size:1.3rem}.p-choose.-renew .p-choose__section.-design .p-choose-list.-rank>.ttl{margin:26px 30px 35px}.p-choose.-renew .p-choose__section .p-choose-list.-rank .img-goodDesign{width:245px;margin-bottom:35px}.p-choose.-renew .p-choose-list.-rank .c-table.-choose{margin:0 2px;width:calc(100% - 4px);border-width:2px}.p-choose.-renew .p-choose-list.-rank .c-table.-choose thead th:nth-of-type(1){width:20.571%}.p-choose.-renew .p-choose-list.-rank .c-table.-choose thead th:nth-of-type(2){width:48.477%}.p-choose.-renew .p-choose-list.-rank .c-table.-choose thead th:nth-of-type(3){width:30.951%}}/* C5 p-choose-item（カードの中身）*/.p-choose.-renew .p-choose-list .p-choose-item{border:none;padding-top:20px}.p-choose.-renew .p-choose-list .p-choose-item>.title{padding:10px 18px;font-size:1.156rem;line-height:1.6;letter-spacing:var(--mn-ls)}.p-choose.-renew .p-choose-list .p-choose-item>.title::after{display:none}.p-choose.-renew .p-choose-list .p-choose-item>.content{display:flex;flex-direction:column;gap:36px;padding:18px 54px 40px}.p-choose.-renew .p-choose-list .p-choose-item .content>.text{padding:0}.p-choose.-renew .p-choose-list .p-choose-item .content p{font-size:16px;line-height:var(--mn-lh)}.p-choose.-renew .p-choose-list .p-choose-item .content figure.img{box-shadow:none;width:500px;max-width:100%;margin-inline:auto}.p-choose.-renew .p-choose-list .p-choose-item .c-button.-choose{padding:0;background:none;box-shadow:none;text-shadow:none;border-radius:0;color:#1e73be;font-size:1rem;line-height:1.146;text-align:center;justify-content:center;text-decoration:underline}@media screen and (max-width:767px){.p-choose.-renew .p-choose-list .p-choose-item{padding-top:0}.p-choose.-renew .p-choose-list .p-choose-item:not(:last-of-type){margin-bottom:20px}.p-choose.-renew .p-choose-list .p-choose-item>.title{padding:10px 16px}.p-choose.-renew .p-choose-list .p-choose-item>.content{gap:21.3px;padding:16px 19.2px 36px}.p-choose.-renew .p-choose-list .p-choose-item .content p{font-size:14px}.p-choose.-renew .p-choose-list .p-choose-item .content figure.img{width:100%}.p-choose.-renew .p-choose-list .p-choose-item .c-button.-choose{font-size:1.1rem}}/* C6 p-choose-list -osusume */.p-choose.-renew .p-choose-list.-osusume{position:relative;border:2px solid #ea3a75;padding:10px 0 0}.p-choose.-renew .p-choose-list.-osusume>.ttl{position:absolute;top:43px;left:19.79px;width:100px;margin:0;padding:0;z-index:1}.p-choose.-renew .p-choose-list.-osusume>.ttl img{width:100%;margin:0}.p-choose.-renew .p-choose-list.-osusume .p-choose-item{background:#fffaf5;padding-top:0}.p-choose.-renew .p-choose-list.-osusume .p-choose-item .obi{position:static;display:block;width:100%;margin:0 0 6px;padding:0;background:none;color:#393939;font-size:1rem;line-height:28.16px;font-weight:700;letter-spacing:var(--mn-ls);text-align:center}.p-choose.-renew .p-choose-list.-osusume .p-choose-item .obi::after{display:none}.p-choose.-renew .p-choose-list.-osusume .p-choose-item>.title{background:#ea3a75;text-align:center;filter:drop-shadow(4px 4px 0 rgba(71,78,82,.05))}.p-choose.-renew .p-choose-list .p-choose-item .content .ylw{background:none}@media screen and (min-width:768px){.p-choose.-renew .p-choose-list.-osusume .p-choose-item>.content{padding-left:50px;padding-right:50px}}@media screen and (max-width:767px){.p-choose.-renew .p-choose-list.-osusume>.ttl{top:42.54px;left:19px;width:51px}.p-choose.-renew .p-choose-list.-osusume .p-choose-item .obi{font-size:1.1rem}}/* C7 p-choose__section -best2 */.p-choose.-renew .p-choose__section.-best2 .p-choose-content__head{display:block;text-align:center}.p-choose.-renew .p-choose__section.-best2 .p-choose-content__head .-em{display:inline;width:auto;padding:0;border-radius:0;background:none;color:#007db9;font-size:inherit;letter-spacing:inherit}.p-choose.-renew .p-choose__section.-best2 .p-choose-list{padding:0}.p-choose.-renew .p-choose__section.-best2 .p-choose-list__catch span{flex:0 0 auto;padding:5px 10px 2px;border:none;background:#f0f7fa;font-weight:700;letter-spacing:var(--mn-ls)}.p-choose.-renew .p-choose__section.-best2 .p-choose-list__catch p{color:#393939;font-weight:700;line-height:30.24px;font-size:1rem !important}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content figure.img{width:367.19px}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content .points li{font-size:15px;line-height:24px;letter-spacing:var(--mn-ls)}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content .points li:not(:last-of-type){margin-bottom:14px}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content .points li::before{width:10px;height:10px;border-radius:5px;background:#007db9;top:7px;transform:none}.p-choose.-renew .p-choose__section.-best2 .p-choose-item{margin-bottom:18px}@media screen and (min-width:768px){.p-choose.-renew .p-choose__section.-best2 .p-choose-item>.title{text-align:center}}@media screen and (max-width:767px){.p-choose.-renew .p-choose__section.-best2 .p-choose-list{padding:0 4px}.p-choose.-renew .p-choose__section.-best2 .p-choose-list__catch span{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0}.p-choose.-renew .p-choose__section.-best2 .p-choose-list__catch p{line-height:24.64px}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content figure.img{width:100%}.p-choose.-renew .p-choose__section.-best2 .p-choose-item>.content{padding-left:0;padding-right:0}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content .points li{font-size:14px;line-height:21px}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content .points li:not(:last-of-type){margin-bottom:12px}.p-choose.-renew .p-choose__section.-best2 .p-choose-item .content .points li::before{top:5.5px}.p-choose.-renew .p-choose__section.-best2 .p-choose-item{margin-bottom:16px}}


/* ============================================================
   p-searchform — Figma 確定デザイン（PC 1:5337 / SP 1:10762）
   正本: assets/scss/object/project/_searchform.scss
   url() は `assets/…`（従来の `../../assets/…` は 404）
   ============================================================ */
.p-searchform{background:#f0f7fa;padding:20px 10px}
.p-searchform .c-heading.-obi h2{background:none;border-top:0;border-bottom:0;padding:3px 4px 4.05px 55px;font-size:14.4px;line-height:23px}
.p-searchform .c-heading.-obi h2::before{left:14px;top:50%;transform:translateY(-50%);width:25px;height:26px;background-size:contain;background-position:center}
.p-searchform .c-heading.-obi.-icon-searchform h2::before{background-image:url(assets/img/front/icons/icon-searchform-title-blue.svg)}
.p-searchform .p-searchform-form{box-shadow:none;border-radius:10px;padding:20px 10px 0;display:flex;flex-direction:column;gap:16px}
.p-searchform .p-searchform-form__row__head{padding-left:12px}
.p-searchform .p-searchform-form__row__head::before{left:0;top:50%;transform:translateY(-50%);width:2px;height:18px;background:#007db9;border-radius:0}
.p-searchform .p-searchform-form__row__head.-first{display:none}
.p-searchform .p-searchform-form__row__input.-first{background:none;padding:0;gap:6px}
.p-searchform .p-searchform-form__row__input.-first .input-item label{border:0;border-radius:6px;padding:12px 8px 12px 30px;font-size:11px;line-height:14.56px;letter-spacing:0}
.p-searchform .p-searchform-form__row__input.-first .input-item label::before,.p-searchform .p-searchform-form__row__input.-first .input-item label::after{left:7px}
.p-searchform .p-searchform-form__row__input.-first .input-item label::before,.p-searchform .p-searchform-form__row__input.-second-pc .input-item label::before,.p-searchform .p-searchform-form__row__input.-hidden .input-item label::before{border-width:1px}
.p-searchform .p-searchform-form__row__input.-first .input-item label::after,.p-searchform .p-searchform-form__row__input.-hidden .input-item label::after{background-image:url(assets/img/front/icons/icon-searchform-check.svg)}
.p-searchform .p-searchform-form__row__input.-second-pc .input-item label small{top:-11.81px;left:22px;background:#a0e6ea}
.p-searchform .p-searchform-form__row__input input[type=checkbox]:checked~label{background:#eef7fa}
.p-searchform .p-searchform-form__row__input input[type=checkbox]:checked~label:before{border:1px solid #007db9;background:#fff}
.p-searchform .p-searchform-form__row.-second-sp{margin:0}
.p-searchform .p-searchform-form__row.-second-sp .select-wrap{background:#fff;border:1px solid #007db9;border-radius:6px}
.p-searchform .p-searchform-form__row.-second-sp .select-wrap:after{border-top-color:#007db9}
.p-searchform .p-searchform-form__row__head.-hidden{background:none;box-shadow:none;border:0;border-top:1px solid #007db9;border-bottom:1px solid #007db9;padding:8px 0;font-size:13.4px;line-height:21.5px}
.p-searchform .p-searchform-form__row__head.-hidden p{gap:4px}
.p-searchform .p-searchform-form__row__head.-hidden p:before{width:17.55px;height:17.55px;background:url(assets/img/front/icons/icon-koda-bottom.svg) left center/contain no-repeat}
.p-searchform .p-searchform-form__row__head.-hidden.active p:before{background-image:url(assets/img/front/icons/icon-koda-top.svg)}
.p-searchform .p-searchform-form__btn{padding:0 0 16px}
.p-searchform .p-searchform-form__btn button{background:#393939;border:0;box-shadow:none}
.p-searchform .p-searchform-form__btn button span{font-weight:700}
@media screen and (min-width: 768px){
.p-searchform{padding:30px 18px}
.p-searchform .c-heading.-obi h2{display:flex;align-items:center;gap:10px;padding:8px 30px 0;font-size:21.2px;line-height:33.98px}
.p-searchform .c-heading.-obi h2::before{position:static;transform:none;flex:0 0 auto;width:26.93px;height:26.54px}
.p-searchform .p-searchform-form{display:block;padding:30px 30px 0}
.p-searchform .p-searchform-form__row__head.-first{display:flex}
.p-searchform .p-searchform-form__row.-second-pc{height:auto;padding:14px 0}
.p-searchform .p-searchform-form__row__input.-first{gap:6px;padding:0 0 4px}
.p-searchform .p-searchform-form__row__input.-first .input-item label{border-radius:4px;padding:8px 10px 8px 40px;font-size:14.4px;line-height:23px;letter-spacing:0}
.p-searchform .p-searchform-form__row__input.-first .input-item label::before,.p-searchform .p-searchform-form__row__input.-first .input-item label::after{left:14px}
.p-searchform .p-searchform-form__row__head.-hidden{margin-top:10px;padding:9px 0;font-size:16.2px;line-height:25.92px}
.p-searchform .p-searchform-form__row__head.-hidden p{gap:20px}
.p-searchform .p-searchform-form__row__head.-hidden p:before{width:15.38px;height:7.69px;background-image:url(assets/img/front/icons/icon-koda-bottom-line.svg)}
.p-searchform .p-searchform-form__row__head.-hidden.active p:before{background-image:url(assets/img/front/icons/icon-koda-top-line.svg)}
.p-searchform .p-searchform-form__btn{padding:21.6px 0 0}
.p-searchform .p-searchform-form__btn button{width:389px;max-width:100%}
}


/* ============================================================
   c-button CTA — mizu-navi.jp 本体（SWELL）の立体ボタンに合わせる
   正本: assets/scss/object/component/_button.scss
   本体実測: #f46f16 / radius 4 / shadow #b75311 0 4px 0 /
             arrow-right 1.21em 白 テキスト左 gap 8
   ※ Figma の「影なし・直角」指示はミラ判断で差し戻し（R8 / T4）
   ============================================================ */
.p-ranking.-renew .p-ranking-item__button .c-button,.p-table.-renew .p-table__main__wrap table tbody td .c-button,.p-table-top.-renew .c-button.-table-top{border-radius:4px;box-shadow:0 4px 0 #b75311}
.p-ranking.-renew .p-ranking-item__button .c-button img.arrow{display:none}
.p-ranking.-renew .p-ranking-item__button .c-button::after{content:"";display:block;position:static;order:-1;flex:0 0 auto;right:auto;width:1.21em;height:1.21em;margin-right:8px;background:url(assets/img/front/icons/icon-arrow-right-wh.svg) center/contain no-repeat}
.p-table-top.-renew .c-button.-table-top{display:flex;align-items:center;justify-content:center;gap:8px}
.p-table-top .c-button::after{content:"";display:block;position:static;order:-1;flex:0 0 auto;right:auto;width:.8em;height:1.21em;background:url(assets/img/front/icons/icon-arrow-right-wh.svg) center/contain no-repeat}
.p-choose.-renew .c-button::after{display:none}


/* ============================================================
   l-footer — mizu-navi.jp 本体に合わせた配色（ミラ判断 2026-08-19）
   正本: assets/scss/layout/_footer.scss
   本体実測: 地色 #cce5f1 / 下部リンク 13px #393939 縦区切り /
             copyright 10px #393939 / アイコン無し
   カード 6 枚（コラム誘導）はコンテンツなので存置
   ============================================================ */
.l-footer{background:#cce5f1;color:#393939}
.l-footer-pages{background:transparent}
.l-footer-pages__wrap h3.c-heading{color:#393939}
.l-footer-pages__wrap__list li::after{display:none}
.l-footer__nav li a{padding-left:0;color:#393939;text-decoration:none}
.l-footer__nav li a::before{display:none}
.l-footer__copyright{border-top:0;font-size:10px;line-height:16px;color:#393939}
@media screen and (min-width: 768px){
.l-footer__nav li{margin-right:0;padding:0;border-left:1px solid rgba(57,57,57,.35)}
.l-footer__nav li:last-child{border-right:1px solid rgba(57,57,57,.35)}
.l-footer__nav li a{padding:0 9.75px;font-size:13px;line-height:20.8px;font-weight:400;text-decoration:none}
}


/* ============================================================
   検索結果ページ（search.php）— LP / 本体の言語へ（ミラ判断 2026-08-19）
   正本: assets/scss/object/project/_search.scss
   見出し #1e73be / thead #007db9 単色 / 罫線 #cce5f1 /
   sort アイコン 白 / CTA は本体式の立体ボタン
   ============================================================ */
.c-heading.-result{padding:16.8px 22.4px;background:#1e73be;box-shadow:none;font-size:22.4px;line-height:1.4;font-weight:700}
.c-heading.-result.-pickup{background:#1e73be;box-shadow:none}
.c-table.-result thead th{color:#fff;font-weight:700;border-right-color:#cce5f1}
.c-table.-result thead th:first-of-type{background-color:#007db9}
.c-table.-result thead th.tablesorter-header{background-color:#007db9;background-image:url(assets/img/front/icons/sort-wh.svg)}
.c-table.-result thead th.tablesorter-headerAsc{background-image:url(assets/img/front/icons/sort-a-wh.svg)}
.c-table.-result thead th.tablesorter-headerDesc{background-image:url(assets/img/front/icons/sort-d-wh.svg)}
.c-table.-result.-pickup thead th,.c-table.-result.-pickup thead th:first-of-type{background-color:#007db9;color:#fff;font-weight:700}
.c-table.-result tbody th{border-right-color:#cce5f1;border-bottom:1px solid #cce5f1}
.c-table.-result tbody tr:last-of-type{border-bottom:1px solid #cce5f1}
.c-table.-result tbody td{border-right:1px solid #cce5f1;border-bottom:1px solid #cce5f1}
.c-table.-result tbody td.text{padding-left:10px;background-image:none}
.c-table.-result-sp{border-color:#cce5f1}
.c-table.-result-sp tr{border-bottom-color:#cce5f1}
.c-table.-result-sp th{background:#007db9;color:#fff;font-weight:700}
.c-table.-result-sp.-pickup th{background:#007db9;color:#fff}
.p-search-block__sort dd button:after{background-image:url(assets/img/front/icons/sort.svg)}
.p-search-block__sort dd button.desc:after{background-image:url(assets/img/front/icons/sort-d.svg)}
.p-search-block__sort dd button.asc{background:#cce5f1;color:#007db9}
.p-search-block__sort dd button.asc:after{background-image:url(assets/img/front/icons/sort-a.svg)}
.p-search .c-button{background:#f46f16;border-radius:4px;box-shadow:0 4px 0 #b75311;font-size:1em;animation:none}
.p-search .c-button::before{display:none}
.p-search .c-button::after{content:"";display:block;position:static;order:-1;flex:0 0 auto;right:auto;width:1.21em;height:1.21em;margin-right:8px;background:url(assets/img/front/icons/icon-arrow-right-wh.svg) center/contain no-repeat}
/* SP の Page Top ボタン: 404 だった背景アイコンのパスを是正（PC は .img-icon を使うので SP 限定） */
@media screen and (max-width: 767px){
.l-footer__btn{background-image:url(assets/img/front/icons/icon-totop-sp.svg)}
}
/* ▼ 検索結果 表ヘッダーの可読性是正（2026-08-19・ミラ承認 A 案）
   1) ソート矢印が見出し文字に重なっていた → 矢印を右端へ寄せ、その分だけ右 padding を確保
   2) sorter:false の 3 列（お水の種類 / ボトルの種類 / 宅配エリア）に矢印が出ていた不具合を是正
      ※ 直前の .tablesorter-header{background-image:...} と同じ特異度 (0,3,2) なので
        必ず「後ろ」に置くこと。前に置くと元の不具合に戻る。
   配色（#007db9 + 白 700）は本体 mizu-navi.jp の大型比較表と同一のため変更しない。 */
.c-table.-result thead th{padding:8px;letter-spacing:.5px;line-height:1.35;background-color:#007db9}
.c-table.-result thead th.tablesorter-header{padding-right:20px;background-position:right 6px center;background-size:9px}
.c-table.-result thead th.sorter-false{background-image:none;padding-right:8px}
.c-table.-result tbody th a span{font-size:.9em}
/* PC のみ見出し文字を 13.14px → 11px に縮小（ミラ指示 2026-08-19）。SP 表は .-result-sp が別系統。 */
@media screen and (min-width: 768px){
.c-table.-result thead th{font-size:11px;line-height:1.4}
}
/* ▼ SP フッター周辺の是正（2026-08-19・ミラ支給キャプチャをピクセル実測して合わせた）
   1) .l-footer__nav li の上下 padding 10px を撤去（ミラ指示）
   2) アコーディオン 2 ボタン: wrapper 余白 / 影の色 / ボタン内余白 / 矢印位置をキャプチャ値へ
      ・ボタン左右は wrapper 端から 16px（実測 17px）
      ・上 24px / 下 20px、ボタン間は箱で 20px（影 4px を除くと実測 16px）
      ・影 #56B4DF（明るい水色＝ほぼ見えない）→ #005E8B。
        本体 mizu-navi.jp の CTA が本体色 #f46f16 に対し影 #b75311＝約 0.75 倍なので、
        #007DB9 に同じ 0.75 倍を掛けた値。キャプチャの実測値とも一致。
      ・矢印は左 17px、テキストは左 47px（矢印との間隔 18px。従来は 3px でくっついていた）
   3) 上部の青線 border-top 4px と装飾の丸 2 個はキャプチャに無いため撤去（ミラ承認） */
@media screen and (max-width: 767px){
.l-footer__nav li{padding:0}
.l-sidebar__accordion{border-top:0;margin-top:0;padding:24px 16px 20px}
.l-sidebar__accordion:before,.l-sidebar__accordion:after{display:none}
.l-sidebar__accordion dl:first-of-type{margin-bottom:20px}
.l-sidebar__accordion dl dt{padding:1.2rem 16px 1.2rem 47px;box-shadow:0 4px #005E8B}
.l-sidebar__accordion dl dt:before{left:17px}
}
/* ▼ トップ比較表 サービス名行: 画像と案件名の間の横線を消し、間隔を詰める（ミラ指示 2026-08-19）
   横線の正体は border ではなく border-spacing:1px の隙間から見えている表の地色 #cce5f1。
   隙間そのものは一括指定なので個別に消せない → box-shadow 0 1px 0 #fff で該当セルの下 1px だけ白く塞ぐ。
   影は境界ボックスと同じ幅で下へ 1px ずれるだけなので、列間の縦線（左右の隙間）はそのまま残る。
   あわせて画像下 10px / 案件名上 10px を 4px ずつにして、画像→案件名の間隔を 26.3px → 13.3px に。 */
.p-table-top.-renew .p-table-top__main .content .table-wrap table thead tr.thead-thumb td{padding-bottom:4px;border-bottom:0;box-shadow:0 1px 0 #fff}
.p-table-top.-renew .p-table-top__main .content .table-wrap table thead td.thead-name{padding-top:4px}
/* ▼ p-choose の CTA（ミラ指示 2026-08-19）
   1) 通常カードのテキストリンク: 右側に矢印を出す。
      元々 .c-button:after が right:2rem の絶対配置で用意されていたが
      (a) 画像パスが url(../../assets/…) で 404、(b) icon-btn.svg は fill:#fff で白背景に白、
      (c) テキストリンク化した際に .p-choose.-renew .c-button::after{display:none} で消していた、
      の 3 重で見えていなかった。青 #1e73be のベタ塗り三角 icon-tri-right-blue.svg を新規に用意し、
      absolute をやめて flex アイテムとしてテキストの直後に置く（中央寄せなので端に飛ばさない）。
   2) -best2（おすすめ 2 選）だけ CTA ボタン式にして通常のテキストリンクと差別化。
      配色・角丸・影・左向き白矢印は p-ranking / p-table-top / p-search の CTA と同一。 */
.p-choose.-renew .p-choose-list .p-choose-item .c-button.-choose::after{content:"";display:block;position:static;right:auto;order:0;flex:0 0 auto;width:.9em;height:.9em;margin-left:12px;background:url(assets/img/front/icons/icon-tri-right-blue.svg) center/contain no-repeat}
.p-choose.-renew .p-choose__section.-best2 .p-choose-list .p-choose-item .c-button.-choose{background:#f46f16;color:#fff;text-decoration:none;border-radius:4px;box-shadow:0 4px 0 #b75311;padding:14px 12px;font-size:1rem;line-height:1.4}
.p-choose.-renew .p-choose__section.-best2 .p-choose-list .p-choose-item .c-button.-choose::after{order:-1;width:1.21em;height:1.21em;margin-left:0;margin-right:8px;background-image:url(assets/img/front/icons/icon-arrow-right-wh.svg)}
/* ▼ SP トップ比較表の CTA（ミラ指示 2026-08-19）
   指摘は「文字が大きすぎる」だったが、実測すると文字は 16px/700/lh19.2 で Figma と一致していた。
   実際の原因は左向き矢印。ボタン内寸 95px に対し 文字 80px ＋ 矢印 19.4 ＋ gap 8 ＝ 107.4 で
   溢れて 2 行に折り返し、高さが Figma の 39px に対し 58.4px になっていた。
   Figma（SP c-button 116x39・PC 205x39）はこの表内 CTA に矢印を持たずラベルのみ。
   → 矢印を消し、さらにミラ指示で 16px → 12px に縮小する。 */
@media screen and (max-width: 767px){
.p-table-top.-renew .c-button.-table-top{font-size:12px;line-height:14.4px}
.p-table-top.-renew .c-button.-table-top::after{display:none}
}
/* ▼ Page Top ボタン .l-footer__btn を Figma へ合わせる（ミラ指示 2026-08-19）
   Figma: PC 1:5635 = 70x70 / SP 175:1054 = 40x40。どちらも
     地色 #ffffff・枠 1px #007db9・radius 50%・中身は「^」1 本（stroke 1.5 #007db9）のみ。
     「Page Top」の文字も矢印アイコンも Figma には無い。
   ライブ（前）: PC 100x100 の #007db9 ベタ塗り＋6px #56B4DF の枠＋白矢印＋「Page Top」文字、
     SP は青ベタの四角に橙の「^」（icon-totop-sp.svg に地色が焼き込まれていた）。
   矢印は Figma のノードを SVG 書き出しして icon-totop-chevron{,-sp}.svg として追加。
   PC / SP で見た目の線幅を 1.5px に保つため 2 ファイルに分けている
     （1 枚を縮小すると線まで細くなるため）。
   PC の位置は right:-10%（= -105px）→ right:0 ＝ content の右端そろえ。
     Figma はアートボード 1280・content 1050 なので右余白 115px ＝ content の右端と一致する。
     top も -44px → Figma の -40px へ。
   ※ SP の position:fixed（スクロール追従）は挙動なので維持する。Figma は静止画なので
     フッター上に置かれているが、それに合わせて absolute にはしない。 */
.l-footer__btn{width:40px;height:40px;border-radius:50%;background-color:#fff;border:1px solid #007db9;background-image:url(assets/img/front/icons/icon-totop-chevron-sp.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:12px 7px}
@media screen and (min-width: 768px){
.l-footer__btn{width:70px;height:70px;top:-40px;right:0;background-color:#fff;border:1px solid #007db9;background-image:url(assets/img/front/icons/icon-totop-chevron.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:22px 12px}
.l-footer__btn .img-icon,.l-footer__btn span{display:none}
}
/* ▼ -osusume の帯とバッジ（ミラ指示 2026-08-19）
   1) .obi の枠を撤去。-renew 側で background:none と ::after{display:none} は消していたが、
      ベース .p-choose__section .p-choose-list .p-choose-item.-osusume .obi の
      border:1px solid #e8d484 と box-shadow:4px 4px rgba(71,78,82,.05) を戻し忘れていた。
      地色も枠も無い状態で 4px ずらしの影だけ残るのは明らかに旧リボン装飾の残骸なので併せて撤去。
   2) バッジ画像 .ttl img をピンク帯（h4.title #ea3a75）の上端にそろえる。
      .ttl は .p-choose-list.-osusume（position:relative・border-top:2px）に対する absolute なので
      top はパディングボックス基準。帯の上端＝
        list padding-top 10 ＋ item margin-top（PC 18 / SP 16）＋ .obi 高さ 28.16 ＋ .obi margin-bottom 6
      ＝ PC 62.2px / SP 60.2px。※ .obi の枠を外して高さが 30.2 → 28.16 に変わるので、
        1) を先に決めてから 2) の値を出すこと。 */
.p-choose.-renew .p-choose-list.-osusume .p-choose-item .obi{background-color:transparent;border:0;box-shadow:none}
.p-choose.-renew .p-choose-list.-osusume>.ttl{top:60.2px}
@media screen and (min-width: 768px){
.p-choose.-renew .p-choose-list.-osusume>.ttl{top:62.2px}
}
/* .obi を持たない -osusume（-benri セクション）は帯が .obi の高さぶん上に来る。
   全数を確認したところ -monthly は .obi あり / -benri は .obi なしで、固定値だと 34.2px ずれる。
   .obi は ACF 由来で有無が変わるため、セクション名ではなく :has() で分岐する。
   帯の上端 = list padding-top 10 ＋ item margin-top（PC 18 / SP 16）＝ PC 28px / SP 26px。 */
.p-choose.-renew .p-choose-list.-osusume:not(:has(.p-choose-item .obi))>.ttl{top:26px}
@media screen and (min-width: 768px){
.p-choose.-renew .p-choose-list.-osusume:not(:has(.p-choose-item .obi))>.ttl{top:28px}
}

/* ============================================================
   c-descript（ページ説明ボックス）の枠・地色・余白（ミラ指示 2026-08-20）

     .c-descript        padding 0 8px 4px / PC 0 1rem -> PC・SP とも 0 1rem に統一
     .c-descript__text  border 2px solid #d6f3ff -> 撤去 / background なし -> #f0f7fa
     .c-descript__text:before  撤去

   ・ミラの指示は「:after 要素も削除」だったが、この要素に :after は無く（computed content:none）
     実在するのは :before だけ。白 25x25 の絶対配置で枠の左上を欠かせていたもので、
     参照している icon-descript.svg は テーマルート style.css の url(../../assets/…) 404 群の
     1 件なのでアイコンは出ておらず、白い四角だけが乗っていた。これを撤去した。
     absolute な擬似要素は background を消しても箱が残るので display:none で消す（R9 と同じ手当て）。
   ・背景は #f0f7fa（$color-blue-ll。p-ranking カードの point ボックス・p-table の SP 見出し帯と
     同じ淡青）＝ミラ選択。border と同色の #d6f3ff ではなくサイト内の「淡いブルー面」に合わせる。
   ・border 撤去で枠の外寸が左右上下 2px ずつ縮む。角丸 10px は指示範囲外なので据え置き。
   ・レンダリングされるのは /purifier/ のみ（page.php は switch-hikaku_top が false か
     purifier のときだけ parts-page-descript.php を include する。TOP には出ない）。
   ・p-sommelier の .description p は padding 20px/1rem を当てる案を実測したが、左右も
     入って氏名・プロフィールリンクとの左ラインがずれるため、ミラ判断で padding 0 のまま据え置き。

   ============================================================ */
.c-descript{padding:0 1rem}
.c-descript__text{border:none;background:#f0f7fa}
.c-descript__text:before{display:none}

/* ============================================================
   p-ranking カード 追い込み調整（ミラ指示 2026-08-20）

     __point ul li      font-weight 700 -> normal（PC・SP 共通。SP 側に font-weight の
                        再宣言が無いので base を変えるだけで両方に効く）
     PC のみ:
     __title .hyouka       padding 9px 6px -> 6px
     __title .hyouka img   width 96.4px -> 80px
     __button .c-button    padding 20px 0 -> 10px 0（高さ 72 -> 52px）
     __button              padding 20px 100px 0 -> 0 100px

   ◆CTA 上の余白がタイマーの有無で変わっていた問題（ミラ指摘）を PC 20px に揃える。
     余白の持ち主が __button の padding-top だけでなく「直前の兄弟の padding-bottom」
     でもあり、__campaign は pb 20px なのに __timer.-second は pb 0 だったのが原因。
       変更前(ライブ): タイマー無 40px（campaign pb20 + wrap pt20）/ タイマー有 20px
       __button を pt 0 にした時点: タイマー無 20px / タイマー有 0px（タイマーが CTA に密着）
       → __timer.-second に PC だけ padding-bottom:20px を足して 両方 20px に統一。
     `.-second` を使う根拠 = このクラスは「キャンペーン下・CTA 直上のタイマー」専用で、
     parts-ranking.php / parts-ranking_t.php / single.php の 3 テンプレートすべてで
     直後が .p-ranking-item__button（実測 DOM も同じ）。`-first` は直後が
     `__button u-device-sp`（PC では display:none）なので :has(+ __button) 系の
     セレクタだと -first まで拾って __spec の前に余白が出る ← この罠を避けている。
     既存 PC 宣言 `.-first,.-second{padding:0 30px}` は共有なので上書きせず pb だけ足す。
   ◆SP は実測で タイマー無/有 とも CTA 直上 10px で既に一貫していたため変更しない
     （campaign pb 0 + __button pt 10px。R9 で調整済みの 8px マージン構造も維持）。
   ============================================================ */
@media screen and (min-width: 768px){.p-ranking.-renew .p-ranking-item__timer.-second{padding-bottom:20px}}

/* ============================================================
   ▼ フッターの上下余白（ミラ指示 2026-08-24）
   コラム誘導セクション（.l-footer-pages）を撤去したところ、フッターが
   ナビ 1 行ぶん = 実測 48.8px の帯になり潰れて見えるようになった。
   さらに Page Top ボタン（70px・top:-40px）がフッター上端から 30px
   食い込むため、右端の copyright（1095〜1165px）と実測で重なっていた。
   → ナビ行を持つ .content にだけ上下 padding を入れて逃がす。
   ボタンは 1 つめの .content（高さ 0）を基準にした absolute なので、
   .l-footer 自体に padding を入れるとボタンごと下がって帯の上に乗る。
   :has() で「ナビを持つほうの .content」だけを狙う。
   ※ SP は .l-footer .content が padding:0 1rem 10px を持つので対象外。
   ============================================================ */
@media screen and (min-width: 768px){
.l-footer>.content:has(>.l-footer__nav){padding:40px 0}
}

/* ============================================================
   ▼ SP の .p-choose 下マージン撤去（ミラ指示 2026-08-24）
   `.p-choose{margin-bottom:1rem}` は C1 で「Figma の spacer
   padding-bottom 16 と一致」として据え置いていたが、SP では
   .l-article の gap 16px と二重になり 32px 空いていた（実測）。
   → SP のみ 0 にして gap 16px 一本に。PC は 1rem = 18px のまま。
   ============================================================ */
@media screen and (max-width: 767px){
.p-choose.-renew{margin-bottom:0}
}

/* ============================================================
   ▼ 「総合評価」列の撤去にともなう再計算（ミラ指示 2026-08-24）
   アジェンダ《いらない仕様》に「★評価」が明記されていたのに残っていたため、
   ランキングカード・BEST5 比較表・比較表の 3 か所から撤去した。
   比較表は 14 列 → 13 列になるので、固定幅とスティッキー位置を直す。

   ・PC 幅  1679 → 1591px（hyouka 列 88px ぶん）
   ・SP 幅  1444.15 → 1376.13px（同 68.02px ぶん）
     ⚠️`table-layout:fixed` なので幅を直さないと残り 13 列に按分されて全列が太る。

   ・.sticky-pc:nth-of-type() の left を 4 段 → 3 段に。
     ⚠️旧値 0/167/227/307 は **列幅を Figma 値へ直した T2 の時点ですでにズレていた**
       （実測 197/66/88/109 に対する正しい累積は 0/197/263/372）。
       横スクロールすると「画像」列が「メーカー名」の下へ 30px 潜り込み、
       ヘッダーが「像」だけになる不具合として出ていた。今回あわせて是正する。
     新: (1) brand 0 / (2) image 197 / (3) site 263
   ============================================================ */