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

@media (max-width: 640px){
	h1 img{
		width: 100% !important;
		height: auto;
	}
	
	#pagebody > * * {
		max-width: 620px !important;
	}
	
	#pagebody > * img{
		max-width: 600px !important;
	}
	
	#pagebody > div{
		margin-left: 0 !important;
	}
	
	img {
		height: auto !important;
	}

	#h-siteroot {
		min-width: auto;
	}
	#h-siteroot p {
		width: 100%;
	}
	
	div.pregArea_01,
	div.pregArea_01 div.return_top,
	div.pregArea_02 div.pregBox,
	div.pregArea_02,
	div.pregArea_03,
	div.finding,
	ul#supporttop_link_guide,
	div.preBox580{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	div.lineArea,
	div.lineArea2{
		width: 90%;
		margin-left: 0;
		margin-right: 0;
		padding: 15px;
	}

	#sbi_comment1 table{
		width: 100% !important;
	}
	
	div.rightArea{
		float: none !important;
	}
	
	ul.mobile_BtnArea {
		width: 100%;
	}
	ul.mobile_BtnArea li {
		margin: 0 0 5px 0;
		padding: 0px;
		float: none;
	}
	
	ul.odekake_BtnArea {
		width: 100%;
		margin: 10px auto 0px auto;
		padding: 0px;
		list-style: none;
		clear: both;
	}
	ul.odekake_BtnArea li {
		margin: 0;
		float: none;
	}
	
	#pagetoparea {
		margin-bottom: 10px;
	}
	
	#pagebody table{
		width: 100% !important;
	}

	#pagebody table img{
		max-width: calc(640px * 0.7) !important;
		height: auto;
	}
	#pagebody li img{
		max-width: calc(640px * 0.8) !important;
		height: auto;
	}	
	.pan + h4{
		margin-top: 10px;
	}
	
	.to_top{
		position: static;
		margin-bottom: 1em;
	}
	
	.pl0{
		padding-left: 0 !important;
	}
	
	.ml_20{
		margin-left: 0 !important;
	}
	div.pregArea_01 div.leftArea ul li{
		margin-left: 0;
	}
	
	img.w150{
		width: 150px !important;
	}
	
	table{
		width: 100% !important;
	}
}

@media (max-width: 414px){
	#pagebody > * *{
		max-width: 400px !important;
	}
	
	#pagebody > * img{
		max-width: 400px !important;
	}
	
	#pagebody table img{
		max-width: calc(414px * 0.7) !important;
	}
	#pagebody li img{
		max-width: calc(414px * 0.8) !important;
		height: auto;
	}	
}
@media (max-width: 375px){
	#pagebody > * * {
		max-width: 355px !important;
	}
	
	#pagebody > * img {
		max-width: 355px !important;
	}
	
	#pagebody table img{
		max-width: calc(375px * 0.7) !important;
	}	
	#pagebody li img{
		max-width: calc(375px * 0.8) !important;
	}	
}

@media (max-width: 371px) and  (min-width: 320px) {
	#pagebody > * img{
		max-width: 300px !important;
	}
	#pagebody > * *{
		max-width: 320px !important;
	}
	#pagebody table img{
		max-width: calc(320px * 0.7) !important;
	}	

	#pagebody li img{
		max-width: 300px !important;
	}	
	table.connectTbl{
		width: 100% !important;
		max-width: 360px !important;
	}
		
	img.w150{
		width: 120px !important;
	}
	
}