@charset "UTF-8";
/* CSS Document */
/*
Theme Name: fujihrsm
Author: sb nishimoto
*/
/* =============================================
event
================================================ */
header { text-align: center; }
header img { max-width: 200px; width: 35%; }

article { padding: 50px 0; max-width: 940px; margin: auto; line-height: 150%; }
article img { max-width: 100%; height: auto; margin-bottom: 20px; }
article strong, article b { font-weight: bold; }
article ul, article ol { margin: 10px 0; margin-left: 20px; }
article li { margin-bottom: 5px; }
article hr { border: none; border-bottom: solid 1px #ccc; }
article table { border-spacing: none; }
article h1, article h2, article h3, article h4, article h5, article h6 { line-height: 150%; margin-bottom: 10px; }
article h1 { font-size: 160%; }
article h2 { font-size: 140%; }
article h3 { font-size: 120%; }
article h4 { font-size: 110%; }
article h5 { font-size: 105%; }

article + article { border-top: solid 1px #44509F; }

.title { color: #44509F; font-size: 140%; line-height: 150%; margin-bottom: 20px; font-weight: 600; }

.cont { color: #555; line-height: 180%; }

.post { margin-bottom: 20px; }
.post th, .post td { font-weight: 600; text-align: left; }
.post th { padding-right: 20px; padding-left: 5px; background: #44509F; color: white; width: 95px; }
.post td { padding-left: 10px; }

.page_title { text-align: center; background: #D0F3FE; padding: 15px 0; font-weight: 600; color: #555; font-size: 130%; }

.copyright { background: #AAE5FD; text-align: center; color: #555; padding: 20px 0; font-size: 80%; }

#totop a { width: 50px; padding-bottom: 50px; border: solid 1px #555; cursor: pointer; position: fixed; bottom: 100px; right: 5%; }
#totop a:hover { background: #D0F3FE; }
#totop a:before { content: ""; display: block; width: 15px; height: 15px; box-sizing: border-box; position: absolute; border-left: solid 3px #555; border-top: solid 3px #555; left: 35%; top: 40%; transform: rotate(45deg); }

/*終了したイベント・404*/
#noevent .center { text-align: center; padding: 50px 0; max-width: 940px; margin: auto; }

/* =============================================
mobile
================================================ */
@media screen and (max-width: 940px) { .cont { padding-left: 5%; padding-right: 5%; }
  .post { display: block; }
  .post tbody, .post tr, .post th, .post td { display: block; width: 100%; box-sizing: border-box; }
  .post td { padding-left: 5px; margin: 5px auto 10px; }
  #totop a { width: 40px; padding-bottom: 40px; bottom: 40px; }
  #totop a:before { left: 32%; } }