@charset "utf-8";

#profile {
	text-align: left;
	padding: 0 10px;
}
/********************* profile *******************/
ul.jCarousel {
	-webkit-transition: margin 0s ease-in-out;
	transition: margin 0s ease-in-out;
	text-align: center;
	margin: 10px auto 0;
}
ul.jCarousel img {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e2cd6d), color-stop(0.81, #f3f3cc), color-stop(0.61, #e2cd6d), color-stop(0.37, #3c0e11), color-stop(0.22, #f3f3cc), color-stop(0.05, #e2cd6d));
	background: -webkit-linear-gradient(top, #e2cd6d 5%, #f3f3cc 22%, #3c0e11 37%, #e2cd6d 61%, #f3f3cc 81%, #e2cd6d 100%);
	background: -moz-linear-gradient(top, #e2cd6d 5%, #f3f3cc 22%, #3c0e11 37%, #e2cd6d 61%, #f3f3cc 81%, #e2cd6d 100%);
	background: -o-linear-gradient(top, #e2cd6d 5%, #f3f3cc 22%, #3c0e11 37%, #e2cd6d 61%, #f3f3cc 81%, #e2cd6d 100%);
	background: -ms-linear-gradient(top, #e2cd6d 5%, #f3f3cc 22%, #3c0e11 37%, #e2cd6d 61%, #f3f3cc 81%, #e2cd6d 100%);
	background: linear-gradient(top, #e2cd6d 5%, #f3f3cc 22%, #3c0e11 37%, #e2cd6d 61%, #f3f3cc 81%, #e2cd6d 100%);
	padding: 1px;
	width: 90%;
	height: auto;
}
.name {
	display: block;
	margin: 15px 0 0px;
}
h3 {
	font-size: 18px;
	vertical-align: bottom;
}
#profile .type {
	display: block;
    line-height: 110%;
    letter-spacing: -0.1em;
    font-size: 12px;
	margin: 5px 0 0;
	vertical-align: bottom;
}
#profile .size {
	display: block;
	color: #38b487;
}
.shame {
	margin: 15px 0 15px;
	float: left;
}
.shame2 {
	margin: 15px 0 15px 15px;
	float: left;
}
.shame a, .shame2 a {
	background: #ff65a6;
	border: 2px solid #ffbfda;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	line-height: 26px;
	width: 90px;
	text-align: center;
	color: #fff;
}
/********************/
dl.data_s, dl.data_l {
	clear: both;
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	text-align: left;
}
dl.data_s dt, dl.data_l dt {
	color: #d5a617;
	width: 20%;
}
dl.data_s dd {
	width: 30%;
}
dl.data_s dt, dl.data_s dd, dl.data_l dt, dl.data_l dd, dl.comment dt {
	border-bottom: 1px solid #ccc;
	padding: 4px 5px 0;
}
dl.data_l dt {
	width: 30%;
}
dl.data_l dd {
	width: 70%;
}
/********************/
dl.comment {
	margin-top: 15px;
}
dl.comment dt {
	color: #d5a617;
	width: 100%;
}
dl.comment dd {
	width: 100%;
	padding: 10px 5px;
}
dl.comment dd p {
	margin-bottom: 15px;
}
/********************/
table.schedule {
	width: 100%;
	border-collapse: collapse;
	margin: 10px auto 20px;
}
table.schedule td {
	border: 1px solid #72deb4;
	text-align: center;
	padding: 6px 0;
	vertical-align: middle;
	line-height: 100%;
	font-size: 13px;
}
table.schedule .item td {
	padding: 3px 0;
	background: #f5fffb;
}
/********************/
#play_guide {
	margin-bottom: 20px;
}
#play_guide .title {
	background: #5ae1cd;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 1px;
}
#play_guide ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#play_guide li {
	width: 50%;
	line-height: 26px;
	margin-bottom: 1px;
	padding-left: 32px;
	background: #f8f8f8;
}
#play_guide li.ok, #play_guide li.ng, #play_guide li.neither {
	background: #f8f8f8 url("../../img/profile_ok.png") no-repeat 5px 0px;
}
#play_guide li.ng {
	background: #f8f8f8 url("../../img/profile_ng.png") no-repeat 5px 0px;
}
#play_guide li.neither {
	background: #f8f8f8 url("../../img/profile_neither.png") no-repeat 5px 0px;
}
/******************** movie ********************/
section.movie {
	width: 95%;
	margin: 10px auto 0;
	text-align: center;
}
video {
	width: 100%;
	max-width: 600px;
	height: auto;
	object-fit: cover;
	object-position: 50% 10%;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */