@charset "utf-8"; 
/*
theme Name: theme for Japan Update
version: 1.0.0
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000; 
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;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}

body {
	font-family: "Helvetica Neue","Verdana","Arial",sans-serif;
	font-size: 16px; 
	line-height: 1.7;
	margin: 0; 
	padding: 0; 
	color: #333; 
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold; 
}
img {
	max-width: 100%; 
	height: auto; 
}
figure {
	background-color: rgba(230,231,232, 0.7);
	padding: 0.5em;
	margin-bottom: 1em;
}
/* 画像の回り込み */
.alignnone {
padding: 4px;
margin: 0px 15px 0 15px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 4px;
}
.alignright {
float: right;
display: inline;
padding: 4px;
margin: 0px 15px 0 15px;
}
.alignleft {
float: left;
display: inline;
padding: 4px;
margin: 0px 15px 0 15px;
}
.cf:before, .cf:after {
	content: ""; 
	display: table; 
}
.cf:after {
	clear:both; 
}
@media screen and (max-width: 600px){
	figure {
		max-width: 100%; 
	}
	.alignnone {
		margin-right: auto; 
		margin-left: auto; 
	}
	.alignright {
		margin-right: auto;
		margin-left: auto;  
	}
	.alignleft {
		margin-left: auto; 
		margin-right: auto; 
	}
}
header {
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 99; 
	width: 100%; 
	transition: 0.3s; 
}
.header-inner, .footer-inner {
	width: 100%;
	background-color: #235BC8;
}
.header-inner {
	position: relative; 
}
.container {
	width: 100%; 
	display: flex;
	justify-content: space-between; 
	flex-direction: column;
	padding-top: 50px; 
}
.contents {
	width: 70%;
	margin-top: 30px;
	margin-left: auto; 
	margin-right: auto; 
}
.m-contents {
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
}
.site-title {
	position: relative;
	display: flex;
	align-items: center; 
	justify-content: flex-start;
}
.site-title h1 {
	display: flex; 
	align-items: center;
	margin: 0; 
	line-height: 1; 
	padding: 5px;
}
.site-title h1 img {
	width: auto; 
	height: 60px; 
}
.site-title a {
	display: block; 
}
.header-nav {
	max-width: 1200px; 
	padding: 0 10px; 
}
.header-nav ul {
	margin:0; 
	padding: 0; 
	list-style: none; 
	display: flex; 
	align-items: center;
	position:relative;
}
.header-nav li {
	display: block; 
	width: auto; 
	margin-left: 1.3em;
	border-bottom: 2px solid #FFFF00;
	transition: border .3s ease-in;
}
.header-nav li a {
	display: block; 
	padding: 3px 10px; 
	color: #fff;  
	font-size: 1.2em; 
	text-decoration: none; 
}
.header-nav li a:hover {
	opacity: 0.8;
}
#header-nav > li:hover { 
	border: none;
}
#header-nav ul.sub-menu {
	background-color: #21A0DB;
	display: none;
	position: absolute; 
	top: 100%; 
	left: auto; 
}
#header-nav ul li:hover > ul.sub-menu li {
	margin-left: 0; 
	list-style: none; 
	width: 200px;
	}
