/* -------------------------------------------------------------- 
  
 Hartija Css Print  Framework
   * Version:   1.0 
	 
-------------------------------------------------------------- */
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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, select, option, input, textarea {font-size: 100%;}
ol, ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {quotes: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
video {max-width: 100%;}

body {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 1.45; 
	/* color: #000;  */
	background: none; 
	font-size: 13pt;

	font-family: 'Noto Sans JP', sans-serif;
	text-align : center;

	width:100%;
	min-width:960px;

	position: relative;
	box-sizing: border-box;
}


header {
	margin:0 auto;
	width:100%;

	position:relative;
	z-index:10;
}
.logo {
	margin:0 auto;
	width:100%;

	display: -webkit-flex;
	display: flex;
}
.logo_img {
	margin:30px 0 0 30px;
	width:180px;
	height:48px;
}
.freeword {
	margin:36px 0 0 auto;
	position:relative;
}
.freeword::after {
	content: url("../img/icon_search.svg");
	width: 32px;
	height:32px;
	cursor: pointer;

	position:absolute;
	top:0;
	right:0;
}
.freeword input[type='text'] {
	padding: 3px 0 1px;
	width: 0px;
	height:24px;
	font-size:18px;
	border-top: 2px solid #003759;
	border-left: none;
	border-bottom: 2px solid #003759;
	border-right: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: all 0.5s;

	position:absolute;
	top:0;
	right:32px;
}
.freeword input[type='text']:focus {
	padding: 3px 0 1px 10px;
	width: 240px;
	height:24px;
	border-top: 2px solid #003759;
	border-left: 2px solid #003759;
	border-bottom: 2px solid #003759;
	border-right: none;
	outline: none;

	position:absolute;
	top:0;
	right:32px;
}
.links_01 {
	margin:0 0 0 0;
	width:32px;
}
.links_02 {
	margin:36px 30px 0 16px;
	width:32px;
}
.toppage_mainwrap {
	margin:30px auto;
	width:calc(100% - 60px);
	max-width:1580px;
	position:relative;
	z-index:10;

	display: -webkit-flex;
	display: flex;
}
.tp_newpost {
/* 		width:calc(100% - 338px); */
	width:calc(100% - 304px - 1%);
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}
.tp_newpostwrap {
	width:100%;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.tp_newpostwrap a,
.tp_ranking a,
.originality_postwrap a,
.tp_newpostwrap a:hover,
.tp_ranking a:hover,
.originality_postwrap a:hover {
	color:#000;
	text-decoration:none;
}
.tp_newpostwrap div:nth-child(1) {
	margin:0 1% 0 0;
}
.tp_newpostinner {
	width:calc(49.5% - 8px);
	border: 4px solid #003759;
	position: relative;
}
.tp_newpost_img {
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;

	overflow:hidden;
	position: relative;
}
.tp_newpost_img img {
	width:100%;
	transition:0.5s all;
}
.tp_newpost_date {
	padding:4px 10px 3px 7px;
	font-size:10px;
	line-height:10px;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	background:#000;
	opacity:0.6;

	position:absolute;
	left:0;
	bottom:0;
}
.tp_newpost_icon {
	width:40px;
	position:absolute;
	top:-9px;
	left:4px;
}
.tp_newpost_icon img {width:100%;}
.tp_newpostinner:hover img.tpnp_img {
	transform:scale(1.05,1.05);
	transition:0.5s all;
}
.tp_newpost_lead {
	margin:0 0 0 0;
	padding:14px 0 0 0;
	width:100%;
	text-align:left;

	position: relative;
}
.tp_newpost_lead:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	content: '';
	border-top: 4px solid #003759;
	border-bottom: 1px solid #003759;
	background-image: -webkit-repeating-linear-gradient(135deg, #003759, #003759 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #003759, #003759 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.tp_newpost_lead h2 {
	padding:8px 10px 12px;
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	text-align:justify;
}
.tp_ranking {
	margin:0 0 0 auto;
	padding:10px 0 0;
	width:300px;
	border: 4px solid #003759;
	font-size:18px;
	line-height:26px;
}
.newstock_wrap {
	padding:0 10px 0 10px;
	width:280px;
	text-align:left;

	display: -webkit-flex;
	display: flex;
}
.ns_img {
	margin:0 8px 10px 0;
	width:74px;
	font-size:0;
	line-height:0;
}
.ns_img img {width:100%;}
.ne_lead {
	width:188px;
	font-size:16px;
	line-height:24px;

	position: relative;
}
.ne_lead::before {
	content: "";
	display: block;
	position: absolute;
	top: 41%;
	right: -5%;
	width: 3px;
	height: 3px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: translateX(-50%) rotate(45deg);
}
.topics_atindex {
	margin:10px 0 0;
	max-width:calc(100% - 8px);
	border: 4px solid #003759;
	display: flex;
	align-items: stretch;
	flex-grow: 1;
}
.tpai_wrap {
	width:100%;

	display: -webkit-flex;
	display: flex;

	position: relative;
}
.tpai_icon {
	margin:0 0 0 0;
	width:20%;
	background:#003759;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tpai_lists {
	margin:8px 10px 5px;
	width:calc(80% - 20px);

	overflow: auto;
}
.tpai_lists {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.tpai_lists::-webkit-scrollbar {  
	display: none;
}
.tpai_lists ul {
	max-height:70px;

	font-size:16px;
	line-height:24px;
	text-align:left;
}
.tpai_wrap:after {
	content: '';
	width: 32px;
	height:32px;
	background-image:url("../img/icon_scroll.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:40%;
	right:-10px;
	transform: translate(-50% 0);
	-webkit-transform: translate(-50%, 0);
}
@media only screen and (min-width:1321px){
	.tpai_lists,
	.tpai_lists ul {
		height:48px;
	}
}
@media only screen and (min-width:1450px){
	.tpai_lists,
	.tpai_lists ul {
		height:28px;
	}
	.tpai_wrap:after {
		content: '';
		width: 32px;
		height:32px;
		background-image:url("../img/icon_scroll.svg");
		background-size: 100%;
		background-repeat: no-repeat;

		position:absolute;
		top:16%;
		right:-10px;
		transform: translate(-50% 0);
		-webkit-transform: translate(-50%, 0);
	}
}
.tpai_lists li {
	padding:0 0 5px;
	width:100%;
}
.tpai_lists a {
	display:block;
	color:#000;
	text-decoration:none;
}
.tpai_lists a:hover {
	display:block;
	color:#000;
	text-decoration:underline;
}
.originality_postwrap {
	margin:30px auto;
	width:calc(100% - 60px);
	max-width:1580px;
	position:relative;
	z-index:10;
}
.wogcover {
	margin-left:-10px;
	width:calc(100% + 10px);

	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(25%, 1fr));
}
.org_pw {
	margin:0 0 10px 10px;
	max-width:calc(100% - 10px);
	text-align:justify;

	border: 4px solid #003759;
	position:relative;
}
.org_pw_img {
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;

	overflow:hidden;
	position: relative;
}
.org_pw_img img {
	width:100%;
	transition:0.5s all;
}
.org_pw:hover img.tpnp_img {
	transform:scale(1.05,1.05);
	transition:0.5s all;
}
.org_pw_lead {
	padding:15px 9px 16px 6px;
	font-size:16px;
	line-height:22px;

	position: relative;
}
.org_pw_lead:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	border-top: 4px solid #003759;
	border-bottom: 1px solid #003759;
	background-image: -webkit-repeating-linear-gradient(135deg, #003759, #003759 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #003759, #003759 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.org_link {
	margin:0 0 0 auto;
	padding:1px 10px 2px;
	max-width:30%;
	font-size:10px;
	line-height:10px;
	text-align:center;
	color:#FFF;
	background:#003759;

	position:absolute;
	bottom:0;
	right:0;
	border-top: 2px solid #003759;
	border-left: 2px solid #003759;
}
.org_pw:hover .org_link {
	color:#003759;
	background:#FFF;
}
.mid_newpost_wrap {
	margin:0 auto 30px;
	width:calc(100% - 60px);
	max-width:1580px;
	position:relative;
	z-index:10;

	display: -webkit-flex;
	display: flex;
}
.mid_np_title {
	margin:0 auto 0 0;
	width:calc(100% - 1px);
	position:relative;
	z-index:10;
	border-bottom:4px solid #003759;
}
.mid_np_title div {
	margin:0 auto 0 0;
	padding:9px 8px 7px;
	width:calc(20% - 16px);
	background:#003759;

	font-size:24px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
.mid_newpost {
	width:calc(100% - 304px - 1%);
}
.mid_np {
	margin:0;
	width:100%;
	background:#012E44;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.mid_np_inner {
	width:calc(33.3333% - 1px);
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
}
.mid_np_inner a,
.mid_np_inner a:hover {
	color:#000;
	text-decoration:none;
}
.midnp_img {
	width:100%;
	font-size:0;
	line-height:0;

	overflow:hidden;
	position: relative;
}
.midnp_img img {
	width:100%;
	transition:0.5s all;
}
.mid_np_inner:hover img.tpnp_img {
	transform:scale(1.05,1.05);
	transition:0.5s all;
}
.midnp_lead {
	margin:0 0 14px;
	padding:10px 10px 0;
	max-height:4rem;
	font-size:15px;
	line-height:22px;
	text-align:justify;
	color:#FFF;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.midnp_date {
	padding:5px 2px 5px 5px;
	width:52px;
	background: rgba(1,46,68,0.8);

	display: -webkit-flex;
	display: flex;
	position:absolute;
	bottom:0;
	left:0;
}
.midnp_y {
	padding:0;
	width:22px;

	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
}
.midnp_date_inner {
	width:30px;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	color:#FFF;
}
.utility {
	margin:52px 0 0 auto;
	padding:0;
	width:308px;
	font-size:18px;
	line-height:26px;
}
.categoly_navi {
	width:100%;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.categoly_navi div {
	display: block;
	margin: 0 0 10px;
	width: 149px;
	height: 72px;
	font-size:0;
	line-height:0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.categoly_navi div img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.categoly_navi div:hover img:nth-of-type(2) {
	opacity: 0;
}
/* ===============================
SEARCH
=============================== */
.search_wrap {
	margin:30px auto;
	width:calc(100% - 60px);
	max-width:1580px;
	position:relative;
	z-index:10;

	display: -webkit-flex;
	display: flex;
}
.search_input {
	margin:0 10px 0 0;
	width:150px;
}
.search_output {
	width:calc(100% - 150px - 10px);
}
.search_list {
	margin:0 auto;
	width:100%;

	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(25%, 1fr));
}
.search_list a,
.search_list a:hover {
	color:#000;
	text-decoration:none;
}
.searchlist_lead {
	margin:0 0 24px;
	padding:15px 9px 0 6px;
	max-height:4rem;
	font-size:16px;
	line-height:22px;
	text-align:justify;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	position: relative;
}
.searchlist_lead:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	content: '';
	border-top: 4px solid #003759;
	border-bottom: 1px solid #003759;
	background-image: -webkit-repeating-linear-gradient(135deg, #003759, #003759 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #003759, #003759 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.searchcat_listwrap {
	padding:24px 0 0;
	border-top:4px solid #003759;

	position:relative;
}
.searchcat_title {
	padding:0 0 4px 5px;
	width:calc(100% - 5px);
	height:20px;
	font-size:0;
	line-height:0;
	text-align:left;
	background:#003759;

	position:absolute;
	top:0;
	left:0;
}
.sc_lists {
	margin:10px 0 0;
	width:calc(100% - 4px);
	font-size:16px;
	line-height:16px;
	text-align:left;
	border:2px solid #003759;
	background:#003759;

	position:relative;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.sc_lists a {
	display:block;
	padding:10px 0 10px 22px;
	width:calc(100% - 22px);
	color:#FFF;
	text-decoration:none;

	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.sc_lists a:hover {
	display:block;
	padding:10px 0 10px 22px;
	width:calc(100% - 22px);
	color:#003759;
	text-decoration:none;
	background:#FFF;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.sc_lists:before {
	content: '';
	width: 16px;
	height:36px;
	background-image:url("img/icon_scarr.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:0;
	left:-2px;
}


/* ===============================
CATEGORY-PAGE
=============================== */
.category_wrap {
	margin:30px auto;
	width:calc(100% - 60px);
	max-width:1580px;
	position:relative;
	z-index:10;

	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
}
.cateposts_wrap {
	margin:0;
	padding:64px 30px 30px;
	width:calc(100% - 8px);
/* 		max-width:852px; */

	border:4px solid #003759;
	position:relative;
}
.details_wrap {
	margin:0;
	padding:30px 30px 30px;
	width:calc(100% - 8px);
/* 		max-width:852px; */

	border:4px solid #003759;
	position:relative;
}
.side_content {
	margin:0 0 0 10px;
	max-width:710px;

	display: -webkit-flex;
	display: flex;
}
@media only screen and (min-width:770px){
	.cateposts_wrap,
	.details_wrap {
		width:calc(100% - 8px);
/* 			max-width:872px; */
	}
	.side_content {
		width:300px;

		-webkit-flex-wrap: wrap;
		flex-wrap        : wrap;
	}
	.cnewpost_wrap {order:1;}
	.cateside_wrap {order:0;}
}
@media only screen and (min-width:1500px){
	.cateposts_wrap,
	.details_wrap {
		width:calc(100% - 8px);
		max-width:calc(100% - 788px);
	}
	.side_content {
		width:710px;

		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.cnewpost_wrap {order:0;}
	.cateside_wrap {order:1;}
}
.cateside_wrap {
	margin:0;
	padding:0;
	width:300px;
	min-height: 240px;
}
.cnewpost_wrap {
	margin:0;
	padding:0;
	width:100%;
	max-width:400px;
}
.categpry_title {
	padding:10px 24px 14px 20px;
	font-size: 20px;
	line-height: 20px;
	color:#FFF;
	font-weight: bold;
	background:#003759;

	position:absolute;
	top:0;
	left:0;
}
.cplist a,
.cplist a:hover {
	color:#000;
	text-decoration:none;
}
.cp_list {
	margin:0 0 10px;
	padding:10px;
	width:calc(100% - 22px);
	border: 1px solid #e5e5e5;

	display: -webkit-flex;
	display: flex;
}
.cplist_img {
	margin:0 10px 0 0;
	width:160px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	position: relative;
}
.cplist_img img {
	width:100%;
	transition:0.5s all;
}
.cplist:hover img.tpnp_img {
	transform:scale(1.05,1.05);
	transition:0.5s all;
}
.cplist_date {
	padding:5px 2px 5px 5px;
	width:52px;
	background: rgba(1,46,68,0.8);

	display: -webkit-flex;
	display: flex;
	position:absolute;
	top:0;
	left:0;
}
.cplist_y {
	padding:0;
	width:22px;

	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
}
.cplist_mad {
	width:30px;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	color:#FFF;
}
.cplist_inner {
	width:calc(100% - 170px);
	text-align:left;
}
.cplist_upper {
	margin:0 0 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
}
.cplist_sublead {
	padding:5px 10px;
	font-size: 14px;
	line-height: 18px;
	font-feature-settings: "palt";
	border: 1px solid #e5e5e5;
}
/* newpost */
.side_np {
	margin:0;
	width:100%;
	background:#012E44;
	border-top:4px solid #003759;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.side_np_inner {
	width:calc(50% - 1px);
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
}
.side_np_inner a,
.side_np_inner a:hover {
	color:#000;
	text-decoration:none;
}
.side_np_lead {
	margin:0 0 10px;
	padding:5px 5px 0;
	max-height:36px;
	font-size:13px;
	line-height:18px;
	text-align:justify;
	font-feature-settings: "palt";
	color:#FFF;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/* ===============================
DETAIL-PAGE
=============================== */
.detail {
	margin:0 auto;
	width:100%;
}
.detail h1 {
	margin:0 0 20px;
	padding:0 0 10px;
	font-size:20px;
	font-weight: bold;
	line-height:30px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}
.card_spec {
	width:100%;
	display: -webkit-flex;
	display: flex;
}
.card_img {
	margin:0 10px 0 0;
	width:30%;
	font-size:0;
	line-height:0;
}
.card_img img {width:100%;}
.card_specs {
	margin:0 0 30px;
	width:calc(100% - 30% - 10px);
	text-align:left;
	border-top: 1px solid #e5e5e5;
}
.card_specs li {
	margin:0;
	border-bottom: 1px solid #e5e5e5;
	display: -webkit-flex;
	display: flex;
}
.card_specs li span {
	display:block;
	padding:5px 0 5px 10px;
	width:8em;

	font-size:14px;
	font-weight: bold;
	line-height:22px;
}
.card_specs li div {
	padding:5px 0 5px 10px;
	width:calc(100% - 8em - 20px);
	font-size:16px;
	line-height:22px;
}
.card_specs li div span {
	display:inline;
	padding:5px 0 5px 10px;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
.detail_grow {
	margin:30px 0;
	font-size:16px;
	font-weight: bold;
	line-height:22px;
	text-align:left;
}
.skilv {
	margin:0 0 30px;
	width:100%;
	display: -webkit-flex;
	display: flex;
}
.skilv_wrap {
	margin:0 10px 0 0;
	width:40%;
	border: 1px solid #e5e5e5;
}
.skil_name {
	padding:5px 10px;
	color:#FFF;
	font-size:14px;
	font-weight: bold;
	line-height:22px;
	text-align:center;
	background:#003759;
	border-bottom: 1px solid #e5e5e5;
}
.skil_memo {
	padding:5px 10px;
	font-size:14px;
	line-height:22px;
	text-align:justify;
	font-feature-settings: "palt";
}
.evaluate {
	margin:0 0 30px;
	width:100%;
	display: -webkit-flex;
	display: flex;
}
.eva_img {
	margin:0 10px 0 0;
	width:60%;
}
.eva_img img {width:100%;}
.eva_memo {
	padding:10px;
	width:calc(100% - 60% - 32px);
	font-size:16px;
	line-height:28px;
	text-align:justify;
	border: 1px solid #e5e5e5;
}
.skiladd_wrap {
	margin:0 0 30px;
	width:calc(100% - 1px);
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.skiladd_wrap div {
	text-align:center;
	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.skiladd_wrap div:nth-child(1),
.skiladd_wrap div:nth-child(2),
.skiladd_wrap div:nth-child(3),
.skiladd_wrap div:nth-child(4),
.skiladd_wrap div:nth-child(5) {
	padding:5px 0;
	width:calc(20% - 1px);
	font-size:14px;
	line-height:22px;
	color:#FFF;
	font-weight: bold;
	background:#003759;
}
.skiladd_wrap div:nth-child(6),
.skiladd_wrap div:nth-child(7),
.skiladd_wrap div:nth-child(8),
.skiladd_wrap div:nth-child(9),
.skiladd_wrap div:nth-child(10) {
	padding:5px 18px 0 0;
	width:calc(20% - 19px);
	font-size:14px;
	line-height:22px;
	color:#000;
}
.skiladd_wrap div span {
	font-size:0;
	position:relative;
}
.skiladd_wrap div span.r_s:after,
.skiladd_wrap div span.r_s2:after,
.skiladd_wrap div span.r_s3:after {
	content: '';
	width: 14px;
	height:14px;
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:-12px;
	left:4px;
}
.skiladd_wrap div span.r_s:after {
	background-image:url("img/icon_s.svg");
}
.skiladd_wrap div span.r_s2:after {
	background-image:url("img/icon_s2.svg");
}
.skiladd_wrap div span.r_s3:after {
	background-image:url("img/icon_s3.svg");
}
.detail_midashi {
	margin:0 0 10px;
	font-size:16px;
	font-weight: bold;
	line-height:22px;
	text-align:left;
}
.spec_wrap {
	margin:0 0 20px -10px;
	width:calc(100% + 10px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.spec_box {
	margin:0 0 10px 10px;
	width:calc(25% - 10px - 2px);
	border: 1px solid #e5e5e5;
}
.spec_title {
	padding:10px 10px 5px;
	color:#FFF;
	font-size:14px;
	font-weight: bold;
	line-height:14px;
	text-align:center;
	background:#003759;
	border-bottom: 1px solid #e5e5e5;
}
.spec_lead {
	padding:5px 10px;
	font-size:13px;
	line-height:18px;
	text-align:justify;
	font-feature-settings: "palt";
}
.spec_title span {
	font-size:0;
	position:relative;
}
.spec_title .r_s:before,
.spec_title .r_s2:before,
.spec_title .r_s3:before {
	content: '';
	width: 14px;
	height:14px;
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:-12px;
	left:-16px;
}
.spec_title .r_s:before {
	background-image:url("img/icon_s.svg");
}
.spec_title .r_s2:before {
	background-image:url("img/icon_s2.svg");
}
.spec_title .r_s3:before {
	background-image:url("img/icon_s3.svg");
}
.detail_keyvisual {
	margin:0 0 3px;
	width:100%;
	position:relative;
}
.detail_keyvisual img {width:100%;}
.kv_date {
	padding:5px 2px 5px 5px;
	width:52px;
	background: rgba(1,46,68,0.8);

	display: -webkit-flex;
	display: flex;
	position:absolute;
	top:0;
	left:0;
}
.detail_outline {
	margin:0 0 30px;
	padding:10px;
	width:calc(100% - 22px);
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
	border: 1px solid #e5e5e5;
}
.score_wrap {
	margin:30px auto 30px;
	width:100%;
}
.score_result {
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	text-align:left;
}
.score_result span {
	font-size:14px;
	line-height:28px;
}
.score_outline {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
}
.match_place {
	margin:10px;
	padding:10px;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.score_board {
	width:100%;
}
.score_table,
.score_table10,
.score_table11 {
	text-align:center;
	display: -webkit-flex;
	display: flex;
}
.sc_title {
	padding:10px;
	width:20%;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#FFF;
	background:#003759;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.sc_title span {
	font-size:13px;
	line-height:13px;
}
.score_table > .sc_box,
.score_table > .scb_box,
.score_table10 > .sc_box,
.score_table10 > .scb_box,
.score_table11 > .sc_box,
.score_table11 > .scb_box {
	padding:10px;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	background:#f4f4f4;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;

	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.score_table > .sc_box,
.score_table > .scb_box {
	width:calc((100% - 20% - 1px)/10);
}
.score_table10 > .sc_box,
.score_table10 > .scb_box {
	width:calc((100% - 20% - 1px)/11);
}
.score_table11 > .sc_box,
.score_table11 > .scb_box {
	width:calc((100% - 20% - 1px)/12);
}
.score_table > .sc_box,
.score_table10 > .sc_box,
.score_table11 > .sc_box {
	color:#FFF;
	background:#003759;
}
.detail_lead {
	margin:0 auto 30px;
	font-size:16px;
	line-height:28px;
	text-align: justify;
}
.dtl_leadimg {
	margin:0 auto 30px 0;
}
.dw {width:50%;}
.dw50 {width:50%!important;}
.dw75 {width:75%!important;}
.dw100 {width:100%!important;}
.dtl_leadimg img {width:100%;}
.ref_text {
	color:#cccccc;
	font-size:10px;
	line-height:10px;
	text-align:right;
}
.review {
	margin:10px auto 10px;
	padding:10px;
	width:calc(100% - 22px);
	font-size:14px;
	line-height:22px;
	text-align: justify;
	border: 1px solid #e5e5e5;
}
.higi_right {
	margin:10px auto 50px;
	width:100%;
}
.video {
	margin:10px auto 50px;
	position: relative;
	height: 0;
	padding: 30px 0 52%;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ===============================
TOPICS-LIST&DETAILS-PAGE
=============================== */
.topics_wrap {
	margin:0;
	padding:30px;
	width:calc(100% - 8px);
	border:4px solid #003759;
	position:relative;
}
@media only screen and (min-width:770px){
	.topics_wrap {
		width:calc(100% - 8px);
	}
}
@media only screen and (min-width:1500px){
	.topics_wrap {
		width:calc(100% - 8px);
		max-width:calc(100% - 788px);
	}
}
.topic_list {
	margin:0 0 10px;
	text-align:left;
	border: 1px solid #e5e5e5;
}
.topic_list a {
	display:block;
	padding:15px 10px;
	width:calc(100% - 22px);
	color:#000;
	text-decoration:none;
}
.topic_list a:hover {
	display:block;
	padding:15px 10px;
	width:calc(100% - 22px);
	color:#003759;
	text-decoration:none;
	background:#fcfcfc;
}
.topics_img {
	margin:0 0 5px;
	width:100%;
}
.topics_img img {width:100%;}
.topic_date {
	font-size:14px;
	line-height:14px;
	text-align:left;
}
.topic_title {
	font-size:20px;
	line-height:28px;
	font-weight:bold;
}
.topic_list a > .topic_title {
	display:inline-block;

	text-decoration:none;
	position: relative;
	background:
		linear-gradient(currentcolor, currentcolor) left bottom / 100% 0 no-repeat,
		linear-gradient(#ffff00, #ffff00) right 60% / 0 1.2em no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.topic_list a:hover > .topic_title {
	background-position: right bottom, left 60%;
	background-size: 0 0, 100% 1.2em;
}
.btm_link {
	width:160px;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	background:#003759;
	position:absolute;
	bottom:0;
	left:0;
}
.btm_link a,
.btm_link a:hover {
	display:block;
	padding:10px 10px 6px 14px;
	width:calc(100% - 24px);
	color:#FFF;
	text-decoration:none;
}
.topics_memo {
	margin:0 0 50px;
	font-size:16px;
	line-height:28px;
	text-align: justify;
}
.topics_recom {
	padding:0 0 3px;
	text-align:left;
	border-bottom: 4px solid #003759;
}
.topics_recom span {
	padding:5px 15px 3px 15px;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	background:#003759;
}
.topicsrecom_wrap {
	margin:0 0 60px -10px;
	width:calc(100% + 10px);

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.reco_inner a,
.reco_inner a:hover {
	color:#000;
	text-decoration:none;
}
.reco_inner {
	margin:10px 0 10px 10px;
	width:calc(50% - 10px);
}
.recoinner_img {
	margin:0 0 10px 0;
	width:100%;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	position: relative;
}
.recoinner_img img {
	width:100%;
	transition:0.5s all;
}
.reco_inner:hover img.tpnp_img {
	transform:scale(1.05,1.05);
	transition:0.5s all;
}
.recoinner_title {
	padding:0 10px 10px;
	font-size:16px;
	line-height:24px;
	text-align: justify;
}
































































.linecover {
	width:calc(100% - 16px);
	height:100in;
	position:fixed;
	top: 0;
	left: 0;
	z-index:0;

	border-left:8px solid #003759;
	border-right:8px solid #003759;
}
.tborder {
	position:fixed;
	top: 0;
	left: 0;
	z-index:1000;

	width:100%;
	border-top:8px solid #003759;
}
.linecoverbt {
	position:fixed;
	bottom: 0;
	left: 0;
	z-index:1000;

	width:100%;
	border-bottom: 8px solid #003759;
}


/* ===============================
NOT FOUND
=============================== */


/* ---------------------------
ASIDE
--------------------------  */
.sidecate_navi {
	margin:0;
	width:100%;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.sidecate_navi div {
	display: block;
	margin: 0 0 10px;
	width: 145px;
	height: 70px;
	font-size:0;
	line-height:0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.sidecate_navi div img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.sidecate_navi div:hover img:nth-of-type(2) {
	opacity: 0;
}


/* ---------------------------
PAGENATION
--------------------------  */
.page_navi {margin:0 0 30px 0;}
.page-numbers {
	margin:0 10px 0 0;
	padding:2px 11px 3px;
	font-size:16px;
	line-height:16px;
	color:#FFF;
	text-align:center;
	text-decoration:none;

	transition: all 0.3s ease 0s;
	background: #333333;
	border: 2px solid #333333;
	border-radius: 4px;
}
.page-numbers:hover {
	margin:0 10px 0 0;
	padding:2px 11px 3px;
	font-size:16px;
	line-height:16px;
	color:#003759;
	text-align:center;
	text-decoration:none;

	background: #FFF;
	border: 2px solid #003759;
	border-radius: 4px;
}
.current {
	color:#FFF!important;
	background: #003759!important;
	border: 2px solid #003759!important;
}


/* ---------------------------
FOOTER
--------------------------  */
footer {
	margin:20px 0 0;
	width:calc(100% - 16px);
	background:#003759;
	border-top:30px solid #f4f4f4;
	position: absolute;
	bottom: 0;
	left:8px;
	z-index:1;
}
.footer_wrap {
	margin:0 auto;
	padding:30px 0;
	width:calc(100% - 60px);
	max-width:1580px;
	position:relative;
	z-index:10;
}
.flogo_img {
	padding:30px 0;
	width:120px;
	height:32px;
}
.flogo_img img {width:100%;}
.footer_lead {
	margin:0 auto 30px 0;
	width:50%;

	font-size:14px;
	line-height:22px;
	color:#FFF;
	text-align:justify;
}
.footer_cate_title {
	margin:0 auto 0 0;
	width:46px;
	text-align:left;
}
.footer_cate {
	width:100%;
	text-align:left;
}
.footer_cate li {
	display: inline;
	margin:0 60px 30px 0;
	padding:10px 0;

	font-size:14px;
	line-height:22px;
	text-align:left;
}
.footer_cate li a {
	color:#FFF;
	text-decoration:none;
	background:
		linear-gradient(currentcolor, currentcolor) left bottom / 100% 0 no-repeat,
		linear-gradient(transparent 20%, #a59c2f 20%) right 100% / 0 .5em no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);

	position:relative;
}
.footer_cate li a:hover {
	color:#FFF;
	background-position: right bottom, left 100%;
	background-size: 0 0, 100% .8em;
}
.footer_cate li a:after {
	content: '';
	width: 16px;
	height:16px;
	background-image:url("img/icon_farrow.svg");
	background-size: 100%;
	background-repeat: no-repeat;

	position:absolute;
	top:16%;
	right:-30px;
	transform: translate(-50% 0);
	-webkit-transform: translate(-50%, 0);
}

#pagetop {
	width: 34px;
	height:34px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index:1020;
	transition:0.5s all;
}
#pagetop img {width:100%;}
#pagetop a {
	margin:0 auto;
	width: 34px;
	height:34px;
	display: block;
	transition:0.5s all;
	transform: scale(1, 1);
	transform-origin: right bottom;
}
#pagetop a:hover {
	margin:0 auto;
	width: 34px;
	height:34px;
	display: block;
	transition:0.5s all;
	transform: scale(1.5, 1.5);
	transform-origin: right bottom;
}


/* -------------------- 画像透過リンク */
.side_ranking a img,
.sidesub_ranking a img {
	-webkit-transition:opacity 0.5s;
	-o-transition     :opacity 0.5s;
	-moz-transition   :opacity 0.5s;
	transition        :opacity 0.5s;
}
.side_ranking a:hover img,
.sidesub_ranking a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* --------------------  common */
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}