@charset "UTF-8";
/*////////////////////////
www.cieloyrio-higashi.com

top.css
///////////////////////*/

/*/// ////////////////////////////////

newsWrap
newsList
///////////////////////////////////*/
#newsWrap{
	padding:20px 0;
	/*border:1px #ededed solid;
	background:#f2f2f2;*/
	margin:20px 0;
}
#newsWrap h2{
	font-size:1.7em;
	font-weight:400;
	letter-spacing:0.2em;
    margin-bottom: 20px;
    text-align: center;
}
#newsWrap h2 img{
	vertical-align:middle;
}
#newsList{
	list-style:none;
}
#newsList li{
	width:29.33333333%;
	float:left;
	margin:1% 2%;

}
#newsList li a{
	display:block;
	text-decoration:none;
	color:#3c220d;
	border:1px dashed #CCC;
	background:#f8f8f8;
        padding: 4% 0;
}
#newsList li a:hover{
	background:#666;
	background:#3c220d;
}
#newsList li a,
#newsList li a:hover{
	-o-transition: background 0.25s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

#newsList li a .newsPh{


	line-height:1.0em;
}
#newsList li a .newsPh img{
    width: 100%;
    height: auto;
	margin:1px;
}
#newsList li a .data{
	text-align:center;
}
#newsList li a .data .date{
	font-size:0.9em;
	line-height:1.25em;
	letter-spacing:0.1em;
	color:#CCC;
}
#newsList li a .data .ttl{
	font-size:0.9em;
	letter-spacing:0.05em;
	color:#aaa;
}

.topContentsWrap{
    display: block;
    margin-top: 400px;

}

h1.headCopy{
    text-align:center;
    margin-bottom:20px;
    
}

#makeMeScrollable
{
    width:100%;
    height: 450px;
    position: relative;
		}

#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

.catchcopy{
    width:580px;

    text-align:center;
    line-height: 2.2em;
    letter-spacing: 0.1em;
    padding-left:50px;
    padding-right: 50px;

}

.top_bn_box{
    width: 200px;
    margin: 8px;
    float: left;
    display: block;
    height: 200px;
    background: #efefef;
    padding: 5px;
}


/*/// ////////////////////////////////
 ------ sp
///////////////////////////////////*/
@media screen and (max-width: 1000px){

/*#newsList li a .newsPh{
	width:40%;
}
    */
}
@media screen and (max-width:640px){
/*#newsWrap{
	margin-top:0;
}
#newsList li{
	width:96%;
	float:left;
	margin:1% 2%;
}
#newsList li a .newsPh{
	width:30%;
}
    */
    
}