@charset "utf-8";
/* CSS Document */

/*=====================================================================
【全デバイス style指定】
=======================================================================*/

/*---------------------------------------------------------------------
【common】
-----------------------------------------------------------------------*/
html {font-size:62.5%;}
body { color: #333; font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","sans-serif";margin: 0px; padding: 0px;}
ul, li { list-style: none; margin: 0; padding: 0;}
.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
p { font-size: 12px; line-height: 1.4; margin: 0; padding: 0;}
a { color: #333; text-decoration: none;}

#wrap {padding: 0; margin: 0; background: url(images/bg02_pattern.jpg) ;}
#main_box a,#nextcontent a,#lastcontent a,#Twitter_box a,#bk_box a,#Top_box a, #goods_box a,#category_box a li{transition: 0.4s ;}
#main_box a:hover,#nextcontent a:hover,#lastcontent a:hover,#Twitter_box a:hover,#bk_box a:hover,#Top_box a:hover,#goods_box a:hover,#category_box a li:hover {opacity: 0.5;}

/*---------------------------------------------------------------------
【Header】
-----------------------------------------------------------------------*/
#mobile { display: none;}

/*---------------------------------------------------------------------
【Main】
-----------------------------------------------------------------------*/
#main_box{background: url(images/main_bg.jpg)no-repeat center top; background-size: cover;}
#main_box .main_inner{width: 750px; margin: 0 auto; position: relative;}
#main_box .bplab_s_logo{width:157px; position: absolute; top: 0px; left: 12px;}
#main_box .bplab_logo_box{width: 691px; margin: 0 auto; padding: 30px 0 0 0; position: relative;}
#main_box .bplab_logo {display: none; margin: 0 auto; padding: 30px 0 0 0; transform: scale(2.0); transition: 0.7s ease-in-out; position: absolute; top: 0; left: 0;}
#main_box .bplab_mc{width: 957px; height: 550px; margin: -36px 0 0 -160px; overflow: hidden; position: relative; font-size:0;}
#main_box .bplab_mc .main_mc_osaka {width: 599px; position: absolute; bottom:-550px; left:0; z-index:1; }
#main_box .bplab_mc .main_mc_suzumura {width: 428px; position: absolute; bottom:-553px; right:0; z-index:1; }
#main_box .bplab_mc .mc_star {width: 957px; position: absolute; top:0; left:0;}
#main_box .mc {background: url(images/bg01.jpg)center top repeat-x; /*margin: -3.7px 0 0 0;*/ height: 321px;}
#main_box .mc_inner{width: 750px; margin: 0 auto; position: relative;}
#main_box .mc_inner img{width: 710px; position: absolute; top: -52px; left: 20px; z-index:2;}

/*---------------------------------------------------------------------
【次回放送内容】
-----------------------------------------------------------------------*/
#nextcontent{margin: -117px 0 0 0;}
#nextcontent .next_mc_s{width: 750px; margin: 0 auto -4.5px auto;}
#nextcontent .next_mc_s img{width:152px;height: 113px; margin: 0 0 0 500px;}
#nextcontent .next_title{background: url(images/next_title_bg.jpg) repeat-x;height: 60px;}
#nextcontent .next_title img{width: 450px; margin: -40px 0 0 -50px;}
#nextcontent .next_inner{background-color: #ffdab7; margin: 0px; padding: 0px;}
/*---  番組内容 ---*/
.program{width: 750px; margin: 0 auto; padding: 0;}
h3 {margin: 0 auto; padding: 0; width: 750px;}
h4 {margin: 0; padding: 20px 0 0 0;}
.title_date{width:208px; }
.title_guest{width:208px;}
.title_item{width:300px;}
.next_title_pickup{width:181px;}
.last_title_pickup{width:181px;}
.txt{font-size: 24px; padding: 10px 0 10px 30px;}
.item_bnr{width: 600px; margin: 0 auto;}
.item_bnr_small{width: 600px; margin: 0 auto; text-align: center;}

/*---  ゲスト ---*/
#nextcontent .guest{background: url(images/next_guest_bg.png) center repeat-x; height: 554px;}
#nextcontent .guest_inner{width: 750px; margin: 0 auto; padding: 48px 0;}
#nextcontent .guest_img{width: 319px; float: left; margin: 0 15px 0 30px;}
/*---  ゲスト写真 なし---*/
#nextcontent .guest_photo_none{ width: 269px; padding: 0 0 0 0; margin: 10px 0 0 370px;}
/*---  ゲスト写真 あり---*/
#nextcontent .guest_photo{width: 336px; float: left;}

/*--- 視聴 ---*/
#nextcontent #next_movie_top{background: url(images/next_watch_top.png)no-repeat;width: 960px;margin: 0 auto;}
#nextcontent #next_movie_top img{width: 350px; margin: 47px 0 -21px 100px;}
#nextcontent .movie_niconico{background-color: #000000; /*height: 380px;*/ padding:40px 0; }
#nextcontent .movie_inner{width: 669px; /*height: 379px;*/ margin: 0 auto;}
#nextcontent .movie_niconico img{width: 669px; /*height: 379px;*/}

.next_movie_bottom{background: url(images/next_watch_bottm.png)no-repeat; width: 960px;margin: 0 auto;}
.next_movie_bottom img{width:493px;height: 300px; margin: -25px 0 25px 240px;}

.program p.txt a {text-decoration:underline;}

/*--- おたよりはこちら ---*/
.mail_btn a{width: 400px;background-color: #19bfef;border-radius: 10px;border: solid 1px #0056d7;box-shadow: 0 5px 0 rgba(0,86,215,20);display: block;text-decoration: none;
	margin: 30px auto; padding: 18px 0;}
.mail_inner{width: 320px;margin: 0 auto;}
.mail_txt{ font-weight: lighter;font-size: 24px; color: #ffffff; margin: 0 0 0 0;}
.mail_icon{width: 40px;float: left; padding: 0 20px;}
.arrow {position: relative;display: inline-block;}
.arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-left: solid 10px #ffffff;
    position: absolute;
    top: 50%;
    left: 120%;
    margin-top: -11px;
}

/*---------------------------------------------------------------------
【前回放送内容】
-----------------------------------------------------------------------*/
#lastcontent{}
#lastcontent .last_mc_o{width: 750px; margin: 0 auto -5px auto;}
#lastcontent .last_mc_o img{width:200px;height: 120px; margin: 0 0 0 500px;}
#lastcontent .last_title{background: url(images/last_title_bg.jpg) repeat-x;height: 60px;}
#lastcontent .last_title img{width: 450px; margin: -40px 0 0 -50px;}
#lastcontent .last_inner{background-color: #ffe3e7; margin: 0px; padding: 0px;}
/*---  ゲスト ---*/
#lastcontent .guest{background: url(images/last_guest_bg.png) center repeat-x; height: 554px;}
#lastcontent .guest_inner{width: 750px; margin: 0 auto; padding: 48px 0;}
#lastcontent .guest_img{width: 319px; float: left; margin: 0 15px 0 30px;}
/*---  ゲスト写真 なし---*/
#lastcontent .guest_photo_none{ width: 269px; padding: 0 0 0 0; margin: 10px 0 0 370px;}
/*---  ゲスト写真 あり---*/
#lastcontent .guest_photo{width: 336px; float: left;}
/*--- 視聴 ---*/
#lastcontent #last_movie_top{background: url(images/last_watch_top.png)no-repeat;width: 960px;margin: 0 auto;}
#lastcontent #last_movie_top img{width: 350px; margin: 47px 0 -24px 100px;}
#lastcontent .movie_niconico{background-color: #000000; /*height: 380px;*/ padding:40px 0; }
#lastcontent .movie_inner{width: 669px; /*height: 379px;*/ margin: 0 auto;}
#lastcontent .movie_niconico img{width: 669px; /*height: 379px;*/}

.last_movie_bottom{background: url(images/last_watch_bottom.png)no-repeat;width: 960px;margin: 0 auto;}
.last_movie_bottom img{width:614px;height: 302px; margin: -25px 0 25px 190px;}

/*---------------------------------------------------------------------
【Twitter】
-----------------------------------------------------------------------*/
#Twitter_box{margin: 70px 0 0 0; }
#Twitter_box .Twitter_inner{background-color: #ffffff; margin: 0px; padding: 0px;}
#Twitter_box .Twitter_title01{background: url(images/twitter_title_bg.jpg) repeat-x;height: 64px;}
#Twitter_box .Twitter_title01 img{width: 450px; margin: -40px 0 0 -50px;}
#Twitter_box .timeline01{width: 600px; height: 500px; background-color: #ffffff;margin: 0 auto;}
#Twitter_box #Twitter02{width: 750px; margin: 0 auto;}
#Twitter_box .Twitter_title02{width: 450px;margin: 50px 0 0 -50px;}
#Twitter_box .timeline02{width: 600px; height: 500px; background-color: #ffffff;margin: 0 auto 50px auto;}
#Twitter_box .Twitter_bottom{background: url(images/twitter_title_bg02.jpg)repeat-x; height: 64px;}

/*--- Twitterボタン ---*/
#Twitter_box .Twitter_btn a{width: 400px;background-color: #48d8e9;border-radius: 10px;border: solid 1px #0885ee;box-shadow: 0 5px 0 rgba(8,133,238,1);color: #ffffff;display: block;
font-size: 24px;font-weight: bold;text-align: center;text-decoration: none;margin: 30px auto;padding: 18px 0; font-weight: lighter;}
#Twitter_box .arrow {position: relative;display: inline-block;}
#Twitter_box .arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-left: solid 10px #ffffff;
    position: absolute;
    top: 50%;
    left: 90%;
    margin-top: -11px;
}

