@charset "UTF-8";

/*
Theme Name: Shintoshi Hall
Description: Shintoshi Hall Themes
*/

/* wp-pagenavi */
.pagenavi {
  margin-top: 30px;
}

.wp-pagenavi ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: -10px;
  margin-left: -10px;
  padding: 0;
  list-style: none;
}

.wp-pagenavi ul li {
  padding-right: 10px;
  padding-left: 10px;
}

.wp-pagenavi a,
.wp-pagenavi .current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  background: #ccc;
  color: #fff;
  text-decoration: none;
}

.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink,
.wp-pagenavi .current.nextpostslink,
.wp-pagenavi .current.previouspostslink {
  background: none;
  color: #656565;
  border: solid 1px #ccc;
}

.wp-pagenavi a {
  background: #0073d7;
}

@media screen and (max-width: 768px) {
	.wp-pagenavi a,
	.wp-pagenavi .current {
	  width: 30px;
	  height: 30px;
	}
}

.news-section-cont-wrap {
	width: 90%;
	margin: 0 auto;
}
.news-section-cont-wrap .news-section-cont article {
	border-bottom: 1px solid #dddddd;
}

.news-section-cont-wrap .news-section-cont article a {
	color: #000;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	padding: 1em;
}

.news-section-cont-wrap .news-section-cont article a span {
    width: 8em;
    font-weight: 600;
}

.news-section-cont-wrap .news-section-cont article a h5 {
    width: 100%;
    position: relative;
    padding-right: 1em;
    margin: 0;
}

.news-section-cont-wrap .news-section-cont article a h5::after {
    content: "\f105";
    font-family: "Font Awesome";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.news-section-cont-wrap {
		width: 100%;
	}
	.news-section-cont-wrap .news-section-cont article:first-of-type {
		border-top: 1px solid #dddddd;
	}
}

h2.content-post-title {
	padding-bottom: 1em;
	font-size: 1.5em;
	border-bottom: 1px solid #dddddd;
}

.content-post h3 {
  text-align: left;
}

.content-post h4 {
  margin-bottom: .5em;
  padding-left: .5em;
  border-left: solid 1px #0073d7;
  font-size: calc(22 / 16 * 1rem);
}

@media screen and (max-width: 540px) {
  .content-post h4 {
    font-size: calc(20 / 16 * 1rem);
  }
}

.content-post h5 {
  margin-bottom: .5em;
  font-size: calc(20 / 16 * 1rem);
}

@media screen and (max-width: 540px) {
  .content-post h5 {
    font-size: calc(18 / 16 * 1rem);
  }
}

.content-post h5::before {
  content: '●';
}

.content-post p {
  margin-bottom: 1em;
}

.content-post a {
  text-decoration: underline;
}

.content-post img {
  width: auto;
  max-width: 100%;
}

.content-post strong {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI semibold', 'Helvetica Neue', HelveticaNeue, '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Segoe UI', Verdana, sans-serif;
  font-weight: 600;
}

.content-post ul,
.content-post ol {
  margin-bottom: 1em;
  margin-left: 1.5em;
}

.content-post ul {
  list-style: disc;
}

.content-post ol {
  list-style: decimal;
}

.content-post blockquote {
  position: relative;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  font-style: italic;
}

.content-post blockquote::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #7f7f7f;
  font-family: serif;
  font-size: 3em;
  content: '“';
}

.content-post p + h4,
.content-post p + h5,
.content-post ul + h4,
.content-post ul + h5,
.content-post ol + h4,
.content-post ol + h5,
.content-post blockquote + h4,
.content-post blockquote + h5 {
  margin-top: 2em;
}



.main-navigation ul.menu.nav-menu {
    flex-flow: wrap;
    max-width: 760px;
}

@media screen and (max-width: 767px) {
    .site-footer .site-footer-inner .footer-top .site-menu ul.menu.nav-menu li.menu-item:nth-child(7) {
        border-bottom: none;
    }
}
