@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-feature-settings: "palt";
}

.pc,
.tb,
.pctb {
	display: none;
}

#wrapper {
	font-weight: 400;
	font-size: 62.5%;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #000;
	font-family: "Noto Sans Japanese", YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	background: #fefefe;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	position: relative;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#wrapper a:link {
	text-decoration: none;
	color: #00a0e9;
}

#wrapper a:visited {
	text-decoration: none;
	color: #00a0e9;
}

#wrapper a:active {
	text-decoration: underline;
}

#wrapper .pc {
	display: none;
}

#wrapper .tb {
	display: none;
}

#wrapper .pctb {
	display: none;
}

#wrapper .tbsp {
	display: block;
}

a,
input:focus {
	outline: none;
}

.img img {
	width: 100%;
	height: auto;
}

@font-face {
	font-family: 'times';
	src: url('../font/times.woff') format('woff'),
		url('../font/times.woff') format('woff2');
}

.owdFnt {
	font-family: 'Oswald', sans-serif;
}

.timeFnt {
	font-family: 'times';
}

.yugoFnt {
	font-family: "Noto Sans Japanese", sans-serif;
}


/*======================================================
  header
======================================================*/

header {
	padding: 0 0 45px;
}

.headerBox {
	width: 100%;
	display: table;
	position: fixed;
	z-index: 999;
}

.headerLogoBox {
	width: 220px;
	max-height: 45px;
	padding: 13px 15px;
	display: table-cell;
	background: #3849ca;
}

.headerLogoBoxInr {
	width: 100%;
	display: table;
}

.headerLogo {
	max-width: 60px;
	padding: 0 10px 0 0;
	display: table-cell;
	vertical-align: middle;
}

.headerLogoTxt {
	display: table-cell;
	vertical-align: middle;
	font-size: 0.9em;
	color: #fff;
}

.headerNavBox {
	height: 45px;
	display: table-cell;
	vertical-align: middle;
	background: #040a29;
}

.headerNavBoxInr {
	display: none;
}

/* globalNav */
.globalNavBoxSP {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	width: 100%;
	background: #040a29;
	padding: 0 0 20px;
	z-index: 999;
	border-top: solid 1px #363b54;
}

.globalNavBoxSP.active {
	transform: translateY(0%);
	top: 45px;
}

.navToggle {
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 99;
	text-align: center;
}

.navToggle span {
	display: block;
	position: absolute;
	width: 20px;
	border-bottom: solid 2px #fff;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	right: 12px;
}

.navToggle span:nth-child(1) {
	top: 12px;
}

.navToggle span:nth-child(2) {
	top: 17px;
}

.navToggle span:nth-child(3) {
	top: 22px;
}

.navToggle span:nth-child(4) {
	border: none;
	bottom: 10px;
	height: 10px;
	background: url(../images/common/bg_menu.png) bottom no-repeat;
	background-size: 24px 6px;
}

.navToggle.active span:nth-child(1) {
	top: 15px;
	left: 13px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
	top: 15px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navToggle.active span:nth-child(4) {
	border: none;
	bottom: 10px;
	height: 10px;
	background: url(../images/common/bg_close.png) bottom no-repeat;
	background-size: 24px 6px;
}

#globalNavSP {
	font-size: 1.1em;
	line-height: 1;
	margin: 0 0 20px;
}

#globalNavSP li {
	border-bottom: solid 1px #363b54;
}

#globalNavSP a,
#globalNavSP span {
	display: block;
	padding: 15px;
}

#globalNavSP span,
#globalNavSP a:link,
#globalNavSP a:visited,
#globalSubNavSP a:link,
#globalSubNavSP a:visited {
	color: #fff !important;
}

.globalSubNavSP {
	margin: 0 0 10px;
}

.globalSubNavSP a {
	display: block;
	margin: 0 0 5px 30px;
	padding: 5px !important;
}

.globalSubNavSP li {
	border-bottom: none !important;
}

.globalSubNavSP li:not(:last-child) {}

/* headerSnsNavSP */
.headerSnsNavSP {
	min-width: 250px;
	display: table;
	margin: 0 auto;
	padding: 0 0 0 15px;
}

.headerSnsNavSP li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px 0 0;
}

.headerSnsNavSP img {
	width: 20px;
	height: 20px;
}

.headerSnsNavSP a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.headerSnsNavSP a:active img {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}

.headerBtnBoxSP {
	border: solid 1px #fff;
	margin: 0 0 0 10px;
}

.headerBtnSP {
	font-size: 1em;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
}

.headerBtnSP:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.headerBtnSP a {
	display: block;
	padding: 6px 12px 6px 6px;
}

.headerBtnSP a:link,
.headerBtnSP a:visited {
	color: #fff !important;
}

.headerBtnSP a:active {
	color: #000 !important;
	text-decoration: none !important;
	background: #fff;
}

/*======================================================
 common
======================================================*/

/* title */
.lowerContentsTtl {
	font-weight: 600;
	font-size: 2em;
	margin: 0 0 20px;
	padding: 0 0 15px;
	border-bottom: solid 1px #000;
}

.lowerContentsSubTtl {
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1;
	color: #fff;
	margin: 0;
	padding: 7px 9px;
	background: #000;
}

/* pageInfoArea */
#pageInfoArea {
	margin: 0 0 40px;
	padding: 20px;
	background: #fbfbfb;
}

.pageInfoBox {
	width: 100%;
	display: table;
}

.pageTtl {
	font-weight: 500;
	font-size: 1.7em;
}

.pageNavBox {
	padding: 10px 0 0;
}

.pageNav {
	font-weight: 500;
	font-size: 1.2em;
}

.pageNav li {
	float: left;
	margin: 0 6px 0 0;
	font-size: 0.8em;
}

.pageNav li:last-child {
	margin-right: 0;
}

.pageNav a {
	display: block;
	padding: 3px 10px;
	background: #fff;
	border: solid 1px #e5e5e5;
}

.pageNav a:link,
.pageNav a:visited {
	color: #000 !important;
}

.pageNav a:active {
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* sound */
.soundBtnList {
	position: absolute;
	left: 7px;
	bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 200;
	font-size: 1.1em;
	line-height: 1.5em;
}

.soundBtnList li {
	text-align: center;
	margin: 0 2px;
}

.soundBtnList li img {
	width: 16px;
	height: 16px;
	padding: 3px;
}

.soundBtnList a {
	align-items: center;
	display: inline-block;
	padding: 3px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: relative;
	border: solid 1px rgba(255, 255, 255, 0.5);
	background: rgba(0, 0, 0, 0.3);
}

.soundBtnList li:first-child a {
	width: 22px;
	height: 22px;
}

.soundBtnList a:link,
.soundBtnList a:visited {
	color: #fff !important;
}

.soundBtnList a:hover,
.soundBtnList a.soundActive {
	background: rgba(128, 0, 0, 0.3);
	text-decoration: none !important;
}

.soundBtnList li:first-child a {
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: rgba(0, 0, 0, 0.3) url(../images/product/nsds3269/icon_sound.png) no-repeat center center;
	background-size: 21px 21px;
}

.soundBtnList li:first-child a:hover {
	background: rgba(128, 0, 0, 0.3) url(../images/product/nsds3269/icon_sound_stop.png) no-repeat center center;
	background-size: auto 15px;
}

.spaceBox {
	padding: 80px 0 0
}

/*======================================================
  トップ
======================================================*/

#mainSlide01,#mainSlide02,#mainSlide03 {
	position: relative;
}

/* indexMainArea mainSlide01 */
#mainSlide01 li:nth-child(1) .indexMainBox01 {
	height: 300px;
	background: url(../images/index/slide_main01_01@2x.jpg) center center no-repeat;
	background-size: cover;
}

.indexMainBox01 .indexMainInfoBox {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}

.indexMainBox01 .indexMainType {
	font-weight: 400;
	font-size: 1em;
	color: #384de4;
	line-height: 1;
	margin: 0 0 15px;
}

#mainSlide01 li:nth-child(3) .indexMainType {
	color: #000;
}

.indexMainBox01 .indexMainCatch {
	font-weight: 400;
	font-size: 1.8em;
	margin: 0 0 15px;
}

#mainSlide01 li:nth-child(n+2) .indexMainCatch {
	font-size: 2em;
	line-height: 1.2;
	margin: 0 0 15px;
}

.indexMainBox01 .indexMainName {
	font-weight: 400;
	font-size: 1em;
	margin: 0 0 20px;
}

.indexMainBtnBox01 {
	max-width: 150px;
	padding: 2px;
	border: solid 1px #000;
}

