/* ■■■■■■■■■■■■
category-page
■■■■■■■■■■■■■ */

.category_page {margin-top:20px;}
@media screen and (min-width:768px) {
.category_page {margin-top:40px;}
}

.category_page .bloc_1 {
position: relative;
padding-bottom:20px;
border-bottom: solid 3px #555;
margin-bottom:20px;
}
.category_page .bloc_1:before {
position: absolute;
left: 0px;
bottom: -6px;
content: '';
width: 100%;
height: 1px;
border-bottom: solid 1px #333;
}
.category_page .bloc_2 {margin-bottom:30px;}
.category_page .bloc_3 {}
.category_page .bloc_4 {}
@media screen and (min-width:990px) {
.category_page .bloc_1 {margin-bottom:30px;}
.category_page .bloc_2 {margin-bottom:40px;}
.category_page .bloc_3 {margin-bottom:40px;}
}

.category_page .design_1 {margin-bottom:15px;}

.category_page h1 {font-family:'DM Serif Text'; font-weight:400; letter-spacing:.5px; font-size:1.6rem; line-height:.8;color: #121212;}
@media screen and (min-width:768px) {
.category_page h1 {font-size:2.4rem; line-height:1;color: #121212;}
}

.category_page .bloc_1 div {margin-bottom:20px;}
.category_page .bloc_1 div p {font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; font-size:.85rem; color:#444; font-style:italic; margin:5px 0 0 0;}
.category_page .bloc_1 div+p {width:90%; line-height:1;}
@media screen and (min-width:768px) {
.category_page .bloc_1 div {display:flex; align-items:center;}
.category_page .bloc_1 div p {font-size:.95rem; margin-left:15px;}
.category_page .bloc_1 div+p {width:70%;  line-height:1.3;}
}

.category_page .design_1 a {
text-decoration: underline;
text-decoration-color:#999;
}

/* ■■■■■■■■■■■■
category-child
■■■■■■■■■■■■■ */

/* ------- bloc_2 ------ */
.category_child .bloc_2>ul {}
.category_child .bloc_2>ul>li {
width:100%;
padding:13px 0;
border-bottom: 1px solid #ddd;
}
.category_child .bloc_2>ul>li:last-child {border-bottom:0;}
.category_child .bloc_2>ul>li a:hover h3 {color:#666!important;}

.category_child .bloc_2>ul div {float:right; width:71%;}
.category_child .bloc_2>ul figure {
float:left;
width:26%;
padding-top:20%;
}
@media screen and (min-width:768px) {
.category_child .bloc_2>ul figure {padding-top:17%;}
}

.category_child .bloc_2>ul h2 {
font-family:'DM Serif Text'; font-weight:400; letter-spacing:.5px;
color:#121212;
font-size:1.26rem;
margin-bottom:10px;
}
@media screen and (min-width:768px) {
.category_child .bloc_2>ul h2 {font-size:1.2rem;}
}

.category_child .bloc_2>ul h3 {
font-family: Georgia,Times New Roman,serif;
font-size:.85rem;
font-weight:400;
color:#666;
line-height: 1.25;
margin-bottom:10px;
}

.category_child .bloc_2>ul h3+p {color:#121212;font-style:italic;}
/* --------------- */
.category_child .bloc_2>ul.page1 li:nth-child(1)    {padding-top:0;}
.category_child .bloc_2>ul.page1 li:nth-child(1) h2 {font-size:1.5rem;}
.category_child .bloc_2>ul.page1 li:nth-child(1) figure,
.category_child .bloc_2>ul.page1 li:nth-child(1) div {float:none; width:100%;}
.category_child .bloc_2>ul.page1 li:nth-child(1) figure {padding-top:55%;}
@media screen and (min-width:768px) {
.category_child .bloc_2>ul.page1 li:nth-child(1) h2 {font-size:1.7rem; margin-bottom:20px;}
.category_child .bloc_2>ul.page1 li:nth-child(1) figure {
float:right!important;
width:63%!important;
padding-top:40%!important;
}
.category_child .bloc_2>ul.page1 li:nth-child(1) div {float:left!important; width:35%!important;}
}

/* ■■■■■■■■■■■■
category-parent
■■■■■■■■■■■■■ */

/* -------- bloc_1 ---------- */
.category_parent .bloc_1 h1 {font-family:'DM Serif Text'; font-weight:400!important; font-size:2.1rem!important; letter-spacing:1px; margin-bottom:10px!important;color: #121212;}
@media screen and (min-width:990px) {
.category_parent .bloc_1 h1 {font-size:2.7rem!important;color: #121212;}
}

.category_parent .bloc_1 ul {padding-top:5px; border-top: solid 1px #ccc;}
.category_parent .bloc_1 li {float:left; line-height:1.8; margin-right:10px;}
.category_parent .bloc_1 li:not(:last-child)::after {content: "/"; color:#999; margin-left:8px;}
.category_parent .bloc_1 li a {text-decoration:underline;}
.category_parent .bloc_1 a {color:#121212; font-size:.75rem;}
.category_parent .bloc_1 a:hover {color:#1955a5;}

/* -------- bloc_2 ---------- */
.category_parent .bloc_2>ul {}
.category_parent .bloc_2>ul>li {
width:100%;
padding:13px 0;
border-bottom: 1px solid #ddd;
}
.category_parent .bloc_2>ul>li:last-child {border-bottom:0;}
.category_parent .bloc_2>ul>li a:hover h3+p {color:#666!important;}

.category_parent .bloc_2>ul div {float:right; width:71%;}
.category_parent .bloc_2>ul figure {
float:left;
width:26%;
padding-top:20%;
}
@media screen and (min-width:768px) {
.category_parent .bloc_2>ul figure {padding-top:17%;}
}

.category_parent .bloc_2>ul h3 {
font-family:'DM Serif Text'; font-weight:400; letter-spacing:.5px;
color:#121212;
font-size:1.26rem;
margin-bottom:10px;
}
@media screen and (min-width:768px) {
.category_parent .bloc_2>ul h3 {font-size:1.2rem;}
}

.category_parent .bloc_2>ul h3+p {
font-family: Georgia,Times New Roman,serif;
font-size:.85rem;
font-weight:400;
color:#666;
line-height: 1.25;
margin-bottom:10px;
}

.category_parent .bloc_2>ul p:nth-child(4) {color:#121212;font-style:italic;font-size:.75rem;margin-top: 5px;}

/* --------------- */
.category_parent .bloc_2>ul li:nth-child(1)    {padding-top:0;}
.category_parent .bloc_2>ul li:nth-child(1) h3 {font-size:1.5rem;}
.category_parent .bloc_2>ul li:nth-child(1) figure,
.category_parent .bloc_2>ul li:nth-child(1) div {float:none; width:100%;}
.category_parent .bloc_2>ul li:nth-child(1) figure {padding-top:55%;}
@media screen and (min-width:768px) {
.category_parent .bloc_2>ul li:nth-child(1) h3 {font-size:1.7rem; margin-bottom:20px;}
.category_parent .bloc_2>ul li:nth-child(1) figure {
float:right!important;
width:63%!important;
padding-top:40%!important;
}
.category_parent .bloc_2>ul li:nth-child(1) div {float:left!important; width:35%!important;}
}
/* ■■■■■■■■■■■■
スマホ 本文抜粋非表示
■■■■■■■■■■■■■ */
.listarticles_ul.page1 li:not(:first-of-type) h3,
.listarticles_ul.page2 li h3,
.category_child .page1 li:not(:first-of-type) h3,
.category_child .page2 li h3,
.category_parent .bloc_2>ul li:not(:first-of-type) h3+p {
display:none;
}
@media screen and (min-width:768px) {
.listarticles_ul.page1 li:not(:first-of-type) h3,
.listarticles_ul.page2 li h3,
.category_child .page1 li:not(:first-of-type) h3,
.category_child .page2 li h3,
.category_parent .bloc_2>ul li:not(:first-of-type) h3+p {
display:block;
}
}

/* ■■■■■■■■■■■■
ページネーション
■■■■■■■■■■■■■ */
.category_child .page_navi {padding-top:15px; margin-bottom:15px; border-top: 1px solid #ddd;}

.page_navi ul {text-align:center; font-size:0;}
.page_navi li {display:inline-block; margin:2px 1.8px;}
.page_navi a, .page_navi span {
display:inline-block;
text-align:center;
color:#121212;
border:1px solid #ddd;
font-size:14px;
width:40px;
height:40px;
line-height:40px;
}

.page_navi span.current {color:#fff; background:#121212; border-color:#121212;}

.page_navi a:hover {background:#e5e5e5;}

/* ■■■■■■■■■■■■
list_articles
■■■■■■■■■■■■■ */

/* 新着記事一覧・タグ記事一覧 */
.list_articles>div:nth-of-type(1) {
position: relative;
padding-bottom: 20px;
border-bottom: solid 3px #555;
margin-bottom: 20px;
}
.list_articles>div:nth-of-type(1):before {
position: absolute;
left: 0px;
bottom: -6px;
content: '';
width: 100%;
height: 1px;
border-bottom: solid 1px #333;
}

.list_articles h1 {
font-family:'DM Serif Text';
font-weight:400;
letter-spacing: .5px;
font-size:1.6rem;
line-height: .8;
margin:20px 0 10px;
}
@media screen and (min-width: 768px){
.list_articles h1 {font-size:2.4rem; line-height:1; margin:40px 0 10px;}
}

/* ページネーション */
.page-numbers {text-align:center; font-size:0;}
.page-numbers li {display:inline-block; margin:2px 1.8px;}
.page-numbers a, .page-numbers span {
display:inline-block;
text-align:center;
color:#121212;
border:1px solid #ddd;
font-size:14px;
width:40px;
height:40px;
line-height:40px;
}
.page-numbers span.current {color:#fff; background:#121212; border-color:#121212;}
.page-numbers a:hover {background:#e5e5e5;}

/* 記事一覧 */
.listarticles_ul {}
.listarticles_ul li {
width:100%;
padding:13px 0;
border-bottom: 1px solid #ddd;
}
.listarticles_ul li:last-child {border-bottom:0;}
.listarticles_ul li a:hover h3 {color:#666!important;}

.listarticles_ul div {float:right; width:71%;}
.listarticles_ul figure {
float:left;
width:26%;
padding-top:20%;
}
@media screen and (min-width:768px) {
.listarticles_ul figure {padding-top:17%;}
}

.listarticles_ul span {
display:inline-block;
font-size:.75rem;
line-height:1;
color:#fff;
background:#121212;
padding:5px 10px 3px;
margin-bottom:8px;
}
.listarticles_ul h2 {
font-family:'DM Serif Text'; font-weight:400; letter-spacing:.5px;
color:#121212;
font-size:1.26rem;
margin-bottom:10px;
}
@media screen and (min-width:768px) {
.listarticles_ul h2 {font-size:1.4rem;}
}
.listarticles_ul h3 {
font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;
font-size:.95rem;
font-weight:400;
color:#666;
line-height: 1.25;
margin-bottom:5px;
}
.listarticles_ul h3+p {color:#121212; font-style:italic;font-size:.75rem;}
/* 記事一覧（1ページ目） */
ul.page1 li:nth-child(1)    {padding-top:0;}
ul.page1 li:nth-child(1) h2 {font-size:1.5rem;}
ul.page1 li:nth-child(1) figure,
ul.page1 li:nth-child(1) div {float:none; width:100%;}
ul.page1 li:nth-child(1) figure {padding-top:55%;}
@media screen and (min-width:768px) {
ul.page1 li:nth-child(1) h2 {font-size:1.7rem; margin-bottom:20px;}
ul.page1 li:nth-child(1) figure {
float:right!important;
width:63%!important;
padding-top:40%!important;
}
ul.page1 li:nth-child(1) div {float:left!important; width:35%!important;}
}

/* ■■■■■■■■■■■■
search.php
■■■■■■■■■■■■■ */
.search_page form {
text-align:center;
margin:20px 0;
}
@media screen and (min-width:768px) {
.search_page form {margin:30px 0;}
}

.search_page input {
width:70%;
height:30px;
background:#f5f5f5;
padding:7px;
border:1px solid #ccc;
}
@media screen and (min-width:768px) {
.search_page input {width:450px;}
}

.search_page button {
cursor:pointer; 
height:30px;
font-size:.7rem;
color:#fff;
background:#121212;
padding:9px 10px 7px;
}

.results {
text-align:center;
margin-bottom:15px;
}

.results span {
font-family:Georgia,serif;
font-style:italic;
}

.results h1, .results p {
font-size:.95rem;
color:#121212;
font-weight:normal;
margin:0 10px 5px;;
}

.search_list {
border-top: 1px solid #ddd;
margin-bottom:30px;
}

.search_list  li {
padding:13px 0;
border-bottom: 1px solid #ddd;
}

.search_list figure {
float:right;
width:26%;
padding-top:20%;
margin:0 0 0 25px;
}
@media screen and (min-width:768px) {
.search_list figure {padding-top:18%;}
}

.search_list figure+p {
display:inline-block;
font-size:.75rem;
line-height:1;
color:#121212;
background:#eee;
padding:5px 10px 3px;
margin-bottom:8px;
}

.search_list h2 {
font-family:'DM Serif Text'; font-weight:400;
color:#121212;
font-size:1.26rem;
margin-bottom:10px;
}
@media screen and (min-width:768px) {
.search_list h2 {font-size:1.4rem;}
}

.search_list h2+p {
font-family: Georgia,serif;
line-height: 1.25;
margin-bottom:5px;
}
.search_list h2+p+p {color:#121212;font-style:italic;}

.search_list .noarticle {text-align:center; font-size:1rem; color:#121212;  margin:100px 0 300px;}
@media screen and (min-width:768px) {
.search_list .noarticle {margin:100px 0 500px;}
}

.search_page .page_navi {margin:35px 0;}
/* Noto map link */
#Noto_content{
    display: block;
}
#Noto_flex_content p{
    color: #2a2a2a;
    font-style: normal;
    font-family: Times New Roman,serif;
    margin-bottom: 15px;
    font-size: 100%;
}
@media screen and (min-width:768px) {
    #Noto_flex_content p{
        margin-left: 0px;
        margin-right:15px ;
        font-size: 1.22rem;
    } 
}
#Noto_map_content a{
    color: #1955a5;
    font-family: Times New Roman,serif;
}
/* Donald Keen's */
#Donald_content{
    display: block;
}
#Donald_flex_content p{
    color: #2a2a2a;
    font-style: normal;
    font-family: Times New Roman,serif;
    margin-bottom: 15px;
    font-size: 100%;
}
#Donald_flex_content img{
    width: 100%;
}
@media screen and (min-width:768px) {
    #Donald_flex_content p{
        margin-left: 0px;
        margin-right:15px ;
    } 
    #Donald_flex_content img{
        width: 40%;
    }
}