@charset "utf-8";



/*img*/
img{
	max-width: 100%;
	height: inherit;
	width: auto;　
}

/*動画*/
.movie-wrap{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*youtube------------------------------------------------------------*/

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* パソコン
------------------------------------------------------------*/
@media all and (min-width: 960px){
	#header,#contener,.inner{
	width:960px;
	padding:0;
	margin:0 auto;
	}

#headertop2{
	display: none;
}

#navlink1{
	
	display: block;	
	width: 960px;	
	color: #ffffff;	
	padding-top: 2px;	
	padding-bottom: 2px;	
	margin-top: 3px;	
	margin-bottom: 3px;	
	padding-left: 2px;	
	padding-right: 2px;	
	margin-left: 3px;	
	margin-right: 3px;	
	background-image : url(nav2.gif);	
}


#navlink2{
	display: none;	
}
	
#contener{
	padding-bottom: 2px;
}
	
#main{
	
	float: right;	
	width: 670px;	
	padding-right: 20px;	
	padding-left: 10px;	
	padding-bottom: 10px;	
}


#side{
	
	float: left;	
	width: 250px;	
	padding-top: 10px;	
	padding-right: 0px;	
	padding-bottom: 0px;	
	padding-left: 0px;	
	overflow: hidden;	
	margin-left: 0px;	
}

#sidemenu1{
	
	display: block;	
	width: 230px;	
	margin-left: 10px;	
}


#a1{
	display: block;		
}


#a2{
	display: none;	
}

#white{
	display: none;	
}

#footercontener{
	width: 920px;
}

	#kouen{
	
	width: 880px;
	
	display: block;
	
}

}


/* iPad　横 */
@media all and (max-width:959px){
	.cell{
	
	width: 100%;
	
}

#headertop1{
	display: block;
	
}

#headertop2{
	display: none;
	
}

#navlink1{
	display: block;		
}


#navlink2{
	display: none;	
}

#a1{
	display: block;		
}


#a2{
	display: none;	
}

}


/* iPad　縦 */
@media all and (max-width:768px){
	.cell{
	
	width: 100%;
	
}

#headertop1{
	display: none;
	
}

#headertop2{
	display: block;
	
}

#navlink1{
	display: none;
	
}

#navlink2{
	display: block;
	
}


#a1{
	display: none;		
}


#a2{
	display: block;	
}

}

/* スマホ　横 */
@media all and (max-width:640px){
	.cell{
	
	width: 100%;
	
}

#header{
	
	padding-bottom: 20px;
	
}

#headertop2{
	margin-top: 0px;
	margin-bottom: -25px;
	margin-left: 0px;
	margin-right: 0px;
}


/*縮小画像*/
	#n{
	
	max-width: 50%;
	
	float: right;
	
	margin-left: 5px;
	
	margin-bottom: 5px;
	
}

#a1{
	display: none;		
}


#a2{
	display: block;	
}

}

/* スマホ　縦 */
@media all and (max-width:480px){
	.cell{
	
	width: 100%;
	
}

}