@charset "utf-8";

body {background-color:#94d9fc}

#container {
 width:800px;
 display:block;
 margin:0 auto;
 }

#sub_head {
 width:800px;
 height:100px;
 background-image: url(/images/sm_head.jpg);
}


/* -- スマホ対応 -- */
@media screen and (max-width: 640px) {

 #container {
  width:100%;
 }

 #container img {
  width:100%;
  height:auto;
  
 }


 #sub_head {
  width:100%;
  height:60px;
  background-image: url(/images/sm_head_sp.jpg); 
  background-size: cover;
 }
 
 #sub_head img {
  width:120px;
 }

}

/*==========================================
メニュー
==========================================*/
#fixedH {
 width:100%;
 padding:0;
 margin:0;
 position:fixed;
}


#gMenu {
 margin:0 auto;
 width:800px;
 text-align:center;
 padding:10px 0px 10px 0px;
 background-color:#ffffff;
 font-weight:bold;
 font-family:"Jun 501" ,"Shin Maru Go Regular" ;
 font-size:20px;
 color:#cccccc;

}

#gMenu a {text-decoration: none; color: #fe7800; }
#gMenu a:hover {text-decoration: underline; color:#f73700; font-weight:bold;}

/* -- スマホ対応 -- */
@media screen and (max-width: 640px) {

#gMenu {
  width:100%;
  font-size:12px;
 }

}

/*==========================================
キャラクター
==========================================*/
#chara {
 text-align:center;
 padding:10px 0px 10px 0px;
 background-image: url(/images/top_back01.jpg);
 background-repeat: repeat-x repeat-y;
 }

#chara ul li{
 width:385px;
 float:left;
 margin:5px;
}

#chara ul li:first-child {
 margin-left:10px;
}

/* -- スマホ対応 -- */
@media screen and (max-width: 640px) {

 #chara ul li{
  width:44%;
  float:left;
  margin:5px;
 }

 #chara ul li:first-child {
  margin-left:20px;
 }

}

/*==========================================
オンエア情報
==========================================*/
#onair {
 text-align:center;
 padding:10px 0px 5px 0px;
 background-image: url(/images/top_back03.jpg);
 background-repeat: repeat-x repeat-y;
}

.onairinfo {
 text-align:left;
 margin:5px;
 padding:10px;
 background-color:#ffffff;
 border-radius: 10px;
 font-family:"Shin Maru Go Regular" ;
 background-image: url(/images/back_onair.png);
 background-repeat: no-repeat;
 background-position: right bottom;
}
.station {font-weight:bold; fopnt-size:110%;}
.stime {color:#fe7800;}

/* -- スマホ対応 -- */
@media screen and (max-width: 640px) {
.onairinfo {
 background-size:50%;
}
}


/*==========================================
主題歌情報
==========================================*/
#songs {
 text-align:center;
 padding:10px 0px 5px 0px;
 background-image: url(/images/top_back04.jpg);
 background-repeat: repeat-x repeat-y;
}

.songsinfo {
 text-align:left;
 margin:10px;
 padding:10px;
 background-color:#ffffff;
 border-radius: 10px;
 font-family:"Shin Maru Go Regular" ;
 background-repeat: no-repeat;
 background-position: right bottom;
}

.list_t{
 float:left;
 width:500px;
 margin:5px;
}

.list_a{
 float:right;
 width:200px;
 margin:5px;
 font-size:70%;
}

.songimage {
 width:200;
 height:auto;
 }

/* -- スマホ対応 -- */
@media screen and (max-width: 640px) {
.songsinfo {
 background-size:50%;
 }
.list_t{
 float:none;
 }
.list_a{
 float:none;
 }
.songimage {
 width:100%;
 height:auto;
 }

}


/*==========================================
インフォメーション
==========================================*/

#info {
 text-align:center;
 padding:10px 0px 10px 0px;
 background-image: url(/images/top_back02.jpg);
 background-repeat: repeat-x repeat-y;
 }


.news-cont {
 width:760px;
 background-color:#ffffff;
 border-radius: 10px;
 margin:0 auto;
 margin-bottom:20px;
 padding:12px;
 text-align:left;
 }


.news-cont img {
 width:96%;
 height:auto;
}

.news-ttl {
 font-size:120%;
 font-weight:bold;
 width:80%;
 float:left;
}

.news-date {
 text-align:right;
 font-size:90%;
 width:15%;
 float:right;
}

.news-line {
 border:dashed 1px #cccccc;
 width:100%;
 margin:1px 0px 5px 0px;
 }
 
.news-cont li {
 width:370px;
 height:210px;
 float:left;
 margin:0;
 overflow:hidden;
}
.news-cont li:first-child {
 margin-right:12px;
}

.news-thum img {
 width:100%;
 }


/* -- スマホ対応 -- */
@media screen and (max-width: 640px) {
 .news-cont {
  width:90%;
 }

 .news-cont li {
  width:45%;
  height:auto;
  float:left;
  margin:0;
  overflow:hidden;
 }
 
 .news-ttl {
 width:100%;
 float:none;
 }
 .news-date {
 width:100%;
 float:none;
 }
 
 .news-cont li {
 float:none;
 width:95%;
 height:auto
 margin:5px;
 overflow:hidden;
}
 
 
}

/*==========================================
フッター
==========================================*/


#footer {
 background-color:#803f00;
 padding-top:10px;
 height:90px;
 text-align:center;
 color:#ffffff;
}

.toi {border-top: 1px dashed #8c8b8b;}


@media screen and (max-width: 640px) {
 #footer {
 font-size:80%;
 }