@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Material icons*/
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	/* WebKitブラウザサポート */
	-webkit-font-smoothing: antialiased;
	/* Chrome、Safariサポート */
	text-rendering: optimizeLegibility;

	/* Firefoxサポート */
	-moz-osx-font-smoothing: grayscale;

	/* IEサポート */
	font-feature-settings: 'liga';
}

/* Clearfix */  
.clearfix:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  
.clearfix {  
    display: inline-block;  
    min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
    height: 1%;  
}  
.clearfix {  
    display: block;  
}  
/* End hide from IE-Mac */

div.dlink a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
div.dlink:hover{
	transition:all 0.5s ease;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}


div.dlink2 a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
div.dlink2:hover > div:first-child{
	transition:all 0.5s ease;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.dlink3 a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}

#wrap_all{
	position:relative;
}