@charset "utf-8";
/*
Theme Name: Lightning Pro Child Sample
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

/*ヘッダ*/
.siteHeader {
	background-color: #000;
}
@media (min-width: 992px) {
	.siteHeader {
		min-height: 80px;
	}
	.siteHeader .container {
		width: 100%;
		max-width: 1400px;
	}
}
.device-pc .gMenu>li>a {
	padding: 5px 10px;
}
#gMenu_outer {
	float: left;
	padding-top: 50px;
}
#mega-menu-wrap-Header #mega-menu-Header > li.mega-menu-item > a.mega-menu-link {
	line-height: 30px;
	height: 30px;
}
body {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
@media (max-width: 768px) {
	.ft_m {font-size: 15px;}
	.ft_s {font-size: 13px;}
}
@media (min-width: 768px) {
	.ft_m {font-size: 14px;}
	.ft_s {font-size: 13px;}
}
dt {font-weight: normal;}

/*グローバルメニュー*/
.mega-linktextchange span:nth-child(2){
	display: none;/*透過0に*/
}
.mega-linktextchange:hover span:nth-child(1){
	display: none;/*透過0に*/
}
.mega-linktextchange:hover span:nth-child(2){
	display: inline;/*不透明に*/
}

/*パンくずリスト*/
.breadSection {
	display: none;
}

/*サブメニュー*/
@media (min-width: 1200px) {
	#header_info {
		padding-left: 10px;
	}
	ul.cont-menu {
		margin: 20px 0px 0px;
		padding: 0px;
		list-style-type: none;
	}
	.cont-menu li {
		float:left;
		margin-right: 20px;
	}
	.cont-menu a {
		color: #ddd;
		font-size: 14px;
	}
	.cont-menu a:visited {
		color: #ddd;
	}
	.cont-menu a:hover {
		color: #fff;
		text-decoration: none;
	}
}
@media (max-width: 1200px) {
	#header_info {
		display: none;
	}
}

