@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : book.css
 author     : Ability Consultant
 style info : ゆとり旅日和
=================================================================== */
.box_container, .con_namber .con_pager {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.box_container, .con_namber .con_pager {
		width: 95%;
	}
}

@media print {
	.box_container, .con_namber .con_pager {
		width: 95%;
	}
}

.ie8 .box_container, .ie8 .con_namber .con_pager, .con_namber .ie8 .con_pager {
	width: 95%;
}

.box_container:after, .con_namber .con_pager:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.box_container {
	display: block;
}

#bg_page {
	background-image: url(../book/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../book/images/bg_title-sp.jpg);
	}
}

/* -----------------------------------------------------------
	.con_new
----------------------------------------------------------- */
.con_new {
	margin-bottom: 58px;
	overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_new {
		margin-bottom: 58px;
	}
}

@media only screen and (max-width: 767px) {
	.con_new {
		margin-bottom: 38px;
	}
}

.con_new .img {
	float: left;
	width: 31.57895%;
	margin-right: 5.26316%;
}

@media only screen and (max-width: 767px) {
	.con_new .img {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
	}
	.con_new .img img {
		width: 100%;
	}
}

.con_new .box_r {
	float: left;
	width: 63.15789%;
}

@media only screen and (max-width: 767px) {
	.con_new .box_r {
		float: none;
		width: 100%;
	}
}

.con_new .box_r .st_mid {
	margin-bottom: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_new .box_r .st_mid {
		margin-bottom: 28px;
	}
}

@media only screen and (max-width: 767px) {
	.con_new .box_r .st_mid {
		margin-bottom: 18px;
	}
}

.con_new .box_r .theme {
	font-size: 143%;
	margin-bottom: 10px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}

.con_new .box_r .theme em {
	font-size: 130%;
}

.con_new .box_r > .txt {
	margin-bottom: 40px;
	font-size: 108%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_new .box_r > .txt {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.con_new .box_r > .txt {
		margin-bottom: 20px;
	}
}

.con_new .box_r .box_btn .txt {
	font-size: 115%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
	.con_new .box_r .box_btn .btn a {
		min-width: 100%;
	}
}

/* -----------------------------------------------------------
	.con_mail
----------------------------------------------------------- */
.con_mail {
	margin-bottom: 58px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_mail {
		margin-bottom: 58px;
	}
}

@media only screen and (max-width: 767px) {
	.con_mail {
		margin-bottom: 38px;
	}
}

.con_mail .box_container {
	border: 1px solid #ccc;
	padding: 30px 65px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_mail .box_container {
		padding: 30px 65px;
	}
}

@media only screen and (max-width: 767px) {
	.con_mail .box_container {
		padding: 20px;
	}
}

.con_mail .st_high {
	margin-bottom: 20px;
}

.con_mail .st_high .jp {
	margin-bottom: 0;
}

.con_mail .txt {
	float: left;
	width: 58.77193%;
	font-size: 108%;
}

@media only screen and (max-width: 767px) {
	.con_mail .txt {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
}

.con_mail .btn {
	float: right;
}

.con_mail .btn a {
	min-width: 285px;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.con_mail .btn {
		float: none;
	}
	.con_mail .btn a {
		min-width: 100%;
	}
}

/* -----------------------------------------------------------
	.con_namber
----------------------------------------------------------- */
.con_namber {
	background: #f9f9f9;
	padding: 50px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_namber {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_namber {
		padding: 30px 0;
	}
}

.con_namber .st_high {
	margin-bottom: 40px;
}

.con_namber .st_high .jp {
	margin-bottom: 0;
}

.con_namber .box_namber {
	margin-bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_namber .box_namber {
		margin-bottom: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.con_namber .box_namber {
		margin-bottom: 50px;
	}
}

.con_namber .box_namber ul {
	overflow: hidden;
}

.con_namber .box_namber ul li {
	float: left;
	width: 21.92982%;
	margin-right: 4.03509%;
	margin-top: 50px;
}

@media only screen and (min-width: 1025px) {
	.con_namber .box_namber ul li:first-child, .con_namber .box_namber ul li:nth-child(2), .con_namber .box_namber ul li:nth-child(3), .con_namber .box_namber ul li:nth-child(4) {
		margin-top: 0;
	}
	.con_namber .box_namber ul li:nth-child(4n) {
		margin-right: 0;
	}
}

@media print {
	.con_namber .box_namber ul li:first-child, .con_namber .box_namber ul li:nth-child(2), .con_namber .box_namber ul li:nth-child(3), .con_namber .box_namber ul li:nth-child(4) {
		margin-top: 0;
	}
	.con_namber .box_namber ul li:nth-child(4n) {
		margin-right: 0;
	}
}

.ie8 .con_namber .box_namber ul li:first-child, .ie8 .con_namber .box_namber ul li:nth-child(2), .ie8 .con_namber .box_namber ul li:nth-child(3), .ie8 .con_namber .box_namber ul li:nth-child(4) {
	margin-top: 0;
}

.ie8 .con_namber .box_namber ul li:nth-child(4n) {
	margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_namber .box_namber ul li {
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	.con_namber .box_namber ul li:first-child, .con_namber .box_namber ul li:nth-child(2) {
		margin-top: 0;
	}
	.con_namber .box_namber ul li:nth-child(even) {
		margin-right: 0;
	}
	.con_namber .box_namber ul li:nth-child(odd) {
		clear: both;
	}
}

@media only screen and (max-width: 767px) {
	.con_namber .box_namber ul li {
		margin-left: 0;
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	.con_namber .box_namber ul li:first-child {
		margin-top: 0;
	}
}

.con_namber .box_namber ul li a {
	display: block;
	text-decoration: none;
	position: relative;
}

.con_namber .box_namber ul li .img {
	position: relative;
	height: 0;
	padding-top: 148%;
	overflow: hidden;
}

.con_namber .box_namber ul li .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}

.con_namber .box_namber ul li dl {
	text-align: center;
	margin-top: 10px;
	line-height: 1.6;
}

.con_namber .box_namber ul li dl dt {
	font-size: 129%;
}

.con_namber .box_namber ul li dl dd {
	font-size: 108%;
}

@media only screen and (max-width: 767px) {
	.con_namber .con_pager {
		margin-top: 40px;
	}
}

.con_namber .con_pager ul {
	text-align: center;
}

.con_namber .con_pager ul li {
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
	vertical-align: top;
}

.con_namber .con_pager ul li a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #333;
	text-align: center;
	-webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.con_namber .con_pager ul li a:hover, .con_namber .con_pager ul li a.active {
	background: #001b34;
	color: #fff;
}

.con_namber .con_pager ul li.prev i {
	margin-right: 0.5em;
}

.con_namber .con_pager ul li.next i {
	margin-left: 0.5em;
}

.con_namber .con_pager ul li.back i {
	margin-right: 0.5em;
}

.con_namber .con_pager ul li.index i {
	margin-right: 0.5em;
}

/*# sourceMappingURL=../maps/book.css.map */