@charset "UTF-8";
/* header
   ========================================================================== */
header {
 	background:
 	url(../image/bg_matsu.png) no-repeat top center,
	url(../image/bg_block.png) no-repeat center bottom,
	url(../image/bg_01.jpg) no-repeat;
 	background-size: cover;
	margin: auto auto 30px;
	padding: 0;
	overflow: hidden;
	border-left: solid 50px #b71018;
	border-right: solid 50px #b71018;
}

.hdr_inner {
	box-sizing: border-box;
	margin: auto;
	padding: 10px 0 0;
	width: 980px;
	text-align: center;
	position: relative;
}

.hdr_top {
	display: block;
	width: 11.5%;
	position: absolute;
	margin: auto;
	top: -3px;
	right: 140px;
	transform: rotate(-2deg);
}

.hdr_top1,
.hdr_top2 {
	display: block;
	width: 5.5%;
	position: absolute;
	margin: auto;
	top: 5px;
	right: 190px;
}

.hdr_top2 {
	top: 30px;
	left: 185px;
	right: auto;
}

.hdr_h1 {
	width: 52%;
	margin: auto;
}

.hdr_book {
	float: right;
	width: 28%;
	margin: 10px 70px 30px 0;
}

.hdr_nc {
	float: left;
	width: 57%;
	margin: -10px 0 10px 50px;
}

@media screen and (max-width: 980px) {
header {
	border: none;
	border-top: solid 10px #b71018;
	border-bottom: solid 10px #b71018;
	background: none;
 	background: url(../image/bg_01.jpg) no-repeat;
 	background-size: cover;
}

.hdr_inner {
	width: 100%;
	padding: 0 2%;
	background:
 	url(../image/mastu_left_sp.png) no-repeat top 48vw left -5vw,
 	url(../image/matsu_right_sp.png) no-repeat top 65vw right -5vw;
 	background-size: 60%;
}

.hdr_top {
	width: 13%;
	top: 3vw;
	right: 5vw;
}

.hdr_h1 {
	width: 80%;
	position: static;
	margin-top: 10px;
}

.hdr_book {
	margin: auto 10px auto auto;
}

.hdr_nc {
	width: 68%;
	margin: -10px auto auto auto;
}

/*
.hdr_book {
	float: none;
	width: 35%;
	position: static;
	margin: auto;
}

.hdr_nc {
	float: none;
	display: block;
	margin: auto;
	margin-right: 5vw;
	width: 85%;
}
*/

.hdr_top1 {
	width: 7vw;
	top: 3vw;
	right: 7vw;
}

.hdr_top2 {
	width: 7vw;
	top: 4vw;
	left: 7vw;
}
}

/* プリント非表示
   ========================================================================== */
@media print {
	.drawr-bt { display: none !important;}
}