body {

margin:0;
padding:0;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';

}

section {

flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;

}


/* ヘッダーロゴ */

.specialhead {

border-bottom: solid 1px #D7D7D7;
padding: 30px;
text-align:center;

}

.specialhead a img {

width:180px;

}


/* フッターロゴ */

.specialhead2 {

padding: 30px;

}

.specialhead img {


width:15%;

}



/* ぼやっとうつす */

.boya{

animation: fadeIn 3s ease 0s 1 normal;
-webkit-animation: fadeIn 3s ease 0s 1 normal;

}

/* マウスオーバーでぼやける */

img.hover {

opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;

}

.item:hover {

opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;

}

a:hover .hover {

opacity: 0.6;
filter: alpha(opacity=60); 

}

/* ふわっとうつしだす */

@keyframes fadeIn {

0% {opacity: 0}
100% {opacity: 1}

}

@-webkit-keyframes fadeIn {

0% {opacity: 0}
100% {opacity: 1}

}

@keyframes show {
0% {opacity:0}
5% {opacity:1}
10% {opacity:2}
20% {opacity:3}
}

@-webkit-keyframes show {
0% {opacity:0}
5% {opacity:1}
10% {opacity:2}
20% {opacity:3}
}


/* どの方向からでてくるか */

.sa {

opacity: 0;
transition: all 1s ease;
}

.sa.show {

opacity: 1;
transform: none;
}


.sa--up {

transform: translate(0, 100px);
}

.sa--ri {

transform: translate(100px, 0);
}

.sa--le {

transform: translate(-100px, 0);
}



/* 震える */


.buruburu {
display: inline-block;
animation: hurueru .3s  infinite;
}

@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}