#main_container{margin:100px 0 0}#main_container .inner{width:calc(100vw * 1100 / 1400);max-width:1100px;margin:0 auto}#main_container .inner p.lead{text-align:center;font-size:2.2rem;font-weight:500;letter-spacing:.1em;line-height:2}#main_container .inner #compare_content{margin:100px 0 0}#main_container .inner #compare_content .item{display:flex;justify-content:flex-start;flex-wrap:wrap}#main_container .inner #compare_content .item .compare-col{width:calc(100% / 3)}#main_container .inner #compare_content .item--head .compare-col{padding:0 20px}#main_container .inner #compare_content .item--head select{text-align:center;width:100%;font-family:YakuHanMP,Zen Old Mincho,serif;font-size:1.6rem;font-weight:500;letter-spacing:.05em;-webkit-appearance:none;appearance:none;cursor:pointer;border:none;color:var(--color_black);background-color:var(--color_white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 2l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 10px;border-radius:0;padding:10px 40px 10px 20px;border:1px solid var(--color_black);transition:background-color .3s ease}#main_container .inner #compare_content .item--head select:focus{outline:none}#main_container .inner #compare_content .item--head select:hover{background-color:#d7d7d7}#main_container .inner #compare_content .item--head h3{margin:65px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 0;text-align:center}#main_container .inner #compare_content .item--head h3 span.title{display:block;width:100%;font-size:max(1.6rem,min(1.9rem,calc(100vw * 19 / 1400)));font-weight:600;letter-spacing:.05em}#main_container .inner #compare_content .item--head h3 span.sub{font-size:max(1.2rem,min(1.4rem,1vw));font-weight:600;letter-spacing:.05em;position:relative;padding:0 15px}#main_container .inner #compare_content .item--head h3 span.sub:before,#main_container .inner #compare_content .item--head h3 span.sub:after{content:"";width:7px;height:1px;background-color:var(--color_black);position:absolute;top:50%;transform:translateY(-50%)}#main_container .inner #compare_content .item--head h3 span.sub:before{left:0}#main_container .inner #compare_content .item--head h3 span.sub:after{right:0}#main_container .inner #compare_content .item--head figure{margin:30px 0 0}#main_container .inner #compare_content .item{position:relative}#main_container .inner #compare_content .item:nth-child(n+2){margin:45px 0 0}#main_container .inner #compare_content .item h4{width:100%;font-size:max(1.6rem,min(1.8rem,calc(100vw * 18 / 1400)));font-weight:600;letter-spacing:.1em;border-bottom:1px solid var(--color_black);padding:0 20px 15px}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col{display:block;text-align:center;font-size:max(1.4rem,min(1.6rem,calc(100vw * 16 / 1400)));font-weight:500;letter-spacing:.05em;line-height:1.6;padding:50px 10px;position:relative}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col:before{content:"";width:2px;height:calc(100% + 50px);background-image:radial-gradient(circle,#d5d5d5 1px,transparent 1px);background-size:4px 8px;background-repeat:repeat-y;background-position:center top;position:absolute;right:0;top:10px}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col[data-col="2"]:before{content:none!important}#main_container .inner #compare_content .item.color .compare-col{display:flex;justify-content:center}#main_container .inner #compare_content .item.color .compare-col ul{text-align:left}#main_container .inner #compare_content .item.color .compare-col ul li:not(:first-child){margin:30px 0 0}#main_container .inner #compare_content .item.color .compare-col ul li{position:relative;padding:0 0 0 1.5em}#main_container .inner #compare_content .item.color .compare-col ul li:before{content:"";width:1em;height:1em;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}#main_container .inner #compare_content .item.color .compare-col ul li.gray:before{background-color:var(--pro_gray)}#main_container .inner #compare_content .item.color .compare-col ul li.ivory:before{background-color:var(--pro_ivory)}#main_container .inner #compare_content .item.color .compare-col ul li.green:before{background-color:var(--pro_green)}#main_container .inner #compare_content .compare-col span.equipped{display:inline-block;width:20px;height:20px;background-color:var(--color_black);border-radius:50%}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col dl dt{display:inline-block;background:linear-gradient(transparent 70%,#464c4833);font-weight:600}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col dt:nth-of-type(n+2){margin:30px 0 0}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col dl dd{margin:10px 0 0}#main_container .inner #compare_content .sticky_item{width:calc(100vw * 1100 / 1400);max-width:1100px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease}#main_container .inner #compare_content.is-sticky .sticky_item{opacity:1}#main_container .inner #compare_content .sticky_item ul{display:flex;justify-content:space-between}#main_container .inner #compare_content .sticky_item ul li{width:calc(100% / 3 - 20px);text-align:center;background-color:#f2f2f2;color:#9b9b9b;font-size:max(1.4rem,min(1.6rem,calc(100vw * 16 / 1400)));letter-spacing:.05em;font-weight:500;line-height:1;padding:20px 0;position:relative}#main_container .inner #compare_content .sticky_item ul li:nth-child(1){transform:translate(10px)}#main_container .inner #compare_content .sticky_item ul li:nth-child(3){transform:translate(-10px)}@media only screen and (max-width: 768px){#main_container{margin:65px 0 0}#main_container .inner{width:80vw;max-width:80vw}#main_container .inner p.lead{text-align:justify;font-size:1.6rem;line-height:1.6}#main_container .inner #compare_content{margin:45px 0 0}#main_container .inner #compare_content .item{display:flex}#main_container .inner #compare_content .item .compare-col{width:50%}#main_container .inner #compare_content .item .compare-col[data-col="2"]{display:none!important}#main_container .inner #compare_content .item--head .compare-col{padding:0 5px}#main_container .inner #compare_content .item--head select{font-size:1.2rem!important;letter-spacing:.025em;padding:10px 20px 10px 10px;transition:none}#main_container .inner #compare_content .item--head select:hover{background-color:var(--color_white)}#main_container .inner #compare_content .item--head h3{margin:30px 0 0;gap:7px 0}#main_container .inner #compare_content .item--head h3 span.title{font-size:max(1.2rem,min(1.3rem,calc(100vw * 13 / 375)))}#main_container .inner #compare_content .item--head h3 span.sub{font-size:max(1.2rem,min(1.2rem,3.2vw));padding:0 10px;letter-spacing:.025em}#main_container .inner #compare_content .item--head h3 span.sub:before,#main_container .inner #compare_content .item--head h3 span.sub:after{width:5px}#main_container .inner #compare_content .item--head figure{margin:20px 0 0}#main_container .inner #compare_content .item:nth-child(n+2){margin:30px 0 0}#main_container .inner #compare_content .item h4{font-size:max(1.2rem,min(1.4rem,calc(100vw * 14 / 375)));padding:0 0 15px 10px}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col{font-size:max(1.2rem,min(1.4rem,calc(100vw * 14 / 375)));padding:30px 10px}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col:before{height:calc(100% - 10px);top:10px}#main_container .inner #compare_content .item:nth-child(n+2) .compare-col[data-col="1"]:before{content:none!important}#main_container .inner #compare_content .item.color .compare-col ul li:not(:first-child){margin:15px 0 0}#main_container .inner #compare_content .sticky_item{width:80vw;max-width:80vw;bottom:20px;z-index:10}#main_container .inner #compare_content .sticky_item ul li{width:calc(50% - 10px);font-size:max(1.2rem,min(1.4rem,calc(100vw * 14 / 375)));padding:15px 0}#main_container .inner #compare_content .sticky_item ul li:nth-child(1){transform:translate(0)}#main_container .inner #compare_content .sticky_item ul li:nth-child(3){display:none}}.fade-target{transition:opacity .3s ease}.fade-target.is-fade-out{opacity:0}.fade-target.is-fade-in{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/48/assets/koshikami_prime_compare.css.map */