@charset "utf-8";

#bi_01,#bi_03{
	height:500px;
	background: url(../images/home/main_01.jpg) no-repeat top center;
}
#bi_02{
	height:500px;
	background: url(../images/home/main_02.jpg) no-repeat top center;
}
.banner{
	display: block;
	text-align: center;
	width: 100%;
	top:120px;
	position: absolute;
}
.banner img{
	margin: 0 auto;
	display:inline-block;
}
#bi_03 img{
	position: relative;
	top: -50px;
}
.banner a:hover{
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
#main_img .bx-wrapper{
	position: relative;
	margin-bottom: 0;
}
#main_img .bx-controls{
	position: absolute;
	bottom:60px;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#bi_01,#bi_02,#bi_03{
		height:450px;
	}
}

.picture_item .picture_inner .icon {
	font-weight: bold;
}

#contents_right.TopCont {
	width: 835px!important;
    float: right!important;
    margin-top: 50px!important;
}
@media only screen and (max-width: 640px) {
	#contents_right.TopCont {
		width: 100%!important;
		float: none;
	}
}

/*ここから追加202210*/
.btnS a {
	padding: .5em;
	background-color: #267dcb !important;
	color: #ffffff !important;
	text-align: center;
}
.flex {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#block_question .photo {
	float: right;
	width: 40%;
	border-left: 1px dashed #ccc;
	padding: 4%;
	margin-right: 4%;
}
@media only screen and (max-width: 640px){
	#block_question .photo {
		width: 57%;
	}
	.photoImg img{
		width: 100%;
	}
}

.picture_item .picture_inner .data .date {
	border: none;
}
.picture_item .picture_inner .title {
	font-size: 23px;
}
/*
.picture_item .picture_inner .data .class.third {
	display: none;
}
.picture_item .picture_inner .data .class.second {
	display: none;
}
.picture_item .picture_inner figure {
	display: none;
}
*/
.picture_item .picture_inner a {
	min-height: auto;
}
.picture_item .picture_inner .detail {
	min-height: 200px;
}
.picture_item .picture_inner .icon {
	right: -20px;
}
.picture_item {
	width: 31%;
}
@media only screen and (max-width: 640px){
	.picture_item {
		width: 96%;
	}
}
.nencho {
	background: #6aa9e2 !important;
}
.nencyu {
	background: #91C655 !important;
}
.picture_item .picture_inner.kokuritsu .nendouble {
	background: #febf4f !important;
	font-size: 1.1rem;
}
@media only screen and (max-width: 640px) {
	.picture_item .picture_inner.kokuritsu .nendouble {
		font-size: 0.9rem;
	}
}

.video-open{
	width: 500px;
	height: auto;
}
@media only screen and (max-width: 640px) {
	.video-open{
		min-width: 360px;
		height: auto;
		font-size: 26px;
	}
}
.status{
	color: #ff3300;
	background: #fff;
	padding: 22px 18px 18px;
	font-weight: bold;
/*	background: #9292C2;*/
}
.status span{
	border: solid 2px;
	padding: 2px 5px;
}
.btn_movie{
	font-size: 13px;
	background-color: #f00;
	padding: 7px;
	color: #fff;
	border-radius: 7px;
	margin-left: 5px;
}
.pictBox{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}
@media only screen and (max-width: 640px) {
	.pictBox {
		flex-direction: column;
	}
}
.pict {
	width: 80%;
	margin-left: 3%;
}
@media only screen and (max-width: 640px) {
	.pict {
		width: 100%!important;
		margin-left: 0;
	}
	#contents #contents_right div {
		margin-bottom: 10px;
	}
}
.pict img {
	width: 100%;
	height:auto;
}

#contents #contents_left #side_nav a.sn_inner dt{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	width: 230px;
}
#contents #contents_left #side_nav a.sn_inner img {
	width: 100%;
	margin: 0 auto;
}
#contents #contents_left #side_nav a.sn_inner dd {
	padding: 0;
}
#contents_top #block_zemi img {
	position: absolute;
	right: 140px;
	top: -5px;
	width: 160px;
}
@media only screen and (max-width: 640px) {
	#contents_top #block_zemi img{
		right: 0;
		top: 20px;
		width: 140px;
	}
}
#contents #block_schedule table th.blu_01 {
	background-color: #edf4ff;
	color: #1277c1;
}
#contents #block_schedule table td.blu_02 {
	background-color: #edf4f8;
	color: #444;
	line-height: 1.4rem;
	border: 1px solid #fff;
	text-align: left;
	padding: 10px 5px;
	font-size: 15px;
}
#contents #block_schedule table td.ora_02 {
	background-color: #fff5e4;
	color: #444;
	line-height: 1.4rem;
	border: 1px solid #fff;
	text-align: left;
	padding: 10px 5px;
	font-size: 15px;
}
#contents #block_schedule table tbody td {
  padding: 5px;
}
@media only screen and (max-width: 640px) {
	.scroll table{
		width:100%;
	}
	.scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}