/* CSS Document */

.title01 { margin-bottom: 10px; }
.title01 a { color:#391C00; text-decoration: none; }
.title01 a:hover { text-decoration: underline; }

#archiveWrap { background-color: #F0F0F0; }
#archiveIn { margin-left: auto; margin-right: auto; padding:10px 0 5px; }
#archiveIn .more { display: inline-block; float: right; background: url(images/blogIcon01.png) no-repeat 0 center; font-size: 14px; line-height: 1em; padding-left: 18px; cursor: pointer; margin-bottom: 5px; }
#archiveIn .more.open { background: url(images/blogIcon02.png) no-repeat 0 center; }
.openSection { clear:both; display: none; }
.openSection ul { list-style: none; font-size: 14px; line-height: 20px; padding: 0; margin: 0; }
.openSection ul li { background: url(/common/images/icon01.png) no-repeat 0 center; padding-left: 10px; float: left; }
.openSection ul li a { color: #000; text-decoration: none; }
.openSection ul li a:hover { text-decoration: underline; }

.blogInner { font-size: 15px; line-height: 180%; margin-bottom: 60px; }
.blogInner .date { text-align: right; font-size: 13px; line-height: 120%; margin-bottom: 10px; color:#391C00; }
.blogInner .text { margin-bottom: 20px; word-break: break-all;}
.blogInner .name { text-align: right;}
.blogInner .name a { text-decoration: underline; color: inherit;}
.blogInner .name a:hover { text-decoration: none; }
.blogInner .name a:last-child span:last-child { margin-right: 0; }
.blogInner .name span { margin-right: 10px; }
.twFbArea { padding: 5px; margin-top: 30px; overflow: hidden;}
.twFbArea table td:not(:last-child) { padding-right: 5px;}
.twFbArea iframe { border:none; margin: 0px; overflow:hidden; width:auto; height: 20px; background-color: transparent; }

/* pagenavi */
.wp-pagenavi { clear: both; margin-top: 20px; font-size: 16px; text-align: center; margin-bottom: 40px; }
.wp-pagenavi a,
.wp-pagenavi span { text-decoration: none; border: 1px solid #E98C1C; padding: 3px 5px; margin: 2px; color: #333; }
.wp-pagenavi span.extend { border: none; padding: 0; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #E98C1C; background-color: #E98C1C; color: #FFF; }
.wp-pagenavi span.current { color: #FFF; }  

@media (min-width: 768px) {
  div#h1Title h1 { background: url(images/h1Title.png) no-repeat 0 37px; height: 100%; }
    #archiveIn { width: 960px; }
    .openSection ul li { margin: 0 15px 5px 0; width: 450px; }
}
@media (max-width: 767px) {
    div#h1Title h1 i { display: inline-block;}
    #archiveIn { padding-right: 10px; padding-left: 10px; }
    .blogInner { padding: 0 15px;}
    .openSection ul li { width: 50%;}
}

@media (max-width: 480px) {

}


/*------------------------------------------------------

    pagination

------------------------------------------------------*/
.pagination { display: flex; justify-content: center; text-align: center; margin: 0 auto; font-size: 1.6rem; }
.pagination .page-numbers.current { background-color: #2e5ec2; color: #fff; }
.pagination .page-numbers { margin-right: 5px; text-decoration: none; padding: 6px 5px; border: 1px solid #2e5ec2; background-color: #fff; color: #333; }
#pagination { }
#pagination ul { display:-webkit-box; display:-ms-flexbox; display:flex; }
#pagination ul li { border: 1px solid #2e5ec2; margin-bottom: 0; margin: 0 1px; }
#pagination ul li.active { padding: 0 12px; background: #2e5ec2; color: #fff; }
#pagination ul li a { color: inherit; padding: 0 12px; display: block; background-color: #fff; text-decoration: none; }


@media (min-width: 769px) {

}

@media (max-width: 768px) {

}