@charset "UTF-8";
/* CSS Document */

/*#ndetail {
	width: 1000px;
}*/

#ndetail h2 {
	margin-bottom: 10px;
	padding: 10px 10px 10px 20px;
	border-left: solid 5px #8EC5FF;
	background: #F4F4F4;
	font-weight: 500;
	font-size: 1.5rem;
}

#ndetail_date {
	margin: 0 0 10px;
}

#ndetail_date span {
	margin: 0 0 0 15px;
}

#ndetail_cmnt {
	margin: 0 0 30px;
	padding: 10px;
}

#ndetail_cmnt * {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	font-size: 100%;
}

#ndetail_cmnt br {
	display: none;
}

#ndetail_cmnt table,
#ndetail_cmnt tr,
#ndetail_cmnt th,
#ndetail_cmnt td{
	border: solid 1px #000;
	padding: 10px;
}

#ndetail_info {
	margin-bottom: 50px;
	padding: 30px 30px 30px 170px;
	border: solid 1px #cecece;
	border-radius: 10px;
	background: url(../images/bg_ndetail_info_icon.png) no-repeat 50px 30px;
	max-width: 850px;
}

#ni_check_txt {
	display: inline-block;
	margin: 0 0 20px;
	color: #f00;
	font-size: 1.4rem;
	font-weight: 500;
}

#ni_check_txt span {
	display: inline-block;
	color: #f00;
	font-size: 1.4rem;
	font-weight: 500;
}

#ni_check_txt br:first-child {
	display: none;
}

#ni_check_txt span br:first-child {
	display: none;
}

#ni_info {
	font-size: 0;
}

#ni_info li {
	display: flex;
	flex-direction: column;
	margin: 0;
	vertical-align: middle;
}

#ni_info li:last-child {
	margin: 0;
}

#ni_info_tel {
	display: inline-block;
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 1.2;
}

#ni_info_tel a {
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.2;
}

#ni_info_time {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 500;
}

#ni_contact_btn {
	display: block;
	width: 350px;
	margin: 20px 0 10px;
}

#ni_contact_btn a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 80px;
	border: solid 1px #3cb371;
	border-radius: 5px 30px 30px 5px;
	background: #3cb371 url("../images/fixed_icon_mail.svg") no-repeat 20px center;
	background-size: 30px 30px;
	color: #fff;
	font-weight: 500;
	overflow: hidden;
	z-index: 2;
}

#ni_contact_btn a::before {
	margin: auto;
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: 0;
	right: 22px;
	bottom: 0;
}

#ni_contact_btn a::after {
	content: '';
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
	background: #fff url("../images/fixed_icon_mail_green.svg") no-repeat 20px center;
	background-size: 30px 30px;
	z-index: -1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#ni_contact_btn a:hover {
	color: #fff;
	color: #3cb371;
}

#ni_contact_btn a:hover::before {
	border-top: 2px solid #3cb371;
	border-right: 2px solid #3cb371;
}

#ni_contact_btn a:hover::after {
    width: 100%;
}

/*

#ni_contact_btn a svg {
	position: absolute;
	top: 11px;
	right: 15px;
	width: 20px;
	height: 20px;
}
*/

#ni_contact_btn a line {
	stroke: #fff!important;
}

#ni_contact_btn a:hover line {
	stroke: #3cb371!important;
}

#ni_support_txt {
	margin-bottom: 20px;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 500;
}

#ndetail_pager {
	margin: 50px 0;
	padding: 30px 0;
	border-top: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
	font-size: 0;
	text-align: center;
}

#ndetail_pager li {
	position: relative;
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}

#ndetail_pager a:before {
	border-radius: 30px;
	overflow: hidden;
}

#ndetail_pager .newslist_btn {
	width: 50%;
}

#ndetail_pager .newslist_btn a {
	font-size: 0.9rem;
}

#ndetail_pager .newslist_btn a:before {
	content:"▲";
	margin: 0 5px 0 0;
	color: #d92b3a;
	font-size: 0.6rem!important;
}

.n_prev_btn {
	text-align: left;
}

.n_prev_btn a {
	display: block;
	padding: 0 0 0 50px;
	height: 44px;
	font-size: 0.9rem;
}

.n_prev_btn a span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content:" ";
	width: 44px;
	height: 44px;
	padding: 12px 0;
    border-radius: 25px;
	background: #d6d6d6;
	text-align: center;
}

.n_prev_btn a svg {
	width: 20px;
	height: 20px;
}

.n_next_btn {
	text-align: left;
}

