@charset "utf-8";

/*====================
参考
 - 1280px〜：大型PC
 - 960px〜1279px：小型PC
 - 600px〜959px：タブレット
 - 480px〜599px：スマートフォン横
 - 〜479px：スマートフォン縦
====================*/
 
 /* パソコン---サイト幅はここのwidth-------------------------*/
@media all and (min-width: 1024px){
	#contener,.inner{
	
	width: 1020px;
	
	padding-top: 0px;
	
	padding-right: 0px;
	
	padding-bottom: 0px;
	
	padding-left: 0px;
	
	margin-top: 0px;
	
	margin-right: auto;
	
	margin-bottom: 0px;
	
	margin-left: auto;
	
}

.top1{
	display: block;
}

.top2{
	display: none;
	
}


.im{
	
	width: 250px;
	
}

#headertop1{
	
	display: block;
	
	width: 100%;
	
}

.logo{
	
	width: 1024px;
	
}

#headertop2{
	display: none;
	
}


	
#contener{
	
	padding-bottom: 2px;
	
	margin-left: auto;
	
	margin-right: auto;
	
}


#footercontener{
	
	text-align: left;
	
	width: 1020px;
	
}

}


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



.top1{
	display: block;
	
}

.top2{
	display: none;
	
}


#headertop1{
	display: block;
	width: 100%;	
}

.logo{
	
	width: 100%;
	
}

.im{
	
	width: 200px;
	
}

.logo A:link{
	font-size: 11pt;
}
.logo A:visited{
	font-size: 11pt;
}
.logo A:hover{
	font-size: 11pt;
}
.logo A:active{
	font-size: 11pt;
}


#headertop2{
	display: none;
	
}


#footercontener{
	
	width: 95%;
	
	text-align: left;
	
}

}


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

.youtube{
	
	width: 100%;
	
}

.top3{
	display: none;
	
}

.logo A:link{
	font-size: 10pt;
}
.logo A:visited{
	font-size: 10pt;
}
.logo A:hover{
	font-size: 10pt;
}
.logo A:active{
	font-size: 10pt;
}

}
/* スマホ横------------------------------------------------------------*/

@media all and (max-width:640px){
	.cell{
	
	width: 100%;	
}


h2{
	font-size: 15pt;
}


.top1{
	display: none;
	
}

.top2{
	display: block;
	
}

.im{
	
	width: 130px;
	
}

#headertop1{
	display: none;	
}

#headertop2{
	
	display: block;
	
	margin-left: 0px;
	
	margin-right: 0px;
	
}

	#footer{
	
	background-color: #3194d9;
	
	color: white;
	
}

#footer A:link{
	COLOR: #ffffff; TEXT-DECORATION: none;
}
#footer A:visited{
	COLOR: #ffffff; TEXT-DECORATION: unone;
}
#footer A:hover{
	COLOR: #ffffff; TEXT-DECORATION: underline;
}
#footer A:active{
	COLOR: #ffffff; TEXT-DECORATION: underline;
}

.x table,
.x table tbody,
.x table tr,
.x table th,
.x table td { display: block }	

}

}

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


.im{
	
	width: 120px;
	
}

}