@charset "Shift_JIS";

/* **************************************************

Name: responsive.css

Description: Common Settings for Responsive Web Design

Create: 2015.01.31
Update: 2015.03.31

Copyright 2015 Hitachi, Ltd. 

***************************************************** */



/* content===========================================

[-] for all
[-] for 995px -
[-] for - 994px
[-] for - 767px
[-] for - 579px
[-] for - 399px

===================================================== */

/*ie8ˆÈ‰ºPC‰æ‘œ�í�œ*/


/* for all
=========================================================================================== */




/* for 995px -
=========================================================================================== */

@media screen and (min-width: 995px) {

}



/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {
	
	


}



/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {


 .JS #FairContents h1 img{
	width:80%;
	height:auto;
}
	
#FairContents h2 img{
	width:80%;
	height:auto;
}
	
#PokeCopyBox img{
	width:80%;
	height:auto;
}

.LText img{
	width:80%;
	height:auto;
}




}



/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {
	
 .JS #FairContents h1{
	padding:15px 0 0 !important;
	text-align:center;
}
 .JS #FairContents h1 img{
	width:80%;
	height:auto;
}
	
#FairContents h2 img{
	width:80%;
	height:auto;
}
	
#PokeCopyBox img{
	width:80%;
	height:auto;
}

.LText img{
	width:80%;
	height:auto;
}
	
	
	
}

/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {

 .JS #FairContents h1{
	padding:15px 0 0 !important;
	text-align:center;
}
 .JS #FairContents h1 img{
	width:100%;
	height:auto;
}

#FairContents h2 img{
	width:100%;
	height:auto;
}

#PokeCopyBox img{
	width:80%;
	height:auto;
}

.LText img{
	width:100%;
	height:auto;
}

/* ----------------------------------------------------------------------- */

 .JS #InBox td img{ max-width:40px !important;}
 .JS #InBox td{ word-break:break-all;}

}