@charset "utf-8";

/********** seminar **********/

/* h3 */
/*
.content .seminar_tit {
	position: relative;
}
.content .seminar_tit .seminar_tit-sub01 {
	text-align: left;
	font-size: 20px !important;
}
.content .seminar_tit p {
	padding-top: 15px !important;
	text-align: center;
	font-size: 28px !important;
}
.content .seminar_tit p .seminar_tit-sub02 {
	font-size: 24px !important;
}
.content .seminar_tit .title_deco {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 196px;
}

@media screen and (max-width: 639px) {
	.content .seminar_tit .title_deco {
		display: none;
	}
}
*/
.content .seminar_tit img {
	width: 100%;
	height: auto;
}


/* block */
#kodomo_event #contents .content .block {
	margin-top: 40px;
}

/* osirase_txt */
.osirase_txt {
	margin: 50px 0 0 !important;
	text-align: center;
}

@media screen and (max-width: 639px) {
	.osirase_txt {
		margin: 20px 0 0 !important;
		text-align: center;
	}
	.osirase_txt .p_txt {
		margin-bottom: 0 !important;
	}

}

/* block_seminar */
.block_seminar {}
.block_seminar .seminar_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
.block_seminar .seminar_list > li {
	border-radius: 6px;
	/* width: calc((100% - 20px) / 2); */
	width: 100%;
	margin: 10px 0 !important;
}
	.block_seminar .seminar_list li.seminar-01 { background-color: #def9a3; }
	.block_seminar .seminar_list li.seminar-02 { background-color: #fce3ef; }
	.block_seminar .seminar_list li.seminar-03 { 	background-color: #f4d7ba; }
	.block_seminar .seminar_list li.seminar-04 { background-color: #d9dcfa; }
.block_seminar .seminar_list li h4 {
	border-radius: 6px 6px 0 0;
	margin: 0 !important;
	padding: 20px 10px 10px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
	.block_seminar .seminar_list li.seminar-01 h4 { background-color: #90c31f; }
	.block_seminar .seminar_list li.seminar-02 h4 { background-color: #ee86b4; }
	.block_seminar .seminar_list li.seminar-03 h4 { background-color: #ee7700; }
	.block_seminar .seminar_list li.seminar-04 h4 { background-color: #7d85c8; }
.block_seminar .seminar_list .seminar_list_txt {
	margin: 20px 20px 0 !important;
	font-size: 16px;
}
.block_seminar .seminar_list li h4 .sml_txt {
	font-size: 16px;
}
.block_seminar .seminar_list .seminar_list_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.block_seminar .seminar_list .seminar_list_inner > dl {
	width: calc(50% - 40px);
}
.block_seminar .seminar_list .seminar_list_date dt,
.block_seminar .seminar_list .seminar_list_date dd,
.block_seminar .seminar_list .seminar_list_reco dt,
.block_seminar .seminar_list .seminar_list_reco dd {
	margin: 0;
	padding: 0;
}
.block_seminar .seminar_list .seminar_list_date {
	margin: 20px !important;
}
.block_seminar .seminar_list .seminar_list_date dt {
	display: inline-block;
	border-radius: 6px;
	background-color: #fff;
	padding: 4px 10px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
}
	.block_seminar .seminar_list .seminar-01 .seminar_list_date dt { color: #90c31f; }
	.block_seminar .seminar_list .seminar-02 .seminar_list_date dt { color: #ee86b4; }
	.block_seminar .seminar_list .seminar-03 .seminar_list_date dt { color: #ee7700; }
	.block_seminar .seminar_list .seminar-04 .seminar_list_date dt { color: #7d85c8; }
.block_seminar .seminar_list .seminar_list_date dd {
	margin: 0 10px;
}
.block_seminar .seminar_list .seminar_list_date ul,
.block_seminar .seminar_list .seminar_list_date ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.block_seminar .seminar_list .seminar_list_date ul li .seminar_date {
	margin: 16px 0 0 !important;
}
.block_seminar .seminar_list .seminar_list_date ul li p span {
	font-size: 18px;
	font-weight: bold;
}
.block_seminar .seminar_list .seminar_list_date ul li .seminar_btn {
	margin: 0 !important;
}
.block_seminar .seminar_list .seminar_list_date ul li .seminar_btn a {
	position: relative;
	display: block;
	border-radius: 100vh;
	max-width: 260px;
	margin: 6px auto 0 !important;
	padding: 6px 10px;
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
	.block_seminar .seminar_list .seminar-01 .seminar_list_date ul li .seminar_btn a { background-color: #90c31f; }
	.block_seminar .seminar_list .seminar-02 .seminar_list_date ul li .seminar_btn a { background-color: #ee86b4; }
	.block_seminar .seminar_list .seminar-03 .seminar_list_date ul li .seminar_btn a { background-color: #ee7700; }
	.block_seminar .seminar_list .seminar-04 .seminar_list_date ul li .seminar_btn a { background-color: #7d85c8; }
.block_seminar .seminar_list .seminar_list_date ul li .seminar_btn a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	display: inline-block;
	font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
	border-radius: 100vh;
	background-color: #fff;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}
	.block_seminar .seminar_list .seminar-01 .seminar_list_date ul li .seminar_btn a:after { color: #90c31f; }
	.block_seminar .seminar_list .seminar-02 .seminar_list_date ul li .seminar_btn a:after { color: #ee86b4; }
	.block_seminar .seminar_list .seminar-03 .seminar_list_date ul li .seminar_btn a:after { color: #ee7700; }
	.block_seminar .seminar_list .seminar-04 .seminar_list_date ul li .seminar_btn a:after { color: #7d85c8; }
.block_seminar .seminar_list .seminar_list_date ul li .seminar_btn a:hover {
	opacity: 0.75;
}
.block_seminar .seminar_list .seminar_list_reco {
	margin: 20px;
}
.block_seminar .seminar_list .seminar_list_reco dt {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 10px;
}
.block_seminar .seminar_list .seminar_list_reco dt:after {
	position: absolute;
	top: 4px;
	right: -11px;
	display: inline-block;
	content: "";
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	transform: rotate(45deg);
	width: 20px;
	height: 20px;
}
	.block_seminar .seminar_list .seminar-01 .seminar_list_reco dt,
	.block_seminar .seminar_list .seminar-01 .seminar_list_reco dt:after {
		background-color: #90c31f;
	}
	.block_seminar .seminar_list .seminar-02 .seminar_list_reco dt,
	.block_seminar .seminar_list .seminar-02 .seminar_list_reco dt:after {
		background-color: #ee86b4;
	}
	.block_seminar .seminar_list .seminar-03 .seminar_list_reco dt,
	.block_seminar .seminar_list .seminar-03 .seminar_list_reco dt:after {
		background-color: #ee7700;
	}
	.block_seminar .seminar_list .seminar-04 .seminar_list_reco dt,
	.block_seminar .seminar_list .seminar-04 .seminar_list_reco dt:after {
		background-color: #7d85c8;
	}
.block_seminar .seminar_list .seminar_list_reco dd {
	background-color: #fff;
	margin: -10px 0 0 10px;
	padding: 20px 10px 10px;
	font-size: 14px;
}
	.block_seminar .seminar_list .seminar-01 .seminar_list_reco dd { border: 1px solid #90c31f; }
	.block_seminar .seminar_list .seminar-02 .seminar_list_reco dd { border: 1px solid #ee86b4; }
	.block_seminar .seminar_list .seminar-03 .seminar_list_reco dd {	border: 1px solid #ee7700; }
	.block_seminar .seminar_list .seminar-04 .seminar_list_reco dd { border: 1px solid #7d85c8; }
.block_seminar .seminar_list .seminar_list_reco dd span {
	background:linear-gradient(transparent 40%, #fff100 60%);
	font-weight: bold;
}
.block_seminar .seminar_list .seminar_list_reco dd .reco_deco {
	float: right;
	max-width: 100px;
	margin: 0 0 0 10px;
}
.block_seminar .seminar_list .note_block {
	display: inline-block;
}
.block_seminar .seminar_list .note {
	margin: 10px 0 0 !important;
	font-size: 14px !important;
}

@media screen and (max-width: 639px) {
	.block_seminar .seminar_list > li {
		width: 100%;
	}
	.block_seminar .seminar_list .seminar_list_inner > dl {
		width: calc(100% - 40px);
	}
}

/* seminar_tbl */
#kodomo_event #contents .content .seminar_tbl {}
#kodomo_event #contents .content .seminar_tbl th {
	padding: 4px 0;
	text-align: left;
	vertical-align: top;
}
#kodomo_event #contents .content .seminar_tbl td {
	padding: 4px 0 4px 16px;
	vertical-align: top;
}
#kodomo_event #contents .content .seminar_tbl td .note {
	display: inline-block;
  margin-left: 1em;
	font-size: smaller;
}
#kodomo_event #contents .content .seminar_tbl td .note:before {
	display: inline-block;
	content: "※";
	text-indent: -1em;
}
#kodomo_event #contents .content .seminar_tbl td .lrg {
	font-size: 18px;
}
#kodomo_event #contents .content .seminar_tbl td dl {
	border: solid 1px #09f;
	padding: 10px;
	text-align: center;
}
#kodomo_event #contents .content .seminar_tbl td dl dt,
#kodomo_event #contents .content .seminar_tbl td dl dd {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 414px){
	#kodomo_event #contents .content .seminar_tbl th {
		display: inherit;
		padding: 0;
	}
	#kodomo_event #contents .content .seminar_tbl tr + tr th {
		padding: 10px 0 0;
	}
	#kodomo_event #contents .content .seminar_tbl td {
		display: block;
		padding: 0 0 0 1em;
        word-break: break-all;
	}
}


/* 2020/07/08 追加*/
th{
width: 16%;
}
.mb30{
 margin-bottom: 30px;
}
table{
     border-spacing: 0 25px;
}

@media screen and (max-width: 639px) {
    table{
     border-spacing: 0 15px;
}
}