/* ■■■■■■■■■■■■
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 {margin-bottom:30px;}
@media screen and (min-width:990px) {
.category_page .bloc_1 {margin-bottom:30px;}
.category_page .bloc_2 {margin-bottom:30px;}
.category_page .bloc_3 {margin-bottom:40px;}
.category_page .bloc_4 {margin-bottom:40px;}
}

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

.category_page .design_1_category_categoryLink a:hover .design_1{color:#ededed; transition: 0s;}
.category_page .design_1_category_categoryLink a:hover i::before{color:#fff;right:-14px;transition: 0.3s;}
.category_page .design_1_category_categoryLink .design_1{padding-right: 21px;}
.category_page .design_1_category_categoryLink i {position:relative;}
.category_page .design_1_category_categoryLink i::before {position:absolute;top:-4px;right:-10px;transition: 0.3s;}
.category_page .design_1_category_categoryLink .uspresident-results i::before {top:-9px;}
/* Noto Peninsula Earthquake */
.category_page .design_1_category_categoryLink #Noto_map_content i::before{position: unset;}
/* yomiuri editor */
.category_page .design_1_category_categoryLink .yomiuri-editorial-iconTag a:hover i::before{color:#000;right:-14px;transition: 0.3s;}
.category_page .design_1_category_categoryLink .yomiuri-editorial-iconTag i::before{position: absolute;top: -9px;right: -11px;transition: 0.3s;}

.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;
	justify-content: space-between;
}
.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;
}
/* ramen of japan page */
.category_page .ramenCategory_image{
	width: 100%;
/* 	max-width: 375px; */
	margin-top: 24px;
	border: 1px solid #eee;
}
@media screen and (min-width: 768px){
	.category_page .ramenCategory_image{
		width: 300px; 
		margin: 0;
	}
}
/* ■■■■■■■■■■■■
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 ---------- */
@media screen and (min-width:990px) {
.category_parent .bloc_2_parts{
display: flex;
}
.category_parent .bloc_2_parts_a{
width: 70%;
padding-right: 20px;
border-right: 1px solid #ccc;
}
.category_parent .bloc_2_parts_b{
width: 30%;
padding-left: 20px;
} 
}
.category_parent .bloc_2_parts ul li{
width: 100%;
padding: 13px 0;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.category_parent .bloc_2_parts ul li div p{
overflow: hidden;
}
.category_parent .bloc_2_parts_a>ul>li a:hover h3+p{color: #666!important;}
.category_parent .bloc_2_parts_a ul div p:nth-child(4) {color: #121212;font-style: italic;font-size: .75rem;margin-top: 5px;}
.category_parent .bloc_2_parts_a li:nth-child(2) figure{
float: left;
width: 26%;
padding-top: 20%;
margin: 0 20px 0 0;
}
@media screen and (min-width:768px) {
.category_parent .bloc_2_parts_a li:nth-child(1) figure{
float: right;
width: 63%;
padding-top: 42%;
margin: 0 0 10px 20px;
}
}
@media screen and (min-width:990px) {
.category_parent .bloc_2_parts_a li:nth-child(2){
border: none;
}
}
.category_parent .bloc_2_parts h3{
font-family: 'DM Serif Text';
font-weight: 400;
letter-spacing: .5px;
color: #121212;
margin-bottom: 10px;
line-height: 1.1;
font-size: 1.2rem;
overflow: hidden;
}
.category_parent .bloc_2_parts_a li:nth-child(1) h3{
font-size: 1.7rem;
}
.category_parent .bloc_2_parts_a li:nth-child(2) h3{
font-size: 1.2rem;
}
@media screen and (min-width:768px) {
.category_parent .bloc_2_parts_a li:nth-child(1) h3{
font-size: 1.8rem;
}
.category_parent .bloc_2_parts_a li:nth-child(2) h3{
font-size: 1.26rem;
}
}
@media screen and (min-width:990px) {
.category_parent .bloc_2_parts_a li:nth-child(2) h3{
font-size: 1.4rem;
}
}
.category_parent .bloc_2_parts_b>ul>li:last-child{
border-bottom:none;
}
@media screen and (min-width:990px) {
.category_parent .bloc_2_parts_b>ul>li:last-child{
border-bottom: 1px solid #ccc;
} 
}
.category_parent .bloc_2_parts_b figure{
float: left;
width: 26%;
padding-top: 20%;
margin: 0 20px 0 0;
}
.category_parent .bloc_2_parts_b p{overflow: hidden;}
.category_parent .bloc_2_parts_b ul p:nth-child(5) {color: #121212;font-style: italic;font-size: .75rem;margin-top: 5px;}
.category_parent >.bloc_2_parts_a>ul h3+p,
.category_parent >.bloc_2_parts_b>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;
}
/* -------- bloc_3 ---------- */
.category_parent .bloc_3>ul {}
.category_parent .bloc_3>ul>li {
width:100%;
padding:13px 0;
border-bottom: 1px solid #ddd;
}
.category_parent .bloc_3>ul>li:last-child {border-bottom:0;}
.category_parent .bloc_3>ul>li a:hover h3+p {color:#666!important;}

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

.category_parent .bloc_3>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_3>ul h3 {font-size:1.2rem;}
}

.category_parent .bloc_3>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_3>ul p:nth-child(4) {color:#121212;font-style:italic;font-size:.75rem;margin-top: 5px;}

/* --------------- */
.category_parent .bloc_3>ul li:nth-child(1)    {padding-top:0;}
.category_parent .bloc_3>ul li:nth-child(1) h3 {font-size:1.5rem;}
.category_parent .bloc_3>ul li:nth-child(1) figure,
.category_parent .bloc_3>ul li:nth-child(1) div {float:none; width:100%;}
.category_parent .bloc_3>ul li:nth-child(1) figure {padding-top:55%;}
@media screen and (min-width:768px) {
.category_parent .bloc_3>ul li:nth-child(1) h3 {font-size:1.7rem; margin-bottom:20px;}
.category_parent .bloc_3>ul li:nth-child(1) figure {
float:right!important;
width:63%!important;
padding-top:40%!important;
}
.category_parent .bloc_3>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_3>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_3>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;
}
/* 20250207　追記 */
.search_page form {
display:flex;
justify-content: 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;
} */

/* 20250210　追記 */
.search_page input {
width:76%;
height:30px;
padding:7px;
border: 0;
background: #fff;
border-bottom: 1px solid;
}

@media screen and (min-width:768px) {
.search_page input {width:79%;}
}

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

.search_page .searchChangeColor{
	background: #264d99;
}

.results {
text-align:center;
margin-top: 40px;
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;;
}
/* 20250704 search_list 関連変更 */
.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; */
float: left;
width:26%;
padding-top:20%;
/* margin:0 0 0 25px; */
}
.search_list .search_list_text_tag{
	float: right;
	width: 71%;
}
.search_list .category__articleList__tag a:first-child{
	display: none;
}
@media screen and (min-width:768px) {
.search_list figure {padding-top:18%;}
}

.search_list .search_list_text_tag p:first-child {
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;
}
.search_list h2+p {display: none;}
.search_list h2+p+p {display: none;}
@media screen and (min-width:768px) {
.search_list h2 {font-size:1.4rem;}
.search_list h2+p {display: block;}
.search_list h2+p+p {display: block;}
}

.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;}
.search_page .search__category__wrap{margin-top: 21px;}

/* ■■■■■■■■■■■■
searchform.php
■■■■■■■■■■■■■ */
/* @media screen and (min-width:768px) {
	.search__wrap{
		width: 475px;
	}
}
.search__textArea__wrap{
	position: relative;
	display: flex;
	justify-content: space-between;
}
.search__searchArea{
	position: absolute;
    left: 6px;
    bottom: -14px;
    font-size: 0.7em;
}
.search__category__wrap {
	margin-top: 8px;
	height: 55px;
	display: flex;
	align-items: center;
}
.search__category__wrap > div{
	margin-right: 8px;
}
.search__category__wrap > div:last-child{
	margin-right: 0px;
}
.search__category__wrap input{
	height: 13px;
	width: 6%;
}
.search__category__wrap select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	
	font:inherit;
	color: inherit;
}
.search__category__wrap button{
	display: block;
}
.search__category__wrap input[type=checkbox]{
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 1px;
	margin-right: 3px;
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
.search__category__wrap input[type=checkbox]:checked{
	background-color: #264d99;
	border-color: #264d99;
}
.search__category__wrap input[type=checkbox]:checked::after{
	content: "";
	position: absolute;
	top: 1px;
	left: 4px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.search__categoryList__wrap{
	position: relative;
	border-bottom: 1px solid #000;
}
.search__category__lists{
	border: 1px solid #000;
	display:none;
    height: 200px;
	padding: 5px 5px 2px 5px;
    overflow-y: scroll;
    position: absolute;
    top: 35px;
    left: 1px;
}
.search__category__active > .search__category__lists{
	display: block;
	background: #fff;
	border-radius: 4px;
	z-index: 1;
}
.search__category__active > .search__category__lists::-webkit-scrollbar{
	width: 7px;
}

.search__category__lists{
	width:338px;
	text-align: left;
	margin: 0 0 24px 0;
	font-size: 13px;
}
.search__category__lists::-webkit-scrollbar{
	width: 15px;
  	height: 15px;
}
.search__category__lists::-webkit-scrollbar-thumb {
  background-color: #959595;
  border-radius: 25px;
}
.search__category__list{
    display: inline-block;
    width: 90%;
}
.search__category__label{
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.search__category__childList{
	margin-left: 16px;
	margin-bottom: 3px;
}
.search__category__wrap .search__select__button{
	width: 90px;
    background: #fff;
    color: #000;
    font-size: 13px;
}
.search__select__wrap{
	position: relative;
	border-bottom: 1px solid #000;
	font-size: 13px;
	padding: 9px 0 7px;
	height: 31px;
}
.search__select__wrap > select{
	cursor: pointer;
	width: 100%;
	line-height: 14px;
	padding: 0 8px 0;
	margin-right: 25px;
	background-color: #fff;
}
.search__select__wrap::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    transform: translateY(-50%);
}
.search__formSeparator{
    height: 20px;
    border-left: 1px solid #bbb;
    padding-left: 8px;
}
.search__noResult{
	margin-top: 8px;
}
*/
/* @media screen and (max-width: 500px){
	.results h1, .results p {
    	margin: 48px 10px 5px;
	}
	.search__category__wrap {
		margin-top: 21px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.search__category__wrap .search__select__button{
		padding: 8px 8px 8px 0;
	}
	.search__category__wrap > div{
		margin-right: 0;
		margin-top: 8px;
		width: 47%;
	}
	.search__formSeparator{
		display: none;
	}
} */
/* 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%;
    }
}
/* Us president category */
@media screen and (min-width:768px) {
    #Us-president-chart{
        width: 50%;
    }
}
/* tag page */
.tag__pageNavi{
	margin-bottom: 16px;
}
.listarticles_ul li:first-child .articleList__tag,
.listarticles_ul li .articleList__tag{
/* 	display: block; */
	float: left !important;
    width: 100% !important;
	margin-top: 6px;
	display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.articleList__tag a{
	color: #000;
/* 	border-bottom: 1px solid #000; */
	border: 1px solid #000;
    padding: 2px 8px;
}
.articleList__tag a:first-child{
	display: none;
}
.articleList__tag a:not(:first-child){
	font-size: 0.75rem;
}
@media screen and (min-width: 767px){
	.header-featured-tags{
		max-width: 1150px;
	}
}

/* 20250709 追記 */
.tagPage {
    max-width: 1150px;
    margin: 0 auto;
}
.tagPage .tagPage__articleArea {
    display: block;
    justify-content: space-between;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__list {
    width: 100%;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular {
	display: block;
    width: 100%;
	min-width: 250px;
	margin-top: 48px;
	margin-bottom: 48px;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__tagName,
.tagPage .tagPage__articleArea .tagPage__articleArea__otherTags__name{
    border: double 4px;
    padding: 8px 6px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular ul {
    position: relative;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular li {
    position: relative;
    counter-increment: ranking;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__ul li:before {
    position: absolute;
    top: 16px;
    left: 4px;
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    content: counter(ranking);
    font-size: 1.32em;
    font-weight: 700;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__ul li::after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 100%;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__ul a {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__ul figure {
    order: 1;
    padding: 0;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__ul img {
    position: unset;
    object-fit: cover;
    width: 100px;
    height: 60px;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__popular__ul h2 {
    color: #121212;
    font-size: 0.9em;
    font-weight: normal;
    margin-right: 8px;
    line-height: 1.4;
    padding-left: 24px;
	font-family: Times New Roman, serif;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__otherTags{
	margin-top: 32px;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__otherTags ul{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__otherTags li:hover {
    background: #efefef;
}
.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__otherTags a{
	display: block;
	border: 1px solid #000;
    padding: 4px;
    font-size: 12px;
    color: #000;
}
@media screen and (min-width: 768px){
	.tagPage .tagPage__articleArea .tagPage__articleArea__popular {
		display: flex;
		justify-content: space-between;
    	width: 100%;
		min-width: 250px;
		margin-top: 48px;
	}
	.tagPage .tagPage__articleArea .tagPage__articleArea__popular > div{
		width: 48%;
	}
	.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__otherTags{
		margin-top: 0;
	}
}
@media screen and (min-width: 989px) {
	.tagPage{
		padding: 0px 30px;
	}
    .tagPage .tagPage__articleArea {
        display: flex;
        justify-content: space-between;
    }
    .tagPage .tagPage__articleArea .tagPage__articleArea__list {
        width: 67%;
    }
    .tagPage .tagPage__articleArea .tagPage__articleArea__popular {
		display: block;
        width: 30%;
		margin: 0;
    }
	.tagPage .tagPage__articleArea .tagPage__articleArea__popular > div {
    	width: 100%;
	}
	.tagPage .tagPage__articleArea .tagPage__articleArea__popular ul::before {
    	content: '';
    	position: absolute;
    	left: -16px;
    	border-right: 1px solid #ccc;
    	height: 95%;
	}
	.tagPage .tagPage__articleArea .tagPage__articleArea__popular .tagPage__articleArea__otherTags{
		margin-top: 26px;
	}
	.tagPage .tagPage__articleArea .tagPage__pageNavi{
		width: 100vw;
		max-width: 1090px;
	}
}
/* /tag page */

/* single ramen banner  */
.single_ramen_banner_image{
	width: 100%;
/* 	max-width: 375px; */
    margin-top: 40px;
    border: 1px solid #eee;
}
@media screen and (min-width: 768px){
	.single_ramen_banner_image{
		width: 400px;
		max-width: unset;
	}
}
/* /single ramen banner  */


/* ranking aticle page */
.articleRankingPage {
	max-width: 1090px;
	margin: 0 auto 64px;
}
.articleRankingPage__title{
	font-family: 'DM Serif Text';
	font-weight: 400 !important;
	font-size: 1.8rem !important;
    max-width: 1150px;
    margin: 30px auto 16px;
	position: relative;
    padding-bottom: 20px;
    border-bottom: solid 3px #555;
    margin-bottom: 20px;
}
.articleRankingPage__title:before{
	position: absolute;
    left: 0px;
    bottom: -6px;
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #333;
}
.articleRankingPage .articleRankingPage__p{
	font-size: 16px;
    margin: 16px 0 8px;
}
.articleRankingPage__wrap{
	display: block; 
}
.articleRankingPage .articleRankingPage__wrap__articles{
	width: 100%;
}
.articleRankingPage .articleRankingPage__wrap__articles li{
	padding: 14px 0 0 48px;
	position: relative;
	border-bottom: 1px solid #ccc;
	counter-increment: ranking;
}
.articleRankingPage .articleRankingPage__wrap__articles li:before {
    position: absolute;
    top: 12px;
    left: 4px;
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
    content: counter(ranking);
    font-size: 24px;
    font-weight: 700;
}
.articleRankingPage .articleRankingPage__wrap__articles li a{
	display: flex;
	justify-content: space-between;
	color: #000;
	margin-bottom: 8px;
}
.articleRankingPage .articleRankingPage__wrap__textArea{
	width: 100%;
	padding-right: 8px;
}
.articleRankingPage .articleRankingPage__wrap__excerpt{
	display: none;
	font-size: 14px; 
	color: #666; 
	margin-top: 8px; 
}
.articleRankingPage .articleRankingPage__wrap__timeArea{
	margin: 8px 0;
}
.articleRankingPage .articleRankingPage__wrap__timeArea img{
	width: 13px;
}
.articleRankingPage .articleRankingPage__wrap__timeArea{
	font-size: 12px;
}
.articleRankingPage .articleRankingPage__wrap__articles li h2{
	width: 100%;
	font-family: 'DM Serif Text';
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #121212;
    margin-bottom: 10px;
	font-size: 1.26rem;
}
.articleRankingPage .articleRankingPage__wrap__articles li figure{
	position: unset;
	padding: 0;
}
.articleRankingPage .articleRankingPage__wrap__articles li figure img{
	position: unset;
    width: 100px;
    height: 60px;
}
.articleRankingPage .popular_tab_content{
	display: none;
}
.articleRankingPage .popular_tab_items label:nth-child(1):has(input:checked) + #popular_tab_today{
	display: block;
}
.articleRankingPage:has(input[data-popular='popular_today']:checked) .popular_tab_content[data-popular='popular_today'],
.articleRankingPage:has(input[data-popular='popular_week']:checked) .popular_tab_content[data-popular='popular_week'],
.articleRankingPage:has(input[data-popular='popular_month']:checked) .popular_tab_content[data-popular='popular_month'] {
    display: block;
}
.articleRankingPage .popular_tab_items{
	font-size: 18px;
}
.articleRankingPage .articleRankingPage__wrap__ranking-2{
	width: 100%; 
	margin-top: 60px;
}
.articleRankingPage .articleRankingPage__articleList__tag{
	display: flex;
	margin: 8px 0;
    flex-wrap: wrap;
    gap: 4px 6px;
}
.articleRankingPage .articleRankingPage__articleList__tag a{
	border: 1px solid #000;
    padding: 3px 5px;
    flex-shrink: 0;
    font-size: 11px;
    color: #000;
    width: unset;
    transition: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}
.articleRankingPage .articleRankingPage__articleList__tag a:hover{
	background: #efefef;
}
@media screen and (min-width: 768px){
	.articleRankingPage__title{
		font-size: 2.7rem !important;
	}
	.articleRankingPage .articleRankingPage__wrap__articles li a{
		margin-bottom: 0;
	}
	.articleRankingPage .articleRankingPage__wrap__articles li h2{
		font-size: 1.2rem;
	}
	.articleRankingPage .articleRankingPage__wrap__articles li figure img{
    	width: 170px;
    	height: 110px;
	}
}
@media screen and (min-width: 989px){
	.articleRankingPage__wrap{
		display: flex; 
		justify-content: space-between;
	}
	.articleRankingPage .articleRankingPage__wrap__articles{
		width: 73%;
	}
	.articleRankingPage .articleRankingPage__wrap__ranking-2{
		width: 25%; 
	}
	.articleRankingPage .articleRankingPage__wrap__excerpt{
		display: block;
	}
}
.articleRankingPage .front__layout__excerpt{
	display: none;
}
.articleRankingPage .front__layout__timeArea{
	display: flex;
    align-items: center;
}
.articleRankingPage .front__layout__timeArea{
	display: flex;
}
.articleRankingPage .front__layout__timeArea img{
	position: unset !important;
	width: 12px;
	height: 12px !important;
	margin-right: 4px;
}
/* /ranking aticle page */