/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　■
　■　黒羽製作所
　■
　■　共通CSS
　■
　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*■■■■■■■■■■■■■■■■■
　■　大枠
　■■■■■■■■■■■■■■■■■*/


/*■ 背景 ■*/
body{

	/* 枠 */
	background-color: #000000;
	color: #ffffff;
}

header{
	background-color: #000000;
	color: #ffffff;
}

nav{
	background-color: #000000;
	color: #ffffff;
}


section{
	background-color: #333333;
	color: #ffffff;
}

article{
	background-color: #555555;
	color: #ffffff;
}


footer{
	background: #000000;
	background: -webkit-linear-gradient( #333333, #000000 );
	background: -moz-linear-gradient( #333333, #000000 );
	background: -o-linear-gradient( #333333, #000000 );
	background: linear-gradient( #333333, #000000 );

	color: #ffffff;
}



/*■ 曜日色 ■
曜日の漢字はPHP側
*/

/* 日曜日 */
span#week0{
	color: #f39700;
}

/* 月～金曜日 */
span#week1{
	color: #ffffff;
}
span#week2{
	color: #ffffff;
}
span#week3{
	color: #ffffff;
}
span#week4{
	color: #ffffff;
}
span#week5{
	color: #ffffff;
}

/* 土曜日 */
span#week6{
	color: #00ffff;
}




/*■■■■■■■■■■■■■■■■■
　■　表示
　■■■■■■■■■■■■■■■■■*/



/*■ 横幅640px以上 ■*/
@media screen and (min-width: 640px) {

	/*■ 見出し ■*/

	/* 見出し大 */
	h1 {
		font-size: 26px;
		color: #fef050;
	}

	/* 見出し中 */
	h2 {
		font-size: 22px;
		color: #fff799;
	}

	/* 見出し小 */
	h3 {
		font-size: 18px;
		color: #fff9b0;
	}


	/*■ 背景 ■*/
	body{

		/* 外枠 */
		margin-top:90px; /* トップスペース */
	}


	/*■ トップ ■*/
	
	header{

		/* トップ固定 */
		position: fixed;
		overflow: hidden;

		/* 枠 */
		top: 0;
		width: 100%;
		height: 60px;

		/* フォント */
		font-size: 26px;
	}


	/* トップ ロゴリンク */
	#logolink{

		/* 枠 */
		position: relative;
		top: 0;
		width:480px;
		height:60px;
		margin-right:auto;
		margin-left:auto;
	}


	/* ロゴURL */
	#logolink a{

		/* 枠 */
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}


	/* ロゴイメージ */
	#logo_img{

		/* 枠 */
		width:480px;
		height:60px;
		background-image: url(../img/banner.png);
	}

	/*■ フッタ ■*/
	
	footer{

		/* フッタメイン枠 */

		/* 枠 */
		bottom: 0;
		width: 100%;
		height: 45px;
	}

	/* フッタインナー */
	#footer_frame{

		/* 枠 */
		position: relative;
		top: 0;
		width:80%;
		margin: 0 auto;

		/* 内枠 */
		padding-top:5px;
		padding-bottom:0px;
		padding-right:5px;
		padding-left:5px;

	}

	/* フッタ枠 */
	div.footer_block {
	
		/* 枠 */
		text-align: center;
		float: left;
		height: 20px;

		/* 内枠 */
		padding-right:5px;
		padding-left:5px;

	}

	/* 楽天API */
	#rakapi{

		/* 枠 */
		float: left;
		width:100px;
		height:40px;
	}


	/*■ ナビゲーション ■*/

	/* ナビ本体枠 */
	nav#navi{

		/* 枠 */
		position: fixed;
		top: 60px;
		width:100%;
		height: 30px;

		/* 外枠 */
	}

	/* ナビ整理用 */
	div#navi{

		/* 枠 */
		width: 80%;
		margin: 0 auto;

		/* 内枠 */
		padding-top:2px;
	}

	/* ナビタブ（選択） */
	div.navimenusl {

		/* フォント */
		font-size: 16px;
		font-weight: bolder;
		color: #ad5da1;

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 21px;
		background: #333333;
		border-radius: 16px 16px 0px 0px;

		/* 外枠 */
		margin-top:0px;

		/* 内枠 */
		padding-top:5px;

		/* 枠線 */
		border-top-color: #aaaaaa;
		border-top-style:solid;
		border-top-width: 2px;
	}

	/* ナビタブ（未選択） */
	div.navimenu {
	
		/* フォント */
		font-size: 16px;
		color: #ffffff;

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 20px;
		background: #222222;
		border-radius: 16px 16px 0px 0px;

		/* 外枠 */
		margin-top:1px;

		/* 内枠 */
		padding-top:5px;

		/* 枠線 */
		border-top-color: #666666;
		border-top-style:solid;
		border-top-width: 2px;
	}

	/* ナビメニューURL */
	div.navimenu a{

		/* 枠 */
		display: block;
		position: absolute;
		top: 0;
		width: 16%;
		height: 20px;
		margin-right:auto;
		margin-left:auto;
	}


	/*■ メインコンテンツ ■*/


	section#main{

		/* 枠 */
		width: 100%;

		/* 内枠 */
	}


	/* 少し枠に余裕を持たせる */
	section#main-content{

		/* 枠 */
		width:85%;
		background-color: #666666;

		/* 外枠 */
		margin-right:auto;
		margin-left:auto;

		/* 内枠 */
		padding-top:5px;
		padding-bottom:1px;
		padding-right:5px;
		padding-left:5px;
	}


	article{

		/* 外枠 */
		margin-top:0px;
		margin-bottom:5px;
		margin-right:auto;
		margin-left:auto;

		/* 内枠 */
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		padding-left:5px;
	}


}

