body {
	font-family:'NotoSansCJKjp-Light','Osaka','sans-sarif';
	margin:auto 5%;
	line-height:150%;
	overflow-wrap:break-word;
	word-wrap:break-word;
        background:#d3e0ed;
        -webkit-text-size-adjust: 100%;
}



h1 {
	font-size: 17px;
	color: #000;
	padding-left: 5px;
	border-bottom: 1px solid #ff69b4;
	border-left: 10px solid #ff69b4;
	width: 90%;
}



h2  {
	font-size: 30px;
	color: #000;
	padding-left: 5px;
	border-bottom: 1px solid #ff69b4;
	border-left: 12px solid #ff69b4;
	width: 90%;
       €margin-top: 7px;
        margin-bottom: 5px;
}

h3  {
	color: #000;
	padding-left: 5px;
	width: 90%;
}


h4 {
	font-size: 24px;
	color: #000;
	padding-left: 5px;
	border-bottom: 1px solid #ff69b4;
	border-left: 11px solid #ff69b4;
	width: 90%;
}

h5 {
	font-size: 17px;
	color: #dc143c;
}

h6 {
	font-size: 9px;
	
}

h7 {
	color: #ff1493;
        font-weight: bold;
	
}

.boxA
{
border:4px solid #000080;
border-radius: 5px;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}


.solid_line {
  border-top: solid 4px #000080;
  border-bottom: solid 4px #000080;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

 .solid_line .line_title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    color: #ffa500;
    background:#eff7ff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.shadow {
  text-shadow: 3px 3px 5px silver;
  font-weight: bold;
  font-style: italic;
  font-size: 17px
}

.solid_lineB {
  border-top: solid 4px #;
  border-bottom: solid 4px #;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.shadowB {
  text-shadow: 3px 3px 5px #00008b;
  font-weight: bold;
  font-style: italic;
  font-size: 17px;
  color: #e0ffff;
  background: #000000;
}

.box_info {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #2e8b57;
    background: #afeeee;
}
 .box_info .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #2e8b57;
    color: #fffafa;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

 .box_info do {
    margin: 0; 
    padding: 0;
}

.box_infob {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    background: #f4f4f4;
    border-left: solid 6px #000080;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

 .box_infob .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #000080;
    color: #ffffff;
    font-weight: bold;
}

.box_infoc {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ffff00;
    background: #000000;
    color: #f0f8ff;
}
 .box_infoc .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #ffff00;
    color: #000000;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.boxHO {
    position: relative;
    margin: 5px ;
    padding: 5px ;
    border: solid 3px #000080;
    border-radius: 5px;
}
.boxHO .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #d3e0ed;
    color: #000080;
    font-weight: bold;
}
.boxHO dc {
    margin: 0; 
    padding: 0;
}

.box_battle {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #a1d8e6;
    background: #a1d8e6;
    text-align: center;
}

.box_evertion {
    border: solid 3px #000000;
    background: #000000;
    border-radius: 5px;
}


.snow {
  /*雪�色*/
  color: snow;
  /*雪�大��*/
  font-size: 10px;
  /*�期�置*/
  position: fixed;
  top: -5%;
  /*雪を�当�幅��ら�る*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  /*雪アニメーション1*/
  animation: roll 5s linear infinite;
}
  /*2���雪アニメーション*/
.snow2nd{animation: anim 8s linear infinite;}

@keyframes roll {
    0% {transform:rotate(0deg);}
   90% {opacity:1;}
   100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes anim {
  100% {color:transparent;top:150%;}
}

.box_infoSQ {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    background: #f4f4f4;
    border-left: solid 6px #800000;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

 .box_infoSQ .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #800000;
    color: #ffffff;
    font-weight: bold;
}

.box_infoSA {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    background: #f4f4f4;
    border-left: solid 6px #000080;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

 .box_infoSA .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #000080;
    color: #ffffff;
    font-weight: bold;
}