@charset "utf-8";
/*
Theme Name: JAPL9(2025)
Theme URI:
Description:JAPL9(2025)
Author:
Author URI:
Version:202510
*/

/*
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
.fontw-100{font-weight:100}
.fontw-200{font-weight:200}
.fontw-300{font-weight:300}
.fontw-400{font-weight:400}
.fontw-500{font-weight:500}
.fontw-600{font-weight:600}
.fontw-700{font-weight:700}
.fontw-800{font-weight:800}
.fontw-900{font-weight:900}
.fontw-inherit{font-weight:inherit}
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700');
*/
html * , .uk-h1 , .uk-h2 , .uk-h3 , .uk-h4 , .uk-h5 , .uk-h6 , .uk-heading-2xlarge , .uk-heading-large , .uk-heading-medium , .uk-heading-small , .uk-heading-xlarge , h1 , h2 , h3 , h4 , h5 , h6 {
	font-family : "Noto Sans JP","游ゴシック","游ゴシック体",YuGothic,"YuGothic M","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
html {
	background : #f8f8f8;
	color : #333333;
;
	font-size : 16px;
	line-height : 1.5;
	-webkit-text-size-adjust : 100%;
	    -ms-text-size-adjust : 100%;
}
em {
	color : #333333;
}
/*
html {
  scroll-padding-top: 200px;
  -ms-scroll-padding-top: 200px;
}
*/
* + p:last-child {
	margin-bottom : 0;
}
a {
	background-color : transparent;
	color : #444444;
	outline : none;
	text-decoration : none;
	-webkit-text-decoration-skip : objects;
}
a.blue {
	color : #1e87f0;
	text-decoration : underline;
}
a:active , a:hover {
	outline : none;
	text-decoration : none;
}
a , a * {
	-webkit-transition : all 0.3s ease-out;
	   -moz-transition : all 0.3s ease-out;
	    -ms-transition : all 0.3s ease-out;
	        transition : all 0.3s ease-out;
}
a {
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}
.uk-button , .uk-navbar-nav > li > a {
	text-transform : none !important;
}

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

br.spon {
	display : block;
}
br.spoff {
	display : none;
}
.spbox {
	display : block;
}
@media screen and (min-width:640px) {
	br.spon {
		display : none;
	}
	br.spoff {
		display : block;
	}
	.spbox {
		display : none;
	}
}

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

@media (-width: 640px) {
	#hdnav {
		padding : 4px 0;
	}
}
#mainimage {
	background-color : #f21a50;
	background-position : center center;
	background-repeat : no-repeat;
	background-size : cover;
	font-family : Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
/*	height : 100vh;*/
	line-height : 0;
	position : relative;
}
/*#mainimage {
	height : 580px;
}*/
#toppgdown {
	background-image : url(images/mainimg_btn.png);
	background-position : center top;
	background-repeat : no-repeat;
	display : block;
	height : 78px;
	width : 162px;
}

/*
.hdlogo{
	fill:#fff;
	height: 40px;
	width: auto;
	color:#fff;
}
.hdlogo path {
	fill:#fff;
	color:#fff;
}
*/

#hdnav {
	padding : 4px 0;
}
@media (min-width: 640px) {
	#hdnav {
		padding : 14px 0;
	}
}
#hdnav * {
	color : #ffffff;
}
#hdnav {
/*	background-color : #f21a50;*/
	background-color : #e2254d;

}

#navigation .uk-navbar-nav > li > a {
	display : inline-block;
	font-family : "Noto Sans JP","游ゴシック","游ゴシック体",YuGothic,"YuGothic M","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	min-height : auto;
	padding : 0 10px;
	position : relative;
	text-decoration : none;
}
#navigation a::after {
	background : #ffffff;
	bottom : -4px;
	content : "";
	height : 2px;
	left : 0;
	position : absolute;
	transform : scale(0, 1);
	transform-origin : center top;
	transition : transform 0.3s;
	width : 100%;
}
#navigation a:hover::after {
	transform : scale(1, 1);
}
#navigation .lang a::after {
	background : transparent;
}


