@charset "utf-8";
/* tab area */
#tabArea {
clear: both;
padding: 0 8px;
}
#tabArea:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#tabArea #tabArea_control {
width: 100%;
min-width: 304px;
padding: 0;
display: -webkit-box;
}
#tabArea #tabArea_control a{
display: block;
}
#tabArea .top_tabl{
-webkit-box-ordinal-group: 1;
min-width: 140px;
width: 48%;
height: 37px;
line-height: 37px;
border-radius: 6px 6px 0 0;
border: 1px solid #DDD;
text-align: center;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #fff 0%,#e5e5e5 100%);
overflow: hidden;
margin: 0 2px 0 0;
}
#tabArea .top_tabr{
-webkit-box-flex: 1;
-webkit-box-ordinal-group: 2;
min-width: 140px;
width: 48%;
height: 37px;
line-height: 37px;
border-radius: 6px 6px 0 0;
border: 1px solid #DDD;
text-align: center;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #fff 0%,#e5e5e5 100%);
overflow: hidden;
margin: 0 0 0 2px;
}
#tabArea .top_tabl a ,
#tabArea .top_tabr a{
color: #000;
text-shadow: 1px 1px #fff;
}


#tabArea .tabl{
-webkit-box-ordinal-group: 1;
min-width: 140px;
width: 48%;
height: 37px;
line-height: 37px;
border-radius: 6px 6px 0 0;
border: 1px solid #DDD;
text-shadow: 1px 1px #fff;
color: #000;
text-align: center;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #fff 0%,#e5e5e5 100%);
margin: 0 2px 0 0;
}
#tabArea .tabr{
-webkit-box-flex: 1;
-webkit-box-ordinal-group: 2;
min-width: 140px;
width: 48%;
height: 37px;
line-height: 37px;
border-radius: 6px 6px 0 0;
border: 1px solid #DDD;
text-shadow: 1px 1px #fff;
color: #000;
text-align: center;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #fff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #fff 0%,#e5e5e5 100%);
margin: 0 0 0 2px;
}
#tabArea .tabl a ,
#tabArea .tabr a{
color: #000;
text-shadow: 1px 1px #fff;
}


#tabArea .tabmc{
-webkit-box-flex: 1;
-webkit-box-ordinal-group: 2;
min-width: 97px;
width: 33%;
height: 37px;
line-height: 37px;
border: 1px solid #DDD;
text-shadow: 1px 1px #fff;
color: #000;
text-align: center;
background: #FAFAFA;
background: -webkit-linear-gradient(90deg, #fff 10%, #E5E5E5 90%);
overflow: hidden;
margin: 0 1px;
}
#tabArea .tabrc{
-webkit-box-flex: 2;
-webkit-box-ordinal-group: 3;
min-width: 97px;
width: 33%;
height: 37px;
line-height: 37px;
border-radius: 0 4px 0 0;
border: 1px solid #DDD;
text-shadow: 1px 1px #fff;
color: #000;
text-align: center;
background: #FAFAFA;
background: -webkit-linear-gradient(90deg, #fff 10%, #E5E5E5 90%);
overflow: hidden;
margin: 0 0 0 1px;
}
#tabArea .active{background: rgb(255,214,94);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,94,1)), color-stop(100%,rgba(254,191,4,1)));
background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
background: -o-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
background: linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
}

#tabArea .active a{

}

#tabArea #tabPanelGroup{
clear: both;
width: 100%;
min-width: 304px;
background: #E5E5E5;
border-radius: 0 0 4px 4px;
}
#tabArea .tabPanel{
padding: 4px;
}

