body { position: relative }
#doc.show {
    transition-delay: 0.2s;
    opacity: 1;
}
#header { width:100%;background-color: #ed2938;text-align: center;height: 50px; }
/*
#header .logo { position: absolute;left: 10px;top: 11px;width: 52px;height: 28px;text-indent: -99999px;display: inline-block;background: url(data:image/png;base64,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) no-repeat 50%/100% auto;}*/
#header .logo { position: absolute;left: 10px;top: 11px;width: 52px;height: 28px;text-indent: -99999px;display: inline-block;background:url('../images/logo_w.png') no-repeat 50%/100% auto;}
#navbar { position:absolute;right:10px }
#search-box { display:block; background-color:#fff }

#menuToggle
{
  display: block;
  position: absolute;
  top: 13px;
  right: 20px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: fixed;
  width: 180px;
  min-height: calc(100vh - 90px);
  margin: -50px 0 0 60px;
  padding: 50px;
  padding-top: 125px;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: -100% 0%;
  
  transform: none;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: translate(-100%, 0);
}





.msec-01 .tab-slide{position:relative;}
/*.msec-01 .tab-slide{overflow:visible !important}*/
.msec-01 .tab-slide ul{overflow:visible}
.msec-01 .tab-slide ul:after{display:block; content:"";clear:both;}
.msec-01 .tab-slide li{float:left;margin-left:3vw;}
.msec-01 .tab-slide li:first-child{margin-left:0;}
.msec-01 .tab-slide li a{display:block; line-height:9vw; padding:0 1vw; color:#464646;font-size:3vw; letter-spacing:-0.03em; position:relative; }
.msec-01 .tab-slide li.active a{font-weight:500;}
/*.msec-01 .tab-slide li.active a:before{width:100%; height:1px; background:#464646; position:absolute; left:0; top:0; display:block; content:""}*/

.msec-01 .tab-slide{position:relative;}
.msec-01 .tab-slide:before{z-index:912;position:absolute; left:-2vw; top:1px; height:100%; background:url(../images/main/tabslide-bg01.png) repeat-y left 0;display:block;content:""; width:4vw; background-size:100% auto;}
.msec-01 .tab-slide:after{z-index:912;position:absolute; right:-2vw; top:1px; height:100%; background:url(../images/main/tabslide-bg02.png) repeat-y right 0;display:block;content:""; width:4vw; background-size:100% auto;}
/*.msec-01 .tab-slide{overflow:visible !important}*/
.msec-01 .tab-slide .pro-thumnail{overflow:visible}
.msec-01 .tab-slide .pro-thumnail:after{display:block; content:"";clear:both;}
.msec-01 .tab-slide .owl-stage{}
.msec-01 .tab-slide .owl-stage:after{display:block; content:"";clear:both;}
.msec-01 .tab-slide .owl-item{}
.msec-01 .tab-slide .item{margin-left:3vw;}
.msec-01 .tab-slide .item:first-child{margin-left:0;}
.msec-01 .tab-slide .item a{display:block; line-height:9vw; padding:0 2vw; color:#464646;font-size:3vw; letter-spacing:-0.03em; position:relative; }
.msec-01 .tab-slide .item.active a{font-weight:500;}
.msec-01 .tab-slide .item.active a:after{width:100%; height:1px; background:#9a3029; position:absolute; left:0; bottom:0; display:block; content:""}

.msec-01 .tab-slide .disabled{display:none}

.msec-01 .ov{position:relative; overflow:visible}
.msec-01 .pro-con{width:100%; position:absolute; left:-99999em; top:0;}
.msec-01 .pro-con.show{left:auto; width:auto; position:relative; top:auto;}
.msec-01 .pro-slide{margin:1vw 3vw 0 3vw;overflow:visible !important; position:relative; }
.msec-01 .pro-slide .owl-stage:after{display:block; content:"";clear:both;}
/* .msec-01 .pro-slide li{float:left;margin-left:3vw;}
.msec-01 .pro-slide li:first-child{margin-left:0;} */
.msec-01 .pro-slide .item a{display:block; position:relative;}
.msec-01 .pro-slide .item a:after{background:rgba(119,119,119,0.7); position:absolute; left:0; top:0; width:100%; display:block; content:""; height:100%; opacity:1; -webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-01 .pro-slide .owl-item.active a:after{opacity:0}
.msec-01 .pro-slide .item .img img{width:100%;}
.msec-01 .pro-slide .item .txt{z-index:923;position:absolute; left:0; top:0; text-align:left;width:100%;height:100%; box-sizing:border-box; padding:5vw; opacity:0; -webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-01 .pro-slide .owl-item.active .txt{opacity:1;}
.msec-01 .pro-slide .item .btxt{color:#fff; font-size:5vw; line-height:1.2em; font-weight:500;}
.msec-01 .pro-slide .item .stxt{margin-top:3vw;color:#fff; font-size:3.5vw; line-height:1.2em; margin-bottom:3vw;}
.msec-01 .pro-slide .item .ctxt{color:#fff; font-size:2.6vw; line-height:1.2em; border:1px solid #fff; padding:1.5vw 3vw; display:inline-block;vertical-align:top; border-radius:5vw}
.msec-01 .pro-slide .item a:hover .ctxt{/* background:#fff; color:#414141; */}
.msec-01 .pro-slide .disabled{display:none;}



.group-title { clear:both;padding : 10px 0px }

.group-item-type-1 .item img { display:none }
.group-item-type-1 .item .txt p { display:inline-block }

.group-item-type-2 .item { float:left; width:48% }
.group-item-type-2 .item img { width:100% }
.group-item-type-2 .item .txt { text-align:center }
.group-item-type-2 .item .txt p { display:inline-block }
.group-item-type-2 .item .txt p:last-child { display:block }
.group-item-type-2 .item:nth-child(even) { float:right; width:48% }