#header-nav ul li > ul.sub-menu li {
	position: relative; 
}
#header-nav ul li > ul.sub-menu li > ul.sub-menu {
	position: absolute; 
	top: 0; 
	left: 100%;
	background-color: #00AEEF;
	display: inline-block;
}
.slidebar {
	position: fixed; 
	z-index: 2; 
	top: 0; 
	right: 0; 
	left: 0; 
	bottom: 0; 
	overflow-y: scroll; 
	color: #fff; 
	text-align: center; 
	transform: translateX(100%); 
	transition: all 0.6s; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0,0,0, 0.7); 
	margin-top: 60px; 
	padding-top: -60px;
}
.slidebar .textwidget, .slidebar .menu-slide_nav-container ul {
	background-color: rgba(35, 91, 200, 0.4); 
	margin: 0 auto; 
	padding: 0; 
	width: 100%; 
}
.slidebar .menu-slide_nav-container ul li {
	font-size: 1.1em; 
	list-style-type: none; 
	padding: 0; 
	width: 100%; 
	border-bottom: 1px solid rgba(255,204,64, 1); 
}
.slidebar .menu-slide_nav-container ul li:last-child {
	padding-bottom: 0; 
}
.slidebar .menu-slide_nav-container ul li a {
	display: block; 
	color: #333; 
	padding: 1em 0; 
	text-decoration: none; 
	color: #fff;
}
.slidebar.active {
	transform: translateX(0%); 
}
.site-title .toggle-button {
	display: none; 
	position: absolute;
	top: 0; 
	right: 5%; 
	width: 70px; 
	height: 70px; 
	z-index: 3; 
	cursor: pointer; 
	text-align: center; 
}
.toggle-button span {
	display: block; 
	position: absolute; 
	width: 35px; 
	border-bottom: 3px solid #fff; 
	transition: .35s ease-in-out; 
	left: 50%;
}
.toggle-button span:nth-child(1) {
	top: 35%; 
}
.toggle-button span:nth-child(2) {
	top: 50%; 
}
.toggle-button span:nth-child(3) {
	top: 65%; 
}
.toggle-button.active span:nth-child(1) {
	top: 50%; 
	left: 50%; 
	transform: rotate(-45deg); 
}
.toggle-button.active span:nth-child(2), 
.toggle-button.active span:nth-child(3) {
	top: 50%; 
	transform: rotate(45deg); 
}
.sll-tp .sll-icn {
	color: #fff; 
	background-color: rgba(237,26,61, 0.8);
	padding: 0.2em 0; 
	border-color: transparent;
	border-radius: 5px;
}
.sll-tp {
	position: fixed; 
	bottom: 20px; 
	right: 20px; 
	z-index: 9999;
}
.sll-tp .sll-icn a {
	text-decoration: none; 
}
.slidebar div:nth-child(3) {
	padding-bottom: 50px; 
	margin-bottom: 50px;
}
.slidebar div:nth-child(3) h2.title {
	background-color: rgba(35, 91, 200, 0.4); 
}
.share-sp .facebook .slfb-cl {
	font-size: 3em; 
	color: #fff; 
}
.slidebar div:nth-child(3) .textwidget {
	display: flex; 
	align-items: center; 
	justify-content: center;
}
.slidebar div:nth-child(3) .textwidget .share ul {
	list-style: none; 
}
.header-inner .site-title .head-sns a i {
	font-size: 3em; 
	color: #fff; 
	margin-left: 2em; 
}
@media screen and (max-width: 800px){
	.container {
		flex-direction: column;
		justify-content: center; 
	}
	header {
		height: 60px; 
	}
	.header-inner {
		height: 60px; 
	}
	.site-title h1 img {
		height: 50px;
	}
	#header-nav {
		display: none; 
	}
	.site-title .toggle-button {
		display: block; 
	}
	.site-title .toggle-button {
		height: 60px; 
	}
	.header-inner .site-title .head-sns a i {
		margin-left: 1.5em; 
	}
}
.footer-nav-area .footer-list {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-around; 
	list-style: none;
}
.footer-nav-area .footer-list .footer-plist{
	font-size: 1.5em; 
	font-weight: bold;
	padding: 1em; 
	margin: 1em; 
}
.footer-nav-area .footer-list .footer-plist a {
	text-decoration: none; 
	color: #fff;
}
.footer-nav-area .footer-list .footer-plist > a {
	display: block; 
	border-bottom: 2px solid #eee;
	padding-bottom: 0.3em; 
	width: 100%; 
}
.footer-nav-area .footer-list .footer-plist .footer-clist {
	list-style: none; 
}
.footer-nav-area .footer-list .footer-plist .footer-clist a {
	font-size: 0.7em; 
	font-weight: normal; 
	color: #fff;
	display: block; 
	width: 100%;
}
.footer-nav-area .footer-list .footer-plist .footer-clist a:hover {
	background-color: rgba(147,149,152, 0.4);
}
.footer-nav-area .footer-list .footer-plist .footer-clist .footer-gclist {
	list-style: none; 
}
#footer-nav {
	display: flex; 
	justify-content: center; 
}
#footer-nav ul {
	width: 90%; 
	display: flex; 
	flex-wrap: wrap; 
	border-top: 2px solid #fff;
	border-radius: 3px; 
	padding-top: 1em; 
}
#footer-nav ul li {
	margin-bottom: 0.7em;
	padding: 0.2em 1em; 
	border-right: 1px solid #FFFF00; 
}
#footer-nav ul li a {
	font-size: 0.7em;
	color: #fff; 
	display: block; 
	text-decoration: none; 
}
.footer-inner .copyright {
	text-align: center; 
	}