#tabArea .select_bt a{
display: block;
}
#tabArea .more_bt{
width: 130px;
height: 26px;
text-align: center;
margin: 5px auto;
line-height: 28px;
border: 1px solid #dcdcdc;
border-radius:4px;
-webkit-border-radius: 4px;
background: #fff;
}
#tabArea .select_btBox{}
#tabArea .select_bt_l{
float: left;
width: 140px;
height: 26px;
text-align: center;
margin: 0 0 5px 0;
line-height: 28px;
border: 1px solid #dcdcdc;
border-radius:4px;
-webkit-border-radius: 4px;
background: #fff;
}
#tabArea .select_bt_r{
float: right;
width: 140px;
height: 26px;
margin: 0 0 5px 0;
text-align: center;
line-height: 28px;
border: 1px solid #dcdcdc;
border-radius:4px;
-webkit-border-radius: 4px;
background: #fff;
}
/* tab cnt */
#tabArea .navi{
width: 300px;
margin: 0 auto;
padding: 9px 0;
text-align:center;
}
#tabArea .navi a{
padding: 8px;
font-size: 14px;
color: #000;
}
#tabArea .navi a.vis{
font-weight: 700;
padding: 3px 6px;
background: #fffcdb;
border: 1px solid #ccc;
}
#tabArea #icon_box{
display: block;
background: #fff;
border: 1px solid #dcdcdc;
}
#tabArea #icon_box:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

/* .detail_box */

#detail_box{
display: block;
background: #fff;
}
#detail_box_foucus{
display: block;
background: #FFFCDB;
}
#detail_box_inner{
padding: 3px;
margin: 4px 0 2px 0;
}
#detail_box_inner:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.program_title{
padding: 5px 8px;
text-align: left;
margin: 0 8px 3px 8px;
border-radius:4px;
-webkit-border-radius: 4px;
background: #ccc;
text-shadow: 1px 1px #fff;
color: #000;
}
#program_box{
display: block;
background: #fff;
margin: 3px;
}
#program_box_inner{
padding: 5px;
}
#program_box_inner:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
/* detail layout */
.detailbox_inf01{
background: #7D7D7D;
border: 1px solid #dcdcdc;
text-align: center;
color: #fff;
margin: 0 0 2px 0;
}
.detailbox_inf02{
background: #FFDE00;
border: 1px solid #dcdcdc;
text-align: center;
color: #414342;
margin: 0 0 2px 0;
}
.detailbox_inf03{
background: #E4F2FD;
border: 1px solid #dcdcdc;
text-align: center;
color: #414342;
margin: 0 0 2px 0;
}
.detailbox_ttl{
border: 1px solid #dcdcdc;
color:#4f4f4f;
text-align: left;
background: #fff;
margin: 0;
}
.detailbox_ttl_foucus{
border: 1px solid #dcdcdc;
color:#4f4f4f;
text-align: left;
background: #FFFCDB;
margin: 0;
}
.detailbox_txt{
padding: 5px;
line-height: 120%;
}
.detailbox_txt a{
color:#4f4f4f!important;
display: block;
}
.detail_box_class{
padding: 0 0 2px 0;
display: -webkit-box;
}
.detail_box_ph{
width: 57%;
min-width: 166px;
max-width: 240px;
-webkit-box-ordinal-group: 1;
}
.detail_box_txt{
width: 43%;
-webkit-box-flex: 1;
-webkit-box-ordinal-group: 2;
margin: 0 4px 0 5px;
}
.detail_box_ph_img{
padding: 2px 0 0 0;
}
.detail_box_ph_img img{
width: 100%;
min-width: 166px;
height: auto;
padding: 0;
box-sizing:border-box;
border:1px solid #ccc;
}