.indexMainBtn01 a {
	font-size: 1em;
	text-align: center;
	display: block;
	padding: 7px 20px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.indexMainBtn01 a:link,
.indexMainBtn01 a:visited {
	color: #fff !important;
}

.indexMainBtn01 a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.indexMainBoxWrap {
	width: 100%;
	display: table;
}

.indexMainLeftBox {
	width: 50%;
	display: table-cell;
}

.indexMainRightBox {
	width: 50%;
	display: table-cell;
}

/* indexMainArea mainSlide02 */
.indexMainBox02 {
	height: 300px;
}

#mainSlide02 li:nth-child(1) .indexMainBox02 {
	background: url(../images/index/slide_main02_01.jpg) top no-repeat;
	background-size: cover;
}

.indexMainBox02 .indexMainInfoBox {
	width: 100%;
	position: absolute;
	top: 15px;
	text-align: center;
}

.indexMainBox02 .indexMainType {
	font-weight: 400;
	font-size: 1em;
	color: #fff;
	line-height: 1;
	margin: 0 0 5px;
}

.indexMainBox02 .indexMainCatch {
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.2;
	color: #fff;
	margin: 0 0 5px;
}

.indexMainBox02 .indexMainName {
	font-weight: 400;
	font-size: 1em;
	color: #fff;
	margin: 0 0 10px;
}

.indexMainBtnBox02 {
	max-width: 150px;
	margin: 0 auto;
	padding: 2px;
	border: solid 1px #fff;
}

.indexMainBtn02 a {
	font-size: 1em;
	text-align: center;
	display: block;
	padding: 7px;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.indexMainBtn02 a:link,
.indexMainBtn02 a:visited {
	color: #000 !important;
}

.indexMainBtn02 a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* indexMainArea mainSlide03 */
.indexMainBox03 {
	height: 300px;
}

#mainSlide03 li:nth-child(1) .indexMainBox03 {
	background: url(../images/index/slide_main03_01.jpg) top no-repeat;
	background-size: auto 100% !important;
	background-position: center center !important;
}

.indexMainBox03 .indexMainInfoBox {
	width: 100%;
	position: absolute;
	top: 15px;
	text-align: center;
}

.indexMainBox03 .indexMainType {
	font-weight: 400;
	font-size: 1em;
	color: #384de4;
	line-height: 1;
	margin: 0 0 5px;
}

.indexMainBox03 .indexMainCatch {
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1.2;
	margin: 0 0 5px;
}

.indexMainBox03 .indexMainName {
	font-weight: 400;
	font-size: 1em;
	margin: 0 0 10px;
}

.indexMainBtnBox03 {
	max-width: 150px;
	margin: 0 auto;
	padding: 2px;
	border: solid 1px #000;
}

.indexMainBtn03 a {
	font-size: 1em;
	text-align: center;
	display: block;
	padding: 7px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.indexMainBtn03 a:link,
.indexMainBtn03 a:visited {
	color: #fff !important;
}

.indexMainBtn03 a:active {
	color: #fff !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* indexMainMoreBtn */
.indexMainMoreBtnBox {
	width: 100%;
	display: table;
	height: 70px;
	text-align: center;
	background: #000;
}

.indexMainMoreBtn {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2em;
}

.indexMainMoreBtn a {
	position: relative;
	display: inline-block;
	padding: 0 30px 0 0;
}

.indexMainMoreBtn a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 1px;
	background: #fff;
}

.indexMainMoreBtn a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.indexMainMoreBtn a:link,
.indexMainMoreBtn a:visited {
	color: #fff !important;
}

.indexMainMoreBtn a:active {
	text-decoration: nonef !important;
}

/* indexChoiceArea */
#indexChoiceArea {
	margin: 0 0 30px;
	padding: 40px 20px;
	background: #fbfbfb;
}

.indexChoiceContents {
	max-width: 1360px;
	margin: 0 auto;
}

.indexChoiceBtnList {}

.indexChoiceBtnList li:first-child {
	margin: 0 0 20px;
}

.indexChoiceBtnListBox a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.indexChoiceBtnListBox a:link,
.indexChoiceBtnListBox a:visited {
	color: #fff !important;
	text-decoration: none !important
}

.indexChoiceBtnListBox:active {
	opacity: 0.5;
}

.indexChoicePicBox {
	width: calc(100% - 2px);
	height: 180px;
	display: table;
	border: solid 1px rgba(255, 255, 255, 0.5);
}

.indexChoicePicBoxInr {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px;
}

.indexChoicePicTtl {
	font-weight: 500;
	font-size: 2em;
	line-height: 1;
	color: #fff;
	margin: 0 0 15px;
}

.indexChoicePicTxt {
	font-size: 1em;
	color: #fff;
	margin: 0 0 30px;
}

.indexChoiceBtnList li:first-child .indexChoicePicBoxWrap {
	padding: 5px;
	background: url(../images/index/bg_video.jpg) top no-repeat;
	background-size: cover;
}

.indexChoiceBtnList li:last-child .indexChoicePicBoxWrap {
	padding: 5px;
	background: url(../images/index/bg_function.jpg) top no-repeat;
	background-size: cover;
}

.indexChoiceBtn {
	font-weight: 600;
	font-size: 1em;
	line-height: 1;
	display: inline-block;
	position: relative;
}

.indexChoiceBtn:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -40px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 1px;
	background: #fff;
}

.indexChoiceBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -40px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* indexRecArea */
#indexRecArea {
	margin: 0 0 60px;
	padding: 10px 0 0;
	background: url(../images/index/text_record.png) right top no-repeat;
	background-size: 688px 100px;
}

.indexRecAreaInr {
	padding: 0 20px 80px;
	background: url(../images/index/bg_record.jpg) bottom center repeat-x;
	background-size: 720px 120px;
}

.indexRecContents {
	max-width: 1000px;
	margin: 0 auto;
}

.indexRecTtl {
	font-size: 2.8em;
	margin: 0 0 10px;
}

.indexRecTxt {
	font-weight: 600;
	font-size: 1em;
	margin: 0 0 15px;
}

.indexRecBtnBox {
	padding: 2px;
	border: solid 1px #000;
}

.indexRecBtnBox a {
	font-size: 1em;
	text-align: center;
	display: block;
	padding: 10px 20px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.indexRecBtnBox a:link,
.indexRecBtnBox a:visited {
	color: #fff !important;
}

.indexRecBtnBox a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* indexSupportArea */
#indexSupportArea {}

.indexSupportContents {}

.indexSupportTtlBox {
	height: 60px;
	background: #000;
	position: relative;
}

.indexSupportTtlWrap {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.indexSupportTtl {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 0 0 0 45px;
	color: #fff;
}

.indexSupportTtl:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 35px;
	height: 1px;
	background: #fff;
}

.indexSupportMainTtl {
	font-weight: 400;
	font-size: 2em;
	line-height: 1;
	margin: 0 10px 0 0;
}

.indexSupportSubTtl {
	position: absolute;
	top: 50%;
	margin: -5px 0 0;
	font-size: 1em;
	line-height: 1;
}

.indexSupportList li {
	padding: 50px 20px;
}

.indexSupportList li:nth-child(1) {
	background: #f6f6f6;
}

.indexSupportList li:nth-child(2) {
	background: #f0f0f0;
}

.indexSupportList li:nth-child(3) {
	background: #eaeaea;
}

.indexSupportListBox {
	display: table;
	margin: 0 auto;
}

.indexSupportListIcon {
	text-align: center;
	margin: 0 0 40px;
}

.indexSupportListIcon img {
	width: 45px;
	height: 45px;
}

.indexSupportListTtl {
	font-weight: 600;
	font-size: 2em;
	line-height: 1.4;
	margin: 0 0 20px;
}

.indexSupportListTxt {
	font-weight: 300;
	font-size: 1.2em;
	line-height: 2;
	margin: 0 0 20px;
}

.indexSupportListTxt span {
	font-size: 0.8em;
}

.indexSupportListBtn {
	font-weight: 600;
	font-size: 1.2em;
	padding: 0 55px 0 0;
	display: inline-block;
	position: relative;
}

.indexSupportListBtn:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 1px;
	background: #000;
}

.indexSupportListBtn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.indexSupportListBtn a:link,
.indexSupportListBtn a:visited {
	color: #000 !important;
}

/* indexInfoArea */
#indexInfoArea {
	padding: 60px 20px;
}

.indexInfoContentsList li:not(:last-child) {
	margin: 0 0 50px;
}