main {
	background-attachment : fixed;
}
main.page {
	background-attachment : scroll;
	background-image : url(images/bgggg.jpg);
	background-position : center top;
	background-repeat : no-repeat;
	background-size : 100% auto;
}

#top_plainenglish .uk-card * {
	background-color : #f21a50;
	color : #ffffff;
}
#top_plainenglish .uk-card .uk-button {
	background-color : #fff;
	color : #f21a50;
/*	background-color : #f94783;*/
	border : 1px solid #f94783;
	-webkit-box-shadow : 1px 2px 8px rgba(0,0,0,0.26);
	        box-shadow : 1px 2px 8px rgba(0,0,0,0.26);
	margin-top : 1.4rem;
}
#top_plainenglish .uk-card .uk-button:hover {
	color : #fff;
	background-color : #b30f47;
	border : 1px solid #ffffff;
}

/*
#top_btns .uk-container {
padding:0;
}
*/

#top_btns a {
	color : #ffffff;
	display : block;
	font-size : 24px;
	padding : 40px 0;
	text-align : center;
}
#top_btns .btns_ico {
	align-items : center;
	display : flex;
	justify-content : center;
	margin-bottom : 10px;
}
#top_btns .btns_ttl span {
	display : block;
}
#top_btns .btns_ttl span:nth-child(2) {
	font-family : "Ubuntu";
	font-size : 14px;
	font-weight : 500;
}
.top_btns1 {
	background-color : #2196f3;
}
.top_btns2 {
	background-color : #00cc99;
}
.top_btns3 {
	background-color : #d3d13a;
}
.top_btns1:hover {
	background-color : #248cdf;
}
.top_btns2:hover {
	background-color : #2abb96;
}
.top_btns3:hover {
	background-color : #c4c22f;
}
#top_btns , #top_member {
	background : #f8f8f8;
}

#top_topics , #top_news {
	background-color : #ffffff;
}
#top_topics h2 , #top_member h2 , #top_news h2 {
	font-weight : 700;
}
#top_topics a , #top_news a {
	color : #666666;
}
#top_topics a.uk-button , #top_news a.uk-button {
	color : #ffffff;
}
#top_topics a span , #top_news a span {
	display : inline-block;
	margin-right : 10px;
}
.uk-button.linkbtn {
	background-color : #d30639;
/*	background-color : #f21a50;*/
	border : 1px solid #f94783;
	-webkit-box-shadow : 1px 2px 8px rgba(0,0,0,0.26);
	        box-shadow : 1px 2px 8px rgba(0,0,0,0.26);
	color : #ffffff;
	margin-top : 1.4rem;
}
.uk-button.linkbtn:hover {
	background-color : #eb3472;
}
#top_member img {
	border : 1px solid #cdcdcd;
}
footer {
	background : #f8f8f8;
	border-top : 2px solid #f21a50;
	font-size : 14px;
	padding : 20px 0;
}
.ft_breadcrumbs {
	font-size : 12px;
	margin-top : 60px;
	padding : 8px 0;
	text-align : right;
}
.ft_breadcrumbs , .ft_breadcrumbs a {
	color : #f21a50;
}
.ftmenu a {
    display: flex;
    align-items: center;
    padding: 4px 0;
}
#copyrights {
	font-size : 10px;
	margin-top : 20px;
	text-align : center;
}

#ct .pagedata {
	background-color : #ffffff;
	padding-bottom : 50px;
}
#ct .uk-container .uk-container {
	padding-left : 15px;
	padding-right : 15px;
}
@media (min-width: 640px) {
	#ct .uk-container .uk-container {
		padding-left : 30px;
		padding-right : 30px;
	}
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
	#ct .uk-container .uk-container {
		padding-left : 40px;
		padding-right : 40px;
	}
}
#pg_ttl {
	background-color : #f21a50;
	box-sizing : border-box;
	color : #ffffff;
	/*
	font-family: 'Noto Serif JP', serif;
*/
	font-size : 28px;
	padding : 14px 20px;
	white-space : nowrap;
}
@media (min-width: 960px) {
	#pg_ttl {
		display : block;
		font-size : 48px;
		min-width : 60%;
		padding : 30px 50px;
		/*width : 60%;*/
width:-moz-fit-content;
width : fit-content;
	}
	/*
	#pg_ttl.privacypolicy {
	width: 70%;
	min-width: 70%;
}
*/
}
#pg_ttl span {
	display : block;
	font-family : "Ubuntu";
	font-size : 14px;
	margin-top : 8px;
}
.pg_philosophy #pg_ttl {
	background-color : #2196f3;
}
.pg_plainenglish #pg_ttl {
	background-color : #e91e63;
}
.pg_consortium #pg_ttl {
	background-color : #d3d13a;
}
.pg_others #pg_ttl {
	background-color : #909090;
}
.pg_report #pg_ttl {
	background-color : #00cc99;
}


