header{
	border: none;
}

/*===========================================================
+-----+// sec_pub_main
===========================================================*/

#sec_pub_main{
	background: #eeeeee;
	padding-bottom: 25px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#sec_pub_main figure{
	text-align: center;
	margin-bottom: 15px;
}

#sec_pub_main .icons{
	margin: 0 0 15px 10px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#sec_pub_main .icons li{
	text-align: center;
	min-width: 46px;
	height: 22px;
	box-sizing: border-box;
	margin-right: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	border: solid 2px #4d4d4d;
	padding: 0 5px;
	margin-bottom: 5px;
	
	display: none;
}		
#sec_pub_main .icons li.live{
	border: none;
	padding: 0;
}
			
#sec_pub_main .icons li.label{
	border: none;
	padding: 2px 10px;
	height: 23px;
	display: block;
}

#sec_pub_main .icons .icon_4k{
	color: #caa315;
	background: #000;
	border: solid 2px #000;
}
	
#sec_pub_main .schedule{
	margin: 0;
	font-weight: bold;
	padding-top: 2px;
}
	
#sec_pub_main h1{
	font-size:1.8rem;
	max-width: 750px;
	margin: 0 10px;
	font-weight: bold;
}

#sec_pub_main h1 .icon_new{
	width: 40px;
	color: #fff;
	font-size: 1.4rem;
	background: #1AAB8A;
	border-radius: 5px;
	padding: 5px 8px 5px 5px;
	vertical-align: 3px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 2px;
	box-sizing: border-box;
}

#sec_pub_main h1 .icon_4k img{
	width: 40px;
}
/*===========================================================
+-----+// sec_pub_live
===========================================================*/

#sec_pub_live{
	background: #111;
	text-align: center;
	padding: 35px 0 30px;
}
#sec_pub_live h2{
	margin-bottom: 25px;
}
#sec_pub_live h2 img{
	width: auto;
	height: 48px;
}

/*===========================================================
+-----+// sec_mrk_info
===========================================================*/

#sec_mrk_info{
	padding: 25px 25px;
	background: #fff2f1;
}
#sec_mrk_info .mrk_info{
	margin: 0 auto 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 10px;
}
#sec_mrk_info .mrk_info .mrk_info_ttl{
	background: #ff4137;
	border-radius: 5px;
	color: #fff;
	padding: 5px 20px;
	margin-right: 20px;
}

#sec_mrk_info .mrk_info .mrk_info_sub{
	color: #ff4137;
}

#sec_mrk_info .mrk_info_txt{
	margin: 0 auto 0;
}

/*===========================================================
+-----+// link_button_area
===========================================================*/

#link_button_area {

	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
}

#link_button_area .pubOA{
	margin-bottom: 30px;
}

#link_button_area .link_btn a{
	font-size:1.6rem;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	display: block;
	margin: 15px 25px 0;
	box-sizing: border-box;
	background: url("/top/common/img/arrow02_r.png") right 20px center no-repeat #ff802c;
	background-size: 10px auto;
	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
}

#link_button_area .PUBbutton{
	margin-top: 10px;
}

#link_button_area .otherbtn a{background-color:#ff4137}
#link_button_area .twitter a{background-color:#000000}
#link_button_area .facebook a{background-color:#4267b2}

/*===========================================================
+-----+// sec_pub_next
===========================================================*/

#sec_pub_next{
	padding: 50px 0;
}
#sec_pub_next h3{
	font-size:1.8rem;
	margin: 0 25px 10px;
	text-align: center;
}
#sec_pub_next h4{
	font-size:1.8rem;
	margin: 0 25px 30px;
	text-align: center;
}

#sec_pub_next .pubOA{
	margin: 0 25px 30px;
}

#sec_pub_next .pubOA span:first-child{
	display: block;
	height: 20px;
}

#sec_pub_next .txt{
	margin: 0 25px 15px;
}
	
#sec_pub_next .text_area{
	margin: 0 25px 30px;
}
#sec_pub_next .text_area p{
	line-height: 1.8;
	margin-bottom: 20px;
}
#sec_pub_next .text_area p:last-child{
	margin-bottom: 0;
}
	
#sec_pub_next .img{
	max-width: 820px;
	margin: 0 25px;
}
#sec_pub_next .img li{
	width: 100%;
}
#sec_pub_next .img li img{
	width: 100%;
}
#sec_pub_next .img li:first-child{
	margin-bottom: 15px;
}

/*===========================================================
+-----+// sec_pub_cast
===========================================================*/

#sec_pub_cast{
	padding-bottom: 50px;
}
#sec_pub_cast dl{
	margin: 0 25px 20px;
}
#sec_pub_cast dl dt,
#sec_pub_cast dl dd{
	line-height: 1.8;
	min-height: 1.8em;
}

#sec_pub_cast dl:last-child{
	margin-bottom: 0;
}