.indexInfoTtlBox {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

.indexInfoTtlBox :last-child {
	margin-left: auto;
}

.indexInfoTtl {
	font-weight: 400;
	font-size: 2em;
	line-height: 1;
}

.indexInfoSubTtl {
	font-weight: 600;
	font-size: 1.1em;
	margin: 0 0 0 10px;
}

.indexInfoBtn {
	width: 100px;
	text-align: center;
	font-size: 1em;
	line-height: 1;
	border: solid 1px #e5e5e5;
}

.indexInfoBtn a {
	display: block;
	padding: 10px;
}

.indexInfoBtn a:link,
.indexInfoBtn a:visited {
	color: #000 !important;
}

.indexInfoBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.indexInfoListBox {}

.indexInfoList {
	border-top: solid 1px #f2f2f2;
}

.indexInfoList li {
	margin: 0 !important;
	padding: 15px 15px 15px 0;
	border-bottom: solid 1px #f2f2f2;
}

.indexInfoDataBox {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.infoProductIcon {
	width: 50px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1;
	color: #fff;
	margin: 0 15px 0 0;
	padding: 4px 7px;
	border-radius: 4px;
	background: #000;
}

.infoNewsIcon {
	width: 50px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1;
	margin: 0 15px 0 0;
	padding: 3px 6px;
	border-radius: 4px;
	border: solid 1px #aaa;
	background: #fff;
}

.infoData {
	font-weight: 600;
	font-size: 1em;
	margin: 0 20px 0 0;
}

.infoFile {
	font-weight: 600;
	font-size: 1.3em;
	margin: 0 20px 0 0;
}

.infoTxt {
	font-weight: 500;
	font-size: 1.2em;
}

.infoTxt a:link,
.infoTxt a:visited {
	color: #000 !important;
}

/*======================================================
  製品一覧
======================================================*/

/* productLinkArea */
#productLinkArea {
	margin: 0 0 40px;
	padding: 0 10px;
}

.productLinkContents {}

.productLinkNav {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.productLinkNav li {
	width: 48.5%;
	border: solid 1px #e5e5e5;
	margin: 0 0 5px;
	font-size: 0.8em;
}

.productLinkBtn {
	font-size: 1.2em;
	text-align: center;
}

.productLinkBtn a {
	display: block;
	padding: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none !important;
}

.productLinkBtn a:link,
.productLinkBtn a:visited {
	color: #000 !important;
}

.productLinkBtn a:active {
	background: #e5e5e5 !important;
}

/* productListArea */
#productListArea {
	padding: 0 10px;
	border-bottom: solid 1px #eaeaea;
}

.productListContents {
	max-width: 1000px;
	margin: 0 auto;
}

/* productList */
.productList li {
	margin: 0 0 40px;
}

.productListBox {}

.productTypeBox {
	border-top: solid 2px #e5e5e5;
	position: relative;
	margin: 0 0 30px;
	padding: 30px 0 0;
}

.productTypeBox:after {
	position: absolute;
	content: " ";
	display: block;
	border-top: solid 2px #000;
	top: -2px;
	left: 50%;
	margin: 0 0 0 -40px;
	width: 80px;
}

.productTypeTtl {
	text-align: center;
	font-weight: 600;
	font-size: 2em;
	margin: 0 0 15px;
}

.productTypeTxt {
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	line-height: 2;
	margin: 0 0 20px;
}

.productTypeBtn {
	width: 140px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
	border: solid 1px #e5e5e5;
}

.productTypeBtn a {
	display: block;
	padding: 15px;
}

.productTypeBtn a:link,
.productTypeBtn a:visited {
	color: #000 !important;
}

.productTypeBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.productInfoBox {}

.productInfoBoxInr {}

.productInfoList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.productInfoList li {
	width: 50%;
	margin: 0 0 10px;
	margin: 0;
}

.productInfoListBoxWrap {
	padding: 0 5px 10px;
}

.productInfoListBox {
	padding: 10px;
	background: #fbfbfb;
}

.productInfoListBoxInr {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #e5e5e5;
}

.productInfoListPic {
	margin: 0 0 20px;
}

.productInfoListPic a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.productInfoListPic a:active {
	opacity: 0.5;
}

.productInfoListName {
	font-weight: 600;
	font-size: 1.3em;
	margin: 0 0 10px;
}

.productInfoListName br {
	display: block;
}

.productInfoListModel {
	font-size: 1.1em;
}

.productInfoListTxt {
	font-size: 1.1em;
	margin: 0 0 20px;
}

.productInfoListTxt br {
	display: none;
}

.productInfoListDetailBtn,
.productInfoListOptionBtn {
	text-align: center;
	font-size: 1.1em;
	line-height: 1;
	margin: 0 0 10px;
}

.productInfoListDetailBtn a {
	display: block;
	padding: 10px 5px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.productInfoListOptionBtn a {
	display: block;
	padding: 10px 5px;
	border: solid 1px #e5e5e5;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.productInfoListDetailBtn a:link,
.productInfoListDetailBtn a:visited {
	color: #fff !important;
}

.productInfoListOptionBtn a:link,
.productInfoListOptionBtn a:visited {
	color: #000 !important;
}

.productInfoListDetailBtn a:active,
.productInfoListOptionBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* optionListArea */
#optionListArea {
	padding: 50px 10px 70px;
}

.optionListContents {
	max-width: 1000px;
	margin: 0 auto;
}

.optionTypeBox {
	border-top: solid 2px #e5e5e5;
	position: relative;
	margin: 0 0 30px;
	padding: 30px 5px 0;
}

.optionTypeList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}

.optionTypeList li {
	width: 32%;
	margin: 0 0 7px;
	font-size: 0.8em;
}

.optionTypeList li p.active {
	background-color: #ebebeb
}

.optionTypeBox {
	border-top: solid 2px #e5e5e5;
	position: relative;
	margin: 0 0 30px;
	padding: 30px 0 0;
}

.optionTypeBox:after {
	position: absolute;
	content: " ";
	display: block;
	border-top: solid 2px #000;
	top: -2px;
	left: 50%;
	margin: 0 0 0 -40px;
	width: 80px;
}

.optionTypeBtn {
	text-align: center;
	font-size: 1.2em;
	border: solid 1px #e5e5e5;
	display: block;
	padding: 10px;
	backgroung: #fff;
}

.optionInfoList {
	display: flex;
	flex-wrap: wrap;
}

.optionInfoList li {
	width: 50%;
	margin: 0 0 10px;
}

.optionInfoListBoxWrap {
	padding: 0 5px;
}

.optionInfoListBox {
	padding: 10px;
	background: #fff;
	border: solid 1px #e5e5e5;
}

/*======================================================
  製品詳細
======================================================*/

#detailPageInfoArea {}
#detailPageInfoArea .pageInfoBox {
	z-index: 100;
	box-sizing: border-box;
	padding: 10px;
	background: #fbfbfb;
}
#detailPageInfoArea .pageInfoBox.-jsFixed {
	position: fixed;
}


#detailMainArea {
	background: #000;
}

.detailMainContents {}

.detailMainTypeBox {}

.detailMainTypeBoxInr {
	padding: 15px;
}

.detailMainType01,
.detailMainType02,
.detailMainType03 {
	font-weight: 500;
	font-size: 2em;
	color: #fff;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: solid 2px #333;
	position: relative;
}

.detailMainType01 br,
.detailMainType02 br,
.detailMainType03 br {
	display: none;
}

.detailMainType01:after,
.detailMainType02:after,
.detailMainType03:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #fff;
	bottom: -2px;
	width: 80px;
}

.detailMainName {
	font-weight: 500;
	font-size: 1.4em;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 10px;
}

.detailMainModel {
	font-weight: 200;
	font-size: 1em;
	color: #fff;
}

.detailMainPicBox {}
.detailMainPicBox .mainImg {
	margin: 0;
	padding: 0;
	font-size: 0;
}

.detailMainPicBox .mainImg img {
	width: 100%;
}

.detailMainBox {
	position: relative;
}

.detailMainSlideWrap {
	position: relative;
}

.dmsNextBtn {
	position: absolute;
	bottom: 31px;
	left: 27px;
	z-index: 99;
}

.dmsPrevBtn {
	position: absolute;
	bottom: 31px;
	left: 0;
	z-index: 99;
}

.dmsNextBtn a,
.dmsPrevBtn a {
	display: block;
	width: 26px;
	height: 28px;
	position: relative;
	border: solid 1px rgba(255, 255, 255, 0.5);
	background: rgba(0, 0, 0, 0.3);
}

.dmsNextBtn a:active,
.dmsPrevBtn a:active {
	opacity: 0.5;
}

.dmsNextBtn a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.dmsPrevBtn a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.detailMainBox .bx-pager {
	position: absolute;
	bottom: 41px;
	left: 63px;
}

.detailMainSlide img {
	width: 100%;
	max-height: 420px;
}

.detailMainBtn {
	text-align: center;
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}

.detailMainBtn a {
	display: inline-block;
	padding: 7px 15px;
	border: solid 1px rgba(255, 255, 255, 0.5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.detailMainBtn a {
	margin-left: -5px;
}

.detailMainBtn a:link,
.detailMainBtn a:visited {
	color: #fff !important;
}

.detailMainBtn a:active {
	opacity: 0.5;
	text-decoration: none !important;
}

.detailContentsTtlBox {
	position: relative;
	margin: 0 0 30px;
	padding: 0 0 30px;
}

.detailContentsTtlBox:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 2px solid #dcdcdc;
	width: 60px;
	margin: 0 auto;
}

.detailContentsTtlBox .detailContentsTxt {
	margin: 0;
}

.detailContentsTtl {
	text-align: center;
	font-weight: 500;
	font-size: 3em;
	line-height: 1;
	margin: 0 0 10px;
}

.detailContentsTxt {
	text-align: center;
	font-weight: 500;
	font-size: 1.1em;
	margin: 0 0 30px;
}

.detailMainSlideWrap.-typeA .dmsNextBtn {
	bottom: 0;
}

.detailMainSlideWrap.-typeA .dmsPrevBtn {
	bottom: 0;
}

.detailMainSlideWrap.-typeA .bx-pager {
	bottom: 14px;
}

/* galleryArea */
#galleryArea {
	padding: 40px 20px;
	background: #fbfbfb;
}

