@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :トップページ

=================================================================== */

/* =============================

	overwrite

=============================== */




/* =================================== */

.svgDef{
	position:absolute;
	width:0;
	height:0;
}

/* wall */
#main .wall-wrap{
	width:1000px;
	margin:0 auto;
}
#main #wall{
}

#main #wall img{
	width:100%;
	height:auto;
}
#main #wall ul li{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
}
#main #wall ul li.comp{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
#main #wall ul li.large{
	width:472px;
}
#main #wall ul li.small{
	width:236px;
}
#main #wall ul li.ywide{
	width:236px;
}
#main #wall ul li.xwide{
	width:472px;
}
#main #wall ul li .inner{
	position:relative;
	width:100%;
	height:100%;
	-webkit-transform:translate(-27px,-27px);
	-moz-transform:translate(-27px,-27px);
	transform:translate(-27px,-27px);
}
#main ul li.double .inner div:first-child{
	margin-bottom:-62px;
}


@keyframes start {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

@-webkit-keyframes start {
	from {
		-webkit-transform: scale(0);
	}
	to {
		-webkit-transform: scale(1);
	}
}

#wall .item[data-state="init"] {
	display: none;
	-webkit-transform: scale(0);
	transform: scale(0);
}

#wall .item[data-state="start"]  {
	display: block;
	animation: start 0.5s;
	-webkit-animation: start 0.5s;
}



/*feed  */
#wall li.blogfeed .notes{
	position:absolute;
	padding:65px;
}
#wall li.blogfeed .notes h3{
	width:120px;
}
#wall li.blogfeed .notes .txt{
	font-size:16px;
	margin:10px 0 12px;
	color:#FFF;
	font-weight:bold;
}
#wall li.blogfeed .notes a,
#wall li.blogfeed .notes a:hover{
	color:#2b2b2b;
	text-decoration:underline;
}
#wall li.blogfeed .notes article {
    overflow: hidden;
    height: auto;
}
#wall li.blogfeed .notes article .post {
    float: right;
    width: 260px;
    position: relative;
		margin-left:10px;
}
#wall li.blogfeed .notes article .post h1 {
    font-size: 117%;
    margin-top: 2.2em;
}
#wall li.blogfeed .notes article .post .date {
    padding: 6px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    background: #ffab00;
    color: #fffefe;
    text-align: center;
    border-radius: 3px;
}
#wall li.blogfeed .notes article .post .date:after {
    content: '';
    background:url(../images/common/icon.png) no-repeat 0 -32px;
    width: 6px;
    height: 5px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -3px;
}
#wall li.blogfeed .notes article figure {
    width: 112px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background: #FFF;
    padding: 2px;
    float: left;
}
#wall li.blogfeed .notes article figure img{
	width:auto !important;
	height:auto !important;
	max-width:112px;
	max-height:82px;
}