.n_next_btn a {
	display: block;
	padding: 0 50px 0 0;
	height: 44px;
	font-size: 0.9rem;
}

.n_next_btn a span {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	content:" ";
	width: 44px;
	height: 44px;
	padding: 12px 0;
    border-radius: 25px;
	background: #d6d6d6;
	text-align: center;
}

.n_next_btn a svg {
	width: 20px;
	height: 20px;
}

.ndetail-mediaBtn {
       display: block;
       width: 80%;
       margin: 20px auto 80px;
}

.ndetail-mediaBtn a {
	position: relative;
	display: block;
	padding: 15px 0;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background-color: #d92b3a;
}

/*.ndetail-mediaBtn a::before {
       content: ">";
       margin: 0 10px 0 0;
       font-size: 18px;
}*/
.ndetail-mediaBtn a::after {
	margin: auto;
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: 0;
	right: 20px;
	bottom: 0;
}

#detail_main_info {
	display: table;
	width: 100%;
        margin: 50px 0;
}

#dm_left,
#dm_right {
	display: table-cell;
	vertical-align: top;
}

#dm_left {
	width: calc((100% - 30px)/2);
}

#dm_image {
	margin: 0 0 20px;
}

#dm_image * {
	display: block;
}

#dm_download li {
	position: relative;
	display: block;
	margin: 0 0 6px;
	padding: 10px 60px 10px 13px;
	background: #f3f3f3;
	font-weight: 500;
}

#dm_download span {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 100%;
	background: #b5b5b6;
}

#dm_download a {
	display: block;
	height: 42px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 42px;
	text-align: center;
}

#dm_more_btn {
	margin: 20px 0 0;
}

#dm_more_btn a {
	position: relative;
	display: block;
	padding: 10px 0;
	border: solid 1px #e01a35;
	color: #e01a35;
	font-size: 1.2rem;
	text-align: center;
}

#dm_more_btn a:after {
	content: "›";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	line-height: 2.5;
}

#dm_right {
	padding: 0 0 0 30px;
	width: calc((100% - 30px)/2);
}

#dm_icons li {
	margin: 0;
	display: inline-block;
}

#dm_ttl {
	margin: 10px 0 0;
	font-size: 1.5rem;
	font-weight: 500;
}

#dm_url {
	margin: 10px 0 0;
	padding: 0 0 20px;
	border-bottom: solid 1px #e5e5e5;
}

#dm_url a {
	font-size: 1.1rem;
}

#dm_cmnt {
	margin: 20px 0;
}

#dm_cmnt * {
	line-height: normal;
	font-size: 100%;
}

#dm_area {
	padding: 20px 0;
	border-top: solid 1px #e5e5e5;
}

#dm_area h3 {
	margin: 0 0 15px;
	color: #e21836;
}

#dm_area_list {
	font-size: 0;
}

#dm_area_list li {
	display: inline-block;
	width: 120px;
	margin: 5px;
	border-radius: 10px;
	background: #000;
	color: #fff;
	text-align: center;
	vertical-align: top;
}


#dm_device {
	padding: 20px 0;
	border-top: solid 1px #e5e5e5;
}

#dm_device h3 {
	margin: 0 0 15px;
	color: #e21836;
}

#dm_device_list {
	font-size: 0;
}

#dm_device_list li {
	display: inline-block;
	margin: 0 20px 0 0;
	vertical-align: top;
}

.dm_dicon1 {
	padding: 10px 0 10px 40px;
	background: url("../images/dm_device_icon1.svg") no-repeat left center;
	background-size: 30px;
}

.dm_dicon2 {
	padding: 10px 0 10px 20px;
	background: url("../images/dm_device_icon2.svg") no-repeat left center;
	background-size: 15px;
}

.dm_dicon3 {
	padding: 10px 0 10px 15px;
	background: url("../images/dm_device_icon3.svg") no-repeat left center;
	background-size: 11px;
}

#dm_ssl {
	padding: 20px 0;
	border-top: solid 1px #e5e5e5;
}

#dm_ssl h3 {
	margin: 0 0 15px;
	color: #e21836;
}

#dtail_downloads {
        display: none;
}

.sb_camp {
    display: inline-block;
    margin: 5px 5px 0;
    padding: 1px 15px;
    border-radius: 10px;
    background: #d92b3a;
    color: #fff;
    text-align: center;
    font-size: 0.7rem;
    vertical-align: top;
}

#content {
  min-width: initial;
}

@media screen and (min-width: 1000px) {
	#dm_left {
		width: 360px;
	}
	#dm_right {
		width: calc(100% - 390px);
	}
}