﻿


/* スマホ向け base.cssの置き換え */

body{
 font-size: 16px;
 }
.submenu {
  width: 160px; /*110px;*/
}
.submenu p{
 font-size: 18px; /*10px;*/
 width: 160px; /*110px;*/
 line-height: 15px; /*15px;*/
 padding: 18px 0px;
 }
#wrap02{
 width: 700px; /*1011px;*/
 }

 .header{
 width: 700px; /*1011px;*/
 }
img.h_tel {
    width:340px;
    margin: 10px 10px 0 0;
}
 .navi02 {
     padding: 0px; /*0 0 0 20px;*/
    width: 690px; /*991px;*/
}
.navi02 .menu > img {
    width: 134px;
}
 .main02{
 width: 700px; /*1011px;*/
 }

 .foot02{
 width: 700px; /*1011px;*/
 }
 .lb_box{
 width: 700px; /*1011px;*/
 }
 .page_top{
 width: 700px; /*1011px;*/
 }
 .foot{
 background-position: top; /*bottom;*/
 }
 .f_shop,
 .f_shop p
 {
 width: 200px; /*145px;*/
 }
 .link_box{
 width: 220px; height:260px; /*width: 165px; height:220px;*/
 }
 .link_box p{
 width: 210px; /*150px;*/
 }
.link_box02 {
     width: 190px; height:220px;/* width: 130px; height:220px;*/
}
.link_box02 p{
 width: 180px;/*115px;*/
 }


 /* スマホ向け style.cssの置き換え */

.main{
 margin: 6px 0 0 4px;/*6px 0 0 20px;*/
 width: 680px; /*969px;*/
 }

.main_b {
 margin: 6px 0 0 4px;
 width: 680px;
 }

.top_topic_base {
    width: 440px;
    height: 260px;
}
.top_topic_base > img {
   width: 440px;
   height:250px;
   margin-top: 5px;
}
.top_topic {
    width: 240px;
}
.top_topic > div {
    width: 240px;
    height: 130px;
    margin-top: 1px;
    background-size: 100% auto;
}
.top_topic img {
    width: 240px;
    height: 130px;
}

 .m_img, .m_img02{
 width: 660px; height:110px;/*width: 950px; height:148px;*/
 }

 img.TopArtistRotation {
    width: 130px; /*width: 189px;*/
    height: 110px; /*height: 148px;*/
}
 
.item_body02, 
.item_body03,
.item_body04,
.item_body05,
.item_body07,
.item_body08,
.item_body09,
.item_body10{
 margin: 0 1px 1px 131px; /*0 1px 1px 189px;*/
 }

.main02 iframe.sl_i{
 width: 700px; /*1011px;*/
 height: 64px; /*70px;*/
 margin-bottom: 10px;
 margin-top: 20px;
 }


/*Today's Live*/

#top_todays_live_open_time {
    width: 680px;
    margin-top: 60px;
}
#top_todays_live {
    float: right;
    width: 330px;
    margin: 10px 0px;
}
#top_todays_live_title_img {
    width:310px;
}
.tl{
 background-image: url(../top_img/live_bg2_smart.gif);
 width: 320px; height:224px;
 }
iframe.event_info_frame_class
{
width: 292px;
height: 206px;
} 

#top_open_time {
    float: left;
    margin: 20px 0px;
}
#top_open_time img {
    width: 320px;
}

.news_box{
 margin: 0 0 5px 0; /*0 0 23px 0;*/
 width: 400px; /*661px;*/
 } 
.nb02{
 padding: 5px 0 5px 0;
 /*background-image: url(../top_img/news_bg_small.png);*/
 }
.n_date{
 margin: 0 0 0 5px; /*0 0 0 10px;*/
 padding: 0 0 0 5px; /*0 0 0 15px;*/
 background-image: none; /*url(../top_img/icon.png);*/
 width: 140px; /*110px;*/
 }
.n_txt {
 padding: 0 0 0 5px; /*0 0 0 15px;*/
 width: 490px; /*505px;*/
 }
.s_but{
 margin: 0 0 10px 1px; /*0 0 5px 1px;*/
 }
img.s_but {
    width:400px;
}
#top_information {
    padding-top: 10px;
    padding-bottom:10px;
}
#top_guide_bar {
    float:none;
}

 /* スマホ向け slide.cssの置き換え */

.scrollable {
	width: 650px; /*977px;*/
    height:64px;/*52px; /*58px;*/
}
.items div {
	width:680px; /*width:975px;*/
}
.scrollable img {
    margin: 0 4px 0 2px;/*0 7px 0 4px;*/
	width: 210px;/*154px; /*184px;120*/
	height:64px; /*52px; /*58px;42*/
}

/*Twitter埋め込みタイムライン (iPhoneでは必ず幅を取るのでここで大きめに設定してfloatクリアさせる)*/
.bn_twitter {
    float:left;
    width: 600px;
    margin: 12px 5px 0px 5px;
}
#link_facebook_pc {
    display:none;
}
#link_facebook_mobile {
    display:inline;
}