.galleryMainContents {
	max-width: 1000px;
	margin: 0 auto;
}

.gallerySlideWrap {
	position: relative;
	margin: 0 0 20px;
}

.thumbWrap {
	padding: 0 15px;
}

.gsNextBtn {
	display: none;
}

.gsPrevBtn {
	display: none;
}

.gsNextBtn a,
.gsPrevBtn a {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
}

.gsNextBtn a:active,
.gsPrevBtn a:active {
	opacity: 0.5;
}

.gsNextBtn a:before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 12px;
	height: 12px;
	border-top: 2px solid rgba(0, 0, 0, 0.6);
	border-right: 2px solid rgba(0, 0, 0, 0.6);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

.gsPrevBtn a:before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 12px;
	height: 12px;
	border-top: 2px solid rgba(0, 0, 0, 0.6);
	border-right: 2px solid rgba(0, 0, 0, 0.6);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.gsPrevBtn a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.custom-thumb {
	display: flex;
	flex-wrap: wrap;
}

.custom-thumb a {
	width: 32%;
	margin: 0 2% 10px 0;
	cursor: pointer;
	background: #000;
}

.custom-thumb a:nth-child(3n) {
	margin-right: 0;
}

.custom-thumb span {
	position: relative;
}

.custom-thumb a.active span:before {
	content: "";
	position: absolute;
	top: -14px;
	left: 50%;
	margin-left: -6px;
	border: 6px solid transparent;
	border-bottom: 6px solid #000;
}

.custom-thumb a img {
	width: 100%;
	height: auto;
	opacity: 0.6;
}

.custom-thumb a:active img {
	opacity: 0.8;
}

.custom-thumb a.active img {
	opacity: 1;
}


/* featureArea */
#featureArea {
	padding: 40px 20px;
}

.featureContents {
	max-width: 1200px;
	margin: 0 auto;
}

.featureCatchTxt {
	text-align: center;
	font-weight: 600;
	font-size: 2em;
	line-height: 2;
	margin: 0 0 30px;
}

.featureCatchImg {
	margin: 0 0 30px;
}

.featureList.pb {
	padding: 0 0 30px;
}

.featureList li:not(:last-child) {
	margin: 0 0 30px;
}

.featureInfoBox {
	background: #fbfbfb;
}

.featureInfoBoxInr {
	padding: 30px;
}

.featureInfoTtl {
	font-weight: 500;
	font-size: 2em;
}

.featureInfoTxt {
	font-weight: 500;
	font-size: 1.4em;
	margin: 15px 0 0;
}

.featureInfoSubTxt {
	font-size: 1em;
	margin: 15px 0 0;
}

.featureBtnBox {
	text-align: center;
	margin: 20px auto 0;
	padding: 2px;
	border: solid 1px #000;
}

.featureBtn a {
	font-size: 1.3em;
	text-align: center;
	display: block;
	padding: 10px 20px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.featureBtn a:link,
.featureBtn a:visited {
	color: #fff !important;
}

.featureBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.featurePicBox img {
	width: 100%;
	height: auto;
}




.ns_9110wms .fpb02 {
	background: url(../images/detail/NS-9110WMS/bg_feature_02.jpg) top no-repeat;
	background-size: cover;
}

.ns_9110wms .fpb03 {
	background: url(../images/detail/NS-9110WMS/bg_feature_03.jpg) top no-repeat;
	background-size: cover;
}

.ns_9110wms .fpb04 {
	background: url(../images/detail/NS-9110WMS/bg_feature_04.jpg) top no-repeat;
	background-size: cover;
}

.ns_9110wms .fpb05 {
	background: url(../images/detail/NS-9110WMS/bg_feature_05.jpg) top no-repeat;
	background-size: cover;
}

.ns_9110wms .fpb06 {
	background: url(../images/detail/NS-9110WMS/bg_feature_06.jpg) top no-repeat;
	background-size: cover;
}

.dfeatureSlideWrap {
	position: relative;
}

.fsNextBtn {
	position: absolute;
	bottom: 10px;
	left: 49px;
	z-index: 99;
}

.fsPrevBtn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 99;
}

.fsNextBtn a,
.fsPrevBtn a {
	display: block;
	width: 38px;
	height: 40px;
	position: relative;
	border: solid 1px rgba(255, 255, 255, 0.5);
	background: rgba(0, 0, 0, 0.3);
}

.fsNextBtn a:active,
.fsPrevBtn a:active {
	opacity: 0.5;
}

.fsNextBtn a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 16px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fsPrevBtn a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 16px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.featureListBox .bx-pager {
	position: absolute;
	bottom: 25px;
	left: 105px;
}

.featureVideoBox video {
	width: 100%;
}

.featureSlide img {
	width: 100%;
}

/* movieArea */
#movieArea {
	padding: 80px 20px;
}

.movieContents {
	max-width: 1200px;
	margin: 0 auto;
}

/* compatibleAnc */
#compatibleArea {
	margin: 0 0 50px;
	padding: 20px 15px 0;
}

.compatibleContents {
	max-width: 1000px;
	margin: 0 auto;
}

.compatibleList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.compatibleList li {
	width: calc(50% - 10px);
	margin: 0 5px 10px;
	background: #fbfbfb;
}

.compatibleListBox {
	padding: 15px;
}

.compatibleListPic {
	margin: 0 0 20px;
}

.compatibleListPic a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.compatibleListPic a:active {
	opacity: 0.5;
}

.compatibleListName {
	font-weight: 600;
	font-size: 1.2em;
	margin: 0 0 10px;
}

.compatibleListModel {
	font-weight: 400;
	font-size: 1em;
	margin: 0 0 10px;
}

.poleSizeList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.poleSizeList li:not(:last-child) {
	margin-bottom: 20px;
}

/* specArea */
#specArea {
	padding: 40px 20px 50px;
	background: #fbfbfb;
}

.specContents {
	max-width: 1000px;
	margin: 0 auto;
}

.specTableList {
	margin: 0 0 30px;
}

.specTable {
	width: 100%;
	font-size: 1.2em;
}

.specTable th {
	display: block;
	width: 100%;
	font-weight: 600;
	padding: 15px 20px 5px 0;
}

.specTable td {
	display: block;
	width: 100%;
	padding: 0 0 15px;
	border-bottom: solid 1px #e1e1e1;
}

.specBtnList {
	width: 100%;
	display: table;
}

.specBtnList li {
	margin: 0 0 10px;
}

.specBtnListBox {
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
}

.specBtn a {
	display: block;
	padding: 20px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.specBtn a:link,
.specBtn a:visited {
	color: #fff !important;
}

.specBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* detailInfoArea */
#detailInfoArea {
	padding: 40px 20px 50px;
}

.detailInfoContents {
	max-width: 1000px;
	margin: 0 auto;
}

.detailInfoShopBox {
	padding: 50px 0 0;
}

.detailInfoList dt {
	font-weight: 600;
	font-size: 1.3em;
	padding: 20px 50px 20px 0;
	display: block;
	position: relative;
	border-bottom: solid 1px #e5e5e5;
	cursor: pointer;
}

.detailInfoList dt.active {
	border-bottom: none;
}

.detailInfoList dt:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 10px;
	font-weight: 200;
	font-size: 1.5rem;
	margin-top: -1.5rem;
}

.detailInfoList dt.active:after {
	content: '×';
	position: absolute;
	top: 50%;
	right: 10px;
	font-weight: 200;
	font-size: 0.8rem;
	margin-top: -0.8rem;
}

.detailInfoList dd {
	display: none;
	font-size: 1.1em;
	line-height: 2.4;
	padding: 20px 0 30px;
	border-bottom: solid 1px #e5e5e5;
}

.detailInfoBtnBox {
	margin: 0 auto 10px;
	text-align: center;
	font-size: 1.2em;
	line-height: 1;
}

.detailInfoBtn a {
	display: block;
	padding: 20px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.detailInfoBtn a:link,
.detailInfoBtn a:visited {
	color: #fff !important;
}

.detailInfoBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.shopList dd {
	background: #f9f9f9;
	padding: 0;
}

.detailInfoShopList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.detailInfoShopList li {
	display: flex;
	align-items: stretch;
	width: 33%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	font-size: 0.9em;
	line-height: 1;
	border: solid 1px #e5e5e5;
	padding: 15px;
	box-sizing: border-box;
}

.detailInfoShopList li:nth-child(3n) {
	margin-right: 0;
}



/*======================================================
  録画時間で比較する
======================================================*/

.functionContents {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 50px;
	padding: 0 20px;
}

.functionContents img {
	width: 100%;
}



/*======================================================
  録画時間で比較する
======================================================*/

#recArea {
	padding: 20px;
}

