@charset "UTF-8";
/* CSS Document */
/*================= 
トップページ
=================== */

/* トップページ全体 */
#contents.top {
	padding-bottom: 80px;
}

/* section 01 TOPICS*/
#contents.top .Instagram{
	width:100%;
	margin-bottom:40px;
	}

#contents.top .Instagram .InstaInn ul{
	overflow:hidden;
	list-style-type:none;
 	padding-right:50px;
	}
	
#contents.top .Instagram .InstaInn ul li{
	float:left;
	width:16.66%;
	margin-right: 10px;
	position:relative;
	}

#contents.top .Instagram .InstaInn ul li:first-child:hover{
	opacity: 0.6;
	-webkit-transition: opacity .3s ;
	-moz-transition: opacity .3s ;
	-o-transition: opacity .3s ;
	transition: opacity .3s ;
	filter: alpha(opacity=0);
}


#contents.top .Instagram .InstaInn ul li:last-child{
	margin-right: -50px;
	}
	
#contents.top .Instagram .InstaInn ul li img{
	width:100%;
	height:auto;
	
	}
	
#contents.top #sec01 .LRbox{
	overflow:hidden;
	}
	
#contents.top #sec01 .LRbox h3{
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	margin-bottom:10px;
	}
	
#contents.top #sec01 .LRbox .Lbox{
	width:100%;
	float:left;
	margin-right:-350px;
	padding-right:350px;
	box-sizing: border-box;
	}
	
#contents.top #sec01 .LRbox .Lbox dl{
	overflow:hidden;
	}
	
#contents.top #sec01 .LRbox .Lbox dl dt{
	width:140px;
	float:left;
	}

#contents.top #sec01 .LRbox .Lbox dl dd{
	width:100%;
	float:right;
	margin-left:-140px;
	padding-left:140px;
	box-sizing: border-box;
			}


#contents.top #sec01 .LRbox .Rbox{
	width:312px;
	float:right;
	}
	
/* section 02 GALLERY*/
#contents.top #sec02 {
	margin:0 auto 20px;
	}

#contents.top #sec02 ul{
	overflow:hidden;
	list-style-type:none;
	padding-right:20px;
	}

#contents.top #sec02 ul li{
	width:20%;
	margin:0 5px 5px 0;
	float:left;
	}

#contents.top #sec02 ul li:nth-child(5n){
	margin-right:-20px;
	}

#contents.top #sec02 ul li img{
	width:100%;
	height:auto;
	}
	
#contents.top #sec02 ul li a:hover{
	opacity: 0.6;
	-webkit-transition: opacity .3s ;
	-moz-transition: opacity .3s ;
	-o-transition: opacity .3s ;
	transition: opacity .3s ;
	filter: alpha(opacity=0);
	background:none;
	}
	
	
#contents.top #sec02 p  {
	text-align:right;
	font-family:'Raleway', sans-serif;
	font-weight:700;
	margin-top:3px;
	line-height:16px;
	}
	
	#contents.top #sec02 p a{
		text-decoration:none;
		color:#151515;	
			font-size:16px;
	}
	
	#contents.top #sec02 p a:hover{
		text-decoration:underline;
		}
	
/* section 03 INFORMATION*/
#contents.top #sec03 .LRbox{
	overflow:hidden;
	padding-right: 40px;
	}

#contents.top #sec03 .LRbox .Rbox{
	width:40%;
	float:right;
	margin-right: -40px;
	}

  #contents.top #sec03 .LRbox .Rbox img{
	  width:100%;
	  heght:100%;
	  }
  
  
#contents.top #sec03 .LRbox .Lbox{
	width:60%;
	float:left;
	margin-right: 40px;
	}
	
	
#contents.top #sec03 .LRbox .Lbox h3{
	font-size:20px;
	}
#contents.top #sec03 .LRbox .Lbox h3+p{
	color:#626262;
	}
	
	
#contents.top #sec03 .LRbox .Lbox dl{
	overflow:hidden;	
	padding-top:5px;
	}
	
#contents.top #sec03 .LRbox .Lbox h3+p+dl{
	border-top:#ccc solid 1px;
	margin-top:15px;
	padding-top:15px;
	}
#contents.top #sec03 .LRbox .Lbox dl dt{
	width:140px;
	float:left;
	}
	
#contents.top #sec03 .LRbox .Lbox dl dd{
	width:100%;
	float:right;
	margin-left:-140px;
	padding-left:140px;
	box-sizing: border-box;
	}
#contents.top #sec03 .concept{
	border-top:#ccc solid 1px;
	margin-top:15px;
	padding:15px 0 40px;
	}


/*------------------------- Banner --------------------------------*/



#foot_banner{
	margin:0px auto 0px auto;
}
#foot_banner .content{
	margin:0px auto;
	padding-top:10px;
}

#foot_banner ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#foot_banner li{
	margin-bottom:0px;
	margin-left:12px;
	margin-right:0px;
	width:155px;
	cursor:pointer;
	padding:5px 0px;
	float:left;
}


#foot_banner li img{
	max-width:100%;
	height:auto;
}