/*---------------------------------------------------------------------
【バックナンバー】
-----------------------------------------------------------------------*/
#bk_box{}
#bk_box .bk_inner{width: 750px; margin: 0 auto;}
#bk_box .bk_title{ width: 450px; margin: 70px 0 0 -50px;}

/*--- アーカイブボタン ---*/
#bk_box .bk_btn a {width: 500px;background-color: #ffffff;border-radius: 10px;border: solid 1px #76179d;box-shadow: 0 5px 0 #76179d;display: block; text-decoration: none;margin: 30px auto;padding: 18px 0; }
/*#bk_box .bk_btn a:hover { box-shadow: 0 0 0 rgba(118,23,157,54);margin: 12px auto 8px;}*/
#bk_box .bk_txt{font-size: 24px;font-weight: lighter;color: #76179d; width: 360px; margin: 0 0 0 85px;}
#bk_box .arrow {position: relative;display: inline-block;}
#bk_box .arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-left: solid 10px #76179d;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -11px;
}

/*---------------------------------------------------------------------
【グッズ】
-----------------------------------------------------------------------*/
#goods_box .goods_inner{width: 750px; margin: 0 auto;}
#goods_box .goods_title{ width: 370px; margin: 70px 0 0 -50px;}

/*--- アーカイブボタン ---*/
#goods_box .goods_btn a {width: 500px;background-color: #ffffff;border-radius: 10px;border: solid 1px #548d26;box-shadow: 0 5px 0 #548d26;display: block; text-decoration: none;margin: 30px auto;padding: 18px 0; }
/*#bk_box .bk_btn a:hover { box-shadow: 0 0 0 rgba(118,23,157,54);margin: 12px auto 8px;}*/
#goods_box .goods_txt{font-size: 24px;font-weight: lighter;color: #548d26; width: 360px; margin: 0 0 0 85px;}
#goods_box .arrow {position: relative;display: inline-block;}
#goods_box .arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-left: solid 10px #548d26;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -11px;
}
/*---------------------------------------------------------------------
【商品カテゴリ】
-----------------------------------------------------------------------*/
#category_box{margin: 0 0 450px 0;}
#category_box .category_inner{width: 750px; margin: 0 auto;}
#category_box .category_title{ width: 450px; margin: 70px 0 0 -50px;}

