@charset 'utf-8';
	
/* common */
.mypage header {
	border-bottom: 1px solid #E5E5E5;
}
footer {
	z-index: 20;
	position: relative;
}
.mypage .contents {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 40px;
	position: relative;
	padding-top: 84px;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	min-height: 80vh;
}

/* nav */
.mypage .contents .main-contents {
	width: calc(100% - 120px);
	position: relative;
	overflow: hidden;
	margin-left: 330px;
	z-index: 0;
	    min-height: 800px;
}
.mypage .contents .side-nav.ScrollSideTop {
	max-width: 300px;
	background: #44a3a8;
	width: 100%;
	/*position: fixed;*/
	position: absolute;
	min-height: 100vh;
	height: 100%;
	overflow: visible;
	top: 85px;
	z-index: 1;
}
.mypage .contents .side-nav.ScrollSideTop.side-fixed-content {
	position: fixed;
	top: 85px;
	height: 100%;
	z-index: 19;
}
.mypage .contents .side-nav.ScrollSideTop.side-fixed-content + .main-contents.side-fixed-area {
	margin-left: 330px;
}
.mypage .side-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mypage .side-nav ul.menu-01  li > a {
	color: #FFFFFF;
	transition: all 0.4s ease;
}
.mypage .side-nav ul.menu-01 > li > a + ul.menu-02 {
	display: none;
}
/* .mypage .side-nav ul.menu-01 > li:hover > a + ul.menu-02, */
.mypage .side-nav ul.menu-01 > li.active > a + ul.menu-02,
.mypage .side-nav ul.menu-01 > li ul.menu-02.active {
	pointer-events: auto;
	background: #3d9498;
	display: block;
}
.mypage .side-nav ul.menu-01  li > a:hover,
.mypage .side-nav ul.menu-01 > li > a.active,
.mypage .side-nav ul.menu-01 > li ul.menu-02 li a.active,
.mypage .side-nav ul.menu-01 > li.active > a + ul.menu-02 li a.active {
	color: #FFD800;
}

.mypage .side-nav ul.menu-01 > li {
	position: relative;
}
.mypage .side-nav ul.menu-01 > li:hover,
.mypage .side-nav ul.menu-01 > li .nav-opener.active {
	background: #3a8a8f;
}

