#body {
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}

#blocka {
     width: 60%;
     margin-left: auto;
     margin-right: auto;
}

#blocka img {
     width: 100%;
}

#blockc{
    width: 100%;
    height: 30%;
    maegin-bottom: 2%;
}

#blockc .li {
    width: 80%;
}

#blockd{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#blocke{
    font-size: 8px;
    clear: both;
    text-align: center;
    line-height: 25px;
    background-color: #f0f0f0;
    padding: 2%; 
}

#blockf{
    font-size: 200%;
    clear: both;
    text-align: center;
    background-color: #f0f0f0;
}

h {
   font-size: 20px;
   font-face: 'HGPｺﾞｼｯｸE';
   font-weight: bold;
   background: linear-gradient(transparent 50%, #ffff7f 50%);
}

/* ------------------------*/
/* ▼トップぺージ　　　　　*/
/* ------------------------*/

.contents {
    width: 48%;
    float: left;
    margin: 1%;
}

.contents img {
    width: 100%;
}

.more {
    clear: both;
    text-align: center;
}

/* --------------------------*/
/* ▼トップぺージ　カレンダー*/
/* --------------------------*/

.calendar img {
    display: block;
    width: 100%;
}

/* -------------------- */
/* ▼フッター　　　 　  */
/* -------------------- */

.inline-block{
    display: inline-block;      /* インラインブロック要素にする */
    padding: 5%;              /* 余白指定 */
}

/* -------------------- */
/* ▼SNS　　　　　　　  */
/* -------------------- */

.official_sns {
    font-size: 18px;
}

.sns{
    display :flex;
    justify-content: center;
}

.sns img{
    width: 50%;
}

.sns a:hover {
    opacity: 0.5;
}