/*言語スイッチャー*/
@media (min-width: 1200px) {
	.lang_box {
		position: absolute;
		top: -90px;
		right: calc(50vw - 600px);
		z-index: 1000;
		width: 300px;
		height: 50px;
	}
	.lang_box a {
		display: block;
		border: 1px solid #ccc;
		border-radius: 3px;
		padding: 3px 5px;
		color: #ccc;
		font-family: 'リュウミン B-KL';
		text-align: center;
	}
	.lang_box a:hover {
		border: 1px solid #fff;
		color: #fff;
		text-decoration: none;
	}
	.lang_switch {
		border: 1px solid #fff;
		border-radius: 3px;
		padding: 3px 5px;
		color: #fff;
		font-family: 'リュウミン B-KL';
		text-align: center;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.lang_box {
		position: absolute;
		top: -90px;
		right: 0px;
		z-index: 1000;
		width: 300px;
		height: 50px;
	}
	.lang_box a {
		display: block;
		border: 1px solid #ccc;
		border-radius: 3px;
		padding: 3px 5px;
		color: #ccc;
		font-family: 'リュウミン B-KL';
		text-align: center;
	}
	.lang_box a:hover {
		border: 1px solid #fff;
		color: #fff;
		text-decoration: none;
	}
	.lang_switch {
		border: 1px solid #fff;
		border-radius: 3px;
		padding: 3px 5px;
		color: #fff;
		font-family: 'リュウミン B-KL';
		text-align: center;
	}
}
@media (max-width: 992px) {
	.lang_box {
		display: none;
	}
}

/*コンテンツ*/
.siteContent {
	padding: 100px 10px 0px;
}
.siteContent .container, .siteContent .container-lg, .siteContent .container-md, .siteContent .container-sm, .siteContent .container-xl {
	max-width: 100%;
}
.mainSection-col-one, .sideSection-col-one {
	padding: 0px;
}
.page_border {
	position: absolute;
	width: 4vw;
	height: 100%;
	top: 0px;
	left: 0;
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/page_border.png);
	mix-blend-mode: multiply;
	z-index: 1000;
}
@media (min-width: 992px) and (max-width: 1200px) {
	.page_border {
		top: 30px;
	}
}
.section_title_w, .section_title_k {
	font-size: 20px;
	font-family: "Ryumin Bold KL";
	background-color: unset;
    position: relative;
	margin-left: auto;
    margin-right: auto;
    border-radius: unset;
    outline: unset;
    outline-offset: unset;
    box-shadow: unset;
    content: none;
    overflow: unset;
	border: none;
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 1.2em;
    padding: 0;
}
.section_title_w::after {
	border-bottom: 1px solid #fff;
	content: "";
    flex-grow: 1;
	margin-left: 1em;
    bottom: unset;
    position: unset;
    width: unset;
    border-top: none;
}
.section_title_k::after {
	border-bottom: 1px solid #000;
	content: "";
    flex-grow: 1;
	margin-left: 1em;
    bottom: unset;
    position: unset;
    width: unset;
    border-top: none;
}
.section_title_w:after, .section_title_k:after {
	line-height: 0;
    display: block;
    overflow: hidden;
}
.sect_box {
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 4vw;
	margin: 0;
}
@media (max-width: 768px) {
	.box_wrap, .box_wrap_history {
		width: 100%;
		padding: 0px 20px;
	}
}
@media (min-width: 768px) and (max-width: 1700px) {
	.box_wrap, .box_wrap_history {
		max-width: 1200px;
		margin: 0px auto;
		padding: 0px 20px;
	}
}
@media (min-width: 1700px) {
	.box_wrap {
		width: 1700px;
		margin: 0px auto;
		padding: 0px 20px;
	}
	.box_wrap_history {
		width: 1500px;
		margin: 0px auto;
		padding: 0px 20px 0px 200px;
	}
}
@media (max-width: 768px) {
	.plx_page_header {
		font-family: "UD新ゴ コンデンス90 M";
		font-size: 24px;
		text-align: center;
		padding: 30px 0px;
		height: 100px;
	}
	.plx_page_header-ex {
		font-family: "UD新ゴ コンデンス90 M";
		font-size: 24px;
		text-align: center;
		padding: 30px 0px;
		height: 150px;
	}
}
@media (min-width: 768px) {
	.plx_page_header {
		font-family: "UD新ゴ コンデンス90 M";
		font-size: 24px;
		text-align: center;
		padding: 30px 0px;
		height: 120px;
	}
	.plx_page_header-ex {
		font-family: "UD新ゴ コンデンス90 M";
		font-size: 24px;
		text-align: center;
		padding: 30px 0px;
		height: 200px;
	}
}
@media (max-width: 768px) {
	.cl_copy {
		text-align: justify;
	}
}
@media (min-width: 768px) {
	.cl_copy {
		text-align: center;
	}
}

/*コンテンツafter*/
.siteContent_after {
	display: none;
}

