@charset "utf-8";

/*---------news,event 共通---------*/
.grid {
  float:left;
  background:#fff;
  /*box-shadow:0 0 3px #fa0606;*/
  width: 15%;
  margin: -0.5em 0em 1em 3em;
  float: left;
  }
.grid .imgcenter {
  width: 100%;
  text-align: center;
}
.grid img {
  width: 103px;
  margin-top: 5px;
  } 
.grid h3 {
  padding-top: 5px;
  font-weight:bold;
  color:#000000;
  /*background:#b99253;*/
  text-align:center;
  font-size: 14px;    
  }
.keisaibi {
  text-align: center;
  color: #aaaaaa;
  font-size: 10px;
  padding-top: 2px;
}
.readmore {
  padding-top: 5px;
  color:#5a5859;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  }
.readmore span:hover {
  color: #bfc0c0;
  
}
/*---------検索エンジン対策---------*/
.seo{font-size:10px;color:#999;
     margin-bottom:-10px;
    text-align:right;
    margin-right:20px;}
@media screen and (max-width:480px)
{.seo{display:block;font-size:3px;margin-bottom:1em;}}


/*---------お知らせ---------*/
.newsicon {
  width: 120px;
  margin-bottom: 1em;
}
/*---------イベント情報---------*/
.eventsicon {
  width: 120px;
  margin: 1em 0;
}
h3.centereventfontcolor {
  color: #E68B2F;
}

h3.eventmemberfontcolor {
  color: #000000;
}
.maru img {
    border-radius: 200px;
    -moz-border-image: border-radius: 200px;
    -webkit-border-image: border-radius: 200px;
    /*box-shadow: 10px 10px 4px -6px #8d8c8c;*/
    /*-webkit-box-shadow: 10px 10px 4px -6px #8d8c8c;*/ 
    /*-moz-box-shadow: 10px 10px 4px -6px #8d8c8c;*/
  }


/*---------会議室予約---------*/
.roomsicon {
  width: 120px;
  margin: 1em 0;
}
.rooms {
  width: 90%;
  margin: 0 auto;

}
p.centerpara {
  padding-left: 0.5em;
  margin-top: 1em;
  margin-left: 1.5em;
  /*margin-bottom: 1em;*/
  border-left: solid 5px #4764A2;
  /*border-bottom: solid 1px blue;*/
  color: #4764A2;
  font-weight: bold;
  font-size: 14px;
  display: none;
}
.calender {
  width: 11%;
  float: left;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  /*background-color: blue; */
  /*display: inline-block;*/
}
.calenderhover img:hover {
  opacity: 0.3;
  display: block;
}
.centericon {
  width: 10%;
}

  
/*-----------------↓スマホ・タブレット用の設定-----------------*/
@media screen and (max-width:480px){
/*---------お知らせ,イベント情報共通,横スクロール---------*/
  /*.news,.events {
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: touch;
    overflow: repeat;
  }
  .grid {
    flex: 0 0 30%;
    margin-top: 0;
  }*/
/*---------お知らせ,イベント情報共通---------*/
.grid {
  width: 42%;
  margin-left: 1em;
  margin-bottom: 1em;
  /*padding-left: 2em;*/
}
.grid img {
  width: 85px;
}
  /*---------お知らせ---------*/
  .newsicon {
    width: 120px;
    margin-bottom: 1em;
  }
  /*--------センターイベントと登録団体イベントとの区切り線-------*/
.kugiriline {
  width: 80%;
  border-bottom: solid 1px #5a5859;
  margin-left: 2em;
  margin-bottom: 1em;
} 
  /*---------イベント情報---------*/
  .eventsicon {
    width: 120px;
    margin-bottom: 1em;
  }  

/*.events {
  width: 92%;
  margin-left: 1em;
}*/
  /*---------会議室予約---------*/
  .roomsicon {
    width: 120px;
    margin-bottom: 0em;
  }
  .rooms {
    width: 90%;
    margin-left: 1.5em;
  }
  p.centerpara {
    display: block;
  } 
  .calender {
    width: 18%;
    margin: 0.5em;
    background-color: white;
  }  
  .centericon {
    display: none;
  }
  .leftmargin {
    margin-left: 58.5px;
  }
  /*.centerpara {
    display: none;
  }*/
  
.calender img {
  width: 50px;
}
.calenderhover img:hover {
  opacity: 1;
}
  .centericon {
    width: 20%;
  }
}
/*-----------------↑スマホ・タブレット用の設定-----------------*/