@charset "UTF-8";


header{

color:#21a35e;
 
}

/*===================案内文=====================*/

.annai{

 text-align:left;
 padding-top:10px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:10px;
 background-color:#ffffff;
 border-top:solid 10px #21a35e;
 box-shadow:0 3px 5px rgba(0,0,0,0.22);
 margin-bottom:20px;
}

.annai p{

 margin-top:5px;

}



/*=============ブログ=============*/

.excelba{

 background-color:#ffffff;
 padding:15px;

}



.excelba article{

 display:flex;
 align-items:center;
 flex-wrap:wrap;
 justify-content:space-between;
 margin:10px;
 height:auto;


}


.excelba .kiji{

 background-color:#ffffff; 
 display:flex;
 text-align:left;
 flex-wrap:wrap;
 width:100%;
 height:auto;

}

.excelba .kiji h3,.excelba .kiji p{

 width:100%;
 word-wrap:break-word;


}


.excelba .day{

 width:100%;
 margin:auto;
 background-color:#21a35e;
 text-align:center;

}

.excelba .day h2{
 
 text-align:center;
 color:#ffffff;
 box-sizing:border-box; 
 padding:0;
 word-wrap:break-word;

}

/*==============記事===============*/

.naiyo{

 display:flex;

 justify-content:center;
 
 padding:15px;


}

.dayex{

 background-color:#21a35e;
 
}

.dayex .hiduke{

 font-size:25px;
 color:#ffffff;
 padding:15px;

}




.naiyo{

 background-color:#ffffff; 

}

.naiyo article h1{

 text-align:left;
 font-size:x-large;
 border-left:solid 10px #21a35e;
 padding-left:10px;

}

.naiyo article h2{

 text-align:left;
 color:#ffffff;
 background-color:#21a35e;
 font-size:large;

}

.naiyo article h3{

 border-bottom:solid 3px #21a35e;
 text-align:left;
 font-size:large;
 

}

.naiyo article a{

 text-decoration:underline;

}

/*===================-記事の画像=====================*/



.img figure{

 margin:0;
 
}


.img figure img{

 width:50%;
 max-height:260px;
 cursor:pointer;
 vertical-align:bottom;

}

.imgex{

 position:fixed;
 top:0; 
 left:0;
 width:100vw; 
 height:100vh;
 background-color:rgba(0,0,0,0.5);
 margin:0;
 display:flex;
 justify-content:center;
 align-items:center;
 align-content:flex-end;
 text-align:center;
 visibility:visible;

}

.imgex p{

 position:fixed;
 top:0;
 right:0; 
 padding-right:10px; 
 z-index:1;

}


.imgex figure{

 max-width:100%;
 max-height:98%;
 margin:0;
 text-align:center;
 display:flex;
 align-items:center;
 justify-content:center;

}

.imgex figure img{

  position:relative;
  margin:0;
  max-width:100%;
  max-height:98%;
  vertical-align:top;

}

.imgex div{

 
 text-align:center;

}

.imgex p{

 
 font-size:large !important;
 
 margin:0px; 
 
 cursor:pointer;
 text-align:start;
 vertical-align:top;
}


.imgexno{

 position:fixed;
 opacity:0;
 visibility:hidden;
 height:0; 
 top:0;

}

.imgexno figure ,.imgexno figure img ,imgexno p{

 height:0; 
 vertical-align:top;

}

/*=====================================PC版設定=============================================*/

@media (min-width:1025px){

/*==============案内文===============*/

.annai{

 font-size:large;

}

/*===========ブログ=============*/

.excelba article{

 flex-direction:row;
 justify-content:space-between;
 height:150px;

}

.excelba .day{

width:20%;
height:150px;
text-align:center;
display:flex;
justify-content:ceter;

}

.excelba .kiji{

 padding-left:20px;
 width:75%;
 height:150px;
 
}

.excelba .day h2{
 
 width:100%;
 margin-top:auto;
 margin-bottom:auto;

}

/*===========記事=============*/

.naiyo article h1{

 font-size:xx-large;

}

.naiyo article h2{

 font-size:x-large;

}


.naiyo article h3{

font-size:x-large;

}

.naiyo article p{

 font-size:large;

}

.naiyo .day{

 width:30%;

}

/*===================-記事の画像=====================*/
.imgex p{

 font-size:xx-large !important;
 

}





}
/*=============PC版設定ここまで=============*/