@charset "UTF-8";

/* *******************************************************************************************
* 
*	家庭菜園のコツ > 適期を守ろう
*
******************************************************************************************* */

.detail_section_clm_topics{
	display: flex;
	margin-top: 40px;
	padding: 29px;
	border: 1px solid #c8d9e6;
}
.detail_section_clm_topics_info{
	padding-right: 60px;
	width: 520px;
	box-sizing: border-box;
}
.detail_section_clm_topics_info_ttl{
	margin-top: -9px;
	margin-bottom: 3px;
	color: #396483;
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
	letter-spacing: 0.06em;
}
.detail_section_clm_topics_info_txt{
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.06em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.detail_section_clm_topics_img{
	width: 400px;
}

@media screen and (max-width: 736px) {
	.inner-spFull .detail_section:before{
		right: 0;
		margin: auto;
		width: calc(100% - 32px);
	}
	.inner-spFull .detail_section:after{
		left: 16px;
	}
	.detail_section_clm_topics{
		display: block;
		margin-top: 30px;
		padding: 15px;
	}
	.detail_section_clm_topics_info{
		padding-right: 0;
		width: 100%;
	}
	.detail_section_clm_topics_info_ttl{
		margin-top: 0;
		/*margin-bottom: 3px;*/
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
	}
	.detail_section_clm_topics_info_txt{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 0.06em;
	}
}

/* ----------------------------- スケジュール ----------------------------- */

.detail_schedule{
	margin-top: -10px;
	margin-bottom: 60px;
}
.detail_schedule_option{
	margin-bottom: 20px;
}
.detail_schedule_option_label{
	display: flex;
}
.detail_schedule_option_label_item{
	position: relative;
	display: inline-block;
	margin-right: 25px;
	padding-left: 38px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.06em;
}
.detail_schedule_option_label_item:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
}
.detail_schedule_option_label_item.label-c1:before{
	background: #a3ccb6;
}
.detail_schedule_option_label_item.label-c2:before{
	background: #e3a39e;
}
.detail_schedule_option_label_item.label-c3:before{
	background: #98bed9;
}
.detail_schedule_clm{
	display: flex;
}
.detail_schedule_header{
	width: 261px;
}
.detail_schedule_body{
	width: 719px;
}
.detail_schedule_table{
	width: 100%;
	height: 100%;
	border-spacing: 0;
	border: 1px solid #c3d7e6;
	overflow: hidden;
}
.detail_schedule_header .detail_schedule_table{
	border-radius: 32px 0 0 32px;
}
.detail_schedule_body .detail_schedule_table{
	border-left: 0;
	border-radius: 0 32px 32px 0;
}
.detail_schedule_table th{
	width: 60px;
	height: 50px;
	color: #396483;
	font-size: 16px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	background: #e5f0f8;
	border-right: 1px solid #c3d7e6;
	border-bottom: 1px solid #c3d7e6;
    box-sizing:border-box;
}
.detail_schedule_table th:last-child{
	width: 58px;
	border-right: 0;
}
.detail_schedule_table th.label{
	padding: 0 0 0 20px;
	width: 261px;
	text-align: left;
}
.detail_schedule_table td{
	height: 50px;
	vertical-align: middle;
	border-right: 1px solid #c3d7e6;
	border-bottom: 1px solid #c3d7e6;
    box-sizing:border-box;
}
.detail_schedule_table td:last-child{
	border-right: 0;
}
.detail_schedule_table td.label{
	padding: 0 0 0 20px;
	text-align: left;
	background: #e5f0f8;
}
.detail_schedule_table tr:last-child th{
	border-bottom: 0;
}

/* radius */
/*　左上　*/
.detail_schedule_header .detail_schedule_table tr:first-child th{
	border-radius: 32px 0 0 0;/* for IE11 */
}
/*　右上　*/
.detail_schedule_body .detail_schedule_table tr:first-child th:last-child{
	border-radius: 0 32px 0 0;/* for IE11 */
}
/*　右下　*/
.detail_schedule_body .detail_schedule_table tr:last-child th:last-child{
	border-radius: 0 0 32px 0;/* for IE11 */
}
/*　左下　*/
.detail_schedule_header .detail_schedule_table tr:last-child th{
	border-radius: 0 0 0 32px;/* for IE11 */
}

