.type_pc #category_video{max-width:75pc;overflow:hidden;margin:0 auto;line-height:0;display:inline-block;margin-left:calc(4% - 20px)}
.type_pc #category_video a div p{font-size:1pc;font-weight:300;display:inline-block;background:url(img/icon_play.png)no-repeat right center;padding-right:20px;background-size:14px 14px;padding-bottom:2px}
#category_video a{position:relative;display:block;margin-top:5px;background:#000}
.type_pc .videosContainer div.videosTextContainerSet>span{display:block;margin:0 40px;font-size:18px;opacity:1;position:relative;top:-10px}
.type_pc .videosContainer:hover div.videosTextContainerSet>span{-webkit-transition:all .3s .1s ease;-moz-transition:all .3s .1s ease;-o-transition:all .3s .1s ease;transition:all .3s .1s ease;opacity:1;top:0}
.type_pc .rad{-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px}
.type_pc .readmore{border:1px solid #157efb;padding:10px 0;width:210px;text-decoration:none;color:#157efb;display:inline-block;font-weight:300}
.type_pc .readmore_container{text-align:center;font-size:1pc;margin-top:25px;margin-bottom:35px;position:relative}
.type_pc .playbtn span{border:1px solid #157efb;padding:2px 0;width:90px;text-decoration:none;color:#157efb;display:inline-block;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px}
.type_pc .product_container{width:580px;float:left;height:450px;position:relative}
@media screen and (max-width:1280px){.type_pc .product_container{float:none!important;margin-left:auto!important;margin-right:auto!important}
.type_pc #user_video{width:790px;margin:0 auto}
}
.type_pc .vContainer{float:left;max-width:35pc}
.type_pc .vImageContainer{background:#000;font-size:0;cursor:pointer}
.type_pc .vImageContainer img{opacity:1;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;top:-51px}
.type_pc .vTextContainerSet{font-size:21px;font-weight:300;text-align:center;margin-top:42px}
.type_pc .product_container .dot{text-align:center;width:35pc}
.type_pc .tag{line-height:50px;font-size:22.5px;width:50px;height:50px;text-align:center;background:#fff;position:absolute;top:290px;left:255px;z-index:2;-webkit-border-top-left-radius:25px;-webkit-border-top-right-radius:25px;-webkit-border-bottom-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-topleft:25px;-moz-border-radius-topright:25px;-moz-border-radius-bottomright:25px;-moz-border-radius-bottomleft:25px;border-radius-topleft:25px;border-radius-topright:25px;border-radius-bottomright:25px;border-radius-bottomleft:25px;box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);font-weight:300}
.type_pc .left_arrow{left:15px}
.type_pc .left_arrow,.type_pc .right_arrow{position:absolute;top:140px;z-index:2;width:36px;height:36px;cursor:pointer}
.type_pc .right_arrow{right:35px}
.type_pc .left_arrow  img,.type_pc .right_arrow  img{position:absolute;top:0;left:0}
.type_pc .left_arrow .on,.type_pc .right_arrow .on{opacity:0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.type_pc .left_arrow:hover .on,.type_pc .right_arrow:hover .on{opacity:1}
.type_pc #contents_container{padding-left:30px;overflow:hidden}
.type_pc #main_container{margin:0 auto;background:#f7f7f7}
.type_pc #main_container h1{font-size:36px;line-height:150px;text-align:center;font-weight:300;padding-top:20px}
.type_pc #main_container .readmore_container img{position:absolute;top:33px;left:50%;margin-left:-10px}
.type_pc #main_container h2{border-top:1px solid #fff;padding-top:20px;margin-top:30px}
.type_pc #main_container h1,.type_pc #main_container h2{font-size:36px;line-height:150px;text-align:center;font-weight:300}
.type_pc #main_container,.type_pc #main_container div,.type_pc #main_container h1,.type_pc #main_container h2,.type_pc #main_container h3,.type_pc #main_container h4,.type_pc #main_container h5,.type_pc #main_container p,.type_sp #main_container{font-family:Roboto,sans-serif!important}
#main_container{opacity:0}
.type_pc #main_container,.type_sp #main_container{opacity:1}
.type_pc #user_video{overflow:hidden;padding-left:15px}
.type_pc .videosContainer{cursor:pointer;width:370px;float:left;position:relative;margin-left:15px;margin-bottom:15px;overflow:hidden;background:#000;font-size:0}
.type_pc .videosContainer img{opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.type_pc .videosContainer:hover img{opacity:.6;transform:scale(1.1,1.1)}
.type_pc .videosTextContainerSet{position:absolute;font-weight:300;width:100%;top:50%;color:#fff;font-size:21px;text-align:center;margin-top:-40px;line-height:24px;opacity:0;-webkit-transition:all .3s .1s ease;-moz-transition:all .3s .1s ease;-o-transition:all .3s .1s ease;transition:all .3s .1s ease}
.type_pc .videosContainer:hover .videosTextContainerSet{opacity:1}
.type_pc .videosContainer div.videosTextContainerSet>span{-webkit-transition:all .3s .1s ease;-moz-transition:all .3s .1s ease;-o-transition:all .3s .1s ease;transition:all .3s .1s ease;display:block;margin:0 40px;font-size:18px;opacity:1;position:relative;top:-10px}
.type_pc .videosContainer:hover div.videosTextContainerSet>span{opacity:1;top:0}
.type_pc .videosContainer .videosImageContainer{height:100%;overflow:hidden}
.type_pc .videosContainer .videosImageContainer img{position:relative}
.type_pc .videosContainer:hover .playbtn span{background:#157efb;color:#fff;-webkit-transition:all .3s .1s linear;-moz-transition:all .3s .1s linear;-o-transition:all .3s .1s linear;transition:all .3s .1s linear}
.type_pc .videosContainer .playbtn{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;margin-top:10px;width:100%;color:#157efb;font-size:14px;text-align:center}
.type_pc .rad{border-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px;-webkit-border-radius:20px}
.type_pc .readmore,.type_sp .readmore{border:1px solid #157efb;padding:10px 0;font-weight:300}
.type_pc .readmore{width:210px;text-decoration:none;color:#157efb;display:inline-block}
.type_pc .playbtn span,.type_sp .readmore{width:90pt;color:#157efb;display:inline-block;text-decoration:none}
.type_pc .readmore_container{text-align:center;font-size:1pc;margin-top:25px;margin-bottom:63px;position:relative}
.type_pc .playbtn span{border:1px solid #157efb;padding:2px 0;border-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px;-webkit-border-radius:20px}
.type_pc .product_container{width:35pc;float:left;height:450px;position:relative;margin-left:10px;margin-right:10px}
.type_pc .product_container .area_container img{width:35pc}
.type_pc .vContainer{float:left;max-width:35pc;cursor:pointer}
.type_pc .vImageContainer{background:#000;font-size:0;cursor:pointer;height:315px;overflow:hidden}
.type_pc .vImageContainer img{opacity:1;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:relative}
.type_pc .vImageContainer:hover img{opacity:.6}
.type_pc .product_container .area_container{position:absolute;top:0;left:0;height:390px}
.type_pc .product_container .area{width:35pc;overflow:hidden;position:relative;height:390px}
.type_pc .vTextContainerSet{font-size:21px;font-weight:300;text-align:center;margin-top:40px}
.type_pc .product_container .dot{text-align:center;width:100%}
.type_pc .product_container .dot img{cursor:pointer}
.type_pc .tag{line-height:50px;font-size:22.5px;width:50px;text-align:center;background:#fff;position:absolute;bottom:55px;left:50%;margin-left:-25px;z-index:2;border-radius:25px;-moz-border-radius-topleft:25px;-moz-border-radius-topright:25px;-moz-border-radius-bottomright:25px;-moz-border-radius-bottomleft:25px;border-radius-topleft:25px;border-radius-topright:25px;border-radius-bottomright:25px;border-radius-bottomleft:25px;box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);font-weight:300;-webkit-border-radius:25px}
.type_pc #main_container h1,.type_pc #main_container h2{font-size:36px;line-height:150px;font-weight:300;text-align:center}
.type_pc .left_arrow,.type_pc .right_arrow{top:140px;width:36px;height:36px;position:absolute;cursor:pointer;z-index:2}
.type_pc .left_arrow{left:15px}
.type_pc .right_arrow{right:15px}
.type_pc .left_arrow img,.type_pc .right_arrow img{position:absolute;top:0;left:0}
.type_pc .left_arrow .on,.type_pc .right_arrow .on{opacity:0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.type_pc .left_arrow:hover .on,.type_pc .right_arrow:hover .on{opacity:1}
.type_pc #contents_container{padding-left:20px;padding-right:20px;overflow:hidden;padding-bottom:40px}
.type_pc #main_container{max-width:75pc;margin:0 auto;background:#f7f7f7}
.type_pc #main_container .readmore_container img,.type_sp #main_container .readmore_container img{position:absolute;top:33px;left:50%;margin-left:-10px}
.type_pc #main_container h2{border-top:1px solid #fff;margin-top:30px}
.type_pc #mainArea .videoNavPage{padding:0 4px}
.type_pc #mainArea .videos_box_small h4{font-size:18px;color:#000;font-weight:400;margin-top:17px;line-height:20px}
.type_pc .ybox{background:rgba(0,0,0,.9);cursor:pointer;z-index:3}
.type_pc .ybox_close{position:fixed;top:0;right:0;z-index:1}
.type_pc .ybox,.type_pc .ybox_in{position:fixed;top:0;left:0;display:none}
.type_pc .ybox_in{width:854px;height:510px;overflow:hidden;background:#000}
.type_pc .sp,.type_sp .pc{display:none!important}
.type_sp #category_video a div p{font-size:9pt;font-weight:300;display:inline-block;background:url(../img/icon_play.png)no-repeat right center;padding-right:20px;background-size:11px 11px;padding-bottom:2px}
.type_sp .product_container{position:relative}
.type_sp .product_container .area{width:100%;overflow:hidden;height:230px;position:relative}
.type_sp .dot{font-size:0;padding-bottom:25px;margin-left:20px;margin-right:20px;text-align:center}
.type_sp .tag{line-height:40px;width:40px;background:#fff;right:20px;margin-top:-20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px;box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,.4)}
.type_sp .left_arrow,.type_sp .tag{text-align:center;position:absolute;top:150px;z-index:2}
.type_sp .left_arrow{left:20px;margin-top:-8px}
.type_sp .right_arrow{text-align:center;position:absolute;top:150px;right:20px;z-index:2;margin-top:-8px}
.type_sp h1{padding-top:40px}
.type_sp h1,.type_sp h2{font-size:24px;text-align:center;line-height:30px;margin-bottom:25px;font-weight:300}
.type_sp h2{margin-top:85px}
.type_sp .readmore{border:1px solid #157efb;padding:10px 0;width:90pt;text-decoration:none;color:#157efb;display:inline-block;font-weight:300;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px}
.type_sp .readmore_container{position:relative}
.type_sp #main_container .readmore_container img{position:absolute;top:33px;left:50%;margin-left:-10px}
.type_sp .readmore{border-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px;-webkit-border-radius:20px}
.type_sp #main_container{background:#f7f7f7}
.type_sp #main_container div,.type_sp #main_container h1,.type_sp #main_container h2,.type_sp #main_container h3,.type_sp #main_container h4,.type_sp #main_container h5,.type_sp #main_container p{font-family:Roboto,sans-serif!important;font-weight:300}
.type_sp #mainArea .video_nav_page{padding:0 6px}
.type_sp #mainArea .videos_box_small{text-align:center;display:block;margin-top:10px;height:58px;position:relative;overflow:hidden;border-bottom:1px dotted #e6e6e6;width:125pc}
.type_sp .ybox{background:rgba(0,0,0,.9);cursor:pointer;z-index:3}
.type_sp .ybox_close{position:fixed;top:0;right:0;z-index:1}
.type_sp .ybox,.type_sp .ybox_in{position:fixed;top:0;left:0;display:none}
.type_sp .ybox_in{overflow:hidden;background:#000}
.type_sp .product_container,.type_sp .product_container .area,.type_sp .readmore_container{position:relative}
.type_sp .videosTextContainerSet{line-height:20px;padding-top:15px;padding-bottom:15px;text-align:center;border-bottom:1px solid #d9d9d9;margin-bottom:15px;font-weight:300;background:#fff}
.type_sp .vContainer{float:left;height:230px}
.type_sp .vImageContainer,.type_sp .videosImageContainer{overflow:hidden}
.type_sp .vImageContainer img,.type_sp .videosImageContainer img{transform:scale(1.1);position:relative}
.type_sp .product_container .area{width:100%;overflow:hidden;height:230px}
.type_sp .product_container .area_container{position:absolute;top:0;left:0}
.type_sp .product_container .area_container .vTextContainerSet{line-height:60px;text-align:center;font-size:18px;color:#666;font-weight:300}
.type_sp .vImageContainer{text-align:center}
.type_sp .dot{font-size:0;padding-bottom:3pc;margin-left:20px;margin-right:20px;text-align:center}
.type_sp .tag{line-height:40px;width:40px;text-align:center;background:#fff;position:absolute;top:150px;right:20px;z-index:2;margin-top:-20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius-topleft:20px;border-radius-topright:20px;border-radius-bottomright:20px;border-radius-bottomleft:20px;box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-border-radius:20px}
.type_sp h1,.type_sp h2{line-height:30px;margin-bottom:25px}
.type_sp .left_arrow,.type_sp .right_arrow{position:absolute;top:150px;z-index:2;margin-top:-8px;text-align:center}
.type_sp .left_arrow{left:20px}
.type_sp .right_arrow{right:20px}
.type_sp h1{font-size:24px;text-align:center;padding-top:40px;font-weight:300}
.type_sp #user_video{margin-left:10px;margin-right:10px}
.type_sp .readmore_container{text-align:center;margin-top:25px;margin-bottom:25px}
.type_sp .readmore_container a{color:#157efb;font-size:14px;font-weight:500;text-decoration:none}
.type_sp h2{font-size:24px;text-align:center;margin-top:85px;font-weight:300}
.type_pc #category_video{max-width:75pc;overflow:hidden;margin:0 auto;line-height:0;display:inline-block;margin-left:calc(4% - 20px);padding-bottom:50px}
.type_pc #category_video a{float:left;width:48%;margin-bottom:20px;position:relative;background:#000}
.type_pc #category_video a:nth-child(2),.type_pc #category_video a:nth-child(4){float:left;width:48%;margin-bottom:20px;position:relative;margin-left:20px}
.type_pc #category_video a div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:2.1;color:#fff}
.type_pc #category_video a div h4{font-size:40px;font-weight:300;text-align:center;text-shadow: 0 1px 2px rgba(0,0,0,1);}
.type_pc #category_video a div p{font-size:1pc;font-weight:300;display:inline-block;background:url(../img/icon_play.png)no-repeat right center;padding-right:20px;background-size:14px 14px;padding-bottom:2px;text-shadow: 0 1px 2px rgba(0,0,0,1);}
.type_pc #category_video a *{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.type_pc #category_video a.current *,.type_pc #category_video a:hover *{opacity:.6}
.type_pc h1.cat_ttl{border-top:1px solid #fff}
.type_pc #category_video .current{cursor:default}
.type_sp #category_video{margin:0 auto;line-height:0;display:inline-block;width:100%;}
.type_sp #category_video a{position:relative;display:block;margin-top:5px}
.type_sp #category_video a div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:2.1;color:#fff}
.type_sp #category_video a div h4{font-size:28px;font-weight:300;text-align:center;text-shadow: 0 1px 2px rgba(0,0,0,1);}
.type_sp #category_video a div p{font-size:9pt;font-weight:300;display:inline-block;background:url(../img/icon_play.png)no-repeat right center;padding-right:20px;background-size:11px 11px;padding-bottom:2px;text-shadow: 0 1px 2px rgba(0,0,0,1);}
.type_sp h1.cat_ttl{border-top:1px solid #fff}