/*--- アーカイブボタン ---*/
#category_box ul{width: 500px; margin: 0 auto; text-align: center}
#category_box .btn_left{width: 240px; height: 80px; display: inline-block; background-color: #c1ee67;border-radius: 10px;border: solid 1px #548d26;box-shadow: 0 5px 0 #548d26;padding: 0; float: left;margin: 0 0 20px 0;}
#category_box .btn_right{width: 240px; height: 80px; display: inline-block; background-color: #c1ee67;border-radius: 10px;border: solid 1px #548d26;box-shadow: 0 5px 0 #548d26;padding: 0; float: right;margin: 0 0 20px 0;}
#category_box .bpnav{padding: 25px 0;}
#category_box .kuji{padding: 10px 0;}
#category_box .toru{padding: 18px 0;}
#category_box .cafe{padding: 12px 0;}
#category_box .print{padding: 10px 0;}
#category_box .net{padding: 30px 0;}

/*#category_box .category_btn li{width: 250px; background-color: #c1ee67;border-radius: 10px;border: solid 1px #548d26;box-shadow: 0 5px 0 #548d26;display: block; text-decoration: none;padding: 18px 0;display: inline-block; }
/*#bk_box .bk_btn a:hover { box-shadow: 0 0 0 rgba(118,23,157,54);margin: 12px auto 8px;}*/
#category_box .category_txt{font-size: 24px;font-weight: lighter;color: #548d26; width: 360px; margin: 0 0 0 85px;}
#category_box .arrow {position: relative;display: inline-block;}
#category_box .arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 10px transparent;
    border-left: solid 10px #548d26;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -11px;
}


