@charset "utf-8";

#bo_v {position:relative;}

.bo_v_mov {margin:0 0 20px 0;}


#bo_v header {display:block;position:relative;margin:0 0 40px 0;padding:0 0 30px 0;border-bottom:solid 1px #222;}
#bo_v_title {display:block;color:#fff;font-size:24px;font-weight:500;}

#bo_v_info {}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.profile_info_ct {}
.profile_info_ct ul {}
.profile_info_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.profile_info_ct ul li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;background:url(../img/var_g.gif) no-repeat right 50%;}
.profile_info_ct ul li:last-child {margin:0;padding:0;background:none;}


#bo_v_act {position:absolute;right:0;top:50%;margin:-20px 0 0 0;}
#bo_v_act:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_act h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_act ul {}
#bo_v_act ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_act ul li {display:block;float:left;margin:0 24px 0 0;}
#bo_v_act ul li:last-child {margin:0;}
#bo_v_act ul li a {display:block;line-height:40px;}
#bo_v_act ul li a strong {font-weight:normal;}
#bo_v_act ul li a i {margin:0 6px 0 0;font-size:24px;}

#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:50%;width:200px;padding:20px;font-weight:normal;text-align:center;background:#f63941;z-index:9999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.sharebox {display:none;position:absolute;left:50%;top:50px;width:300px;padding:16px 16px 16px 16px;text-align:center;background:#222;border:solid 1px #444;z-index:1;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.sharebox h3 {display:block;margin:0 0 12px 0;font-size:14px;font-weight:bold;text-align:left;}
.sharebox .btn_share_close {display:block;position:absolute;right:16px;top:16px;cursor:pointer;}
.sharebox .btn_share_close i {color:#666;font-size:24px;}
.sharebox a {display:inline-block;width:40px;height:40px;overflow:hidden;color:#fff;line-height:40px;text-align:center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sharebox a i {font-size:24px;line-height:40px;}
.sharebox a i.xi-kakaotalk {color:#3c1d1e;font-size:32px;}
.sharebox a img {width:28px;height:auto;}
.sharebox a.btn_copy {display:block;width:100%;margin:10px 0 0 0;}
.sharebox a.btn_copy .frm_input {display:block;width:100%;}
.sharebox a.btn_scrap {display:inline-block;position:relative;color:#999;line-height:39px;border:solid 1px #444;}
.sharebox a.btn_scrap:hover {background:#5bc0de;}
.sharebox a.btn_scrap:hover i {color:#fff;}

.sharebox input,
.sharebox a {vertical-align:top;}


#bo_v_atc {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:solid 1px #222;}
#bo_v_atc h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;}
#bo_v_con {line-height:180%;}

#other_list {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:solid 1px #222;}
#other_list h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;}
#other_list ul {}
#other_list ul:after {display:block;visibility:hidden;clear:both;content:""}
#other_list ul li {display:block;float:left;width:16%;margin:0 0.8% 24px 0;overflow:hidden;}
#other_list ul li:nth-child(6n) {margin:0 0 24px 0;}
#other_list ul li a {display:block;margin:0 0 8px 0;}
#other_list ul li a img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
#other_list ul li .date {color:#666;font-size:12px;}
#other_list ul li a.title {color:#fff;}

#acter_list {margin:0 0 40px 0;padding:0 0 40px 0;border-bottom:solid 1px #222;}
#acter_list h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:18px;font-weight:500;}






@media screen and (max-width:1280px) {
#bo_v_info {margin:0 0 12px 0;}

#bo_v_act {position:relative;left:0;right:0;top:0;margin:0;}
#bo_v_act ul li {margin:0 8px 0 0;}
#bo_v_act ul li i {font-size:20px;}

#other_list ul li {width:24%;margin:0 1.33% 24px 0;}
#other_list ul li:nth-child(6n) {margin:0 1.33% 24px 0;}
#other_list ul li:nth-child(4n) {margin:0 0 24px 0;}
}





@media screen and (max-width:986px) {

#other_list ul li {width:32%;margin:0 2% 24px 0;}
#other_list ul li:nth-child(6n) {margin:0 2% 24px 0;}
#other_list ul li:nth-child(4n) {margin:0 2% 24px 0;}
#other_list ul li:nth-child(3n) {margin:0 0 24px 0;}
}