/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
　■
　■　黒羽製作所
　■
　■　config.css
　■
　■　共通CSS
　■
　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



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


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

	/*■ 全体 ■*/

	body{

		/* 概観 */
		background-color: #000000;
		color: #ffffff;

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

	}

	p{

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

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


	}



	/*■ トップ ■*/
	header{

		/* システム */
		position: fixed;
		z-index: 10; /*トップの上に画像が行かない処理*/
		
		/* 概観 */
		background-color: #000000;

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

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

	}

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

		/* システム */
		position: relative;


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

	}

	#logolink a{

		/* システム */
		display: block;
		position: absolute;

		/* 枠 */
		top: 0;
		width: 100%;
		height: 100%;
	}


	/*■ トップロゴ ■*/

	/* Amazon */
	#amazon_logo_img{

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

	/* 楽天ブックス */
	#rt_books_logo_img{

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

	/* 楽天kobo */
	#rt_kobo_logo_img{

		width:480px;
		height:60px;
		background-image: url(../img/rt_kobo_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:225px;
		height:40px;
	}


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

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

		/* システム */
		position: fixed;
		z-index: 6; /*トップの上に画像が行かない処理*/

		/* 概観 */
		background-color:#000000;

		/* 枠 */
		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: 24px;
		background: #333333;

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

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

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

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

		/* フォント */
		font-size: 16px;
		color: #ffffff;

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 24px;
		background: #222222;

		/* 外枠 */

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

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

	}

	/* ナビメニューURL */
	/* http://blog.asial.co.jp/1153 */
	div.navimenu a{

		/* システム */
		display: block;
		position: absolute;

		/* 枠 */
		top: 0;
		width: 20%;
		height: 24px;
		margin-right:auto;
		margin-left:auto;

	}

	/*■ 本表示 ■*/


	/*□ 大枠 □*/
	section#BookArea{


		/* システム */
	/*	border: 1px #ff0000 solid; */
		display: block;

		/* 概観 */
		background-color: #ffffff;

		/* 枠 */
		width: 90%;
		height: 90%;

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

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

	/*□ 日付区切 □*/
	div.day_border{

		/* 枠 */
		width: 90%;
		background-color: #006633;
		border-radius:5px;

		/* フォント */
		font-size: 22px;
		color: #ffffff;
		vertical-align: middle;

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

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

	}

	/*□ 書籍一覧１日 □*/
	div.booklist{

		/* システム */
	/*	border: 1px #ff0000 solid;*/
		overflow: hidden;
	}

	/*□ 書籍１冊 □*/
	div.book{

		/* システム */
		border: 2px #dddddd solid;
		overflow: hidden;
		float: left;
		position: relative;
		border-style: outset;

		/* 枠 */
		width:16%;
		height:20vw;

	}

	/*□ 書籍分冊 □*/
	div.book_fascicle{

		/* システム */
		border: 2px #0000FF solid;
		overflow: hidden;
		float: left;
		position: relative;
		border-style: outset;

		/* 枠 */
		width:16%;
		height:20vw;

	}

	div.amazon_book{

		/* システム */
		border: 1px #ff0000 solid;
		overflow: hidden;
		float: left;
		position: relative; 

		/* 枠 */
		width:24%;
		height:32vw;

		/* 外枠 */
		border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		border-right: 2px outset #dddddd;
		border-bottom: 2px outset #dddddd;
	}

	/* 書籍リンク */
	p.book_link{

	}

	/* 書籍イメージ */
	p.book_link img.rt_book{

		/* システム */

		/* 枠 */
		width:100%;

	}

	div.amazon_book p.book_link img.amazon_book{

		/* システム */

		/* 枠 */
		width:100%;

	}

	/* G2 画像上 */
	span.details{

		/* システム */
		position: absolute;
		z-index: 1;

		/* 概観 */
	/*	border: 1px #ff0000 solid;*/
		background-color: #ffffcc;
		
		filter:alpha(opacity=80);
	    -moz-opacity: 0.8;
	    opacity: 0.8;
	    
		bottom:0px;
		width:100%;

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

		/* フォント */
		text-align: center;
		font-size: 70%;
		color: #000000;
	}

	span.details span.book_title{

		/* フォント */
		font-size: 70%;

	}

	span.details span.book_author{

		/* フォント */
		font-size: 40%;

	}
}

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

	/*■ 全体 ■*/

	body{

		/* 概観 */
		background-color: #000000;
		color: #ffffff;

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

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

	}

	p{

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

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

	}


	/*■ トップ ■*/
	header{

		position: fixed;
		background-color: #000000;
		z-index: 10; /*トップの上に画像が行かない処理*/

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

		/* フォント */
		font-size: 18px;
		overflow: hidden;

	}

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

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

	}

	#logolink a{
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}


	/*■ トップロゴ ■*/


	/* Amazon */
	#amazon_logo_img{

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

	/* 楽天ブックス */
	#rt_books_logo_img{

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

	/* 楽天kobo */
	#rt_kobo_logo_img{

		width:300px;
		height:60px;
		background-image: url(../img/rt_kobo_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:225px;
		height:40px;
	}


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

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

		/* システム */
		position: fixed;
		z-index: 6; /*トップの上に画像が行かない処理*/

		/* 概観 */
		background-color:#000000;

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

	}

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

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

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


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

		/* フォント */
		font-size: 80%;
		font-weight: bolder;
		color: #ad5da1;