.label_clm{
	display: flex;
	align-items: center;
}
.label_clm_name{
	width: 144px;
	color: #000;
	font-size: 16px;
	line-height: 20px;
}
.label_clm_name small{
	color: #000;
	font-size: 14px;
	line-height: 20px;
}
.label_clm_cat{
	width: 95px;
	color: #396483;
	font-size: 14px;
	line-height: 24px;
}
.bg01{
	background: url(../img/img_schedule_01.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg02{
	background: url(../img/img_schedule_02.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg03{
	background: url(../img/img_schedule_03.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg04{
	background: url(../img/img_schedule_04.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg05{
	background: url(../img/img_schedule_05.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg06{
	background: url(../img/img_schedule_06.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg07{
	background: url(../img/img_schedule_07.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg08{
	background: url(../img/img_schedule_08.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg09{
	background: url(../img/img_schedule_09.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg10{
	background: url(../img/img_schedule_10.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg11{
	background: url(../img/img_schedule_11.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg12{
	background: url(../img/img_schedule_12.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg13{
	background: url(../img/img_schedule_13.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg14{
	background: url(../img/img_schedule_14.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg15{
	background: url(../img/img_schedule_15.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg16{
	background: url(../img/img_schedule_16.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg17{
	background: url(../img/img_schedule_17.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg18{
	background: url(../img/img_schedule_18.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg19{
	background: url(../img/img_schedule_19.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg20{
	background: url(../img/img_schedule_20.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg21{
	background: url(../img/img_schedule_21.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg22{
	background: url(../img/img_schedule_22.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg23{
	background: url(../img/img_schedule_23.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.bg24{
	background: url(../img/img_schedule_24.png) 0 0 no-repeat;
	background-size: 100% auto;
}

@media screen and (max-width: 736px) {
	.detail_schedule{
		margin-top: 0;
		margin-bottom: 40px;
	}
	.detail_schedule_option{
		margin-bottom: 15px;
		padding-left: 16px;
	}
	.detail_schedule_option_label_item{
		margin-right: 20px;
		padding-left: 29px;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.06em;
	}
	.detail_schedule_option_label_item:before{
		width: 18px;
		height: 18px;
	}
	.detail_schedule_holder{
		position: relative;
	}
	.detail_schedule_scroll{
		position: absolute;
		top: 147px;
		left: 50%;
		width: 94px;
		transform: translate(-50%,0);
		pointer-events: none;
		z-index: 15;
	}
	.detail_schedule_clm{
		display: block;
		overflow-x: auto;
	}
	.detail_schedule_header{
		position: absolute;
		top: 0;
		left: 0;
		width: 146px;
		z-index: 10;
	}
	.detail_schedule_body{
		margin-left: 146px;
		width: 538px;
	}
	.detail_schedule_header .detail_schedule_table{
		border-left: 0;
		border-right: 1px solid #c3d7e6;
		border-radius: 0;
	}
	.detail_schedule_body .detail_schedule_table{
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
	.detail_schedule_table th{
		width: 45px;
		height: 37px;
		font-size: 14px;
		line-height: 20px;
	}
	.detail_schedule_table th:last-child{
		width: 43px;
	}
	.detail_schedule_table th.label{
		padding: 0 0 0 16px;
		width: 145px;
		text-align: left;
	}
	.detail_schedule_table td{
		height: 50px;
	}
	.detail_schedule_table td.label{
		padding: 0 0 0 16px;
	}

	/* radius */
	/*　左上　*/
	.detail_schedule_header .detail_schedule_table tr:first-child th{
		border-radius: 0;
	}
	/*　右上　*/
	.detail_schedule_body .detail_schedule_table tr:first-child th:last-child{
		border-radius: 0;
	}
	/*　右下　*/
	.detail_schedule_body .detail_schedule_table tr:last-child th:last-child{
		border-radius: 0;
	}
	/*　左下　*/
	.detail_schedule_header .detail_schedule_table tr:last-child th{
		border-radius: 0;
	}

	.label_clm{
		display: block;
	}
	.label_clm_name{
		width: auto;
		font-size: 14px;
		line-height: 20px;
	}
	.label_clm_name small{
		display: inline-block;
		margin-left: -6px;
		font-size: 12px;
		line-height: 20px;
	}
	.label_clm_cat{
		width: auto;
		font-size: 12px;
		line-height: 20px;
	}
	.bg01{
		background: url(../img/img_schedule_01_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg02{
		background: url(../img/img_schedule_02_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg03{
		background: url(../img/img_schedule_03_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg04{
		background: url(../img/img_schedule_04_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg05{
		background: url(../img/img_schedule_05_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg06{
		background: url(../img/img_schedule_06_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg07{
		background: url(../img/img_schedule_07_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg08{
		background: url(../img/img_schedule_08_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg09{
		background: url(../img/img_schedule_09_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg10{
		background: url(../img/img_schedule_10_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg11{
		background: url(../img/img_schedule_11_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg12{
		background: url(../img/img_schedule_12_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg13{
		background: url(../img/img_schedule_13_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg14{
		background: url(../img/img_schedule_14_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg15{
		background: url(../img/img_schedule_15_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg16{
		background: url(../img/img_schedule_16_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg17{
		background: url(../img/img_schedule_17_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg18{
		background: url(../img/img_schedule_18_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg19{
		background: url(../img/img_schedule_19_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg20{
		background: url(../img/img_schedule_20_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg21{
		background: url(../img/img_schedule_21_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg22{
		background: url(../img/img_schedule_22_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg23{
		background: url(../img/img_schedule_23_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
	.bg24{
		background: url(../img/img_schedule_24_sp.png) 0 0 no-repeat;
		background-size: 100% auto;
	}
}