.tapnone_img img {
pointer-events: none;
}
.imageProtect {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	max-width: 240px;
	min-width: 110px;
	border:none!important;
	background:none!important;
}
/* icon */
ul.icon_list ,
ul.icon_list_me{
list-style: none;
padding: 6px 4px 4px 4px;
}
ul.icon_list img ,
ul.icon_list_me img{
width: auto;
height: 14px;
}
ul.icon_list:after ,
ul.icon_list_me:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
ul.icon_list li:last-child ,
ul.icon_list_me li:last-child{
float: left;
padding: 1px 0 1px 0;
}
ul.icon_list li{
float: left;
padding: 1px 1px 1px 0;
}
ul.icon_list_me li{
float: left;
padding: 1px 10px 1px 0;
}
ul.icon_lists,
ul.icon_lists_me{
list-style: none;
padding: 0;
}
ul.icon_lists img{
width: 40px;
height:	auto;
line-height: 0;
font-size: 0;
}
ul.icon_lists_me img{
width: 17px;
height:	auto;
line-height: 0;
font-size: 0;
}
ul.icon_lists:after,
ul.icon_lists_me:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
ul.icon_lists li:first-child,
ul.icon_lists_me li:first-child{
float: left;
padding: 0;
}
ul.icon_lists li,
ul.icon_lists_me li{
float: left;
padding: 0 0 0 2px;
}
ul.detail_info{
padding: 4px 0 0 0;
list-style: none;
}
ul.detail_info li{padding-bottom: 3px;}
ul.detail_info li.info_time{
color: #434343;
margin: 0 0 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_time.png) 0 0 no-repeat;
background-size: 48px 17px;
}
ul.detail_info li.info_price{
color: #434343;
margin: 0 0 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_price.png) 0 0 no-repeat;
background-size: 48px 17px;
}
ul.detail_info li.info_airdate{
color: #434343;
margin: 0 0 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background: url(https://wws.tv-asahi.co.jp/douga_mv/common/images/pc/icon_airdate.gif) 0 0 no-repeat;
background-size: 48px 17px;
}
ul.detail_info li.info_view {
color: #434343;
margin: 0 0 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background-size: 48px 17px;
}
ul.detail_info li.info_view{
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_view.png) 0 0 no-repeat;
background-size: 48px 17px;
}
ul.detail_info li.info_view2{
height: 17px;
margin: 0 0 8px 0;
padding: 3px 0 0 53px;
color: #434343;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_view2.png) 0 0 no-repeat;
background-size: 48px 17px;
word-wrap: break-word;
}

.info_starttime {
color: #434343;
margin: 0 0 1px 0;
padding: 3px 0 0 53px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: url(../../images/smp/icon_starttime.png) 0 0 no-repeat;
background-size: 48px 17px;
white-space: pre-line;
word-wrap: break-word;
}

ul.detail_info_prgrm{
padding: 4px 0 0 6px;
list-style: none;
line-height:1.5;
color:#434343;
}

ul.detail_info_prgrm li.info_time_prgrm{
float: left;
color: #434343;
margin: 0 5px 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_time.png) 0 0 no-repeat;
background-size: 48px 17px;
}
ul.detail_info_prgrm li.info_price_prgrm{
float: left;
color: #434343;
margin: 0 5px 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_price.png) 0 0 no-repeat;
background-size: 48px 17px;
}