.footer-inner .copyright p {
	color: #fff; 
	font-size: 0.7em; 
	padding-bottom: 0.5em;
}
@media screen and (max-width: 600px){
.footer-nav-area .footer-list .footer-plist {
	width: 100%; 
}
}
.ju-ind a {
	width: 100%;
	display: flex;  
	text-decoration: none; 
}
.macon {
	width: 100%; 
}
.ju-ind {
	width: 100%; 
	border-bottom: 2px solid #eee; 
	padding-bottom: 0.5em; 
	margin-bottom: 0.5em;
}
.ju-ind a .list-img {
	flex-basis: 30%; 
	display: flex; 
	align-items: center; 
	padding: 0.3em; 
}
.ju-ind a .list-img img {
	width: calc(100%); 
}

.ju-ind a .text {
	flex-basis: 70%; 
	padding: 1em; 
}
.ju-ind a .text h2 {
	width: 100%; 
	display: flex; 
	justify-content: center; 
	color: #fff; 
	background-color: #004B88; 
	font-size: 1.3em;
	padding: 0.2em; 
}
.pagination {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	padding-top: 0.3em; 
	padding-bottom: 0.3em; 
	margin: 1em; 
}
.pager{
	text-align:center;
}
a.page-numbers,
.pagination .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:0.3em 0.8em;
	margin:0 0.4em;
	text-decoration: none; 
}
a.page-numbers:hover {
	background-color: rgba(35,91,200, 0.6);
	color: #fff;
}
.pagination .current{
	background-color:#3F9877;
	border:solid 1px #3F9877;
	color:#fff;
}
#sidebar {
	width: 25%;
	border: 5px solid #eee; 
	border-top: none;
	margin-top: 30px;
}
.sidebar-inner {
	padding: 1em; 
}
#sidebar .side-title {
	background-color: red; 
	padding-top: 0.5em; 
	padding-bottom: 0.5em; 
	padding-left: 0.5em; 
	font-size: 1.5em; 
	color: #fff;
	margin-bottom: 1em;
}
.category-name {
	text-align: center; 
	font-size: 2em; 
	padding: 0.3em; 
	margin-top: 0.3em; 
	margin-bottom: 0.3em; 
	border-bottom: 3px solid #eee;
}
	#sidebar {
			background-color: #eee; 
	}
	.sidebar-inner nav ul li {
		width: 100%;
		display: flex; 
		justify-content: center;
		margin-bottom: 1.5em;
		border-bottom: 1px solid #004B88; 
		position: relative; 
		background-color: #fff;
	}
		.sidebar-inner nav ul li a {
		display: block;
		text-decoration: none; 
		padding: 0.7em;
		text-align: center;
	}
	.sidebar-inner nav ul li a .cms-nav-txt .cms-nav-tit {
		font-size: 1.3em; 
		color: #004B88; 
	}
	.sidebar-inner nav ul li a .cms-nav-txt .cms-nav-info {
		color: #5E7C85; 
	}
	.sidebar-inner nav ul li a .cms-nav-txt .cms-nav-info .cms-nav-date {
		border-bottom: 1px solid #97C3D0;
	}
	.cms-nav.cms-nav-ranking li::after {
    pointer-events: none;
    position: absolute;
    display: block;
    content: '';
    letter-spacing: 0.1em;
    font-size: 16px;
    font-weight: 800;
    top: -1.3em;
    left: 0;
    width: 24px;
    height: 24px;
    padding: 3px;
    margin-top: 3px;
    background: #bbb;
    text-align: center;
    color: #fff;
    box-shadow: 3px 3px rgba(0,0,0,0.6); 
}