/*ABOUT US*/
#page-header_ab1 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ab1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#page-header_ab2 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ab2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#page-header_ab3 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ab3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#page-header_ab4 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ab4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#page-header_ab5 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ab5.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#ab1 {
	background-color: #000;
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/boxbg_ab1.jpg);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: bottom right;
	color: #fff;
}
#ab2 {
	background-color: #fff;
}
#ab3 {
	background-color: #000;
	color: #fff;
}
#ab4a {
	background-color: #fff;
}
#ab4b {
	background-color: #fff;
}
#ab4c {
	background-color: #fff;
}
#ab5 {
	background-color: #000;
	color: #fff;
}
#ab1 dl {
	margin: 0px;
}
#ab1 dl:after {
	content: "";
	clear: both;
	display: block;
}
#ab1 dt {
	width: 30%;
	float: left;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0.2em;
	border: none;
	padding: 5px 0px;
	clear: both;
}
#ab1 dd {
	width: 70%;
	float: right;
	font-size: 13px;
	color: #fff;
	border: none;
	padding-top: 5px;
	line-height: 170%;
}
#ab2 dl {
	margin: 0px;
}
#ab2 dl:after {
	content: "";
	clear: both;
	display: block;
}
#ab2 dt {
	width: 30%;
	float: left;
	font-size: 15px;
	color: #000;
	letter-spacing: 0.2em;
	border: none;
	padding: 5px 0px;
	clear: both;
}
#ab2 dd {
	width: 70%;
	float: right;
	font-size: 15px;
	color: #000;
	border: none;
	padding-top: 5px;
	line-height: 170%;
}
@media (max-width: 992px) {
	.top_copy1 {
		font-size: 32px;
	}
	.prd_message {
		font-size: 12px;
	}
}
@media (min-width: 992px) {
	.top_copy1 {
		font-size: 40px;
	}
	.prd_message {
		font-size: 11px;
		white-space:nowrap;
	}
}
.map-image {
	position: relative;
}
.map-image .prop_image {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 576px) {
	.box_wrap_history img {
		width: 60%;
		display: block;
		margin: 0px auto 15px !important;
	}
}
@media (min-width: 576px) {
	.box_wrap_history img {
		width: 90%;
		display: block;
	}
}
.box_wrap_history dl {
	margin: 0px;
	display: inline-block;
	border-bottom: 1px solid #000;
}
.box_wrap_history dl:after {
	content: "";
	clear: both;
	display: block;
}
@media (max-width: 576px) {
	.box_wrap_history dt {
		width: 5.5em;
		float: left;
		font-size: 13px;
		border: none;
		padding: 5px 0px;
		clear: both;
	}
	.box_wrap_history dd {
		width: calc(100% - 5.5em);
		float: right;
		font-size: 13px;
		border: none;
		padding-top: 5px;
		line-height: 150%;
	}
}
@media (min-width: 576px) {
	.box_wrap_history dt {
		width: 5.5em;
		float: left;
		font-size: 13px;
		border: none;
		padding: 10px 0px;
		clear: both;
	}
	.box_wrap_history dd {
		width: calc(100% - 5.5em);
		float: right;
		font-size: 13px;
		border: none;
		padding-top: 10px;
		line-height: 150%;
	}
}
.customer-switch {
	
}
.customer-list {
	font-size: 13px;
	margin-bottom: 10px;
}
.customer-area {
	padding-top: 30px;
	padding-bottom: 30px;
}
.customer-box {
	font-size: 12px;
	width: 100%;
}
.customer-list a {color: #fff;}
.cst-name {
	padding: 0px 15px 2px 0px;
	margin-bottom: 3px;
}

/*PRODUCTS*/
.entry-title {
	display: none;
}
.prd_table {
	display: none;
}
.eprd_model_box {
	background-color: #fff;
}
@media (max-width: 768px) {
	.eprd_cap_box {
		padding: 20px 10px 0px 30px;
	}
}
@media (min-width: 768px) {
	.eprd_cap_box {
		padding: 20px 80px 0px 30px;
	}
}
.eprd_title {
	font-size: 28px;
	font-family: "UD新ゴ コンデンス90 M";
	color: #fff;
	margin-bottom: 50px;
}
.eprd_spec {
	font-size: 16px;
	color: #fff;
	line-height: 200%;
	margin-bottom: 50px;
}
.eprd_sect {
	display: inline-block;
	background-color: #fff;
	padding: 5px 20px;
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
	border-radius: 5px;
}
.eprd_cap_box ul {
	margin: 0px 0px 50px;
	padding-left: 20px;
}
.eprd_cap_box li {
	font-size: 14px;
	color: #fff;
	margin-bottom: 7px;
}

/*RECRUIT*/
#page-header_rc1 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_rc1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#page-header_rc2 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_rc2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#rc1 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/boxbg_rc1.jpg);
	background-size: cover;
	background-position: 50% 50%;
	padding-left: calc(4vw + 10px);
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#rc2 {
	background-color: #fff;
	padding-left: calc(4vw + 10px);
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
}
#rc3 {
	background-color: #000;
	padding-left: calc(4vw + 10px);
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 30px;
}
.rcv_head {
	background-color: #0c3777;
	padding-left: calc(4vw + 10px);
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	color: #fff;
}
.grad_border {
	position: absolute;
	top: 0;
	left: 0;
}
.rcv_body {
	position: relative;
	background-color: #fff;
	padding-left: calc(4vw + 10px);
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 30px;
}
@media (max-width: 991px) {
	#rcv_sch1 {
		background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/rc_bg1.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top: 50px;
	}
	#rcv_sch2 {
		background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/rc_bg2.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top: 50px;
	}
	#rcv_sch3 {
		background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/rc_bg3.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top: 50px;
	}
}
@media (min-width: 991px) {
	.rcv_enq {
		padding-left: 150px;
	}
	#rcv_sch1 {
		background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/rc_bg1.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top: 0px;
		padding-right: 150px;
		padding-bottom: 50px;
	}
	#rcv_sch2 {
		background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/rc_bg2.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top: 0px;
		padding-right: 150px;
		padding-bottom: 50px;
	}
	#rcv_sch3 {
		background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/rc_bg3.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-top: 0px;
		padding-right: 150px;
		padding-bottom: 50px;
	}
}
#rcv_sch1 dl, #rcv_sch2 dl, #rcv_sch3 dl {
	padding: 10px 10px 5px;
	background-color: rgba(0,0,0,0.15);
	margin: 0px 0px 10px;
}
#rcv_sch1 dl:after, #rcv_sch2 dl:after, #rcv_sch3 dl:after {
	content: "";
	display: block;
	clear: both;
}
#rcv_sch1 dt, #rcv_sch2 dt, #rcv_sch3 dt {
	float: left;
	width: 15%;
	border: none;
	font-size: 14px;
}
#rcv_sch1 dd, #rcv_sch2 dd, #rcv_sch3 dd {
	float: right;
	width: 80%;
	border: none;
	font-size: 14px;
	text-align: justify;
}
@media (max-width: 991px) {
	.requirement-table {
		min-width: 800px;
	}
}
@media (min-width: 991px) {
	.requirement-table {
		width: 80%;
		margin: 0px auto;
	}
}
.requirement-table th {
	background-color: #ccc;
	font-size: 14px;
}
.requirement-table td {
	background-color: #fff;
	font-size: 14px;
}