ul.detail_info_prgrm li.info_view_prgrm, ul.detail_info_prgrm li.info_view_prgrm2 {
float: left;
color: #434343;
margin: 0 5px 1px 0;
padding: 3px 0 0 53px;
height: 17px;
background-size: 48px 17px;
-o-background-size: 48px 17px;
}
ul.detail_info_prgrm li.info_view_prgrm {
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_view.png) 0 0 no-repeat;
background-size: 48px 17px;
-o-background-size: 48px 17px;
}
ul.detail_info_prgrm li.info_view_prgrm2 {
background: url(https://mv.tv-asahi.co.jp/douga/images/android/icon_view2.png) 0 0 no-repeat;
background-size: 48px 17px;
-o-background-size: 48px 17px;
}

.detailbox_program{
clear: both;
padding: 4px 2px;
color: #434343;
}
.detailbox_genre{
clear: both;
padding: 4px 2px;
color: #888;
font-size: 10px;
text-align: left;
line-height: 120%;
}
.detailbox_genre a{display: block;}
.detailbox_cap{
clear: both;
padding: 5px;
text-align: left;
line-height: 120%;
}
.detailbox_cap a{
display: block;
}

.detailbox_goto{
clear: both;
padding: 5px;
color:#000;
background: #fff;
text-align: center;
border: 1px solid #efefef;
border-radius:4px;
-webkit-border-radius: 4px;
}
.detailbox_goto a{
display: block;
color: #000;
}

.detailbox_goto_attention{
clear: both;
padding: 5px;
background: #fff;
text-align: left;
border: 1px solid #efefef;
border-radius:4px;
-webkit-border-radius: 4px;
}
.detailbox_goto_attention_new{
clear: both;
margin-top: 10px;
padding: 5px;
background: #fff;
text-align: left;
border-radius:4px;
-webkit-border-radius: 4px;
color:#333;
}
.detailbox_goto_attention a{
display: block;
color:#333;
line-height:1.3;
}

.detailbox_cap_foucus{
clear: both;
padding: 5px;
color: #434343;
background: #fff;
text-align: center;
border: 1px solid #efefef;
border-radius:4px;
-webkit-border-radius: 4px;
}
.detailbox_cap_foucus a{display: block;}
.detailbox_pac_cap{
clear: both;
padding: 0 5px;
color: #434343;
text-align: left;
line-height: 120%;
}
.detailbox_pac_cap a{display: block;}

.imageProtectGenre{
	position: absolute;
	z-index: 10;
	width: 57%!important;
	min-width: 166px;
	max-width: 240px;
	border: none!important;
}


/* detail bt */
.detail_bt_buy{
width: 118px;
height: 38px;
margin: 10px auto;
line-height: 38px;
text-align: center;
border: 1px solid #E5AD00;
border-radius:4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 1px #B8B8B8,0 1px #fff inset;
-webkit-box-shadow: 0 2px 1px #B8B8B8,0 1px #fff inset;
background: #FFC102;
background: -webkit-linear-gradient(90deg, #FFC102 10%, #FFF268 90%);
font-size: 16px;
color: #434343;
text-shadow: 1px 1px #fff;
text-align: center;
}
.detail_bt_buy a{
display: block;
color: #000!important;
}
.detail_bt_view{
width: 118px;
height: 38px;
margin: 10px auto;
line-height: 38px;
text-align: center;
border: 1px solid #E6E6E6;
border-radius:4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 1px #B8B8B8,0 1px #fff inset;
-webkit-box-shadow: 0 2px 1px #B8B8B8,0 1px #fff inset;
background: #D2D2D4;
background: -webkit-linear-gradient(90deg, #D2D2D4 10%, #fff 90%);
font-size: 16px;
text-shadow: 1px 1px #fff;
}
.detail_bt_view a{
display: block;
color: #ed7725;
}
.detail_bt_free,.detail_bt_pack {
width: 118px;
height: 38px;
margin: 10px auto;
text-align: center;
border: 1px solid #E6E6E6;
border-radius:4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 1px #B8B8B8,0 1px #fff inset;
-webkit-box-shadow: 0 2px 1px #B8B8B8,0 1px #fff inset;
background: #D2D2D4;
background: -webkit-linear-gradient(90deg, #D2D2D4 10%, #fff 90%);
font-size: 16px;
text-shadow: 1px 1px #fff;
}
.detail_bt_free a,.detail_bt_pack a {
display: block;
padding: 3px 0 0 0;
color: #ed7725;
}

/* episode */
#episode_box{
clear: both;
margin: 0 auto;
padding: 0 8px 5px 8px;
text-align: center;
width:300px;
position: relative;
overflow: hidden;
}
#episode_box video {
width:300px;
height: 168px;
object-fit: cover;
}
#episode_box:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#player {
border: 2px solid #E2E2E2;
}
#episode_box #player {
border: 0;
}
.play_icon {
padding:2px;
}
#episode_box a{
display: block;
}
#episode_box img{
pointer-events: none;
width: 300px;
}
#episode {
clear: both;
padding: 0px 8px;
margin: 0 0 10px 0;
text-align: center;
}
#episode:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#episode .ep_bt_pack{
display: block;
height: 34px;
line-height: 34px;
margin: 5px auto;
text-align: center;
border: 1px solid #F2B701;
border-radius:4px;
-webkit-border-radius: 4px;
background: #FFC000;
background: -webkit-linear-gradient(90deg, #FFC000 10%, #FFEE82 90%);
font-size: 14px;
text-shadow: 1px 1px #fff;
}

