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

* {
	margin:0px;
	padding:0px;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
img {
	vertical-align:top;
	max-width:100%;
}
section,nav,article,aside,header,footer{display:block}

.clear {clear:both;}
.ta-c {text-align:center;}
.ta-l {text-align:left;}
.ta-r {text-align:right;}

.bg-white { background-color:#FFF;}}
.no_disp {display:none;}


.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

/* placeholderの色 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
::placeholder{ /* Others */
 color:#ccc
}

/* リンクマウスオーバー時のエフェクト効果 */
a:hover {
	opacity:0.7;
}
a:hover {
	animation: mouseOverfade 0.7s ease 0s 1 normal;
	-webkit-animation: mouseOverfade 0.7s ease 0s 1 normal;
}
@keyframes mouseOverfade {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

@-webkit-keyframes mouseOverfade {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

.box_l {float:left;}
.box_r {float:right;}

.img_box {
	position:relative;
	width:100%;
	height:100%;
}
.img_box img {
	position:absolute;
	max-width:none;
	min-width:100%;
	min-height:100%;
	top:50%;
	left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}