/*■ 横幅639px以下 ■*/
@media screen and (max-width: 639px) {


	/*■ 見出し ■*/

	/* 見出し大 */
	h1 {
		font-size: 20px;
		color: #fef050;
	}

	/* 見出し中 */
	h2 {
		font-size: 16px;
		color: #fff799;
	}

	/* 見出し小 */
	h3 {
		font-size: 12px;
		color: #fff9b0;
	}


	/*■ 背景 ■*/
	body{

		/* 外枠 */
		margin-top:50px; /* トップスペース */
	}


	/*■ トップ ■*/
	
	header{

		/* トップ固定 */
		position: fixed;
		overflow: hidden;

		/* 枠 */
		top: 0;
		width: 100%;
		height: 60px;

		/* フォント */
		font-size: 26px;
	}


	/* トップ ロゴリンク */
	#logolink{

		/* 枠 */
		position: relative;
		top: 0;
		width:480px;
		height:60px;
		margin-right:auto;
		margin-left:auto;
	}


	/* ロゴURL */
	#logolink a{

		/* 枠 */
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}


	/* ロゴイメージ */
	#logo_img{

		/* 枠 */
		width:300px;
		height:60px;
		background-image: url(../img/banner_m.png);
	}

	/*■ フッタ ■*/
	
	footer{

		/* フッタメイン枠 */

		/* 枠 */
		bottom: 0;
		width: 100%;
		height: 45px;
	}

	/* フッタインナー */
	#footer_frame{

		/* 枠 */
		position: relative;
		top: 0;
		width:100%;
		margin: 0 auto;

		/* 内枠 */
		padding-top:2px;
		padding-bottom:0px;
		padding-right:2px;
		padding-left:2px;

	}

	/* フッタ枠 */
	div.footer_block {
	
		/* 枠 */
		text-align: center;
		float: left;
		height: 20px;

		/* 内枠 */
		padding-right:2px;
		padding-left:2px;

	}

	/* 楽天API */
	#rakapi{

		/* 枠 */
		float: left;
		width:100px;
		height:40px;
	}


	/*■ ナビゲーション ■*/

	/* ナビ本体枠 */
	nav#navi{

		/* 枠 */
		position: fixed;
		top: 60px;
		width:100%;
		height: 20px;

		/* 外枠 */
	}

	/* ナビ整理用 */
	div#navi{

		/* 枠 */
		width: 100%;
		margin: 0 auto;

		/* 内枠 */
		padding-top:1px;
	}

	/* ナビタブ（選択） */
	div.navimenusl {

		/* フォント */
		font-size: 10px;
		font-weight: bolder;
		color: #ad5da1;

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 17px;
		background: #333333;
		border-radius: 16px 16px 0px 0px;

		/* 外枠 */
		margin-top:0px;

		/* 内枠 */
		padding-top:2px;

		/* 枠線 */
		border-top-color: #aaaaaa;
		border-top-style:solid;
		border-top-width: 1px;
	}

	/* ナビタブ（未選択） */
	div.navimenu {
	
		/* フォント */
		font-size: 10px;
		color: #ffffff;

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 16px;
		background: #222222;
		border-radius: 16px 16px 0px 0px;

		/* 外枠 */
		margin-top:1px;

		/* 内枠 */
		padding-top:2px;

		/* 枠線 */
		border-top-color: #666666;
		border-top-style:solid;
		border-top-width: 1px;
	}

	/* ナビメニューURL */
	div.navimenu a{

		/* 枠 */
		display: block;
		position: absolute;
		top: 0;
		width: 16%;
		height: 16px;
		margin-right:auto;
		margin-left:auto;
	}


	/*■ メインコンテンツ ■*/


	section#main{

		/* 枠 */
		width: 100%;

		/* 内枠 */
	}


	/* 少し枠に余裕を持たせる */
	section#main-content{

		/* 枠 */
		width:96%;
		background-color: #666666;

		/* 外枠 */
		margin-right:auto;
		margin-left:auto;

		/* 内枠 */
		padding-top:2px;
		padding-bottom:1px;
		padding-right:2px;
		padding-left:2px;
	}


	article{

		/* 外枠 */
		margin-top:0px;
		margin-bottom:2px;
		margin-right:auto;
		margin-left:auto;

		/* 内枠 */
		padding-top:2px;
		padding-bottom:2px;
		padding-right:2px;
		padding-left:2px;
	}

}