#episode .ep_bt_buy{
display: block;
height: 34px;
line-height: 34px;
margin: 5px auto;
text-align: center;
border: 1px solid #F2B701;
border-radius:4px;
-webkit-border-radius: 4px;
background: #FFC000;
background: -webkit-linear-gradient(90deg, #FFC000 10%, #FFEE82 90%);
font-size: 14px;
color: #000;
text-shadow: 1px 1px #fff;
}
#episode .ep_bt_pack a,#episode .ep_bt_buy a {
display: block;
color: #000;
}

.btn-coming {
display: block;
height: 34px;
line-height: 34px;
margin: 5px auto;
text-align: center;
border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #c8c8c8;
background-color: #fdfdfd;
background:-webkit-linear-gradient(90deg, #e8e6e7 10%, #fdfdfd 90%);
color: #333;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #fff;
}

#episode .ep_bt_view{
width: 49%;
display: block;
display: none;
height: 34px;
line-height: 34px;
margin:  5px 0 2px 0;
text-align: center;
font-size: 14px;
color: #000;
border: 1px solid #E6E6E6;
border-radius:4px;
-webkit-border-radius: 4px;
background: #eee;
background: -webkit-linear-gradient(90deg, #eee 10%, #fff 90%);
}


#episode .ep_bt_view_long{
display: block;
height: 34px;
line-height: 34px;
margin:  5px 0 2px 0;
text-align: center;
font-size: 14px;
color: #000;
border: 1px solid #E6E6E6;
border-radius:4px;
-webkit-border-radius: 4px;
background: #eee;
background: -webkit-linear-gradient(90deg, #eee 10%, #fff 90%);
}

#episode .ep_bt_view a,#episode .ep_bt_view_long a {
display:block;
color:#ed7725;
}

.viewl{float: left;}
.viewr{float: right;}

#episode .viewout{background: #f1f1f1;}
#episode .viewout a{color: #999;}
#episode .ep_bt_yabater{
display: block;
height: 34px;
line-height: 34px;
margin: 5px auto 0 auto;
border: 1px solid #E6E6E6;
border-radius:4px;
-webkit-border-radius: 4px;
background: #eee;
background: -webkit-linear-gradient(90deg, #eee 10%, #fff 90%);
font-size: 14px;
}
#episode .ttl_bt{
height: 34px;
line-height: 34px;
padding: 0;
margin: 0 10px;
font-size: 14px;
color: #FF007E;
text-shadow: 1px 1px 1px #DDD;
text-align: center;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/arwp_close.png) right 10px no-repeat;
background-size: 18px 18px;
}
#episode .ep_bt_yabater a{
display: block;
}
#episode .outline_bt{
display: block;
height: 34px;
margin: 5px auto 0 auto;
text-align: center;
border: 1px solid #E6E6E6;
border-radius:4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
background: #eee;
background: -webkit-linear-gradient(90deg, #eee 10%, #fff 90%);
font-size: 14px;
color: #333;
text-shadow: 1px 1px #fff;
padding: 0 0 0 30px;
}
#episode .ttl_bt_out{
width: 110px;
height: 22px;
padding: 3px 10px 0 0;
margin: 8px auto 0 auto;
font-size: 14px;
color: #333;
text-shadow: 1px 1px #fff;
text-align: center;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/arwl_close.png) no-repeat;
background-size: 20px 20px;
}
#episode .ttl_bt_out.active{
background: url(https://mv.tv-asahi.co.jp/douga/images/android/arwl_open.png) no-repeat;
background-size: 20px 20px;
}
#episode .outline_inner{
display: block;
margin: 0 auto;
padding: 5px 0;
background: #EBEBEB;
text-align: left;
border-radius: 0 0 4px 4px;
}

