@charset "UTF-8";

/* -----------------------------------
 Lectures
----------------------------------- */
#lectures {
	margin: 40px auto 0;
}
	#lectures h2 {
		position: relative;
		text-align: center;
		font-size: 220%;
		font-style: italic;
		z-index: 1;
		color: #000;
	}
	#lectures h2:before {
		content: "";
		display: inlinn-block;
		position: absolute;
		top: 20px;
		left: 0;
		background: #fff;
		border-top: 3px solid #f7c4c1;
		border-bottom: 1px solid #f7c4c1;
		height: 2px;
		width: 100%;
		z-index: -1;
	}
		#lectures h2 span {
			background: #fff;
			padding: 0 30px;
		}
	#lectures > p {
		text-align: center;
		margin: 30px 0;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333333;
		font-size: 110%;
	}

	#lectures .list {
		width: 910px;
		margin: 0 auto;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
		#lectures .list ul {
			margin: 0 0 0 -35px;
		}
			#lectures .list li {
				float: left;
				width: 270px;
				margin: 0 0 0 35px;
			}
				#lectures .list a {
					display: block;
					padding: 30px 0;
					margin: 5px 5px;
				}
					#lectures dl {}
						#lectures dt {
							text-align: center;
						}
							#lectures dt p {
								position: relative;
								width: 215px;
								margin: 0 auto;
								z-index: 1;
							}
							#lectures dt p:after {
								content: "";
								display: inline-block;
								position: absolute;
								height: 214px;
								width: 214px;
								left: 0;
								top: 0;
								box-shadow: 0 0 0 1px #fff;
								-webkit-border-radius: 213px;
								-moz-border-radius: 213px;
								border-radius: 213px;
								-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
								-moz-transition: -moz-transform 0.4s, opacity 0.3s;
								transition: transform 0.4s, opacity 0.3s;
								-webkit-transition: transform: scale(0.5);
								-moz-transform: scale(0.5);
								-ms-transform: scale(0.5);
								transform: scale(0.5);
								opacity: 0;
							}
							#lectures a:hover dt p:after {
								-webkit-transform: -webkit-scale(1);
								-moz-transform: scale(1);
								-ms-transform: scale(1);
								transform: scale(1);
								opacity: 1;
							}
							#lectures h3 {
								font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
								font-size: 120%;
								line-height: 1.2em;
								color: #000;
								margin: 20px 0;
								text-align: center;
								padding: 0;
								background: none;
								border: none;
							}
							#lectures a:hover h3 {
								color: #333333;
							}
							#lectures h3:after {
								content: "";
								display: block;
								width: 50px;
								margin: 20px auto;
								border-top: 3px solid #f37d76;
								-webkit-transition: width 0.2s ease-out;
								-moz-transition: width 0.2s ease-out;
								-ms-transition: width 0.2s ease-out;
								transition: all 0.2s ease-out;
								opacity: 0.5;
							}
							#lectures a:hover h3:after {
								opacity: 1;
								width: 70px;
							}
						#lectures dd {
							font-size: 90%;
							line-height: 1.6em;
							padding: 0 10px;
						}
						#lectures a:hover dd {
							color: #6B6B6B;
						}

