@charset "utf-8";
											.IPopularityWatchHeaderA{		 } .IPopularityWatchHeaderA>.outBox{ padding:0 0 0 0; } @media screen and (max-width:768px){ .IPopularityWatchHeaderA{		 } .IPopularityWatchHeaderA>.outBox{ } }												 .IPopularityWatchHeaderA{		 PPADDINGA;		 width:100%;		 text-align:center;		 background-color:#222;		 position:relative;		 }		 		 .IPopularityWatchHeaderA .vAlign{		 display:inline-block;		 vertical-align:middle;		 width:0;		 height:100%;		 }		 		 .IPopularityWatchHeaderA .imgA{ background-size:cover; background-position:center;		 background-repeat:no-repeat;		 }		 		 .IPopularityWatchHeaderA .imgB{ background-size:contain; background-position:center;		 background-repeat:no-repeat;		 }		 		 .IPopularityWatchHeaderA .outBox{		 width:100%;		 max-width:1600px;		 position:relative;		 text-align:center;		 }		 		 .IPopularityWatchHeaderA .bgBox{		 position:absolute;		 left:0;		 top:0;		 width:100%;		 height:100%;		 -webkit-filter: grayscale(0%) brightness(50%) contrast(100%); filter: grayscale(0%) brightness(50%) contrast(100%);		 background-image:url(/tw/images/watch_ranking/bg_0_a.jpg?20180705);		 }		 		 .IPopularityWatchHeaderA .infoBox{		 wdith:100%;		 max-width:1460px;		 margin:0 auto;		 position:relative;		 }		 		 .IPopularityWatchHeaderA .title{		 padding:50px 0; font-size: 34px; color: #FFF;		 }		 		 .IPopularityWatchHeaderA .slogan{ font-size: 14px; color: #ddd; padding: 0 0 20px 0;		 }		 		 .IPopularityWatchHeaderA .socialBox{		 padding: 0 0 20px 0;		 }		 		 .IPopularityWatchHeaderA .bBox{		 width:100%;		 position:relative;		 }		 		 .IPopularityWatchHeaderA .ui{		 width:100%;		 max-width:1460px;		 margin:0 auto;		 border-top:1px rgba(255,255,255,0.5) solid;		 position:relative;		 }		 		 .IPopularityWatchHeaderA .row{		 display:inline-block;		 vertical-align:middle;		 height:100%;		 }		 		 .IPopularityWatchHeaderA .period{		 padding: 22px 0; color: #DDD; font-size: 12px;		 }		 		 .IPopularityWatchHeaderA .btn{		 margin:20px 0;		 position:absolute;		 top:0;		 height:auto;		 }		 		 .IPopularityWatchHeaderA .btnPrev{		 left:0;		 }		 		 .IPopularityWatchHeaderA .btnNext{		 right:0;		 }		 		 .IPopularityWatchHeaderA .name{		 display:inline-block;		 vertical-align:middle;		 color: #222;		 background-color:#FFF;		 border-radius:3px;		 padding:2px 5px;		 }		 		 .IPopularityWatchHeaderA .arrow{ display: inline-block; vertical-align: middle; width: 7px; height: 15px; background-image: url(/tw/images/common/arrow-6.svg); margin: 0 10px; } .IPopularityWatchHeaderA .arrowR{ transform: scaleX(-1); }		 		 @media screen and (max-width:1600px){		 .IPopularityWatchHeaderA .infoBox{ width:calc(100% - 70px); } .IPopularityWatchHeaderA .ui{ width:calc(100% - 70px); }		 }		 		 @media screen and (max-width:768px){		 .IPopularityWatchHeaderA .infoBox{ width:90vw; } .IPopularityWatchHeaderA .ui{ width:90vw; } 		 .IPopularityWatchHeaderA .bgBox{ background-image:url(/tw/images/watch_ranking/bg_0_b.jpg?20180705); } /* .IPopularityWatchHeaderA .spanA{ display:none; } */ .IPopularityWatchHeaderA .title{ padding:9VW 0; font-size: 8.21VW; } .IPopularityWatchHeaderA .slogan{ font-size: 3.6vw; padding: 0 0 4vw 0; } .IPopularityWatchHeaderA .socialBox{ padding: 0 0 4vw 0; } .IPopularityWatchHeaderA .period{ font-size: 3vw; padding: 5.31vw 0; visibility:hidden; } .IPopularityWatchHeaderA .btn{ margin: 3vw -2.5vw; } .IPopularityWatchHeaderA .name{ font-size: 3.86vw; padding:0.483vw 1.21vw; } .IPopularityWatchHeaderA .arrow{ width: 1.5vw; height: 3.62vw; margin: 0 2.5vw; }		 }