#episode_detail {
margin: 10px 0 0;
background: #E5E5E5;
}
#episode_detail .episode_detail_innner {
padding: 4px;
}
#episode_detail .episode_detail_box {
background: #fff;
}
#episode_detail .episode_detail_boxinnner {
padding: 2px;
}

.imageProtectEpisode{
	z-index: 10;
	border:none!important;
	width:304px!important;
	position: absolute;
	top:0;
	left:8px;
}
/* pac */
.pac_ttl {
height: 28px;
line-height: 28px;
padding: 0 0 0 10px;
margin: 0 8px;
border: 1px solid #DDD;
text-shadow: 1px 1px 1px #fff;
color: #000;
text-align: left;
border-radius:4px;
-webkit-border-radius: 4px 4px 0 0;
background: #EDEFEE;
background: -webkit-linear-gradient(90deg, #EDEFEE 10%, #fff 90%);
font-weight: 700;
}
#pacArea {
clear: both;
padding: 0 8px;
}
#pacArea:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#pacArea #pac_inner{
clear: both;
width: 100%;
min-width: 304px;
background: #E5E5E5;
border-radius: 4px 4px 4px 4px;
}
#pacArea .tabPanel{
padding: 1px 4px 4px 4px;
}
#official{margin: 0 8px;}
#official .site{
display: block;
height: 34px;
line-height: 34px;
margin: 5px auto 0 auto;
border: 1px solid #E6E6E6;
border-radius:4px;
-webkit-border-radius: 4px;
background: #eee;
background: -webkit-linear-gradient(90deg, #eee 10%, #fff 90%);
font-size: 14px;
}
#official .ttl_bt{
height: 34px;
line-height: 34px;
padding: 0;
margin: 0 10px;
font-size: 14px;
color: #FF007E;
text-shadow: 1px 1px 1px #DDD;
text-align: center;
background: url(https://mv.tv-asahi.co.jp/douga/images/android/arwm_close.png) right 10px no-repeat;
background-size: 18px 18px;
}
#official .site a{
display: block;
color: #333;
}
#official .bnr{
margin-top: 5px;
text-align: center;
}

/* SNS */
iframe.twitter-share-button {
width: 75px!important;
}
iframe[src*="www.facebook.com/plugins/like.php"]{
width: 69px !important;
}
.fb-share-button span{
vertical-align:top!important;
}
#another {
clear: both;
width:300px;
padding: 5px 0px 5px;
margin: 0 auto;
text-align: center;
}
#another:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
/*app起動再生マーク*/
#appSelector {
position:relative;
}
#overPlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 78px!important;
height: 75px;
margin: auto;
border: none!important;
}
/* 旧slides.css *//* Slideshow */
#slides {
width: 284px;
height:205px;
position: relative;
z-index:100;
margin: 0 auto;
overflow: hidden;
}
#slides:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#slides_inner {
width: 300px;
padding: 2px;
background: #E1E3E2;
}
#slides_kanren {
width: 304px;
position: relative;
padding: 0;
margin: 0 auto;
z-index:100;
}

#slides .slides_container {
width:300px;
height:169px;
overflow:hidden;
position:relative;
display:none;
}
#slides_kanren .slides_container {
width: 256px;
overflow:hidden;
position:relative;
display:none;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}
#slides .slides_container a {
width:300px;
height:169px;
display:block;
}
#slides .slides_container a img {
width:300px;
height:169px;
display:block;
}
#slides_kanren .slides_container a {
width: 110px;
height: 62px;
display:block;
}
#slides_kanren .slides_container a img {
width: 110px;
height: 62px;
display:block;
}

/* Next/prev buttons */
#slides .next,#slides .prev {
position: absolute;
top: 180px;
left: 10px;
width:13px;
height:21px;
display:block;
z-index:101;
}
#slides .next {
left: 280px;
}
#slides_kanren .next,#slides_kanren .prev {
position: absolute;
top: 32px;
left: 0;
width:13px;
height:21px;
display:block;
z-index:101;
}
#slides_kanren .next {
left: 291px;
}
.next img,.prev img {
width: 13px;
height: 22px;
}