.subttl {
	font-weight : 700;
	text-align : center;
}
.subttl .border {
	background-color : #4b4b4b;
	display : block;
	height : 2px;
	margin : 16px auto;
	width : 40px;
}

.subpage_btn a {
	color : #ffffff;
	display : block;
	padding : 2rem;
	text-align : center;
	text-decoration : none;
}
.subpage_btn a:hover {
	color : #ffffff;
}
.subpage_btn span {
	display : block;
}
.subpage_btn .btns_ico img {
	max-height : 60px;
	width : auto;
}
.subpage_btn .btns_ico {
	align-items : center;
	display : flex;
	justify-content : center;
	margin-bottom : 10px;
}
.subpage_btn .btns_ttl span {
	display : block;
}
.subpage_btn .btns_ttl span:nth-child(2) {
	font-family : "Ubuntu";
	font-size : 12px;
	font-weight : 500;
}
.pg_plainenglish .subpage_btn a {
	background-color : #e91e63;
}
.pg_plainenglish .subpage_btn a:hover {
	background-color : #d81457;
}
.pg_plainenglish .subpage_btn > div > div:nth-child(odd) a {
	background-color : #f03977;
}
.pg_plainenglish .subpage_btn > div > div:nth-child(odd) a:hover {
	background-color : #e0306b;
}

.pg_consortium .subpage_btn a {
	background-color : #dbd959;
    height: 100%;
    box-sizing: border-box;
}
.pg_consortium .subpage_btn a:hover {
	background-color : #d3d13a;
}
.pg_consortium .subpage_btn > div > div:nth-child(odd) a {
	background-color : #d3d13a;
}
.pg_consortium .subpage_btn > div > div:nth-child(odd) a:hover {
	background-color : #dbd959;
}

.points10 h4 {
	margin-top: 2em;
}
.points10 h4 {
	margin-bottom: 0;
}
ol.writing {
	counter-reset : list;
	list-style-type : none;
	padding : 1.5em;
	margin-top: 0;
}

ol.writing li {
	line-height : 30px;
	margin : 7px 0 30px 30px;
	padding-left : 10px;
	position : relative;
}
ol.writing li:before {
	background : #e91e63;
	color : #ffffff;
	content : counter(list);
	counter-increment : list;
	font : 20px/1.6 "arial narrow", sans-serif;
	height : 30px;
	left : -40px;
	position : absolute;
	text-align : center;
	top : 16px;
	-webkit-transform : translateY(-50%);
	   -moz-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	     -o-transform : translateY(-50%);
	        transform : translateY(-50%);
	width : 30px;
}
ol.writing.pe_m2 {
	counter-reset : list 3;
}
ol.writing.pe_m3 {
	counter-reset : list 6;
}
ol.writing.pj_m2 {
	counter-reset : list 3;
}
ol.writing.pj_m3 {
	counter-reset : list 6;
}
ol.writing li:after {
	border-bottom : 4px solid transparent;
	border-left : 7px solid #e91e63;
	border-top : 4px solid transparent;
	content : "";
	display : block;
	height : 0;
	left : -10px;
	position : absolute;
	top : 16px;
	-webkit-transform : translateY(-50%);
	   -moz-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	     -o-transform : translateY(-50%);
	        transform : translateY(-50%);
	width : 0;
}
ol.writing li strong {
	color : #e91e63;
}
ol.writing li table {
	border-collapse : collapse;
	border-spacing : 0;
	width : 100%;
}
ol.writing li table th , ol.writing li table td {
	border : 1px solid #a3a3a3;
	padding : 6px 10px;
	text-align : center;
	width : 50%;
}
ol.writing li table th {
	background-color : #ebebeb;
	border-bottom : 3px double #a3a3a3;
	padding : 2px 10px;
}
.founder_thum_name {
	padding : 4px 0;
}
.founder_thum_position {
	font-size : 12px;
}
.founder_name {
	font-family : "Noto Serif JP", serif;
}

