@charset "utf-8";
@media screen and (min-width: 100px) and (max-width: 480px) {

/*■■■SP専用*/
h1{
	font-size:20px;
	font-weight:bold;
}
h2{
	font-size:16px;
	font-weight:bold;
}
h3, h4, h5, h6{
	font-size:14px;
	font-weight:normal;
	display:inline;
	margin:0px;
}


/*■幅バリエーション■*/
.wid220{ width:300px; }
.wid320{ width:320px; }
.wid400{ width:320px; }
.wid450{ width:320px; }
.wid500{ width:320px; }
.wid550{ width:320px; }
.wid600{ width:320px; }
.wid680{ width:320px; }
.wid700{ width:320px; }
.wid930{ width:320px; }
.base_photo_w{ width:320px; }


#mit_outer{
	clear:both;
	margin:0 auto;
	width:100%;
	font-size:14px;
}



.grade_title_green{
	width:calc(100% - 10px);
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#DDFFDD;
	color:#000000;
	padding:3px 5px;
	margin:5px 0px 5px 0px;
}

.grade_title_red{
	width:calc(100% - 10px);
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#aaaaFF;
	color:#000000;
	padding:3px 5px;
	margin:5px 0px 5px 0px;
}

.grade_title_orange{
	width:calc(100% - 10px);
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#FFDD99;
	color:#000000;
	padding:3px 5px;
	margin:5px 0px 5px 0px;
}

.grade_title_blue{
	width:calc(100% - 10px);
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#DDDDFF;
	color:#000000;
	padding:3px 5px;
	margin:5px 0px 5px 0px;
}


.footer_copy{
	width:calc(100% - 10px);
	background-color:#555555;
	color:#FFFFFF;
	padding:5px;
	font-size:12px;
	margin:0px 0px 0px 0px;
}

/*スマホでは見えない*/
.SP_DP_none{
	display:none;
}
/*パソコンでは見えない*/
.PC_DP_none{
	
}



/*▼▼ここからがサイトユニークCSS▼▼▼▼▼▼▼*/
/*▼▼ここからがサイトユニークCSS▼▼▼▼▼▼▼*/
/*▼▼ここからがサイトユニークCSS▼▼▼▼▼▼▼*/



}