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

h1{
	margin-left:10px;
	margin-right:20px;
	font-size:160%;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:#00A0E9 solid 5px;
}

@media screen and (min-width:965px){
h1{
	margin-right:32%;
}
}

h2{
    font-size:140%;
    padding-left:10px;
    clear:left;
}

.hanabi{
    display:block;
    float:left;
    width:98%;
    height:330px;
    margin:0 0.5% 0 0.5%;
    margin-bottom:10px;
/*    border:1px solid #000;
    padding:0 5px 0 5px;*/
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

@media screen and (min-width: 965px) {
.hanabi{
    width:32%;
}
}

@media screen and (min-width: 600px) {
.hanabi{
    width:48%;
}
}

@media screen and (max-width: 380px) {
.hanabi{
    height:max-content;
}
}

/*@media screen and (min-width:320px) and (max-width:420px){
.hanabi{
    display:block;
    float:left;
    width:90%;
    height:310px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
    border:1px solid #000;
    padding-left:5px;
  }

}*/

h3{
    font-size:130%;
    font-weight:bold;
    text-align:center;
    color:#FF8C00;
    line-height:150%;
}

h4{
    font-size:90%;
    font-weight:bold;
    text-align:center;
    color:#FFA500;
    line-height:140%;
}

p.kazu{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    font-size:120%;
    font:HGP平成明朝体W9;
    font-weight:bolder;
    margin-left:20px;
    margin-right:25px;
    text-align:center;
    line-height:150%;
}

p.hinichi{
    color:#DAA520;
    font-size:130%;
    font:HGPｺﾞｼｯｸM;
    font-weight:bold;
    text-align:center;
    letter-spacing:5px;
    line-height:150%;
}

p.time{
    color:#DAA520;
    font-size:110%;
    text-align:center;
    line-height:130%;
}

p.uten{
    color:#DAA520;
    font-size:100%;
    text-align:center;
    line-height:130%;
}

p.data{
    border-bottom:2px solid #000;
    margin-right:10px;
    color:#FFF;
}

.data span{
    background-color:#000;
    padding-left:5px;
    padding-right:5px;
    letter-spacing:3px;
}

p.text{
    font-size:80%;
}

@media screen and (min-width:320px) and (max-width:420px){
p.text{
	font-size:90%;
    line-height:140%;
}
}

p.tex{
	margin-left:10px;
	margin-right:270px;
	line-height:20px;
}