.memberlist img {
	border : 1px solid #d7d7d7;
}

.nyukai dd {
	margin : 20px 0 40px;
}

.nyukai ol.no1 li {
	list-style : none;
	margin-bottom : 0.4em;
	position : relative;
}
.nyukai ol.no1 li span {
	left : -1.4em;
	position : absolute;
}
.nyukai ol.no2 li {
	list-style : none;
	margin-bottom : 0.4em;
	position : relative;
}
.nyukai ol.no2 li span {
	left : -2.4em;
	position : absolute;
}

/*
.pg_report .pagedata .report::after{
    content: '';
    display: block;
    background: #ccc;
    height: 1px;
    width: 100%;
    margin-top: 30px;
}
*/




#spmenu {
	text-align : center;
}
.spmenuimg {
	padding : 40px 80px;
}

#spmenu a {
	display : block;
	padding : 8px;
}
#spmenu a::after {
	background : #cccccc;
	content : "";
	display : block;
	height : 1px;
	margin-top : 16px;
	width : 100%;
}


/* loading
---------- */
.infinite-more {
	margin-top : 30px;
	text-align : center;
}
.infinite-more .next_posts_link {
	display : none;
}
.infinite-more .view-more-button {
	background-color : #ffffff;
	border : 1px solid #588b68;
	color : #588b68;
	cursor : pointer;
	display : inline-block;
	padding : 10px 4rem;
	text-decoration : none;
	transition : 0.4s;
}
.infinite-more .view-more-button:hover {
	background : #588b68;
	color : #ffffff;
}

