@charset "UTF-8";

#topimg{
	background-color:#eee;
	background-image: url(../images/bgimg001.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#topimg:after{
	content:"";
	display:block;
	height:5px;
	width:100%;
	
	background:linear-gradient(left, #8c6400 0%, #ffbe00 25%, #ffdc82 50%, #c89600 75%, #8c6400 100%);
	background: -webkit-linear-gradient(left, #8c6400 0%, #ffbe00 25%, #ffdc82 50%, #c89600 75%, #8c6400 100%);
	background: -moz-linear-gradient(left, #8c6400 0%, #ffbe00 25%, #ffdc82 50%, #c89600 75%, #8c6400 100%);
	background: -o-linear-gradient(left, #8c6400 0%, #ffbe00 25%, #ffdc82 50%, #c89600 75%, #8c6400 100%);
	background: -ms-linear-gradient(left, #8c6400 0%, #ffbe00 25%, #ffdc82 50%, #c89600 75%, #8c6400 100%);
}

#topimg div.wrap{
	width:960px;
	margin:0 auto;
	text-align: right;
}

#topimg div.content{
	display:inline-block;
	width:480px;
	
	background-color: rgba(255,255,255,0.80);
	box-sizing: border-box;
	padding:160px 20px 80px;
}

#topimg div.content p.logo{
	width:280px;
	margin:0 auto;
}

#topimg div.content p.logo img{
	width:100%;
	vertical-align: bottom;
}

#topimg div.content p.contact{
	width:360px;
	margin:0 auto;
}

#topimg div.content p.contact img{
	width:100%;
	vertical-align: bottom;
}

#recommend div.content{
	width:960px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#recommend article{
	display:inline-block;
	width: calc(100% / 3);
	font-size:1.0rem;
	line-height:1.75em;
}

#ranking div.content{
	width:960px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#ranking article{
	display:inline-block;
	width: 31%;
	font-size:1.0rem;
	line-height:1.75em;
	padding: 10px;
	position: relative;
}

#today{
	margin-bottom:20px;
}

#today div.content{
	width:960px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#today article{
	display:inline-block;
	width: 18%;
	font-size:1.0rem;
	line-height:1.75em;
	/*border: 4px solid #e73660;*/
	border: 4px solid #489dff;
	margin: 5px;
}

#event{
	background-color:#eee;
	color:#000;
}

#event div.content{
	width:800px;
	margin:0 auto;
	
	box-sizing: border-box;
	padding:20px 0;
}

#slider-event li a{
	display:block;
}

#slider-event li img{
	width:100%;
	vertical-align: bottom;
}

#newface{
	margin-bottom:20px;
}

#newface div.content{
	width:800px;
	margin:0 auto;
}
#movie{
	margin-bottom:20px;
}

#movie div.content{
	width:800px;
	margin:0 auto;
}
#movie2{
	margin-bottom:20px;
}

#movie2 div.content{
	width:800px;
	margin:0 auto;
}
#ranking{
	margin-bottom:20px;
}

#ranking div.content{
	width: 960px;
	margin:0 auto;
}
#slider-newface li a{
	display:block;
}

#slider-newface li img{
	width:100%;
	vertical-align: bottom;
}

#diary{
	color:#000;
	background-color:#eee;
	background-image: url(../images/bgimg002.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}

#diary h2{
	color:#000;}

#diary div.mask-white{
	background-color: rgba(255,255,255,0.80);
	box-sizing: border-box;
	padding-bottom:20px;
}

#diary div.content{
	width:960px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#diary article{
	display:inline-block;
	width: calc(100% / 5);
	
	font-size:1.0rem;
	line-height:1.75em;
}

#review div.content{
	width:800px;
	margin:0 auto;
}

#news{
	background-color:#eee;
	color:#000;
	
	box-sizing: border-box;
	padding-bottom:20px;
}

#news div.content{
	width:800px;
	margin:0 auto;
	
	font-size:0;
	line-height:1.0em;
}

#news div.content article{
	display:inline-block;
	width: calc(100% / 4);
	
	font-size:1.0rem;
	line-height:1.75em;
}

#pickup{	
	box-sizing: border-box;
	padding:20px 0;
}

#pickup div.content{
	width:800px;
	margin:0 auto;
}

#pickup div.content ul.link-banner{
	font-size:0;
	line-height:1.0em;
}

#pickup div.content ul.link-banner li{
	display:inline-block;
	width:50%;
	vertical-align: top;
}

#pickup div.content ul.link-banner li a{
	display:block;
}

#pickup div.content ul.link-banner li a:hover{
	opacity: 0.8;
}

#pickup div.content ul.link-banner li img{
	width:100%;
	vertical-align: bottom;
	
	box-sizing: border-box;
	padding:5px;
}