@charset "utf-8";		
/* TOP PAGE STYLE ------------------------------------------------------		
		
 01. COMMON SETTINGS , HEADER		
 		
 02. KV SLIDER		
		
 03. SECTION 		
		
		
-------------------------------------------------------------------- */		
		
		
/* 01. COMMON SETTINGS , HEADER		
-------------------------------------------------------------------- */		
.contents section{		
	margin-bottom:10px;	
}		
		
.contents section div.inner{		
	padding:50px 30px;	
}		
		
		
/* 02. KV SLIDER		
-------------------------------------------------------------------- */		
figure.slider ul{		
	position:relative;	
	overflow:hidden;	
	height:300px;	
}		
		
figure.slider ul li {		
	position:absolute;	
	display:none;	
	left:-100%;	
	text-align:center;	
	width:300%;	
}		
		
figure.slider ul li img{		
	width:100%;	
	max-width:33.4%;	
	height: auto;	
}		
		
nav.slideIndicator {		
	width:100%;	
	height:40px;	
}		
		
nav.slideIndicator ul{		
	margin-top: 15px;	
	text-align: center;	
}		
		
nav.slideIndicator ul li{		
	display:inline-block;	
	width:20px;	
	height:10px;	
	text-align:center;	
}		
		
nav.slideIndicator ul li a{		
	display:inline-block;	
	width: 10px;	
	height: 10px;	
	border-radius: 5px;	
	background-color: #bfbfbf;	
	overflow: hidden;	
	text-indent: -999px;	
}		
		
nav.slideIndicator ul li.show a{		
	background-color: #164b9b;	
}		
		
		
		
/* 03. SECTION		
-------------------------------------------------------------------- */		
#banner .inner{		
	text-align: center;	
}		
#banner .inner a{		
	display:inline-block;	
	margin:0 10px 10px;	
	max-width:250px;	
	transition: 0.5s;	
	vertical-align:top;	
}		
		
#banner .inner a:hover{		
	opacity:0.6;	
}		
		
#banner .inner a span{		
	display:block;	
	font-size:0.8em;	
	margin-top:0.5em;	
}		
		
/* ORCAとは		
-------------------------------------------------------------------- */		
		
.flameLB{		
	max-width:600px;	
	margin:0 auto;	
}		
		
ul.recommend li{		
	text-indent:-1em;	
	padding-left:1em;	
}		
		
ul.orcaType li{		
	border:#ddd solid 2px;	
	display:table;	
	margin-bottom:15px;	
	width:100%;	
}		
		
ul.orcaType li div{		
	display:table-cell;	
	padding:10px;	
	vertical-align: top;	
}		
		
ul.orcaType li div.imgCell{		
	text-align: center;	
}		
		
ul.orcaType li div.textCell{		
	width:75%;	
	max-width:750px;	
}		
		
@media screen and (max-width:767px){		
	ul.orcaType li,	
	ul.orcaType li div{	
		display:block;
	}	
		
	ul.orcaType li div.textCell{	
		width:100%;
	}	
}