.loader {
	-webkit-animation : load3 1.4s infinite linear;
	        animation : load3 1.4s infinite linear;
	background : #808000;
	background :    -moz-linear-gradient(left, #808000 10%, rgba(128,128,0, 0) 42%);
	background : -webkit-linear-gradient(left, #808000 10%, rgba(128,128,0, 0) 42%);
	background :      -o-linear-gradient(left, #808000 10%, rgba(128,128,0, 0) 42%);
	background :     -ms-linear-gradient(left, #808000 10%, rgba(128,128,0, 0) 42%);
	background :         linear-gradient(to right, #808000 10%, rgba(128,128,0, 0) 42%);
	border-radius : 50%;
	font-size : 10px;
	height : 6em;
	margin : 50px auto;
	position : relative;
	text-indent : -9999em;
	-webkit-transform : translateZ(0);
	    -ms-transform : translateZ(0);
	        transform : translateZ(0);
	width : 6em;
}
.loader:before {
	background : #ffffff;
	border-radius : 100% 0 0 0;
	content : "";
	height : 50%;
	left : 0;
	position : absolute;
	top : 0;
	width : 50%;
}
.loader:after {
	background : #ffffff;
	border-radius : 50%;
	bottom : 0;
	content : "";
	height : 75%;
	left : 0;
	margin : auto;
	position : absolute;
	right : 0;
	top : 0;
	width : 75%;
}
@-webkit-keyframes load3 {
	0% {
		-webkit-transform : rotate(0deg);
		        transform : rotate(0deg);
	}
	100% {
		-webkit-transform : rotate(360deg);
		        transform : rotate(360deg);
	}
}
@keyframes load3 {
	0% {
		-webkit-transform : rotate(0deg);
		        transform : rotate(0deg);
	}
	100% {
		-webkit-transform : rotate(360deg);
		        transform : rotate(360deg);
	}
}

/* contactform
----------------- */
.contactform.uk-table th , .contactform.uk-table td {
	color : #333333;
	text-align : left;
	vertical-align : top;
}

.contactform th {
	font-size : 1rem;
	white-space : nowrap;
}
.contactform .uk-checkbox:checked , .contactform .uk-checkbox:indeterminate , .contactform .uk-radio:checked {
	background-color : #b80000;
}
.frm_btn1 {
	background-color : #ececec;
	border : 1px solid #c7c7c7;
}
.frm_btn1:hover {
	background-color : #87c0fc;
	border : 1px solid #4f9bec;
}

.contactform .uk-input , .contactform .uk-select , .contactform .uk-textarea {
	border-color : #acacac;
}
.contactform .uk-form-danger , .contactform .uk-form-danger:focus {
	border-color : #f0506e;
	color : #333333;
}

.pg_consortium .uk-heading-bullet span {
	font-size : 16px;
}
.pg_consortium .uk-heading-bullet span , .pg_consortium .en {
	color : #848484;
}

/*
*/
.jpelcest {
	background-color : #f21a50;
	border : none;
}
.jpelcest {
	position : relative;
}
.jpelcest:after {
	border-color : transparent transparent transparent #f21a50;
	border-style : solid;
	border-width : 27px 0 27px 10px;
	content : "";
	height : 0;
	position : absolute;
	right : -10px;
	top : calc(50% - 27px);
	width : 0;
}
@media screen and (max-width:640px) {
	.uk-button-large.jpelcest {
		line-height : 28px;
		padding : 0 24px;
	}
}

/*
.jpelcest::after,
.jpelcest::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

.jpelcest::after{
  z-index: 2;
  border-left-color: #ddd;
}
*/
/* bogo
---------- */
/*
.lang {
background-color:#3792bd;
  position: absolute;
  top: 0;
  right: 60px;
  z-index: 1;
  width: 40px;
  height: 40px;
  padding:10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
*/
.lang .uk-dropdown {
	padding : 4px;
}
#hdnav .bogo-language-switcher .en , #hdnav .bogo-language-switcher .ja {
	color : #f21a50;
}
#hdnav .bogo-language-switcher {
	color : #f21a50;
	margin : 0;
	padding : 0;
	text-align : center;
}
#hdnav .bogo-language-switcher a , .bogo-language-switcher .current {
	display : block;
	padding : 10px 20px;
}
#hdnav .bogo-language-switcher .untranslated {
	display : none;
}
#hdnav .bogo-language-switcher a {
	color : #f21a50;
}
#hdnav .bogo-language-switcher a:hover {
	background-color : #f21a50;
	color : #ffffff;
}
#hdnav .bogo-language-switcher .current {
	color : #cccccc;
}

#registerform .submit.confirmation , #registerform .submit.register {
	background : #3399ff;
	border : 1px solid transparent;
	box-sizing : border-box;
	color : #ffffff;
	cursor : pointer;
	display : inline-block;
	font-size : 0.875rem;
	line-height : 38px;
	padding : 0 30px;
	text-align : center;
	vertical-align : middle;
}

#mw_wp_form_mw-wp-form-398 , #mw_wp_form_mw-wp-form-398 th , #mw_wp_form_mw-wp-form-398 td {
	color : #333333;
	vertical-align : middle;
}
#mw_wp_form_mw-wp-form-398 .uk-input , #mw_wp_form_mw-wp-form-398 .uk-select , #mw_wp_form_mw-wp-form-398 .uk-textarea , #mw_wp_form_mw-wp-form-398 .uk-checkbox , #mw_wp_form_mw-wp-form-398 .uk-radio {
	border : 1px solid #bdbdbd;
}
#mw_wp_form_mw-wp-form-398 .error::before {
	color : #de074e;
	content : "▲ ";
}
#mw_wp_form_mw-wp-form-398 .checks .uk-text-small {
	color : #616161;
}


.leveltable table > tr:not(:first-child) , .leveltable table > :not(:first-child) > tr , .leveltable table > :first-child > tr:not(:first-child) {
	border-top : 1px solid #e5e5e5;
}
.hdmpe .uk-dropdown {
	padding : 4px;
}
/*
#hdnav .bogo-language-switcher .en,
#hdnav .bogo-language-switcher .ja {color: #f21a50;}
#hdnav .bogo-language-switcher {margin:0;padding:0;text-align:center;color: #f21a50;}
#hdnav .bogo-language-switcher a,.bogo-language-switcher .current {display:block;padding:10px 20px;}
#hdnav .bogo-language-switcher .untranslated {display:none;}
*/
#hdnav .bogo-language-switcher a {
	color : #f21a50;
}
#hdnav .bogo-language-switcher a:hover {
	background-color : #f21a50;
	color : #ffffff;
}
#navigation .hdmpe a::after {
	display : none;
}