/*SERVICE SUPPORT*/
#page-header_ss1 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ss1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.ss1 {
	background-color: #fff;
	padding-left: calc(4vw + 10px);
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 50px;
}
.btn-ss {
	display: block;
	margin: 0px auto;
	width: 200px;
	font-size: 20px;
	font-weight: bold;
}
.case-title {
	width: 240px;
	padding: 5px 0px;
	margin: 0px 0px 30px 5vw;
	background-color: #22a6b4;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.collapse {
	padding: 30px 0px 30px 30px;
}
.support-box {
	margin-bottom: 30px;
}
.support-title {
	display: inline-block;
	border-bottom: 1px solid #999;
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
}
.sp-table {
	width: 1000px;
}
.sp-table td {
	border-top: none;
}
.table-sm td {
	padding: 0;
	vertical-align: middle;
}
.causecell {
	width: 200px;
	padding: 0;
}
.linecell {
	width: 50px;
	padding: 0;
}
.countercell {
	width: 800px;
	padding: 0;
}
.sp-cause {
	box-sizing: border-box;
	width: 200px;
	border: 1px solid #333;
	padding: 5px 10px;
	margin-bottom: 20px;
	font-size: 13px;
	text-align: justify;
	line-height: 150%;
}
.sp-line {
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.line-obj {
	width: 100%;
	height: 1px;
	background-color: #333;
}
.sp-counter {
	box-sizing: border-box;
	width: 800px;
	border: 1px solid #333;
	padding: 5px 10px;
	margin-bottom: 20px;
	font-size: 13px;
	text-align: justify;
	line-height: 150%;
}

/*CONTACT*/
#page-header_ct1 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/phbg_ct1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
#ct1 {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/boxbg_ct1.jpg);
	background-size: cover;
	padding-left: calc(4vw + 10px);
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 30px;
}
@media (max-width: 991px) {
	.ct_box2 {
		width: 100%;
		margin: 0px auto;
		padding: 20px 50px;
		background-color: #fff;
		border-radius: 5px;
	}
}
@media (min-width: 991px) {
	.ct_box {
		width: 70%;
		margin: 0px auto;
	}
	.ct_box2 {
		width: 70%;
		margin: 0px auto;
		padding: 20px 50px;
		background-color: #fff;
		border-radius: 5px;
	}
}

/*フォーム*/
.form_must {
	color: #f00;
	font-size: 12px;
	padding: 2px 5px;
}
.form_sizeA {
	width: 120px;
}
.form_sizeB {
	width: 280px;
}
.form_box input, .form_box textarea {
	font-size: 14px;
	display: inline;
}
@media (min-width: 992px){
	dl.form_box , .form_box dt, .form_box dd {
		box-sizing: border-box;
	}
	dl.form_box  {
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		background-color: #ccc;
		max-width: 100%;
		margin: 50px auto;
	}
	.form_box dt, .form_box dd {
		padding: 5px 10px 5px 10px;
		border-top: 1px solid #333;
		margin-bottom: 0px;
	}
	.form_box dt {
		width: 30%;
		float: left;
		font-size: 14px;
		color: #000;
		text-align: justify;
		border-left: none;
	}
	.form_box dd {
		margin: 0px 0px 0px 30%;
		border-left: 1px solid #333;
		background-color: #fff;
		color: #000;
	}
	.form_box dd:after {
		content: '';
		display: block;
		clear: both;
	}
	.form_sizeC {
		width: 420px;
	}
	.mwform-checkbox-field-text {
		font-size: 14px;
	}
}
@media (max-width: 991px){
	.form_box dt {
		background-color: #ccc;
		border-left-color: transparent;
		padding: 5px;
		margin-bottom: 0px;
		color: #000;
	}
	.form_box dd {
		background-color: #fff;
		padding: 5px;
		margin-bottom: 15px;
		color: #000;
	}
	.form_sizeC {
		width: 360px;
	}
	.mwform-checkbox-field-text {
		font-size: 15px;
	}
}

