H1{    font-size: 160%;    border-bottom: 2px; solid #b33e5c;    border-left: 10px solid #b33e5c;    padding: 7px;  }
  H2{    margin:20px 0 10px 0;    font-size: 135%;    border-bottom: 2px solid #000000;    color:#000000;    line-height:170%;    font-weight:bold;  }
  H3{    font-size: 100%;    border-bottom: 3px double #000000;    margin-bottom:5px;    color:#0099ff;  }
  H3.enemy{    font-size: 100%;    border-bottom: 3px double #000000;    margin-bottom:5px;    color:#cc0000;  }

  hr{
  border:none;
  border-top:dashed 1px #000000;
  margin-top:15px;
  margin-bottom:15px;
  height:1px;
  color:#FFFFFF;
  }
  div.tdftdiv{
    padding:3px;
    line-height:16px;
  }

/* pc */
@media screen and (min-width: 769px) {
  body{
    line-height: 170%;
    font-size: 95%;
    margin:auto 5%;
    overflow-wrap:break-word;
    word-wrap:break-word;
  }
  .box_text{width:800px; padding:10px; margin:10px; border:3px solid #000000; background-color:#ffccff; }
  .box_engage{
    width:95%;
    max-width:550px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#FFFF99;
    white-space: pre-nowrap;
    overflow:auto;
  }
  .box_map{
    text-align:center;
    max-width:550px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#e9f1f1;
    white-space: pre-nowrap;
    
  }
  .box_blue{
    width:800px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#d2f4fa;
  }
  .box_white{
    width:800px;
    padding:10px;
    margin:10px;
    color:#000000;
    border:3px solid #000000;
    background-color:#ffffff;
  }
  .box_ff{
    width:800px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    font-size: 100%;
    color:#ffffff;
  }
}

/* iPad */
@media screen and (max-width: 768px) {
  body{
    width:95%;
    line-height: 170%;
    font-size: 90%;
    margin:auto 5%;
    max-width:768px;
    word-break:break-all;
    overflow-wrap:break-word;
    word-wrap:break-word;
  }
  .box_text{
    width:90%;
    max-width:718px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#ffccff;
  }

  .box_engage{
    width:95%;
    max-width:718px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#FFFF99;
    white-space: pre-nowrap;
    overflow:auto;
  }
  .box_map{
    text-align:center;
    max-width:718px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#e9f1f1;
    white-space: pre-nowrap;
    
  }
  .box_blue{
    width:95%;
    max-width:718px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    background-color:#d2f4fa;
  }
  .box_ff{
    width:95%;
    max-width:550px;
    padding:10px;
    margin:10px;
    border:3px solid #000000;
    font-size: 100%;
    color:#ffffff;
  }
  .box_white{
    width:95%;
    max-width:718px;
    padding:10px;
    margin:10px;
    color:#000000;
    border:3px solid #000000;
    background-color:#ffffff;
  }
}


@charset "UTF-8";
body {
	margin:auto 5%;
	line-height:170%;
	background-color: #fcfcfc;
	overflow-wrap:break-word;
	word-wrap:break-word;
}