header{
	border: none;
}

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

#sec_pub_main{
	background: #eeeeee;
	padding-bottom: 50px;
}
#sec_pub_main figure{
	text-align: center;
	margin-bottom: 35px;	
}

#sec_pub_main figure img{
	max-width: 980px;
	width: 100%;
}

#sec_pub_main .icons{
	max-width: 750px;
	margin: 0 auto 20px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}	
#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;
}		
#sec_pub_main .icons li.live{
	border: none;
	padding: 0;
}
			
#sec_pub_main .icons li.label{
	border: none;
	padding: 2px 10px;
	height: 23px;
}

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

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

#sec_pub_main h1 .icon_4k img{
	width: 50px;
}

/*===========================================================
+-----+// sec_pub_live
===========================================================*/

#sec_pub_live{
	background: #111;
	text-align: center;
	padding: 70px 0 60px;
}	
#sec_pub_live h2{
	margin-bottom: 25px;
}
#sec_pub_live figure img{
	max-width: 980px;
	width: 100%;
}

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

#sec_mrk_info{
	padding: 40px 0;
	background: #fff2f1;
}
#sec_mrk_info .mrk_info{
	width: 400px;
	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{
	width: 400px;
	margin: 0 auto 0;
}

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

#link_button_area {
	max-width: 750px;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
}

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

#link_button_area .link_btn a{
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	padding: 18px 0;
	display: block;
	width: 400px;
	margin: 20px auto 0;
	background: url("/top/common/img/arrow02_r.png") right 20px center no-repeat #ff802c;
	background-size: 13px 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: 100px 0;
}
	
#sec_pub_next h3{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 20px;
}

#sec_pub_next .pubOA{
	max-width: 750px;
	text-align: center;
	margin: 0 auto 30px;
}

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

#sec_pub_next h4{
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 30px;
}
	
#sec_pub_next .txt{
	text-align: center;
	max-width: 750px;
	margin: 0 auto 30px;
}
	
#sec_pub_next .text_area{
	max-width: 750px;
	padding-top: 50px;
	margin: 0 auto 60px;
}
#sec_pub_next .text_area p{
	line-height: 1.8;
	margin-bottom: 40px;
}
#sec_pub_next .text_area p:last-child{
	margin-bottom: 0;
}
	
#sec_pub_next .img{
	max-width: 820px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
#sec_pub_next .img li{
	width: 49.5%;
}
#sec_pub_next .img li img{
	width: 100%;
}

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

#sec_pub_cast{
	padding-bottom: 100px;
}
#sec_pub_cast dl{
	max-width: 750px;
	margin: 0 auto 40px;
}
#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: 100px;
}
#sec_pub_overview .text_area{
	max-width: 750px;
	margin: 0 auto;
}
#sec_pub_overview .text_area p{
	line-height: 1.8;
}

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

#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-size: 1.4rem;
}
#sec_pub_archive .ttl{
	font-weight: bold;
}

#sec_pub_archive .archive_area{
	overflow: hidden;
	margin-bottom: 60px;
}
#sec_pub_archive .archive_area .box{
	width: 336px;
	padding: 0 7px;
	outline: none;
}

#sec_pub_archive .archive_area img{
	width: 100%;
	margin:0 0 15px;
}

#sec_pub_archive .archive_area:after,
#sec_pub_archive .archive_area:before{
	content:'';
	position: absolute;
	top:0;
	width: calc(50% - 520px);
	height: 276px;
	background: rgba(255,255,255,0.4);
}
#sec_pub_archive .archive_area:before{
	left:0 !important;
	z-index: 10;
}
#sec_pub_archive .archive_area:after{
	right:-5px !important;
	z-index: 10;
}
#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: calc(50% - 520px - 40px);
	background: url("/top/common/img/arrow04_l.png") left center no-repeat;
	background-size: 16px auto;
}
#sec_pub_archive .archive_area .slick-next{
	right: calc(50% - 520px - 45px);
	background: url("/top/common/img/arrow04_r.png") left center no-repeat;
	background-size: 16px auto;
}

#sec_pub_archive .archive_list {
	max-width: 1028px;
	margin: 0 auto 175px;
	padding: 0 20px;
}

#sec_pub_archive .archive_list .box {
	display: flex;
	align-items: center;
	padding: 20px 6px 20px 22px;
	border-bottom: 2px solid #eee;
}

#sec_pub_archive .archive_list .schedule {
	width: 270px;
	padding-right: 10px;
}

#sec_pub_archive .archive_list .ttl {
	width: calc(100% - 572px);
	font-weight: normal;
}

#sec_pub_archive .archive_list a {
	transition: opacity 0.3s;
}

#sec_pub_archive .archive_list .info,
#sec_pub_archive .archive_list .movie {
		width: 136px;
		margin-left: 10px;
		border: 1px solid #64666a;
		border-radius: 4px;
		box-sizing: border-box;
}

#sec_pub_archive .archive_list .info {
	padding: 10px 30px;
	font-size: 1.8rem;
	background: url("/top/common/img/arrow05_r.png") right 16px center no-repeat #fff;
	background-size: 20px auto;
}

#sec_pub_archive .archive_list .movie {
	padding: 10px 27px 10px 60px;
	font-size: 1.8rem;
	color: #fff;
	background: url("/top/common/img/arrow05_r.png") right 7px center / 20px auto no-repeat,
							url("/top/common/img/icon_movie_white.png") left 19px center / 32px auto no-repeat;
	background-color: #000;
}

#sec_pub_archive .archive_list a:hover {
	opacity: 0.7;
}

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

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

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

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

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

#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: 100px 0;
}

#sec_pickup #pickup_inner{
	max-width: 750px;
	margin: 0 auto;
}

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

#pub_share_area{
	width: 80px;
	position: fixed;
	z-index: 100;
	right: 0;
	top:150px;
	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: 15px 0;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	text-align: center;
	transition: all 0.3s;
}

#pub_share_area .sharemenu_btn img{
	width: 48px;
}

#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: 15px;
}

#pub_share_area li img{
	width: 48px;
}
		
#pub_share_area li:last-child{
	padding-bottom: 20px;
	border-bottom-left-radius:10px;
}