@font-face {font-family:'DM Serif Text'; src:url('./fonts/DMSerifText-Regular.ttf') format('truetype');}
/*
Theme Name:thejapannews_ver1
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,main, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,button, input, select, textarea {font-size:100%; line-height:1; margin:0; padding:0; border:0; outline:0; vertical-align:baseline; box-sizing:border-box;}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html {overflow-y: scroll; text-size-adjust:100%; -webkit-text-size-adjust:100%;}
ul, ol {list-style:none;}
blockquote , q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a:focus {outline:none;}
ins {text-decoration:none;}
mark {font-style:italic; font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
hr {display:block; height:0; border:0; border-top:1px solid #121212; margin:0; padding:0;}
input, textarea {background-image: hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0;}
input[type="checkbox"]{ -webkit-appearance: checkbox;}
input[type="radio"]{ -webkit-appearance:radio;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
iframe {max-width:100%;}
img.wp-smiley, img.emoji {display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important;}

.clearfix::after {display:block; clear:both; content:"";}
.clear {clear:both;}

/* ----------------------------------------------------- */
body {font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif; background:#fff; width:100%; position:relative;}

#container {
position:relative;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
}

p {font-size:.95rem; line-height:1.4; color:#666;}
@media screen and (min-width:990px) {
p {font-size:.88rem; line-height:1.35;}
}

h1, h2, h3, h4, h5 {line-height:1;}
img {display:block; width:100%;}
main figure {
position: relative;
padding-top:60%;
margin-bottom:10px;
}
main figure img{
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.figure_reset, 
.figure_reset>img {position:static; padding:0;}
a {text-decoration:none;}
a:hover {transition-duration:.6s;}
a:hover h3, a:hover h2 {color:#1955a5 !important; transition:all .4s ease;}

i.fa-angle-double-right {margin-left:5px;}
i.double-right {margin-left:3px;}
i.fa-map-marker-alt {margin-right:6px; font-size:.8rem}

audio {height:40px;}

.design_1 {
font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;
display:inline-block;
font-weight:normal;
font-size:.78rem;
color:#fff;
background:#121212;
padding:7px 10px 7px;
margin-bottom:20px;
}
.design_1_categorylink{
	padding: 7px 16px 5px 10px;
}
@media screen and (min-width:768px) {
.design_1 {font-size:.75rem;}
}
.design_1 a {color:#fff;line-height:0;}
.design_1 i {line-height:0;}

.design_1_categorylink a {padding-right: 5px;}
.design_1_categorylink a:hover{color:#ededed; transition: 0s;}
.design_1_categorylink i {position:relative;}
.design_1_categorylink i::before{position:absolute;top:-4px;right:-10px;transition: 0.3s;}
.design_1_categorylink a:hover i::before{color:#fff;right:-14px;transition: 0.3s;}

.more_1 {display:block;text-decoration: underline;text-align:right;font-size:.85rem;margin:10px 10px 0 0;}
@media screen and (min-width:768px) {
.more_1 {font-size:.88rem;}
}
.more_1 a {color:#121212;}
.more_2 {display:block;text-align:right;text-decoration:underline;font-size:.79rem;color:#121212;letter-spacing:-.5px;margin:15px 10px 0 0;}
.more_2 a {color:#121212;}
.more_3 {display:inline-block;float:right;color:#121212;font-size:.9rem;letter-spacing:-.5px;padding:5px 7px;border: 1px solid #ccc;margin:15px 15px 0 0;}
.more_4 {
display:inline-block;
color:#121212;
font-size:.9rem;
letter-spacing:-.5px;
padding:5px 7px;
border:3px double #ccc;
margin:15px 15px 0 0;
}
@media screen and (min-width:768px) {
.more_3 {font-size:.8rem;}
.more_4 {font-size:.8rem;}
}

/* ------- */
.hover_1:hover {background:#eee; transition-duration: .6s;}
.a_hover_1:hover {background:#eee;}

.w_90  {width:90%;}

.mt_0  {margin-top:    0 !important;}
.mr_0  {margin-right:  0 !important;}
.ml_0  {margin-left:   0 !important;}
.mb_0  {margin-bottom: 0 !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}

.ts_80 {font-size:.8rem !important;}
.ts_90 {font-size:.9rem !important;}
.ts_95 {font-size:.95rem!important;}
.ts_100 {font-size:1rem!important;}
.ts_110 {font-size:1.1rem!important;}
.ts_120 {font-size:1.2rem!important;}
.ts_130 {font-size:1.3rem!important;}
.ts_140 {font-size:1.4rem!important;}
.ts_150 {font-size:1.5rem!important;}
.ts_180 {font-size:1.5rem!important;}
.ts_200 {font-size:1.5rem!important;}
@media screen and (min-width:768px) {
.ts_180 {font-size:1.8rem!important;}
.ts_200 {font-size:2rem!important;}
}

.color_blue {color:#0000cd;}
.color_gray1 {color:#666;}
.color_black {color:#121212;}
.color_white {color:#fff;}

.text_bold {font-weight:bold;}
.text_normal {font-weight:normal;}
.text_italic {font-style:italic;}
.text_under {text-decoration:underline;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.text_clear {overflow:hidden;}

.lh_1 {line-height:1!important;}
.lh_11 {line-height:1.1!important;}

.font_family_a {font-family:'Helvetica Neue', Helvetica, Sans-Serif; }
.font_family_b {font-family:'DM Serif Text'; font-weight:400; letter-spacing:.5px;}
.font_family_c {font-family:'Times New Roman', Serif;}

.img_clear,
.img_clear img {
object-fit:fill!important; height:100%; width:100%; position:static!important; padding:0!important; -webkit-backface-visibility:hidden;
}

.line_1 span {margin:0 15%;}

.border_1 {border:1px solid #ccc;}
.border_no {border:0!important;}

.float_0 img, .float_00 img, .float_1 img,
.float_2 img {position: static;}

.float_0 {
float:left; width:200px; padding:10px!important; border:1px solid #ccc; margin:0 25px 10px 0!important;
}
.float_00 {
float:left; width:200px; margin:0 25px 10px 0!important;
}
.float_1  {
float:left; width:120px; padding:5px!important; border:1px solid #eee; margin:0 25px 10px 0!important;
}
.float_2 {
float:right; width:200px; padding:10px!important; border:1px solid #ccc; margin:0 25px 10px 0!important;
}
@media screen and (min-width:768px) {
.float_0, .float_00, .float_2 {width:230px;}
}

.floatt_clear {clear:both;}

.ul_1 {margin-bottom: 1.4rem;}
.ul_1 li {
font-family: Times New Roman,serif;
font-size: 1.2rem;
line-height: 1.45;
color: #121212;
margin-bottom;5px;
}

.dl_1 {font-size:.95rem;}
.dl_1 dt {font-weight:bold; margin-bottom:7px;}
.dl_1 dd {margin:0 0 15px 0;}
.table_1 th, .table_1 td {font-weight:normal; font-size:.9rem; padding:10px; border:1px solid #CCC;}
.table_1 th {width:25%; background-color:#eeeeee; text-align:right;}

/* -------------------------------------
AD & information
------------------------------------- */
/* AD */
.ad_background_1 {background:#eee; padding:10px 0; margin: 0 calc(50% - 50vw) 10px;} 
.ad_background_2 {background:#eee; padding:10px 0; margin: 0 calc(50% - 50vw) 10px;}
.ad_custom_1 {display:none;}
/* .ad_custom_2 {display:none;} /* billboard用 */
.ad_display_1{display: none;}
@media screen and (min-width:768px) {
.ad_custom_2 {display:block;margin-right: 0;} /* billboard用 */
.ad_custom_3 {display:none;} /* billboard用 */
}
@media screen and (min-width:990px) {
.ad_background_2 {background:none; padding:0; margin:0;}
.ad_background_2>div {margin-bottom:10px;}
.ad_custom_1 {display:block;}
}

/* information */
.info_text {font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;  text-align:center; color:#888; margin-bottom:3px!important;}
.info_text .fa-info-circle {font-size:.9rem;}
.info_img {max-width:1100px; padding:0 20px; margin:auto;}

/* -------------------------------------
header
------------------------------------- */
#global_nav {
position:absolute;
background: #fff;
background-color:rgba(253,253,253,1);
width:100%;
padding-bottom:3px;
border-top:1px solid #ccc;
border-bottom:3px solid #121212;
z-index:1;
}
@media screen and (min-width:990px) {
#global_nav {box-shadow: 0 3px 5px 0 #aaa;}
}

.global_nav_in {
display:flex;
justify-content:space-between;
align-items: center;
height:60px;
padding:3px 8px 0;
border-bottom:1px solid #121212;
}
@media screen and (min-width:768px) {
.global_nav_in {padding:0 20px 0;}
}
@media screen and (min-width:990px) {
.global_nav_in {height:90px;}
}

/* header-fix */
.header_fix #global_nav {
position:fixed;
top:0px;
left:0px;
animation: slide_down_menu 0.5s ease;
border-bottom:3px solid #121212;
box-shadow: 0 3px 5px 0 #aaa;

/* 20250720 election追加 */
z-index: 10;
}
@keyframes slide_down_menu {
    0% {top:-100px;}
  100% {top:0px; }
}

.header_fix .global_nav_in {height:50px;}
.header_fix .logo_header li {width:180px; margin-left:-90px;}
.header_fix .logo_header img {width:90%;}
@media screen and (min-width:990px) {
.header_fix .global_nav_in {height:45px;}
}

/* header-tuning-space */
.header_tuning {height:67px;}
@media screen and (min-width:768px) {}
@media screen and (min-width:990px) {.header_tuning {height:97px;}}


/* nav > menu-search_wrap（共通） */
.menu-search_wrap, .login-subsc_wrap {display:inline-flex;}
.login-subsc_wrap {justify-content:flex-end;}
.login-subsc_wrap li:nth-child(9) .myaccount_button:hover{
background-color: #e5e5e5;
border-radius: 50px;
}
.menu-search_wrap li a,
.login-subsc_wrap li a {
display:flex;
justify-content:center;
align-items:center;
color:#121212;
}

/* nav > menu-search_wrap */
.menu-search_wrap li a {
padding:10px;
border-radius: 50%;
}
@media screen and (min-width:990px) {
.menu-search_wrap li a {padding:10px;}
}

/* nav > menu */
.menu {margin-right:10px;}
.fa-bars, .fa-search {color:#121212;}
#menu_button_L:hover{
    background-color: #e5e5e5;
    border-radius: 50%;
}
#menu_button_R:hover,
#menu_button_R_loggedin:hover{
    background-color: #e5e5e5;
    border-radius: 50%;
}
#menu_button_R_loggedin{
    padding: 10px 8px!important;
}
/* nav > search_SP */
.search_sp {display:inline-flex;}
#sp-search-open:hover{background-color: #e5e5e5;}
@media screen and (min-width:990px) {
.search_sp {display:none;}
}

/* nav > search_PC */
.search_pc {display:none;}
@media screen and (min-width:990px) {
.search_pc {display:inline-flex; align-items:center;}
}
.pc_search_form {position:relative;}
.pc_search_box{
width:210px;
height:25px;
color: #121212;
background:#e5e5e5;
font-size:.95rem;
padding: 7px 30px 5px 10px;
border-radius: 20px
}
.pc_search_icon {position:absolute; top:0; right:0;}
.pc_search_icon::after {
position: absolute;
top:6px;
right:5px;
font-family:"Font Awesome 5 Free";
content: '\f002';
font-size:.9rem;
font-weight:900;
display: block;
cursor: pointer;
color: #121212;
padding:0 7px;
}

/* nav > LOGO */
.logo_header {position:absolute; left:50%;}
.logo_header li {width:160px; margin-left:-80px;}
@media screen and (min-width:768px) {
.logo_header li {width:190px; margin-left:-95px;}
}
@media screen and (min-width:990px) {
.logo_header li {width:280px; margin-left:-50%;}
}

/* nav > yol-link */
.yol-link:hover{
    text-decoration: underline;
}

/* nav > LOGIN&SUBSC */
.login-subsc_sp {display:inline-flex;}
.login-subsc_pc {display:none;}
@media screen and (min-width:768px) {
.login-subsc_sp {display:none;}
.login-subsc_pc {display:inline-flex;}
}

.login-subsc_wrap li a {font-size:.68rem; font-weight:bold; border:0;}

/* nav > LOGIN&SUBSC sp */
@media screen and (max-width:767px) {
	.tp-modal {position: fixed !important;}
	.tp-modal-open {top: 0px !important;}
}
.login-subsc_sp a.login_button_sp {
color:#121212;
padding:10px;
font-size: 100%;
border-radius: 20px;
}
@media screen and (min-width:500px) {
.login-subsc_sp a.login_button_sp {padding:10px;}
}
.login-subsc_sp .fa-tablet-alt {margin-left:4px;}
.fa-tablet-alt {margin-left:4px;}
/* nav LOGIN PC */
.login-subsc_pc a {padding:11px 10px 8px 11px;}

.login-subsc_pc .login_button, .login-subsc_pc .myaccount_button{
color: #121212;
padding:10px;
margin-right:7px;
font-size: 100%;
border-radius: 50%;
}
.login-subsc_pc .login_button:hover{
    background-color: #e5e5e5;
    border-radius: 50%;
}
.myaccount_button{
    padding: 10px 8px!important;
}
/* nav SUBSC PC */
.login-subsc_pc .subsc_button {
color:#fff;
background:#264d99;
}

/* nav > drawer-menu */
.drawer_L, .drawer_R {
overflow-y: scroll;
scrollbar-width: none;
z-index:5;
}
.drawer_L::-webkit-scrollbar,
.drawer_R::-webkit-scrollbar {
display:none;
}

/* drawer-menu L */
.drawer_L {overflow:hidden; padding:15px 0 80px;}
.drawer_L i {margin-right:5px;}
.drawer_L li {position:relative; border-bottom:1px solid #444;}
.drawer_L>ul>li:nth-child(n+3)>a {margin-right:54px;}
.drawer_L a {
position:relative;
display:block;
font-size:.8rem;
color:#fff;
padding:20px 15px;
}
.drawer_L a:hover {
color:#fff;
background:#555;
transition-duration:.2s;
}
.drawer_L>ul>li:not(:first-child)>a {padding-left:34px;}
.drawer_L ul ul li:hover {background:#555;}
.drawer_L ul ul a:hover {background:#555;}
.drawer_L span {
position: absolute;
top:0; right:0;
display:block;
padding:20px 25px;
border-left:1px solid #666;
cursor:pointer;
}

/* drawer-menu L >ul */
.drawer_L ul ul {
background:#666;
padding-left:22px;
overflow:hidden;
}
.drawer_L ul ul li {}
@media screen and (min-width:768px) {
.drawer_L ul ul li {
float:left;
width:220px;
height:50px;
overflow:hidden;
}
}

.drawer_L ul ul li a {
line-height:1.3;
padding:10px 12px!important;
}
@media screen and (min-width:768px){
    .drawer_L ul ul li a {
        line-height:2.3;
        padding:10px 12px!important;
    }
	.drawer_L ul li:nth-child(12) ul li:nth-child(4) a{
        line-height: 1.3;
    }
}

/* */
.drawer_L li#drawer_child ul {
position: relative;
left:0;
top:0;
width:100%;
visibility:visible;
opacity:1;
display: none;
transition:none;
}
/* */
.drawer_L span::after{
content:'';
position: absolute;
top:20px;
left:20px;
width:6px;
height:6px;
border-top: 2px solid #999;
border-right:2px solid #999;
transform: rotate(135deg);
}
.drawer_L .active span::after{transform: rotate(-45deg);}

/* modal-search */
.modal {
display: none;
position:fixed;
top: -20px;
width:100%;
height:100vh;
z-index:2;
}
.modal_background {
position: absolute;
width: 100%;
height: 120vh;
background: rgba(0,0,0,.7);
}

/* search Area */
.sp_search_wrap {
position: absolute;
top: 26%;
left: 50%;
transform: translate(-50%, -20%);
width: 92%;
background: #ffffff;
text-align: center;
padding: 48px 24px 48px;
border-radius: 4px;
}
.sp_search_tags_title{
	width: 100%;
    text-align: left;
    font-size: 14px;
	margin-bottom: 8px;
}
.sp_search_wrap .fa-times {
	position:absolute;
	top:10px;
	right:10px;
	color:#000;
}
.sp_search_form {
	position:relative; 
    width: 100%;
    max-width: 475px;
	margin:0 auto;
}
.sp_search_box {
width: 100%;
height: 36px;
background: #fff;
padding: 6px 30px 6px 10px;
border: 1px solid #b3b3b3;
border-radius: 4px;
}

.sp_search_icon {border:none; background:none;}
.sp_search_icon::after {
position: absolute;
top:11px;
right:5px;
font-family:"Font Awesome 5 Free";
content: '\f002';
font-size:.9rem;
font-weight:900;
display: block;
cursor: pointer;
color: #333;
padding:0 7px;
}
.sp_search_hotwordArea{
    width: 100%;
    max-width: 475px;
    margin: 16px auto 0;
}
@media screen and (max-width: 500px){
	.sp_search_hotwordArea{
		 margin: 50px auto 0;
	}
}
/* /search Area */

/* search tags */
.sp_search_hotTags{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 8px 12px;
}
.sp_search_tags li{
	border: 1px solid #000;
    padding: 4px 6px;
    flex-shrink: 0;
	font-size: 12px;
}
.sp_search_tags a{
	color: #000;
}
/* /search tags */
/* drawer-menu R */
.subsc_menu {
display:flex;
flex-direction:column;
align-items:center;
font-size:.8rem;
margin:15px 0;
}
.subsc_menu li {
width:60%;
margin:12px auto;
}
.subsc_menu li i {
margin-left:5px;
}
.subsc_menu li a {
display:flex;
justify-content:center;
color:#333;
font-weight:900;
padding:13px 0 10px;
border: 1px solid #666;
border-radius:4px;
background: linear-gradient(rgba(255,255,255,1) 0%, rgba(230,230,230,1) 60%, rgba(153,153,153,1) 100%);
}
.subsc_menu li:nth-child(2n) a {
color:#fff;
background: linear-gradient(rgba(51,102,204,1) 0%, rgba(38,77,153,1) 60%, rgba(2,38,77,1) 100%);
}
@media screen and (min-width:450px) {
.subsc_menu li a {font-size:.75rem;}
}

.subsc_menu li a:hover {color:#fff;
background:linear-gradient(rgba(143,143,143,1) 0%, rgba(110,110,110,1) 20%, rgba(29,29,29,1) 100%);
}

.sub_menu {font-size:.9rem;}
.sub_menu li {border-bottom: 1px solid #555!important;}
.sub_menu li:first-child {border-top: 1px solid #555!important;}
.sub_menu li i {margin-right:5px;}
.sub_menu a {
position:relative;
display:block;
padding:17px 0 15px 20px;
color:#fff;
}
.sub_menu a:hover {
color:#fff;
background:#666;
transition-duration: .2s;
}

/* drawer_function L */
.drawer_L {
position:fixed;
top:0px;
left:-240px; width:240px;
height:100%;
background:#121212;
overflow:auto;
backface-visibility: hidden;
transition-duration: .4s;
}
@media screen and (min-width:768px) {
.drawer_L {left:-500px; width:500px;}
}
.open_menu_L .drawer_L {
left:0;
box-shadow:-5px 0 20px 0 rgba(0,0,0,0.4);
transition-duration: .45s;
}

/* drawer_function R */
.drawer_R {
position:fixed;
top:0px;
right:-45%;
width:45%;
height:100%;
background:#121212;
overflow:auto;
backface-visibility: hidden;
transition-duration: .4s;
}
@media screen and (min-width:450px) {
.drawer_R {right:-280px; width:280px;}
}
.open_menu_R .drawer_R {
right:0;
box-shadow:-5px 0 20px 0 rgba(0,0,0,0.4);
transition-duration: .45s;
z-index:5;
}

/* drawer-overlay */
.open_menu_L #container:before,
.open_menu_R #container:before {
content:'';
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.6);
z-index:2;
}
/* NewsTicker */
.newsticker {background:#121212;}
.newsticker a {color:#fff; line-height:1;text-decoration:underline;}

/* .newsticker_in {display:flex; width:100%; box-sizing:border-box; padding: 5px 25px;} */
.newsticker_in {display:flex; width:100%; box-sizing:border-box; padding: 5px 18px;justify-content:space-between;}
@media screen and (min-width :768px) {
.newsticker_in {padding:5px 30px;}
.category .newsticker {padding: 0 30px}
.category .newsticker_in {padding: 5px 0}
}
@media screen and (min-width :990px) {
.newsticker_in {max-width:1500px; margin:0 auto;}
.category .newsticker_in {max-width:1100px; margin:0 auto;}
}

.newsticker_label {
/* width:8rem; */
width: 103px;
min-width: 103px;
background:#fff;
color:#121212;
font-size:.68rem;
font-weight:normal;
text-align:center;
padding:4px 0 2px;
border-radius: 2px; 
margin-right:10px; 
}
.newsticker .scroll {background:#333; width:100%; overflow:hidden;}
.newsticker .scroll ul {
display: inline-block;
padding-left:100%;
white-space:nowrap;
animation: scrollAnime 45s linear infinite;
}
.newsticker .scroll li {display:inline;;}
.newsticker .scroll li.news_latest {font-size: .8rem; margin: 0 50px;}
	
.newsticker_label.breaking {width:9rem; color:#fff;background:#f20004;}
.newsticker .scroll.breaking_scroll {background:#ffeaea; padding:1px 1px 2px;}
.newsticker .scroll.breaking_scroll ul {animation: scrollAnime 20s linear infinite;}
.newsticker .scroll.breaking_scroll a {color:#121212;}
.newsticker .scroll li.news_breaking {font-size: .8rem; margin: 0 50px;}

@media screen and (min-width :768px) {
/* .newsticker_label {width:6rem; padding:4px 0 2px;} */
.newsticker_label {width:100px; min-width:100px; padding:4px 0 2px;}
.newsticker_label.breaking {width:7rem;}
}
@keyframes scrollAnime{
    0% {transform: translateX(0)}
  100% {transform: translateX(-100%)}
}
/* -------------------------------
articl   >page_w1100
page     >page_w1100
fix-page >page_w800、page_w1100_2
------------------------------- */
.page_w800 {max-width:800px; margin:0 auto;}
.sudoku_area { margin: 0 auto 16px; }

.sudoku_area > iframe {
	max-width:800px; 
	margin:45px auto 30px; 
	height: calc(100vh + 400px);
	max-height: 1300px;
}
.nkl-state-row > .nkl-state-actions{min-width: 10em !important;}

@media screen and (max-width: 650px) {
  .sudoku_area > iframe {
	height: calc(100vw + 95vw);
   	max-height:1050px;
	margin:45px auto 9%;
  }
}
@media screen and (max-width: 470px) {
	.sudoku_area > iframe {
		height: calc(100vw + 500px);
		max-height: 1045px;
	}
}
.page_w1100_2 {max-width:1100px; margin:0 auto;}
.page_w1100 {max-width:1100px; margin:0 auto;}
@media screen and (min-width :990px) {
.page_w1100 {display:flex;justify-content:space-between; flex-wrap:wrap;}
.page_w1100 .bloc_1 {width:100%;}
.category_child .bloc_2 {width:70%; padding-right:20px; border-right:1px solid #ccc;}
.category_child .bloc_3 {width:30%; padding-left:20px;}
.category_parent .bloc_2 {width:100%;}
.category_parent .bloc_3 {width:70%; padding-right:20px; border-right:1px solid #ccc;}
.category_parent .bloc_4 {width:30%; padding-left:20px;}
.single_page .bloc_2 {width:70%; padding-right:20px; border-right:1px solid #ccc;}
.single_page .bloc_3 {width:30%; padding-left:20px;}
}

/* RAMEN OF JAPAN */
.ramenarea i {margin-right:2px;}
.ramenarea {color:#000066; font-size:.95rem;}
@media screen and (min-width :768px) {
.ramenarea {display:inline-block;}
}

/* RANKING */
@media screen and (min-width:768px) {
.ranking_1 {float:left; width:49%;}
.ranking_2 {float:right; width:49%;}
}
@media screen and (min-width:990px) {
.ranking1, .ranking2 {float:none;}
.ranking {width:100%;}
}

.ranking {margin:30px 0;}
.ranking a:hover {color:#1955a5; transition:all .4s ease;}
.ranking p {
color:#fff;
background:#121212;
font-weight: bold;
padding: 8px 5px 7px 10px;
border: double 4px #888;
margin-bottom: 10px;
}
@media screen and (min-width:990px) {
.ranking p {color:#121212; background:#fff;}
}

.ranking ul {counter-reset:ranking;}
.ranking ul li {
overflow: hidden;
position: relative;
font-family:Times New Roman,serif;
font-size:1.1em;
line-height: 1.4;
padding:15px 0 10px 2em;
border-bottom: 1px solid #ccc;
margin:0 5px;
}
@media screen and (min-width:990px) {
.ranking ul li {font-size: .95em; line-height:1.35;}
}

.ranking ul li::before{
position: absolute;
top: 13px;
left: 5px;
font-family:'Helvetica Neue',Helvetica,Arial,Sans-Serif;
content: counter(ranking, decimal);
counter-increment:ranking;
font-size: 1.32em;
font-weight:700;
}

.ranking li a {color:#121212;}
.ranking ul li figure {
float: right;
width: 25%;
padding-top: 20%;
margin-left:15px;
}
@media screen and (min-width:990px) {
.ranking ul li figure {width:30%; padding-top: 22%;}
}

/* -------------------------------
main
------------------------------- */
main {
width: 100%;
box-sizing: border-box;
padding: 0 18px;
}
@media screen and (min-width :768px) {
main {padding:0 30px;}
}
@media screen and (min-width :990px) {
main {max-width:1500px; margin:0 auto;}
}

/* -------------------------------
global_menu
------------------------------- */
/* SP */
.global_menu_sp {
    background:#fff; 
    border-bottom:1px solid #121212; 
    overflow-x:scroll;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.global_menu_sp::-webkit-scrollbar{
    display: none;
}
.global_menu_sp a {color:#121212; font-size:.85rem;}
.global_menu_sp ul {display:flex; justify-content:space-between;padding: 0 3%;}
.global_menu_sp ul li {position:relative; padding:7px 2.5%; white-space: nowrap;}

/* PC */
.global_menu {
display:none;
background:#fff;
border-bottom: 1px solid #444;
}

@media screen and (min-width: 990px) {
.global_menu {display:block;}
.global_menu_scroll{display: none;}
.global_menu_tablet{display: none;}
.header_fix .global_menu_scroll{
	display: block;
}
}
@media screen and (max-width: 990px){
.global_menu_scroll{display: none;}
.global_menu_tablet{display: none;}
.header_fix .global_menu_tablet{
	display: block;
}
}
@media screen and (max-width: 767px){
.global_menu_scroll{display: none;}
.global_menu_tablet{display: none;}
.header_fix .global_menu_tablet{display: none;}
}

.global_menu a {color:#121212; font-size:.85rem;}
/* .global_menu >ul {display:flex; justify-content:space-between;max-width:1150px; padding:0 30px; margin:0 auto;} */
.global_menu >ul {display:flex; justify-content:space-between; max-width:1150px; padding:0 30px; margin:0 auto; height:36px; align-items:center;}
.global_menu >ul >li {position:relative;}
/* *********** */
.global_menu >ul >li >a {
display:block;
padding:10px 0 3px;
border-bottom: 4px solid #fbfbfb;
}
.global_menu >ul >li:hover >a {
border-bottom: 4px solid #121212;
transition:all .9s ease;
}
.global_menu >ul >li:hover ul{display:block;}

/* *********** */
.global_menu >ul >li ul {
display:none;
position:absolute; top:30px; left:-5px;
width:200px;
box-shadow:0 .5rem 1rem 0 hsl(0 0% 0% / 20%);
overflow:hidden;
background:rgba(249,249,249,1);
border-top: 1px solid #444;

/* 20250720 election 1->5に変更 */
z-index:5;
}

.global_menu >ul >li ul li {padding:0 15px;}
.global_menu >ul >li ul li:hover{background:#999;}
.global_menu >ul >li ul li:hover a{color:#fff;}

.global_menu >ul >li ul li a{
font-size:.8rem;
display:block;
line-height:1.3;
padding:10px 10px;
transition:all .4s ease;
}

/* Breadcrumb NavXT */
.breadcrumbs {box-sizing:border-box; max-width:1150px; padding:0 18px; margin-top:20px;}
@media screen and (min-width:768px) {.breadcrumbs {padding:0 30px;}}
@media screen and (min-width:990px) {.breadcrumbs {margin:20px auto 0;}}

.breadcrumbs, .hierarchy,
.breadcrumbs a, .breadcrumbs a:hover {color:#333; font-size:.9rem;}
.breadcrumbs a {text-decoration:underline;}
.hierarchy {margin:0 8px 0 5px}

/* -------------------------------
footer
------------------------------- */
footer a {color:#fff;}
footer a:hover {color:#777;}
footer img:hover {opacity: 0.5; transition-duration: 0.6s;}
.footer_top p:hover {color:#aaa; transition-duration: 0.6s;}

/* footer_top */
.footer_top {
background:#292C32;
padding:40px 0 30px;
border-top:double 4px #ccc;
}

.footer_weekly a {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
width:75%;
margin:0 auto;
}

.footer_weekly ul {
width: 100%;
display: flex;
justify-content:space-between;
margin-bottom: 10px;
}
.footer_weekly li {width:32%;}
.footer_weekly li:nth-child(4) {display: none;}

.footer_weekly div {width:100%; text-align:center;}
.footer_weekly div p:first-of-type {font-family:'DM Serif Text';font-weight:400;
font-size: 1.2rem;
letter-spacing: .5px;
margin-bottom: 10px;}
.footer_weekly div p {color:#fff;}

@media screen and (min-width:768px){
.footer_weekly a {width:80%;}
.footer_weekly ul {width:52%; margin-bottom:0;}
.footer_weekly div {width:43%; text-align:left;}
}
@media screen and (min-width: 990px){
.footer_weekly a {width:800px;}
.footer_weekly li {width:24%;}
.footer_weekly li:nth-child(4) {display: block;}
.footer_weekly div {width:43%;}
.footer_weekly h3+p {width:250px;}
}

/* footer_bottom */
.footer_bottom {background:#121212; padding:0 40px;}
.footer_bottom dd .fa-external-link-alt {font-size:.6rem; margin-left:4px;}
.footer_bottom>ul>li:nth-child(n+1):nth-child(-n+2) {border-bottom:1px solid #777;}
.footer_bottom>ul>li:nth-child(n+1) {padding:28px 0 25px;}
.footer_bottom>ul>li:nth-child(n+2) {padding:20px 0;}
.footer_bottom>ul>li:nth-child(n+3) {padding:20px 0 25px;}

@media screen and (min-width:990px) {
.footer_bottom>ul>li:nth-child(n+1):nth-child(-n+2) {border-bottom:1px solid #444;}
.footer_bottom>ul>li:nth-child(n+1) {padding:30px 0 15px;}
.footer_bottom>ul>li:nth-child(n+2) {padding:15px 0 8px;}
.footer_bottom>ul>li:nth-child(n+3) {padding:15px 0 20px;}
}

/* logo sns */
.footer_bottom ol {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start ;}
.footer_bottom ol li img {width:150px;}
.footer_bottom ol li {margin:0 8px; position:relative;}
@media screen and (min-width:990px) {
.footer_bottom ol li {margin:0 7px;}
}

.footer_bottom ol .logo {
width:100%;
text-align:center;
margin-bottom:20px;
}
.footer_bottom ol .logo img {
display:inline-block;
}
@media screen and (min-width:768px) {
.footer_bottom ol .logo {width:auto; margin:0 30px 0 0;}
.footer_bottom ol .logo img {display:block;}
}

.footer_bottom ol .facebook, .footer_bottom ol .twitter, .footer_bottom ol .insta {font-size:20px;}
.twitter-eng,.twitter-jp{
    width:20px !important;
    height:20px !important;
}
.twitter p{
    color: white;
    font-size:12px ;
    text-align: center;
}
.footer_bottom ol .gnews {
padding-left:1px;
margin-top:-1px;
}
.footer_bottom ol .gnews span {
display:inline-block;
padding:1px 2px 3px;
border:1px solid #999; 
}
.footer_bottom ol .gnews .fa-google {font-size:11px; margin-right:1px;}
.footer_bottom ol .gnews .fa-stream {font-size:10px;}
.footer_bottom ol .gnews span:hover {border:1px solid #777;}
.footer_bottom ol .adv {
font-size:13px;
width:100%;
text-decoration:underline;
text-align:center;
margin:20px 0 0;
}
.footer_bottom .fa-external-link-alt {font-size:.6rem;  margin-left:4px;}
@media screen and (min-width:768px) {
.footer_bottom ol .adv {
width: auto;
text-align:left;
margin:3px 0 0 25px;
}
}

.footer_bottom dl {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.footer_bottom dd {display:inline-block; font-size:.88rem; line-height:2.0; margin-right:10px;}
@media screen and (min-width:990px) {
.footer_bottom dd {font-size:.8rem;}
}

.footer_bottom dd:not(:last-child)::after {content: "/"; color:#999; margin-left:8px;}


/* copyright */
.copyright {color:#121212; background:#e5e5e5; text-align:center; font-size:.8rem; line-height:50px;}
@media screen and (min-width:650px) {
.copyright {line-height:60px;}
}

/* PAGE_TOP */
.page_top {position:fixed; right:0; bottom:-60px;}
.page_top a {display:block; width:50px; height:50px; background:rgba(34,34,34,0.5); color:#fff; text-align:center; font-size:20px; line-height:50px;}
.page_top a:hover {color:#fff; background:#353535;}
@media screen and (min-width:990px) {
.page_top a {width: 60px; height:60px; font-size: 22px; line-height:60px;}
}

/* -------------------------------
Google AD
------------------------------- */
.p-ads-rec-sp, .p-ads-billboard, .p-ads-rec, .p-ads-rec-pc, .p-ads-tile, .p-ads-top-billboard, .p-ads-top-banner{text-align:center;}

@media screen and (max-width:767px){
.p-ads-billboard{min-height:180px}
.p-ads-rec{min-height:250px}
.p-ads-rec-pc{min-height:0}
.p-ads-rec-sp{min-height:250px}
.p-ads-tile{min-height:80px}
.p-ads-top-banner{min-height:250px}
/* .p-ads-top-billboard{display:none} */
}

@media screen and (min-width:768px){
.p-ads-billboard{min-height:90px}
.p-ads-rec{min-height:250px}
.p-ads-rec-pc{min-height:0}
.p-ads-rec-sp{min-height:0}
.p-ads-tile{min-height:80px}
.p-ads-top-billboard{min-height:90px}
.p-ads-top-banner{display:none}
}

@media screen and (min-width:990px){
.p-ads-billboard{min-height:250px}
.p-ads-rec{min-height:250px}
.p-ads-rec-pc{min-height:250px}
.p-ads-rec-sp{min-height:0}
.p-ads-tile{min-height:80px}
.p-ads-top-billboard{min-height:250px}
.p-ads-top-banner{display:none}
}

/* hot word */
.header-featured-tags{
	position: relative;
	display: grid;
    grid-template-columns: auto 1fr;
	align-items: center;
	margin-top: 16px;
	padding: 0 18px;
}
.header-featured-tags::after{
	content: "";
	position: absolute;
	background: linear-gradient(270deg, #ffffff 40%, #ffffff2b);
	right: 0;
	width: 40px;
	height: 100%;
}
.header-featured-tags h2{
	margin-right: 8px;
	font-size: 12px;
	font-weight: unset;
}
.header-featured-tags ul{
	display: flex;
    align-items: center;
    font-size: 14px;
	gap: 10px;
	overflow-x: scroll;
 	-ms-overflow-style: none;
 	scrollbar-width: none;
	padding-right: 12px;
}
.header-featured-tags ul::-webkit-scrollbar{
	display: none;
}
.header-featured-tags li{
	border: 1px solid #000;
    padding: 4px 8px;
	flex-shrink: 0;
}
.header-featured-tags li:hover{
	background: #efefef;
}
.header-featured-tags a{
	color: #000;
}

@media screen and (min-width: 767px){
	.header-featured-tags{
		padding: 0 30px;
		max-width: 1500px;
        margin: 20px auto 0;
	}
}
/* hot word */

/* ramen of japan book links */
.ramen_of_japan_book_links{
	width: 100%;
	display: flex;
	gap: 20px;
	margin-top: 16px;
}
.ramen_of_japan_book_links a{
	color: #fff;
	font-weight: bold;
	padding: 8px;
	width: 90px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.ramen_of_japan_book_links a:first-child{
	background: #0600ff;
}
.ramen_of_japan_book_links a:nth-child(2){
	background: #cc0201;
	font-size: 12px;
}
.ramen_of_japan_book_links a:nth-child(3){
	background: #ff9902;
	font-size: 12px;
}
.ramen_of_japan_book_links a:last-child{
	background: #00a4bd;
}
/* 20250703 追記 */
.single_in_ramenOfJapan{
	margin-top: 32px;
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding: 24px 0;
}
.single_in_ramenOfJapan-area > a{
	display: flex;
	margin-bottom: 24px;
}
.single_in_ramenOfJapan-area .single_in_ramenOfJapan-image{
	width: 240px;
	min-width: 100px;
    margin-right: 16px;
}
.single_in_ramenOfJapan-area .single_in_ramenOfJapan-text p{
	text-decoration: underline;
}
@media screen and (max-width: 490px){
	.ramen_of_japan_book_links{
		display: unset;
	}
	.ramen_of_japan_book_links a{
		width: 100%;
		margin-bottom: 14px;
	}
	.ramen_of_japan_book_links a:last-child{
		margin-bottom: 0;
	}
	.single_in_ramenOfJapan{
		padding: 16px 0;
	}
	.single_in_ramenOfJapan-area > a{
		margin-bottom: 0;
	}
	.single_page .bloc_2 .single_in_ramenOfJapan-area .single_in_ramenOfJapan-text p{
		font-size: 16px;
	}
}
/* /ramen of japan book links */

/* category page tag */
.category__articleList__tag{
	display: flex;
    margin-top: 26px;
    flex-wrap: wrap;
    gap: 4px 6px;
}

.category__articleList__tag a:first-child{
/* 	display: none; */
}
.categoryParent__articleList__tag a:first-child{
	display: none;
}
.category__articleList__tag a,
.articleRankingPage .articleRankingPage__articleList__tag a{
    border: 1px solid #000;
    padding: 3px 6px;
    flex-shrink: 0;
    font-size: 12px;	
	color: #000;
	width: unset;
	transition: unset;
}
.category__articleList__tag a:hover,{
	background: #efefef;
}
/* /category page tag */

/* Election chart */
.election_chart_area{
	width: 100%;
	/* max-width: 1500px; */
	max-width: 1160px;
	min-width: 325px;
	padding: 0 30px;
/*     margin: 24px auto; */
	margin: 24px auto 0;
}
.election_chart_area > a{
	display: inline-block;
}
.election_chart_img{
	width: 200px;
}
.election_title {
	text-align: center;
	margin: 0;
	font-size: 1.8em;
	margin-top: 16px;
	margin-bottom: 16px;
}
.election_new_stacked_bar_area{
	position: relative;
}
.election_rulingParties_oppositionParties_Area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 20px;
	padding: 0 0 10px;
}
.election_rulingParties,
.election_oppositionParties{
	font-size: 1.3rem;
} 
.election_rulingParties {
	color: #be002e;
}
.election_rulingParties>span:nth-child(1) {
	margin-right: 8px;
	font-size: 1.5em;
}
.election_majority {
    font-size: 12px;
    text-align: center;
    margin: 0px 0 10px 0;
	position: absolute;
	top: 32px;
	width: 100%;
}
.election_oppositionParties {
	color: #006cae;
}
.election_oppositionParties>div:nth-child(1){
	font-size: 1rem;
	color: #999999;
	text-align: right;
}
.election_oppositionParties>div:nth-child(1)>span:nth-child(2) {
	margin-left: 8px;
	font-size: 1.5em;
}

.election_oppositionParties>div:nth-child(1)>span:nth-child(2),
.election_oppositionParties>div:nth-child(2)>span:nth-child(2) {
	margin-left: 8px;
	font-size: 1.5em;
}
.election_oppositionParties .election_uncontesterd_other{
	font-size: 12px;
}
#past-stacked-area {
	margin-top: 18px;
}
#past-stacked-area .past-stacked-area-title {
	margin: 0;
}
#stacked-bar,
#past-stacked-bar {
	display: flex;
	width: calc(100% - 2px);
	height: 46px;
	border: 1px solid #ccc;
	position: relative;
	font-size: 14px;
	color: white;
/* 	overflow: hidden; */
}
#past-stacked-bar {
	height: 20px;
}
.election_halfwayLine {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: repeating-linear-gradient(to bottom, black 0, black 2px, transparent 2px, transparent 4px);
	z-index: 5;
}
.segment {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
/* 	overflow: hidden; */
	color: white;
	width: 0;
	transition: width 1s ease, right 1s ease;
	will-change: width, right;
}
.segment-a {
	position: absolute;
	left: 0;
	background-color: #be002e;
/* 	z-index: 1; */
}
.segment-b,
.segment-c {
	position: absolute;
	top: 0;
	right: 0;
	justify-content: flex-end;
}
.segment-undecided {
	width: 100px;
	background-color: #eeeeee;
	position: absolute;
	transition: opacity 1s ease-in-out;
	opacity: 0;
	z-index: -1;
}
.segment-undecided.animation{
	opacity: 1;
}
.segment-b {
	background-color: #999999;
/* 	z-index: 2; */
}
.segment-c {
	background-color: #006cae;
/* 	z-index: 3; */
}
.election_new_stacked_bar_area .segment-rulingParties-non-elected{
	position: absolute;
	left: 0;
	background: #df8ea1;
	z-index: 1;
}
.election_new_stacked_bar_area .segment-oppositionParties-non-elected{
	position: absolute;
	right: 0;
	background: #84b8d7;
	z-index: 1;
}
/* 非改選数 */
.election_new_stacked_bar_area .segment-rulingParties-non-elected .segment-non-elected-line{
	position: relative;
	margin-left: auto;
	transform: scale(-1, 1);
}
.election_new_stacked_bar_area .segment-rulingParties-non-elected .segment-non-elected-line::after{
    content: "";
    position: absolute;
    top: 23px;
    width: 8px;
    height: 9px;
    display: block;
    margin-left: auto;
    border-left: 1px dashed #000;
	border-bottom: 1px dashed #000;
}
.election_new_stacked_bar_area .segment-rulingParties-non-elected .segment-non-elected-line::before{
	content: "Uncontested seats 75";
    display: block;
    position: absolute;
    top: 27px;
    left: 15px;
    color: #000;
    transform: scale(-1, 1);
	font-size: 11px;
}
.election_new_stacked_bar_area .segment-oppositionParties-non-elected .segment-non-elected-line{
	position: relative;
	margin-right: auto;
}
.election_new_stacked_bar_area .segment-oppositionParties-non-elected .segment-non-elected-line::after{
    content: "";
    position: absolute;
    top: 23px;
    width: 8px;
    height: 9px;
    display: block;
    margin-right: auto;
    border-left: 1px dashed #000;
	border-bottom: 1px dashed #000;
}
.election_new_stacked_bar_area .segment-oppositionParties-non-elected .segment-non-elected-line::before{
	content: "Uncontested seats 46";
    display: block;
    position: absolute;
    top: 27px;
    left: 15px;
    color: #000;
	font-size: 11px;
}
/* 
 * 各党のstyle 
 */
.election_partyArea {
	display: flex;
	text-align: center;
	margin-top: 24px;
}
.election_partyArea > li > ul{
	display: flex;
}
.election_rulingParties_area_ul > li{
	border: 1px solid #c5c5c5;
}
.election_oppositionParties_independent_area_ul > li{
	border: 1px solid #c5c5c5;
}
/* liにかけたborderの被っている部分を削除 */
.election_rulingParties_area_ul>li+li:last-child{
	border-right: none;
}
.election_rulingParties_area_ul>li+li,
.election_oppositionParties_independent_area_ul>li+li {
	border-left: none;
}
.election_party_rulingParties>p:first-child,
.election_party_independent>p:first-child,
.election_party_oppositionParties>p:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	color: #fff;
	font-size: 14px;
	margin: 0;
}
.election_party_rulingParties>p:first-child {
	background: #be002e;
}
.election_party_independent>p:first-child {
	background: #999999;
}

.election_party_oppositionParties>p:first-child {
	background: #006cae;
}
.election_partyArea .political_parties {
	margin: 12px 0;
	color: #000;
    font-size: 16px;
}
.election_update_time{
	margin-top: 8px;
	text-align: right;
}
@media screen and (max-width: 989px){
	.election_chart_area {
    	margin: 24px auto 0;
	}
	.election_title{
		font-size: 24px;
	}
	.election_majority{
		top: 32px;
	}
	.election_rulingParties,
	.election_oppositionParties{
		font-size: 0.9rem;
	} 
	#past-stacked-area .past-stacked-area-title{
		font-size: 14.4px;
	}
	.election_partyArea {
		flex-wrap: wrap;
		position: relative;
		margin-top: 16px;
	}
	.election_rulingParties_area,
	.election_oppositionParties_independent_area{
		width: 50% !important;
		display: flex;
	}
	.election_oppositionParties_independent_area{
		justify-content: right;
	}
	.election_partyArea > li > ul {
		display: unset;
	}
	.election_partyArea .election_oppositionParties_independent_area_ul{
		display: inline-grid;
	}

	.election_rulingParties_area_ul > li,
	.election_oppositionParties_independent_area_ul > li{
		border: none;
		margin-bottom: 12px;
	}
	.election_partyArea li .election_party_rulingParties_seat{
		margin-right: 8px;
	}
	.election_partyArea li .election_party_independent_seat,
	.election_partyArea li .election_party_oppositionParties_seat{
		margin-left: 4px;
	}
	.election_partyArea .independent_li{
		order: 1;
	}
	
	/* 	 */
	.election_partyArea .election_oppositionParties_independent_area_ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		min-width: 430px;
	}
	.election_oppositionParties_independent_area ul li{
		width: calc(100% / 3) !important;
	}
	/* 	 */
	/* 各党を囲む棒線 */
	.election_party_rulingParties,
	.election_party_independent,
	.election_party_oppositionParties{
		position: relative;
		display: flex;
		align-items: center;
		border: 1px solid;
    	width: 130px;
    	height: 30px;
    	border-radius: 4px;
		margin-left: auto;
	}
	/* 与党の色 */
	.election_party_rulingParties:before{
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
        height: 100%;
        width: 8px;
		background: #be002e;
		border-radius: 3px 0 0 3px;
	}	
	/*　野党の色　*/
	.election_party_oppositionParties:before{
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
        height: 100%;
        width: 8px;
		background: #006cae;
		border-radius: 0 3px 3px 0;
	}
	/*　無所属・諸派の色　*/
	.election_party_independent:before{
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
        height: 100%;
        width: 8px;
		background: #999999;
		border-radius: 0 3px 3px 0;
	}
	.election_party_rulingParties>p:first-child{
		width: 100px;
		margin-right: 8px;
		justify-content: right;
	}

	.election_party_independent>p:first-child,
	.election_party_oppositionParties>p:first-child{
		width: 100px;
		margin-left: 8px;
		order: 1;	
		justify-content: left;
	}
	/* PC表示で利用していた背景色削除 */
	.election_party_rulingParties>p:first-child,
	.election_party_independent>p:first-child,
	.election_party_oppositionParties>p:first-child{
		background: unset;
	}
	.election_party_rulingParties>p:first-child {
		color: #be002e;
		font-weight: bold;	
	}
	.election_party_independent>p:first-child {
		color: #5d5d5d;
		font-weight: bold;	
	}
	.election_party_oppositionParties>p:first-child {
		color: #006cae;
		font-weight: bold;	
	}
	.election_partyArea .political_parties {
		margin: 0;
		width: 28px;
		font-size: 14px;
	}
	/* 文字が長いためサイズを小さく */
	.election_party_independent:nth-child(1) p:first-child{
		font-size: 12px;
	}
	.election_oppositionParties > div:nth-child(1) > span:nth-child(1){
		font-size: 14.4px;
	}
}
@media screen and (max-width: 767px){
	.election_majority{
		top: 23px;
	}
	.election_rulingParties, 
	.election_oppositionParties > div{
/* 		display: inline-grid; */
	}
	.election_oppositionParties > div:nth-child(1){
		order: -1;
	}
	.election_oppositionParties>div:nth-child(1)>span:nth-child(2),
	.election_oppositionParties>div:nth-child(2)>span:nth-child(2){
		order: -1;
		text-align: right;
	}
}
@media screen and (max-width: 650px){
	.election_partyArea .election_oppositionParties_independent_area_ul{
		min-width: 285px;
	}
	.election_oppositionParties_independent_area ul li{
		width: calc(100% / 2) !important;
	}
	#past-stacked-area {
		margin-top: 30px;
	}
	.election_new_stacked_bar_area .segment-rulingParties-non-elected .segment-non-elected-line::after{	
    	border-left: 1px dashed #000;
    	border-bottom: none;
	}
	.election_new_stacked_bar_area .segment-rulingParties-non-elected .segment-non-elected-line::before{
    	top: 34px;
    	left: -18px;
	}
	.election_new_stacked_bar_area .segment-oppositionParties-non-elected .segment-non-elected-line::after{
		border-bottom: none;
	}
	.election_new_stacked_bar_area .segment-oppositionParties-non-elected .segment-non-elected-line::before{
		top: 34px;
    	left: -49px;
	}
}
@media screen and (max-width: 500px){
	.election_rulingParties_area{
		position: absolute;
	}
	.election_oppositionParties_independent_area{
		width: 100% !important;
	}
	.election_partyArea .election_oppositionParties_independent_area_ul{
		width: unset;
		min-width: 250px;
		display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
	}
	.election_partyArea .election_oppositionParties_independent_area_ul .mobile_oppositionParties_li,
	.election_partyArea .election_oppositionParties_independent_area_ul .mobile_oppositionParties_li{
		width: 100% !important;
	}
	
	/* 政党の数によって変更 */
	.election_partyArea .election_oppositionParties_independent_area_ul .independent_li:nth-child(2n) > div,
	.election_partyArea .election_oppositionParties_independent_area_ul .mobile_oppositionParties_li_part:nth-child(2n) > div{
		margin-left: unset;
		margin-right: auto;
	}
	.election_partyArea .election_oppositionParties_independent_area_ul .independent_li:nth-child(2n) > div p:first-child,
	.election_partyArea .election_oppositionParties_independent_area_ul .mobile_oppositionParties_li_part:nth-child(2n) > div p:first-child{
		width: 100px;
   		margin-right: 8px;
    	justify-content: right;
    	order: 0;
	}
	.election_partyArea .election_oppositionParties_independent_area_ul .independent_li:nth-child(2n) > div p:last-child,
	.election_partyArea .election_oppositionParties_independent_area_ul .mobile_oppositionParties_li_part:nth-child(2n) > div p:last-child{
		margin-left: 0;
		margin-right: 8px;
	}
	.election_partyArea .election_oppositionParties_independent_area_ul .independent_li:nth-child(2n) .election_party_independent:before,
	.election_partyArea .election_oppositionParties_independent_area_ul .mobile_oppositionParties_li_part:nth-child(2n) .election_party_oppositionParties:before{
        left: 0;
        border-radius: 3px 0 0 3px;
	}
}
@media screen and (max-width: 480px){
	.election_rulingParties>span:nth-child(1) {
		margin-right: 4px;
	}
	.election_oppositionParties>div:nth-child(1)>span:nth-child(2), 
	.election_oppositionParties>div:nth-child(2)>span:nth-child(2){
		margin-left: 4px;
	}
	.election_majority{
		top: 3px;
	}
	.election_update_time{
		font-size: 11px;
	}
}
/* /election chart */

/* ■■■■■■■■■■■■
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;
}
/* 20250806 修正 */
.search__category__lists {
    width: 260px;
    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;
	padding: 9px 10px 7px;
}
.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;
}

/* 20250805 追加 */
/* .search_page button {
    cursor: pointer;
    height: 30px;
    font-size: 0.7rem;
    color: #fff;
    background: #121212;
    padding: 9px 10px 7px;
} */
.search__category__wrap input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
	height: 16px;
    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);
}
@media screen and (max-width: 500px) {
    .results h1,
    .results p {
        margin: 48px 10px 5px;
    }
    .search__category__wrap {
        margin-top: 0;
        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;
    }
}
/* category child tag */
.category_child .category__articleList__tag a:nth-child(1){
	display: none;
}
/* post time image */
.front__layout__postTimeAgo,
.front__layout__postTime{
	display: flex;
}
.front__layout__postTimeAgo::before,
.front__layout__postTime::before{
	content: "\f017";
	display: block;
	margin-right: 4px;
	font-style: normal;
	font-family: Font Awesome\ 5 Free;
}
/* /post time image */