/* Paginations */
.pagination {
position: absolute;
margin: 15px 0 0 8px;
left: 47%;
white-space: nowrap;
}
.pagination ul {

}
.pagination li {
position: relative;
float:left;
left: -50%;
margin: 0;
list-style:none;
font-size: 0;
line-height: 0;
}

#slides .pagination li a {
display: block;
width: 8px;
height: 8px;
padding: 0 8px;
background: url(https://mv.tv-asahi.co.jp/douga/images/iphone/slide_off.png) no-repeat;
background-size: 8px 8px;
overflow: hidden;
}

#slides .pagination li.current a {
background: url(https://mv.tv-asahi.co.jp/douga/images/iphone/slide_on.png) no-repeat;
background-size: 8px 8px;
}
/* Slideshow */
#contents_bangumi{
padding-top:4px;
}


#contents_bangumi #slides {
width: 304px;
height: 173px;
position: relative;
z-index:100;
margin: 0 auto;
overflow: hidden;
}
#contents_bangumi #slides #slides:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#contents_bangumi #slides #slides_inner {
width: 300px;
padding: 2px;
background: #E1E3E2;
}
#contents_bangumi #slides #slides_kanren {
width: 304px;
position: relative;
padding: 0;
margin: 0 auto;
z-index:100;
}

#contents_bangumi #slides #slides .slides_container {
width:300px;
height:169px;
overflow:hidden;
position:relative;
display:none;
}
#contents_bangumi #slides #slides_kanren .slides_container {
width: 256px;
overflow:hidden;
position:relative;
display:none;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}
#contents_bangumi #slides #slides .slides_container a {
width:300px;
height:169px;
display:block;
}
#contents_bangumi #slides #slides .slides_container a img {
width:300px;
height:169px;
display:block;
}
#contents_bangumi #slides #slides_kanren .slides_container a {
width: 110px;
height: 62px;
display:block;
}
#contents_bangumi #slides #slides_kanren .slides_container a img {
width: 110px;
height: 62px;
display:block;
}
/* Next/prev buttons */
#contents_bangumi #slides #slides .next,#slides .prev {
position: absolute;
top: 180px;
left: 10px;
width:13px;
height:21px;
display:block;
z-index:101;
}
#contents_bangumi #slides #slides .next {
left: 280px;
}
#contents_bangumi #slides #slides_kanren .next,#slides_kanren .prev {
position: absolute;
top: 32px;
left: 0;
width:13px;
height:21px;
display:block;
z-index:101;
}
#contents_bangumi #slides #slides_kanren .next {
left: 291px;
}
#contents_bangumi #slides #slides_kanren .next img,.prev img {
width: 13px;
height: 22px;
}

/* Paginations */
#contents_bangumi #slides .pagination {
position: absolute;
margin: 15px 0 0 8px;
left: 47%;
white-space: nowrap;
}
#contents_bangumi #slides .pagination ul {

}
#contents_bangumi #slides .pagination li {
position: relative;
float:left;
left: -50%;
margin: 0;
list-style:none;
font-size: 0;
line-height: 0;
}

#contents_bangumi #slides .pagination li a {
display: block;
width: 8px;
height: 8px;
padding: 0 8px;
background: url(https://mv.tv-asahi.co.jp/douga/images/iphone/slide_off.png) no-repeat;
background-size: 8px 8px;
overflow: hidden;
}

#contents_bangumi #slides .pagination li.current a {
background: url(https://mv.tv-asahi.co.jp/douga/images/iphone/slide_on.png) no-repeat;
background-size: 8px 8px;
}

.imageProtectSlide {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	width: 304px;
	height: 174px;
	top:0px;
	border:none!important;
}
/* 番組お知らせ */
#program_exp {
display: table;
background-color: #f3f3f3;
margin: 12px 8px;
padding-right: 5px;
}