/*===========================================================
+-----+// sec_pub_overview
===========================================================*/

#sec_pub_overview{
	padding-bottom: 50px;
}
#sec_pub_overview .text_area{
	max-width: 750px;
	margin: 0 25px;
}
#sec_pub_overview .text_area p{
	line-height: 1.8;
}

/*===========================================================
+-----+// sec_pub_archive
===========================================================*/

#sec_pub_archive{
	padding-bottom: 50px;
}
#sec_pub_archive figure{
	width: 340px;
	position: relative;
}
#sec_pub_archive figure .play{
	width: 50px;
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
}
#sec_pub_archive figure .play img{
	width: 100%;
}
#sec_pub_archive .schedule{
	font-weight: bold;
}
#sec_pub_archive .ttl{
	font-weight: bold;
}

#sec_pub_archive .archive_area .box{
	padding: 0 5px;
	outline: none;
}

#sec_pub_archive .archive_area .slick-arrow{
	width: 16px;
	height: 27px;	
	border: none;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	position: absolute;
	z-index: 20;
	top:80px;
}
		
#sec_pub_archive .archive_area .slick-prev{
	left:10px;
	background: url("/top/common/img/arrow04_l.png") left center no-repeat;
	background-size: 16px auto;
}
#sec_pub_archive .archive_area .slick-next{
	right: 10px;
	background: url("/top/common/img/arrow04_r.png") left center no-repeat;
	background-size: 16px auto;
}

#sec_pub_archive .archive_list .box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 23px 25px;
	border-bottom: 1px solid #eee;
}

#sec_pub_archive .archive_list .box:first-child {
	padding-top: 0;
}

#sec_pub_archive .archive_list .schedule {
	width: 100%;
	font-size: 1.4rem;
	font-weight: normal;
}

#sec_pub_archive .archive_list .ttl {
	width: 100%;
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: normal;
}

#sec_pub_archive .archive_list .info,
#sec_pub_archive .archive_list .movie {
	width: calc(50% - 5px);
	padding: 12px 0;
	font-size: 1.5rem;
	text-align: center;
	border: 1px solid #64666a;
	border-radius: 4px;
	box-sizing: border-box;
}

#sec_pub_archive .archive_list .info {
	margin-right: 10px;
	padding-right: 15px;
	background: url("/top/common/img/arrow05_r.png") right 15px center / 16px auto no-repeat #fff;
}

#sec_pub_archive .archive_list .movie {
	padding-left: 25px;
	color: #fff;
	background: url("/top/common/img/arrow05_r.png") right 15px center / 16px auto no-repeat,
							url("/top/common/img/icon_movie_white.png") left 24px center / 32px auto no-repeat;
	background-color: #000;
}

#vod_modal{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 500;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	display: none;
}

#vod_modal #modal_inner{
	max-width: 100%;
	margin: 100px auto 0;
}

#vod_modal .close{
	width: 20px;
	height: 20px;
	display: block;
	position: fixed;
	right: 15px;
	top:15px;
}

#vod_modal .close a{
	width: 20px;
	height: 20px;
	display: block;
	position: relative;

}
#vod_modal .close span{
	height: 1px;
	width: 100%;
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top:10px;
}

#vod_modal .close span:nth-child(1){
	transform: rotate(45deg);
}
#vod_modal .close span:nth-child(2){
	transform: rotate(-45deg);
}


#videoPlayer{
	text-align: center;
	margin-bottom: 35px;
}

#videoPlayer .movieadPlayer{
	max-width: 980px;
	margin: 0 auto;
	width: 100%;
}

.videoPlayerError{
	text-align: center;
	margin-bottom: 35px;
	padding: 20px 0;
}

.videoPlayerError p{
	text-align: center;
	color: #ccc;
}

/*===========================================================
+-----+// sec_pickup
===========================================================*/

#sec_pickup{
	padding: 50px 0;
}

#sec_pickup #pickup_inner{
	margin: 0 25px;
}


/*===========================================================
+-----+// pub_share_area
===========================================================*/

#pub_share_area{
	width: 55px;
	position: fixed;
	z-index: 100;
	right: 0;
	top:35vh;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	box-shadow: 0 0 7px rgba(0,0,0,0.2);
}

#pub_share_area .sharemenu_btn{
	background: #000;
	padding: 10px 0;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	text-align: center;
}

#pub_share_area .sharemenu_btn img{
	width: 35px;
}
#pub_share_area .sharemenu_btn.active{
	border-bottom-left-radius:0;
}

#pub_share_area ul{
	display: none;
}

#pub_share_area li{
	text-align: center;
	background: #fff;
	padding-top: 10px;
}
#pub_share_area li img{
	width: 35px;
}
		

#pub_share_area li:last-child{
	padding-bottom: 15px;
	border-bottom-left-radius:10px;
}