@charset "UTF-8";
*{margin: 0;
 padding: 0;
 box-sizing: border-box;}
/* ↑全体のアキをなくす　*/

h1{
//background-image:url("../images/ushi_top.png");	/* 背景画像： */
width:100%;
padding:0;
margin:0;
 box-sizing: border-box;
}

h1 img{
display:block;
width:100%; 
height:auto; 
margin:0; 
padding;0;
 box-sizing: border-box;}

.header{
	background-color:#000;
	width:100%;
	padding:0;
	margin:0;
 box-sizing: border-box;}
	
	
.footer{
background-color:#000 !important;
color:#fff;
}

	
ul.top_navi, ul.top_navi2, ul.top_navi_koma{
width:100%;
margin:0;
padding:0;
 box-sizing: border-box;
	list-style-type: none;}
	
	
.top_navi li{
display: inline-block;
margin:0;
padding:0; 
width:11%;
text-align:center;
 box-sizing: border-box;}
 
 ul.top_navi_koma li{
display: inline-block;
margin:0;
padding:0; 
width:10%;
text-align:center;
 box-sizing: border-box;}

.top_navi li.long, ul.top_navi2 li.long{ 
width:20%;}

ul.top_navi2 li{
display: inline-block;
margin:1px 0;
padding:0 20px; 
 box-sizing: border-box;
text-align:center;
background:linear-gradient(#eee, #fcf);
background: -prefix-linear-gradient(top, #eee, #fcf);
/*  グラデーション */
	      background:-webkit-linear-gradient(top, #eee, #fcf);
	      background:-webkit-gradient(linear,top, bottom, from(#eee), to(#fcf));
    white-space: nowrap;}		
		
ul.top_navi2 li a{
	display: block;
	width:100%;
text-decoration:none;
}	
.top_navi2 li a:link{color:#0cf;}
.top_navi2 li a:visited{color:#c0c;}		
.top_navi2 li a:hover{color:#00f;}	


.top_navi li a, ul.top_navi_koma a{
	display: block;
	width:100%;
	margin:0;
padding:5px 0;
 box-sizing: border-box;
text-decoration:none;
background:linear-gradient(#999, #000);
background: -prefix-linear-gradient(top, #999, #000);
/*  グラデーション */
	      background:-webkit-linear-gradient(top, #999, #000);
	      background:-webkit-gradient(linear,top, bottom, from(#999), to(#000));
    white-space: nowrap;}		
		
.top_navi li a:link, .top_navi li a, ul.top_navi_koma  a:link{color:#0cf;}
.top_navi li a:visited, .top_navi li a, ul.top_navi_koma a:visited{color:#ccc;}		
.top_navi li a:hover,.top_navi li a, ul.top_navi_koma a:hover{
 color:#f00;
/*  グラデーション */
  background:linear-gradient(#000, #999);
   background: -prefix-linear-gradient(top, #000, #999);
	background:-webkit-linear-gradient(top, #000, #999);
	background:-webkit-gradient(linear,top, bottom, from(#000), to(#999));
}

.content h3{background-color:#006; color:#fff; padding-left:10px;
 z-index: 3;}
.content h3.yokoku{background-color:#900;}
.content p{padding:10px;
/*  背景半透明で文字不透明　すべて半透明ならopacity: 0.55; ←透明度%、重ねが一番上にきてしまう。 */
background-color: rgba( 204, 255, 204, 0.45 );
   color: #000;
	 font-weight:500;line-height:1.3;}
.content p b{background-color: rgba( 255, 255, 100, 0.7 );}
	 
.content p.juyo{padding:10px;
background-color: rgba( 255, 100, 100, 0.65 );
   color: #000;}
	 
.sidebar h2{
//border-top:solid 6px #000; 
border-bottom:solid 6px #000; 
width:100%;
margin: 0;
padding:0;
 box-sizing: border-box;
color:#fff !important;
background-color:#336;
text-align:center;
}

.sidebar ul{list-style:none; 
width:100%;
margin:0;
padding:0;
 box-sizing: border-box;}

.sidebar li{border-bottom:double 4px #999;}
.sidebar a{text-decoration:none;}
#sub{text-align:center; font-size:90%;}

.sidebar h3{margin-top:0px; border-bottom:3px solid #999; 
text-align:center; 
background-color:#ddd;
color:#699;
}

#itemcover{margin:10px auto; width:85%; max-width:640px;}
.Aitem{
float:left; 
width:47%; 
height:200px;
margin:10px 3px;
padding:0; 
background-repeat: no-repeat;
text-align:center;
background-color: rgba( 100, 100, 100, 1);
border:solid 2px #0cc;
}
.Aitem ul{list-style:none; margin:5px 10px 5px -30px;}
.Aitem ul li{background-color: rgba( 255, 255, 255, 0.6); margin-bottom:2px;}
.Aitem ul li img{padding:2px 5px 2px 20px;}
h4.item{margin:0; background:linear-gradient(#fff, #999);}


h3.act{border-bottom:dotted 4px #c6f;background-color:#609; margin-bottom:0px;}
h4.pro{background-color:#969; font-size:110%; color:#fff;
padding:3px 0 3px 10px; 
margin-bottom:0px;
}

p.act{
margin-top:0px;}

p.act a{background-color: rgba( 255, 255, 255, 0.6);font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;	/* 基本フォントファミリー */}
 
 .img_zen{margin:10px 0;
}

.mini{font-size:70%;}
.gray{color:#666;font-size:90%;}
.red{color:#c00;}
.oshi{color:#309; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;	/* 基本フォントファミリー */
 border-bottom:dotted 3px #96f;
 border-top:dotted 3px #96f;}

/*-----------------------------------------------
 u-shi日記
-----------------------------------------------*/
.ANikki{
float:left; 
width:300px; 
margin:10px 3px;
color:#fff;
border:solid 2px #0cc;
text-align:center;
background-color: rgba( 100, 100, 100, 1);
min-height:200px;}

p.nikki{width:90%;margin:10px auto;}
h3.nikki{background-color:#969;}
#Nikki{background-color:rgba( 255, 255, 100, 0.6); width:95%;margin:10px auto;}

/*-----------------------------------------------
 u-shiトップページ
-----------------------------------------------*/
h3.news{opacity: 0.6; width:40% !important; 
border-top-right-radius:15px; 
border-bottom-right-radius:15px;}
.content p{background-color: rgba( 255, 255, 255, 0.4);}
#Lyid{
width:100%;
height:30px;/*縦幅*/
background-color: rgba( 255, 255, 255, 0.4);
margin:10px 20px 40px 20px;
font-weight:bold;
font-size:100%;
text-shadow:0 0 3px #ff0;/*文字の影指定。*/
line-height:1.3;
box-sizing: border-box;/* 枠線や余白も含めたサイズにする*/
}
ul.news li{padding-left:5px;}
@media screen and (max-width: 640px) {
	#Lyid{margin:0px 10px 40px 0 !important; background:none;}
.Aitem{width:100%; }
ul.news li{padding:5px 0px; line-height:1;}
	}
@media screen and (min-width: 641px) {
	#Lyid{margin:0px 0px 20px 0 !important;}
	ul.news{font-size:14px;}
	ul.news li{margin-bottom:10px;}
	}
	/*-----------------------------------------------
音源頒布
-----------------------------------------------*/
h1.ongen{font-size:21px; color:#fff; background-color:#000; padding: 10px 10px 10px 20px;}
.otocontent h2{font-size:21px;  font-family:sans-serif; background-color:#dde; padding:5px 20px;
border-bottom:solid 5px #039;}
.otocontent h3{ margin:0; padding:10px 10px;  font-family:sans-serif;  }
.otocontent h4{font-size:18px;  font-family:sans-serif; margin:0; padding:5px 20px; background-color:#ccd;}
.otocontent p{padding:15px; margin:5px;}
.otowrapper{
//float: none;
background-color:#fff;
		margin: 0;
		width: 100%; 
}
.otosidebar{display:none !important;}
#livelist{width: 100%; text-align:center; }
.otoitems{float:left; margin:10px; padding:10px; border:solid 5px #00c; 
width:27%; 
border-radius: 10px 70px 10px 40px / 50px 50px 60px 10px;
height:320px;
font-size:18px;
text-align:center;
line-height:1.5;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;	/* 基本フォントファミリー */
}
.otokakaku{font-size:140%; font-weight:500; font-family:sans-serif; margin:0;}
.otoitems p, .otoitems h4 {margin:5px 0; 
 font-family:sans-serif;
 }
.otoitems a{
text-decoration:none; } 

.otoitems a:link{color:#00c;} 
.otoitems a:visited{color:#006;}		
.otoitems a:hover{color:#c00;}	
.otoitems p.yoko{background-color:rgb(255, 220, 255, 1); }
.otoitems p{margin:4px 0; padding:8px 0; font-weight:600; line-height:1.2; background-color:rgb(255, 255, 255, 0.8); border-radius:10px;}
.otoitems h3{font-size:16px; line-height:1.5;}
.click{background-color:#ff0; border-radius:5px; padding:2px; border:solid #999 3px;}
.ongen{color:#f00; font-family:sans-serif; margin:0; background-color:#fff; padding:3px;border-radius:5px;}
.haishin{color:#090; font-family:sans-serif; margin:0; background-color:#ff6;padding:3px;border-radius:5px;}
 
@media (max-width: 749px) {
.otoitems{width:80%; margin:10px 8%; text-align:center;
height:320px;}
}
	/*-----------------------------------------------
葉子
-----------------------------------------------*/
.yokocont{
background-color:#765; 
background-image:url(yoko_images/wall_top.jpg); 
background-repeat: no-repeat ; 
background-attachment: fixed;  
background-position:bottom center; 
margin-top:0;
}

/*-----------------------------------------------
 CDページ
-----------------------------------------------*/
h2.cd{font-size:16px; background:#60c; color:#fff; padding:3px 10px;}
table.cd_list{width:90%; margin:10px auto;}
table.cd_list td{padding:4px 10px;
background-color: rgba( 255, 255, 255, 0.6);}

p.cm{text-align:center; font-size:12px; margin-top:5px;
padding:0px auto;
line-height:1.3;}
/*-----------------------------------------------
 広告
-----------------------------------------------*/
h2.koukoku{border-top:3px solid #999;border-bottom:3px solid #999;
font-size:90%;}
h3.amazon, h3.cm{font-size:90%; 
text-align:center;
}
/*-----------------------------------------------
 出演情報
-----------------------------------------------*/

#shutsu{background-color:rgba(220,225,225,0.9); margin:5px;}
#shutsu ul{list-style:none;  list-style-position: inside; margin:0; padding:0;}
#shutsu li{padding:10px;}
#shutsu dl, #shutsu dd, #shutsu dt{margin:0; padding:0;}
#shutsu dd{color:#00c;}

/*-----------------------------------------------
SNS
-----------------------------------------------*/
ul.sns li{  display: inline-block;
  list-style: none; width:50%; }
img.snslogo{width:40px; height:40px; margin:10px 2px;}

@media screen and (max-width: 640px) {
 ul.sns li{  display: inline-block; height:auto;
  list-style: none; border-bottom:none;border-top:none;  border-left:solid 1px #000;}
}

/*-----------------------------------------------
 ボタン
-----------------------------------------------*/


a.btn{
    padding:4px 15px;
  font-size:16px;  
  text-decoration:none; 
  background:linear-gradient(#fff, #999);
background: -prefix-linear-gradient(top, #fff, #999);

/*  グラデーション */
	      background:-webkit-linear-gradient(top, #fff, #999);
	      background:-webkit-gradient(linear,top, bottom, from(#fff), to(#999));
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
    border:solid 2px #999;
    white-space: nowrap;
  } 
a.btn:visited, a.btn:link{
color:#0033ff; 
  }
a.btn:hover{
  background:linear-gradient(#fff, #999);
   background: -prefix-linear-gradient(top, #fff, #999);
/*  グラデーション */
	    background:-webkit-linear-gradient(top, #fff, #999);
	      background:-webkit-gradient(linear,top, bottom, from(#fff), to(#999));
  color:#f00;
}
////* *////


.footer ul, .undernavi ul{
border-bottom:solid 3px #666;
	list-style-type: none;
	}
	
.footer li, .undernavi li{
display: inline-block ;
margin:0;
padding:5px 20px;
text-align:center;
}

.footer ul.nav_list li{
padding:5px auto !important;
width:10% !important;
}

.footer p{ 
width:90%;
padding:5px 0; 
margin:15px 5%;
font-size:80%;
background-color:#000;
}

.footer a:link{color:#09f;}
.footer a:visited{color:#999;}
.footer a:hover{color:red;}
.footer a:active{color:#09f;}


.nowhere{background-color:#ccc;}

@media (max-width: 641px) {
.img_zen{
width:100%;
height:auto; margin:10px 0;
}
}
@media (max-width: 900px) {
.pcnomi, .pconly{display:none !important;}
}
@media (min-width: 799px) {
.sidebar li{padding-left:10px;
}
.ionly{display:none;}
}

@media (max-width: 900px) {
h4.item a{width:100%; display:block;}
.top_navi li,.top_navi li.long, .footer li ,ul.top_navi2 li{
margin:0;
	padding:0;
	width:49%;
	font-size:16px;
}
li.cotop{
margin:0;
	padding:0;
	width:49% !important;
	font-size:16px;
}
.footer ul.nav_list li{
width:49% !important;
}
a.btn{font-size:21px;}

.top_navi li a{
width:100%;
padding:10px 0; 
margin:0;
border-bottom:solid 3px #36f;
}

.sidebar li{
display: inline-block;
margin:1px 0 !important;
padding:0; 
 box-sizing: border-box;
width:100%;
text-align:center;
border:solid 1px;
line-height:1;
background:linear-gradient(#ccc, #999);
background: -prefix-linear-gradient(top, #ccc, #999);
/*  グラデーション */
	      background:-webkit-linear-gradient(top, #ccc, #999);
	      background:-webkit-gradient(linear,top, bottom, from(#ccc), to(#999));
    white-space: nowrap;
		}

.sidebar li a{
	display: block;
	width:100%;
	margin:0;
padding:10px 0;
 box-sizing: border-box;
text-decoration:none;}				
.sidebar li a:hover{
color:red;
}
/*  CDページ */
table.cd_list{width:100%;}
.cd_list img{width:100%; height:auto;}
td.cdimg{width:40%;}

#sub{display:none;}
h2.koukoku{background-color:#ff9; color:#000 !important;}
h3.amazon, h3.cm{font-size:90%; width:45%; float:left;
border:solid 2px #999; margin:2px;
background-color:#ffc;
text-align:center;
}
}