@charset "utf-8";

/*============================
#seasonsArea
============================*/
#seasonsArea {}
#seasonsArea ul {}
#seasonsArea ul li.listBlock {}
#seasonsArea ul li.listBlock:nth-child(2n) { background: #f2f2f2; }
#seasonsArea ul li.listBlock .textContainer {}
#seasonsArea ul li.listBlock .textContainer .textBox { float: left; width: 370px; min-height: 685px; border-left: solid 1px #000; box-sizing: border-box; padding: 100px 0; }
#seasonsArea ul li.listBlock .textContainer .textBox.box01 { padding-top: 0; margin-top: 100px; min-height: 585px; }
#seasonsArea ul li.listBlock .textContainer .textBox.box04 { padding-bottom: 0; margin-bottom: 100px; min-height: 585px; }
#seasonsArea ul li.listBlock .textContainer .textBox .textBoxContent { padding: 60px; }
#seasonsArea ul li.listBlock .textContainer .textBox .textBoxContent .title { font-size: 1.75em; font-weight: bold; line-height: 1.75; position: relative; }
#seasonsArea ul li.listBlock .textContainer .textBox .textBoxContent .title:before { content: ""; width: 10px; height: 10px; background: #000; border-radius: 10px; position: absolute; left: -65px; top: 18px; }
#seasonsArea ul li.listBlock .textContainer .textBox.box01 .textBoxContent .title:after { content: ""; width: 5px; height: 90px; background: #fff; position: absolute; left: -63px; top: -72px; }
#seasonsArea ul li.listBlock .textContainer .textBox.box04 .textBoxContent .title:after { content: ""; width: 5px; height: 480px; background: #f2f2f2; position: absolute; left: -63px; top: 28px; }
#seasonsArea ul li.listBlock .textContainer .textBox .textBoxContent .text { font-size: 1.125em; line-height: 1.5; margin-top: 30px; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages { float: right; width: 730px; padding: 100px 0; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages .main {}
#seasonsArea ul li.listBlock .textContainer .seasonsImages .main ul li { display: none; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages .main ul li.active { display: block; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages .thum { margin-top: 25px; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages .thum ul li { float: left; width: 100px; margin-left: 25px; opacity: 0.5; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages .thum ul li.active { opacity: 1; }
#seasonsArea ul li.listBlock .textContainer .seasonsImages .thum ul li:first-child { margin-left: 0; }

/*============================
#footer
============================*/
#footer { border-top: none; margin-top: 0; padding: 40px 0 30px; }
#footer .md_contents {}
#footer .md_contents .md_inner {}
#footer .md_contents .md_inner .copyright { font-size: 0.75em; text-align: center; }