/*----------------------------------------------------
** WEB COMBO / comboslider.css
** Ver.2.2.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
.cs_wrap{position:relative;z-index:1;margin:0 auto}.cs_inner{position:relative;z-index:1;margin:0 auto}.comboslider>*{cursor:pointer}.cs_wrap>.swipecover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:200;display:none;cursor:pointer;z-index:2}.comboslider-slide .swipe a{pointer-events:none}.cs_inner.swipe{touch-action:none}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cs_wrap .csloader,.cs_wrap .csloaderwrap{position:absolute;z-index:10;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.cs_wrap .csloader{background-color:#000;opacity:.25}.cs_wrap .csloaderwrap::before{position:absolute;z-index:20;content:"loading...";font-size:9px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.cs_wrap .csloader span.waiting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cs_wrap .csloader span.waiting span.container{width:60px;height:60px;display:block;overflow:hidden;border-radius:30px;position:relative;z-index:1;animation:loader 1s linear infinite;will-change:transform}.cs_wrap .csloader span.waiting span.container span{width:30px;height:30px;display:block;float:left}.cs_wrap .csloader span.waiting span.container span:nth-child(1){background:-webkit-linear-gradient(45deg,rgba(255,255,255,.75) 0,#fff 100%);background:linear-gradient(45deg,rgba(255,255,255,.75) 0,#fff 100%)}.cs_wrap .csloader span.waiting span.container span:nth-child(2){background:-webkit-linear-gradient(-45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.25) 100%);background:linear-gradient(135deg,rgba(255,255,255,0) 0,rgba(255,255,255,.25) 100%)}.cs_wrap .csloader span.waiting span.container span:nth-child(3){background:-webkit-linear-gradient(-45deg,rgba(255,255,255,.75) 0,rgba(255,255,255,.5) 100%);background:linear-gradient(135deg,rgba(255,255,255,.75) 0,rgba(255,255,255,.5) 100%)}.cs_wrap .csloader span.waiting span.container span:nth-child(4){background:-webkit-linear-gradient(45deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.25) 100%);background:linear-gradient(45deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.25) 100%)}.cs_wrap .csloader span.waiting span.container span:nth-child(5){width:56px;height:56px;display:block;border-radius:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000}.controlinner{position:relative;z-index:1}.cs_wrap .slidecontrol{height:0}.comboslider-slide{overflow:hidden}.comboslider-vertical{overflow:hidden;width:max-content}.comboslider-slide .cs_inner,.comboslider-vertical .cs_inner{overflow:hidden}.comboslider-slide .cs_inner.willchange,.comboslider-vertical .cs_inner.willchange{will-change:scroll-position}.comboslider-slide .comboslider::after,.comboslider-slide .comboslider::before,.comboslider-vertical .comboslider::after,.comboslider-vertical .comboslider::before{content:'';display:block}.comboslider-slide .comboslider{display:flex}.comboslider-vertical .comboslider{display:flex;flex-direction:column}.comboslider-slide .comboslider .cs_item,.comboslider-vertical .comboslider .cs_item{flex-shrink:0}.comboslider-fade .comboslider,.comboslider-fade-zoom .comboslider,.comboslider-mask .comboslider{display:block;margin:0 auto;position:relative;overflow:hidden;z-index:1}.comboslider-fade .comboslider .cs_item,.comboslider-fade-zoom .comboslider .cs_item,.comboslider-mask .comboslider .mask_item{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}.comboslider-fade .comboslider .cs_item.willchange,.comboslider-fade-zoom .comboslider .cs_item.willchange{will-change:opacity}.comboslider-fade .comboslider .cs_item img.cscontents,.comboslider-fade .comboslider .cs_item video,.comboslider-fade-zoom .comboslider .cs_item img.cscontents,.comboslider-fade-zoom .comboslider .cs_item video,.comboslider-mask .comboslider .cs_item img.cscontents,.comboslider-mask .comboslider .cs_item video{width:100%!important;height:100%!important}.comboslider-mask .comboslider .mask_wrap{position:absolute;overflow:hidden;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:0;border-radius:0;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:contain;mask-size:contain}.comboslider-mask .comboslider .after{-webkit-mask-image:none!important;mask-image:none!important;z-index:2}.comboslider-mask .comboslider .mask_wrap.active,.comboslider-mask .comboslider .mask_wrap.removeactive,.comboslider-mask .comboslider .mask_wrap.slideactive{opacity:1}.comboslider-mask .comboslider .mask_wrap.removeactive{z-index:3}.comboslider-mask .comboslider .mask_wrap.active{z-index:5}.comboslider-mask .comboslider .mask_wrap.active,.comboslider-mask .comboslider .mask_wrap.removeactive{-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M27.363%206.56l-7.365-4.253c-1.371-0.79-2.493-0.142-2.493%201.441v2.515l6.027%203.479c0.91%200.525%201.653%201.813%201.653%202.864v6.787c0%201.050-0.743%202.338-1.653%202.864l-1.355%200.782-0.001-9.166c0-0.791-0.56-1.764-1.247-2.16l-3.681-2.126c-0.686-0.396-1.808-0.396-2.494%200l-3.682%202.126c-0.686%200.396-1.247%201.369-1.247%202.16v9.166l-1.356-0.783c-0.909-0.525-1.653-1.813-1.653-2.864v-6.787c0-1.050%200.745-2.338%201.653-2.864l6.027-3.479v-2.514c0-1.584-1.122-2.231-2.493-1.441l-7.364%204.253c-1.372%200.793-2.494%202.736-2.494%204.32v10.24c0%201.584%201.122%203.529%202.494%204.32l7.364%204.252c1.371%200.791%202.494%200.144%202.494-1.44v-13.12l1.504-0.868%201.504%200.868v13.12c0%201.583%201.123%202.231%202.495%201.44l7.363-4.252c1.372-0.791%202.495-2.735%202.495-4.32v-10.24c0-1.584-1.123-3.527-2.495-4.32z%22%20%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M27.363%206.56l-7.365-4.253c-1.371-0.79-2.493-0.142-2.493%201.441v2.515l6.027%203.479c0.91%200.525%201.653%201.813%201.653%202.864v6.787c0%201.050-0.743%202.338-1.653%202.864l-1.355%200.782-0.001-9.166c0-0.791-0.56-1.764-1.247-2.16l-3.681-2.126c-0.686-0.396-1.808-0.396-2.494%200l-3.682%202.126c-0.686%200.396-1.247%201.369-1.247%202.16v9.166l-1.356-0.783c-0.909-0.525-1.653-1.813-1.653-2.864v-6.787c0-1.050%200.745-2.338%201.653-2.864l6.027-3.479v-2.514c0-1.584-1.122-2.231-2.493-1.441l-7.364%204.253c-1.372%200.793-2.494%202.736-2.494%204.32v10.24c0%201.584%201.122%203.529%202.494%204.32l7.364%204.252c1.371%200.791%202.494%200.144%202.494-1.44v-13.12l1.504-0.868%201.504%200.868v13.12c0%201.583%201.123%202.231%202.495%201.44l7.363-4.252c1.372-0.791%202.495-2.735%202.495-4.32v-10.24c0-1.584-1.123-3.527-2.495-4.32z%22%20%2F%3E%3C%2Fsvg%3E');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%}.comboslider-mask .comboslider.nonemask .active,.comboslider-mask .comboslider.nonemask .removeactive{-webkit-mask-image:none;mask-image:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;border-radius:50%}.comboslider-slide-3d .cs_inner,.comboslider-vertical-3d .cs_inner{position:relative;z-index:1}.comboslider-slide-3d .cs_inner .cs_item,.comboslider-vertical-3d .cs_inner .cs_item{position:absolute;z-index:1;opacity:0}.comboslider-slide-3d .cs_inner .next3d,.comboslider-slide-3d .cs_inner .prev3d,.comboslider-slide-3d .cs_inner .slideactive,.comboslider-vertical-3d .cs_inner .next3d,.comboslider-vertical-3d .cs_inner .prev3d,.comboslider-vertical-3d .cs_inner .slideactive{z-index:2}.comboslider-slide-3d .cs_inner .moveactive,.comboslider-slide-3d .cs_inner .slideactive,.comboslider-vertical-3d .cs_inner .moveactive,.comboslider-vertical-3d .cs_inner .slideactive{opacity:1}.pager_wrap{text-align:center;margin:0 auto}.pager_wrap:not(.timebar){overflow:hidden}.pager_wrap.gradation:not(.timebar):not(.dots){-webkit-mask-image:linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 140px),transparent calc(100% - 60px));mask-image:linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 140px),transparent calc(100% - 60px))}.pager_inner>div>span{cursor:pointer}.pager-dots{padding:12px 0}.pager-dots>.pager_inner{display:flex;justify-content:center;margin:0 auto}.pager-dots>.pager_inner>div{height:6px;flex-shrink:0}.pager-dots>.pager_inner>div.prev,.pager-dots>.pager_inner>div.prevall,.pager-dots>.pager_inner>div.slideactive,.pager-dots>.pager_inner>div.slideactive~div,.pager-dots>.pager_inner>div:nth-last-child(-n+5)+div{margin:0 2px}.pager-dots>.pager_inner>div>span{display:block;background-color:rgba(0,0,0,.2);width:0;height:0;border-radius:50%;position:relative;z-index:1;top:50%;transform:translateY(-50%)}.pager-dots>.pager_inner>div.prev>span,.pager-dots>.pager_inner>div.slideactive+div+div~div>span{width:4px;height:4px}.pager-dots>.pager_inner>div.prevall>span,.pager-dots>.pager_inner>div.slideactive+div+div+div~div>span{width:2px;height:2px}.pager-dots>.pager_inner>div.slideactive+div+div+div+div~div{margin:0}.pager-dots>.pager_inner>div.slideactive+div+div+div+div~div>span{width:0;height:0}.pager-dots>.pager_inner>div:nth-last-child(-n+5)+div>span{width:4px;height:4px}.pager-dots>.pager_inner>div:nth-last-child(-n+4)+div>span{width:6px;height:6px}.pager-dots>.pager_inner>.slideactive+div>span{width:6px!important;height:6px!important}.pager-dots>.pager_inner>.slideactive+div+div>span{width:6px;height:6px}.pager-dots>.pager_inner>.slideactive>span{background-color:rgba(0,0,0,.5);width:6px!important;height:6px!important}.pager-timebar{margin:0 -1px}.pager-timebar .pager_inner{display:flex;padding:2px 0;box-sizing:border-box}.pager-timebar .pager_inner>*{width:calc(100% - 1px);margin:0 1px;height:3px;position:relative;z-index:1;background-color:rgba(0,0,0,.2)}.pager-timebar .pager_inner span{display:block;width:0;height:3px;background-color:rgba(0,0,0,.5)}.pager-timebar .pager_inner .slideactive span{width:100%}@keyframes numberactive{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}.pager-number{padding:10px 0}.pager-number .pager_inner{display:table;margin:0 auto}.pager-number .pager_inner>*{display:table-cell;width:34px;padding:0 2px}.pager-number .pager_inner span{font-family:Number;display:block;width:30px;height:30px;line-height:30px;border-radius:50%;background-color:rgba(0,0,0,.2);font-size:14px;color:#333;animation-duration:.6s;animation-fill-mode:both}.pager-number .slideactive span{background-color:rgba(0,0,0,.5);animation-name:numberactive;will-change:transform}.pager-thumbnail{padding:5px 0}.pager-thumbnail.willchange{will-change:scroll-position}.pager-thumbnail .pager_inner{display:flex;margin:0 auto}.pager-thumbnail .pager_inner::after,.pager-thumbnail .pager_inner::before{content:'';display:block}.pager-thumbnail .pager_inner>div{flex-shrink:0}.pager-thumbnail .pager_inner>div span{display:block;opacity:.5;background-repeat:no-repeat;background-position:center center;background-size:cover}.pager-thumbnail .pager_inner .slideactive span{opacity:1}.pager-thumbnail div span img{object-fit:cover}.arrowwrap{position:absolute;z-index:2;top:0}.arrowwrap.horizontally{width:100%}.arrowwrap .comboslider-arrow{position:absolute;z-index:5;display:inline-block;opacity:0;border-radius:50%}.cs_inner:hover+.controlwrap .comboslider-arrow{opacity:.5}.comboslider-arrow:hover,.touch .comboslider-arrow{opacity:1}.arrowwrap.horizontally .comboslider-arrow{transform:translate(0,-50%)}.arrowwrap.vertical .comboslider-arrow{transform:translate(-50%,0)}.arrowwrap.horizontally .comboslider-prev{left:5px}.arrowwrap.horizontally .comboslider-next{right:5px}.arrowwrap.vertical .comboslider-prev{top:5px}.arrowwrap.vertical .comboslider-next{bottom:5px}.cs_inner:hover+.controlwrap .horizontally .comboslider-prev,.horizontally .comboslider-prev:hover{left:10px}.cs_inner:hover+.controlwrap .horizontally .comboslider-next,.horizontally .comboslider-next:hover{right:10px}.cs_inner:hover+.controlwrap .vertical .comboslider-prev,.vertical .comboslider-prev:hover{top:10px}.cs_inner:hover+.controlwrap .vertical .comboslider-next,.vertical .comboslider-next:hover{bottom:10px}.arrowwrap .comboslider-arrow div{position:relative;z-index:1;min-width:30px;max-width:100px;padding:100% 0 0 0;cursor:pointer;border-radius:50%;background-color:rgba(0,0,0,.25)}.arrowwrap .comboslider-arrow div::before{position:absolute;content:"";display:block;top:2px;right:2px;bottom:2px;left:2px;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:50%}.comboslider-prev div::before{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.999%2032.001c8.836%200.001%2016-7.164%2016-16s-7.164-16-16-16-16.001%207.164-16%2016c-0.001%208.836%207.164%2016.001%2016%2016zM17.728%206.573c0.313-0.313%200.722-0.468%201.132-0.468s0.818%200.156%201.132%200.469c0.624%200.624%200.624%201.636%200%202.261l-7.165%207.166%207.165%207.167c0.624%200.624%200.624%201.636%200%202.26-0.626%200.626-1.637%200.626-2.262%200.001l-9.428-9.428%209.427-9.428z%22%20%2F%3E%3C%2Fsvg%3E')}.comboslider-next div::before{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.001-0.001c-8.836-0.001-16%207.164-16%2016s7.164%2016%2016%2016%2016.001-7.164%2016-16c0.001-8.836-7.164-16.001-16-16zM14.272%2025.427c-0.313%200.313-0.722%200.468-1.132%200.468s-0.818-0.156-1.132-0.469c-0.624-0.624-0.624-1.636%200-2.261l7.165-7.166-7.164-7.167c-0.624-0.624-0.624-1.636%200-2.26%200.626-0.626%201.637-0.626%202.262-0.001l9.428%209.428-9.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E')}.vertical .comboslider-prev div::before{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22xMinYMid%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2015.998c-0.001%208.836%207.164%2016%2016%2016s16-7.164%2016-16-7.164-16.001-16-16c-8.836-0.001-16.001%207.164-16%2016zM25.428%2017.727c0.313%200.313%200.468%200.722%200.468%201.132s-0.156%200.818-0.469%201.132c-0.624%200.624-1.636%200.624-2.261%200l-7.166-7.166-7.167%207.165c-0.624%200.624-1.636%200.624-2.26%200-0.626-0.626-0.626-1.637-0.001-2.262l9.428-9.428%209.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E')}.vertical .comboslider-next div::before{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22xMinYMid%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M32%2016c0.001-8.836-7.164-16-16-16s-16%207.164-16%2016%207.164%2016.001%2016%2016c8.836%200.001%2016.001-7.164%2016-16zM6.572%2014.271c-0.313-0.313-0.468-0.722-0.468-1.132s0.156-0.818%200.469-1.132c0.624-0.624%201.636-0.624%202.261%200l7.166%207.166%207.167-7.165c0.624-0.624%201.636-0.624%202.26%200%200.626%200.626%200.626%201.637%200.001%202.262l-9.428%209.428-9.428-9.428z%22%20%2F%3E%3C%2Fsvg%3E')}.arrowwrap .comboslider-arrow div span{display:none}.slidecountview{font-family:Number;position:absolute;z-index:4;display:flex;justify-content:space-around;border-radius:12px;line-height:24px;height:24px;background-color:rgba(0,0,0,.25);color:#fff;font-size:12px;right:5px;top:50%;transform:translate(0,-50%)}.slidecountview span{color:inherit;display:inline-block;font-size:12px;text-align:center;line-height:24px;padding:0 .1em;box-sizing:border-box}.slidecountview span.activenum{margin-left:.5em;min-width:1em}.slidecountview span.totalnum{margin-right:.5em;min-width:1em}.slidecountview.timebartype{top:-20px}.slidercontrolwrap{position:absolute;overflow:hidden;width:70px;padding:3px 0 3px 5px;z-index:3;top:50%;transform:translate(0,-50%)}.slidercontrolwrap.timebartype{top:-20px}.slidercontrolwrap div{width:24px;height:24px;cursor:pointer;border-radius:12px;background-color:rgba(0,0,0,.25);float:left;margin:0 5px 0 0;position:relative;z-index:1}.slidercontrolwrap div::before{position:absolute;content:"";display:block;top:2px;right:2px;bottom:2px;left:2px;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:50%}.slidercontrolwrap div.comboslider-play::before{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16%200c-8.836%200-16%207.164-16%2016s7.164%2016%2016%2016%2016-7.164%2016-16-7.164-16-16-16zM12.509%2022.045v-12.090l10.473%206.045-10.473%206.045z%22%20%2F%3E%3C%2Fsvg%3E')}.slidercontrolwrap div.comboslider-pause::before{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16%200c-8.836%200-16%207.164-16%2016s7.164%2016%2016%2016%2016-7.164%2016-16-7.164-16-16-16zM14.4%2020.8c0%200.883-0.716%201.6-1.6%201.6s-1.6-0.717-1.6-1.6v-9.6c0-0.883%200.716-1.6%201.6-1.6s1.6%200.717%201.6%201.6v9.6zM20.8%2020.8c0%200.883-0.716%201.6-1.6%201.6s-1.6-0.717-1.6-1.6v-9.6c0-0.883%200.716-1.6%201.6-1.6s1.6%200.717%201.6%201.6v9.6z%22%20%2F%3E%3C%2Fsvg%3E')}.slidercontrolwrap div.active::before{background-color:rgba(0,0,0,.5)}.slidercontrolwrap div span{display:none}