@charset "UTF-8";

/*---------------------------------------------
【レスポンシブ】
---------------------------------------------*/
/*---------------------------------------------
【common】お知らせ、イベント用　レスポンシブのみ
---------------------------------------------*/
.bnarea {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}

.event {
	width: 480px;
	margin: 0 0 80px;
}

.event.evwide {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}

.event figure {
	width: 100%;
}

.event figure img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.event .textbox {
	padding: 15px 15px 30px;
	height: 100%;
}

/*マーク・期間エリア　markarea*/
.markarea {
	margin: 0;
	padding: 0 0 5px 0
}

.markarea p.camname {
	padding: 5px 0 2px;
	width: 100%;
	line-height: 1;
	font-size: 12px;
}

.markarea p {
	display: inline-block;
}

.mark {
	width: 100px;
	font-size: 14px;
	line-height: 30px;
	border-radius: 3px;
	text-align: center;
	margin: 0 10px 0 0;
	color: #FFF;
	font-weight: bold;
}

.mark.bgorg {
	background: #ff8533;
}

.mark.bggrn {
	background: #7ec75e;
}

.markarea.notxt {
	padding-top: 30px;
}

.percentoff {
	color: #ff5b28;
	font-weight: bold;
	margin-left: 5px;
}

/*---------------------------------------------
【common】お知らせ、イベント用 レスポンシブPC共通
---------------------------------------------*/
.event * {
	box-sizing: border-box;
}

.event {
	overflow: hidden;
}

/*コース行設定*/
.textbox .line,
.textbox .item {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	margin-top: 10px;
}

.textbox .line.center,
.textbox .item.center {
	justify-content: center;
}

.textbox .line.right,
.textbox .item.right {
	justify-content: flex-end;
}

.textbox .line.top,
.textbox .item.top {
	align-items: flex-start;
}

.textbox .line.bottom,
.textbox .item.bottom {
	align-items: flex-end;
}

/*イベント内テキスト*/
.textbox a:hover {
	text-decoration: none;
	opacity: 0.75;
}

.textbox p {
	display: block;
	line-height: 1.5;
}

.textbox .price,
.textbox .price {
	font-weight: bold;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	line-height: 1;
}

.textbox .course {
	font-weight: bold;
	position: relative;
}

.course.noicon {
	background: none;
}

.textbox .capsule,
.textbox .detail {
	display: inline-block;
	background: #b39f7d;
	/*bg_ltbeigeと同じ*/
	color: #FFF;
	font-weight: bold;
	vertical-align: text-top;
	line-height: 1;
	border-radius: 4px;
	padding: 3px 5px;
	margin: 0 5px;
}

/*囲み*/
.enclose {
	display: block;
	border: 1px solid #999;
	border-radius: 8px;
	padding: 8px 15px;
}
.colorbg {
	display: block;
	border-radius: 8px;
	padding: 8px 15px;
}
.colorbg.mini {
	display: inline-block;
	border-radius: 4px;
	padding: 3px 5px;
	vertical-align: middle;
}

/*font-size*/
.f10 {
	font-size: 10px !important;
}

.f11 {
	font-size: 11px !important;
}

.f12 {
	font-size: 12px !important;
}

.f13 {
	font-size: 13px !important;
}

.f14 {
	font-size: 14px !important;
}

.f15 {
	font-size: 15px !important;
}

.f16 {
	font-size: 16px !important;
}

.f17 {
	font-size: 17px !important;
}

.f18 {
	font-size: 18px !important;
}

.f20 {
	font-size: 20px !important;
}

.f22 {
	font-size: 22px !important;
}

.f24 {
	font-size: 24px !important;
}

.f26 {
	font-size: 26px !important;
}

.f28 {
	font-size: 28px !important;
}

.f30 {
	font-size: 30px !important;
}

.f32 {
	font-size: 32px !important;
}

.f34 {
	font-size: 34px !important;
}

/*調整margin左PCのみ*/
	.ml5 {
		margin-left: 5px !important;
	}

	.ml10 {
		margin-left: 10px !important;
	}

	.ml15 {
		margin-left: 15px !important;
	}

	.ml20 {
		margin-left: 20px !important;
	}

	.ml25 {
		margin-left: 25px !important;
	}

	.ml30 {
		margin-left: 30px !important;
	}

	.ml40 {
		margin-left: 40px !important;
	}

	.ml50 {
		margin-left: 50px !important;
	}

	.ml60 {
		margin-left: 60px !important;
	}

	.ml70 {
		margin-left: 70px !important;
	}

	.ml80 {
		margin-left: 80px !important;
	}

	.ml90 {
		margin-left: 90px !important;
	}

	.ml100 {
		margin-left: 100px !important;
	}

	.ml110 {
		margin-left: 110px !important;
	}

	.ml120 {
		margin-left: 120px !important;
	}

	.ml200 {
		margin-left: 200px !important;
	}

	.ml220 {
		margin-left: 220px !important;
	}
	