.recContents {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 60px;
}

.recTable {
	width: 100%;
	font-size: 1.2em;
	margin: 0 0 20px;
	empty-cells: hide;
	border-collapse: collapse;
}

.recTable th {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border: solid 1px #e5e5e5;
}

.recTable td {
	padding: 5px;
	text-align: center;
	border: solid 1px #e5e5e5;
}

.recPic img {
	width: 100%;
	height: auto;
}

.vgaTtlBox {
	background: #f9f8f3;
	font-weight: 600;
}

.vgaBox {
	vertical-align: middle;
	background: #f9f8f3;
}

.hdTtlBox {
	background: #f3f6f7;
	font-weight: 600;
}

.hdBox {
	vertical-align: middle;
	background: #f3f6f7;
}

.recCapList {
	font-size: 1.3em;
}

.recCapList li {
	margin: 0 0 5px;
}

.strong_txt {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

.strong_sub_txt {
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: bold;
}

.documentContents .col2box {
	margin-top: 20px;
}

.documentContents .col2box > .columnL {
	width: 200px;
	margin: 0 auto 20px;
	padding: 0 10px;
	border: 1px solid #e5e5e5;
}

.documentContents .col2box > .columnL img {
	width: 100%;
}

.documentContents .col2box > .columnR {}


/*======================================================
  各種資料
======================================================*/

#documentArea {
	margin: 0 0 30px;
	padding: 0 20px;
}

.documentList {}

.documentList li {
	float: left;
	width: 48.5%;
	margin-bottom: 20px;
}

.documentList li:nth-child(odd) {
	margin-right: 3%;
}

.documentList li:nth-child(even) {}

.documentTtlBox {
	margin: 0 0 30px;
}

.documentTtl {
	width: 60%;
	margin: 10px auto;
	text-align: center;
}

.documentTtl>img {
	max-width: 100%;
	max-height: 200px;
}

.documentInfoBox {}

.documentModelTtl {
	font-size: 1.3em;
	margin: 0 0 5px;
}

.documentModelTtl {
	font-size: 1.3em;
	margin: 0 0 5px;
}

.documentModel {
	font-size: 1.3em;
	margin: 0 0 20px;
}

/*======================================================
  アップデート情報
======================================================*/

#updateArea {
	padding: 0 20px;
}

.updateList {
	border-top: solid 1px #e5e5e5;
	margin: 0 0 40px;
}

.updateList li {
	border-bottom: solid 1px #e5e5e5;
	padding: 20px 0;
}

.updateData {
	width: 100%;
	font-weight: 600;
	font-size: 1.3em;
	color: #aaa;
	margin: 0 0 20px;
}

.updatePicBox {
	max-width: 200px;
	margin: 0 auto 20px;
}

.updateInfoBox {
	flex: 1;
}

.updatePic {
	border: solid 1px #e5e5e5;
	background: #fff;
}

.updatePic img {
	width: 100%;
	height: auto;
}

.updateInfoName {
	font-weight: 600;
	font-size: 1.3em;
	margin: 0 0 20px;
}

.updateInfoTxt {
	font-size: 1.3em;
	margin: 0 0 20px;
}

.downloadBox {
	padding: 10px;
	background: #f6f6f6;
}

.downloadNameBox {
	text-align: center;
	margin: 0 0 10px;
}

.downloadName {
	margin-bottom: 7px;
	text-align: center;
	font-weight: 600;
	font-size: 0.8em;
}

.downloadBtn {
	min-width: 100px;
	text-align: center;
	font-size: 0.8em;
	border: solid 1px #e5e5e5;
	background: #fff;
}

.downloadBtn a {
	display: block;
	padding: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.downloadBtn a:link,
.downloadBtn a:visited {
	color: #000 !important;
}

.downloadBtn a:active {
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.displayBtn {
	margin: 0 auto 50px;
	text-align: center;
	font-size: 1em;
	line-height: 1;
}

.displayBtn span {
	display: block;
	padding: 20px;
	color: #fff;
	background: #000;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.displayBtn span:active {
	color: #000;
	background: #e5e5e5;
}

#more_btn,
#close_btn {
	position: relative;
}

#more_btn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 6px;
	height: 6px;
	margin: auto;
	vertical-align: middle;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

#close_btn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 6px;
	height: 6px;
	margin: auto;
	vertical-align: middle;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#updateSingle {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 50px;
}

.updateSingleContentInr {
	margin-bottom: 30px;
}

.updateSingleImg {
	float: left;
	width: 120px;
	border: 1px solid #e5e5e5;
}

.updateSingleImg>img {
	max-width: 100%;
}

.updateSingleContent {
	float: right;
	width: calc(100% - 140px);
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.8;
}

.singleDownloadBox {
	margin-bottom: 40px;
	padding: 10px;
	text-align: center;
	background-color: #f6f6f6;
}

.singleDownloadBox>.name {
	margin-bottom: 7px;
	font-weight: 600;
	font-size: 0.8em;
}

.singleDownloadBox>.btn>a {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 1.0em;
	border: solid 1px #e5e5e5;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.singleDownloadBox>.btn>a:link,
.singleDownloadBox>.btn>a:visited {
	color: #000 !important;
}

/*======================================================
  Q&A
======================================================*/

#faqArea {
	padding: 0 20px;
}

.one-section {
	display: none;
}

.one-section.show {
	display: block;
}

.one-section>.headline {
	margin-bottom: 20px;
	font-size: 1.6em;
	font-weight: bold;
}

/* faqBtnList */
.faqBtnList {
	margin-bottom: 40px;
}

.faqBtnList>.item {
	float: left;
	box-sizing: border-box;
	width: 23.5%;
	padding: 5px;
	margin: 0 2% 2% 0;
	border: 1px solid #eee;
	text-align: center;
}

.faqBtnList>.item:nth-child(4n) {
	margin-right: 0;
}

.faqBtnList>.item.active {
	border: 1px solid #3041c3;
}

.faqBtnList>.item>.img {
	width: 50%;
	margin: 0 auto;
}

.faqBtnList>.item>.txt {
	font-size: 0.8em;
}

/* faqList */
.faqList {
	margin: 0 0 50px;
	border-top: solid 1px #e5e5e5;
}

.faqList dt {
	font-weight: 600;
	font-size: 1.3em;
	padding: 20px 50px 20px 0;
	display: block;
	position: relative;
	border-bottom: solid 1px #e5e5e5;
	cursor: pointer;
}

.faqList dt.active {
	border-bottom: none;
}

.faqList dt:before {
	content: 'Q:';
	padding: 0 5px 0 0;
}

.faqList dt:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 20px;
	font-weight: 200;
	font-size: 1.5rem;
	margin-top: -1.5rem;
}

.faqList dt.active:after {
	content: '×';
	position: absolute;
	top: 50%;
	right: 20px;
	font-weight: 200;
	font-size: 0.8rem;
	margin-top: -0.8rem;
}

.faqList dd {
	display: none;
	font-size: 1.1em;
	line-height: 2.4;
	padding: 20px 0 30px;
	border-bottom: solid 1px #e5e5e5;
}

.area dl {
	display: none;
}

.area dl.show {
	display: block;
}

/*======================================================
  お知らせ・ブログ一覧
======================================================*/

#blogArea {
	padding: 0 20px 50px;
}

/* blogContents */
.blogContentsBox {
	margin: 0 0 80px;
}

.blogContentsTtl {
	font-weight: 600;
	font-size: 2em;
	margin: 0 0 15px;
}

.blogContentsList {
	margin: 0 0 40px;
	border-top: solid 1px #dcdcdc;
}

.blogContentsList li {
	padding: 30px 0;
	border-bottom: solid 1px #dcdcdc;
}

.blogListPicBox {
	max-width: 400px;
	margin: 0 auto 20px;
}

.blogListPicBox img {
	width: 100%;
	height: auto;
}

.blogListData {
	font-size: 1.2em;
	line-height: 1;
	margin: 0 0 20px;
}

.blogListTtl {
	font-weight: 500;
	font-size: 1.6em;
	line-height: 2;
	margin: 0 0 10px;
}

.blogListTtl a:link,
.blogListTtl a:visited {
	color: #000 !important;
}

.blogListTxt {
	font-size: 1.2em;
	line-height: 2;
	margin: 0 0 20px;
	visibility: hidden;
}

.blogListCategory {
	font-size: 1.2em;
	padding: 10px 15px;
	background: #fbfbfb;
	display: flex;
}

