@charset "UTF-8";









/* ----------------------------------------------------------------------------------------------------



	Second



--------------------------------------------------- */



/*

	intro

--------------------------------------------------- */

#sec #intro {
	background: #f9fffa;
	height: 150px;
	}
	#sec #intro .inner { text-align: center; }
	#sec #intro .inner h1 {
		background-position: left center;
		background-repeat: no-repeat;
		color: #00A95C;
		display: inline-block;
		font-size: 30px;
		margin: 0 auto;
		width: auto;
		}

	/* second > course
	----------------------------------------------- */
	#sec.course #intro .inner h1 {
		background-image: url(/shoninsha/lib/img/common/icon/min/green/course-fee.png);
		padding: 60px 0 60px 100px;
		}
	#sec.mailform #intro .inner h1 {
		background-image: url(/shoninsha/lib/img/common/icon/min/green/mail.png);
		padding: 60px 0 60px 70px;
		}



/*

	nav

--------------------------------------------------- */

	/* nav >
	----------------------------------------------- */



/*

	con

--------------------------------------------------- */

	/* con > box > h2
	----------------------------------------------- */
	#sec .box h2 { padding: 45px 0 60px; }
		/* con > box > h2 > sec > course
		------------------------------------------- */
		#sec.course .box#outline h2 { background-image: url(/shoninsha/lib/img/common/icon/min/green/calender.png); }
		#sec.course .box#fee h2 { background-image: url(/shoninsha/lib/img/common/icon/min/green/fee.png); }



	/*

		sec > course

	----------------------------------------------- */

	/* sec > course > box > outline
	----------------------------------------------- */
	#sec.course .box#outline { padding: 50px 0; }
	#sec.course .box#outline .inner { width: 1000px; }
	#sec.course .box#outline h2 { padding: 50px 0 30px; }

	#sec.course .box#outline .detail { zoom: 1; }
	#sec.course .box#outline .detail:after {
		display: block;
		height: 0px;
		clear: both;
		color: rgba(255, 255, 255, 1);
		font-size: 1px;
		content: ".";
		}
		#sec.course .box#outline .detail li {
			float: left;
			margin: 0 0.5%;
			position: relative;
			text-align: center;
			width: 24%;
			}
			#sec.course .box#outline .detail li .c-label {
				left: 50%;
				margin: 0 0 0 -45px;
				position: absolute;
				top: -45px;
				}
			#sec.course .box#outline .detail li h3 {
				color: #fff;
				font-size: 25px;
				padding: 20px;
				}
			#sec.course .box#outline .detail li h3 span {
				display: block;
				color: #fff;
				font-size: 16px;
				text-decoration: underline;
				}
			#sec.course .box#outline .detail li p {
				font-size: 13px;
				line-height: 1.75em;
				padding: 10px 20px;
				text-align: left;
				}

	/* sec > course > box > calender
	----------------------------------------------- */
	#sec.course .box#calender {
		background: #fff;
		padding: 0 0 100px;
		}
	#sec.course .box#calender h2 { padding: 0 0 30px; }
	#sec.course .box#calender .inner { width: 1000px; }

		#sec.course .box#calender #cal-des { text-align: center; }
			#sec.course .box#calender #cal-des li {
				display: inline-block;
				font-size: 15px;
				padding: 0 20px;
				}
				#sec.course .box#calender #cal-des li strong {
					font-size: 25px;
					margin: 0 5px 0 0;
					vertical-align: bottom;
					}

		#sec.course .box#calender #c-detail {
			margin: 20px 0 0;
			zoom: 1;
			}
			#sec.course .box#calender #c-detail:after {
				display: block;
				height: 0px;
				clear: both;
				color: rgba(255, 255, 255, 1);
				font-size: 1px;
				content: ".";
				}
			#sec.course .box#calender #c-detail .tbl {
				display: block;
				margin: 0 0 30px;
				outline: 3px solid #aaa;
				width: 48%;
				}
				#sec.course .box#calender #c-detail .tbl:nth-child(odd) { float: left; }
				#sec.course .box#calender #c-detail .tbl:nth-child(even) { float: right; }

				#sec.course .box#calender #c-detail .tbl tbody {
					text-align: center;
					width: 100%;
					}
				#sec.course .box#calender #c-detail .tbl tr { border-top: 1px solid #aaa; }
				#sec.course .box#calender #c-detail .tbl caption { padding: 5px 0; }
				#sec.course .box#calender #c-detail .tbl th {
					background: #f2f2f2;
					border-left: 1px solid #aaa;
					padding: 0 25.5px;
					}
				#sec.course .box#calender #c-detail .tbl th:first-child { border-left: none; }
				#sec.course .box#calender #c-detail .tbl td {
					border-left: 1px solid #aaa;
					padding: 0;
					}
				#sec.course .box#calender #c-detail .tbl td:first-child { border-left: none; }
				#sec.course .box#calender #c-detail .tbl td.slct1,
				#sec.course .box#calender #c-detail .tbl td.slct2,
				#sec.course .box#calender #c-detail .tbl td.slct3,
				#sec.course .box#calender #c-detail .tbl td.slct4 { color: #fff; }
				#sec.course .box#calender #c-detail .tbl td.slct1 { background: #096b9f; }
				#sec.course .box#calender #c-detail .tbl td.slct2 { background: #0e9b24; }
				#sec.course .box#calender #c-detail .tbl td.slct3 { background: #af5f00; }
				#sec.course .box#calender #c-detail .tbl td.slct4 { background: #a71243; }

		#sec.course .box#calender #cal-btn {
			display: block;
			overflow: hidden;
			width: 100%;
			}
			#sec.course .box#calender #cal-btn li {
				float: left;
				margin: 0 0.5%;
				width: 24%;
				}
				#sec.course .box#calender #cal-btn li a {
					display: block;
					font-size: 18px;
					line-height: 1.25em;
					padding: 15px 0;
					text-align: center;
					width: 100%;
					}
					#sec.course .box#calender #cal-btn li a span {
						display: block;
						font-size: 15px;
						}

	/* sec > course > box > skin
	----------------------------------------------- */
	#sec.course .box#outline .detail li.c-week { border: 3px solid #096b9f; }
	#sec.course .box#outline .detail li.c-w3day { border: 3px solid #0e9b24; }
	#sec.course .box#outline .detail li.c-saturday { border: 3px solid #af5f00; }
	#sec.course .box#outline .detail li.c-short { border: 3px solid #a71243; }

	#sec.course .box#calender #cal-des li.c-week { color: #096b9f; }
	#sec.course .box#calender #cal-des li.c-w3day { color: #0e9b24; }
	#sec.course .box#calender #cal-des li.c-saturday { color: #af5f00; }
	#sec.course .box#calender #cal-des li.c-short { color: #a71243; }

		#sec.course .box#calender #cal-des li.c-week span { color: #b0cddc; }
		#sec.course .box#calender #cal-des li.c-w3day span { color: #0e9b24; }
		#sec.course .box#calender #cal-des li.c-saturday span { color: #e5bb89; }
		#sec.course .box#calender #cal-des li.c-short span { color: #a71243; }

	#sec.course .box#outline .detail li.c-week h3 { background: #096b9f; }
	#sec.course .box#outline .detail li.c-w3day h3 { background: #0e9b24; }
	#sec.course .box#outline .detail li.c-saturday h3 { background: #af5f00; }
	#sec.course .box#outline .detail li.c-short h3 { background: #a71243; }

	#sec.course .box#calender #cal-btn li.c-week {
		background: url(/shoninsha/lib/img/course/btn/bg-week.png) left center no-repeat;
		border: 5px solid #096b9f;
		}
	#sec.course .box#calender #cal-btn li.c-w3day {
		background: url(/shoninsha/lib/img/course/btn/bg-w3day.png) left center no-repeat;
		border: 5px solid #0e9b24;
		}
	#sec.course .box#calender #cal-btn li.c-saturday {
		background: url(/shoninsha/lib/img/course/btn/bg-saturday.png) left center no-repeat;
		border: 5px solid #af5f00;
		}
	#sec.course .box#calender #cal-btn li.c-short {
		background: url(/shoninsha/lib/img/course/btn/bg-short.png) left center no-repeat;
		border: 5px solid #a71243;
		}

		#sec.course .box#calender #cal-btn li.c-week a { color: #096b9f; }
		#sec.course .box#calender #cal-btn li.c-w3day a { color: #0e9b24; }
		#sec.course .box#calender #cal-btn li.c-saturday a { color: #af5f00; }
		#sec.course .box#calender #cal-btn li.c-short a { color: #a71243; }

	#sec.course .box#calender #cal-btn li.c-week.close { background: #096b9f; }
	#sec.course .box#calender #cal-btn li.c-w3day.close { background: #0e9b24; }
	#sec.course .box#calender #cal-btn li.c-saturday.close { background: #af5f00; }
	#sec.course .box#calender #cal-btn li.c-short.close { background: #a71243; }

		#sec.course .box#calender #cal-btn li.c-week.close a,
		#sec.course .box#calender #cal-btn li.c-w3day.close a,
		#sec.course .box#calender #cal-btn li.c-saturday.close a,
		#sec.course .box#calender #cal-btn li.c-short.close a {
			color: #fff;
			font-size: 14px;
			position: relative;
			}
			#sec.course .box#calender #cal-btn li.close a span { display: none; }
			#sec.course .box#calender #cal-btn li.close a:after {
				content: 'のお申込みについてはお電話にてお問い合わせください';
				}

	/* sec > course > box > fee
	----------------------------------------------- */
	#sec.course .box#fee { border-top: 1px solid #00A95C; }
	#sec.course .box#fee #op-price {
		background: url(/shoninsha/lib/img/fee/ttl-001.png) center top no-repeat;
		height: 460px;
		text-indent: -9999px;

		/* 非表示：2017.06.09 */
		display: none;
		}
	#sec.course .box#fee .inner { width: 320px; }

		#sec.course .box#fee #fee-wrap {
			margin: 45px 0;

			/* 変更：2017.06.09 */
			margin: 0 0 45px;
			}

		#sec.course .box#fee #fee-price {
			border-bottom: 1px solid #00A95C;
			font-size: 30px;
			overflow: hidden;
			}
			#sec.course .box#fee #fee-price dt {
				float: left;
				font-size: 14px;
				padding: 5px 0 0;
				width: 30%;

				/* 変更：2017.06.09 */
				float: none;
				height: 0;
				text-indent: -9999px;
				width: 0;
				}
			#sec.course .box#fee #fee-price dd {
				float: left;
				width: 70%;

				/* 変更：2017.06.09 */
				float: none;
				text-align: center;
				width: 100%;
				}
				#sec.course .box#fee #fee-price dd small { font-size: 13px; }

		#sec.course .box#fee #fee-detail {
			background: #eef9f0;
			margin: 20px 0;
			padding: 20px;
			}
			#sec.course .box#fee #fee-detail li {
				background: url(/shoninsha/lib/img/common/icon/min/green/dotted.png) left center no-repeat;
				padding: 0 0 0 25px;
				}

		#sec.course .box#fee #fee-att {
			border-top: 1px dotted #323232;
			padding: 15px 0 0;
			}
			#sec.course .box#fee #fee-att h4 {
				font-size: 14px;
				text-align: center;
				padding: 0 0 10px;
				}
			#sec.course .box#fee #fee-att p {
				font-size: 12px;
				line-height: 1.5em;
				}



/*

	footer

--------------------------------------------------- */

	/* footer > 
	----------------------------------------------- */