@charset "UTF-8";

/* header

   ========================================================================== */

header {

	background:

	url(../image/head_back03.jpg) no-repeat center bottom -30px,

	url(../image/head_back.png) no-repeat center top -100px;

	background-color: #faf7e1;

	background-size: 100%;

	margin: auto auto 30px;

	overflow: hidden;

}



.hdr_inner {

	box-sizing: border-box;

	margin: auto;

	padding: 0 0 30px;

	width: 980px;

	text-align: center;

	position: relative;

}



.hdr_top {

	display: block;

	margin: 10px auto 30px;

	text-align: center;

	width: 70%;

}



.hdr_h1 {

	display: block;

	width: 80%;

	margin: 20px auto 10px;

	text-align: center;

}



.hdr_box { text-align: center;}



.hdr_book {

	display: inline;

	box-sizing: border-box;

	width: 32%;

	box-shadow: 0 0 10px #a35e0d;

	/*transform: rotate(-3deg);*/

	vertical-align: top;

	margin-top: 60px;

}



.hdr_nc {

	display: inline;

	box-sizing: border-box;

	width: 65%;

	margin: 0 20px 10px 0;

}



.hdr_pc {}

.hdr_sp { display: none;}





@media screen and (max-width: 800px) {

header {

	background:

		url(../image/head_back02.png) no-repeat center bottom,

		url(../image/head_back.png) no-repeat center top;

	background-color: #faf7e1;

	background-size: 100%;

	margin: auto auto 30px;

	overflow: hidden;

}



.hdr_inner {

	width: 100%;

	padding: 2%;

}



.hdr_top {

	margin: auto;

	width: 80%

}



.hdr_h1,

.hdr_nc {

	display: block;

	float: none;

	box-sizing: border-box;

	text-align: center;

	margin: auto;

}



.hdr_h1 {

	width: 90%;

	margin: 10px auto;

}



.hdr_book {

	float: none;

	width: 40%;

	margin: 20px auto;

}



.hdr_nc {

	width: 90%;

	margin: auto auto 30px;

}



.hdr_pc { display: none;}

.hdr_sp { display: block;}



}



/* プリント非表示

   ========================================================================== */

@media print {

	.drawr-bt { display: none !important;}

}