.cms-nav.cms-nav-ranking li:nth-child(3)::after,
.cms-nav.cms-nav-ranking li:nth-child(2)::after,
.cms-nav.cms-nav-ranking li:nth-child(1)::after {
    width: 24px;
    height: 24px;
    font-size: 16px;
}

.cms-nav.cms-nav-ranking li:nth-child(1)::after {
    content: '1';
    background: #bca045;
}

.cms-nav.cms-nav-ranking li:nth-child(2)::after {
    content: '2';
    background: #7d7d7d;
}

.cms-nav.cms-nav-ranking li:nth-child(3)::after {
    content: '3';
    background: #9b7155;
}

.cms-nav.cms-nav-ranking li:nth-child(4)::after {
    content: '4';
}

.cms-nav.cms-nav-ranking li:nth-child(5)::after {
    content: '5';
}
@media screen and (max-width: 800px){
	.contents {
		width: 100%; 
		margin-top: 10px;
}
	#sidebar {
		width: 100%; 
		border: none;
		margin-top: 0;
	}
	.sidebar-inner {
		padding: 0;
	}
	.sidebar-inner nav ul li a .cms-nav-txt {
		width: 100%; 
		text-align: left;
		margin-left: 0.5em; 
	}
	.sidebar-inner nav ul li {
		width: 90%; 
		margin-left: auto; 
		margin-right: auto;
	}
}
.story {
  font-size: 1em;
  margin: 0;
  padding: 0 25px 25px;
}
 
.story-info .cat-data a {
  text-decoration: none;
  color: #fff;
}
 
.story-info .cat-data a:hover {
  opacity: .8;
}
 
.story-img {
  max-width: 640px;
  margin: 30px auto;
  text-align: center;
}
 
 
/*タグ*/
 
.story-tag {
  text-align: right;
}
 
.story-tag ul {
  list-style: none;
}
 
.story-tag li {
  display: inline-block;
  color: #464646;
}
 
.story-tag li a {
  font-size: .8em;
  margin-right: 7px;
  padding: 2px 7px;
  text-decoration: none;
  color: #464646;
  border: solid 1px #464646;
  border-radius: 2px;
}
 
.story-tag li a:hover {
  opacity: .8;
}
 
.story p {
  margin-top: 0;
  margin-bottom: 30px;
}
 
.story h1 {
  font-size: 1.7em;
  margin: .3em 0;
}
 
