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

 file name  : charge.css
 author     : Ability Consultant
 style info : 料金案内
=================================================================== */
.box_intro, .con_pri .box_pri, .con_pri02 .box_pri02 {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.box_intro, .con_pri .box_pri, .con_pri02 .box_pri02 {
		width: 95%;
	}
}

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

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

/* -----------------------------------------------------------
	box_intro
----------------------------------------------------------- */
.con_title {
	position: relative;
	z-index: 2;
}

.con_title .st_high {
	margin-bottom: 0;
}

#contents {
	position: relative;
	z-index: 1;
}

.box_intro {
	letter-spacing: -.4em;
}

.box_intro .box_img {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
}

@media only screen and (max-width: 1024px) {
	.box_intro .box_img {
		display: block;
		width: 100%;
	}
	.box_intro .box_img img {
		width: 100%;
	}
}

.box_intro .box_txt {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	width: 52.36842%;
	margin-right: 2.63158%;
}

.box_intro .box_txt .sp_entry {
	background: #703626;
	color: #fff;
	text-align: center;
	padding: 0.5em 0;
}

.box_intro .box_txt .sp_entry .price {
	font-family: "Dancing Script", cursive;
	font-size: 180%;
}

.box_intro .box_txt .catch {
	text-align: left;
	font-size: 258%;
	font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	color: #845548;
	line-height: 1.5;
	padding-left: 5.5em;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.box_intro .box_txt .catch {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.box_intro .box_txt .catch {
		font-size: 200%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_intro .box_txt .catch {
		padding-left: 5em;
	}
}

@media only screen and (max-width: 767px) {
	.box_intro .box_txt .catch {
		padding-left: 0;
	}
}

.box_intro .box_txt .catch:before {
	content: '';
	background: url(../charge/images/img_brown.png) no-repeat;
	display: block;
	width: 175px;
	height: 175px;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (min-width: 1025px) and (max-width: 1140px) {
	.box_intro .box_txt .catch:before {
		background-size: 90%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_intro .box_txt .catch:before {
		background-size: 70%;
	}
}

@media only screen and (max-width: 767px) {
	.box_intro .box_txt .catch:before {
		display: none;
	}
}

.box_intro .box_txt .catch .entry {
	display: block;
	position: absolute;
	left: 6%;
	top: 25%;
	color: #fff;
	z-index: 999;
	position: absolute;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_intro .box_txt .catch .entry {
		left: 2%;
	}
}

.box_intro .box_txt .catch .entry .jp {
	display: block;
	font-size: 53%;
}

.box_intro .box_txt .catch .entry .price {
	display: inline-block;
	font-size: 134%;
	font-family: "Dancing Script", cursive;
}

.box_intro .box_txt .catch .entry .price .en {
	font-size: 53%;
}

.box_intro .box_txt .txt {
	margin-top: 35px;
	line-height: 2.5;
	font-size: 129%;
}

@media only screen and (max-width: 767px) {
	.box_intro .box_txt .txt {
		margin-top: 5%;
	}
}

@media only screen and (max-width: 767px) {
	.box_intro .box_txt .txt {
		line-height: 1.5;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.box_intro .box_txt .txt {
		font-size: 115%;
	}
}

@media only screen and (max-width: 767px) {
	.box_intro .box_txt .txt {
		font-size: 108%;
	}
}

@media only screen and (max-width: 1024px) {
	.box_intro .box_txt {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
	}
}

@media only screen and (max-width: 1024px) and (max-width: 767px) {
	.box_intro .box_txt {
		margin-top: 5%;
	}
}

/* -----------------------------------------------------------
	con_pri
----------------------------------------------------------- */
.con_pri {
	margin-bottom: 4em;
}

.con_pri .box_pri .box_table {
	overflow: hidden;
}

.con_pri .box_pri .box_table li {
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.con_pri .box_pri .box_table li {
		margin-top: 4%;
	}
}

@media only screen and (min-width: 768px) {
	.con_pri .box_pri .box_table li {
		float: right;
		width: 47.80702%;
	}
	.con_pri .box_pri .box_table li:first-child,
	.con_pri .box_pri .box_table li:first-child + * + * {
		float: left;
		clear: left;
	}
}

@media print {
	.con_pri .box_pri .box_table li {
		float: right;
		width: 47.80702%;
	}
	.con_pri .box_pri .box_table li:first-child,
	.con_pri .box_pri .box_table li:first-child + * + * {
		float: left;
		clear: left;
	}
}

.ie8 .con_pri .box_pri .box_table li {
	float: right;
	width: 47.80702%;
}

.ie8 .con_pri .box_pri .box_table li:first-child,
.ie8 .con_pri .box_pri .box_table li:first-child + * + * {
	float: left;
	clear: left;
}

.con_pri .box_pri .box_table li h5 {
	font-size: 143%;
	font-weight: 100;
	color: #2b130c;
	font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	border-left: .3em solid #845548;
	padding: .2em 0 .4em .5em;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.con_pri .box_pri .box_table li h5 {
		font-size: 143%;
	}
}

@media only screen and (max-width: 767px) {
	.con_pri .box_pri .box_table li h5 {
		font-size: 108%;
	}
}

.con_pri .box_pri .box_table li table tr small {
	display: block;
	font-size: 80%;
}

.con_pri .box_pri .box_table li table tr th {
	width: 45%;
}

.con_pri .box_pri .box_table li table tr th:last-child {
	border-right: none;
}

.con_pri .box_pri .box_table li table tr td {
	padding: 1em 0;
	text-align: center;
}

.con_pri .box_pri .box_table li table tr td:last-child {
	border-right: none;
}

.con_pri .box_pri .box_table li .memo {
	line-height: 2.5;
	padding-left: 1.2em;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.con_pri .box_pri .box_table li .memo {
		line-height: 1.5;
	}
}

.con_pri .box_pri .box_table li .memo:before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (min-width: 1141px) {
	.con_pri {
		position: relative;
	}
	.con_pri:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		bottom: 0;
		width: 505px;
		height: 352px;
		background: no-repeat url(../access/images/bg_left.png) top left;
	}
	.con_pri .box_pri {
		position: relative;
		z-index: 2;
	}
}

@media print {
	.con_pri {
		position: relative;
	}
	.con_pri:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		bottom: 0;
		width: 505px;
		height: 352px;
		background: no-repeat url(../access/images/bg_left.png) top left;
	}
	.con_pri .box_pri {
		position: relative;
		z-index: 2;
	}
}

.ie8 .con_pri {
	position: relative;
}

.ie8 .con_pri:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	width: 505px;
	height: 352px;
	background: no-repeat url(../access/images/bg_left.png) top left;
}

.ie8 .con_pri .box_pri {
	position: relative;
	z-index: 2;
}

.wave {
	margin-top: 50px;
	padding-bottom: 50px;
	background: url(../access/images/bg_light_brown.png);
}

@media only screen and (max-width: 767px) {
	.wave {
		margin-top: 7%;
	}
}

@media only screen and (max-width: 767px) {
	.wave {
		padding-bottom: 7%;
	}
}

.wave:after {
	display: block;
	content: '';
	width: 100%;
	height: 88px;
	background: no-repeat url(../access/images/bg_wave04.png) bottom left;
}

/* -----------------------------------------------------------
	con_pri02
----------------------------------------------------------- */
.con_pri02 {
	margin-top: 100px;
}

@media only screen and (max-width: 767px) {
	.con_pri02 {
		margin-top: 10%;
	}
}

.con_pri02 .box_pri02 .st_high_sec {
	margin-bottom: 1em;
}

.con_pri02 .box_pri02 .st_high_poi {
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.con_pri02 .box_pri02 .st_high_poi .en {
		padding-left: 3em;
	}
}

.con_pri02 .box_pri02 .box_table {
	overflow: hidden;
}

.con_pri02 .box_pri02 .box_table li {
	margin-top: 50px;
	padding: 3em 2em 2em 2em;
	position: relative;
	float: left;
	width: 48%;
	margin-left: 2%;
	background: #fff;
	border-radius: 20px;
}

.con_pri02 .box_pri02 .box_table li .st_high_poi {
	margin-bottom: 2em;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.con_pri02 .box_pri02 .box_table li .st_high_poi {
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li .st_high_poi {
		margin-bottom: 1em;
	}
}

.con_pri02 .box_pri02 .box_table li .st_high_poi .jp {
	font-size: 236%;
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li {
		margin-top: 4%;
	}
}

.con_pri02 .box_pri02 .box_table li::nth-of-type(odd) {
	margin-left: 0%;
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li {
		float: none;
		width: 90%;
		margin: 3em auto;
	}
}

.con_pri02 .box_pri02 .box_table li.price:before {
	content: '';
	background: url(../charge/images/ic_price.png) no-repeat;
	display: block;
	width: 167px;
	height: 167px;
	z-index: 1;
	position: absolute;
	top: -2em;
	left: -1em;
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li.price:before {
		background-size: 70%;
	}
}

.con_pri02 .box_pri02 .box_table li.point:before {
	content: '';
	background: url(../charge/images/ic_point.png) no-repeat;
	display: block;
	width: 167px;
	height: 167px;
	z-index: 1;
	position: absolute;
	top: -2em;
	left: -1em;
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li.point:before {
		background-size: 70%;
	}
}

.con_pri02 .box_pri02 .box_table li.ticket:before {
	content: '';
	background: url(../charge/images/ic_ticket.png) no-repeat;
	display: block;
	width: 167px;
	height: 167px;
	z-index: 1;
	position: absolute;
	top: -2em;
	left: -1em;
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li.ticket:before {
		background-size: 70%;
	}
}

.con_pri02 .box_pri02 .box_table li.calendar:before {
	content: '';
	background: url(../charge/images/ic_calendar.png) no-repeat;
	display: block;
	width: 167px;
	height: 167px;
	z-index: 1;
	position: absolute;
	top: -2em;
	left: -1em;
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li.calendar:before {
		background-size: 70%;
	}
}

.con_pri02 .box_pri02 .box_table li h5 {
	font-size: 143%;
	font-weight: 100;
	color: #2b130c;
	font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	border-left: .3em solid #845548;
	padding: .2em 0 .4em .5em;
}

@media only screen and (min-width: 768px) and (max-width: 1140px) {
	.con_pri02 .box_pri02 .box_table li h5 {
		font-size: 143%;
	}
}

@media only screen and (max-width: 767px) {
	.con_pri02 .box_pri02 .box_table li h5 {
		font-size: 108%;
	}
}

.con_pri02 .box_pri02 .box_table li table tr small {
	display: block;
	font-size: 80%;
}

.con_pri02 .box_pri02 .box_table li table tr th {
	width: 45%;
}

.con_pri02 .box_pri02 .box_table li table tr th:last-child {
	border-right: none;
}

.con_pri02 .box_pri02 .box_table li table tr td {
	padding: 1em 0;
	text-align: center;
}

.con_pri02 .box_pri02 .box_table li table tr td:last-child {
	border-right: none;
}

.con_pri02 .box_pri02 .box_table li table tr td.red {
	color: #961e23;
	font-size: 125%;
	font-weight: bold;
}

.con_pri02 .box_pri02 .box_table li .txt {
	margin: 1em 0 2em;
}

.con_pri02 .box_pri02 .box_table li .btn {
	text-align: center;
}

@media only screen and (min-width: 1141px) {
	.con_pri02 {
		position: relative;
	}
	.con_pri02:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		bottom: 0;
		width: 505px;
		height: 352px;
		background: no-repeat url(../charge/images/bg_left.png) top left;
	}
	.con_pri02:after {
		content: '';
		position: absolute;
		z-index: -1;
		right: 0;
		top: -10%;
		width: 505px;
		height: 352px;
		background: no-repeat url(../charge/images/bg_right.png) top left;
	}
	.con_pri02 .box_pri {
		position: relative;
		z-index: 2;
	}
}

@media print {
	.con_pri02 {
		position: relative;
	}
	.con_pri02:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		bottom: 0;
		width: 505px;
		height: 352px;
		background: no-repeat url(../charge/images/bg_left.png) top left;
	}
	.con_pri02:after {
		content: '';
		position: absolute;
		z-index: -1;
		right: 0;
		top: -10%;
		width: 505px;
		height: 352px;
		background: no-repeat url(../charge/images/bg_right.png) top left;
	}
	.con_pri02 .box_pri {
		position: relative;
		z-index: 2;
	}
}

.ie8 .con_pri02 {
	position: relative;
}

.ie8 .con_pri02:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	width: 505px;
	height: 352px;
	background: no-repeat url(../charge/images/bg_left.png) top left;
}

.ie8 .con_pri02:after {
	content: '';
	position: absolute;
	z-index: -1;
	right: 0;
	top: -10%;
	width: 505px;
	height: 352px;
	background: no-repeat url(../charge/images/bg_right.png) top left;
}

.ie8 .con_pri02 .box_pri {
	position: relative;
	z-index: 2;
}

.wave {
	margin-top: 50px;
	padding-bottom: 50px;
	background: url(../charge/images/bg_light_brown.png);
}

@media only screen and (max-width: 767px) {
	.wave {
		margin-top: 7%;
	}
}

@media only screen and (max-width: 767px) {
	.wave {
		padding-bottom: 7%;
	}
}

.wave:after {
	display: block;
	content: '';
	width: 100%;
	height: 88px;
	background: no-repeat url(../charge/images/bg_wave04.png) bottom left;
}

#footer {
	margin-top: 0;
}

/* -----------------------------------------------------------
	.slick
----------------------------------------------------------- */
.slick-dots {
	position: absolute;
	z-index: 2;
	top: auto;
	bottom: 2%;
	left: 0;
	right: 0;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	margin: 0 .5em;
	vertical-align: bottom;
}

.slick-dots li button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: none;
	padding: 0;
	margin: 0;
	width: 13px;
	display: block;
	padding-top: 13px;
	height: 0;
	overflow: hidden;
	background: #fff;
	cursor: pointer;
}

.slick-dots li.slick-active button {
	background: #961e23;
}

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