.btns .wp-block-button__link {
	font-size : 14px;
	padding : 10px 18px;
}


#svg4 svg {
	height : 80px;
}

#svg4 svg #arrow {
	-webkit-transform : scale(0.6);
	    -ms-transform : scale(0.6);
	        transform : scale(0.6);
	-webkit-transform-origin : center;
	    -ms-transform-origin : center;
	        transform-origin : center;
}

#svg4 svg #circle {
	-webkit-animation-duration : 3s;
	        animation-duration : 3s;
	-webkit-animation-iteration-count : infinite;
	        animation-iteration-count : infinite;
	-webkit-animation-name : svg4;
	        animation-name : svg4;
	-webkit-transform-origin : center;
	    -ms-transform-origin : center;
	        transform-origin : center;
}

@-webkit-keyframes svg4 {
	0% {
		opacity : 1;
		-webkit-transform : scale(0);
		        transform : scale(0);
	}
	60% {
		opacity : 0;
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
	100% {
		opacity : 0;
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
}
@keyframes svg4 {
	0% {
		opacity : 1;
		-webkit-transform : scale(0);
		        transform : scale(0);
	}
	60% {
		opacity : 0;
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
	100% {
		opacity : 0;
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
}


.arrow {
	animation : 2s arrow-animation infinite ease-in-out;
	border : 1px solid #ffffff;
	height : 6px;
	left : 50%;
	position : absolute;
	top : 56px;
	width : 0;
}
.arrow::after {
	animation : 2s arrow-animation-arrow infinite ease-in-out;
	border-left : 4px solid transparent;
	border-right : 4px solid transparent;
	border-top : 8px solid #ffffff;
	content : "";
	display : block;
	height : 10px;
	left : -4px;
	position : absolute;
	top : 100%;
	width : 1px;
}

@keyframes arrow-animation {
	0% {
		height : 6px;
	}
	66% {
		border : 1px solid #c10b49;
		height : 40px;
	}
}
@keyframes arrow-animation-arrow {
	0% {
		border-top : 8px solid #ffffff;
	}
	66% {
		border-top : 8px solid #c10b49;
	}
}

#cn-notice-buttons .cn-button-custom {
background-color: #858585;
    padding: 4px 18px;
    border: 1px solid #afaeae;
    color: #fff;
}

.yururi .bnr1_box-title {
display: flex;
gap: 0 0.8em;
flex-wrap: wrap;
align-items: center;
.memo {
	font-size: .8rem;
}
}

/* 追加202510 */

#hdnav {
@media screen and (max-width:640px) {
min-height:50px;
display:grid;
align-items: center;
.uk-navbar {
gap:20px;
}
.uk-navbar-left {
img {
width:70vw;
}
}
}
}

.spmenu,
.ftmenu {
.ft_subblock {
margin-block:.8em;
a {
    display: flex;
    align-items: center;
}
}
.uk-icon {
svg {
height:14px;
width:14px;
}
}
}

.spmenu {
strong {
display:block;
background-color: #fafafa;
padding: 6px;

}
}



#top_plainenglish {
.uk-card-media-left {
@media screen and (max-width:640px) {
height: 40vw;
}
}
}


/* ジャンル表示 */
#top_topics {
	.date {
		display: flex;
		align-items: center;
	}
	.genre {
		font-size:10px;
		padding:.2rem .8rem;
		line-height: 1;
		/* margin-inline-start: .8rem; */
		color: #fff;
		display: inline-block;
	&.genre_newsrelease {
background-color: #c51d17;
	}
	&.genre_works {
		background-color: #1d538a;
	}
}
}

.genre_btn {
	display: inline-block;
	padding: .2em .8em;
	border: 1px solid #c9c9c9;
	border-radius: 8px;
	&:hover {
		background-color: #636363;
		border: 1px solid #636363;
		color: #fff;
	}
}