.story h2 {
  font-size: 1.5em;
  margin-top: 3em;
  margin-bottom: 1.5em;
  padding: .4em 0;
  border-bottom: solid 5px #464646;
}
.story p {
	font-size: 17px; 
}
.story h2 {
	margin-top: 1em;
	margin-bottom: 0.3em; 
}
.story .story-dt .story-info {
	margin-bottom: 0.7em; 
	text-align: right; 
	border-bottom: 1px solid #004B88;
	padding-bottom: 0.5em;
}
.story .story-img {
	margin-bottom: 0.2em;
}
#breadcrumb {
	background-color: #000; 
	padding: 0.5em;
	text-align: center;
}
#breadcrumb span {
	color: #fff;
	font-weight: bold;
}
.wp-caption {
	font-size: 0.9em; 
	font-style: italic; 
}
.errltst {
	background-color: orange;
	padding-top: 0.3em; 
	padding-bottom: 0.3em; 
	margin-bottom: 0.7em; 
	text-align: center; 
	width: 100%; 
	font-size: 1.5em; 
	font-weight: bold;
	color: #fff;
}
@media screen and (max-width: 800px){
.error-page {
	margin-top: 60px; 
	padding-top: -60px; 
}
}
.header-search {
	position: fixed; 
	z-index: 2; 
	top: 0; 
	right: 0; 
	left: 0; 
	bottom: 0;
	width: 100%; 
	background-color: rgba(81,82,84, 0.8);
	transform: translateX(100%); 
	transition: all 0.5s ease; 
}
.header-search.active {
	transform: translateX(0%); 
}
 .search-button {
  z-index: 9999;
  position: absolute;
  right: 5%;
  top: 15%;
  transition: all 0.5s ease; 
  }
  .search-button.active {
  	right: 47%; 
  	top: 200%; 
  	text-align: center;
  }
  .search-button .slide-search-txt {
  	opacity: 0; 
  }
  .search-button.active .slide-search-txt {
  	color: #fff;
  	opacity: 1;
  }
 .search-button .fa-search {
  font-size: 2em;
  padding: 0.3em;
  padding-bottom: -0.2em;
  cursor: pointer;
  color: #F47A44;
  border: 2px solid #ABE1FA;
  border-radius: 6px;
  background-color: rgba(247,252,254, 1);
  }
  .header-search .searchsubmit:hover {
  opacity: .6;
}
.header-search .searchform {
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  width: 80%;
}
.header-search .searchfield {
  font-size: 14px;
  width: 100%;
  margin: 3px;
  padding: 10px;
  border: solid 1px #bbb;
  border-radius: 4px;
  background-color: #fff;
}
.header-search .searchsubmit {
  font-size: 1.4em;
  position: absolute;
  top: 0;
  right: -2%;
  padding: 0.3em;
  cursor: pointer;
  color: #6297f5;
  border: none;
  background: transparent;
}
@media screen and (max-width: 800px){
	.search-button {
  		display: none; 
  	}
  }
.slidebar .searchform {
	margin-top: 1em; 
	padding-bottom: 1em; 
	border-bottom: 1px solid rgba(255,204,64, 1); 
	margin-left: auto;
	margin-right: auto;
	width: 100%; 
	position: relative; 
}
.slidebar .searchform .searchfield {
	width: 80%; 
	padding: 0.5em; 
	border-radius: 5px; 
	font-size: 1em;
}
.slidebar .searchform .searchsubmit {
	position: absolute; 
	background: none; 
	border: none; 
	top: 13%; 
	right: 9%; 
	cursor: pointer; 
}
.slidebar .searchform .searchsubmit i.fa-search {
	font-size: 2em;
	color: #00AEEF; 
	background-color: transparent; 
}

