@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;

}



/* ページャー */

#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;

	}



}