@charset "utf-8";

/* common ------------------------------------ */
.titleImg {
	margin-top: 2px;
	text-align: center;
}

.eyeIndex {
	padding-right: 250px;
}
.eyeIndex:after {
	content: '';
	display: block;
	clear: both;
}
.eyeIndex .sentence {
	float: left;
	width: 100%;
	margin-right: -250px:
}
.eyeIndex .image {
	float: left;
	width: 250px;
	margin-right: -250px;
	text-align: right;
}
@media only screen and (max-width: 640px) {
	.eyeIndex {
		padding-right: 0;
	}
	.eyeIndex .sentence,
	.eyeIndex .image	{
		float: none;
		margin-right: 0;
	}
	.eyeIndex .image	{
		margin-top: 1em;
		width: auto;
	}
}
*+html .eyeIndex {
	zoom: 1;
}
* html .eyeIndex {
	zoom: 1;
}

/* home -------------------------------------- */
#lesson,
#eye {
	padding-top: 1em;
}
#lesson .wm-border h2,
#eye .wm-border h2 {
	margin: 0 !important;
	padding: 0;
	text-align: center;
	background-color: #fff;
	border-style: none;
}
#lesson .wm-border h2:after,
#lesson .wm-border h2 a:after,
#eye .wm-border h2:after,
#eye .wm-border h2 a:after { display: none; }
#lesson .wm-border h2+p,
#eye .wm-border h2+p { min-height: 6.8em; }
#lesson .wm-border h3+ul,
#eye .wm-border h3+ul {
	padding-left: 0;
	list-style: none;
}
#lesson .wm-border h3+ul li a,
#eye .wm-border h3+ul li a {
	display: block;
	margin-top: -1.4em !important;
	padding-left: 4em;
}
@media only screen and (max-width: 640px) {
	#lesson .wm-border h2+p,
	#eye .wm-border h2+p { min-height: 0; }
}
figure.border {
	padding: 10px 0;
	background-image: none;
	background-color: transparent;
	border:1px solid #ccc;
}
figure.border figcaption {
	padding: 0 10px 10px;
}
.eyeLink {
	margin-top: 2em;
	text-align: center;
	border-top: 1px dotted #ccc;
}
.eyeLink li { display: inline; }
.eyeLink li a {
	display: inline-block;
	margin: 1em 10px 0;
}

/* lesson ------------------------------------ */
/* eye --------------------------------------- */
.sentence p
h3+.sentence,
h4+.sentence,
h5+.sentence {
	margin-top: 1em;
}
.imgLeft,
.imgRight,
.boxArea6 p,
.album2 p {
	margin-bottom: 1.5em;
	color: #999;
	font-size: 78%;
	text-align: left;
}
.imgLeft {
	float: left;
	margin-right: 1em !important;
}
.imgRight {
	float: right;
	margin-left: 1em !important;
}
p.imgLeft,
p.imgRight {
	margin-top: 0;
}
.boxArea6,
.boxArea7 {
	margin-top: 1.5em;
}
.boxArea6 h5,
.boxArea7 h5 {
	clear: both;
	margin-bottom: 1em;
}
.boxArea6 p,
.album2 div {
	float: left;
	width: 33.333%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxArea7 p {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.ceye div div {
	float: left;
	width: 50%;
	margin: 1em 0 0;
	padding: 0;
	font-size: 84%;
}
.ceye div div p {
	font-size: 100%;
}
.ceye div div img {
	float: left;
	max-width: 50%;
}
.boxArea6 div+div+div+div,
.boxArea6 p+p+p+p,
.boxArea7 p+p+p+p+p {
	margin-top: 1em;
}
.album2 {
	padding: 0 !important;
}
.album2 div {
	font-size: 100%;
	margin-top: 1em !important;
	padding: 0;
}
.album2 p {
	margin: 0;
	text-align: center;
}
.w250 {
	width: 250px;
}
.w200 {
	width: 200px;
}
.w180 {
	width: 180px;
}
.w160 {
	width: 160px;
}
.w150 {
	width: 150px;
}
.w145 {
	width: 145px;
}
.w130 {
	width: 130px;
}
.w135 {
	width: 135px;
}
.w120 {
	width: 120px;
}
.w100 {
	width: 100px;
}
.clear {
	clear: both;
}
.hikonyan {
	max-width: 550px;
	margin: 1.5em auto 0;
}
.hikonyan img {
	display: block;
}
.hikonyan .sentence {
	margin: 0 4.727% 0 4.182%;
	padding: 10px;
	background-color: #CDE9EE;
}
.wm-border dl {
	margin-top: 1em;
}
.wm-border dt {
	float: left;
}
.wm-border dd {
	padding: 0 0 .5em 5em;
}
.wm-border div div,
.wm-background div div,
.wm-border-background div div {
	padding: 0;
}
.section+h3,
.section+h4,
.section+h5,
.wm-border h5,
.wm-background h5,
.wm-border-background h5 {
	clear: both;
}
.sentence:after,
.boxArea6:after,
.wm-border > div:after,
.wm-background > div:after,
.wm-border-background > div:after {
	content: '';
	display: block;
	clear: both;
}
*+html .sentence,
*+html .boxArea6,
*+html .wm-border > div,
*+html .wm-background > div,
*+html .wm-border-background > div,
*+html .ceye div div {
	zoom: 1;
}
@media only screen and (max-width: 980px) {
	.boxArea6 p,
	.album2 div,
	.boxArea7 p,
	.ceye div div {
		padding: 0 5px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.sentence.section p{max-width:1200px}
*{word-break:break-all}