@media (min-width: 800px) {
   /* PC表示領域が800px以上の場合に適用するスタイル */
	#main{ width:650px; }
	.button{width:200px;}
	.box{width:200px;}
	#sp{display:none;}
}
@media (max-width: 799px) {
   /* SP表示領域が800px未満の場合に適用するスタイル */
	body{ font-size:100%;margin:0px}
	#main{ width:100%;padding:5px; }
	.button{font-size:110%;}
	h1{font-size:160%;background-color:#ccc;margin:0 0 15px 0;padding:15px 7px 15px 7px;}
	#pc{display:none;}
	#sp{padding:5px;margin:0px;}
}
body {
  font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
              'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
line-height:1.5em;
}
.min{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.comment{
	margin-bottom:30px;
}
.base{
overflow:hidden;
margin:0;
}
.gawa{
margin:5px 0 5px 0;
}
.base p{
float:left;
margin:4px 0 4px 0;
text-align:left;
}
.t1{
width:6%;
}
.t2{
width:7%;
}
.t3{
width:75%;
}
.srd{
color:red;
font-weight:bold;
}
.sol{
color:#ff4500;
}
table{
border:1px #ccc solid;
background-color:#eee;
border-spacing: 0px;
}
table tr{
height:40px;
//line-height:40px;
}
table td{
width:300px;
text-align:left;
border:1px #ccc solid;
background-color:white;
padding:10px;
text-align:center;
}
.ttl{
background-color:#eee;
font-weight:bold;
}
#main{
margin:auto;
color:#222;
}
.button{
height:40px;
text-align:center;
margin:auto;
margin-top:30px;
}
.box{
text-align:center;
margin:auto;
}