body {
  padding-top: 4.5rem;
  font-family: 'Muli', 'Century Gothic', "Helvetica Neue", Helvetica, "Arial", 'Kosugi Maru', "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #737273;
  background-color: #F2F2F2;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

@media (max-width: 576px){
	footer { font-size: 3.5vw}
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px dashed #bbb;
}

h3{
  padding-bottom: .5em;
  position: relative;
  padding-left: 0.7em;
}

h3 span{
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .9em;
}

h3::after {
     position: absolute;
     top: 40%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:2.5em;
     background-color: #1C9FC5;
}

ul.praise, ol.praise {
  color: #1e366a;
  padding: 0.5em 0.5em 0.5em 2em;
}

ul.praise li, ol.praise li {
  line-height: 1.5;
  padding: 0.5em 0;
}

ul.praise a, ol.praise a {
  text-decoration: none;
  color: #1e366a;
}

@media (max-width: 991.98px) {
 .schedule {
   font-size: 0.8rem;
 }
}

.btn-sf-like {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: none;
  color: #FFF;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.73);
  padding: 0.3em 0.5em;
  background: #DC0079;
  border-radius: 4px;
  border-top: solid 3px #E70085;
  border-bottom: solid 3px #E70085;
  transition: .4s;
}

.btn-sf-like:hover {
  text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83),
               6px 0px 15px rgba(255, 255, 240, 0.83);
  color: yellow;
  text-decoration: none;
}