.mypage .side-nav ul.menu-01 > li a {
	padding: 0.6em 15px 0.6em 25px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	position: relative;
}
.mypage .side-nav ul.menu-01 > li a i.attention {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-image: url(../img/common/icon-attention.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.mypage .side-nav ul.menu-01 > li a i.attention img {
	width: 1.5em;
}
.mypage .side-nav ul.menu-01 > li > a::before {
	content: "";
	background-image: url(../img/common/icon-mypage-no01-off.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 20px;
	display: inline-block;
	width: 34px;
	height: 24px;
}
.mypage .side-nav ul.menu-01 > li.list-01 > a::before { background-image: url(../img/common/icon-mypage-no01-off.png); }
.mypage .side-nav ul.menu-01 li.list-01 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-01 > a.active::before { background-image: url(../img/common/icon-mypage-no01-on.png); }
.mypage .side-nav ul.menu-01 > li.list-02 > a::before { background-image: url(../img/common/icon-mypage-no02-off.png); }
.mypage .side-nav ul.menu-01 li.list-02 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-02 > a.active::before { background-image: url(../img/common/icon-mypage-no02-on.png); }
.mypage .side-nav ul.menu-01 > li.list-03 > a::before { background-image: url(../img/common/icon-mypage-no03-off.png); }
.mypage .side-nav ul.menu-01 li.list-03 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-03 > a.active::before { background-image: url(../img/common/icon-mypage-no03-on.png); }
.mypage .side-nav ul.menu-01 > li.list-04 > a::before { background-image: url(../img/common/icon-mypage-no04-off.png); }
.mypage .side-nav ul.menu-01 li.list-04 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-04 > a.active::before { background-image: url(../img/common/icon-mypage-no04-on.png); }
.mypage .side-nav ul.menu-01 > li.list-05 > a::before { background-image: url(../img/common/icon-mypage-no05-off.png); }
.mypage .side-nav ul.menu-01 li.list-05 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-05 > a.active::before { background-image: url(../img/common/icon-mypage-no05-on.png); }
.mypage .side-nav ul.menu-01 > li.list-06 > a::before { background-image: url(../img/common/icon-mypage-no06-off.png); }
.mypage .side-nav ul.menu-01 li.list-06 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-06 > a.active::before { background-image: url(../img/common/icon-mypage-no06-on.png); }
.mypage .side-nav ul.menu-01 > li.list-07 > a::before { background-image: url(../img/common/icon-mypage-no07-off.png); }
.mypage .side-nav ul.menu-01 li.list-07 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-07 > a.active::before { background-image: url(../img/common/icon-mypage-no07-on.png); }
.mypage .side-nav ul.menu-01 > li.list-08 > a::before { background-image: url(../img/common/icon-mypage-no08-off.png); }
.mypage .side-nav ul.menu-01 li.list-08 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-08 > a.active::before { background-image: url(../img/common/icon-mypage-no08-on.png); }
.mypage .side-nav ul.menu-01 > li.list-09 > a::before { background-image: url(../img/common/icon-mypage-no09-off.png); }
.mypage .side-nav ul.menu-01 li.list-09 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-09 > a.active::before { background-image: url(../img/common/icon-mypage-no09-on.png); }

.mypage .side-nav ul.menu-01 > li.list-10 > a::before { background-image: url(../img/common/icon-mypage-no09-off.png); }
.mypage .side-nav ul.menu-01 li.list-10 > a:hover::before,
.mypage .side-nav ul.menu-01 > li.list-10 > a.active::before { background-image: url(../img/common/icon-mypage-no09-on.png); }

.mypage .side-nav ul.menu-01 > li ul.menu-02 a {
	padding-left: 70px;
}
.mypage .side-nav ul.menu-01 li ul.menu-03 {
	display: none;
}
/* .mypage .side-nav ul.menu-01 li a.side-nav-opener + ul.menu-03 {
	height: 0;
	width: 0;
	opacity: 0;
	transition: all 0.5s ease;
}
.mypage .side-nav ul.menu-01 li a.side-nav-opener:hover + ul.menu-03 {
	height: auto;
	width: 260px;
	opacity: 1;
} */
.mypage .side-nav ul.menu-01 > li a.side-nav-opener + ul.menu-02 {
}
.mypage .side-nav ul.menu-01 > li:hover a.side-nav-opener:not(.active) + ul.menu-02 {
	background-color: #417d80;
	position: absolute;
	left: 100%;
	top: 0;
	width: 260px;
	height: auto;
	display: block;
	padding: 10px 0;
}
.mypage .side-nav ul.menu-01 > li:hover a.side-nav-opener:not(.active) + ul.menu-02 a {
	padding: 5px 20px;
}
.mypage .side-nav ul.menu-01 > li:hover a.side-nav-opener:not(.active) + ul.menu-02::before {
	content: "";
	position: absolute;
	top: 12px;
	left: -40px;
	display: block;
	border-top: 10px solid rgba(0,0,0,0);
	border-right: 10px solid #417d80;
	border-bottom: 10px solid rgba(0,0,0,0);
	border-left: 10px solid rgba(0,0,0,0);
	width: 20px;
	height: 0;
}

/* input calendar */

.form_section {
	max-width: 630px;
	margin: 0 auto;
	padding: 0;
}
.date-table {
	border-collapse: collapse;
}
.date-table th {
	color: #53a034;
	padding: 10px 20px 0 0;
	vertical-align: top;
	white-space: nowrap;
}
.date-table td {
	padding: 0 0 1.5em 0;
}
.cal-wrap {
	position: relative;
	cursor: pointer;
}
.cal-wrap:before {
	content: "";
	background: url(../img/common/icon-calendar-gry.png) no-repeat;
	background-size: contain;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
}
input[type="text"].cal {
	outline: none;
	background: #FFF;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 38px;
	cursor: pointer;
	width: 150px;
	box-sizing: border-box;
	font-size: 1.4rem;
	border: 1px solid #ccc;
}
.btn-style a {
	background: #53a034;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	max-width: 200px;
	text-decoration: none;
}
.error_txt {
	display: block;
	margin: .3em 0 0 0;
	color: #f00;
}

/* parts */

a.btn.btn-lightgreen.w100 {
	width: calc(100% - 30px);
	background: #daedee;
	color: #44A3A8;
}
a.btn.btn-lightorange.w100 {
	background: #f0e4cc;
	color: #B37A00;
	width: calc(100% - 30px);
}
.main-contents section { padding: 0 40px; }

.mypage .contents section .inner .sort-block .sort .filter-block .detail-search-block {
	width: calc(1260px - 80px);
}

/* h1-6 */
.main-contents section h1 {}
.main-contents section h2 {
	font-size: 2.4rem;
	color: #666666;
	border-bottom: 1px solid #DDDDDD;
	padding: 20px 0;
	margin: 0;
}
.main-contents section h3 {
	font-size: 2rem;
	color: #666666;
	position: relative;
	padding: 1em 0;
}
	.main-contents section h3::after {
		content: "";
		width: 20px;
		height: 0;
		border-bottom: 1px dashed #666666;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
		.main-contents section h3 img {
			height: 1.7em;
		}
.main-contents section h4 {}
.main-contents section h5 {}
.main-contents section h6 {}

.main-contents section sup {
	font-size: 100%;
	top: -0.1em;
	left: 0.2em;
}
.main-contents section hr {
	display: block;
	width: 100%;
	height: 0;
}
.main-contents section hr.sld {
	border: 1px solid #DDDDDD;
}
.main-contents section hr.dot {
	border: 1px dashed  #DDDDDD;
}

.main-contents section .btn-green {}
.main-contents section .btn-green.line-color {}
.main-contents section .btn-blue {}
.main-contents section .btn-blue.line-color {}
.main-contents section .btn-orange {}
.main-contents section .btn-orange.line-color {}
.main-contents section .kyewords-btn {}

.main-contents section .txt-left { text-align: left; }
.main-contents section .txt-center { text-align: center; }
.main-contents section .txt-right { text-align: right; }



/* breadcrumbs */
.main-contents section.breadcrumbs {
	background: none;
	padding: 5px 0;
}
	.main-contents section.breadcrumbs .inner ul li {
		color: #888888;
	}
		section.breadcrumbs .inner ul li::after {
			background-image: url(../img/common/icon-arrow-02-gry.png);
		}
		.main-contents section.breadcrumbs .inner ul li a {
			color: #888888;
		}

/* title */
.main-contents section.page-title {
	padding: 10px 40px;
	position: relative;
}
	.main-contents section.page-title .flex {
		position: absolute;
		top: 50%;
		right: 40px;
		transform: translateY(-50%);
		gap: 20px;
		align-items: center;
	}
		.main-contents section.page-title .btn {
			width: auto;
			max-width: 150px;
			padding: 6px 1.5em;
			border-radius: 5px;
			margin: 0;
			border: 1px solid #44a3a8;
		}
		.main-contents section.page-title .btn.btn-blue {
			border-color: #2C9AEB;
			background: #2C9AEB;
			color: #FFFFFF;
		}
		.main-contents section.page-title .btn.btn-green.btn-green-br {
			color: #2F7275;
			background: #FFFFFF;
			border: 1px solid #2F7275;
		}

/* tab */
.main-contents section.tab-menu {
	padding: 20px 40px 10px;
}
	.main-contents section.tab-menu ul.flex {
		list-style: none;
		gap: 20px;
		border-bottom: 1px solid #DDDDDD;
		padding: 0px;
	}
		.main-contents section.tab-menu ul.flex li {
			padding: 10px 0;
		}
		.main-contents section.tab-menu ul.flex li.active,
		.main-contents section.tab-menu ul.flex li:hover {
			border-bottom: 3px solid #44a3a8;
		}
			.main-contents section.tab-menu ul.flex li a {
				color: #DDDDDD;
				transition: all 0.6s ease;
			}
			.main-contents section.tab-menu ul.flex li.active a,
			.main-contents section.tab-menu ul.flex li:hover a {
				color: #666666;
				opacity: 1;
			}

/* Search */
.main-contents section.search {}
.main-contents section.search.sort01 {}
.main-contents section.search.sort02 {}
.main-contents section.search.sort03 {}
.main-contents section.search-period {
	padding: 40px 40px 0;
}

.detail-search-block {
	padding: 5px 40px !important;
}

	.main-contents section.search-period .inner {
		gap: 20px;
	}
		.main-contents section.search-period form.flex {
			gap: 0.5em;
			font-size: 2rem;
		}
			.main-contents section.search-period .inner > a img {
				width: 1.5em;
			}
.main-contents section.search-period-02 {}
	.main-contents section.search-period-02 .section-head.sort-block.flex {
		gap: 0;
	}
		.main-contents section.search-period-02 .form-input {
			width: calc(20% - 1em);
			position: relative;
		}
			.main-contents section.search-period-02 .form-input.last-child {
				width: calc(60% - 1em);
				display: flex;
				justify-content: flex-end;
			}
				.main-contents section.search-period-02 .form-input.last-child input {
					width: calc(60% - 1em);
				}
			.main-contents section.search-period-02 .form-input select {
				font-size: 1.6rem;
				display: inline-block;
				width: calc(100% - 2em - 2px);
				border: 1px solid #CCCCCC;
				border-radius: 5px;
				padding: 0.5em 1em;
			}


/* user-data lank */
.main-contents section.user-data {}
	.main-contents section.user-data .inner {
		background: #F5F5F5;
		border-radius: 20px;
		padding: 20px 40px;
	}
		.main-contents section.user-data .inner > .flex .account {
			padding-right: 20px;
			margin-right: 20px;
			border-right: 1px solid #DDDDDD;
			gap: 20px;
		}
			.main-contents section.user-data  .account p.name-icon {
				width: 75px;
				line-height: 75px;
				text-align: center;
				font-size: 3rem;
				background-color: #44a3a8;
				color: #FFFFFF;
				border-radius: 40px;
				margin: 0;
			}
			.main-contents section.user-data  .account p.user-name {
				font-size: 2rem;
				margin: 0;
			}
		.main-contents section.user-data .inner .plan {
			gap: 20px;
		}
		.main-contents section.user-data .inner .plan img {
			width: 30px;
		}

/* icon-nav 4col-2line */
.main-contents section.icon-nav.col4 {}
	.main-contents section.icon-nav.col4 ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 30px;
		position: relative;
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.main-contents section.icon-nav.col4 li {
			width: calc(25% - 22.5px);
			box-shadow: 0 0 10px rgb(0 0 0 / 20%);
			border-radius: 10px;
		}
			.main-contents section.icon-nav.col4 li a {
				padding: 20px 20px 35px;
				display: block;
				text-align: center;
				color: #44A3A8;
				font-size: 1.8rem;
			}
				.main-contents section.icon-nav.col4 li a img {
					display: block;
					margin: 20px auto 10px;
					height: 40px;
				}

/* text-list */
.main-contents section.list {}
	.main-contents section.list ul.text-list {
		margin: 20px 0;
		padding: 0;
		list-style: none;
		position: relative;
	}
		.main-contents section.list ul.text-list li {
			padding: 20px 0;
			border-bottom: 1px solid #DDDDDD;
		}
			.main-contents section.list ul.text-list li .review-data p {
				font-size: 1.6rem;
				font-weight: normal;
				line-height: 1.6em;
			}
			.main-contents section.list ul.text-list li .review-data .flex {
				font-size: 1.6rem;
				font-weight: normal;
				gap: 1em;
				align-items: center;
			}
			.main-contents section.list ul.text-list li .review-data .flex .appraise-star {
				display: flex;
				align-items: center;
			}
				.main-contents section.list ul.text-list li .review-data .flex .appraise-star img {
					height: 1.4em;
				}
.main-contents section.list.date-title {}
	.main-contents section.list.date-title ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		.main-contents section.list.date-title ul li {
		 	border-bottom: 1px solid #DDDDDD;
			list-style: none;
		}
			.main-contents section.list.date-title ul li a.flex {
				gap: 40px;
			}
				.main-contents section.list.date-title ul li a.flex {

				}
				.main-contents section.list.date-title ul li a.flex time {
					color: #44a3a8;
				}
.main-contents section.list.title-arrow {

}
	.main-contents section.list.title-arrow ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		.main-contents section.list.title-arrow ul li {
			border-bottom: 1px solid #DDDDDD;
			list-style: none;
			position: relative;
			padding-right: 40px;
		}
			.main-contents section.list.title-arrow ul li a {
				font-size: 2rem;
				padding: 20px 0;
				display: block;
			}
				.main-contents section.list.title-arrow ul li a img {
					transform: ;
					position: absolute;
					top: 50%;
					right: 0;
					transform: translateY(-50%) rotate(180deg);
					max-width: 30px;
				}

.main-contents section.list.table-list {

}
	.main-contents section.list.table-list ul {
		padding: 0;
		margin: 0 0 60px;
	}
	.main-contents section.list.table-list ul li.flex {
		justify-content: space-between;
		gap: 10px;
		font-size: 1.6rem;
		font-weight: normal;
		border-bottom: 1px solid #DDD;
		padding: 10px 0;
	}
		.main-contents section.list.table-list ul li.flex > * {
			display: block;
			width: 10%;
		}
		.main-contents section.list.table-list ul li.flex time {
			width: 10%;
		}
		.main-contents section.list.table-list ul li.flex span.category {
			width: 15%;
		}
		.main-contents section.list.table-list ul li.flex span.title {
			width: 54%;
		}
		.main-contents section.list.table-list ul li.flex span.price {
			text-align: right;
		}
		.main-contents section.list.table-list ul li.flex span.link a {
			color: #44a3a8;
			font-weight: bold;
			display: flex;
			align-items: center;
			gap: 0.5em;
			justify-content: flex-end;
		}
		.main-contents section.list.table-list ul li.flex span.link a img {
			height: 1.7em;
		}
	.main-contents section.list.questions-list {}
		.main-contents section.list.questions-list ul.text-list li {
			border: none;
		}
			.main-contents section.list.questions-list li .posts-content > .flex {
				gap: 20px;
				padding-bottom: 10px;
				margin-bottom: 10px;
				border-bottom: 1px dotted #707070;
			}
				.main-contents section.list.questions-list li .posts-content > .post-data.flex {
					border: none;
				}
			.main-contents section.list.questions-list li span.new-icon {
				background: #f00;
				padding: 0.2em 0.5em;
				font-size: 1.2rem;
				color: #FFF;
				border-radius: 3px;
				margin-bottom: 0.5em;
				display: inline-block;
			}
				.main-contents section.list.questions-list li a.title {
					font-size: 2rem;
					color: #44A3A8;
				}
				.main-contents section.list.questions-list li .post-data.flex > * {
					padding-right: 1em;
					border-right: 1px solid #707070;
					font-weight: normal;
				}
				.main-contents section.list.questions-list li .post-data.flex span.status {
					padding: 0;
					border: none;
					font-weight: bold;
				}
					.main-contents section.list.questions-list li .post-data.flex span.status.status-new img {
						width: 1.4em;
					}
				.main-contents section.list.questions-list li .post-data.flex span.status.status-resolved {
					color: #ffaf00;
				}
					.main-contents section.list.questions-list ul.text-list li.resolved-question .post-data.flex {
						border: none;
					}
						.main-contents section.list.questions-list li .posts-content > .post-data.flex span.txt-brown {
							font-weight: bold;
						}
			.main-contents section.list.questions-list ul.text-list li.resolved-question .flex {
				gap: 20px;
				padding-bottom: 10px;
				margin-bottom: 10px;
				border-bottom: 1px dotted #707070;
			}
						.main-contents section.list.questions-list ul.text-list li.resolved-question .flex img {
							width: 40px;
						}
			.main-contents section.list.questions-list li .post-data.flex > time {
				border: none;
			}

/* img-list */
.main-contents section.list.img-list {}
.main-contents section.list.img-list.w30 {}
	.main-contents section.list.img-list.w30 ul.img-lists {
		padding: 0;
		margin-bottom: 60px;
	}
		.main-contents section.list.img-list.w30 ul.img-lists li {
			list-style: none;
		}
			.main-contents section.list.img-list.w30 ul.img-lists li > .flex {
				gap: 30px;
				justify-content: space-between;
				align-items: center;
				position: relative;
				padding: 30px 40px 30px 0;
				border-bottom: 1px solid #DDDDDD;
				font-size: 1.4rem;
				font-weight: normal;
			}
			.main-contents section.list.img-list.w30.non-link ul.img-lists li > .flex {
				padding: 0;
				border: none;
			}
			.main-contents section.list.img-list.w30.non-link ul.img-lists li > .flex::after {
				display: none;
			}
				.main-contents section.list.img-list.w30 ul.img-lists li > .flex::after {
					content: "";
					background-image: url(../img/common/icon-arrow-02-gen.png);
					background-size: 100% auto;
					background-repeat: no-repeat;
					background-position: center center;
					height: 40px;
					width: 40px;
					display: block;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translate(0,-50%) rotate(180deg);
				}
				.main-contents section.list.img-list.w30 ul.img-lists li figre {
					width: 30%;
					position: relative;
					overflow: hidden;
				}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-02::before {
						content: "";
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 100%;
						height: 100%;
						display: block;
						background-color: rgba(255,255,255,0.6);
						z-index: 1;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-02 p.icon-blue {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						margin: 0;
						font-size: 1.8rem;
						color: #FFFFFF;
						background: #2C9AEB;
						padding: 10px 1em;
						display: inline-block;
						border-radius: 50px;
						font-weight: bold;
						width: 8em;
						text-align: center;
						z-index: 2;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-03::before {
						content: "";
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 100%;
						height: 100%;
						display: block;
						background-color: rgba(0,0,0,0.6);
						z-index: 1;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-03 p.icon-green {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						margin: 0;
						font-size: 1.8rem;
						color: #2F7275;
						border: 2px solid #2F7275;
						background: #FFFFFF;
						padding: 10px 1em;
						display: inline-block;
						border-radius: 50px;
						font-weight: bold;
						width: 8em;
						text-align: center;
						z-index: 2;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-04::before {
						content: "";
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 100%;
						height: 100%;
						display: block;
						background-color: rgba(0,0,0,0.6);
						z-index: 1;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-04 p.icon-gray {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						margin: 0;
						font-size: 1.8rem;
						color: #FFFFFF;
						background: #444444;
						padding: 10px 1em;
						display: inline-block;
						border-radius: 50px;
						font-weight: bold;
						width: 8em;
						text-align: center;
						z-index: 2;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-05::before {
						content: "";
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						width: 100%;
						height: 100%;
						display: block;
						background-color: rgba(0,0,0,0.6);
						z-index: 1;
					}
					.main-contents section.list.img-list.w30 ul.img-lists li figre.status-05 p.icon-green.green-02 {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						margin: 0;
						font-size: 1.8rem;
						color: #44a3a8;
						background: #d1e8ea;
						padding: 10px 1em;
						display: inline-block;
						border-radius: 50px;
						font-weight: bold;
						width: 10em;
						text-align: center;
						z-index: 2;
						border: 2px solid #44a3a8;
					}
						.main-contents section.list.img-list.w30 ul.img-lists li figre.status-05 p.icon-green.green-02 span.txt-ss {
							color: #707070;
							display: block;
						}
					.main-contents section.list.img-list.w30 ul.img-lists li figre img {
						width: 100%;
					}

			.main-contents section.list.img-list.w30 ul.img-lists li .movie-data {
				width: calc(70% - 30px);
			}
				.main-contents section.list.img-list.w30 ul.img-lists li span.category {
					display: flex;
					align-items: center;
					gap: 1em;
				}
					.main-contents section.list.img-list.w30 ul.img-lists li span.category img {
					 	width: 20px;
					}
				.main-contents section.list.img-list.w30 ul.img-lists li time {
					display: flex;
					align-items: center;
					gap: 1em;
					justify-content: flex-start;
					margin: 10px 0;
					font-size: 1.8rem;
				}
				.main-contents section.list.img-list.w30 ul.img-lists li span.sub-title {
					margin: 10px 0;
					display: block;
				}
				.main-contents section.list.img-list.w30 ul.img-lists li span.title {
					display: block;
					font-size: 1.8rem;
					margin-bottom: 10px;
				}
				.main-contents section.list.img-list.w30 ul.flex.movie-type {
					margin: 0 0 10px;
					list-style: none;
					gap: 1em;
					align-items: center;
					position: relative;
					flex-wrap: wrap;
				}
				/*
					.main-contents section.list.img-list.w30 ul.flex.movie-type li.type-01 {
						border: 1px solid #707070;
						font-size: 1.2rem;
						padding: 0px 0.5em;
						border-radius: 5px;
					}
					.main-contents section.list.img-list.w30 ul.flex.movie-type li.type-02 {
						border: 1px solid #707070;
						background: #707070;
						font-size: 1.2rem;
						padding: 0px 0.5em;
						border-radius: 5px;
						color: #FFFFFF;
					}
					.main-contents section.list.img-list.w30 ul.flex.movie-type li.type-03 {
						border: 1px solid #44A3A8;
						background: #44A3A8;
						font-size: 1.2rem;
						padding: 0px 0.5em;
						border-radius: 5px;
						color: #FFFFFF;
					}
				*/
				.main-contents section.list.img-list.w30 ul.flex.movie-type li.type-01 {
					border: 1px solid #44A3A8;
					background: #44A3A8;
					font-size: 1.2rem;
					padding: 0px 0.5em;
					border-radius: 5px;
					color: #FFFFFF;
				}
				.main-contents section.list.img-list.w30 ul.flex.movie-type li.type-02 {
					color: #FFFFFF;
					background: #B37A00;
					border-color: #B37A00;
					font-size: 1.2rem;
					padding: 0px 0.5em;
					border-radius: 5px;
				}
				.main-contents section.list.img-list.w30 ul.flex.movie-type li.type-03 {
					border: 1px solid #707070;
					background: #707070;
					font-size: 1.2rem;
					padding: 0px 0.5em;
					border-radius: 5px;
					color: #FFFFFF;
				}
				.main-contents section.list.img-list.w30 ul.img-lists li .movie-data > div.flex {
					gap: 3em;
				}
					.main-contents section.list.img-list.w30 ul.img-lists li .movie-data > div.flex span.price {
						color: #44A3A8;
						font-weight: bold;
					}
						.main-contents section.list.img-list.w30 ul.img-lists li .movie-data > div.flex span.price {
							font-weight: normal;
							color: #666666;
						}
						.main-contents section.list.img-list.w30 ul.img-lists li .movie-data ul.flex.movie-type {
							padding: 0;
						}
						.main-contents section.list.img-list.w30 ul.img-lists li.type-data.flex .appraise-star {
							display: flex;
							align-items: center;
							gap: 1em;
							max-width: 100%;
							width: 100%;
						}
						.main-contents section.list.img-list.w30 ul.img-lists li.type-data.flex .appraise-star img {
							width: 90px;
						}
						.main-contents section.list.img-list.w30 ul.img-lists li p.player {
							gap: 1em;
							display: flex;
							width: 100%;
						}
.main-contents section.list.img-list.w30.non-link{}
		.main-contents section.list.img-list.w30.non-link ul.img-lists {
			margin: 0;
			padding-bottom: 40px;
			border-bottom: 1px solid #DDDDDD;
		}

.main-contents section.list.img-list.w30.url-lists {}
				.main-contents section.list.img-list.w30.url-lists ul.img-lists li > .flex {
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: -moz-flex;
					display: flex;
					-webkit-box-lines: multiple;
					-moz-box-lines: multiple;
					-webkit-flex-wrap: wrap;
					-moz-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				}
					.main-contents section.list.img-list.w30.url-lists ul.img-lists li > .flex .list-url.flex {
						width: 100%;
						position: relative;
						gap: 1em;
						justify-content: space-between;
						align-items: center;
					}
						.main-contents section.list.img-list.w30.url-lists ul.img-lists li > .flex .list-url.flex p.url-area {
							background-color: #ffefcc;
							display: block;
							width: calc(100% - 4em);
							padding: 0.5em 40px 0.5em 1em;
							background-image: url(../img/common/icon-lists-01.png);
							background-repeat: no-repeat;
							background-position: 99% center;
							background-size: auto 1.5em;
						}
						.main-contents section.list.img-list.w30.url-lists ul.img-lists li > .flex .list-url.flex span {
							display: inline-block;
							width: 6em;
						}


.main-contents section.list.img-list.w20 {}
.main-contents section.list.img-list.w10 {}

.main-contents section.list.img-text-list {}
	.main-contents section.list.img-text-list ul.text-list {

	}
		.main-contents section.list.img-text-list ul.text-list li {

		}
			.main-contents section.list.img-text-list ul.text-list li span.flex {
				border-bottom: 1px dashed #BBBBBB;
				margin-bottom: 20px;
			}
			.main-contents section.list.img-text-list ul.text-list li a.flex {
				gap: 20px;
				position: relative;
			}
				.main-contents section.list.img-text-list ul.text-list li a.flex figre {
					width: 140px;
					position: relative;
				}
					.main-contents section.list.img-text-list ul.text-list li a.flex figre img,
					.main-contents section.list.img-text-list ul.text-list li.resolved-question a.flex figre img,
					.main-contents section.list.img-text-list ul.text-list li.new-question a.flex figre img { width: 100%; }
				.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data {

				}
					.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data span.sub-title {
						color: #666666;
						font-size: 1.2rem;
						display: block;
						margin-bottom: 0.5em;
					}
					.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data span.title {
						font-size: 1.6rem;
						color: #666666;
					}
					.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data h2 {
						font-size: 1.6rem;
						color: #666666;
						padding: 0;
						border-bottom: 0px;
					}
					.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type {
						padding: 0;
						list-style: none;
						gap: 1em;
						border: none;
					}
						.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li {
							padding: 0;
							border: none;
							color: #666666;
							font-size: 1.6rem;
							font-weight: normal;
						}
						.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li.type-01 {
							border: 1px solid #707070;
							font-size: 1.2rem;
							padding: 0px 0.5em;
							border-radius: 5px;
						}
						.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li.type-02 {
							border: 1px solid #707070;
							background: #707070;
							font-size: 1.2rem;
							padding: 0px 0.5em;
							border-radius: 5px;
							color: #FFFFFF;
						}
						.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li.type-03 {
							border: 1px solid #44A3A8;
							background: #44A3A8;
							font-size: 1.2rem;
							padding: 0px 0.5em;
							border-radius: 5px;
							color: #FFFFFF;
						}
						.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type .appraise-star {
							max-width: 100%;
							text-align: center;
							margin: 0;
							width: 100%;
							justify-content: center;
						}
							.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type .appraise-star img {
								max-width: 90px;
								width: 100%;
							}




/* pagination */
.main-contents section.pagination {}

/* table */
.main-contents section.table.green-table {}


/* form */
.main-contents section form input,
.main-contents section form select,
.main-contents section form textarea {
	font-size: 1.6rem;
	display: block;
	width: calc(100% - 2em - 2px);
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 0.5em 1em;
}
.main-contents section form select {
	width: calc(100%);
}
.main-contents section form input[type="text"] {}
.main-contents section form input[type="select"] {}
.main-contents section form input[type="radio"] {
	transform: scale(1.6);
	accent-color: darkcyan;
}
.main-contents section form input[type="checkbox"] {}
.main-contents section form textarea {}
.main-contents section form input[type="submit"] {}
.main-contents section form label,
.main-contents section label.cal-wrap {
	font-size: 1.6rem;
	color: #666666;
	margin: 0.5em;
	display: block;
}
@media screen and (max-width:500px) {
	.main-contents section form label{
		width: 86%;
	}
	.main-contents section form textarea {
		width: calc(100% - 2em - 35px);
	}
}
.main-contents section.form.br-b-gry .inner article {

/*
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 40px;
	margin-bottom: 20px;
*/

	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-top: 3px;

}
.main-contents section.form.br-b-gry .inner article:last-child {
	border: none;
}

	.main-contents section.form.br-b-gry .inner article label {
		margin-right: 5px; /* ボタン同士の間隔 */
	}
		.main-contents section.form.br-b-gry .inner article label input {
			display: none; /* デフォルトのinputは非表示にする */
		}
		.main-contents section.form.br-b-gry .inner article label span {
			color: #58D5DB;
			font-size: 1.4rem;
			border: 1px solid #58D5DB;
			border-radius: 20px;
			padding: 5px 20px;
			box-shadow: 0 0 6px rgb(0 0 0 / 20%);
		}
		.main-contents section.form.br-b-gry .inner article label input:checked + span {
			color: #FFF; /* 文字色を白に */
			background: #58D5DB; /* 背景色を薄い赤に */
			border: 1px solid #58D5DB; /* 淵の線を薄い赤に */
		}
		.main-contents section.form.br-b-gry .inner article.checkbox-area .checkcox-title.flex {
			margin: 20px 0 10px;
			color: #666666;
		}
		.main-contents section.form.br-b-gry .inner article.checkbox-area .checkox.flex {
			gap: 10px;
			flex-wrap: wrap;
			align-items: center;
		}
		.main-contents section.form.br-b-gry .inner article p.text-count.txt-right {
			font-size: 1.4rem;
			font-weight: normal;
			margin: 5px 0 40px;
		}
.main-contents section.form.br-b-gry .inner article.col-50.flex {
	display: flex;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
	gap: 40px;
	position: relative;
}
	.main-contents section.form.br-b-gry .inner article.col-50.flex > * {
		width: calc(50% - 40px);
		position: relative;
	}
		.main-contents section.form.br-b-gry .inner article.col-50.flex input.btn.btn-orange {
			background: #FFAF00;
			color: #FFFFFF;
			text-indent: -99999999999vw;
			position: relative;
			border: 1px solid #FFAF00;
			cursor: pointer;
			max-width: 200px;
		}
			.main-contents section.form.br-b-gry .inner article.col-50.flex input.btn.btn-orange::before {
				content: "ファイル選択";
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: 1;
				color: #FFFFFF;
				text-indent: 0;
				transform: translate(-50%, -50%);
			}
		.main-contents section.form.br-b-gry .inner article.col-50.flex input[type="radio"] {
			display: inline-block;
			width: 30px;
			margin: 10px 0;
			transform: scale(1.6);
			accent-color: darkcyan;
		}
		.main-contents section.form.br-b-gry .inner article.col-50.flex .movie-price input[type="text"] {
			max-width: 200px;
		}
		.main-contents section.form.br-b-gry .inner article .checkox.flex label img {
			width: 30px;
		}
		.main-contents section.form.br-b-gry .inner article .checkox.flex label span {
			border-radius: 50px;
			padding: 10px 20px;
			display: flex;
			align-items: center;
			gap: 10px;
			position: relative;
		}
		.main-contents section.form.br-b-gry .inner article .checkox.flex .active-select span {
			color: #FFF;
			background: #58D5DB;
		}
		.main-contents section.form.br-b-gry .inner article .checkox.flex .active span {
			color: #666666;
			background: #DDDDDD;
			border-color: #DDDDDD;
		}
		.main-contents section.form.br-b-gry .inner article .checkox.flex .unset span {
			color: #DDDDDD;
			background: #FFF;
			border-color: #DDDDDD;
		}
		.main-contents section.form.br-b-gry .inner article.col-30 {}
			.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form {
				display:-webkit-box;
				display:-moz-box;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:-moz-flex;
				display:flex;
				-webkit-box-lines:multiple;
				-moz-box-lines:multiple;
				-webkit-flex-wrap:wrap;
				-moz-flex-wrap:wrap;
				-ms-flex-wrap:wrap;
				flex-wrap:wrap;
			}
				.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form {
					position: relative;
					margin-bottom: 20px;
					align-items: center;
					gap: 0.5em 1em;
				}
					.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form label.control-label {
						width: 100%;
					}
					.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form input[type="text"] {
						width: 33%;
					}
					.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input {
						width: calc(33% - 1em);
						position: relative;
					}
					.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input input[type="text"] {
						width: calc(100% - 60px);
					}
					.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input.icons > span {
						position: absolute;
						right: 0;
						bottom: 0.5em;
						color: #888888;
					}
					.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input i {
						position: absolute;
						bottom: 0.5em;
						left: 0.5em;
					}
						.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input i img {
							width: 25px;
						}
					.main-contents section.form.br-b-gry .inner article.col-30 > p {
						font-weight: normal;
					}
					.main-contents section.form.br-b-gry .inner article.col-30 label.control-label {
						margin: 20px 0 0;
					}
					.main-contents section.form.br-b-gry .inner article.col-30 .movie-type {
						margin-bottom: 20px;
					}
						.main-contents section.form.br-b-gry .inner article.col-30 .movie-type .radio {
							display: flex;
							gap: 0.5em;
							justify-content: flex-start;
							margin-bottom: 0.5em;
							font-size: 2rem;
						}
							.main-contents section.form.br-b-gry .inner article.col-30 .movie-type .radio input[type="radio"],
							.main-contents section.form.br-b-gry .inner article.col-30 .movie-type .radio input[type="checkbox"] {
								width: 20px;
							}
					.main-contents section.form.br-b-gry .inner article.col-30 .movie-type.flex {
							display:-webkit-box;
							display:-moz-box;
							display:-ms-flexbox;
							display:-webkit-flex;
							display:-moz-flex;
							display:flex;
							-webkit-box-lines:multiple;
							-moz-box-lines:multiple;
							-webkit-flex-wrap:wrap;
							-moz-flex-wrap:wrap;
							-ms-flex-wrap:wrap;
							flex-wrap:wrap;
							align-items: center;
							gap: 1em;
					}
						.main-contents section.form.br-b-gry .inner article.col-30 .movie-type.flex label.control-label {
							width: 100%;
						}
						.main-contents section.form.br-b-gry .inner article.col-30 .movie-type.flex .radio {
							margin: 0.5em 0;
						}
						.main-contents section.form.br-b-gry .inner article.col-30 .movie-type.flex input[type="text"] {
							width: 100px;
						}
						.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form.movie-type.flex input[type="text"] {
							width: 100%;
						}
@media screen and (max-width:500px) {
	.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form.movie-type.flex input[type="text"] {
		width: 80%;
	}
}

.main-contents section.form.checkbox-list {
	position: relative;
}
	.main-contents section.form.checkbox-list .content-head {
		position: relative;
	}
		.main-contents section.form.checkbox-list a {
			color: #666666;
		}
			.main-contents section.form.checkbox-list a.btn.btn-orange {
				width: auto;
				padding: 6px 1.5em;
				border-radius: 5px;
				position: absolute;
				top: 50%;
				right: 0;
				margin: 0;
				transform: translateY(-50%);
				color: #FFFFFF;
			}
	.main-contents section.form.checkbox-list .content-body {

	}
		.main-contents section.form.checkbox-list .content-body .form-check.flex {
			gap: 20px;
			justify-content: flex-start;
			align-items: center;
			position: relative;
			padding: 20px 40px 20px 0;
			border-bottom: 1px solid #DDDDDD;
		}
			.main-contents section.form.checkbox-list .content-body .form-check.flex::after {
				content: "";
				display: block;
				width: 20px;
				height: 20px;
				background-image: url(../img/common/icon-grip.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 100% auto;
				position: absolute;
				top: 50%;
				right: 10px;
				transform: translateY(-50%);
			}
			.main-contents section.form.checkbox-list .content-body .form-check.flex:first-child::after {
				display: none;
			}
			.main-contents section.form.checkbox-list .content-body .form-check.flex input#action-lists-check {
				width: 20px;
			}
			.main-contents section.form.checkbox-list .content-body .form-check.flex label {
				display: none;
			}
			.main-contents section.form.checkbox-list .content-body .form-check.flex select#action-lists {
				max-width: 200px;
			}
			.main-contents section.form.checkbox-list .content-body .form-check.flex .btn {
				width: auto;
				max-width: 100px;
				padding: 6px 1.5em;
				border-radius: 5px;
				margin: 0;
				color: #FFFFFF;
				background: #44a3a8;
				border: none;
			}
			.main-contents section.form.checkbox-list .content-body .form-check.flex figre {
				width: 20%;
				position: relative;
				overflow: hidden;
			}
				.main-contents section.form.checkbox-list .content-body .form-check.flex figre img {
					width: 100%;
				}
			.main-contents section.form.checkbox-list .content-body .movie-data {
				display: block;
				position: relative;
			}
				.main-contents section.form.checkbox-list .content-body .movie-data > * {
					font-size: 1.4rem;
					font-weight: normal;
				}
				.main-contents section.form.checkbox-list .content-body .movie-data span.category {
					display: flex;
					align-items: center;
					gap: 1em;
					margin-bottom: 1em;
				}
				.main-contents section.form.checkbox-list .content-body .movie-data span.category img {
					width: 20px;
				}
				.main-contents section.form.checkbox-list .content-body .movie-data span.title {
					display: block;
					font-size: 1.8rem;
				}

/* post-detail */
.main-contents section.post-textarea {}
	.main-contents section.post-textarea .post-head {}
		.main-contents section.post-textarea .post-data {
			font-size: 1.4rem;
			color: #888888;
			display: flex;
			font-weight: normal;
			gap: 1em;
			align-items: center;
			margin-bottom: 0;
		}
		.main-contents section.post-textarea h3 {
			color: #707070;
			font-size: 2.4rem;
		}
			.main-contents section.post-textarea h3::after {
				width: 100%;
				border-bottom: 1px solid #BBBBBB;
			}
	.main-contents section.post-textarea .posts-content {

	}
		.main-contents section.post-textarea .posts-content p {
			font-size: 2rem;
			color: #707070;
			line-height: 1.7em;
			font-weight: normal;
		}
		.main-contents section.post-textarea .response-posts-content {
			padding: 20px 0 20px 40px;
			border-bottom: 1px dashed #BBBBBB;
			margin-bottom: 20px;
			border-top: 1px dashed #BBBBBB;
		}
			.main-contents section.post-textarea .response-posts-content time {
				font-size: 1.4rem;
				font-weight: normal;
				color: #888888;
			}
			.main-contents section.post-textarea .response-posts-content  p {
				font-size: 2rem;
				color: #707070;
				line-height: 1.7em;
				font-weight: normal;
			}
		.main-contents section.post-textarea .right-content {
			text-align: right;
		}
.main-contents section.form.br-b-gry.bg-lightyellow {
	background: #fffbf2;
	margin: 40px;
	position: relative;
}
	.main-contents section.form.br-b-gry.bg-lightyellow article {
		padding: 0;
		margin: 0;
	}
		.main-contents section.form.br-b-gry.bg-lightyellow article .flex.right-content {
			gap: 1em;
			justify-content: flex-end;
		}
			.main-contents section.form.br-b-gry.bg-lightyellow article label.control-label {
				font-size: 2rem;
				margin: 0px 0 10px;
			}
			.main-contents section.form.br-b-gry.bg-lightyellow article .flex.right-content p.text-count.txt-right {
				margin: 0;
			}
			.main-contents section.form.br-b-gry.bg-lightyellow article .flex.right-content input.btn.btn-orange {
				display: inline-block;
				margin: 10px 0;
			}
.main-contents section.other-post-list {
	background: #EFEFEF;
	margin: 40px;
}
	.main-contents section.other-post-list h3 {
		margin: 0;
		padding: 0 0 20px;
	}
		.main-contents section.other-post-list h3::after {
			display: none;
		}
	.main-contents section.other-post-list ul.answer-list {
		padding: 0;
		list-style: none;
	}
		.main-contents section.other-post-list ul.answer-list > li {
			padding: 30px 0;
			margin-bottom: 30px;
			border-bottom: 1px solid #BBBBBB;
		}
			.main-contents section.other-post-list ul.answer-list > li time {
				font-size: 1.4rem;
				font-weight: normal;
				color: #888888;
			}
			.main-contents section.other-post-list ul.answer-list > li p {
				margin: 10px 0 20px;
				font-size: 2rem;
				line-height: 1.7em;
				color: #707070;
			}
				.main-contents section.other-post-list ul.answer-list > li p a.txt-green {
					margin-left: 1em;
					display: inline-block;
				}
			.main-contents section.other-post-list ul.answer-list > li a.coment-open {
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				gap: 0.5em;
				position: relative;
			}
				.main-contents section.other-post-list ul.answer-list > li a.coment-open img.arrow {
					width: 15px;
				}
			.main-contents section.other-post-list ul.answer-list > li ul.coment-list {
				list-style: none;
				margin: 20px 0;
			}
				.main-contents section.other-post-list ul.answer-list > li ul.coment-list li {
						padding: 20px 0 10px;
						border-bottom: 1px dotted #BBBBBB;
					}
				.main-contents section.other-post-list ul.answer-list > li ul.coment-list li:last-child {
						border-bottom: none;
					}
					.main-contents section.other-post-list ul.answer-list > li ul.coment-list li p {
						font-weight: normal;
					}
			.main-contents section.other-post-list ul.answer-list li a {
				display: flex;
				gap: 1em;
				align-items: center;
				font-size: 1.6rem;
			}
				.main-contents section.other-post-list ul.answer-list a img.fukidashi {
					height: 20px;
				}
.main-contents section.other-post-list.bg-lightyellow {
	background: #fffbf2;
}
.main-contents section.other-post-list.search-period {
	padding: 40px;
}
	.main-contents section.other-post-list.search-period h3 {
		border-bottom: 1px solid #BBBBBB;
		margin: 0 0 20px;
	}
	.main-contents section.other-post-list.search-period .answer-list-data {
		gap: 1em;
	}
	.main-contents section.other-post-list.search-period a.btn.btn-orange {
		margin: 0;
		padding: 0.4em 1em;
		border-radius: 5px;
	}
		.main-contents section.other-post-list.search-period a.btn.btn-orange img {
			height: 1em;
		}

/* non posts */
.main-contents section.non-data {
	padding: 100px 40px;
	text-align: center;
	background: #F5F5F5;
	margin: 40px;
}
	.main-contents section.non-data .flex {
		justify-content: center;
		font-size: 2rem;
		color: #666666;
	}

/* post-detail */
.main-contents section.post-detail {
	padding: 0 40px 40px;
}
	.main-contents section.post-detail article {

	}
		.main-contents section.post-detail h3.txt-green {
			color: #44A3A8;
		}
			.main-contents section.post-detail h3.txt-green::after {
				border-color: #44A3A8;
			}
		.main-contents section.post-detail article ul li {
			font-weight: normal;
			line-height: 1.7em;
		}
		.main-contents section.post-detail article p {
			font-size: 1.6rem;
			font-weight: normal;
			line-height: 1.7;
			padding-left: 20px;
		}
		.main-contents section.post-detail article table {
			width: calc(100% - 20px);
			margin-left: 20px;
			position: relative;
			background: #FFFFFF;
		}
			.main-contents section.post-detail article table th {
				vertical-align: top;
				padding: 20px 10px;
				background: #c6e3e5;
				color: #2F7275;
			}
			.main-contents section.post-detail article table td {
				font-weight: normal;
				background: #ecf6f6;
			}
				.main-contents section.post-detail article table td ul.list-bum {
					list-style: decimal;
				}

.main-contents section.form.br-b-gry.credit-area {}
	.main-contents section.form.br-b-gry.credit-area article img {
		max-width: 400px;
		width: 100%;
	}
	.main-contents section.form.br-b-gry.credit-area article .flex {
		gap: 1em;
		align-items: flex-end;
		margin-bottom: 1em;
	}
		.main-contents section.form.br-b-gry.credit-area article .flex label {
			font-weight: normal;
			font-size: 1.4rem;
		}
			.main-contents section.form.br-b-gry.credit-area input[type="submit"] {
				width: 100%;
				background: #44a3a8;
				color: #FFFFFF;
				border: 1px solid #44a3a8;
			}
	.main-contents section.form.br-b-gry.credit-area article span.text-ss {
		font-size: 1.4rem;
		font-weight: normal;
	}
	.main-contents section.form.br-b-gry.credit-area.w30 input {
		width: 30%;
	}
	.main-contents section.form.br-b-gry.credit-area.w30 input[type="submit"] {
		width: 33.333%;
		margin-top: 40px;
		max-width: 140px;
	}
	.main-contents section.form.br-b-gry.credit-area article .form-input.flex {
		gap: 1em;
	}
		.main-contents section.form.br-b-gry.credit-area article .form-input.flex > * {
			width: 10em;
			margin-bottom: 1em;
		}
		.main-contents section.form.br-b-gry.credit-area article .form-input.flex > input#submit {
			margin: 0;
		}

.main-contents.profile section.form.br-b-gry {}
	.main-contents.profile section.form.br-b-gry article {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border: none;
		color: #707070;
	}
		.main-contents.profile section.form.br-b-gry article label, 
		.main-contents.profile section.form.br-b-gry article .mt2em {
			min-width: 200px;
			width: 100%;
			max-width: 220px;
			margin: 20px 0;
			color: #707070;
		}
		.main-contents.profile section.form.br-b-gry article input.form-control.w30 {
			width: 30%;
		}
		.main-contents.profile section.form.br-b-gry article input.form-control.w50 {
			width: 50%;
		}
		.main-contents section.form.br-b-gry .inner article.col-50.flex input.btn.btn-orange {
			background: #FFAF00;
			color: #FFFFFF;
			text-indent: -99999999999vw;
			position: relative;
			border: 1px solid #FFAF00;
			cursor: pointer;
			max-width: 200px;
			margin-left: 20px;
		}
		.main-contents section.form.br-b-gry .inner article input[type="submit"] {
			width: 33.333%;
			margin: 40px auto;
			max-width: 140px;
			background: #44a3a8;
			color: #FFFFFF;
			border: 1px solid #44a3a8;
		}
		.main-contents section.form.br-b-gry.credit-area .inner article input[type="submit"] {
			margin: 0;
			width: 100%;
		}
		.main-contents section.form.br-b-gry .inner article .radio {
			display:-webkit-box;
			display:-moz-box;
			display:-ms-flexbox;
			display:-webkit-flex;
			display:-moz-flex;
			display:flex;
			-webkit-box-lines:multiple;
			-moz-box-lines:multiple;
			-webkit-flex-wrap:wrap;
			-moz-flex-wrap:wrap;
			-ms-flex-wrap:wrap;
			flex-wrap:wrap;
			color: #707070;
		}
			.main-contents section.form.br-b-gry .inner article .radio p {
				width: 100%;
				font-size: 1.2rem;
				font-weight: normal;
			}
			.main-contents section.form.br-b-gry .inner article .radio input[type="radio"] {
				width: 30px;
			}
	.main-contents.profile section.form.br-b-gry article.flex.flex-al-top {
		align-items: flex-start;
	}
		.main-contents.profile section.form.br-b-gry article.flex.flex-al-top .mt2em {
			margin-top: 0;
		}
			.main-contents.profile section.form.br-b-gry article a.btn.btn-green {
				margin: 20px 10px;
				border-radius: 5px;
				padding: 0.7em 1.5em;
				min-width: 5em;
			}
		.main-contents.profile section.form.br-b-gry article.flex.btm-br {
			margin-bottom: 40px;
			padding-bottom: 40px;
			border-bottom: 1px dashed #DDDDDD;
		}
		.main-contents.profile section.form.br-b-gry article.flex.flex-al-top .career.flex {
			margin-bottom: 20px;
		}
		.main-contents.profile section.form.br-b-gry article label.cal-wrap {
			font-size: 1.6rem;
			color: #666666;
			margin: 0 0.5em;
			display: block;
		}
			.main-contents.profile section.form.br-b-gry article label.cal-wrap input {
				display: block;
				width: 100%;
			}
	.main-contents.profile section.form.br-b-gry article.flex.flex-al-top .career2.flex {
		gap: 10px;
		align-items: flex-end;
	}
		.main-contents.profile section.form.br-b-gry article.flex.flex-al-top .career2.flex a { margin-bottom: 0; }

.main-contents section.form.br-b-gry.sns {}
	.main-contents section.form.br-b-gry.sns .inner article {
		padding: 0;
		border: none;
		margin-bottom: 20px;
		font-weight: normal;
	}
		.main-contents section.form.br-b-gry.sns .inner article .form-input.flex {
			gap: 20px;
			justify-content: flex-start;
		}
			.main-contents section.form.br-b-gry.sns .inner article .form-input.flex label.mt2em {
				font-size: 1.6rem;
				font-weight: bold;
				width: 18%;
			}
			.main-contents section.form.br-b-gry.sns .inner article .form-input.flex span {
				display: block;
				width: auto;
				font-size: 1.4rem;
			}
			.main-contents section.form.br-b-gry.sns .inner article .form-input.flex input.form-control {
				width: 30%;
			}
			.main-contents section.form.br-b-gry.sns .inner article .form-input.flex input.form-control.btn-green {
				margin: 15px 0;
				max-width: 100px;
			}

.main-contents section.form.br-b-gry.email-area {}
	.main-contents section.form.br-b-gry.email-area .new-email-input span {
		font-size: 1.4rem;
		font-weight: normal;
	}
	.main-contents section.form.br-b-gry.email-area input[type="text"] {
		min-width: 300px;
	}
.main-contents section.form.plan-select-area article > .flex {
	position: relative;
	overflow: hidden;
}
.main-contents section.form.plan-select-area {}
	.main-contents section.form.plan-select-area article > .flex {
		position: relative;
		gap: 20px;
	}
		.main-contents section.form.plan-select-area label.control-label.plan.flex {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: 20px;
			position: relative;
			width: 100%;
			box-shadow: 0 0 10px rgb(0 0 0 / 20%);
			border-radius: 10px;
			padding: 20px 120px 20px 0px;
		}
		.main-contents section.form.plan-select-area .flex input {
			width: 40px;
			font-size: 40px;
			padding: 0px;
			transform: translateY(-50%) scale(2);
			-webkit-accent-color: darkcyan;
			-moz-accent-color: darkcyan;
			-ms-accent-color: darkcyan;
			accent-color: darkcyan;
			position: absolute;
			top: 50%;
			left: 20px;
		}
		.main-contents section.form.plan-select-area .flex input:checked + label.control-label.plan.flex {
			border: 10px solid rgba(68, 163, 168, 0.5);
			/* box-sizing: border-box; */
			padding: 10px 20px;
		}
		.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex {}
			.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex figure {
				margin: 1em 50px;
			}
				.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex figure img {
					width: 50px;
				}
			.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex .text-data h3 {
				padding: 0;
				margin: 0 1em;
				font-size: 2.4rem;
			}
				.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex .text-data h3::after {
					display: none;
				}
			.main-contents section.form.plan-select-area label.control-label.plan.plan-001.flex .plan-select-contents.flex .text-data h3 { color: #805700; }
			.main-contents section.form.plan-select-area label.control-label.plan.plan-002.flex .plan-select-contents.flex .text-data h3, .main-contents section.form.plan-select-area label.control-label.plan.plan-003.flex .plan-select-contents.flex .text-data h3 { color: #25595C; }
			.main-contents section.form.plan-select-area label.control-label.plan.plan-004.flex .plan-select-contents.flex .text-data h3 { color: #6D2F75; }
			.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex .text-data .flex p {
				font-size: 2.4rem;
				margin: 10px 0;
			}
			.main-contents section.form.plan-select-area label.control-label.plan.plan-001.flex .plan-select-contents.flex .text-data .flex p { color: #CC8B00; }
			.main-contents section.form.plan-select-area label.control-label.plan.plan-002.flex .plan-select-contents.flex .text-data .flex p, .main-contents section.form.plan-select-area label.control-label.plan.plan-003.flex .plan-select-contents.flex .text-data .flex p { color: #44A3A8; }
			.main-contents section.form.plan-select-area label.control-label.plan.plan-004.flex .plan-select-contents.flex .text-data .flex p { color: #9C44A8; }
			.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex .text-data > p {
				font-size: 1.4rem;
				font-weight: normal;
			}

.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry {
	background: #F5F5F5;
	width: calc(100% - 170px);
	margin: 0 40px;
}
	.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry article {
		margin: 0;
		padding: 0;
		position: relative;
	}
	.main-contents.profile section.text-area p {
		font-weight: normal;
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry article .flex {
		justify-content: center;
		gap: 10px;
		align-items: center;
	}
	.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry article input#submit {
		margin: 0 auto;
	}
	.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry article .flex input#consent {
		width: 40px;
		transform: scale(1.5);
	}
	.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry article .flex label.control-label {
		width: auto;
		max-width: inherit;
		display: inline-block;
		min-width: auto;
	}
	.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry {
		width: calc(100% - 80px);
		margin: 0 20px;
	}
		.main-contents.profile section.form.br-b-gry.checkbox-area.bg-lightgry article .flex {
			display: flex !important;
		}

.main-contents section.news-area {}
	.main-contents section.news-area .inner.flex {
		gap: 60px;
		align-items: flex-start;
	}
		.main-contents section.news-area .inner.flex .news-list {
			max-width: 290px;
			width: 100%;
			position: relative;
		}
			.main-contents section.news-area .inner.flex .news-list ul {
				padding: 0;
				list-style: none;
			}
				.main-contents section.news-area .inner.flex .news-list ul a {
					display: block;
					padding: 20px 14px;
					border-bottom: 1px solid #DDD;
					background: #FFFFFF;
					transition: background 0.4s ease;
				}
				.main-contents section.news-area .inner.flex .news-list ul a:hover, 
				.main-contents section.news-area .inner.flex .news-list ul a.active {
					background: #ecf6f6;
					opacity: 1;
				}
				.main-contents section.news-area .inner.flex .news-list ul li.more-link a {
					border: none;
					text-align: center;
				}
					.main-contents section.news-area .inner.flex .news-list ul .news-meta.flex {
						position: relative;
					}
						.main-contents section.news-area .inner.flex .news-list ul .news-meta.flex span.new-icon {
							background: #FF0000;
							padding: 0.2rem 0.4rem;
							font-size: 1rem;
							border-radius: 5px;
							margin-left: 1em;
							color: #FFFFFF;
						}
						.main-contents section.news-area .inner.flex .news-list ul a time {
							font-size: 1.2rem;
						}
						.main-contents section.news-area .inner.flex .news-list ul .news-meta.flex span {
							font-size: 1.2rem;
						}
							.main-contents section.news-area .inner.flex .news-list ul a > p {
								font-size: 1.6rem;
								font-weight: normal;
								color: #302D2C;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								overflow: hidden;
								margin: 10px 0 0;
							}
		.main-contents section.news-area .inner.flex .news-detail {}

			.main-contents section.news-area .inner.flex .news-detail .news-head {

			}
				.main-contents section.news-area .inner.flex .news-detail .news-head time {
						font-size: 1.2rem;
					}
				.main-contents section.news-area .inner.flex .news-detail .news-head span {
					font-size: 1.2rem;
				}
				.main-contents section.news-area .inner.flex .news-detail .news-head {
					color: #302D2C;

				}
					.main-contents section.news-area .inner.flex .news-detail h3 {
						margin-top: 10px;
						padding-top: 0;
						border-bottom: 1px solid #DDDDDD;
					}
						.main-contents section.news-area .inner.flex .news-detail h3::after { display: none; }
			.main-contents section.news-area .inner.flex .news-detail .news-content {
				font-size: 1.6rem;
				font-weight: normal;
			}
				.main-contents section.news-area .inner.flex .news-detail .news-content a {
					gap: 20px;
				}
					.main-contents section.news-area .inner.flex .news-detail .news-content figre.status-01 {}
						.main-contents section.news-area .inner.flex .news-detail .news-content figre.status-01 img { max-width: 130px; }

					.main-contents section.news-area .inner.flex .news-detail .news-content ul.flex.movie-type {
						margin: 0 0 10px;
						list-style: none;
						gap: 1em;
						align-items: center;
						position: relative;
						flex-wrap: wrap;
						padding: 0;
					}
						.main-contents section.news-area .inner.flex .news-detail .news-content  li.type-01 {
							border: 1px solid #707070;
							font-size: 1.2rem;
							padding: 0px 0.5em;
							border-radius: 5px;
						}
						.main-contents section.news-area .inner.flex .news-detail .news-content  li.type-02 {
							border: 1px solid #707070;
							background: #707070;
							font-size: 1.2rem;
							padding: 0px 0.5em;
							border-radius: 5px;
							color: #FFFFFF;
						}
						.main-contents section.news-area .inner.flex .news-detail .news-content  li.type-03 {
							border: 1px solid #44A3A8;
							background: #44A3A8;
							font-size: 1.2rem;
							padding: 0px 0.5em;
							border-radius: 5px;
							color: #FFFFFF;
						}
					.main-contents section.news-area .inner.flex .news-detail .news-content span.title {
						font-size: 1.6rem;
						display: block;
						margin: 10px 0;
					}
					.main-contents section.news-area .inner.flex .news-detail .news-content time {
						font-size: 1.4rem;
					}
						.main-contents section.news-area .inner.flex .news-detail .news-content time span {
							font-size: 1.2rem;
						}


.cp_ipselect {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0em auto 20px;
	border-radius: 5px;
	color: #ffffff;
	border: 1px solid #CCCCCC;
}
.cp_ipselect > i.toggle {
	position: absolute;
	z-index: 4;
	top: 1.2em;
	right: 1.5em;
	color: #ffffff;
}
.cp_ipselect .cp_sl07_arrowup:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	pointer-events: none;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #333333;
	border-left: 6px solid transparent;
	-webkit-transition: all 250ms cubic-bezier(.4,.25,.3,1);
	transition: all 250ms cubic-bezier(.4,.25,.3,1);
}
.cp_ipselect .cp_sl07_arrowdown:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	pointer-events: none;
	border-top: 6px solid #333333;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	-webkit-transition: all 250ms cubic-bezier(.4,.25,.3,1);
	transition: all 250ms cubic-bezier(.4,.25,.3,1);
}
.cp_ipselect .cp_sl07_title, .cp_ipselect .cp_sl07_selectlabel {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0.5em 1em;
	cursor: pointer;
	background: #FFFFFF;
}
.cp_ipselect > input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block !important;
	width: 100% !important;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}
.cp_ipselect > input:checked ~ i.toggle.cp_sl07_arrowdown {
	display: none;
}
.cp_ipselect > input:checked ~ i.toggle.cp_sl07_arrowup {
	display: block;
}
.cp_ipselect > input:checked div.options label.option .cp_sl07_title {
	display: none !important;
}
.cp_ipselect > input:not(:checked) {
	z-index: 4;
}
.cp_ipselect > input:not(:checked) ~ label.option > span.cp_sl07_title {
	display: none;
}
.cp_ipselect > input:not(:checked) ~ i.toggle.cp_sl07_arrowup {
	display: none;
}
.cp_ipselect > input:not(:checked) ~ i.toggle.cp_sl07_arrowdown {
	display: block;
}
.cp_ipselect > span.cp_sl07_selectlabel {
	position: relative;
	z-index: 0;
	display: inline-block;
	width: calc(100% - 35px);
	color: #ffffff;
	border-top: 0;
	border-radius: 5px;
}
.cp_ipselect label.option {
	z-index: 1;
	display: block;
	overflow: hidden;
	width: 100%;
	transition: all 1s ease-out;
	padding: 0px;
	margin: 0 2px;
}
.cp_ipselect label.option:last-child {
	border: none;
}
.cp_ipselect label.option span.cp_sl07_title {
	position: relative;
	z-index: 2;
	transition: 0.3s ease-out;
	background: #F5F5F5;
	box-shadow: none !important;
	padding: 0.5em 1em !important;
	border: none !important;
	border-radius: 0 !important;
	width: calc(100% - 40px);
	font-size: 2rem !important;
	color: #333333 !important;
	border-bottom: 1px solid #666666 !important;
}
.cp_ipselect label.option:last-child span.cp_sl07_title {
	border: none !important;
}
.cp_ipselect label.option span.cp_sl07_title:hover {
	color: #111111;
	background: #CCCCCC;
}
.cp_ipselect label.option input {
	display: none;
}
.cp_ipselect label.option input:checked ~ span.cp_sl07_title {
	position: absolute;
	z-index: 3;
	top: 0;
	display: block;
	width: calc(100% - 20px);
	color: inherit !important;
	border-top: 0 !important;
	background: #FFFFFF !important;
	box-shadow: none !important;
	padding: 5px !important;
	font-size: 2rem !important;
	border: none !important;
	height: auto;
}


section.filter01-contents.detail-search-block.bg-greenlight .inner {
	max-width: 1260px;
	margin: 0 auto;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner .detail-search-head {
	display: none;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .form-input {
	/* padding-bottom: 30px;
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 30px; */
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body input.form-search.form-control {
	width: calc(100% - 10px - 3em);
	font-size: 1.6rem;
	border: none;
	background: #FFFFFF;
	padding: 10px 10px 10px 3em;
	border-radius: 50px;
	position: relative;
	background-image: url(../img/common/icon-search.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: auto 50%;
	box-shadow: 3px 0px 10px rgb(0 0 0 / 20%);
}
section.filter01-contents.detail-search-block.bg-greenlight .inner .radio-block {
	position: relative;
	gap: 20px;
	margin: 30px 0;
	align-items: flex-start;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner .radio-block i img {
	height: 100%;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radio-title {
	font-size: 2rem;
	gap: 20px;
	width: calc(18% - 20px);
	padding: 10px 0;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radio-title i {
	width: 25px;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radio-title i img {
	width: 100%;
	align-items: center;
	display: flex;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radio-title span {
	display: block;
	width: 100%;
	letter-spacing: 0.4em;
}

section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	gap: 20px;
	width: calc(82%);
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox .radiobutton {
	display: none;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox label {
	color: #58D5DB;
	font-weight: normal;
	padding: 0.5em 2em;
	width: calc(25% - 17px - 4em);
	background: #FFFFFF;
	border-radius: 50px;
	border: 1px solid #58D5DB;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
	text-align: center;
	transition: all 0.4s ease;
}

section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox input:checked + label,
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox label:hover {
	background: #44a3a8;
	color: #FFFFFF;
	border-color: #44a3a8;
}


.main-contents section form .stars label {
	color: #D2D2D2;
	font-size: 3.4rem;
	padding: 0 5px;
	cursor: pointer;
	margin: 0;
}

@media screen and (min-width:1025px) {

}
@media screen and (max-width:1024px) {
	.mypage .contents {
		flex-wrap: wrap;
	}
	.mypage .contents .side-nav.ScrollSideTop {
		width: 100%;
		max-width: 100%;
		min-height: 100%;
		height: auto;
		order: 2;
		position: relative;
		display: none;
	}
	.mypage .contents .main-contents {
		width: 100%;
		margin-left: 0;
	}
	.main-contents section { padding: 20px; }
	.main-contents section.page-title {
		padding: 10px 20px;
	}
	.main-contents section.user-data .inner > .flex .account {
		display: flex !important;
		border: none;
	}
	.main-contents section.user-data .inner .plan {
		gap: 20px;
		display: flex !important;
		margin-top: 20px;
		justify-content: center;
	}
	.main-contents section.icon-nav.col4 ul {
		gap: 16px;
	}
	.main-contents section.icon-nav.col4 li {
		width: calc(50% - 8px);
	}
	/* text-list */
	.main-contents section.list.date-title {}
		.main-contents section.list.date-title ul {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		.main-contents section.list.date-title ul li {
			margin-bottom: 20px;
		}
			.main-contents section.list.date-title ul li a.flex {
				gap: 20px;
			}

	.main-contents section.list.table-list ul li.flex > * {
		width: 100% !important;
	}
	.main-contents section.search-period form.flex {
		margin-bottom: 20px;
	}
	.main-contents section.search-period .form-input {
		margin-top: 20px;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li {
		list-style: none;
		padding: 20px 0;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li > .flex {
		padding: 0;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li > .flex::after { display: none; }
	.main-contents section.list.img-list.w30 ul.img-lists li figre {
		width: 100%;
		display: block;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li .movie-data {
		width: 100%;
		padding: 20px 0;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li span.category {
		display: flex;
		align-items: center;
		gap: 1em;
		width: 100%;
	}
	.main-contents section.list.img-list.w30 ul.flex.movie-type {
		display: flex !important;
	}
	.main-contents section.page-title .btn {
		top: 120px;
		right: 20px;
	}
	.main-contents section.form.checkbox-list .content-body .form-check.flex input#action-lists-check {
		width: 20px;
		margin: 20px auto;
	}
	.main-contents section.page-title .flex {
		position: relative;
		top: 0;
		right: 0;
		transform: unset;
		gap: 20px;
		align-items: center;
		padding: 0 20px;
		width: calc(100% - 40px);
		display: flex !important;
	}
	.main-contents section.page-title .flex a.btn.btn-green {
		top: 20px !important;
		left: 0;
		right: 0 !important;
	}
	.main-contents section.page-title .btn {
		top: 20px;
		right: 0;
		width: 50%;
		padding: 10px;
	}
	.main-contents section.form.br-b-gry .inner article {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.main-contents section form input[type="text"] {
		width: calc(100% - 32px);
	}
	.main-contents section.list.questions-list ul.text-list li.resolved-question .post-data.flex,
	.main-contents section.list.questions-list li .post-data.flex {
		border: none;
		display: flex !important;
		flex-wrap: wrap;
		gap: 0.5em 1em;
	}
	.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input,
	.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input input[type="text"] {
		width: calc(100% - 20px);
	}
	.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input.icons > span {
		display: none;
	}

	.main-contents section.list.img-list.w30 ul.img-lists li .movie-data > div.flex .appraise-star {
		display: flex;
		max-width: 100px;
		align-items: center;
		justify-content: flex-start;
		gap: 1em;
	}
	.main-contents section.list.img-list.w30.non-link ul.img-lists {
		padding-bottom: 0;
	}
	.main-contents section.post-detail article > ul {
		padding-left: 1.5em;
	}
	.main-contents section.post-detail article p {
		padding-left: 0;
	}
	.main-contents section.post-detail article table {
		margin: 0;
		width: 100%;
	}
	.main-contents section.post-detail article table th,
	.main-contents section.post-detail article table td {
		display: block;
		text-align: left;
		padding: 10px 20px;
	}
	.main-contents section.post-detail article table td ul {
		padding-left: 1em;
	}
	.main-contents section.search-period-02 .form-input {
		width: 100%;
		position: relative;
		margin-bottom: 2em;
	}
	.main-contents section.search-period-02 .form-input.last-child {
		width: 100%;
	}
	.main-contents section.search-period-02 .form-input.last-child input {
		width: 100%;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li .movie-data ul.flex.movie-type {
		padding: 0;
		flex-wrap: wrap;
	}
	.main-contents section.list.img-list.w30 ul.img-lists li .movie-data ul.flex.movie-type li.type-data.flex {
		width: 100%;
		display: flex !important;
		align-items: center;
		gap: 1em;
	}
	.main-contents section.list.img-list.w30.url-lists ul.img-lists li > .flex .list-url.flex p.url-area {
		word-break: break-all;
		background-position: 96% center;
	}
	.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li {
		display: inline-block;
	}
	.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li.type-data {
		width: 100%;
	}
	.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li.type-data p {
		display: inline-block;
	}
	.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data ul.flex.movie-type li.type-data .appraise-star {
		justify-content: flex-start;
		display: flex;
		margin: 10px 0;
	}
	.main-contents section.other-post-list.search-period {
		padding: 20px;
		margin: 0;
	}
	.main-contents section.form.br-b-gry.credit-area article .flex input#credit-submit,
	.main-contents section.form.br-b-gry.credit-area article .flex input#credit-name-submit {
		margin-top: 20px;
	}
	.main-contents section.form.br-b-gry.credit-area article .form-input.flex > * {
		width: calc(100% - 40px);
	}
	.main-contents section.form.br-b-gry .inner article .radio {
		display: flex !important;
	}
	.main-contents section.form.br-b-gry.sns .inner article .form-input.flex > * {
		width: 100% !important;
		max-width: 100% !important;
	}
	.main-contents section.form.br-b-gry.sns .inner article .form-input.flex input.form-control {
		width: calc(100% - 32px) !important;
	}
	.main-contents section.form.br-b-gry.sns .inner article .form-input.flex input.form-control.btn-green {
		width: 100% !important;
	}
	.main-contents section.form.plan-select-area label.control-label.plan.flex {
		width: calc(100% - 75px);
		padding: 20px;
	}
	.main-contents section.form.plan-select-area label.control-label.plan.flex {
		width: calc(100% - 55px);
		padding: 50px 20px 80px;
		margin-bottom: 20px;
	}
	.main-contents section.form.plan-select-area .flex input {
		top: 40px;
		left: 50%;
		transform: translate(-50%, 0) scale(2);
	}
	.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex figure {
		text-align: center;
		margin: 40px;
	}
	.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex .text-data h3 {
		text-align: center;
	}
	.main-contents section.form.plan-select-area label.control-label.plan.flex .plan-select-contents.flex .text-data .flex p {
		text-align: center;
	}
	.main-contents section.form.plan-select-area .flex input:checked + label.control-label.plan.flex {
		padding: 10px;
	}
	.main-contents section.news-area .inner.flex .news-list {
		max-width: 100%;
	}
	.main-contents section.news-area .inner.flex .news-detail .news-content ul.flex.movie-type {
		display: flex !important;
	}
}
@media screen and (max-width:500px) {
	.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input,
	.main-contents section.form.br-b-gry .inner article.col-30 .seminar-form .form-input input[type="text"] {
		width: calc(100% - 40px);
	}
	.main-contents section form input[type="text"] {
		width: calc(100% - 62px);
	}

}
.user-data-detail {
  color: #666666;
  border-bottom: 1px solid #DDDDDD;
  padding: 20px 0;
  margin: 0;
  text-align: left;
}
.user-data-detail table {
  width: 100%;
}
.user-data-detail th {
  width: 220px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
}
.user-data-detail .plan-info {
  gap: 20px;
  display: flex;
  align-items: center;
}
.user-data-detail .img-plan {
  width: 30px;
}
.user-data-detail .text-align-right {
  padding: 10px;
  vertical-align: top;
  text-align: right;
}
.user-data-detail .user-data-change {
  border: 1px solid #C5C5C5;
  color: #666666;
  padding: 3px;
}

/* custom */

.mypage .contents .main-contents.side-fixed-area section.user-data {
	margin: 30px 0;
}
.mypage .contents section .inner .sort-block .sort .filter-block .detail-search-block {
	width: calc(100vw - 80px - 410px);
	padding: 0 30px !important;
	max-width: 1450px;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner .radio-block {
	margin: 10px 0 0;
	display: block;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radio-title {
	width: 100%;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox {
	gap: 10px;
	width: 100%;
}
section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox label {
	width: calc(25% - 4em - 10px);
	margin: 5px 0;
}

.contents section .inner .sort-block .sort a.pc.btn.btn-green {
	margin: 30px auto;
}

/* section.form.plan-select-area > div */
.plan-payment {
	margin-top: 20px;
	flex-wrap: wrap;
	position: relative;
	max-width: 700px;
}

/* section.form.plan-select-area > div */
.plan-payment > div:last-child {
	margin: 30px;
}

/* section.form.plan-select-area > div */
.plan-payment > .new-credit,
/* section.form.plan-select-area > div */
.plan-payment > .old-credit {
	width: calc(50% - 2px);
	margin: 0 !important;
	text-align: center;
	padding: 0;
	position: relative;
}
/* section.form.plan-select-area > div */
.plan-payment > .new-credit div#payjp_checkout_box {
	margin: 0;
	padding: 5px 5px 5px 60px !important;
}
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > input,
/* section.form.plan-select-area > div */
.plan-payment > .old-credit > input {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	z-index: 2;
	opacity: 1;
	accent-color: darkcyan;
}
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > #payjp_checkout_box,
/* section.form.plan-select-area > div */
.plan-payment > .old-credit > span {
	border: 1px solid;
	display: block;
	color: #44a3a8;
	line-height: 2em;
	padding: 10px;
}
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > #payjp_checkout_box {
	border-radius: 100px 0 0 100px;
	z-index: 1;
	position: relative;
}
/* section.form.plan-select-area > div */
.plan-payment > .old-credit > span {
	display: block;
	border-radius: 0 100px 100px 0;
	line-height: 2.6em;
	padding: 5px 50px 5px 5px;
}

/* section.form.plan-select-area > div */
.plan-payment > .new-credit > input:checked + #payjp_checkout_box,
/* section.form.plan-select-area > div */
.plan-payment > .old-credit > input:checked + span,
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > #payjp_checkout_box:hover,
/* section.form.plan-select-area > div */
.plan-payment > .old-credit > span:hover {
	background: #44a3a8;
	color: #FFFFFF;
	border-color: #44a3a8;
}
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > input[type="radio"] {
	width: 30px;
	margin: 0 !important;
	left: 15px;
}
/* section.form.plan-select-area > div */
div.plan-payment > .new-credit div#payjp_checkout_box input[type="button"] {
	padding: 0;
	line-height: 2rem;
	padding: 9px 20px;
	background: none;
	border: 1px solid #FFFFFF;
}
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > #payjp_checkout_box > input[type="button"],
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > input:checked + #payjp_checkout_box > input[type="button"], 
/* section.form.plan-select-area > div */
.plan-payment > .new-credit > #payjp_checkout_box:hover > input[type="button"] {
	background: #44a3a8 !important;
	border-color: #FFFFFF !important;
	width: 100%;
}

/* section.form.plan-select-area > div */
div.plan-payment > .old-credit > input[type="radio"] {
	left: unset;
	right: 20px;
	width: 30px;
	top: 0;
}

/* section.form.plan-select-area > div */
.plan-payment > div:last-child input#pay_submit {
	border: 1px solid #44a3a8;
	background: #44a3a8;
	color: #FFFFFF;
	padding: 10px 25px !important;
	display: block;
	border-radius: 5px;
	transition: 0.4s all ease;
}
/* section.form.plan-select-area > div */
.plan-payment > div:last-child input#pay_submit:hover {
	border: 1px solid #44a3a8;
	background: #FFFFFF;
	color: #44a3a8;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
	max-width: 740px;
}

.main-contents section.form.plan-select-area #inner .labels {
	right: 20px;
}

.main-contents section.form.plan-select-area #inner .labels span {
	font-size: 1.6rem;
	padding: 5px 20px;
}

@media screen and (max-width:1300px) {
	section.filter01-contents.detail-search-block.bg-greenlight .inner form.detail-search-body .radiobox label {
		width: auto;
	}
}
@media screen and (max-width:1024px) {
	.mypage .contents section .inner .sort-block .sort .filter-block .detail-search-block {
		width: calc(100vw - 120px);
		padding: 0 20px !important;
		max-width: 100vw;
	}
	.main-contents section.form.plan-select-area #inner .labels {
		right: unset;
		bottom: 40px;
		top: unset;
		left: 10px;
		width: calc(100% - 60px);
		margin: 0 20px;
	}
	.main-contents section.form.plan-select-area #inner .labels span {
		width: calc(100% - 40px);
		display: block;
		padding: 10px 20px;
		border-radius: 100px;
		text-align: center;
	}
	section.breadcrumbs .inner ul {
		display: flex !important;
		margin: 0;
		padding: 10px 15px;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

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

}
@media screen and (max-width:767px) {
	.main-contents section h2 {
		padding: 10px 0;
		font-size: 2.3rem;
	}
	.main-contents section.search-period,
	.main-contents section.search-period-02 {
		padding: 0 25px;
	}
		.main-contents section.search-period-02 .form-input {
			width: 150px;
			display: inline-block;
		}
	.main-contents section.search-period {
		padding: 0 25px;
	}
	.mypage .contents section .inner .sort-block .sort .filter-block .detail-search-block {
		width: calc(100vw - 90px);
		padding: 0 20px !important;
		max-width: 100vw;
	}
	.mypage .contents .main-contents.side-fixed-area section.user-data {
		margin: 0;
		padding: 0 20px;
	}
}
@media screen and (max-width:500px) {
	/* section.form.plan-select-area > div */
	.plan-payment > .old-credit > span {
		font-size: 1.2rem;
	}
	/* section.form.plan-select-area > div */
	.plan-payment > .new-credit > input:checked + #payjp_checkout_box input[type="button"],
	/* section.form.plan-select-area > div */
	.plan-payment > .new-credit > #payjp_checkout_box input[type="button"] {
		font-size: 1rem;
		padding: 5px !important;
	}
	/* section.form.plan-select-area > div */
	.plan-payment > .new-credit div#payjp_checkout_box {
		padding: 2px 3px 4px 60px !important;
	}
}