.wp-pagenavi {
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	width: 20px;
	height: 20px;
	color: #000 !important;
	font-weight: 500;
	font-size: 1.5em;
	line-height: 1.2;
	display: inline-block;
	margin: 0 5px;
	padding: 5px;
	border-radius: 50%;
	background: #f0f0f0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.wp-pagenavi .current,
.wp-pagenavi a:active {
	color: #fff !important;
	background: #000;
	text-decoration: none !important;
}

/* blogMenu */
.blogMenuBox {}

.blogMenuTtl {
	font-size: 1.3em;
	line-height: 1;
	color: #fff;
	padding: 10px 15px;
	background: #000;
}

.blogMenuList,
.blogCategolyList {
	margin: 0 0 30px;
	border-bottom: solid 1px #dcdcdc;
}

.blogMenuList dt {
	font-weight: 500;
	font-size: 1.2em;
	padding: 15px 50px 15px 0;
	display: block;
	position: relative;
	border-top: solid 1px #dcdcdc;
	cursor: pointer;
}

.blogCategolyList li {
	font-weight: 500;
	font-size: 1.2em;
	border-top: solid 1px #dcdcdc;
}

.blogMenuList dt:before,
.blogCategolyList li a:before {
	content: "- ";
}

.blogCategolyList li a {
	position: relative;
	display: block;
	padding: 15px 50px 15px 0;
	color: #000 !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blogCategolyList li a:active {
	opacity: 0.5;
	text-decoration: none !important
}

.blogMenuList dt:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 20px;
	font-weight: 200;
	font-size: 1.5rem;
	margin-top: -1.5rem;
}

.blogMenuList dt.active:after {
	content: '-';
	position: absolute;
	top: 50%;
	right: 20px;
	font-weight: 200;
	font-size: 1.5rem;
	margin-top: -1.5rem;
}

.blogMenuList dd {
	display: none;
	font-weight: 300;
	font-size: 1.2em;
	background: #fbfbfb;
}

.blogMenuSubList li {
	position: relative;
}

.blogMenuSubList li:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 15px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.blogMenuList dd a {
	display: block;
	padding: 15px;
}

.blogMenuSubList li a {
	padding: 15px 15px 15px 30px;
}

.blogMenuList dd a:link,
.blogMenuList dd a:visited {
	color: #000 !important;
}

/*======================================================
  お知らせ・ブログ詳細
======================================================*/

.blogDetailInfoBox {
	display: flex;
	justify-content: flex-end;
	padding: 30px 0 0;
	margin: 0 0 20px;
	border-top: solid 1px #dcdcdc;
}

.blogDetailCategoly {
	font-weight: 300;
	font-size: 1.2em;
	margin: 0 0 0 20px;
}

.blogDetailData {
	font-weight: 300;
	font-size: 1.2em;
}

.blogDetailContentsBox {
	margin: 0 0 30px;
}

.blogDetailContentsBox p {
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.8;
	margin: 0 0 20px;
}

.blogDetailContentsBox div {
	text-align: center;
	max-width: 400px;
	margin: 0 auto 20px;
}

.blogDetailContentsBox div img {
	width: 100%;
	height: auto;
}

.backBtn {
	margin: 0 auto;
	text-align: center;
	font-size: 1em;
	line-height: 1;
}

.backBtn a {
	display: block;
	padding: 20px;
	color: #fff;
	background: #000;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.backBtn a:link,
.backBtn a:visited {
	color: #fff !important;
}

.backBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

.backBtn {
	position: relative;
}

.backBtn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 6px;
	height: 6px;
	margin: auto;
	vertical-align: middle;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/*======================================================
  映像から選ぶ
======================================================*/

#videoArea {
	margin: 0 0 50px;
	padding: 0 20px;
}

.videoList {
	padding: 20px 0 0;
}

.videoList li {
	margin: 0 0 30px;
	border-bottom: solid 1px #f2f2f2;
}

.videoPicBox {
	margin: 0 0 30px;
}

.videoPic {
	max-width: 250px;
	margin: 0 auto 20px;
}

.videoPic img {
	width: 100%;
	height: 140px;
	object-fit: cover;
}

.videoPicName {
	text-align: center;
	font-weight: 600;
	font-size: 1.4em;
	margin: 0 0 20px;
}

.videoDayBox,
.videoNightBox {
	margin: 0 0 30px;
}

.videoDayTtl {
	text-align: center;
	font-size: 1.3em;
	line-height: 1;
	background: #f1f1f1;
	padding: 10px;
}

.videoNightTtl {
	text-align: center;
	font-size: 1.3em;
	color: #fff;
	line-height: 1;
	background: #bababa;
	padding: 10px;
}

.videoBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.videoBox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*======================================================
  共通下部
======================================================*/

/* choiceArea */
#choiceArea {
	margin: 0 0 60px;
	padding: 40px 20px;
	background: #fbfbfb;
}

.choiceContents {
	max-width: 1000px;
	margin: 0 auto;
}

.choiceTtl {
	text-align: center;
	font-weight: 400;
	font-size: 3.2em;
	line-height: 1;
	margin: 0 0 10px;
}

.choiceTtl span {
	padding: 0 5px;
	font-size: 0.8em;
}

.choiceTxt {
	text-align: center;
	font-weight: 500;
	font-size: 1.2em;
	margin: 0 0 40px;
}

.choiceBtnList {}

.choiceBtnList li {
	margin: 0 0 40px;
}


.choicePicBoxWrap {
	padding: 5px;
}

.choicePicBox {
	width: calc(100% - 2px);
	height: 120px;
	display: table;
	border: solid 1px rgba(255, 255, 255, 0.5);
}

.choicePicBoxInr {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

.choicePicTtl {
	font-weight: 500;
	font-size: 2em;
	line-height: 1;
	color: #fff;
	margin: 0 0 15px;
}

.choicePicTxt {
	font-size: 1em;
	color: #fff;
}

.choiceBtnList li:first-child .choicePicBoxWrap {
	background: url(../images/common/bg_video.jpg) top no-repeat;
	background-size: cover;
}

.choiceBtnList li:last-child .choicePicBoxWrap {
	background: url(../images/common/bg_function.jpg) top no-repeat;
	background-size: cover;
}

.choiceBtnBox {
	float: right;
	width: 200px;
	margin: -20px 0 0;
}

.choiceBtn,
.lowerInfoBtn {
	text-align: center;
	font-size: 1em;
	line-height: 1;
}

.choiceBtn a,
.lowerInfoBtn a {
	display: block;
	padding: 15px;
	background: #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.choiceBtn a:link,
.choiceBtn a:visited,
.lowerInfoBtn a:link,
.lowerInfoBtn a:visited {
	color: #fff !important;
}

.choiceBtn a:active,
.lowerInfoBtn a:active {
	color: #000 !important;
	background: #e5e5e5 !important;
	text-decoration: none !important;
}

/* lowerInfoArea */
#lowerInfoArea {
	margin: 0 0 60px;
	padding: 0 20px
}

.lowerInfoContents {
	max-width: 1000px;
	margin: 0 auto;
}

.lowerInfoBox {
	margin: 0 0 60px;
}

.lowerInfoPicBox {
	width: 100%;
	display: table;
	height: 120px;
	background: url(../images/common/bg_record.jpg) top no-repeat;
	background-size: cover;
}

.lowerInfoPicTtl {
	display: table-cell;
	vertical-align: middle;
	font-weight: 500;
	font-size: 2em;
	color: #fff;
	padding: 0 30px;
}

.lowerInfoBtnBox {
	float: right;
	width: 200px;
	margin: -20px 0 0;
}

.lowerInfoNav {
	width: 100%;
	display: table;
}

.lowerInfoNav li {}

.lowerInfoNav li:nth-child(1) {
	background: #f6f6f6;
}

.lowerInfoNav li:nth-child(2) {
	background: #f0f0f0;
}

.lowerInfoNav li:nth-child(3) {
	background: #eaeaea;
}

.lowerInfoNavBox {
	font-weight: 500;
	font-size: 1.5em;
	position: relative;
	vertical-align: middle;
}

.lowerInfoNavBox:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 20px;
	height: 1px;
	background: #000;
}

