@charset "UTF-8";
/* CSS Document */
.priceWrapper {
	margin-bottom: 15px;
}
table.priceTable {
	width: 100%;
	margin-bottom: 10px;
}
table.priceTable th, table.priceTable td {
	text-align: center;
	padding: .2em 0;
	width: 25%;
	border: 1px solid #333;
}
table.priceTable.tax th, table.priceTable.tax td {
	width: 20%;
}
table.priceTable th {
	background: #333;
	color: #fff;
	font-size: .9em;
	font-weight: normal;
}
table.priceTable th:not(:last-of-type) {
	border-right: 1px solid #111;
}
table.priceTable th span, table.priceTable td span {
	font-size: .8em;
	margin-left: 2px;
	font-weight: normal;
}
table.priceTable td.visiter {
	background: #eee;
	color: #444;
}
table.priceTable td.member, table.priceTable.tax td.tax {
	background: #f2ebd9;
	font-weight: bold;
	color: #52482d;
}
table.priceTable.tax td.member {
	background: #f7f3ea;
}
.caption {
	margin-bottom: 8px;
	font-size: .9em;
}
.graybackContainer {
	padding: 10px;
	background: #eee;
	display: flex;
	flex-wrap: wrap;
}
.graybackContainer div {
	/*width: 33.3333%;*/
	flex-wrap: wrap-reverse;
	white-space: nowrap;
	margin-bottom: 5px;
	margin-right: 20px;
}
.graybackContainer div::before {
	font: var(--fa-font-solid);
	content: "\f14a";
	margin-right: .2em;
}
.graybackContainer div span {
	font-weight: bold;
	/*display: block;*/
	display: inline-block;
	margin-left: 1em;
}
.borderContainer {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 3px;
}
.borderContainer.center {
	text-align: center;
}
.cardIcon i {
	font-size: 3em;
}
.cautionWrapper {
	margin-bottom: 8px;
}
.cautionWrapper h4 {
	color: #333;
	font-family: initial;
	font-size: 1em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: .2em;
	margin-bottom: .3em;
	font-weight: bold;
}
.cautionWrapper h4::before {
	font: var(--fa-font-solid);
	content: "\f071";
	margin-right: .2em;
	color: #f90;
}
.cautionWrapper ul li {
	list-style: initial;
	list-style-position: inside;
	font-size: .9em;
}
.optionWrapper {
	display: flex;
	flex-wrap: wrap;
}
.optionWrapper .optionContainer {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	width: calc(50% - 10px);
}
.optionWrapper .optionContainer:nth-child(odd) {
	margin-right: 10px;
}
dl.optionContainer dt {
	text-align: center;
}
dl.optionContainer dd {
	font-size: .9em;
	text-align: justify;
}
.optionContainer .item {
	padding-bottom: 2px;
	margin-bottom: 3px;
	/* border-bottom: 1px dotted #ccc; */
}
.optionContainer .price {
	padding: .2em 0;
	text-align: center;
	margin-bottom: 5px;
	background: #333;
	color: #fff;
}
.optionContainer .price.free {
	background: #603;
}
.optionContainer .option_movie {
	width: 100%;
}
.h3_wrapper.goCostume {
	align-items: end;
}
.goCostume a {
	background: #333;
	color: #fff;
	padding: .3em 1em;
	border-radius: 100px;
	font-size: .9em;
	margin-bottom: 8px;
}
.courseName {
	font-size: .75em;
}

@media screen and (max-width:390px) {
	.graybackContainer div {
		white-space: unset;
		margin-right: 0;
	}
}

@media screen and (max-width:520px) {
	.graybackContainer div {
		width: 100%;
	}
}
@media screen and (min-width:520px) {
	table.priceTable td {
		font-size: 1.1em;
	}
	.optionWrapper .optionContainer {
		width: calc(33.3333% - 12px);
	}
	.optionWrapper .optionContainer:nth-child(odd) {
		margin-right: 0;
	}
	.optionWrapper .optionContainer:not(:nth-of-type(3n)) {
		margin-right: 15px;
	}
	.optionContainer video {
		width: 100%;
	}
	.graybackContainer div span {
		display: inline;
		margin-left: .5em;
	}
	.goCostume a {
		background: #639;
	}
}
@media screen and (min-width:960px) {
	.caption {
		font-size: 1em;
	}
	.courseName {
		font-size: .85em;
		display: inline;
	}
}

.meet_box{
	width:93.75%;
	margin:0 auto 6.25%;
}

.meet_box .meet {border-radius:5px;  -webkit-border-radius:5px; -moz-border-radius:5px; background:#f8f8f8; padding:2%; width:96%; margin:10px auto; font-size:16px; color:#222222; text-align:center; line-height:1.3; border:1px solid #333;}
.meet_box .meet .bg_color {background:#333; color:#FFFFFF; font-weight:bold; font-size:18px; margin-bottom:3px;}
/*.meet_box .meet .service {font-size:24px; font-weight:bold; color:#ff6600;}*/
.meet_box .meet .service {font-size: 24px; font-weight:bold; font-size: 1.2em; color:#520d2f;}
.meet_box .meet .caption {font-size:12px; color:#666666; text-align:left; margin-top:3px;}

.price_comment{
	text-align: center;
}
.price_comment h3{
	color:#A57E31;
	font-size:180%;
	font-weight:bold;
}
.price_comment p{
	color:#743700;
	font-size: .9em;
}