@charset "UTF-8";

/*------------------------------------
	Typograpy
------------------------------------*/


.ft-s1 {
    font-weight: bold;
    color: #FFF;
    text-shadow: 0 0 0.2em rgba(0,0,0,1);
    
}




.h7 {
  font-size: 0.75rem;
  line-height: 1.2;
}

.display-7 {
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 576px) {
  .h7-sm {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .h7-md {
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .h7-lg {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .h7-xl {
    font-size: 0.75rem;
  }
}

div,span,p {word-break: break-all ;}


.btn-primary-wow1 {
color:#000;
background-color: #f9f9f9;
border-color: #c0c0c0;
border-radius: 0.2rem;}

.btn-primary-wow1:hover {
color: #fb2e82;
background-color: #f9f9f9;
border-color: #c0c0c0; 
border-radius: 0.2rem;}

.btn-primary-wow2 {
color:#000;
background-color: #f9f9f9;
border-color: #000;
border-width: 3px;
font-weight:bold;}

.btn-primary-wow2:hover {
color: #fb2e82;
background-color: #f9f9f9;
border-color: #000; 
border-width: 3px;
font-weight:bold;}

.nav-link-sp{padding-right:20px; line-height:30px;}

/* NEW 3/2 */ 
.col-6-n {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 33.33333%; }
  
.insta {width:100%; margin:10px 0px;} 
.insta td {background:#FFFFFF; text-align:center; border-bottom:1px solid #DDDDDD;padding:5px; vertical-align:middle; font-size:0.875rem;}
.insta .menu{background:#000000; color:#ffffff; font-weight:bold;}

.listRowlink-guide{margin:0px; padding:0px;}
.listRowlink-guide ul{border-top:0px solid #e6e6e6;display: none;}
.listRowlink-guide li{border-bottom:0px solid #e6e6e6;background:#ffffff; padding:15px 0px 15px 0px;display: none;}
.listRowlink-guide .title{line-height:20px;font-size:18px; margin-bottom:5px; padding-left:5px; line-height:25px; font-weight:bold;color:#393939; border-left:5px solid #E45409; word-break:break-all;word-wrap:break-word;-moz-word-wrap:break-word;}
.listRowlink-guide .title:only-child{line-height:20px;}
.listRowlink-guide p{font-size:14px; line-height:20px; padding-left:10px; word-break:break-all;word-wrap:break-word;-moz-word-wrap:break-word;}
.listRowlink-guide a{text-decoration:underline; color:#266EB7;}
.guide-menu li{float:left;width:50%;text-align:center;background:#F4EEC6; padding:10px 0px;}

/*PCの場合*/
.ad_pc	{ display:inline!important; }
.ad_mb	{ display:none!important; }
@media screen and (max-width: 767px) {
/*タブレット、スマホの場合*/
.ad_pc	{ display:none!important; }
.ad_mb { display:inline!important; }
}
/*PCの時に表示*/
/*<img class="ad_pc">*/
/*スマホの時に表示*/
/*<img class="ad_mb">*/

.view-4 {margin:0px; padding:0px; width:100%;}
.view-4 ul{margin:0px 0px; padding:0px;}
.view-4 li{float:left; width:25%; text-align:center; overflow:hidden;}
.view-4 .image img{overflow:hidden; text-align:center; margin:0px 0px; width:95%;}
.view-4 .name{text-align:center; font-size: 0.75rem; height:20px; overflow:hidden; width:95%;}

.view-5 {margin:0px; padding:0px; width:100%;}
.view-5 ul{margin:0px 0px; padding:0px;}
.view-5 li{float:left; width:20%; text-align:center; overflow:hidden;}
.view-5 .image img{overflow:hidden; text-align:center; margin:0px 0px; width:95%;}
.view-5 .name{text-align:center; font-size: 0.75rem; height:20px; overflow:hidden; width:95%;}

/*basic*/
.floatl {float:left; text-align:left;}
.floatr {float:right; text-align:right;}
.alignc {text-align:center !important; padding:0 !important; font-size:0.875rem;}

/*image*/
.pic150{width:150px;}

/*width*/
.wh5{margin:5px; padding:5px;}
.wh10{margin:10px; padding:10px;}
.wh-t10{margin:10px 0px; padding:10px; 0px;}

/*profile*/
.pf-title{background:#f5f5fd; border-left:5px solid #c5c5ec; padding:7px 7px 1px 7px;}
.pf-title-rt{background:#f5f5fd; border-top:5px solid #c5c5ec; padding:5px; margin-bottom:20px;}
.pf-pic{float:right; margin:0px 0px 20px 10px; width:150px; overflow:hidden;}

.pf-view {margin:20px 0px; padding:0px; width:100%;}
.pf-view p{margin:0px; padding:0px;}
.pf-view ul{margin:0px; padding:0px;}
.pf-view li{float:left; width:110px; text-align:center; overflow:hidden; margin:10px;}
.pf-view .image img{overflow:hidden; text-align:center; width:100%;}
.pf-view .name {text-align:center; font-size: 0.75rem; height:38px; overflow:hidden; width:105px;}

.news-view-4 {margin:15px 0px 0px 12px; padding:0px; width:100%;}
.news-view-4 ul{margin:0px 0px; padding:0px;}
.news-view-4 li{float:left; width:125px; text-align:center; overflow:hidden;}
.news-view-4 .image img{overflow:hidden; text-align:center; margin:0px 0px; padding:0px 10px 0px 0px;}
.news-view-4 .name{text-align:center; font-size: 0.75rem; height:38px; overflow:hidden; width:120px;}


/*guide*/
.guide-title{background:#faf8dd; padding:10px;}
.guide-pic{float:right; margin:0px 0px 0px 10px; width:150px; overflow:hidden;}

/*date-published*/
.date-published {
  font-size:1rem;
  color: #f33;
  margin: 0px 0 5px; }
  .date-published strong {
    font-weight: normal; }

.date-published + .local-title {
  margin: 0 0 20px; }
  
  .tags-links-n a {
  padding: 0rem 0.5rem;
  display: inline-block;
  border: #dee2e6 0px solid;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: inherit;
  line-height: inherit; 
  width:100%;}

.tags-links-n a:hover {
  background-color: #fff;
  color: #fb2e82; }
  
  
.buttonlage {margin:10px 0px; text-align:center;}
.buttonlage p.tpcsList{margin:0 auto;font-weight:bold;font-size:14px;border:1px solid #bbbbbb;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#f4f4f4;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.5,#ffffff),to(#ebebeb));background:-moz-linear-gradient(center top ,#ffffff,#ffffff 50%,#ebebeb);-moz-box-shadow:0px 0px 1px #f1f1f1;-webkit-box-shadow:0px 0px 1px #f1f1f1; padding:10px; align:center;}
.buttonlage p.tpcsList a{color:#333333; align:center;}

/*youtube*/
.iframe-content {position: relative;padding-bottom: 47%;padding-top: 20px;height: 0;overflow: hidden;}
.iframe-content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


ul,li{list-style-type: none;}

.listRowlink{margin:0px;}
.listRowlink ul{margin:0px; padding:0px;}
.listRowlink li{border-bottom:1px solid #e6e6e6; overflow:hidden; display:block; padding:10px 0px;}
.listRowlink img{vertical-align:bottom; width:100%;}
.listRowlink .image{display:block; float:left; margin-right:10px; width:100px; text-align:center; background:#eee; overflow:hidden;}

/*calendar*/
table{border-collapse:collapse; }
table a{color:#666;}
p{margin:0; padding:0;}
.calendar_memo { font-size:13px; border:0px solid #D6D5D1; width:100%;} 
.calendar_memo th {background:#F6F6F6; width:50px; text-align:center; padding:5px; font-size:13px; border:1px solid #DADADA; font-weight:normal;}
.calendar_memo td {text-align:left; font-size:13px; padding:10px 10px; border:1px solid #DADADA;color:#E10025;}
.calendar_memo .sun{color:#E10025; text-align:center;}
.calendar_memo .sat{color:#0055E1; text-align:center;}
.calendar_memo .jpn-h{background:url(https://www.wowkorea.jp/images/ico_jpn.png) no-repeat left center; font-size:13px; padding-left:15px; font-weight:normal; color:#E10025;}
.calendar_memo .kor-h{background:url(https://www.wowkorea.jp/images/ico_kor.png) no-repeat left center; font-size:13px; padding-left:15px; font-weight:normal; color:#E10025;}
.calendar_memo .korjpn-h{background:url(https://www.wowkorea.jp/images/ico_jk.png) no-repeat left center; font-size:13px; padding-left:25px; font-weight:normal; color:#E10025;}


.calendar_menu { font-size:13px; border:0px solid #D6D5D1;width:100%;} 
.calendar_menu td{background:#393939; text-align:center; font-size:20px; padding:15px; font-weight:bold; font-weight: bold;color: #fff;}
.calendar_menu a{color:#fff;font-size:30px; font-weight:bold; }
.calendar_menu a:hover{color:#fff;font-size:30px; font-weight:bold;}

.jpn-h{background:url(https://www.wowkorea.jp/images/ico_jpn.png) no-repeat left center; font-size:13px; padding-left:15px; font-weight:normal; }
.kor-h{background:url(https://www.wowkorea.jp/images/ico_kor.png) no-repeat left center; font-size:13px; padding-left:15px; font-weight:normal;}
.korjpn-h{background:url(https://www.wowkorea.jp/images/ico_jk.png) no-repeat left center; font-size:13px; padding-left:25px; font-weight:normal;}

.hearts {color:#FF0087;font-size:13px;}
.hbd {background:url(https://www.wowkorea.jp/images/ico_hbd.png) no-repeat left center; font-size:13px; padding-left:18px; font-weight:normal;line-height:20px;}
.event {background:url(https://www.wowkorea.jp/images/ico_event.png) no-repeat left center; font-size:13px; padding-left:18px; font-weight:normal;line-height:20px;}
.news {background:url(https://www.wowkorea.jp/images/ico_news.png) no-repeat left center; font-size:13px; padding-left:18px; font-weight:normal;line-height:20px;}
.today {background:url(https://www.wowseoul.jp/images/cld_kor.png);}
.total a{color:#fff;}

.text-line {
  color: #00b900 !important; }

.hover-line-text:hover i {
  color: #00b900 !important; }

.hover-line a:hover i {
  color: #00b900 !important; }

.bg-line, .btn-line {
  background-color: #00b900 !important;
  color: #fff; }

.app_download_card {
  width: 100%;
  max-width: 290px;
  height: 70px;
  background: #ec0f67;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
  backdrop-filter: blur(10px);
  transition: 0.5s ease-in-out;
}

.app_download_card:hover {
  cursor: pointer;
  transform: scale(1.05);
}

.app_download_img {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  border-radius: 10px;
  background: linear-gradient(#d7cfcf, #9198e5);
}

.app_download_card:hover > .img {
  transition: 0.5s ease-in-out;
  background: linear-gradient(#9198e5, #712020);
}

.app_download_textBox {
  width: calc(100% - 90px);
  margin-left: 10px;
  color: white;
  font-family: 'Poppins' sans-serif;
}

.app_download_textContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.app_download_span {
  font-size: 10px;
}

.app_download_h1 {
  font-size: 16px;
  font-weight: bold;
}

.app_download_p {
  font-size: 12px;
  font-weight: lighter;
}

.imgwrap{position:relative;}
.imgback {width: 100%; position:absolute;left:95%;top:95%;width:110px;height:110px; margin:-35px 0px 0px -45px;text-indent:-99999em;background:url('/images/zoom_in.png') no-repeat;background-size:75px auto;z-index:1;}


.rounded-4{border-radius: 100vh;}

.badge1{display: inline-block;padding: 0.35em 0.65em;font-weight: 700;line-height: 1;color: #fff;white-space: nowrap;vertical-align: baseline;border-radius: 0; }

img.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
img.gray:hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
img.mono_1{filter: grayscale(100%);}
img.mono_2{filter: grayscale(60%);}
img.mono_3{filter: grayscale(30%);}

.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #e9ecef;border-left-width:.25rem;border-radius:.25rem}
.bd-callout+.bd-callout{margin-top:-.25rem}
.bd-callout-info{border-left-color:#5bc0de}
.bd-callout-warning{border-left-color:#f0ad4e}
.bd-callout-danger{border-left-color:#d9534f}

.is-text-highlight {
padding: 1px;
display: inline;
background: linear-gradient(transparent 70%, #FCDF21 70%, #FCDF21 100%);
padding-bottom: 0.1em;								
font-size: 22px;
line-height: 1.5;	
padding-right: 0.5em;}


.nav-wrap-geno {position: relative;}
.scroll-nav {width: 100%;
	background:#ececec; 
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.scroll-nav ul {
	max-width: 600px; 
	min-width: 600px; 
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	list-style: none;
	padding-left:0px; 
}
.scroll-nav ul li {
	float: left;
	padding:3px 10px;
	text-align: center;
	border-right:0px solid #fff;
	font-size:14px;
	font-weight:bold;
}
.scroll-nav ul li:hover {
	background: #ececec; 
}
.scroll-nav ul li a {
	display: inline-block;
	color: #393939; 
	text-decoration: none;
}
.scroll-nav .on{
	display: inline-block;
	color: #fff; 
	text-decoration: none;
	font-weight:bold;
	background:#fb2e82;
}

.scroll-nav .on a{
	display: inline-block;
	color: #fff; 
	text-decoration: none;
	font-weight:bold;
	background:#fb2e82;
}

.next-btn { 
	position: absolute;
	top: 0;
	right: 0;
	text-align:center;
	padding:3px; 
	line-height: 40px;
	background: #ececec;
	font-weight:bold;
}

.top-left-tab {position: absolute;top:0px;left:0px;}
.top-right-tab {position: absolute;top:0px;right:0px;}
.bg-gray{background:#eee;}

.bg-shadow-a {background: rgba(0, 0, 0, 0.9); }

/* ranking */ 
.top-right {position: absolute;top:0px;left:0x;}
.text {padding:3px 5px;text-align:center;background:#f20000;color:#FFF; font-weight:bold; font-size:16px;}
.top-left {position: absolute;top:0px;left:0px;}
.rank1{background: linear-gradient(180deg, rgb(185, 126, 16), rgb(217, 179, 64));}
.rank2{background: linear-gradient(180deg, rgb(48, 59, 67), rgb(111, 123, 131));}
.rank3{background: linear-gradient(180deg, rgb(102, 27, 6), rgb(161, 83, 38));}
.rank{background: linear-gradient(180deg, rgb(140, 140, 140), rgb(189, 189, 189));}
.rank-w10{width:40px; text-align:center;}
.bottom-left{position: absolute;bottom:0px;left:0x;}
.rank-name{line-height:40px;padding:5px;text-align:center;background:#000;color:#ffba00;font-size:20px;margin-left:0px;font-weight:bold;}

/* BackTop */
.back-top{position:fixed; bottom:160px;}

/* シェアボタン */
.fixed_btn{position:fixed; top:76px; right:10px; z-index:20;}
.share_button:disabled {
	/* display: none; */ /* 未対応ブラウザではボタンを非表示にするなどの対応をしてもいいかもしれません */
}