.lowerInfoNavBox:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.lowerInfoNav li a {
	display: block;
	padding: 30px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.lowerInfoNav li a:link,
.lowerInfoNav li a:visited {
	color: #000 !important;
}

.lowerInfoNav li a:active {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	text-decoration: none !important;
}

.lowerInfoNav li:nth-child(1) span {
	background: url(../images/common/icon_catalog.png) left no-repeat;
	background-size: 25px 25px;
	padding: 5px 0 5px 30px;
}

.lowerInfoNav li:nth-child(2) span {
	background: url(../images/common/icon_service.png) left no-repeat;
	background-size: 25px 25px;
	padding: 5px 0 5px 30px;
}

.lowerInfoNav li:nth-child(3) span {
	background: url(../images/common/icon_question.png) left no-repeat;
	background-size: 25px 25px;
	padding: 5px 0 5px 30px;
}

/*======================================================
  footer
======================================================*/

#footerArea {}

.footerSnsNavBoxWrap {
	padding: 20px 10px 10px;
	background: #3849ca;
}

.footerSnsNavBox {
	margin: 0 5px;
}

.footerSnsNav {
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
	font-size: 1.3em;
}

.footerSnsNav li {
	text-align: center;
	width: 50%;
	margin: 0 0 10px;
}

.footerSnsNav li a {
	display: block;
	padding: 10px;
	border: solid 1px #606dd5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footerSnsNav li a:link,
.footerSnsNav li a:visited {
	color: #fff !important;
}

.footerSnsNav li a:active {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	text-decoration: none !important;
}

.fNav01 {
	background: url(../images/common/icon_is.png) left no-repeat;
	background-size: 20px 20px;
	padding: 5px 0 5px 30px;
}

.fNav02 {
	background: url(../images/common/icon_fb.png) left no-repeat;
	background-size: 20px 20px;
	padding: 5px 0 5px 30px;
}

.fNav03 {
	background: url(../images/common/icon_tw.png) left no-repeat;
	background-size: 20px 20px;
	padding: 5px 0 5px 30px;
}

.fNav04 {
	background: url(../images/common/icon_yt.png) left no-repeat;
	background-size: 20px 20px;
	padding: 5px 0 5px 30px;
}

.fNav05 {
	background: url(../images/common/icon_sb.png) left no-repeat;
	background-size: 20px 20px;
	padding: 5px 0 5px 30px;
}

.footerNavBoxWrap {
	padding: 20px;
	background: rgb(46, 46, 46);
	background: -moz-linear-gradient(-45deg, rgba(46, 46, 46, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(46, 46, 46, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(135deg, rgba(46, 46, 46, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#000000', GradientType=1);
}

.footerNavList {
	display: none;
}


.copyRight {
	text-align: center;
	font-weight: 200;
	font-size: 1em;
	color: #fff;
}

#retopBtn {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50px;
}
#retopBtn img {
	width: 100%;
}


.cfix::after {
	content: "";
	display: block;
	clear: both;
}


._border_none {
	border: none !important;
}

._small {
	font-size: 0.7em
}

._taR {
	text-align: right;
}

._spView {
	display: block;
}

/*======================================================
  function
======================================================*/

#virtualShopArea {
	padding: 0 20px;
}

.virtualShopTtl {
	text-align: center;
	font-weight: 500;
	font-size: 1.5em;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 5px;
	padding: 8px 5px;
	background: #040a29;
}

.virtualShopBox {
	margin: 0 auto 30px;
}

.virtualShopAncList {

}

.virtualShopAncList li {
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 5px;
}

.virtualShopAncList li span {
	font-size: 0.5em;
}

.virtualShopAncList li a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.wirelessBtn {
	border: solid 1px #1a807c;
}

.wirelessBtn a {
	display: block;
	background: url(../images/function/icon_nav_wireless.png) 15px no-repeat;
	background-size: 30px 30px;
	padding: 5px 15px 10px 60px;
	position: relative;
}

.wirelessBtn a:before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
	margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #1a807c;
    border-right: 2px solid #1a807c;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.wirelessBtn a:link,
.wirelessBtn a:visited {
	color: #1a807c!important;
}

.wirelessBtn a:active,
.cableBtn a:active,
.otherBtn a:active {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	text-decoration: none!important;
}

.cableBtn {
	border: solid 1px #8f4939;
}

.cableBtn a {
	display: block;
	background: url(../images/function/icon_nav_cable.png) 15px no-repeat;
	background-size: 30px 30px;
	padding: 5px 15px 10px 60px;
	position: relative;
}

.cableBtn a:before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
	margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #8f4939;
    border-right: 2px solid #8f4939;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.cableBtn a:link,
.cableBtn a:visited {
	color: #8f4939!important;
}

.otherBtn {
	border: solid 1px #005999;
}

.otherBtn a {
	display: block;
	background: url(../images/function/icon_nav_other.png) 15px no-repeat;
	background-size: 30px 30px;
	padding: 5px 15px 10px 60px;
	position: relative;
}

.otherBtn a:before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
	margin: auto;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #005999;
    border-right: 2px solid #005999;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.otherBtn a:link,
.otherBtn a:visited {
	color: #005999!important;
}

/* wirelessArea */
#wirelessArea {
	height: 977px;
	padding: 0 20px;
	background: url(../images/function/bg_contents_wireless.jpg) top no-repeat;
	background-size: 1670px auto;
}

.wirelessContents {
	padding: 100px 0 0;
}

.wirelessTtlBox {
	max-width: 910px;
	width: 100%;
	text-align: center;
	margin: 0 auto 30px;
	background-image: url(../images/function/bg_screw_01.png),
	url(../images/function/bg_screw_01.png),
	url(../images/function/bg_screw_01.png),
	url(../images/function/bg_screw_01.png),
	url(../images/function/bg_title_wireless.jpg);
	background-position: left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px,top;
	background-repeat: no-repeat;
	background-size: 13px 13px,13px 13px,13px 13px,13px 13px,100% 100%;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4);
}

.wirelessTtl {
	max-width: 300px;
	margin: 0 auto;
	padding: 10px 20px;
}

/* cableArea */
#cableArea {
	height: 898px;
	padding: 0 20px;
	background: url(../images/function/bg_contents_cable.jpg) top no-repeat;
	background-size: 1720px auto;
}

.cableContents {
	padding: 100px 0 0;
}

.cableTtlBox {
	max-width: 910px;
	width: 100%;
	text-align: center;
	margin: 0 auto 30px;
	background-image: url(../images/function/bg_screw_02.png),
	url(../images/function/bg_screw_02.png),
	url(../images/function/bg_screw_02.png),
	url(../images/function/bg_screw_02.png),
	url(../images/function/bg_title_cable.jpg);
	background-position: left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px,top;
	background-repeat: no-repeat;
	background-size: 13px 13px,13px 13px,13px 13px,13px 13px,100% 100%;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4);
}

.cableTtl {
	max-width: 300px;
	margin: 0 auto;
	padding: 10px 20px;
}

/* otherArea */
#otherArea {
	height: 730px;
	padding: 0 20px;
	background: url(../images/function/bg_contents_other.jpg) top no-repeat;
	background-size: 1610px auto;
}

.otherContents {
	padding: 100px 0 0;
}

.otherTtlBox {
	max-width: 910px;
	width: 100%;
	height: 75px;
	text-align: center;
	margin: 0 auto 30px;
	background-image: url(../images/function/bg_screw_02.png),
	url(../images/function/bg_screw_02.png),
	url(../images/function/bg_screw_02.png),
	url(../images/function/bg_screw_02.png),
	url(../images/function/bg_title_other.jpg);
	background-position: left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px,top;
	background-repeat: no-repeat;
	background-size: 13px 13px,13px 13px,13px 13px,13px 13px,100% 100%;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4);
}

.otherTtl {
	max-width: 300px;
	margin: 0 auto;
	padding: 10px 20px;
}

.otherProductList {
	display: flex;
	justify-content: space-between;
}

.otherProductList li {
	width: 22.5%;
	padding: 0 10px;
}

.vsProductList {
	display: flex;
	justify-content: space-between;
}

.vsProductList li {
	width: 22.5%;
	padding: 0 10px;
	position: relative;
}

.bottomShadow {
	position: absolute;
	bottom: 5px;
	left: 0;
}

/* vsProductPicBox */
.vsProductPicBoxWrap {
	margin: 0 0 25px;
	padding: 0 0 5px;
	background: #fff;
	box-shadow: 3px 4px 3px 1px rgba(0,0,0,0.4);
}

.vsProductPicBox {
	margin: 0 0 -10px;
	padding: 15px 10px 25px;
	background-image: url(../images/function/bg_fook_left.png),url(../images/function/bg_fook_right.png);
	background-position: bottom left 30px,bottom right 30px;
	background-repeat: no-repeat;
	background-size: 10px 11px,10px 11px;
}

.vsProductPicBoxInr {
	margin: 0 0 20px;
}

.vsProductTtl {
	text-align: center;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.4;
	margin: 0 0 10px;
}

.vsProductTtl span {
	font-size: 0.85em;
}

.vsProductPic {
	max-width: 160px;
	margin: 0 auto 10px;
}

.vsProductSubBox {
	max-width: 160px;
	margin: 0 auto;
	padding: 5px;
	border: solid 1px #dbdbdb;
	display: flex;
	align-items: center;
	background: #fff;
}

.vsProductSubBoxPic {
	max-width: 60px;
}

.vsProductSubBoxTxt {
	font-size: 1.1em;
	font-weight: 500;
	padding: 0 0 0 5px;
}

.vsProductBtn {
	max-width: 120px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
	background: #000;
	border-radius: 20px;
}

