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

#header{}
#headliner{}

#main_area{}
#main{
	width:100%;
	float:none;
}
#side{
	width:100%;
	float:none;
}

#footer{
	clear:both;
}
#footer_upper_area{}
#footer_lower_area{}

.columnkeeper{}
.padding{}
/*-----------------コラム幅-----------------*/
#header_upper_area,
#main_area,
#footer_lower_area,
#footer_upper_area{
	width:100%;
	margin-left:0;
	margin-right:0;
}


/*-----------------plain tags-----------------*/

h1{}
h2{
	padding-left:0;
	padding-right:0.5em;
}
h3{}
h4{}

p{
	
}

iframe{
	max-width:100%;
	/*height:auto;*/
}
table{
	max-width:100%;
}



/*-----------------ヘッダ-----------------*/


#header{
}
#header p{
	margin:0;
	padding:0;
	line-height:100%;
}

/*----------------- --ヘッドライナー-----------------*/
#headliner{
	background:#212185;
}
#header #headliner p{
	color:#FFF;
	font-size:80%;
	padding:5px 10px;
}

/*----------------- --ロゴ部-----------------*/
#header_upper_area{
	height:auto;
	position:relative;
}
#header_upper_area .right{
	float:none;
	margin-top:0;
	position:absolute;
	right:10px;
	bottom:0;
}
#header_upper_area.sep .left{
	width:60%;
}
#header_upper_area.sep .right{
	width:40%;
}
/*
#header_upper_area{
	border-bottom:none;
	height:83px;
	box-sizing:border-box;
}
#header_upper_area.sep .left{
	float:none;
	width:100%;
}
#header_upper_area.sep .right{
	float:none;
	width:100%;
}
#header_upper_area p.logo{
	margin-top:10px;
	border-bottom:1px solid #D7C691;
}
#header_upper_area .right{
	margin-top:0;
}*/

/*----------------- --ロゴ画像調整-----------------*/
#header_upper_area p.logo img{
	/*width:160px;*/
	height:auto;
	max-width:95%;
}
#header_upper_area .right img{
	width:160px;
	height:auto;
	max-width:95%;
}

/*----------------- --ナビゲーションリンク-----------------*/
#header nav{
	width:100%;
	/*margin:25px 0;*/
	margin-bottom:25px;
	background-color:transparent;
	border-bottom:none;
}
#header nav p{
	background-color:#D7C691;
	font-weight:bold;
	color:#fff;
	text-align:center;
	display:block;
	padding:12px;
	cursor:pointer;
}
#header nav p img{
	margin-right:5px;
	vertical-align:middle;
}
#header nav ul{
	height:auto;
	display:none;
}
#header nav ul li{
	float:none;
	width:100%;
	color:black;
	margin:0;
	height:auto;
}
#header nav ul li a{
	background-color:#F7F1E5;
	color:#6c5d44;
	font-size:1em;
	font-weight:normal;
	padding:0.8em;
	border-right:none;
	border-bottom:1px solid #fff;

}




/*-----------------メインエリア（メイン+サイド）-----------------*/

#main_area{
	position:relative;
}
#main{}
#side{}


/*-----------------メイン-----------------*/

.entry-content img{
	/*max-width:300px;*/
	max-width:100%;
	height:auto;
}

/*----------------- --ぱんくずリスト-----------------*/
.bread_crumb {
	margin-left:10px;
	margin-right:10px;
}

/*----------------- --記事-----------------*/
/*-----------------   --ふつうのpage-----------------*/
.entry-content.normal_article{
	width:auto;
	margin-left:10px;
	margin-right:10px;
}
/*-----------------   --記事一覧表示-----------------*/
#article_list{
	width:auto;
	margin-left:10px;
	margin-right:10px;
}

#article_list article.first_article a.thumbnail img{
	width:initial;
}

/*----------------- --カテゴリ-----------------*/
.category_list h2{
	padding-left:10px;
	padding-right:10px;
}

/*----------------- --single-column-----------------*/