/*フッタ*/
.siteFooter {
	border-top-color: #666;
}
.footer-logo {
	background-image: url(https://www.hondakiko.co.jp/cms_wp/wp-content/uploads/footer_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	height: 100%;
	min-height: 100px;
}
ul.footer_sitemap {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footer_sitemap li {
	font-size: 13px;
	margin-bottom: 10px;
}
.section_title_wx {
	font-size: 20px;
	font-family: "Ryumin Bold KL";
	background-color: unset;
    position: relative;
	margin-left: auto;
    margin-right: auto;
    border-radius: unset;
    outline: unset;
    outline-offset: unset;
    box-shadow: unset;
    content: none;
    overflow: unset;
	border: none;
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 1.2em;
    padding: 0;
}
.section_title_wx::after {
	border-bottom: 1px solid #fff;
	content: "";
    flex-grow: 1;
	margin-left: 1em;
    bottom: unset;
    position: unset;
    width: unset;
    border-top: none;
}
.section_title_wx:after {
	line-height: 0;
    display: block;
    overflow: hidden;
}

/*NEWS RELEASE*/
#news-container {
	background-color: #fff;
	padding-left: calc(4vw + 10px);
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 50px;
}
#news-inner-container {
	max-width: 640px;
	margin: 0 auto;
}
.postListText {
	border-bottom: 1px solid #333;
}
.postListText_date {
	margin-right: 5em;
}
.news-release_header {
	background-color: #000;
	color: #fff;
	padding: 2.2rem 0 0;
	margin-bottom: 30px;
}
.news-body_brand {
	box-sizing: border-box;
	max-width: 900px;
	background-color: #000;
	font-size: 14px;
	color: #fff;
	padding: 2px 0px 1px 8px;
	margin: 0 auto 30px;
	border-left: 10px solid #f00;
}
.news-title {
	max-width: 900px;
	margin: 0 auto 30px;
	font-family: '見出ゴMB31';
	font-size: 22px;
	color: #fc0;
	text-align: justify;
}
/*フロントページ用*/
@media (min-width: 992px) {
	#news_top {
		width: 25vw;
		max-width: 480px;
		position: relative;
		box-sizing: border-box;
		border: 10px solid #01359b;
		background-color: rgba(0,0,0,0.6);
		padding: 5px 10px;
	}
	.news_top_title {
		font-family: 'リュウミン B-KL';
		font-size: 20px;
		color: #fff;
		margin-bottom: 5px;
	}
	.news_list {
		margin: 0 0 30px;
		padding: 0;
		list-style-type: none;
	}
	.news_item {
		height: 45px;
		overflow-y: hidden;
		font-size: 11px;
		line-height: 135%;
		border-bottom: 1px dotted #fff;
		margin-bottom: 10px;
		
	}
	.news_time, .news_text a {
		color: #fff;
	}
	.news_text {
		padding-left: 20px;
	}
	.news_top_button {
		position: absolute;
		bottom: -10px;
		right: -10px;
	}
	.btn-nr {
		font-family: 'リュウミン B-KL';
		font-size: 18px;
		color: #eee;
		white-space: nowrap;
		padding: 3px 30px;
		background-image: -webkit-linear-gradient(0deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
		background-image: -moz-linear-gradient(0deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
		background-image: -o-linear-gradient(0deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
		background-image: linear-gradient(90deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
	}
}
@media (max-width: 992px) {
	#news_top {
		width: 384px;
		position: relative;
		box-sizing: border-box;
		border: 10px solid #01359b;
		background-color: rgba(0,0,0,0.6);
		padding: 5px 10px;
		margin: 20px auto;
	}
	.news_top_title {
		font-family: 'リュウミン B-KL';
		font-size: 20px;
		color: #fff;
		margin-bottom: 5px;
	}
	.news_list {
		margin: 0 0 30px;
		padding: 0;
		list-style-type: none;
	}
	.news_item {
		height: 45px;
		overflow-y: hidden;
		font-size: 11px;
		line-height: 135%;
		border-bottom: 1px dotted #fff;
		margin-bottom: 10px;
		
	}
	.news_time, .news_text a {
		color: #fff;
	}
	.news_text {
		padding-left: 20px;
	}
	.news_top_button {
		position: absolute;
		bottom: -10px;
		right: -10px;
	}
	.btn-nr {
		font-family: 'リュウミン B-KL';
		font-size: 18px;
		color: #eee;
		white-space: nowrap;
		padding: 3px 30px;
		background-image: -webkit-linear-gradient(0deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
		background-image: -moz-linear-gradient(0deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
		background-image: -o-linear-gradient(0deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
		background-image: linear-gradient(90deg,rgba(1,53,155,1.00) 0%,rgba(0,138,212,1.00) 50%,rgba(1,53,155,1.00) 100%);
	}
}

/*misc*/
p, li {
	text-align: justify;
	line-height: 200%;
}
.mar_t-2 {margin-top: -2px;}
.mar_t-10 {margin-top: -10px;}
.mar_t-20 {margin-top: -20px;}
.mar_t-30 {margin-top: -30px;}
.mar_b5 {margin-bottom: 5px;}
.mar_b10 {margin-bottom: 10px;}
.mar_b20 {margin-bottom: 20px;}
.mar_b30 {margin-bottom: 30px;}
.mar_b50 {margin-bottom: 50px;}
.mar_b70 {margin-bottom: 70px;}
.mar_b100 {margin-bottom: 100px;}

.ft12px {font-size: 12px;}
.ft13px {font-size: 13px;}
.ft14px {font-size: 14px;}
.ft15px {font-size: 15px;}
.ft16px {font-size: 16px;}
.ft17px {font-size: 17px;}
.ft18px {font-size: 18px;}
.ft20px {font-size: 20px;}
.ft22px {font-size: 22px;}
.ft24px {font-size: 24px;}
.ft26px {font-size: 26px;}
.ft28px {font-size: 28px;}
.ft30px {font-size: 30px;}
.ft32px {font-size: 32px;}

.txt_c {text-align: center;}
.txt_l {text-align: left;}
.txt_r {text-align: right;}
.txt_j {text-align: justify;}
.txt_wb {font-weight: 600;}
.txt_red {color: #f00;}
.txt_blue {color: #0c3777;}
.txt_green {color: #090;}
.txt_white {color: #fff;}
.txt_gray {color: #999;}
.txt_ind {text-indent: 1em;}
.txt_ind2 {text-indent: 2em;}
.txt_rb {font-weight: bold;}

/*製品情報テスト*/
.prd_table {
	width: 600px;
	margin: 0px auto;
}
.prd_table table {
	color: #fff;
}

/*delighters設定*/
.delighter.splash {
	transition: all 2s ease-out;
}
.delighter.dd-right {
	transform: translatex(-300%);
	opacity: 0;
	transition: all 1s ease-out;
}
.delighter.dd-right.started {
	transform: none;
	opacity: 1;
}
.delighter.dd-left {
	transform: translatex(100%);
	opacity: 0;
	transition: all 1s ease-out;
}
.delighter.dd-left.started {
	transform: none;
	opacity: 1;
}
.delighter.dd-bottom {
	transform: translatey(100%);
	opacity: 0;
	transition: all .75s ease-out;
}
.delighter.dd-bottom.started {
	transform: none;
	opacity: 1;
}
.delighter dl { opacity: 0; transform: translatey(200%); transition: all .7s ease-out; }
.delighter.started dl { opacity: 1; transform: none; }
.delighter.started dl:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started dl:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started dl:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started dl:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started dl:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started dl:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started dl:nth-child(7) { transition: all .7s ease-out 1.3s; }
.delighter.started dl:nth-child(8) { transition: all .7s ease-out 1.5s; }
.delighter.started dl:nth-child(9) { transition: all .7s ease-out 1.7s; }
.delighter.started dl:nth-child(10) { transition: all .7s ease-out 1.9s; }