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

/*ALL
--------------------------------------------------*/
div,p,h1,h2,h3,h4,ul,li,dl,dt,dd,ol,table,th,td,form,input,fieldset,a,section,article,nav{
	margin:0;
	padding:0;
	/*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/
	/*-webkit-touch-callout:none;*/
	box-sizing:border-box;
}
fieldset{
	border:none;
}
.wrapper{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	text-align: left;
}
.clear{
	clear:both;
}
.clearfix{
	height:1%;
	overflow:hidden;
}
.clearfix:after{
	content:"";
	display:block;
	clear: both;
}
a{
	color:#961a1a;
}
a img{
	border:none;
}
img{
	width:100%;
	height:auto;
}
li{
	list-style:none;
}
/*ANIMATION
--------------------------------------------------*/
@keyframes vertical {
	0% {
		transform: translate(0,-20px);
	}
	100% {
		transform: translate(0,0px);
	}
}
@keyframes zooming {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	30% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	60% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
/*LAYOUT
--------------------------------------------------*/
body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	line-height: 1;
	text-align:center;
	margin:0;
	padding:0;
	color:#333;
	font-size-adjust:100%;
	width:100%;
	background: #ff66a3;
    background: -moz-linear-gradient(left,  #ff66a3 0%, #ff66a3 50%, #000 50%, #000 100%);
    background: -webkit-linear-gradient(left,  #ff66a3 0%,#ff66a3 50%,#000 50%,#000 100%);
    background: linear-gradient(to right,  #ff66a3 0%,#ff66a3 50%,#000 50%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff66a3', endColorstr='#000',GradientType=1 );
}
/*CONTENTS---------------------------*/
#contents .wrapper{
	background-image: url("../images/content_bk.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}
#contents div{
	font-size: 0;
}
#contents .vertical{
	animation: vertical ease-in-out infinite alternate;
	animation-duration: 1.0s;
	text-align:center;
	position: relative;
}
#contents .zooming{
	animation: zooming ease-in-out infinite;
	animation-duration: 3.5s;
	position: relative;
}
#contents .box02,
#contents .box03 .link_box{
	width: 100%;
}
#contents .box02 .left,
#contents .box02 .right,
#contents .box03 .link_box .left,
#contents .box03 .link_box .right{
	display: inline-block;
	width: 50%;
}
#contents .box02 .left,
#contents .box03 .link_box .left{
	float: left;
}
#contents .box02 .right,
#contents .box03 .link_box .right{
	float: right;
}
#contents .box02 .left a,
#contents .box02 .right a,
#contents .box03 .link_box .left a,
#contents .box03 .link_box .right a{
	display: block;
}
#contents .box02 .left a img,
#contents .box02 .right a img,
#contents .box03 .link_box .left a img,
#contents .box03 .link_box .right a img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-webkit-opacity:1;
	-o-opacity:1;
	-ms-opacity:1;
	opacity:1;
	webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
#contents .box02 .left a:hover img,
#contents .box02 .right a:hover img,
#contents .box03 .link_box .left a:hover img,
#contents .box03 .link_box .right a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	-o-opacity:0.8;
	-ms-opacity:0.8;
	opacity:0.8;
}
/*MEDIA QUERIES
--------------------------------------------------*/
/*smartphone*/
@media (max-width: 640px) {
	/*LAYOUT---------------------------*/
	body{
		font-size:14px;
		min-width:320px;
		max-width:640px;
	}
	/*CONTENTS---------------------------*/
	
}
/*tablet*/
@media (min-width: 641px) and (max-width: 893px) {
	/*LAYOUT---------------------------*/
	body{
		font-size:14px;
		min-width:641px;
		max-width:893px;
	}
	/*CONTENTS---------------------------*/
	
}
/*PC*/
@media (min-width: 894px) {
	/*LAYOUT---------------------------*/
	body{
		font-size:13px;
		min-width:860px;
	}
	.wrapper{
		max-width:860px;
		text-align:left;
	}
}