/*-----------------サイド-----------------*/
#side{
	font-size:90%;
}
#side .section{
	border:none;
}

#side .section h2{
	border-top:1px solid #A3D6F3;
	border-bottom:1px solid #A3D6F3;
}

#side p,
#side ul{
}
/*----------------- --人気曲ランキング-----------------*/

.widget_poparticlebyhand ol{
	
}


/*-----------------メインエリア下　トップへボタン-----------------*/
p#to_top{
	margin:0 10px 0 0;
}
p#to_top a{
}
p#to_top a:hover{
}
/*-----------------フッタ-----------------*/

#footer .columnkeeper{
	border-top:3px solid #E8E9EF;
}

#footer_upper_area .sep > div.left h2{}


#footer_upper_area ul{
	font-size:100%;
}


/*----------------- --三線工工四検索-----------------*/
#footer_upper_area .sep > div.left{
	width:auto;
	float:none;
	border-bottom:3px solid #E8E9EF;
	padding-bottom:15px;
	margin-bottom:15px;
}

#footer_upper_area .sep > div.left .section{
	width:50%;
}
#footer_upper_area .sep > div.left .section.sakuin{
	float:none;
	/*width:auto;
	margin-left:10px;
	margin-right:10px;*/
}
#footer_upper_area .sep > div.left .section.sakuin h3{
	font-size:120%;
}

#footer_upper_area .sep > div.left .genre h3{
	margin-left:10px;
}
#footer_upper_area .sep > div.left .genre ul{
	margin-left:12px;
}
#footer_upper_area .sep > div.left .artist h3{
}
#footer_upper_area .sep > div.left h3.kkc_all{
	clear:both;
	float:none;
	margin-left:10px;
	margin-right:10px;
	font-size:120%;
}


/*----------------- --さくいんテーブル-----------------*/
#sakuin_tate{
	width:90%;
	border:1px solid #696BEB;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
#sakuin_tate td a{
	padding:7px 5px;
	font-size:130%;
}
#footer #sakuin_tate td a:link{
	color:#212185;
}
#sakuin_tate tr td:first-child a{
	background:#F2F2FD;
}

/*----------------- --一般リンク-----------------*/
#footer_upper_area .sep > div.right{
	float:none;
	width:auto;
	margin-left:10px;
	margin-right:10px;
}

#footer_upper_area .sep .right ul.left{
	width:160px;
}
#footer_upper_area .sep .right ul.right{
	width:135px;
}



/*----------------- --フッタ下部エリア-----------------*/

#footer_lower_area p{
	margin:0;
	padding:0;
	line-height:100%;
}
#footer_lower_area.sep{
}
#footer_lower_area.sep .left{
	float:none;
	width:100%;
	text-align:center;
}
#footer_lower_area.sep .left img{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#footer_lower_area .right{
	width:100%;
	float:none;
	margin-top:0;
	text-align:center;
}
#footer_lower_area .right p.logo1{
	border-bottom:1px solid #D7C691;
}
#footer_lower_area .right p.logo2{}
#copyright{
	text-align:center;
}




/*-----------------広告-----------------*/
.ad.pc{
	display:none;
}
.ad p{
	margin:0;
	padding:0;
}

#ad_song_upper,
#ad_between_contents,
#ad_song_end{
	padding-left:10px;
	padding-right:10px;
}


/*----------------- --ヘッダ下広告-----------------*/
#ad_under_header{
	padding:0;
	margin:10px auto;
}
#ad_under_header p{
	width:300px;
	height:250px;
	background:#E6E6E6;
	margin-left:auto;
	margin-right:auto;
}
/*----------------- --記事上〜中-----------------*/



/*----------------- --コンテンツ下レスポンシブ-----------------*/
#ad_under_main{
	margin-bottom:30px;
}

/*----------------- --その他-----------------*/
/*
#ad_side_top{
	margin-bottom:15px;
}
#ad_side_top p{
	width:300px;
	height:250px;
	margin:0 auto;
	padding:0;
	background:#E6E6E6;
}*/