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

#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:#dec47c;
	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:after{
	content:"";
	display:block;
	height:5px;
	width:100%;
	
	background:#dec47c;
	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: center;
}

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

#topimg div.content p.logo{
	width:450px;
	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:#000;
	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:#222;
	color:#dec47c;
}

#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 h2{
	text-align: center;
	box-sizing: border-box;
	padding:40px 0 20px 0;
	color:#000;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1.0em;
	max-width:960px;
	margin:0 auto 20px auto;
	border-bottom: solid 2px #dec47c;
  position: relative;
}

#concept h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #000;
  bottom: -2px;
  width: 30%;
}



#concept h2 span.eng{
	display:block;
	font-size:0.6rem;
	line-height:1.0em;
	font-weight:normal;
	letter-spacing: 0.1em;
	color:#dec47c;
	
	margin-top:10px;
}

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

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

#footer{
	width:100%;
	background-color:#000;
	text-align: center;
	box-sizing: border-box;
	padding:20px 0 40px;
	color:#fff;
}

#footer:before{
	content:"";
	display:block;
	height:5px;
	width:100%;
	background:#dec47c;
	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%);
}

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

h1{background:#000;
color:#fff;}