/*		word-wrap: break-word;*/

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 24px;
		background: #333333;

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

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

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

	/* ナビタブ（未選択） */
	div.navimenu {
	
		/* フォント */
		font-size: 80%;
		color: #ffffff;
/*		word-wrap: break-word;*/

		/* 枠 */
		text-align: center;
		float: left;
		width: 20%;
		height: 24px;
		background: #222222;

		/* 外枠 */

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

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

	}

	/* ナビメニューURL */
	/* http://blog.asial.co.jp/1153 */
	div.navimenu a{

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

	}

	/*■ 本表示 ■*/


	/*□ 大枠 □*/
	section#BookArea{


		/* システム */
		display: block;

		/* 概観 */
		background-color: #ffffff;

		/* 枠 */
		width: 100%;
		height: 100%;

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

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

	/*□ 日付区切 □*/
	div.day_border{

		/* 枠 */
		width: 80%;
		background-color: #006633;
		border-radius:5px;

		/* フォント */
		font-size: 22px;
		color: #ffffff;
		vertical-align: middle;

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

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

	}

	/*□ 書籍一覧１日 □*/
	div.booklist{

		/* システム */
		overflow: hidden;
	}

	/*□ 書籍１冊 □*/
	div.book{

		/* システム */
		border: 2px #dddddd solid;
		overflow: hidden;
		float: left;
		position: relative;
		border-style: outset;

		/* 枠 */
		width:49%;
		height:67vw;

	}

	/*□ 書籍分冊 □*/
	div.book_fascicle{

		/* システム */
		border: 2px #0000FF solid;
		overflow: hidden;
		float: left;
		position: relative;
		border-style: outset;

		/* 枠 */
		width:49%;
		height:67vw;

	}

	div.amazon_book{

		/* システム */
		border: 1px #ff0000 solid;
		overflow: hidden;
		float: left;
		position: relative; 

		/* 枠 */
		width:49%;
		height:67vw;

		/* 外枠 */
		border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		border-right: 2px outset #dddddd;
		border-bottom: 2px outset #dddddd;
	}


	/* 書籍リンク */
	p.book_link{

	}

	/* 書籍イメージ */
	p.book_link img.rt_book{

		/* システム */

		/* 枠 */
		width:100%;

	}

	div.amazon_book p.book_link img.amazon_book{

		/* システム */

		/* 枠 */
		width:100%;

	}

	/* G2 画像上 */
	span.details{

		/* システム */
		position: absolute;
		z-index: 1;

		/* 概観 */
		background-color: #ffffcc;
		
		filter:alpha(opacity=80);
	    -moz-opacity: 0.8;
	    opacity: 0.8;
	    
		bottom:0px;
		width:100%;

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

		/* フォント */
		text-align: center;
		font-size: 70%;
		color: #000000;
	}

	span.details span.book_title{

		/* フォント */
		font-size: 70%;

	}

	span.details span.book_author{

		/* フォント */
		font-size: 40%;

	}
}