.vsProductBtn a {
	display: block;
	padding: 3px 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.vsProductBtn a:link,
.vsProductBtn a:visited {
	color: #fff!important;
}

.vsProductBtn a:active {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	text-decoration: none!important;
}

/* vsProductInfoBox */
.vsProductInfoBox {
	padding: 15px 20px 10px;
	background: url(../images/function/bg_productinfo.png) top;
}

.otherContents .vsProductInfoBox {
	box-shadow: none!important;
}

.vsProductNumber {
	text-align: center;
	font-size: 2em;
	line-height: 1;
	color: #fff;
	margin: 0 0 20px;
}

.vsProductSpec {
	text-align: center;
	font-size: 1.1em;
	line-height: 1;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #fff;
}

.vsProductSpecTable {
	width: 100%;
	color: #fff;
	font-size: 1em;
	line-height: 1.4;
}

.vsProductSpecTable th {
	width: 30%;
	padding: 7px 10px 7px 0;
	border-bottom: solid 1px #fff;
}

.vsProductSpecTable td {
	padding: 7px 0;
	border-bottom: solid 1px #fff;
}

.vsProductSpecTable tr:last-child th,
.vsProductSpecTable tr:last-child td {
	border: none;
}

/* realShopArea */
#realShopArea {
	padding: 30px 20px;
}

.realShopAreaTtl {
	text-align: center;
	margin: 0 0 30px;
	font-size: 1.6em;
	font-weight: 600;
}

.realShopList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.realShopList li {
	width: 32%;
	font-size: 0.9em;
	line-height: 1;
	border: solid 1px #e5e5e5;
	padding: 12px 7px;
	margin-right: 2%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.realShopList li:nth-child(3n) {
	margin-right: 0;
}

/* slide */
.slick-slide {
	outline: none;
	padding-bottom: 20px!important;
}

.vsProductList .slick-prev,
.otherContents .slick-prev {
	width: 65px;
	height: 120px!important;
	top: 50%!important;
	left: -20px;
	z-index: 800;
}

.vsProductList .slick-next,
.otherContents .slick-next {
	width: 65px;
	height: 120px!important;
	top: 50%!important;
	right: -20px;
	z-index: 800;
}

.vsProductList .slick-prev,
.vsProductList .slick-next,
.otherContents .slick-prev,
.otherContents .slick-next {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.vsProductList .slick-prev:active,
.vsProductList .slick-next:active,
.otherContents .slick-prev:active,
.otherContents .slick-next:active {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
}

.vsProductList .slick-prev:before,
.vsProductList .slick-next:before,
.otherContents .slick-prev:before,
.otherContents .slick-next:before {
  content: "" !important;
}

.vsProductList .slick-prev:after,
.otherContents .slick-prev:after {
  content: url(../images/function/bt_sp_prev.png);
}

.vsProductList .slick-next:after,
.otherContents .slick-next:after {
  content:  url(../images/function/bt_sp_next.png);
}

/* modalArea */
#modalArea {
	overflow-y: auto;
	max-height: 85%;
	margin: 70px auto 0;
	background: #fff;
	border-radius: 0!important;
	font-size: 62.5%!important;
	font-family: "Noto Sans Japanese", sans-serif!important;
}

.modalTtlBox {
	padding: 10px;
	background: #f5f5f5;
	position: relative;
}

.modalTtl {
	text-align: center;
	font-size: 2em;
	font-weight: 500;
	line-height: 1;
}

.modalCloseBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #9f9f9f;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	border: solid 1px #e0e0e0;
	background: #fff;
	cursor: pointer;
}

.modalCloseBtn a {
	display: block;
	padding: 4px;
}

.modalContents {
	padding: 15px 15px 25px;
}

.modalTypeIconList {
	display: flex;
	justify-content: center;
	margin: 0 0 15px;
}

.modalTypeIconList li {
	padding: 0 10px;
}

.modalTypeIconList li img {
	max-width: 100px;
}

.modalBox {
	margin: 0 0 30px;
	padding: 20px;
	background: #f3f3f3;
}

.modalPicBox {
	max-width: 160px;
	margin: 0 auto;
}

.modalInfoBox {
	max-width: 400px;
}

.modalFeatureList {
	padding: 15px 0 0;
}

.modalFeatureList dt {
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	line-height: 1;
	padding: 7px 10px;
	color: #fff;
	background: #000;
	margin: 0 0 10px;
}

.modalFeatureList dd {
	font-size: 1.6em;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 15px;
}

.modalFeatureList dd span {
	font-size: 0.7em;
	padding: 0 0 0 10px;
}

.modalRecommendTtl {
	text-align: center;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 10px;
}

.modalRecommendSubTtl {
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 20px;
}



.modalRecommendIconList {
	max-width: 360px;
	margin: 0 auto 30px;
	display: flex;
	justify-content: center;
}

.modalRecommendIconList li {
	width: calc(33.333% - 10px) ;
	margin: 0 5px;
}

.modalRecommendIconBox {
	text-align: center;
	padding: 10px 5px;
	border: solid 1px #000;
}

.modalRecommendIcon {
	max-width: 70px;
	margin: 0 auto 5px;
}

.modalRecommendIconTtl {
	font-size: 1em;
	font-weight: 500;
	line-height: 1;
}

.modalRecommendIconTtl span {
	font-size: 0.9em!important;
}

.modalMoreBtn {
	text-align: center;
	max-width: 360px;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1;
	margin: 0 auto;
	background: #000;
}

.modalMoreBtn a {
	display: block;
	padding: 12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.modalMoreBtn a:link,
.modalMoreBtn a:visited {
	color: #fff!important;
	text-decoration: none!important;
}

.modalMoreBtn a:active {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
}

.sp_imgarea{
    display: block;
    position: fixed;
    right: 45px;
    top: 0;
    cursor: pointer;
    z-index: 99;
    text-align: center;	
}
.sp_imgarea img{
	width: 45px;
    height: 45px;
}

.footer_shop_href{
	text-decoration: none !important
}
.footer_shop_area{
	padding: 40px 20px 50px;
}

.footer_shop_link{
	margin: auto;
	width: 100%;
	background-color: #CA0F74;
	color: #fff;
	text-align: center;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.3em;
    margin-top: -60px;
    margin-bottom: 60px;
}

.direct_shop_link{
	float: right;
	background-color: #CA0F74;
	color: #fff;
	font-weight: 500;
    font-size: 1.2em;
    margin-bottom: 10px;
    padding: 0px 5px;
}

.pageNav{
	float: left;
}


/*==============================================
2020/12
==============================================*/

.featureMainBox {
	padding: 10px 25px 25px;
	background: #dddddd;
	margin: 0 25px 15px;
}

.featureMainBox img {
	width: 90%;
	height: auto;
}

.fmb01 {
	text-align: center;
}

.fmb02 {
	font-size: 1.4em;
}

.featureSubBox {
	margin: 0 auto 25px;
	padding: 0 25px;
}

.featureSubBox img {
	max-width: 100%;
	height: auto;
}

.fsb01 {
	text-align: center;
	margin: 0 0 30px;
}

.fsb02 {
	font-size: 1.4em;
}

.featureInfoTxt span {
	font-size: 75%;
}

.specBtnListBox .specBtn {
	margin-top: 20px;
}

.footer_shop_area .btn {
	text-align: center;
}

.footer_shop_area .btn img {
	width: 100%;
	max-width: 400px;
	height: auto;
}

.footer_shop_area .btn img:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
}

/*==============================================
2021/02
==============================================*/

.featureSubTable {
	margin: 0 auto;
	padding: 0 50px;
}

.featureSubTable td {
	vertical-align: middle;
	display: block;
}

.featureSubTable .stepBox {
	font-size: 1.4em;
}

.featureSubTable .stepBox img {
	width: 100%;
	max-width: 100px;
	margin-bottom: 5px;
	float: left;
	margin-right: 10px;
}

.featureSubTable .triangle {
	padding: 15px 0;
	text-align: center;
}

.featureSubTable .triangle img {
	width: 30px;
	height: auto;
}

.sptbPt {
	padding-top: 20px;
}

.nopd {
	padding: 0;
}


/*==============================================
2021/11
==============================================*/

#mainSlide01 li:nth-child(1) .indexMainBox01 {
	height: 300px;
	background: url(../images/index/slide_main01_01@2x.jpg) left 70% center no-repeat;
}

.piyokameCth {
	text-align: center;
	line-height: 1.2;
	font-weight: 500;
	font-size: 1.6em;
	color: #fff;
	padding: 15px 0 0;
}

.piyokameTtl {
	text-align: center;
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: -0.025em;
	margin: 0 0 10px;
}

.piyokameLg {
	max-width: 150px;
	margin: 0 auto 10px;
}

.indexMainBox02 .indexMainCatch,
.indexMainBox02 .indexMainName {
	color: #000!important;
}

.indexMainBox02 .indexMainType {
	color: #384de4!important;
}

.indexMainBox03 .indexMainType,
.indexMainBox03 .indexMainCatch,
.indexMainBox03 .indexMainName {
	color: #fff!important;
}

.ls {
	letter-spacing: -1px;
}