/*---------------------------------------------------------------------
【Footer】
-----------------------------------------------------------------------*/
#footer_box{background-color:#282828; margin: 120px 0 0 0; clear: both;}
#footer_box .footer_inner{width: 750px; margin: 0 auto; padding: 20px 0;}
#footer_box .pagetop img{width: 200px; margin: -73px 0 0 280px;}
.footer_txt{color: #909090;font-size: 14px;text-align: center;}
.copy{color: #909090;font-size: 14px;text-align: center; margin: 15px 0 0 0;}
.bp_box{background-color: #000000; }
.bp_inner{width: 250px; margin: 0 auto;}
.bp_logo{width: 36px; float: left; padding: 14px 10px 0 0;}
.bp_txt{ margin: 0 0 0 0; padding: 20px 0; color: #ffffff; font-size: 16px;}

/*=====================================================================
【スマホ style指定】768px以下
=======================================================================*/

@media only screen and (max-width: 768px) {
	body{width: 100%; margin: 0; padding: 0; line-height:1; }
	#wrap{width: 100%;margin: 0; padding: 0; }
/*---------------------------------------------------------------------
【reset】
-----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
ul {
    list-style:none;
    padding:0;
}
li {
    padding:0;
}
input, select {
    vertical-align:middle;
}
/*---------------------------------------------------------------------
【header】
-----------------------------------------------------------------------*/
#mobile {
        display: block;
    }
.head-nav{
	display:none;
	}
/*---------------------------------------------------------------------
【Main】
-----------------------------------------------------------------------*/
#main_box{}
#main_box .main_inner{width: 100%;}
#main_box .bplab_s_logo{width:20%;}
#main_box .bplab_logo_box{width: 100%; margin: 0 auto; overflow: hidden;}
#main_box .bplab_logo{width: 95%; margin: 0 auto;}
#main_box .bplab_mc{width:100%; margin: -6% 0 -0.55% -10%; height: 100%; position: relative;}
#main_box .bplab_mc .main_mc_osaka {width: 62%; position: absolute; bottom:-450px; left:0; z-index:0; }
#main_box .bplab_mc .main_mc_suzumura {width: 44%; position: absolute; bottom:-450px; right:0; z-index:0; }
#main_box .bplab_mc .mc_star {width: 100%; }
#main_box .mc { background: url(images/bg01.jpg)center top repeat-x; margin: 4px 0 0 0;}
#main_box .mc_inner{width: 95%;}
#main_box .mc_inner img{width: 100%; top: -20px; left: 0; position: absolute; z-index: 0;}

/*---------------------------------------------------------------------
【次回放送内容】
-----------------------------------------------------------------------*/
#nextcontent{margin: -20% 0 0 0;}
#nextcontent .next_mc_s{width: 100%;  margin: 0; padding: 0; }
#nextcontent .next_mc_s img{width:25%; height: 100%; margin: 0 0 -0.52% 70%;}
#nextcontent .next_title{margin: 0 0 0 0!important;}
#nextcontent .next_title img{width: 90%; margin: -8% 0 0 -5%;}
/*---  ゲスト ---*/
#nextcontent .guest{background: url(images/next_guest_bg_sp.png) no-repeat;background-size: cover; width: 100%;margin: 0;padding: 0; height: 583px;}
#nextcontent .guest_inner{width: 100%;margin: 0 auto 0 auto;}
#nextcontent .guest_img{ width: 43%; margin: 2% 0 0 5%; padding: 0;}
/*---  ゲスト写真 なし---*/
#nextcontent .guest_photo_none{width: 38%; margin: 3% 0 0 55%;}
/*---  ゲスト写真 あり---*/
#nextcontent .guest_photo {width: 45%; margin: 2% 0 0 2%; padding: 0;}
/*--- 視聴 ---*/
#nextcontent #next_movie_top{background: url(images/next_watch_sp_top.png) no-repeat; background-size:cover; width: 100%;margin: 0;}
#nextcontent #next_movie_top img{width: 50%; margin: 4% 0 -4% 3%;}
#nextcontent .movie_niconico{padding:5% 0; }
#nextcontent .movie_inner{width: 90%; margin: 0 auto;}
#nextcontent .movie_niconico img{width: 90%; }

.next_movie_bottom{background: url(images/next_watch_sp_bottom.png) no-repeat; background-size: cover; width: 100%;margin: 0;}
.next_movie_bottom img{width:70%;height: 100%; margin: -3% 0 0 20%;}

/*---  番組内容 ---*/
.program{width: 100%; margin: 0; padding: 0;}
h3 {margin: 0; padding: 0; width: 80%;}
h4 {margin: 0; padding: 3% 0 0 0;}
.title_date{width:40%; }
.title_guest{width:40%;}
.title_item{width:50%;}
.next_title_pickup{width:30%;}
.last_title_pickup{width:30%;}
.txt{font-size: 30px; padding: 0 5%;}
.item_bnr{width: 90%;}
.item_bnr_small{width: 90%;}

/*--- おたよりはこちら ---*/
.mail_btn a{width: 90%;margin: 5% auto; padding: 6% 0;}
.mail_inner{width: 80%;margin: 0 auto;}
.mail_txt{ font-weight: lighter;font-size: 40px; color: #ffffff; margin: 0 0 0 0;}
.mail_icon{width: 15%; clear: both; padding: 0 5%; margin: 0 0 0 0;}
.arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 20px transparent;
    border-left: solid 20px #ffffff;
    position: absolute;
    top: 35%;
    left: 115%;
    margin-top: -11px;
}

/*---------------------------------------------------------------------
【前回放送内容】
-----------------------------------------------------------------------*/
#lastcontent .last_mc_o{width: 100%; margin:0 0 0 0; padding: 0;}
#lastcontent .last_mc_o img{width:30%; height: 100%; margin: 0 0 -0.465% 70%;}
#lastcontent .last_title {margin: 0 0 0 0;}
#lastcontent .last_title img{width: 90%; margin: -8% 0 0 -5%;}
/*---  ゲスト ---*/
#lastcontent .guest{background: url(images/last_guest_bg_sp.png) no-repeat;background-size: cover; width: 100%;margin: 0;padding: 0; height: 583px;}
#lastcontent .guest_inner{width: 100%;margin: 0 auto 0 auto;}
#lastcontent .guest_img{ width: 43%; margin: 2% 0 0 5%; padding: 0;}
/*---  ゲスト写真 なし---*/
#lastcontent .guest_photo_none{width: 38%; margin: 3% 0 0 55%;}
/*---  ゲスト写真 あり---*/
#lastcontent .guest_photo {width: 45%; margin: 2% 0 0 2%; padding: 0;}
/*--- 視聴 ---*/
#lastcontent #last_movie_top{background: url(images/last_watch_sp_top.png)no-repeat; background-size:cover; width: 100%;margin: 0;}
#lastcontent #last_movie_top img{width: 50%; margin: 4% 0 -4% 3%;}
#lastcontent .movie_niconico{padding:5% 0; }
#lastcontent .movie_inner{width: 90%; margin: 0 auto;}
#lastcontent .movie_niconico img{width: 90%; }

.last_movie_bottom{background: url(images/last_watch_sp_bottom.png)no-repeat; background-size: cover; width: 100%;margin: 0;}
.last_movie_bottom img{width:90%;height: 100%; margin: -3% 0 0 6%;}

/*---------------------------------------------------------------------
【Twitter】
-----------------------------------------------------------------------*/
#Twitter_box{margin: 20% 0 0 0; width: 100%;}
#Twitter_box .Twitter_inner{background-color: #ffffff; margin: 0px; padding: 0px; width: 100%;}
#Twitter_box .Twitter_title01 img{width: 90%; margin: -8% 0 0 -8%;}
#Twitter_box .timeline01{width: 90%;}
#Twitter_box #Twitter02{width: 100%;}
#Twitter_box .Twitter_title02{width: 75%;margin: 50px 0 0 -6%;}
#Twitter_box .timeline02{width: 90%; margin: 0 auto 50px auto;}

/*--- Twitterボタン ---*/
#Twitter_box .Twitter_btn a{width: 90%;font-size: 40px;margin: 5% auto;padding: 4% 0;}
#Twitter_box .arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 15px transparent;
    border-left: solid 15px #ffffff;
    position: absolute;
    top: 45%;
    left: 92%;
    margin-top: -11px;
}
/*---------------------------------------------------------------------
【バックナンバー】
-----------------------------------------------------------------------*/
#bk_box{}
#bk_box .bk_inner{width: 100%; margin: 0 auto;}
#bk_box .bk_title{ width: 80%; }

/*--- アーカイブボタン ---*/
#bk_box .bk_btn a {width: 80%; padding: 4% 0; }
/*#bk_box .bk_btn a:hover { box-shadow: 0 0 0 rgba(118,23,157,54);margin: 12px auto 8px;}*/
#bk_box .bk_txt{font-size: 30px; width: 90%;}
#bk_box .arrow:before {
    content: '';
    width: 0;
    height: 0;
    border: solid 15px transparent;
    border-left: solid 15px #76179d;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -11px;
}

/*---------------------------------------------------------------------
【グッズ】
-----------------------------------------------------------------------*/
#goods_box{display: none;}
	
/*---------------------------------------------------------------------
【商品カテゴリ】
-----------------------------------------------------------------------*/
#category_box{display: none;}

/*---------------------------------------------------------------------
【Footer】
-----------------------------------------------------------------------*/
#footer_box{ margin: 0; text-align: center;}
#footer_box .footer_inner{width: 100%; margin: 20% 0 0 0;}
#footer_box .pagetop img{width: 30%; margin: -10% 0 0 0;}
.footer_txt{width: 95%; margin: 0;}
.copy{width: 95%;margin: 5% 0 0 0;}





}