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

@import url(https://fonts.googleapis.com/css?family=Dosis:500);

/*明朝体*/
.mincho{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/*ゴシック体*/
.gothic{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow:hidden;
  font-size:0.1em;
  line-height:0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }


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

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


@media screen and (min-width : 740px) {
.ml20{margin-left:20px;}

}
.fll{float:left;}
.flr{float:right;}


.mt20{margin-top:20px;}

.mr10{margin-right:10px;}

.ml15{margin-left:15px;}
.ml25{margin-left:25px;}
.mt25{margin-top:25px;}

.mb15{margin-bottom:15px;}
.mb50{margin-bottom:50px;}

.ml5p{margin-left:6%;}

.w20p{width:20%;}
.w80p{width:80%;}

.bgc01{background-color:#b5272d;}
.bgc02{background-color:#808080;}
.bgc03{background-color:#333333;}
.bgc04{background-color:#42210b;}
.bgc05{background-color:#375c8b;}