.searchresult {
	font-size: 1.3em; 
	background-color: #000; 
	color: #fff; 
	margin-bottom: 1em; 
	padding-top: 1em; 
	padding-bottom: 0.5em; 
	text-align: center;
}
.post-navigation {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee;
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
}
.post-navigation a {
	text-decoration: none; 
	display: block; 
	color: #004B88; 
	font-size: 1.3em; 
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee; 
	padding: 1em; 
	transition: 0.6s ease;
}
.post-navigation a:hover{
	background-color: #004B88; 
	color: #fff; 
}
.share-sp ul {
	list-style: none; 
}
.share ul {
	list-style: none; 
	display: flex; 
	justify-content: space-around; 
	align-items: center;
}
.share ul li {
	flex-basis: 45%;
}
.share .slfb {
	font-size: 3em;
	color: #fff; 	
	overflow: hidden;
}
.share .facebook a {
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	background-color: #0072BC;  
	text-decoration: none; 
	border-radius: 5px; 
	transition: all 0.3s ease; 
}
.share .facebook a i {
	flex-basis: 30%; 
}
.share .facebook a span {
	color: #fff; 
	font-size: 2em; 
	font-weight: bold; 
}
.share .facebook a:hover {
	background-color: #fff; 
	border: 3px solid #0072bc; 
}
.share .facebook a:hover span {
	color: #0072bc; 
}
.share .facebook a:hover .slfb {
	color: #0072bc; 
}
.share .sltw {
	font-size: 3em; 
	color: #fff; 
	overflow: hidden; 
}
.share .tweet a {
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	background-color: #00AEEF; 
	text-decoration: none; 
	border-radius: 5px; 
	transition: all 0.3s ease;
}
.share .tweet a i {
	flex-basis: 30%; 
}
.share .tweet a span {
	color: #fff; 
	font-size: 2em; 
	font-weight: bold; 
}
.share .tweet a:hover {
	background-color: #fff; 
	border: 3px solid #00aeef; 
}
.share .tweet a:hover span {
	color: #00aeef; 
}
.share .tweet a:hover .sltw {
	color: #00aeef; 
}
.share-sp ul li a i {
	padding-bottom: 1em; 
}
.m-contents {
	padding-top: 10px;
}
@media screen and (max-width: 800px) {
	.share .facebook a span {
		font-size: 1.5em; 
		margin-left: 0.7em;
	}
	.share .tweet a span {
		font-size: 1.5em; 
		margin-left: 0.7em;
	}
	.m-contents {
		padding-top: 10px; 
	}
}
.m-contents .latest-list {
	display: flex; 
	justify-content: space-between; 
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.fl-con {
	width: 40%; 
}
.latest-story {
	display: flex; 
	justify-content: center; 
	padding: 0.5em;
	flex-basis: 40%; 
}
.latest-story .main-list-img {
	height: 300px; 
}
.latest-story .main-list-img img {
	width: calc(100%); 
	height: 100%; 
	object-fit: cover; 
	font-family: 'object-fit: cover;';
}
.top-stories {
	flex-basis: 29%; 
}
.mos-pop-lis {
	flex-basis: 29%; 
}
@media screen and (max-width: 800px){
	.fl-con {
		width: 100%; 
	}
	.m-contents .latest-list {
		justify-content: center; 
		flex-wrap: wrap; 
	}
	.latest-story {
		flex-basis: 100%;
		padding: 0;
	}
	.top-stories {
	flex-basis: 100%;
	width: 100%; 
	}
	.mos-pop-lis {
	flex-basis: 100%;
	width: 100%; 
	}
}
.latest-story {
	background-color: #FFFEF6; 
}
.latest-story a {
	text-decoration: none; 
	color: #58535E;
}
.latest-story a .latest-title {
	font-size: 2em; 
	text-align: center; 
	line-height: 1.3; 
}
.latest-story a .latest-data {
	display: flex; 
	flex-direction: column;
	border-bottom: 1px dotted #eee;  
	padding-bottom: 0.3em; 
	margin-bottom: 0.1em;
	padding-left: 1em; 
	padding-right: 1em;
}
.latest-story .main-list-img {
	border: 1px solid #eee;
	padding:0.5em;
	text-align: center; 
}
.latest-story .mexcpt {
	padding: 0.5em; 
	font-size: 1.2em;
}
.top-stories a {
	display: flex; 
	flex-direction: row; 
	justify-content: space-between;
	text-decoration: none; 
	color: #58535E; 
	border-top: 1px dotted #58535E;
	padding: 1em; 
} 
.top-stories .top-stories-stt {
	background-color: #004B88; 
	color: #fff; 
	padding: 0.1em; 
	text-align: center; 
	font-size: 1.5em;
}
.mos-pop-lis .pop-stories-stt {
	background-color: #004B88; 
	color: #fff; 
	padding: 0.1em; 
	text-align: center; 
	font-size: 1.5em;
}
.mos-pop-lis nav ul li {
	border-top: 1px dotted #010066; 
	padding: 1em;
}
.mos-pop-lis nav ul li a {
	text-decoration: none; 
	color: #58535E; 
}
.mos-pop-lis nav ul li a .cms-nav-txt {
	display: flex; 
	justify-content: space-between; 
}
.mos-pop-lis nav ul li a .cms-nav-txt h2 {
	font-size: 1em; 
}
.mos-pop-lis nav ul {
	background-color: #FFFEF6; 
}
.list-wrapper {
	display: flex; 
	flex-direction: row; 
}
.useful {
	flex-basis: 30%; 
	margin-top: 1em;
	margin-left: 1.5em; 
	margin-right:1.5em;
}
.cate-contents {
	flex-basis: 70%;
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-around; 
	margin-bottom: 1em; 
	margin-top: 1em; 
}
.cate-contents ul h2 {
	font-size: 1.5em; 
	color: #fff; 
	padding: 0.3em; 
	margin-bottom: 0.3em;
	text-shadow: 2px 1px 2px #000; 
	background-color: #000;
}
.cate-contents ul h2.cttl-current-issue {
	background-color: #004B88; 
}
.cate-contents ul h2.cttl-entertainment {
	background-color: #004B88; 
}
.cate-contents ul h2.cttl-culture {
	background-color: #004B88; 
}
.cate-contents ul h2.cttl-life {
	background-color: #004B88; 
}
.cate-contents ul h3.cate-list-title {
	font-size: 1.2em; 
	color: #000; 
	padding: 0.3em; 
	margin-bottom: 0.3em;
}
.cate-contents ul .latest-story a .mexcpt {
	font-size: 1em; 
}
.cate-contents ul .latest-story a .main-list-img {
	height: 200px; 
}
@media screen and (max-width: 800px){
	.cate-contents ul .latest-story a .main-list-img {
		width: calc(100%);
		height: 250px;
		padding: 0; 
	}
	.cate-contents ul .latest-story a .main-list-img img {
		width: calc(100%); 
	}
}
.cate-contents ul .latest-story a .latest-data {
	margin-left: 0.1em; 
	margin-right: 0; 
}
.cate-contents ul .latest-story {
	border-bottom: 1px dotted #074770;
}
.cate-contents ul .latest-story .latest-data {
	border: none; 
}
.cate-contents ul {
	flex-basis: 45%; 
	list-style: none; 
	margin-bottom: 1em;
	margin-left: 0.5em; 
	margin-right: 0.5em;
}
.cate-contents ul > a {
	text-decoration: none; 
	color: #23274F;
	display: block;
}
.cate-contents ul a li .cc-ttl {
	font-weight: bold; 
}
.cate-contents ul a li {
	border-bottom: 1px dotted #074770; 
	padding: 0.2em; 
	margin-bottom: 0.3em; 
}
.cate-contents ul .lnktcg {
	text-align: right; 
	margin-top: 0.7em;
}
.cate-contents ul .lnktcg a {
	font-size: 1.2em;
	background-color: red; 
	padding: 0.4em 1em; 
	color: #fff;
	border-radius: 4px; 
	text-decoration: none; 
	margin-right: 1.2em; 
	transition: all 0.3s ease; 
}
.cate-contents ul .lnktcg a:hover {
	background-color: orange; 
}
@media screen and (max-width: 800px){
	.list-wrapper {
		flex-direction: column; 
	}
	.useful {
	flex-basis: 100%; 
	margin-top: 1em;
	margin-right: 0.5em;
	margin-left: 0.5em; 
	display: flex; 
	flex-wrap: wrap;  
}

	.cate-contents ul {
		flex-basis: 100%; 
	}
}
.sw-con {
	height: 600px; 
	width: 100%; 
	display: flex; 
	flex-direction: row; 
	padding: 2em;
	padding-top: 1em;
	box-sizing: border-box; 
	background-color: rgba(230,231,232, 0.3);
}
.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 100%;
      width: 100%;
      flex-basis: 70%; 
    }
    .gallery-thumbs {
      height: 100%;
      box-sizing: border-box;
      padding: 10px 0;
      flex-basis: 30%;
    }
    .sw-con .gallery-thumbs {
    	margin-left: 0.5em;
    	margin-right: 0.5em;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
    .sw-con .gallery-thumbs .swiper-slide {
	overflow: hidden; 
}
.sw-con .gallery-top .swiper-slide a .pk-img {
	width: 100%; 
	height: 600px; 
}
.sw-con .gallery-top .swiper-slide a .pk-img img {
	width: 100%; 
	height: 100%;
	object-fit: cover; 
	font-family: 'object-fit: cover;';
}
.sw-con .gallery-thumbs .swiper-slide .pk-img img {
	width: 100%;  
	height: 150px;
	object-fit: cover; 
	font-family: 'object-fit: cover;';
}
.sw-con .gallery-top .swiper-slide {
	position: relative; 
}
.sw-con .gallery-top .swiper-slide a {
	text-decoration: none; 
}
.sw-con .gallery-top .swiper-slide a .pk-ttl {
	font-size: 1.5em; 
	background-color: rgba(36,50,80, 0.6); 
	color: #fff; 
	border: 3px double #fff; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	padding: 1em; 
}
    @media screen and (max-width: 800px){
	.sw-con {
		flex-direction: column; 
		height: 400px;
		padding: 0; 
		padding-top: 1em;
	}
	.sw-con .gallery-thumbs {
		margin-left: 0; 
		margin-right: 0; 
		margin-top: 0.5em;
	}
	.sw-con .gallery-thumbs .swiper-slide {
		height: 60%; 
	}
	.sw-con .gallery-top .swiper-slide a .pk-ttl {
		font-size: 1.1em; 
		padding: 0.3em;
	}
	.sw-con .gallery-top .swiper-slide a .pk-img { 
	height: 400px; 
}
	.sw-con .gallery-thumbs .swiper-slide .pk-img {
		width: 100%;
	}
}
.ju-pick .ju-pk-ttl {
	width: 100%; 
	padding-top: 0.3em;
	padding-bottom: 0;  
	background-color: rgba(230,231,232, 0.3); 
	color: #000; 
	text-align: center; 
	font-size: 3em;
}
@media screen and (max-width: 800px){
	.ju-pick .ju-pk-ttl {
		font-size: 1.5em;
		padding-left: 0; 
		padding-right: 0;  
	}
}
.banner-list {
	background-color: rgba(211,232,193, 0.6);
	padding-bottom: 0.5em;
}
.useful .ufl-lks {
	text-align: center;
	font-size: 2em;
	width: 100%; 
	background-color: #FF3399; 
	color: #fff; 
	text-shadow: 2px 2px 0 #000; 
}
.banner-list {
	text-align: center; 
}
.banner-list div .banners .banners_inner {
	padding-top: 1em; 
}
.banner-list div .banners .banners_inner a .banners_img {
	width: 300px;
	height: 100px;  
	object-fit: contain; 
	font-family: 'object-fit: contain;';
}
.contents .useful .banner-list {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	width: 100%; 
}
.contents .useful .banner-list > div {
	margin-left: 0.5em; 
	margin-right: 0.5em; 
}
@media screen and (max-width: 800px){
.useful .banner-list {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	width: 100%;
}
.useful .banner-list div .banners {
	margin-left: 1em; 
	margin-right: 1em;
}
}
.tbl_01 {
	width: 100%; 
}
.tbl_01 tr th {
	text-align: left; 
	border: 1px solid #000; 
	padding-left: 1em;
	padding-top: 0.3em; 
	padding-bottom: 0.3em; 
	background-color: rgba(230,231,232, 0.5); 
}
.tbl_01 tr td {
	text-align: left; 
	border: 1px solid #000;
	padding-left: 1em; 
	padding-top: 0.3em; 
	padding-bottom: 0.3em;
}
.jubutton {
	text-align: center; 
}
.jubutton a {
	display: block;
	margin: 0.5em 1em; 
	font-size:  1.2em; 
	font-weight: bold;
	color: #3F9877;
}
@media screen and (max-width: 800px){
	.jubutton a {
		margin-top: 1em; 
	}
}