@charset "UTF-8";

/*

Cascading Style Sheets : event.css

- Last Updated on 2013. 09. 06
- (c) 2012 coro film

- Written by : Sayoko Nishimura (oniguili)

*/

#ThanksDay {
	width: 980px;
	height: 96px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: right;
}

#TitleNav {
	background: #B5CAAA;
}

#TitleIcon aside p {
	padding-top: 115px;
	line-height: 0;
}

#TitleLeft {
	width: 400px;
	min-height: 381px;
	background: url(img/title-bg.png) no-repeat 0 10px;
	float: left;
}

#TitleLeft h2 {
	width: 159px;
	margin: 90px auto 0;
}

#ContentsRight {
	width: 560px;
	background: #FFF;
	float: right;
}

#Latest {
	width: 450px;
	margin: 40px auto 0;
}

#Latest h3 {
	width: 175px;
	margin-top: 85px;
	padding: 16px 0 10px 0;
	background: #83AC8D;
	color: #FFF;
	display:inline-block;
	line-height:1.8em;
	font-size: 269.2%;
	text-align: center;
	float: left;
}

#Latest p.Img {
	width: 215px;
	float: right;
}

#EventList {
	width: 165px;
	margin: 40px 55px 20px 0;
	float: right;
}

#EventList li {
	margin-bottom: 10px;
	float: right;
}

#EventList li h3 {
	margin-top: 30px;
	font-size: 184.6%;
	float: left;
}

#EventList li p.Img {
	width: 88px;
	margin-left: 25px;
	float: right;
}
footer {
	margin-top: 100px;
}



@media screen and (max-width: 768px) {

  /*Contents--visual
	*********************************/
	#TitleLeft {
    width: 100%;
    min-height: auto;
    background: url(img/title-bg.png) no-repeat 0 -20px;
    background-size: contain;
	}
	#TitleLeft h2 {
    width: 100%;
    margin: 60px auto;
	}
	#ThanksDay {
    width: 100%;
    height: auto;
	text-align: center;
	}
	#Latest,#ContentsRight,#Latest p.Img {
	width: 100%;
	}
	#Latest h3 {
	float: none;
    margin: 0 auto 30px;
	}
}