@charset "UTF-8";
/* --------------------------------
 * ブログ　ニュース共通
 * -------------------------------- */
/* --- layout --- */
#column-wrapper {
    display: flex;
    justify-content: space-between;
    min-width: 920px;
    margin: 30px auto 0;
    padding: 0 60px;
}
#column-wrapper main {
    width: 100%;
    min-width: auto;
    margin: 0;
    padding: 0 40px 0 0;
}
#column-wrapper aside {
    flex: 0 0 280px;
    line-height: 1.5;
}
/* --- link --- */
.each-article a {
    border-bottom: 1px dotted;
}
.page-template-post_list strong, .archive .each-article strong {
    font-weight: normal;
}
/* --- 画像 --- */
.page-template-post_list main img, .single main img, .archive main img {
    width: inherit;
    height: inherit;
}
.wp-block-image, .wp-block-media-text {
    margin-top: 1.5em;
}
/* --- ブログ　ニュース　パーツ --- */
main h2.news-title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif , "xxx";
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 1.3;
}
main h2.news-title span {
    font-size: 3rem;
}
main h2.post-title {
    color: #28aa00;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif , "xxx";
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.4;
}
.post-date {
    font-size: 1.4rem;
}
.more-link {
    text-decoration: underline;
}
/* --- 記事一覧 --- */
.each-article {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #c7c7c7;
}
.each-article h3 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif , "xxx";
    font-weight: bold;
    line-height: 1.4;
}
.each-article h3 a {
    color: #28aa00;
    font-size: 3rem;
}
.article-wrap {
    margin-top: 1em;
}
.article-wrap::after {}
.object-fit-img {
    object-fit: cover;
    object-position: bottom;
    font-family: 'object-fit: cover; object-position: bottom;'
}
.icon-category-news, .icon-category-blog, .icon-tags {
    display: inline-block;
    margin-top: 1em;
}
.icon-tags {
    font-size: 1.4rem;
}
.icon-category-news a {
    display: inline-block;
    min-width: 76px;
    margin-right: 10px;
    padding: 8px 5px 9px 5px;
    border: solid 1px #c7c7c7;
    color: #666666;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
_:-ms-lang(x), .icon-category-news a {
    padding: 9px 3px 7px 3px;
}
/* --- 記事詳細 --- */
.single .each-article {
    margin-top: 0;
    padding-bottom: 0;
    border: none;
}
.single .post-date {
    margin-top: 0;
}
.post-detail::after {
    content: "";
    display: block;
    clear: both;
}
.single .alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.single .alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
.single .aligncenter {
    display: block;
    margin: 0 auto 1em;
}
.article-wrap hr, .single hr {
    clear: both;
    height: 1em;
    border: none;
    background: #ffffff;
}
.each-article ul, .each-article ol {
    margin-top: 1em;
}

/* --- ページャー --- */
.pager {
    margin-top: 50px;
    font-size: 2.1rem;
    text-align: center;
}
.pager a {
    display: inline-block;
    width: 33px;
    margin: 0 5px;
    padding: 0 0 !important;
    border: solid 1px #65b200;
    color: #65b200;
    border-radius: 50%;
}
.pager .page, .pager .page:hover {
    margin: 0 8px;
}
.pager a:hover, .pager span.current {
    display: inline-block;
    margin: 0 5px;
    padding: 0 0px;
    border: solid 1px #65b200 !important;
    border-radius: 50%;
    background: #65b200;
    color: #ffffff;
    width: 33px;
}
.pager .prev, .pager .next, .pager .nextpostslink, .pager .previouspostslink, .pager .first, .pager .last {
    text-indent: -9999px;
}
.pager .nextpostslink, .pager .previouspostslink,
.pager .last, .pager .first {
    padding: 0 18px !important;
}
.pager .prev,
.pager .previouspostslink {
    width: auto;
    padding: 0 18px !important;
    margin-right: 90px;
    background: url(/common/images/com_ic04.png) no-repeat 0 50%;
}
.pager .next,
.pager .nextpostslink {
    width: auto;
    margin-left: 90px;
    padding: 0 18px !important;
    background: url(/common/images/com_ic04.png) no-repeat 100% 50%;
}

.pager .last {
    width: auto;
    padding: 0 18px !important;
    background: url(/common/images/com_ic09.png) no-repeat 100% 50%;
}
.pager .first {
    width: auto;
    padding: 0 18px !important;
    background: url(/common/images/com_ic09.png) no-repeat 0 50%;
}



.pager .wp-pagenavi .nextpostslink,
.pager .wp-pagenavi .nextpostslink:hover {
    width: auto;
    margin: 2px 2px 2px 0px !important;
}
.pager .wp-pagenavi .previouspostslink,
.pager .wp-pagenavi .previouspostslink:hover {
    width: auto;
    margin: 2px 0px 2px 2px !important;
}


.pager .nextpostslink:hover{
    width: auto;
    margin: 2px 2px 2px 90px !important;
}
.pager .previouspostslink:hover{
    width: auto;
    margin: 2px 90px 2px 2px !important;
}

.pager .prev:hover, .pager .previouspostslink:hover {
    width: auto;
    margin-right: 90px;
    background: url(/common/images/com_ic05.png) no-repeat 0 50%;
}
.pager .next:hover, .pager .nextpostslink:hover {
    width: auto;
    margin-left: 90px;
    background: url(/common/images/com_ic05.png) no-repeat 100% 50%;
}


.pager .first:hover {
    width: auto;
    margin: 2px 4px 2px 0 !important;
}
.pager .last:hover {
    width: auto;
    margin: 2px 0 2px 4px !important;
}
.pager .first:hover {
    background: url(/common/images/com_ic10.png) no-repeat 0 50%;
}
.pager .last:hover {
    background: url(/common/images/com_ic10.png) no-repeat 100% 50%;
}


.pager .dots, .pager .extend {
    padding-right: 8px;
    padding-left: 8px;
}
.pager .pages {
    display: none;
}
.pager .extend {
    border: none;    
}


.pager .prev:hover, .pager .previouspostslink:hover {
    margin-right: 90px;
    background: url(/common/images/com_ic05.png) no-repeat 0 50%;
}
.pager .next:hover, .pager .nextpostslink:hover {
    margin-left: 90px;
    background: url(/common/images/com_ic05.png) no-repeat 100% 50%;
}



_:-ms-input-placeholder, :root .pager a, _:-ms-input-placeholder, :root .pager a:hover, _:-ms-input-placeholder, :root .pager span {
    padding: 7px 12px 0 !important;
    line-height: 1.4;
}
_:-ms-input-placeholder, :root .pager .prev, _:-ms-input-placeholder, :root .pager .previouspostslink, _:-ms-input-placeholder, :root .pager .previouspostslink:hover, _:-ms-input-placeholder, :root .pager .next, _:-ms-input-placeholder, :root .pager .nextpostslink, _:-ms-input-placeholder, :root .pager .nextpostslink:hover, _:-ms-input-placeholder, :root .pager .prev:hover, _:-ms-input-placeholder, :root .pager .next:hover {
    padding: 6px 19px 0 17px !important;
    line-height: 1.5;
}
/* --- 各記事ナビゲーション --- */
.each-post-navi {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    padding: 16px 0;
    border-top: solid 1px #c7c7c7;
    border-bottom: solid 1px #c7c7c7;
}
.each-post-navi li {
    display: flex;
    align-items: center;
    width: 50%;
}
.each-post-navi li:nth-of-type(2) {
    width: 49%;
    border-left: solid 1px #c7c7c7;
}
.each-post-navi li a {
    display: block;
    width: 100%;
    padding: 5px 24px 5px 58px;
    background-image: url(/common/images/com_ic07.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
}
.each-post-navi li:nth-of-type(2) a {
    padding: 5px 40px 5px 24px;
    background-image: url(/common/images/com_ic08.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
_:-ms-lang(x), .each-post-navi li a, _:-ms-lang(x), .each-post-navi li:nth-of-type(2) a {
    padding-top: 10px;
    width: 328px;
}
/* --- ブログ　ニュース　ナビゲーションパーツ --- */
aside h2 {
    padding: 4px 0;
    background: #f5f5f5;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif , "xxx";
    font-weight: bold;
    font-size: 2.4rem;
    text-align: center;
}
.recent-entry {
    padding-bottom: 60px;
}
.recent-entry li {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #c7c7c7;
}
.recent-entry li img {
    width: 290px;
    height: auto;
}
.recent-entry li a {
    display: block;
}
.aside-category-list, .aside-tag-list {
    padding: 0.8em 0 2em;
}
.aside-category-list li, .aside-tag-list li, ul.accordion li {
    margin-top: 5px;
}
.aside-tag-list a:before {
    content: "#";
}
ul.accordion {
    margin-top: 1em;
}
ul.accordion p {
    cursor: pointer;
    margin-top: 5px;
}
ul.accordion a {
    display: inline-block;
    padding: 0 0 0 18px;
    background-position: 97% center;
    background-repeat: no-repeat;
}
ul.accordion a:hover {
    opacity: 0.7;
}
ul.accordion span {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 260px;
    background: url(/common/images/com_ic06.png) no-repeat 0 0;
    background-size: 20px 40px;
    border-radius: 50%;
}
ul.accordion span.open {
    background: url(/common/images/com_ic06.png) no-repeat 0 100%;
    background-size: 20px 40px;
}
ul.accordion ul {
    display: none;
}

/* --- SNS --- */

.sns-share {
    float: right;
    margin-top: 1em;
}
.sns-share ul {
    list-style: none;
    font-size: 1.4rem;
}
.sns-share li {
    display: inline-block;
    margin: 0;
}
.sns-share li a {
    display: block;
    padding: 6px 12px;
    text-align: center;
    color: #ffffff;
    min-width: 80px;
    border: none;
}
_:-ms-input-placeholder, :root .sns-share li a {
    padding: 9px 12px 5px;
}
.sns-share li a:hover {
    opacity: .8;
}
.sns-share li a:visited {
    color: #fff;
}
.sns-share .facebook a {
    background-color: #315096;
}
.sns-share .icon-facebook-s:before {
    content: "\e9cb";
}
.sns-share .tweet a {
    background-color: #55acee;
}
.sns-share .icon-twitter-s:before {
    content: "\ea96";
    color: #fff;
}
.sns-share .line a {
    background-color: #00B900;
}
.sns-share .icon-line-s:before {
    content: "\e900";
    color: #fff;
}


.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* --- iOSハック --- */
_::-webkit-full-page-media, _:future, :root .pager a.prev,
_::-webkit-full-page-media, _:future, :root .pager a.next {
    padding: 0 2px 0 10px !important;
}
