@charset "utf-8";

/*---------------------------------------------------------------------------

common

---------------------------------------------------------------------------*/

body{
	font-size: 1.4rem;
	
}

.main{
	background-size:cover;
}

#mainvisual{
	background:url(images/bg.gif);
	padding-bottom:3%;
	background-size:cover;
}

#top .main{
	display:none;
}

nav span,h2 span{
	font-family: 'Miltonian Tattoo', cursive;
	font-weight:normal;
}

nav span{
	color:#775c2f;
}

h2{
	text-align:center;
	font-size:1.6rem;
	margin-bottom:5%;
	color:#775c2f;
}

h2 span{
	font-weight:normal;
	font-size:6.0rem;
	color:#775c2f;
}


a{
	color:#775c2f;
}

nav span{
	font-size:3rem;
}


.naviList nav a{
	color:#775c2f;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
}

.naviList .current,.naviList .current span{
	color:#e50067;
}

.side #navTop{
	display:none;
}

footer{
	background-color:#fff;
}

#snsBlock{
	margin:20px 0;
	float:right;
}

.btn{
	text-align:center;
	margin:10px 0;
	display:inline-block;
	
}

.btn a{
	color:#fff;
	display:block;
	text-align:center;
	padding:5px 10px;
	font-size:100%;
	max-width:280px;
	margin:0 auto;
	text-decoration:none;
	background:#775c2f;
	border:1px solid #775c2f;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}

.btn a:hover{
	background-color:#e50067;
	color:#FFF;
	border:1px solid #e50067;
}

.btnAccess{
	display:block;
}
	
.picRight,.picLeft{
	text-align:left;
}

.caption{
	margin:10px 0;
	text-align:center;
	
}



.left{
	float:left;
}

.right{
	float:right;
}

.color1{
	background:url(images/bg_2.png) repeat;
}

.color2{
	background:#fff051;
}

.color3{
	background:url(images/bg.gif) repeat;
	background-size:cover;
}

.ttl{
	margin-bottom:10px;
	text-align:center;
	font-size:17px;
}

.ttl span{
	font-family: 'Miltonian Tattoo', cursive;
	font-size:4rem;
	display:block;
	font-weight:bold;
}

@media(max-width:480px){
	h2 span{
		font-size:4.0rem;
	}

	footer .btnAccess{
		padding:0 10px;
	}
}

@media(min-width:481px){
	footer{
		padding-bottom:2.0rem;
	}
}

@media(min-width:769px){
	.ttl span{
		font-size:5.7rem;
	}	
}

@media(max-width:960px){
	body{
		background-color:#fff;
	}

	.side h1 img{
		width:35%;
		max-width:200px;
	}

	.side nav{
		border-top: solid 1px #eee;
	}

	.naviFooter,.BnrTicket{
		border-top:solid 1px #ddd;
	}
}

@media(min-width:961px){
	.side h1 img{
		width:75%;
	}

	.naviList{
		padding:10px 30px 30px 30px;
	}

	nav li{
		margin-bottom:20px;
	}
	
	.naviFooter{
		padding:0;
	}
	


}

/*---------------------------------------------------------------------------

point

---------------------------------------------------------------------------*/
#wagon{
	padding:0;
	background:url(images/bg_2.png) repeat;
	color:#775c2f;
}

.ttl{
	color:#856f10;
	line-height: 1.3;
	font-size:110%;
}

div.pointBlock{
	width:90%;
	margin:0 auto;
}


.pointBox{
	overflow:hidden;
	background:#FFF;
	margin-bottom:3%;
	padding:3%;	
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.pointBox h4{
	width:100%;
	margin-bottom:5%;
	font-size:2.8rem;
	font-family: 'Miltonian Tattoo', cursive;
	line-height:0.7;
	color:#e56452;
}

.pointBox h4 span{
	font-size:1.2rem;
	color:#00a559;
}

.pointBox h5{
	font-size:1.7rem;
	font-weight:bold;
}

.pointBox .picLeftBlock{
	float:left;
	width:50%;
	margin-right:3%
}

.pointBox .txtRight{
	float:left;
	width:46%;
}

@media(max-width:480px){
	.pointBox .picLeftBlock{
		float:none;
		width:100%;
		margin:0 auto;
	}
	
	.pointBox .txtRight{
		float:none;
		width:94%;
		padding:3%;
		margin:0 auto;
	}
}

/*---------------------------------------------------------------------------

top

---------------------------------------------------------------------------*/
#top .main{
	background-image:none;
}

#top .main .content:first-child{
	padding-top:5%;
}

#top #mainvisual img{
	width:100%;
}
#top #mainvisual{
	position:relative;
}



#top .pointBlock{
	overflow:hidden;
}

#top h2{
	text-align:left;
	clear:both;
	margin-bottom:10px;
	color:#000;
}

#top .introTtl,#top .point{
	margin-bottom:5%;
	text-align:center;
}

#top .point img{
	max-width:145px;
	width:30%;
}

#top .main .btnAccess a{
	max-width:400px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:2.3rem;
	font-family: 'Miltonian Tattoo', cursive;
	background:#e50067;
	color:#FFF;
	border:1px solid #e50067;
	margin-top:20px;
}

.btnAccess a:hover{
	background:#e50067;
	color:#FFF;
	    border: 1px solid #e50067;
}

.naviFooter {
	text-align:center;
}

/*---------------------------------------------------------------------------
pageTop
---------------------------------------------------------------------------*/
#pageTop{
	z-index:1;
	font-size:2.6rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:#ffffff;
	padding:5px 10px;
	text-align:center;
	color:#e50067;
	clear:both;
}

@media(max-width:480px){
	#pageTop{
		text-align:center;
		margin:0 30%;
		padding:5px 10px 0 10px;
	}
}

@media(min-width:481px){
	#pageTop{
		position: fixed;
		right:10px;
		bottom:10px;
	}

	#pageTop:hover{
		background-color:#e50067;
		color:#FFF;
		cursor:pointer;
	}

}
.sp-button{
	border:none;
background-color:#ccc;
}
.sp-selected-button {
	border:none;
	background-color:#00a559;
}
#other2{
	overflow:hidden;
}

#other2 h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-size:1.8rem;
	letter-spacing:1px;
	line-height:0.9;
}
#other2 h5{
	line-height: 1.2;
}
#other2 .pointBox{
	width: 43%;
    float: left;
}

#other2 .pointBox .picLeftBlock {
    float: none;
    width: 100%;
    margin-right: 0%;
}
#other2 .pointBox .txtRight {
    float: none;
    width: 100%;
}