/* -----------------------------------
 Lecture
----------------------------------- */
#lecture {
	margin: 40px auto;
}

	#lecture h2 {
		position: relative;
		text-align: left;
		font-size: 180%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #000;
		background: url(../images/common/lbl_heart.png) no-repeat 0 0;
		height: 40px;
		line-height: 40px;
		padding: 0 0 0 78px;
		overflow: hidden;
	}
	#lecture h2:after {
		position: absolute;
		content: "";
		display: inline-block;
		background: #fff;
		border-top: 3px solid #f7c4c1;
		border-bottom: 1px solid #f7c4c1;
		height: 2px;
		width: 100%;
		margin: 0 0 0 20px;
		top: 17px;
	}
	#lecture > section {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
		#lecture h3 {
		}
		#lecture > section > div {
			width: 940px;
			margin: 35px auto;
			box-sizing: border-box;
		}
		/* a */
		#lecture > section a, #lecture > section a:visited {
			color: #e1817b;
			text-decoration: underline;
		}
		#lecture > section a:hover {
			text-decoration: none;
		}

		/* -----------------------------------
		 Introduction
		----------------------------------- */
		#lecture section#intro {
			padding-top: 10px;
		}
			#intro > div {}
				#intro .imgs {
					float: left;
					width: 300px;
				}
					#intro .imgs li {
						margin-bottom: 30px;
					}

				#intro > div > div {
					float: right;
					width: 605px;
					box-sizing: border-box;
				}
					#intro > div p {
						margin: 25px 0 0;
					}
					#intro > div p:first-child {
						margin-top: 0px;
					}
					#intro > div h4 {
						margin-top: 25px;
						line-height: 2;
						font-size: 110%;
						font-weight: bold;
						color: #f3827b;
					}

		/* -----------------------------------
		 Course & Curriculum
		----------------------------------- */
		#lecture section#course-curriculum {
			width: 940px;
			margin: 40px auto;
		}
			#course-curriculum h3 {
				background: #f7c4c1;
				color: #fff;
				text-align: center;
				padding: 6px 0;
			}
			#lecture section#course-curriculum > div {
				border: 1px solid #f7c4c1;
				border-top: none;
				padding: 35px 40px;
				box-sizing: border-box;
				font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				margin: 0;
			}
				#course-curriculum dl {
					margin: 0;
				}
					#course-curriculum dt {
						margin: 40px 0 6px;
						color: #df756f;
						font-size: 110%;
					}
					#course-curriculum dt:first-child {
						margin-top: 0px;
					}
					#course-curriculum dd {
						margin: 0;
					}
						#course-curriculum dd ul li ul li {
							padding-left: 16px;
						}
						#course-curriculum dd .notes { color: #777; font-size: 90%; }
						#course-curriculum dd p {}

		/* -----------------------------------
		 Fee
		----------------------------------- */
		#fee {}
			#fee h3 {}
			#fee > div {}
				#fee > div > dl {
					margin: -10px 0 0;
				}
					#fee dt {
						margin: 45px 0 0;
					}
					#fee dd {
						margin: 0 0;
					}
						#fee dd .box {
							border: 1px solid #d4d4d4;
							padding: 15px 23px;
							margin: 5px 0;
						}
							#fee dd .box p {
								font-weight: bold;
								font-size: 110%;
								line-height: 1.8em
							}
								#fee dd .box em {
									color: #cd0000;
									font-weight: bold;
								}
						#fee dd .notes {
							margin: 10px 0;
						}
							#fee dd .notes p { font-size: 90%;}

		/* -----------------------------------
		 Detail
		----------------------------------- */
		#detail {}
			#detail h3 {}
			#detail > div {}
				#detail table {
					width: 100%;
					border-collapse: collapse;
					border-spacing: 0;
				}
					#detail tr {}
						#detail tr > * {
							border: 1px solid #d4d4d4;
							padding: 15px 20px;
						}
						#detail th {
							background: #f3f3f3;
							vertical-align: top;
							width: 25%;
						}
						#detail td {}
							#detail td p {}
							#detail .small p {
								font-size: 90%;
								line-height: 1.7em;
							}
						#detail .notes th {
							background: #faf9f1;
						}

		/* -----------------------------------
		 Voice
		----------------------------------- */
		#voice {
			padding-bottom: 20px;
		}
			#voice h3 {
			}
			#lecture section#voice > div {
				background: #fdf5f5;
				border: 1px solid #efe2e2;
				padding: 35px;
				margin: 30px 20px;
			}
					#voice em {
						color: #df756f;
						font-style: italic;
					}
					#voice p {
						margin: 25px 0 0;
					}
					#voice p:first-child {
						margin-top: 0;
					}

		/* -----------------------------------
		 Application
		----------------------------------- */
		#application {
			padding-bottom: 10px;
		}
			#application_form {
				background: #f3f3f3;
				border: 1px solid #dddddd;
				padding: 30px 37px;
				margin: 10px 0;
				box-sizing: border-box;
				transition: all .2s ease;
			}
				#application_form form {
					width: 90%;
					margin: 0 auto;
				}
					#application_form table {
						width: 100%;
					}
						#application_form table th,
						#application_form table td {
							line-height: 1;
							vertical-align: middle;
							padding: 10px 0;
						}
						#application_form table th {
							width: 140px;
							text-align: right;
						}
						#application_form .required {
							color: #dd0000;
							font-size: 80%;
							display: inline-block;
							padding-right: 4px;
						}
						#application_form table td {
							padding-left: 20px;
						}
							/* Text Field */
							#application_form input[type=text],
							#application_form input[type=email],
							#application_form input[type=tel],
							#application_form input[type=date],
							#application_form select,
							#application_form textarea {
								background: #fff;
								border: 1px solid #cecece;
								-webkit-border-radius:3px;
								-moz-border-radius:3px;
								border-radius:3px;
								box-shadow:rgba(113, 135, 164, 0.227451) 0px 0px 6px 0px inset;
								-webkit-box-shadow:rgba(113, 135, 164, 0.227451) 0px 0px 6px 0px inset;
								-moz-box-shadow:rgba(113, 135, 164, 0.227451) 0px 0px 6px 0px inset;
								padding: 3px 7px;
								box-sizing: border-box;
								height: 38px;
							}

							/* Checkbox */
							#application_form span.wpcf7-list-item-label {
								margin-right: 14px;
							}

							/* Radio Button */
							#application_form option {}

							/* Text Area */
							#application_form textarea {
								width: 90%;
								height: 152px;
							}

							/* Submit Button */
							#application_form input[type=submit] {
								position: relative;
								z-index: 1;
								border: none;
								background: #f8b734;
								-webkit-border-radius: 5px;
								-moz-border-radius: 5px;
								border-radius: 5px;
								text-align: center;
								color: #fff;
								font-size: 120%;
								line-height: 2;
								margin-top: 10px;
								padding: 6px 40px;
								cursor: pointer;
								-moz-transition: all .2s ease;
								-webkit-transition: all .2s ease;
								transition: all .2s ease;
							}
							#application_form input[type=submit]:hover {
								background: #ffaa00;
							}

							#application_form ul {}
								#application_form li {
									display: inline-block;
									margin: 0 10px 0 0;
								}

				#application .notes {}
					#application .notes p {
						font-size: 90%;
					}

			/* Contact Form 7  messages & alerts */
			#application .wpcf7-not-valid-tip {
				display: block;
				margin-top: 4px;
			}
			#application .wpcf7-response-output {
				padding: 8px 20px;
				text-align: center;
				border-radius: 6px;
				margin: 20px 0;
			}
			#application .wpcf7-validation-errors {
				background: #FFECEC;
				border-color: #FFBABA;
			}
			#application .wpcf7-mail-sent-ok {
				background: transparent;
				border: none;
				color:#306611;
			}


/* -----------------------------------
 Love-Momi Basic
----------------------------------- */
#lecture.love-momi_basic {}

/* -----------------------------------
 Love-Moni Advance
----------------------------------- */
#lecture.love-momi_advance {}

/* -----------------------------------
 Love-Life Counseling Basic
----------------------------------- */
#lecture.love-life-counseling_basic {}

/* -----------------------------------
 Love-Life Counseling Advance
----------------------------------- */
#lecture.love-life-counseling_advance {}

/* -----------------------------------
 Love-Momi Instructor
----------------------------------- */
#lecture.love-momi_instructor {}

/* -----------------------------------
 Reiki-Attunement
----------------------------------- */
#lecture.reiki-attunement {}