.single-main{margin-top:60px}@media (min-width: 768px){.detail-wrapper{display:flex;justify-content:space-between}}@media (min-width: 768px){.detail-wrapper .gallery{width:500px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.detail-wrapper .gallery{width:300px}}.detail-wrapper .gallery .gallery-slider{position:relative}@media (max-width: 767px){.detail-wrapper .gallery .gallery-slider{width:300px;margin:auto}}.detail-wrapper .gallery .main-slider{position:relative}.detail-wrapper .gallery .main-slider .swiper-slide{position:relative;border:1px solid #ccc;height:500px;display:flex;justify-content:center;align-items:center;pointer-events:none}@media only screen and (max-width: 1023px){.detail-wrapper .gallery .main-slider .swiper-slide{height:300px}}.detail-wrapper .gallery .main-slider .swiper-slide.swiper-slide-active{pointer-events:auto}.detail-wrapper .gallery .main-slider .swiper-slide .zoom-image img{display:block;max-height:500px;width:auto;height:100%;object-fit:contain;object-position:center}.detail-wrapper .gallery .thumb-slider{margin-top:20px}.detail-wrapper .gallery .thumb-slider .swiper-wrapper{justify-content:center}.detail-wrapper .gallery .thumb-slider .swiper-slide{width:80px;position:relative;border:1px solid #ccc;transition:opacity 0.3s;cursor:pointer}.detail-wrapper .gallery .thumb-slider .swiper-slide:before{display:block;content:" ";width:100%;padding-top:100%}.detail-wrapper .gallery .thumb-slider .swiper-slide>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media only screen and (min-width: 1025px){.detail-wrapper .gallery .thumb-slider .swiper-slide:hover{opacity:0.5}}.detail-wrapper .gallery__fav{margin:40px auto 0}@media (max-width: 767px){.detail-wrapper .gallery__fav{margin-top:20px}}@media (min-width: 768px){.detail-wrapper .detail{width:calc(100% - 500px);padding-left:60px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.detail-wrapper .detail{width:calc(100% - 300px);padding-left:20px}}@media (max-width: 767px){.detail-wrapper .detail{margin-top:40px}}.detail-wrapper .detail__ttl{background:#e7344a;padding:6px 15px;text-align:left;margin-bottom:15px;font-size:20px;font-size:2rem;line-height:1.45em;font-weight:bold;color:white}@media (max-width: 767px){.detail-wrapper .detail__ttl{font-size:18px;font-size:1.8rem;line-height:1.44444em;padding:10px}}.detail-wrapper .detail .detail-dl hr{margin:15px 0;border:0;border-top:1px solid #A4A4A4}@media (max-width: 767px){.detail-wrapper .detail .detail-dl hr{margin:10px 0}}.detail-wrapper .detail .detail-dl__label{width:110px;text-align:center;display:inline-block;vertical-align:top;background-color:#e6e6e6;border-radius:19px;font-size:15px;font-size:1.5rem;line-height:1.33333em;font-weight:bold;padding:5px;margin-top:2px;margin-left:10px}@media (max-width: 767px){.detail-wrapper .detail .detail-dl__label{width:90px;padding:5px 0;font-size:14px;font-size:1.4rem;line-height:1.42857em}}.detail-wrapper .detail .detail-dl__txt{max-width:calc(100% - 130px);display:inline-block;vertical-align:top;padding-left:30px;font-size:16px;font-size:1.6rem;line-height:2.125em}@media (max-width: 767px){.detail-wrapper .detail .detail-dl__txt{max-width:calc(100% - 105px);font-size:14px;font-size:1.4rem;line-height:1.71429em;padding-left:15px;padding-top:3px}}.detail-wrapper .detail .detail-dl__txt span{display:block}.detail-wrapper .detail .detail-dl__icon{line-height:1;font-size:0}.detail-wrapper .detail .detail-dl__icon img{max-width:55px;max-height:55px;display:inline-block}.detail-wrapper .detail .logo-list{display:flex;flex-wrap:wrap;margin-top:30px}.detail-wrapper .detail .logo-list .logo-item{width:80px;margin-top:10px;position:relative}.detail-wrapper .detail .logo-list .logo-item:before{display:block;content:" ";width:100%;padding-top:100%}.detail-wrapper .detail .logo-list .logo-item>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media (max-width: 767px){.detail-wrapper .detail .logo-list .logo-item{width:calc((100% - 40px) / 5);margin-top:0}}.detail-wrapper .detail .logo-list .logo-item+.logo-item{margin-left:10px}.detail-wrapper .detail .logo-list .logo-item__tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);margin-left:-90px;z-index:10;background-color:#e7344a;color:white;opacity:0;pointer-events:none;font-size:12px;font-size:1.2rem;line-height:1.66667em;width:180px;padding:5px 10px}@media (max-width: 767px){.detail-wrapper .detail .logo-list .logo-item__tooltip{width:100px;font-size:10px;font-size:1rem;line-height:1.6em;margin-left:-50px}}.detail-wrapper .detail .logo-list .logo-item__tooltip::before{content:"";position:absolute;left:50%;top:calc(100% - 1px);transform:translateX(-50%);border-width:8px;border-style:solid;border-color:#e7344a transparent transparent transparent}.detail-wrapper .detail .video-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:38px}.detail-wrapper .detail .video-list .video-item{width:calc((100% - 10px) / 2);border:1px solid black;position:relative}.detail-wrapper .detail .video-list .video-item:before{display:block;content:" ";width:100%;padding-top:56.42857%}.detail-wrapper .detail .video-list .video-item>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width: 768px){.detail-wrapper .detail .video-list .video-item{transition:opacity 0.3s;will-change:opacity;cursor:pointer}}@media only screen and (min-width: 768px) and (min-width: 1025px){.detail-wrapper .detail .video-list .video-item:hover{opacity:0.5}}.detail-wrapper .detail .video-list .video-item:not(:nth-child(-n+2)){margin-top:10px}.detail-wrapper .detail .video-list .video-item__thumb{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.detail-wrapper .detail .video-list .video-item__icon{position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}@media (max-width: 767px){.detail-wrapper .detail .video-list .video-item__icon{max-width:40px}}.modal{position:fixed;left:0;top:0;width:100%;height:100%;padding:20px;z-index:10000;background-color:rgba(0,0,0,0.5);display:none;opacity:0;align-items:center;justify-content:center}.modal .modal-content{position:relative;width:100%;max-width:1400px}.modal .modal-close{position:absolute;right:10px;bottom:calc(100% + 20px);width:30px;height:30px;cursor:pointer;background:none;border:none}@media (max-width: 767px){.modal .modal-close{bottom:calc(100% + 10px);right:5px}}.modal .modal-close:before,.modal .modal-close:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:3px;background-color:white;transform-origin:center}@media (max-width: 767px){.modal .modal-close:before,.modal .modal-close:after{width:30px;height:2px}}.modal .modal-close:before{transform:translate(-50%, -50%) rotate(45deg)}.modal .modal-close:after{transform:translate(-50%, -50%) rotate(-45deg)}.modal .modal-video{width:100%;position:relative}.modal .modal-video:before{display:block;content:" ";width:100%;padding-top:56.25%}.modal .modal-video>.content{position:absolute;top:0;left:0;right:0;bottom:0}.modal .modal-video iframe{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center}.detail-btn-list{margin-top:30px}@media (min-width: 768px){.detail-btn-list{display:flex;justify-content:center}}@media (max-width: 767px){.detail-btn-list .btn-item .c-btn{margin:auto}}@media (min-width: 768px){.detail-btn-list .btn-item+.btn-item{margin-left:30px}}@media (max-width: 767px){.detail-btn-list .btn-item+.btn-item{margin-top:10px}}.rec{width:880px;max-width:100%;margin:100px auto 0}@media (max-width: 767px){.rec{margin-top:60px}}.rec__hd{font-size:22px;font-size:2.2rem;line-height:1.45455em;font-weight:bold;position:relative;padding-left:60px;border-bottom:5px;border-bottom:2px solid #e7344a;padding-bottom:5px}.rec__hd::before{content:"";position:absolute;left:0;top:5px;width:45px;height:31px;background:url("../../img/product-single/ico_rec-hd.png") left center/45px 31px no-repeat}.rec .rec-list{display:flex;flex-wrap:wrap;padding:0 20px;margin-top:40px}@media (max-width: 767px){.rec .rec-list{justify-content:space-between}}.rec .rec-list .rec-item{display:block}@media (min-width: 768px){.rec .rec-list .rec-item{width:260px;max-width:31%}.rec .rec-list .rec-item:not(:nth-child(3n+1)){margin-left:3.5%}.rec .rec-list .rec-item:not(:nth-child(-n+3)){margin-top:40px}}@media (max-width: 767px){.rec .rec-list .rec-item{width:calc((100% - 10px) / 2)}.rec .rec-list .rec-item:not(:nth-child(-n+2)){margin-top:20px}}.rec .rec-list .rec-item .rec-thumb{position:relative}.rec .rec-list .rec-item .rec-thumb:before{display:block;content:" ";width:100%;padding-top:56.15385%}.rec .rec-list .rec-item .rec-thumb>.content{position:absolute;top:0;left:0;right:0;bottom:0}.rec .rec-list .rec-item__ttl{font-size:16px;font-size:1.6rem;line-height:1.5em;font-weight:bold;margin-top:10px}@media (max-width: 767px){.rec .rec-list .rec-item__ttl{font-size:15px;font-size:1.5rem;line-height:1.6em}}