@charset "UTF-8";

body{
font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;

font-size:14px;
-webkit-text-size-adjust: 100%;
color:#333333;
line-height:1.4;
	font-weight:500;
}


a,a:hover{
	color:#333;

}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

a:hover img{
	
}

a:hover{
	opacity:0.7;
}
i{font-style:normal;}


.contents{
	width:980px;
	margin:0 auto;

}

.wrapper{
	width:100%;
}
.contents .side{
position:relative;
width:155px;
height:550px;
background-image:url(../images/side.png);
float:right;
text-align:center;

}
.contents .side .side-inner{
padding-top:60px;	
}
.contents .side .side-inner .click{
margin-bottom:8px;	
}

.contents .side .side-inner .btn.maru{
margin-bottom:22px;	
}
.contents .side .foot{
position:absolute;
bottom:16px;
text-align:center;
width:100%;
}

.contents .main{
	position:relative;
width:calc(100% - 155px);
float:right;
}

.contents .main .image img{
width:100%;	
}
.contents .main .image a:hover{
opacity:1;
}
.contents .main .close{
position:absolute;
top:18px;
right:18px;	
}





.buru{
	animation: rumble 3.2s;
animation-iteration-count : infinite;
}
.buru2{
	animation: rumble2 3.2s;
animation-iteration-count : infinite;
}
@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	70%	{transform:rotate(0deg)	translate(0,0);}
	71%	{transform:rotate(0deg)	translate(0px,4px);}
	72%	{transform:rotate(0deg)	translate(-4px,0);}
	73%	{transform:rotate(0deg)	translate(0px,3px);}
	74%	{transform:rotate(0deg)	translate(3px,0);}
	75%	{transform:rotate(0deg)	translate(0,4px);}
	76%	{transform:rotate(0deg)	translate(0,0);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

@keyframes rumble2{
	0%	{transform:rotate(0deg)	translate(0,0);}
	90%	{transform:rotate(0deg)	translate(0,0);}
	94%	{transform:rotate(0deg)	translate(0px,4px);}
	95%	{transform:rotate(0deg)	translate(-4px,0);}
	96%	{transform:rotate(0deg)	translate(0px,3px);}
	97%	{transform:rotate(0deg)	translate(3px,0);}
	98%	{transform:rotate(0deg)	translate(0,4px);}
	99%	{transform:rotate(0deg)	translate(3px,0px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}