@charset "UTF-8";
/*----------------------------------------------------------基本設定:サイト幅*/
/*---------------------------------------------------------------------------*/
* {
    word-break: normal;
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:100%; /* フォントサイズ自動調整 */
}

body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

/* ---------------

EXAMPLES FONT-SIZE
------------------
10px = 66.7%
11px = 73.3%
12px = 80%
13px = 86.7%
14px = 93.3%
15px = 100%
16px = 106.7%
17px = 113.3%
18px = 120%
19px = 126.7%
20px = 133.3%
21px = 140%
22px = 146.7%
23px = 153.3%
24px = 160%
25px = 166.7%
26px = 173.3%
--------------- */

/*----------------------------------------------------------基本設定:ヘッダー*/
/*---------------------------------------------------------------------------*/
#header {  
    background: -webkit-gradient(linear, left top, left bottom, from(#D3D3D3), to(#D3D3D3));　/* Safari,Google Chrome用 */  
    background: -moz-linear-gradient(top, #D3D3D3, #D3D3D3);　/* Firefox用 */
	margin: 0 0 10px;
	padding: 10px 10px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.caption {
	background: #D3D3D3;
	margin: 10px;
	padding: 10px 10px;
	border: 1px solid #D3D3D3;
	-webkit-border-radius: 8px;
	font-size: 16px;
	color:#333;
	clear: both;
}


/*-------------------------------------------------------------コンテンツ設定*/
/*---------------------------------------------------------------------------*/
.content {
	margin: 10px;
}
.info {
	display: inline-block;
	width: 65%;
}
.thumbnail {
	width: 30%;
	padding-right: 10px;
	float: left;
}
.salesstart {
	font-size: 12px;
	padding: 1px 2px;
	border: 1px solid #999;
	display: inline;
}
.title {
	font-size: 16px;
	margin: 6px 0;
	font-weight: bold;
}
.author {
	padding: 5px 0;
}
.price {
	padding: 5px 0;
}
.linkbutton {
	width: 60%;
	display: inline-block;
	margin-top: 10px;
}
.paper {
	width: 100%;
	text-align: center;
	margin: 5px 0;
	padding: 5px;
	background-color: #ff6347;
	color: #FFF;
}
.digital {
	width: 100%;
	text-align: center;
	margin: 5px 0;
	padding: 5px;
	background-color: #35b24a;
	color: #FFF;
}
.sample {
	width: 100%;
	text-align: center;
	margin: 5px 0;
	padding: 5px;
	background-color: #44afe5;
	color: #FFF;
}
.special {
	width: 100%;
	text-align: center;
	margin: 5px 0;
	padding: 5px;
	background-color: #ffa500;
	color: #FFF;
}
a {
	text-decoration: none;
	color: #FFF;
}

@media screen and (max-width: 767px)  {
	.detail {
		display: none;
		padding: 5px 0;
	}
}
	/*-------------------------------------------------------------------基本設定*/
	/*---------------------------------------------------------------フッター設定*/
	#footer {
		text-align: center;
		font-size: 11px;
		background: #000000;
	}

	#footer p {
		color:#fff;
		margin: 0;
		padding: 5px 0;
	}
}




.clear {
	clear: both;
}