*,::after,::before,:after,:before{box-sizing:border-box}ul,ol{padding:0;margin:0;list-style-type:none}.edit-area ul{padding-left:1.5em;list-style:disc}.edit-area ol{padding-left:1.5em;list-style:decimal}.edit-area img{height:auto !important}body{margin:0;font-family:"Noto Sans","Noto Sans JP","Noto Sans TC","Arial",sans-serif;font-weight:300}body *{letter-spacing:.05em}a{display:inline-block;color:#418fde;transition:.5s linear all}a:hover{text-decoration:none;color:#000}a:focus{outline:none}img,iframe{max-width:100%}section{padding:30px 0}@media all and (min-width: 992px){section{padding:48px 0}}@media all and (min-width: 1600px){section{padding:72px 0}}input,button,textarea,select{border:0}input:focus,button:focus,textarea:focus,select:focus{outline:none}::-webkit-input-placeholder{color:#c5c5c5}:-moz-placeholder{color:#c5c5c5}::-moz-placeholder{color:#c5c5c5}:-ms-input-placeholder{color:#c5c5c5}.mt-30{margin-top:20px !important}@media all and (min-width: 992px){.mt-30{margin-top:30px !important}}.mb-30{margin-bottom:20px !important}@media all and (min-width: 992px){.mb-30{margin-bottom:30px !important}}.container{margin:0 auto;padding:0 10px;width:100%}.container>.row:not(.no-gutters){margin-left:-10px;margin-right:-10px}.container>.row:not(.no-gutters)>div[class^=col-]{padding-left:10px;padding-right:10px}@media all and (min-width: 768px){.container{max-width:700px}}@media all and (min-width: 992px){.container{max-width:900px}}@media all and (min-width: 1200px){.container{max-width:1100px}}@media all and (min-width: 1440px){.container{max-width:1200px}}@media all and (min-width: 1600px){.container{max-width:1400px}}.breadcrumb{padding:0;background:transparent;font-size:.875em}.grids-2{display:flex;flex-wrap:wrap}.grids-2>*{flex-basis:100%;max-width:100%;margin-bottom:10px}@media all and (min-width: 768px){.grids-2>*{margin-bottom:20px;flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.grids-2>*:not(:nth-child(2n+2)){margin-right:20px}.grids-2>*:nth-child(2n+2){margin-right:0}}.grids-3{display:flex;flex-wrap:wrap}.grids-3>*{flex-basis:100%;max-width:100%;margin-bottom:10px}@media all and (min-width: 768px){.grids-3>*{margin-bottom:20px;flex-basis:calc(50% - 10px);max-width:calc(50% - 10px)}.grids-3>*:not(:nth-child(2n+2)){margin-right:20px}.grids-3>*:nth-child(2n+2){margin-right:0}}@media all and (min-width: 1200px){.grids-3>*{margin-bottom:30px;flex-basis:calc(33.33% - 20px);max-width:calc(33.33% - 20px)}.grids-3>*:not(:nth-child(3n+3)){margin-right:30px}.grids-3>*:nth-child(3n+3){margin-right:0}}.grids-6{display:flex;flex-wrap:wrap}.grids-6>*{flex-basis:calc(50% - 3px);max-width:calc(50% - 3px);margin-bottom:6px}.grids-6>*:not(:nth-child(2n+2)){margin-right:6px}.grids-6>*:nth-child(2n+2){margin-right:0}@media all and (min-width: 768px){.grids-6>*{margin-bottom:6px;flex-basis:calc(33.33% - 4px);max-width:calc(33.33% - 4px)}.grids-6>*:not(:nth-child(3n+3)){margin-right:6px}.grids-6>*:nth-child(3n+3){margin-right:0}}@media all and (min-width: 992px){.grids-6>*{margin-bottom:6px;flex-basis:calc(25% - 4.5px);max-width:calc(25% - 4.5px)}.grids-6>*:not(:nth-child(4n+4)){margin-right:6px}.grids-6>*:nth-child(4n+4){margin-right:0}}@media all and (min-width: 1200px){.grids-6>*{margin-bottom:6px;flex-basis:calc(16.66% - 5px);max-width:calc(16.66% - 5px)}.grids-6>*:not(:nth-child(6n+6)){margin-right:6px}.grids-6>*:nth-child(6n+6){margin-right:0}}.between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.slick-arrow{opacity:.5;background:#efefef;padding:0}.slick-arrow:before{color:#fff;font-size:15px}.slick-arrow:hover{background:#418fde;box-shadow:0 2px 4px 0 rgba(0,0,0,.19);opacity:1}@media all and (min-width: 1200px){.slick-arrow{left:-50px}.slick-arrow.slick-next{left:auto;right:-50px}}.bg-black{background:#000}.bg-main-transparent{background:rgba(65,143,222,.9)}.bg-second-transparent{background:rgba(101,165,228,.9)}.bg-white-transparent{background:rgba(255,255,255,.9)}body{background:#fff}.footer-title{position:relative}.footer-title>span{position:relative;display:inline-block;background:#000;z-index:1;padding-right:1em}.footer-title:before{content:"";position:absolute;top:50%;left:0;z-index:0;width:calc(100% - 2rem);height:1px;background:#fff;vertical-align:middle}body{letter-spacing:.05em}.i-arrow-r{position:relative;display:inline-block;vertical-align:middle;transition:.1s linear all}.i-arrow-r:before,.i-arrow-r:after{content:"";display:block;width:21px;background:#fff;height:1px}.i-arrow-r:after{width:8px;position:relative;left:calc(100% - 8px);top:-3px;transform:rotate(30deg)}.title-sec{font-size:24px;letter-spacing:.02em;margin-bottom:.5em}.title-sec.title-sm{font-size:22px}@media all and (min-width: 768px){.title-sec{font-size:30px}}@media all and (min-width: 768px){.title-sec.title-sm{font-size:25px}}.title-card{font-size:18px}@media all and (min-width: 768px){.title-card{font-size:20px}}.border-under-title{display:block;margin:.75em 0;width:40px;height:2px;background:#000}.border-under-title.sm{width:30px}.border-under-title.lg{width:60px}.border-under-title.bold{height:5px}@media all and (min-width: 768px){.border-under-title{width:46px}.border-under-title.sm{width:38px}.border-under-title.lg{width:75px}}.text{line-height:1.55;font-size:1rem}@media all and (min-width: 768px){.text{font-size:1.1rem}}.price{color:#000;font-weight:bold}.price.special{font-size:1.4em;color:#e2455a}.txt-l1{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:1;height:1.5em}.txt-l2{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:2;height:3em}.txt-l3{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:3;height:4.5em}.bgcover{background-size:cover;background-position:center;background-repeat:no-repeat}.bg-main{background:#418fde !important}.bg-light{background:#f7f7f7 !important}.bg-grey{background:#efefef !important}.min-h-300px{min-height:300px}.min-h-400px{min-height:400px}.w-10rem{width:10rem}.w-4rem{width:4rem}.btn{text-align:center;font-size:14px;padding:.5em 1em;border-radius:0}.btn:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.19)}@media all and (min-width: 992px){.btn{font-size:16px;padding:.5em 2em}}.btn-main{border:1px solid #418fde;background:#418fde;box-shadow:0 2px 4px 0 rgba(0,0,0,.19);color:#fff}.btn-main:hover{background:transparent;color:#418fde}.btn-second{border:1px solid #65a5e4;background:#65a5e4;box-shadow:0 2px 4px 0 rgba(0,0,0,.19);color:#fff}.btn-second:hover{background:#fff;color:#65a5e4}.btn-white{background:#fff;border-radius:30px;color:#000}.btn-white:hover{background:#65a5e4;color:#fff}.btn-line{color:#fff;background:#4ecd00}.btn-line:hover{background:rgba(78,205,0,.6)}.btn-facebook{color:#fff;background:#4267b2}.btn-facebook:hover{background:rgba(66,103,178,.6)}.btn-google{color:#fff;background:#ea4335}.btn-google:hover{background:rgba(234,67,53,.6)}.tag{display:inline-block;border-radius:4px;padding:2px 8px;font-size:14px;color:#fff}.tag.hot{background:#e2455a}.tag.new{background:#418fde}.list-inline-item{vertical-align:middle}.list-page>li{display:inline-block;margin-right:5px}@media all and (min-width: 768px){.list-page>li{margin-right:10px}}.list-page>li a{display:block;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;font-weight:bold;color:#000}.list-page>li a:hover,.list-page>li a :focus{border-color:#000}.list-page>li a.active{background:#000;color:#fff}.list-page>li a.active:hover,.list-page>li a.active:focus{box-shadow:0 0 25px rgba(40,47,60,.05),0 20px 25px rgba(40,47,60,.05),0 3px 4px rgba(40,47,60,.05)}.list-angle li{display:flex;align-items:center}.list-angle li a:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";font-size:.75em;margin-right:8px}.board{padding:15px 10px;border:solid 1px #c5c5c5;border-radius:15px}@media all and (min-width: 1200px){.board{padding:25px 20px}}.oval{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:auto}.oval img{max-width:65px;max-height:65px}.box-img{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.box-img:before{content:"";display:block;width:100%;padding-bottom:100%}.box-img.r-4-3:before{padding-bottom:75%}.box-img.r-3-2:before{padding-bottom:66.6667%}.box-img.r-16-9:before{padding-bottom:56.25%}.box-img.img-fit-text:before{padding-bottom:50%}.box-img.img-contain{background-size:contain}.box-iframe{position:relative}.box-iframe:before{content:"";width:100%;display:block;padding-bottom:56.25%}.box-iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%}.banner{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-position:40% center}.banner:before{content:"";display:block;min-height:400px;width:100%;padding-bottom:40%}.banner .content{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;top:auto;display:flex;align-items:center;justify-content:center;text-align:left}.banner .content h2{letter-spacing:.01em;color:#000;font-size:2.25rem;margin-bottom:2rem}@media all and (min-width: 768px){.banner .content h2{font-size:3rem}}@media all and (min-width: 1200px){.banner .content h2{font-size:3.87rem}}.banner .content p{margin-bottom:2rem}.banner.banner-page:before{padding-bottom:26.83%}@media screen and (max-width: 992px){.banner .content h2,.banner .content p{margin-bottom:1rem}}@media screen and (max-width: 576px){.banner.banner-page::before{padding-bottom:75%;min-height:200px}.banner-mobile{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;background-position:center}.banner-mobile:before{content:"";display:block;min-height:200px;width:100%;padding-bottom:130%}.banner-mobile .content h2,.banner-mobile .content p{margin-bottom:1rem}}.box-qty input{display:inline-block;max-width:130px;vertical-align:middle}.box-qty button{border-radius:3px;font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;display:inline-flex;vertical-align:middle;border:1px solid #bab9b9}.box-qty button:first-of-type{background:#efefef;color:#fff}.box-qty button:nth-of-type(2){background:#fff;color:#efefef}.box-msg{background:rgba(65,143,222,.08);padding:30px}@media all and (min-width: 992px){.box-msg{padding:40px}}.slider-col-3{margin-left:-10px;margin-right:-10px}.slider-col-3 .item{padding:10px 10px 15px}.slider-col-3 .item:hover .card{box-shadow:0 0 8px 0 rgba(0,0,0,.11)}.slider-col-3 .slick-dots li button{background:#aaa;border-radius:50rem;width:6px;height:6px;padding:3px;transition:width .5s,background-color .5s}.slider-col-3 .slick-dots li.slick-active button{background:#222;border-radius:50rem;width:18px;height:6px}select,input,textarea{padding:5px 10px;border-radius:5px;width:100%;border:1px solid #efefef}select[readonly],select:disabled,input[readonly],input:disabled,textarea[readonly],textarea:disabled{background:#e8e8e8}label.checkbox{margin-bottom:0;cursor:pointer}label.checkbox input{position:absolute;visibility:hidden;width:auto}label.checkbox input+span{position:relative;display:inline-block;padding-left:32px;letter-spacing:0;line-height:1.5}label.checkbox input+span:before,label.checkbox input+span:after{content:"";position:absolute;left:0;top:0}label.checkbox input+span:before{width:20px;height:20px;background:#e4e4e4;border-radius:6px}label.checkbox input+span:after{border-bottom:3px solid #418fde;border-right:3px solid #418fde;width:8px;height:12px;transform:rotate(45deg);opacity:0;transition:.1s linear all;left:6px;top:2px;border-radius:2px}label.checkbox input:checked+span:after{opacity:1 !important}label.checkbox.radio input+span:before{border-radius:50%}label.checkbox.radio input+span:after{border-radius:50%;background:#418fde;left:5px;top:5px;opacity:0;border:0;width:10px;height:10px}.form-row>.col,.form-row>[class*=col-]{padding-right:10px;padding-left:10px}.form-item{margin-bottom:1em}.form-item>label{color:#666;display:block;margin-bottom:.75em}.form-item>.text-danger{font-size:.875em;margin-top:.25em;margin-bottom:0}.form-item.inline{display:flex;align-items:center;flex-wrap:wrap}.form-item.inline>.text-danger{flex-basis:100%}.form-item.inline>label{display:inline-block;width:80px;flex-shrink:0;margin-bottom:0}.form-item.inline>label+*{flex-grow:1}.form-control{border:1px solid #ddd;border-radius:0;font-size:13px;margin-bottom:.75em}.text-danger{color:#e2455a;font-size:.875em}.breadcrumb>.breadcrumb-item>a{color:#000}.breadcrumb>.breadcrumb-item>a:hover{color:#418fde}.breadcrumb-item+.breadcrumb-item::before{content:">"}.menu-list{width:100%;text-align:left;background-color:#f7f8fb;color:#000}.menu-list .list-title{position:relative;padding:.75rem 1rem;font-weight:400;border-bottom:1px solid #dce0ed}.menu-list .list-content{padding:.5rem 1rem 1rem}.menu-list a.list-item,.menu-list .list-item{color:#000;display:inline-block;width:100%;padding:.5rem 0;cursor:pointer;color:#000}.menu-list a.list-item:hover,.menu-list a.list-item.active,.menu-list .list-item:hover,.menu-list .list-item.active{color:#418fde}.menu-list .list-title::after{position:absolute;display:inline-block;right:.5rem;top:50%;transform:translate(-100%, -50%);content:"";border-bottom:.3em solid;border-right:.3em solid transparent;border-top:0;border-left:.3em solid transparent;text-align:right;transition:.5s ease}.menu-list .list-title.opened::after{transform:translate(-100%, -50%) rotate(180deg);content:""}.headerwrap{background:#fff}.headerwrap .navbar-toggler:not(.collapsed) .fa-bars:before{content:""}.headerwrap .navbar-toggler-icon{line-height:1.5em}.headerwrap .navbar-brand{margin-right:0;max-width:calc(100% - 60px)}.headerwrap .navbar-brand img{max-height:45px}@media all and (min-width: 992px){.headerwrap .navbar-brand{padding:1rem 0}.headerwrap .navbar-brand img{max-height:60px}}.headerwrap a.nav-link{color:#000}.headerwrap a.nav-link:hover{color:#418fde}@media all and (min-width: 992px){.headerwrap .navbar-expand-lg .navbar-nav .nav-link{padding:.75rem .5rem}}.headerwrap header{border-bottom:2px solid #efefef}.headerwrap.fixed header{position:fixed;z-index:5;left:0;top:0;width:100%;background:#fff}.headerwrap.fixed header .submenu{padding-top:10px}.topbar{text-align:right;padding:8px 0}.topbar .topbar-brand>img{height:40px}.topbar .submenu{padding-top:8px;left:auto;right:0}.topbar.topbar-dark{background:#000;color:#fff}.topbar.topbar-dark a{font-size:13px;color:#fff}.topbar.topbar-dark a:hover{color:#418fde}.topbar.topbar-dark .lang-dropdown-menu{background-color:#000;border-radius:.5rem;min-width:5.5em}.topbar.topbar-dark .lang-dropdown-menu .dropdown-item{padding:.25rem 1rem}.topbar.topbar-dark .lang-btn{border-radius:.5rem;border:1px solid #fff;padding:.15rem 1rem;margin:.25rem;font-size:13px;color:#fff}.topbar.topbar-dark .lang-btn:hover{background-color:#fff;color:#000}.has_submenu:not(.submenu-fill):not(.submenu-full){position:relative}@media all and (min-width: 992px){.has_submenu:not(.submenu-fill):hover .submenu{display:block}}.submenu{display:none;position:absolute;left:0;top:100%;z-index:2;min-width:100%;padding-top:0px;border-width:0 1px 2px;border-color:transparent;border-style:solid;background:#fff}.submenu.submenu-full{width:100%}.submenu .submenu-image{position:relative;background-size:cover;background-position:center;z-index:0}.submenu .submenu-image:after{width:100%;height:100%;content:"";position:absolute;right:0;background-image:linear-gradient(-80deg, white 0%, white 20%, transparent 20%);z-index:1}.submenu ul{text-align:left;border-bottom:3px;border-left:2px;border-right:2px;border-color:#efefef}.submenu ul:hover li>a.submenu-title{color:#418fde;border-color:#418fde}.submenu ul li{white-space:nowrap;background:#fff}.submenu ul li>a{display:block;background:#fff;font-size:.9em;padding:.3rem 0 .3rem .75rem !important;color:#000;transition:all 1s}.submenu ul li>a:hover{background:transparent;color:#418fde}.submenu ul li>a.submenu-title{position:relative;font-weight:bold;font-size:1rem;padding-bottom:.5rem;transition:all 1s}.submenu ul li>a.submenu-title:after{content:"";position:absolute;bottom:0;left:.75rem;width:calc(100% - 0.75rem);height:2px;background-color:#000}.navbar-nav>li>a{font-size:1rem;letter-spacing:.04em;font-weight:500}@media all and (min-width: 1200px){.navbar-nav>li>a{padding-right:0 !important}}@media all and (min-width: 992px){.navbar-nav>li:not(:last-child){margin-right:2em}}@media all and (min-width: 1200px){.navbar-nav>li:not(:last-child){margin-right:5em}}@media all and (max-width: 991px){.navbar-nav{max-height:calc(100vh - 70px);overflow-y:auto}.navbar-nav .submenu{padding-top:0;position:static}.navbar-nav>li>a{padding:.5em 1em;width:100%}}.submenu-grids-7{display:flex;flex-wrap:wrap;padding:1rem 0}.submenu-grids-7>*{flex-basis:calc(100% - 3px);max-width:calc(100% - 3px);margin-bottom:6px}.submenu-grids-7>*:not(:nth-child(2n+2)){margin-right:6px}.submenu-grids-7>*:nth-child(2n+2){margin-right:0}@media all and (max-width: 991px){.headerwrap a.menu-title-level1{font-weight:500;font-size:1.1rem}.headerwrap .has_submenu .menu-title-level1+.submenu{border-top:1px solid #000}.headerwrap .has_submenu .mobile-menu-title-level2+.submenu{border-top:1px solid #efefef}.headerwrap .has_submenu:not(:last-child) .menu-title-level1+.submenu{border-bottom:1px solid #000}.headerwrap .has_submenu:not(:last-child) .mobile-menu-title-level2+.submenu{border-bottom:1px solid #efefef}.headerwrap a.mobile-menu-title-level2{font-weight:400;font-size:1rem}.headerwrap a.mobile-menu-title-level2>a{font-size:.9rem}.no-caret-in-mobile:after{content:none}}@media all and (min-width: 992px){.submenu-grids-7>*{margin-bottom:6px;flex-basis:calc(24% - 4px);max-width:calc(24% - 4px)}.submenu-grids-7>*:not(:nth-child(3n+3)){margin-right:6px}.submenu-grids-7>*:nth-child(3n+3){margin-right:0}.submenu{border-color:#efefef}.submenu>ul{margin-bottom:1rem}}@media all and (min-width: 1440px){.submenu-grids-7{min-height:200px}.submenu-grids-7>*{margin-bottom:6px;flex-basis:calc(14% - 5px);max-width:calc(14% - 5px)}.submenu-grids-7>*:not(:nth-child(6n+6)){margin-right:6px}.submenu-grids-7>*:nth-child(6n+6){margin-right:0}}.footer{color:#fff;background:#000;padding-top:30px;font-size:14px;line-height:2em}@media all and (min-width: 992px){.footer{padding-top:42px}}.footer a{color:#fff}.footer a:hover{color:#418fde}.footer h5{color:#fff;font-weight:500;font-size:18px}.footer ul.footer-ul-2-col>li{display:inline-block;width:49%}.footer ul.footer-ul-4-col>li{display:inline-block;width:49%}@media all and (min-width: 992px){.footer ul.footer-ul-2-col>li{display:inline-block;width:49%}.footer ul.footer-ul-4-col>li{display:inline-block;width:49%}}@media all and (min-width: 1250px){.footer ul.footer-ul-4-col>li{display:inline-block;width:24%}}.copyright{font-size:12px;margin:0;color:#000;background:#fff;text-align:center;padding:15px 10px}.scrollToTop{position:fixed;right:20px;bottom:20px;z-index:999;width:40px;height:40px;border-radius:50%;background:#65a5e4;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px 0 rgba(0,0,0,.11);color:#fff}.scrollToTop:hover{background:#fff;color:#418fde}.slidersec{padding:0;width:100%;overflow:hidden;position:relative}.mainslider .item{background-size:cover;background-position:center}.mainslider .slick-arrow{width:35px;height:35px;opacity:.9;background:transparent;left:0;border-radius:0;background-color:#fff;border:1px solid #65a5e4;top:auto;bottom:3rem}.mainslider .slick-arrow.slick-prev{left:auto;right:35px}.mainslider .slick-arrow.slick-next{right:0;left:auto}.mainslider .slick-arrow:before{color:#65a5e4;line-height:35px;font-size:21px}.mainslider .slick-arrow:hover{background:#65a5e4}.mainslider .slick-arrow:hover:before{color:#fff}.mainslider .slick-arrow.slick-prev{left:auto;right:45px}.mainslider .slick-arrow.slick-next{right:10px;left:auto}.mainslider .slick-arrow:before{color:#65a5e4;line-height:35px;font-size:21px}.mainslider .slick-arrow:hover{background:#65a5e4}.mainslider .slick-arrow:hover:before{color:#fff}@media all and (min-width: 576px){.mainslider .slick-arrow.slick-prev{right:50%;transform:translateX(235px)}.mainslider .slick-arrow.slick-next{right:50%;transform:translateX(270px)}}@media all and (min-width: 768px){.mainslider .slick-arrow.slick-prev{right:50%;transform:translateX(315px)}.mainslider .slick-arrow.slick-next{right:50%;transform:translateX(350px)}}@media all and (min-width: 992px){.mainslider .slick-arrow.slick-prev{right:50%;transform:translateX(415px)}.mainslider .slick-arrow.slick-next{right:50%;transform:translateX(450px)}}@media all and (min-width: 1250px){.mainslider .slick-arrow.slick-prev{right:50%;transform:translateX(515px)}.mainslider .slick-arrow.slick-next{right:50%;transform:translateX(550px)}}@media all and (min-width: 1440px){.mainslider .slick-arrow.slick-prev{right:50%;transform:translateX(565px)}.mainslider .slick-arrow.slick-next{right:50%;transform:translateX(600px)}}@media all and (min-width: 1600px){.mainslider .slick-arrow.slick-prev{right:50%;transform:translateX(665px)}.mainslider .slick-arrow.slick-next{right:50%;transform:translateX(700px)}}.feature-box{height:18rem;background-position:center;background-size:cover}.feature-img-box{cursor:pointer;position:relative;overflow:hidden}.feature-img-box:before{content:"";position:absolute;top:0;left:0;width:calc(100%);height:calc(100%);z-index:1;opacity:0;transition:opacity 1s;transition-delay:.2s}.feature-img-box>div.hover-border{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);z-index:1;border:2px solid rgba(255,255,255,.3);opacity:0;transition:opacity 1s}.feature-img-box:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-image:linear-gradient(-8deg, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.4) 8rem, transparent 8rem);transition:transform 1s;transition-delay:.1s}.feature-img-box .feature-box-inner{height:100%}.feature-img-box .feature-img-title{z-index:1;position:absolute;width:100%;bottom:0;text-align:center;margin-bottom:1.2em;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:1;height:1.5em;transition:color 1s,text-shadow 2s}.feature-img-box .feature-img-title,.feature-img-box .feature-img-title a{color:#000}.feature-img-box:hover:after{transform:translate(0, 100%)}.feature-img-box:hover:before{opacity:1;background-color:rgba(0,0,0,.2)}.feature-img-box:hover>div.hover-border{opacity:1}.feature-img-box:hover .feature-img-title{text-shadow:0 0 7px #000}.feature-img-box:hover .feature-img-title,.feature-img-box:hover .feature-img-title a{color:#fff}.feature-desc-box{position:relative}.feature-desc-box .feature-desc{position:absolute;bottom:0;width:calc(100% - 5rem);min-height:6rem;margin-left:2rem;margin-right:3rem;padding:1.5rem 1rem 1rem}.feature-desc-box .feature-desc>p{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:2;height:3em}.feature-desc-box .feature-desc-white{background:rgba(255,255,255,.9);color:#000;text-shadow:rgba(0,0,0,.1) 2px 2px 3px}.feature-desc-box .feature-desc-main{background:rgba(65,143,222,.9);color:#fff;text-shadow:rgba(0,0,0,.3) 1px 1px 3px}.feature-quote-box{background:#418fde;color:#fff;display:flex;align-items:center}.feature-quote-box p{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:4;height:6em}.feature-quote-box:before,.feature-quote-box:after{font-family:"Font Awesome 5 Free";font-weight:900;font-weight:900;font-size:1.5em}.feature-quote-box:before{position:absolute;top:1rem;left:1rem;content:""}.feature-quote-box:after{position:absolute;bottom:1rem;right:1rem;content:""}.feature-quote-box .feature-box-inner>h3{margin-top:1.5rem;margin-bottom:1rem}.feature-box-lg.feature-img-box::after{background-image:linear-gradient(-8deg, rgba(255, 255, 255, 0.05) 5%, rgba(255, 255, 255, 0.4) 10rem, transparent 10rem)}@media screen and (min-width: 992px){.feature-box{height:16rem}}@media screen and (min-width: 1200px){.feature-box{height:20rem}}@media screen and (min-width: 992px){.feature-desc-box .feature-desc{position:absolute;bottom:0;width:calc(100% - 9rem);min-height:8rem;margin-left:3rem;margin-right:6rem;padding:1.5rem 2rem 1rem}.feature-desc-box p{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.5em;-webkit-line-clamp:3;height:4.5em}.feature-box-lg{height:100%}.feature-box-lg.feature-img-box::after{background-image:linear-gradient(-8deg, rgba(255, 255, 255, 0.05) 5%, rgba(255, 255, 255, 0.4) 12rem, transparent 12rem)}}.about-logo-img{width:10rem}.about-icon-img{width:4rem}.thumbs{margin:8px -4px 0 -4px}.thumbs .item{padding-left:4px;padding-right:4px}.product-info h1{font-size:24px;font-weight:bold;margin-bottom:.75em}@media all and (min-width: 992px){.product-info h1{font-size:28px}}@media all and (min-width: 1440px){.product-info h1{font-size:32px}}.card.product-card{border-color:#efefef;overflow:hidden}.card.product-card,.card.product-card .box-img{transition:.5s ease-in-out}.card.product-card .box-img{transform-origin:bottom}.card.product-card:hover{box-shadow:0 5px 25px rgba(40,47,60,.025),0 10px 25px rgba(40,47,60,.05)}.card.product-card:hover .box-img{transform:scale(1.05)}.card.product-card a.stretched-link{color:#000}.card.product-card a.stretched-link:hover{color:#418fde}.options{padding:6px 0}.options>*{display:inline-block;vertical-align:middle}.options>span{min-width:90px}.options>span+*{width:130px}.options>span+.price{width:200px}.options>span+.box-qty{width:calc(100% - 70px)}.options>select{width:130px}.relatedslider{padding-bottom:30px}.relatedslider .slick-slide{padding:5px}.relatedslider .slick-slide .price{font-size:16px}.news-page{background:#f7f7f7}.news-page .list-inline-item a{color:#000}.news-page .list-inline-item a:hover{color:#418fde}.news-page .card{max-width:350px;margin-left:auto;margin-right:auto;border-color:#f7f7f7;border-radius:0;overflow:hidden;transition:all .5s}.news-page .card .box-img{position:relative}.news-page .card .box-img,.news-page .card .box-img::before,.news-page .card .box-img::after{transition:all .5s ease-in-out}.news-page .card .box-img::before{top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0}.news-page .card .box-img::after{position:absolute;z-index:1;content:"VIEW";left:50%;top:50%;transform:translate(-50%, -100%);width:90px;height:35px;color:#fff;font-size:.9rem;line-height:35px;text-align:center;border:1px solid #fff;opacity:0}.news-page .card:hover,.news-page .card:focus{box-shadow:0 20px 25px rgba(40,47,60,.025),0 20px 25px rgba(40,47,60,.05)}.news-page .card:hover .box-img::before,.news-page .card:hover .box-img::after,.news-page .card:focus .box-img::before,.news-page .card:focus .box-img::after{opacity:1}.news-page .card:hover .box-img::after,.news-page .card:focus .box-img::after{transform:translate(-50%, -50%)}.news-page .card .card-body{background-color:#fff}.news-page .card .card-text{line-height:1.7}.news-page .card .title-card>a{color:#000}.news-page .card .title-card>a:hover{color:#418fde}.news-page .card .date{color:#999;font-size:14px}.article-seo-img img{width:100%}.article-dynamic-content ul,.article-dynamic-content ol{padding-inline-start:1rem}.article-dynamic-content ul{list-style-type:disc}.article-dynamic-content ol{list-style-type:decimal}.article-dynamic-content h1{font-size:24px}.article-dynamic-content h2{font-size:22px}.article-dynamic-content h3{font-size:20px}.article-dynamic-content h4{font-size:18px}.article-dynamic-content h5{font-size:16px}.article-dynamic-content h6{font-size:16px}.list-contact-info li{position:relative;padding-left:2rem;line-height:1.75rem;color:#000}.list-contact-info li:not(:last-child){margin-bottom:.5rem}.list-contact-info li i{font-size:1.25rem;width:1.75rem;text-align:center;position:absolute;left:0;line-height:1.75rem;color:#418fde}.list-contact-info li>a{color:#000}.list-contact-info li>a:hover{color:#418fde}.location-page{background-color:#efefef}.location-page .location-card{background:#fff}.location-page .location-card h3,.location-page .location-card h4{color:#418fde}.location-page .location-card p{margin-bottom:0}.location-page .location-card p,.location-page .location-card .visit-link{color:#6c757d}.location-page .location-map-rwd{width:100%;overflow:hidden;padding-bottom:50%;position:relative;height:0;min-height:250px}.location-page .location-map-rwd iframe{position:absolute;left:0;top:0;height:100%;width:100%}@media all and (min-width: 992px){.location-page .location-map-rwd{padding-bottom:56.25%}}.list-faq .item{margin-bottom:1.5em}.list-faq .item h5{position:relative;border-bottom:2px solid #efefef;cursor:pointer;font-size:1rem;line-height:1.5;transition:all .5s}.list-faq .item h5.opened{border-color:#e2e2e2;color:#418fde}.list-faq .item .ans{border-radius:8px;display:none;padding:10px 20px}.list-faq .item .ans>*:last-child{margin-bottom:0}@media all and (min-width: 992px){.list-faq .item .ans{padding:20px 30px}}.list-faq .item h5{background-color:#f7f7f7;padding:.75rem 1.25rem;border-radius:0px}.friend-page{background:#f7f7f7}.friend-page .friend-card{background:#fff}.friend-page .friend-card,.friend-page .friend-card .box-img,.friend-page .friend-card .box-img::before,.friend-page .friend-card .box-img::after{transition:all .5s ease-in-out}.friend-page .friend-card .box-img{position:relative}.friend-page .friend-card .box-img::before{width:100%;height:100%;content:"";background-color:rgba(0,0,0,.5);opacity:0}.friend-page .friend-card .box-img::after{position:absolute;z-index:1;content:"VISIT";left:50%;top:50%;transform:translate(-50%, -100%);width:120px;height:40px;color:#fff;font-size:1rem;line-height:40px;text-align:center;border:1px solid #fff;opacity:0}.friend-page .friend-card:hover .box-img::before,.friend-page .friend-card:focus .box-img::before{opacity:1}.friend-page .friend-card:hover .box-img::after,.friend-page .friend-card:focus .box-img::after{transform:translate(-50%, -50%);opacity:1}.friend-page a.friend-card h3,.friend-page a.friend-card h4{color:#000}.friend-page a.friend-card p{margin-bottom:0}.friend-page a.friend-card p,.friend-page a.friend-card .visit-link{color:#6c757d}.friend-page a.friend-card h3,.friend-page a.friend-card h4,.friend-page a.friend-card .visit-link,.friend-page a.friend-card i{transition:all .5s ease-in-out}.friend-page a.friend-card:hover,.friend-page a.friend-card:focus{box-shadow:0 20px 25px rgba(40,47,60,.025),0 20px 25px rgba(40,47,60,.05)}.friend-page a.friend-card:hover .visit-link,.friend-page a.friend-card:focus .visit-link{color:#418fde}.friend-page a.friend-card:hover i,.friend-page a.friend-card:focus i{animation:action-icon-animation 1.5s infinite}@keyframes action-icon-animation{0%{transform:translateX(0)}50%{transform:translateX(25%)}100%{transform:translateX(0)}}.border h2{text-align:center;background:#eee;padding:10px}.border .sub{padding:5px;text-align:center;background:#eee;margin-top:.5em}.basic{font-size:60px;font-family:"Noto Sans","Noto Sans JP","Noto Sans TC","Arial",sans-serif}.basic .en{font-family:"Noto Sans","Noto Sans JP","Noto Sans TC",sans-serif}.colors>div{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:20px}.colors .main{background:#418fde}.colors .second{background:#65a5e4}.colors .black{background:#000}.colors .light{background:#f7f7f7}.colors .grey{background:#efefef}.colors .red{background:#e2455a}/*# sourceMappingURL=common.css.map */