@charset "UTF-8";
/*=============================================================
 #blog スタッフブログ
=============================================================*/
#blog #mainImg { background-image: url(../img/blog/main_blog.png); }
#pageContent article .entry-header { position: relative; padding: 0 100px 5px 0; border-bottom: 1px solid #707070; }
@media all and (min-width: 600px) { #pageContent article .entry-header { padding-right: 180px; } }
#pageContent article .entry-header .entry-title { padding-left: .2em; font-size: 2.4rem; }
@media all and (min-width: 600px) { #pageContent article .entry-header .entry-title { font-size: 3rem; } }
#pageContent article .entry-header .entry-meta { position: absolute; right: 0; bottom: 5px; font-size: 1.2rem; text-align: right; }
#pageContent article .entry-header .entry-meta > * { display: block; margin-right: .5em; }
@media all and (min-width: 600px) { #pageContent article .entry-header .entry-meta > * { display: inline; margin-right: 0; } }
@media all and (min-width: 600px) { #pageContent article .entry-header .entry-meta .entry-date { margin-right: .5em; } }
#pageContent article .entry-header .entry-meta .author a { text-decoration: none; transition: all .3s ease; }
#pageContent article .entry-header .entry-meta .author a:hover { text-decoration: underline; }
#pageContent article .entry-content { width: 85%; margin: 0 auto; padding: 30px 0; }
@media all and (min-width: 600px) { #pageContent article .entry-content { margin: 0; padding: 50px 36px; } }
#pageContent article .entry-content h2 , #pageContent article .entry-content h3 , #pageContent article .entry-content h4 , #pageContent article .entry-content h5 { font-size: 2.1rem; }
#pageContent article .entry-content h2 + p , #pageContent article .entry-content h3 + p , #pageContent article .entry-content h4 + p , #pageContent article .entry-content h5 + p { margin-top: 1.5em; }
#pageContent article .entry-content p { line-height: 1.85714; margin-top: 3em; font-size: 1.4rem; }
#pageContent article .entry-content p img { display: block; margin: 0 auto; }
#pageContent article .entry-content ul { margin-top: 3em; }
#pageContent article .entry-content ul li { position: relative; padding-left: 15px; }
#pageContent article .entry-content ul li:before { display: block; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; border-radius: 100%; background: #666; content: ""; transform: translateY(-50%); }
#pageContent article .entry-content ul li + li { margin-top: 5px; }
#pageContent article .entry-content blockquote { position: relative; box-sizing: border-box; margin-top: 3em; padding: 25px 15px 40px; border-radius: 10px; background: #efefef; }
#pageContent article .entry-content blockquote:before { display: block; position: absolute; top: 20px; left: 15px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10d"; }
#pageContent article .entry-content blockquote p { font-size: 1.2rem; }
#pageContent article .navigation { width: 85%; margin: 50px auto; }
@media all and (min-width: 600px) { #pageContent article .navigation { width: 568px; } }
#pageContent article .navigation .nav-links { display: -ms-flexbox; display: flex; flex-direction: row-reverse; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; }
#pageContent article .navigation .nav-links a { font-size: 1.2rem; text-decoration: none; }
#pageContent article .navigation .nav-links a:hover { text-decoration: underline; }
#pageContent article .navigation .nav-links span { font-size: 1.2rem; }
#pageContent article .navigation .nav-links .nav-previous { position: relative; padding-right: 1.3em; }
#pageContent article .navigation .nav-links .nav-previous:before { display: block; position: absolute; top: 3px; right: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; }
#pageContent article .navigation .nav-links .nav-next { position: relative; padding-left: 1.3em; }
#pageContent article .navigation .nav-links .nav-next:before { display: block; position: absolute; top: 3px; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f060"; }
#pageContent .mod_articles01 .item { margin-bottom: 20px; }
#pageContent .wp-pagenavi { text-align: center; }
#pageContent .wp-pagenavi a , #pageContent .wp-pagenavi span { display: inline-block; width: 30px; height: 25px; line-height: 25px; font-size: 1.5rem; text-decoration: none; vertical-align: middle; }
#pageContent .wp-pagenavi a { transition: all .3s ease; }
#pageContent .wp-pagenavi a:hover { background: #ccc; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
#pageContent .wp-pagenavi .pages { width: auto; margin-right: 1em; font-size: 1.2rem; }
#pageContent .wp-pagenavi .current { font-weight: bold; }
#pageContent .wp-pagenavi .previouspostslink , #pageContent .wp-pagenavi .nextpostslink { line-height: 22px; }
/*# sourceMappingURL=maps/blog.css.map */