/*----------------------------------------------------
** WEB COMBO / swipemenu.css
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------*/
[swipemenu]{text-align:center}[swipemenu]>div.swipebtncontainer{width:max-content;max-width:100%;margin:0 auto;border-radius:.5em}.over[swipemenu]>div.swipebtncontainer{border-radius:0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.over[swipemenu]>div.swipebtncontainer::-webkit-scrollbar{display:none}[swipemenu]>div.swipebtncontainer>div.swipebtninner{position:relative;z-index:1;padding:.25em 0;display:flex;white-space:nowrap;width:max-content}.over[swipemenu]>div.swipebtncontainer>div.swipebtninner{padding:.25em .125em}[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{cursor:pointer;padding:0 1em;margin:0 .25em;white-space:nowrap;position:relative;z-index:2;background-color:rgba(255,255,255,0);color:#000}[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn.swipeactive{font-weight:700}.type_01[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{background-color:rgba(255,255,255,0);color:#000}[swipemenu]>div.swipebtncontainer>div.swipebtninner span.swipebtnbg{position:absolute;z-index:1;border-radius:5px;transition:all .3s ease}.type_01[swipemenu]>div.swipebtncontainer>div.swipebtninner span.swipebtnbg{border-radius:5px;background-color:#fff}.swipemenuwrap .swipemenuviewarea{overflow:hidden;position:relative;z-index:1}.swipemenuwrap .swipemenu{position:absolute;z-index:1;width:100%;transform:translate3d(-100%,0,0)}.swipemenuwrap .swipemenu.swipeactive{transform:translate3d(0,0,0)}.swipemenuwrap .swipemenu.swipeactive~.swipemenu{transform:translate3d(100%,0,0)}@media screen and (max-width:767px){.over[swipemenu]>div.swipebtncontainer::-webkit-scrollbar{-webkit-appearance:none}[swipemenu]>div.swipebtncontainer>div.swipebtninner,[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{font-size:12px}[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{line-height:32px}[swipemenu]>div.swipebtncontainer>div.swipebtninner span.swipebtnbg{height:32px}}@media screen and (min-width:768px) and (max-width:1099px){[swipemenu]>div.swipebtncontainer>div.swipebtninner,[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{font-size:12px}[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{line-height:32px}[swipemenu]>div.swipebtncontainer>div.swipebtninner span.swipebtnbg{height:32px}}@media screen and (min-width:1100px){[swipemenu]>div.swipebtncontainer>div.swipebtninner,[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{font-size:14px}[swipemenu]>div.swipebtncontainer>div.swipebtninner .swipemenubtn{line-height:36px}[swipemenu]>div.swipebtncontainer>div.swipebtninner span.swipebtnbg{height:36px}}