@charset "utf-8";
/* CSS Document */
/****************************************************************/
/*基本設定*/
html {
	height:100%;
	margin: 0px;
	padding: 0;
	font-size: 62.5%;
}

body {
	box-sizing: border-box;
	margin:0 auto;
	width:100%;
	max-width: 800px;
	background: #FFFFFF;
	color: #333333;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	line-height: 1.75;
}


/****************************************************************/
/*見出しテキストのスタイル*/
h1 {
	margin: 0;
	padding: 0;
	font-size:2.5rem;
	line-height: 1.4;
	color: #D9752B;
}
h1 a {
	color: #D9752B;
}
h1 a:link,a:visited {
	text-decoration: none;
}
h1 a:hover,a:active {
	text-decoration: underline;
}

/****************************************************************/
/*段落（p）テキストのスタイル*/
p {
	margin-top: 1.5em;
	padding:0;
	font-size: 1.4rem;
}

p a:link {
	color: #D9752B;
	text-decoration: underline;
}
p a:visited {
	color: #666666;
	text-decoration: underline;
}
p a:hover {
	color: #336633;
	text-decoration: underline;
}

/*リンク付イメージ（サムネール画像）のスタイル*/
a img {
	border: solid 2px #D9752B;
	margin:10px 5px;
	padding:0;
	background-image: none;
}

/****************************************************************/
/* 説明文エリア */
/****************************************************************/
/* 説明全体 */
div#box_main{
	float:left;
	box-sizing: border-box;
	margin: 0;
	padding: 20px 10px;
	width: calc( 100% - 350px );
}

/* ブックを見るボタンエリア */
div#box_book{
	margin-top: 40px;
}

/* ブックを見るボタン */
p.textr{
	font-size: 1.8rem;
}

p.textr a{
	border-radius: 4px;
	padding: 0.75em 1.5em;
	background-color: #D9752B;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
p.textr a:hover{
	background-color: #df8b4c;
	color: #FFF;
}

/****************************************************************/
/* サムネイル・ページャーエリア */
/****************************************************************/
#thumbnail-and-pager{
	float: right;
	/* padding-top: 8px; */
	width: 300px;
}

/* ブックサムネイル */
#flipper-app,
#flipper-component{
	background: #FFF;
	width: 300px;
	height: 220px;
	position: relative;
	overflow: hidden;
}

/* ページャー */
#pager{
	margin: 2px 17px;
}

#pager .pager-left{
	float: left;
}

#pager .pager-right{
	float: right;
}

/****************************************************************/
/*アラート文*/
.textCaution{
	margin:0;
	padding:6px 2px;
	text-align: center;
	background: #dddddd;
	color: #666666;
}

/****************************************************************/
/* 幅800px以下（モバイルフレンドリー対応） */
/****************************************************************/
@media screen and (max-width: 800px){

	#thumbnail-and-pager{
		float: none;
		margin: 0 auto;
	}
	div#box_main{
		clear: both;
		float: none;
		width: 100%;
	}
	#box_text h1{
		text-align: center;
	}
	#searchText{
		font-size: 1.8rem;
	}
	#box_text p.moto{
		font-size: 1.6rem;
	}
	div#box_book{
		width: 100%;
		margin: 40px auto 0;
	}
	p.textr{
		text-align: center;
	}
	p.textr a{
		display: block;
	}

}