.exp_icon {
display: table-cell;
vertical-align: middle;
width: 20px;
background-color: #0099ff;
}

.exp_icon span {
display: block;
margin: 0 2px;
width: 14px;
height: 14px;
background-image: url(../../images/smp/program_icon.png);
background-repeat: no-repeat;
background-size:14px 14px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}

#program_exp p {
display: table-cell;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
width: 100%;
line-height: 1.4;
font-size: 14px;
color: #666666;
text-shadow: -1px 1px 0 rgba(255,255,255,.8);
-webkit-box-shadow: 1px 0px 2px rgba(0,0,0,.1) inset;
box-shadow: 1px 0px 2px rgba(0,0,0,.1) inset;
}

#program_exp a {
display: block;
color: #0099ff;
line-height: 1.4;
text-shadow: -1px 1px 0 rgba(255,255,255,.8);
-webkit-transition: all .4s ease;
}

.program_arrow {
display: table-cell;
vertical-align: middle;
width: 14px;
}

.program_arrow span {
display: block;
margin-left: 5px;
width: 8px;
height: 15px;
background-image: url(../../images/pc/program_arrow.png);
background-repeat: no-repeat;
}

/* ジャンル btn */
.select_left {
margin: 0 2px 0 0!important;
}

.select_right {
margin: 0 0 0 2px!important;
}

/* top css */
.top {
background-color: #F5F5F5;
}

.menu_nav {
border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.box {
margin: 12px 8px;
padding: 0!important;
-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
box-shadow: rgba(0,0,0,0.4) 0 1px 3px;
border-radius: 4px;
}

.divider {
padding: 8px;
background-color:#fedb03;
border-radius: 4px 4px 0 0;
overflow: hidden;
}

.box_title {
float:left;
font-size: 14px;
color: #4e4747;
-web-kit-text-shadow: -1px 1px 0 rgba(255,255,255,.3);
text-shadow: -1px 1px 0 rgba(255,255,255,.3);
}

.contents {
float: right;
}

.contents a {
font-size: 12px;
color: #585858;
display: block;
-web-kit-text-shadow: -1px 1px 0 rgba(255,255,255,.3);
text-shadow: -1px 1px 0 rgba(255,255,255,.3);
}

.box ul {
border-radius: 0 0 4px 4px;
background: #fff;
clear: both;
}

.box li img {
margin-right: 6px;
width: 84px;
border: 1px solid #eee;
float: left;
}

.box ul a {
padding: 8px 4px 8px 8px;
display: block;
overflow: hidden;
color: #656565;
line-height: 1.3;
}

.inwrap {
display: table;
width: 100%;
}

.dsc {
width: 100%;
float: left;
display: table-cell;
vertical-align: middle;
}

.box time {
font-size: 10px;
color: #969696;
vertical-align: top;
}

.box li {
clear: both;
overflow: hidden;
border-bottom: 1px solid #ccc;
width: 100%;
}

.box li p {
overflow: hidden;
}

.link_arrow {
display: table-cell;
vertical-align: middle;
width: 10px;
}

.link_arrow span {
background-position: 0 -586px;
width: 9px;
height: 16px;
vertical-align: middle;
text-align: right;
}
.movie_box .divider,
.news_box .divider {
padding: 0;
}
.movie_box .box_title,
.news_box .box_title {
padding: 8px 0 8px 8px;
}
.movie_box .contents a,
.news_box .contents a {
border-left: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
padding: 9px 20px;
display: block;
}
.txt_grys,
.org_box p {
color:#777;
}
.live-paragraph-notice {
color: #383931;
line-height: 1.2;
}
.prg_copylight {
color: #7C7C7C;
font-size: 10px;
text-align: left;
line-height: 140%;
padding: 2px;
}
.total-medal{
	text-decoration: line-through;
    color: #d50000;
}

/* restriction */
@media print {
  img,.onetag,#advertisement_top,#advertisement_bottom {
    display: none!important;
  }
}