@charset "UTF-8";
/* CSS Document */

 
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; 
      text-align:center;
}
.tp { display: none !important;
      text-align:center;
	  max-width: 100%;
	  height: auto;}
 
.sp { display: none !important;
      text-align:center; }
	  
/* パソコンで見たときは"pcp"のclassがついた画像が表示される */
.pcp { display: block !important; 
      text-align:left;
}
.tpp { display: none !important;
      text-align:left;
	  max-width: 100%;
	  height: auto;}
 
.spp { display: none !important;
      text-align:left; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 790px) {
.pc { display: none !important;
      text-align:center; }

.tp {
	display: block !important;
	text-align:center;
	  max-width: 100%;
	  height: auto;}
.sp { 
	display: none !important; 
      text-align:center;
	margin-bottom: 5px;
}
.pcp { display: none !important;
      text-align:left; }

.tpp {
	display: block !important;
	text-align:left;
	  max-width: 100%;
	  height: auto;}
.spp { 
	display: none !important; 
      text-align:left;
	margin-bottom: 5px;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important;
      text-align:center; 
}
.tp { display: none !important;
      text-align:center;
	  max-width: 100%;
	  height: auto;}
.sp { 
	display: block !important; 
      text-align:center;
	margin-bottom: -10px;
	padding: 0px;
    vertical-align: bottom;
}

.pcp { display: none !important;
      text-align:left; 
}
.tpp { display: none !important;
      text-align:left;
	  max-width: 100%;
	  height: auto;}
.spp { 
	display: block !important; 
      text-align:left;
	margin-bottom: -10px;
	padding: 0px;
    vertical-align: bottom;
}
}