/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 26 2023 | 02:13:13 */
.cast-archive {
    display: flex;
	flex-wrap: wrap;
	margin-bottom:100px;
}
.cast-archive {
	display: flex;
   justify-content: center;
   gap: 10px;
}
.cast-archive .cast-photo {
	width:152px;
	display:flex;
	background-color:#fff;
	border:#eee 1px solid;
}
.cast-archive .cast-photo a {
	flex-direction:column;
}
@media screen and (min-width: 1000px) {
	.cast-archive .cast-photo {
		width:24%;
	}
}
@media screen and (max-width: 360px) {
	.cast-archive .cast-photo {
		width: 47%;
	}
}
.cast-archive .cast-photo a {
	border:none;
	align-items:center;
}
.cast-archive .cast-photo a img {
	width:100%;
	height:auto;
}

.cast-archive .cast-photo a .profile .cast-name {
	margin-top:0;
	margin-bottom:5px;
	text-align:center;
}
.cast-archive .cast-photo a .profile .type-title {
	display:block;
	margin-top:0;
	margin-bottom:5px;
	background-color:#76bbc9;
	color:#fff;
	text-align:center;
	padding:2px 20px;
	border-radius:20px;
}
.cast-archive .cast-photo a .profile .type-detail {
	margin:0;
}

@media screen and (max-width: 360px) {
.cast-archive .cast-photo a .profile .type-detail {
	font-size: 3.5vw;
    text-align: justify;
}
}

@media screen and (max-width: 1000px) {
	.cast-archive .cast-photo a .profile {
		display:flex;
		flex-direction:column;
		align-items:center;
		padding:10px;
		box-sizing: border-box;
	}
}
.cal-box .slick-list .slick-slide .sctime {
/* 	display:none; */
}

.cast-single {
	max-width:1000px;
	margin:auto;
	padding:0 20px;
}
.cast-single img {
	max-width:100%;
	height:auto;
}
.cast-single .flexbox {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:30px;
}
.cast-single .flexbox .photo {
	max-width:320px;
}
@media screen and (min-width: 1000px) {
	.cast-single .flexbox .photo {
	flex-shrink:0;
}
}
.cast-single .flexbox .photo .carousel {
	line-height:0;
	text-align:center;
}
.cast-single .flexbox .photo .name {
	font-weight:bold;
	text-align:center;
	font-size:18px;
	margin-top:10px;
}
.cast-single .flexbox .photo .type-title {
	font-size:16px;
	color:#fff;
	background-color:#63AEBE;
	text-align:center;
	line-height: 2;
}

.cast-single  .flexbox .photo .linkA {
	text-align:center;
	line-height:0;
}
.cast-single .flexbox .photo .linkA a {
	transition-duration:0.2s;
}
.cast-single .flexbox .photo .linkA a:hover {
	opacity:0.6
}

@media screen and (min-width: 1000px) {
.cast-single .flexbox .comment {
	width:calc(100% - 350px);
}
}

.cast-single .flexbox .photo .linkB {
	display:flex;
	justify-content:center;
	gap:15px;
}
.cast-single .flexbox .photo .linkB a {
	transition-duration:0.2s;
}
.cast-single .flexbox .photo .linkB a:hover {
	opacity:0.6;
}

.detailbox .sec {
	padding:40px 20px;
}
.detailbox .sec:nth-child(odd) {
	background-color:#F8F8EF;
}

.detailbox .sec .inner {
	box-sizing:border-box;
	max-width:1000px;
	margin:auto;
	padding:20px 10px;
}
.detailbox .sec .inner.bodybox {
	background-color:#fff;
} 
.detailbox .sec .inner.bodybox h3 {
	text-align:center;
	font-size:24px;
	color:#00ADD0;
}
.detailbox .sec .inner.bodybox h4 {
	font-size:18px;
	padding:2px 10px;
	color:#fff;
	background-color:#63AEBE;
}
.detailbox .sec .inner.bodybox h5 {
	font-size:18px;
	font-weight:bold;
	border-bottom:#00ADD0 2px solid;
}

.detailbox .sec .title-h3 {
	text-align:center;
	margin-top:0;
	margin-bottom:20px;
	font-size:24px;
}

.detailbox .sec .title-h2 {
	text-align:center;
	margin-top:0;
	margin-bottom:20px;
	font-size:28px;
}

.voicebox {
	margin-bottom:20px;
	border:#eee 1px solid;
}
.voicebox dt {
	padding: 1px 20px;
	color:#fff;
	background-color:#76bbc9;
}
.voicebox dd {
	padding: 1px 20px;
	margin:0;
	background-color:#F8F8EF;
}
.voicebox.archive dd {
	display:flex;
	padding:20px;
	gap:30px;
}
.voicebox.archive dd .image {
	width:136px;
	flex-shrink:0;
	text-align:center;
	font-weight:bold;
}
.voicebox.archive dd .box > * {
	margin-top:0;
}
@media screen and (max-width: 1000px) {
	.voicebox.archive dd {
		display:block;
		overflow:hidden;
		padding:10px;
	}
	.voicebox.archive dd .image {
		width:100px;
		float:left;
		margin-right:20px;
	}
}
.v-post-com {
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:50px;
}
.v-post-com h2 {
	font-size:26px;
	color:#00ADD0;
}
.v-post-com p {
	margin:0;
	margin-bottom:5px;
}
.v-post-com a {
	margin-top:20px;
	display:block;
	padding:10px 20px;
	width:300px;
	box-sizing:border-box;
	text-align:center;
	text-decoration:none;
	background-color:#FF7200;
	color:#fff;
	border-radius:5px;
	background:#FF7200 url(/wp-content/themes/twentytwentythree-child/images/right-arrow.svg) no-repeat 95% center;
}