/*調整marginミギPCのみ*/
.mr3 {
	margin-right: 3px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr90 {
	margin-right: 90px !important;
}

/*調整margin両側PCのみ*/
	.mgside5 {
		margin-left: 5px;
		margin-right: 5px;
	}

	.mgside10 {
		margin-left: 10px;
		margin-right: 10px;
	}

	.mgside15 {
		margin-left: 15px;
		margin-right: 15px;
	}

	.mgside20 {
		margin-left: 20px;
		margin-right: 20px;
	}

	.mgside30 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.mgside40 {
		margin-left: 40px;
		margin-right: 40px;
	}

	.mgside50 {
		margin-left: 50px;
		margin-right: 50px;
	}

	.mgside60 {
		margin-left: 60px;
		margin-right: 60px;
	}

	.mgside70 {
		margin-left: 70px;
		margin-right: 70px;
	}

	.mgside80 {
		margin-left: 80px;
		margin-right: 80px;
	}

	.mgside90 {
		margin-left: 90px;
		margin-right: 90px;
	}

	.mgside100 {
		margin-left: 100px;
		margin-right: 100px;
	}

	.mgside110 {
		margin-left: 110px;
		margin-right: 110px;
	}

	.mgside120 {
		margin-left: 120px;
		margin-right: 120px;
	}

/*調整padding両側PCのみ*/
.pdside5 {
	padding-left: 5px;
	padding-right: 5px;
}

.pdside10 {
	padding-left: 10px;
	padding-right: 10px;
}

.pdside15 {
	padding-left: 15px;
	padding-right: 15px;
}

.pdside20 {
	padding-left: 20px;
	padding-right: 20px;
}

.pdside30 {
	padding-left: 30px;
	padding-right: 30px;
}

.pdside40 {
	padding-left: 40px;
	padding-right: 40px;
}

.pdside50 {
	padding-left: 50px;
	padding-right: 50px;
}

.pdside60 {
	padding-left: 60px;
	padding-right: 60px;
}

.pdside70 {
	padding-left: 70px;
	padding-right: 70px;
}

.pdside80 {
	padding-left: 80px;
	padding-right: 80px;
}

.pdside90 {
	padding-left: 90px;
	padding-right: 90px;
}

.pdside100 {
	padding-left: 100px;
	padding-right: 100px;
}

.pdside110 {
	padding-left: 110px;
	padding-right: 110px;
}

.pdside120 {
	padding-left: 120px;
	padding-right: 120px;
}

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

	/*==SP===========================================*/
	.bnarea {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		gap: 9.6vw ;
	}

	.event,
	.event.evwide {
		width: 100%;
		margin: 0;
		overflow: hidden;
	}
	.width100sp {
		width: 100%;
	}

		/*囲み*/
	.enclose {
		padding: 10px;
	}
	.colorbg {
		padding: 10px;
}
.colorbg.mini {
}

/*font-size PC打ち消し*/
	.textbox .f17 {
		font-size: 16px !important;
	}

	.textbox .f18 {
		font-size: 16px !important;
	}

	.textbox .f20 {
		font-size: 16px !important;
	}

	.textbox .f22 {
		font-size: 16px !important;
	}

	.textbox .f24 {
		font-size: 16px !important;
	}

	.textbox .f26 {
		font-size: 16px !important;
	}

	.textbox .f28 {
		font-size: 16px !important;
	}

	.textbox .f30 {
		font-size: 16px !important;
	}

	.textbox .f32 {
		font-size: 16px !important;
	}

	.textbox .f34 {
		font-size: 16px !important;
	}

	.price.f20 {
		font-size: 22px !important;
	}

	.price.f22 {
		font-size: 22px !important;
	}

	.price.f24 {
		font-size: 22px !important;
	}

	.price.f26 {
		font-size: 22px !important;
	}

	.price.f28 {
		font-size: 22px !important;
	}

	.price.f30 {
		font-size: 22px !important;
	}

	.price.f32 {
		font-size: 22px !important;
	}

	.price.f34 {
		font-size: 22px !important;
	}

/*margin左右調整 PC打ち消し*/
	.mgside5 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside10 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside15 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside20 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside30 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside40 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside50 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside60 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside70 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside80 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside90 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside100 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside110 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.mgside120 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	/*padding調整左右 PC打ち消し*/
	.pdside5 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside10 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside20 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside30 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside40 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside50 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside60 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside70 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside80 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside90 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside100 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside110 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.pdside120 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/*上マージン調整SP用*/
	.spmt0 {
		margin-top: 0px !important;
	}

/*マージン調整 SP用*/
	.ml5sp {
		margin-left: 5px !important;
	}

	.ml10sp {
		margin-left: 10px !important;
	}

	.ml15sp {
		margin-left: 15px !important;
	}

	.ml20sp {
		margin-left: 20px !important;
	}

	.ml25sp {
		margin-left: 25px !important;
	}

	.ml30sp {
		margin-left: 30px !important;
	}

	.ml40sp {
		margin-left: 40px !important;
	}

	.ml50sp {
		margin-left: 50px !important;
	}

	.ml60sp {
		margin-left: 60px !important;
	}

	.ml70sp {
		margin-left: 70px !important;
	}

	.ml80sp {
		margin-left: 80px !important;
	}

	.ml90sp {
		margin-left: 90px !important;
	}

	.ml100sp {
		margin-left: 100px !important;
	}

	.ml110sp {
		margin-left: 110px !important;
	}

	.ml120sp {
		margin-left: 120px !important;
	}

	.ml200sp {
		margin-left: 200px !important;
	}

	.ml220sp {
		margin-left: 220px !important;
	}

	/*SP右オート*/
	.mrauto_sp {
		margin-right: auto !important;
	}

	/*SP左オート*/
	.mlauto_sp {
		margin-left: auto !important;
	}
}

/*max-width767px end*/