@charset "UTF-8";
h1 span{font-size:12px;color:#ff6600;}

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

#topimg:before{
	content:"";
	display:block;
	height:5px;
	width:100%;
	
	background:#ff6600;
}

#topimg:after{
	content:"";
	display:block;
	height:5px;
	width:100%;
	
	background:#ff6600;
}

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

#topimg div.content{
	display:inline-block;
	width:640px;
	
	background-color: rgba(255,102,0,0.70);
	box-sizing: border-box;
	padding:40px 20px;
}

#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;
}

#topimg ul.castlist-index{
	font-size:0;
	line-height:1.0em;
}

#topimg ul.castlist-index li{
	display:inline-block;
	width: calc(100% / 8);
}

#topimg ul.castlist-index li img{
	width:100%;
	vertical-align: bottom;
}

#topimg p.btn-enter{
	width:320px;
	margin:20px auto;
	box-sizing: border-box;
	padding:5px;
	text-align: center;
	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 p.btn-enter a{
	display:block;
	padding:0px;margin:0px;
}

#topimg p.btn-enter a img{
padding:0px;margin:0px;
	
}

#topimg p.btn-enter span.ol{
	display:block;
	box-sizing: border-box;
	padding:15px 10px;
	font-size:1.5rem;
	line-height:1.0em;
	font-weight:bold;
	background-color:#ff6600;
	color:#fff;
}

#topimg p.btn-enter:hover a{
	color:#fff;
	text-decoration: none;
	
	cursor: pointer;
}

#topimg p.btn-enter:hover a span.ol{
	background-color:#fff;
	color:#ff6600;
}

#topimg div.caution{
	font-size:0.8rem;
	line-height:1.75em;
	text-align: center;
	color:#fff;
}

#topimg div.caution a{
	color:#ffff00;
}

#topimg div.caution p.adult-mark{
	width:60px;
	margin:0 auto 10px;;
}

#topimg div.caution p.adult-mark img{
	width:100%;
	vertical-align: bottom;
}

#contents{background-image: url(../images/bg-img.jpg);}

#concept{
	width:960px;
	margin:0 auto;
	background-color: rgba(255, 255, 255, 0.9);
	color:#444;
}

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

#concept div.content h3{
	font-weight:bold;
	box-sizing: border-box;
	padding-bottom:5px;
	border-bottom:solid 1px #ff6600;
	margin-bottom:10px;
	color:#ff6600;
}

#concept div.content p{
	font-size:0.8rem;
	line-height:1.75em;
	
	margin-bottom:10px;
}

#concept div.content p:last-child{
	margin-bottom:0;
}

#link{
	background-color: rgba(238, 238, 238, 0.8);
	color:#000;
}

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

#link div.content ul.bannerlist{
	font-size:0;
	line-height:1.0em;
	text-align: center;
}

#link div.content ul.bannerlist li{
	font-size:1.0rem;
	line-height:1.75em;
	
	display:inline-block;
	vertical-align: middle;
	
	margin:5px;
}