@charset "UTF-8";

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

.sp,
.pc {
	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;
}

#wrapper a:link      { text-decoration: none; color: #00a0e9;}
#wrapper a:visited   { text-decoration: none; color: #00a0e9;}
#wrapper a:hover     { text-decoration: underline; }
#wrapper a:active    { text-decoration: underline; }

#wrapper .pc         { display: none; }
#wrapper .sp         { display: none; }
#wrapper .tbsp       { display: block; }

a,input:focus {
	outline: none;
}

a[href^="tel:"] {
	pointer-events: 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 60px;
}

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

.headerLogoBox {
	width: 260px;
	max-height: 60px;
	padding: 20px 30px;
	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: 1.1em;
	color: #fff;
}

.headerNavBox {
	height: 60px;
	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 30px;
	z-index: 999;
	border-top: solid 1px #363b54;
}

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

.navToggle {
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 99;
	text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    right: 15px;
}
 
.navToggle span:nth-child(1) {
    top: 15px;
}
 
.navToggle span:nth-child(2) {
    top: 22px;
}
 
.navToggle span:nth-child(3) {
    top: 29px;
}
 
.navToggle span:nth-child(4) {
	border: none;
	bottom: 13px;
	height: 10px;	
	background: url(../images/common/bg_menu.png) bottom no-repeat;
	background-size: 30px 8px;
}

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

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

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

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

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

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

.globalSubNavSP a {
	display: block;
	margin: 0 0 20px 40px;
	padding: 0!important;
}

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

.globalSubNavSP li:not(:last-child) {
	margin: 0 0 5px;
}

/* 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:hover 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:hover {
	color: #000!important;
	text-decoration: none!important;
	background: #fff;
}

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

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

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

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

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

.pageTtlBox {
	display: table-cell;
	vertical-align: middle;
}

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

.pageNavBox {
	width: 320px;
	display: table-cell;
	vertical-align: middle;
}

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

.pageNav li {
	float: left;
	border-left: solid 1px #e5e5e5;
}

.pageNav a {
	display: block;
	padding: 0 15px;
}

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

.pageNav li:last-child a {
	padding: 0 0 0 15px;
}

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

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

.soundBtnList li img {
	width: 20px;
	height: 20px;
	padding: 5px;
}

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

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

.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: 450px;
	background: url(../images/index/slide_main01_01.jpg) top no-repeat;
	background-size: cover;
}

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

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

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

.indexMainBox01 .indexMainCatch {
	font-weight: 400;
	font-size: 4em;
	line-height: 1.4;
	margin: 0 0 15px;
}

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

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

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

.indexMainBtn01 a {
	font-size: 1.2em;
	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;
}

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

.indexMainBtn01 a:hover {
	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 */
#mainSlide02 li:nth-child(1) .indexMainBox02 {
	height: 500px;
	background: url(../images/index/slide_main02_01.jpg) top no-repeat;
	background-size: cover;
}

.indexMainBox02 .indexMainInfoBox {
	width: 100%;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}

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

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

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

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

.indexMainBtn02 a {
	font-size: 1.2em;
	text-align: center;
	display: block;
	padding: 10px 20px;
	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:hover {
	color: #000!important;
	background: #e5e5e5!important;
	text-decoration: none!important;
}

/* indexMainArea mainSlide02 */
#mainSlide03 li:nth-child(1) .indexMainBox03 {
	height: 500px;
	background: url(../images/index/slide_main03_01.jpg) top no-repeat;
	background-size: cover;
}

.indexMainBox03 .indexMainInfoBox {
	width: 100%;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}

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

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

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

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

.indexMainBtn03 a {
	font-size: 1.2em;
	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;
}

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

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

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

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

.indexMainMoreBtn a {
	position: relative;
	display: inline-block;
	padding: 0 40px 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:hover {
	text-decoration: nonef!important;
} 

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

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

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

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

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

.indexChoiceBtnList li:last-child .choiceBtnListBox {
	margin: 0 0 0 10px;	
}

.indexChoiceBtnListBox {
	padding: 0 10px;
}

.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:hover {
	opacity: 0.5;
}

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

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

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

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

.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: 1.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;
}

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

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

.indexRecTtl {
	font-size: 3.6em;
	margin: 0 0 20px;
}

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

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

.indexRecBtnBox a {
	font-size: 1.2em;
	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:hover {
	color: #000!important;
	background: #e5e5e5!important;
	text-decoration: none!important;
}

/* indexSupportArea */
.indexSupportTtlBox {
	height: 100px;
	background: #000;
	position: relative;
}

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

.indexSupportTtl {
	width: 220px;
	position: relative;
	display: inline-block;
	padding: 0 0 0 70px;
	color: #fff;
}

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

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

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

.indexSupportBox {
	vertical-align: top;
}

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

.indexSupportList li {
	width: 50%;
}

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

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

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

.indexSupportListBox {
	display: table;
	padding: 60px 20px;
	margin: 0 auto;
}

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

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

.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 80px;
}

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

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

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

.indexInfoTtlBox {
	width: 240px;
	display: table-cell;
	vertical-align: top;
	padding: 0 20px 0 0;
	border-right: solid 8px #f8f8f8;
}

.indexInfoTtl {
	font-weight: 500;
	font-size: 2.8em;
	line-height: 1;
	margin: 0 0 15px;
}

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

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

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

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

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

.indexInfoListBox {
	display: table-cell;
	vertical-align: top;
}

.indexInfoListBoxInr {
	padding: 0 0 0 40px;
}

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

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

.indexInfoDataBox {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
}

.infoProductIcon {
	width: 60px;
	text-align: center;
	font-size: 1.1em;
	line-height: 1;
	color: #fff;
	margin: 0 20px 0 0;
	padding: 4px 10px;
	border-radius: 4px;
	background: #000;
}

.infoNewsIcon {
	width: 60px;
	text-align: center;
	font-size: 1.1em;
	line-height: 1;
	margin: 0 20px 0 0;
	padding: 3px 9px;
	border-radius: 4px;
	border: solid 1px #aaa;
	background: #fff;
}

.infoData {
	font-weight: 600;
	font-size: 1.3em;
	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.3em;
}

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

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

/* productLinkArea */
#productLinkArea {
	margin: 0 0 80px;
	padding: 0 20px;
}

.productLinkContents {
	max-width: 1010px;
	margin: 0 auto;
}

.productLinkNav {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.productLinkNav li {
	width: 32%;
	margin: 0 2% 10px 0;
}
.productLinkNav li:nth-child(3n) {
	margin-right: 0;
}
.productLinkBtn {
	font-size: 1.2em;
	text-align: center;
}

.productLinkBtn a {
	display: block;
	padding: 10px;
	border: solid 1px #e5e5e5;
	-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:hover {
	background: #e5e5e5!important;
}

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

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

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

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

.productTypeBox {
	width: 200px;
	display: table-cell;
	vertical-align: top;
	border-top: solid 2px #e5e5e5;
	position: relative;
	padding: 50px 0 0;
}

.productTypeBox:after {
	position: absolute;
	content: " ";
	display: block;
	border-top: solid 2px #000;
	top: -2px;
	width: 80px;
}

.productTypeTtl {
	font-weight: 600;
	font-size: 2.4em;
	margin: 0 0 20px;
}

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

.productTypeBtn {
	width: 140px;
	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:hover {
	color: #000!important;
	background: #e5e5e5!important;
	text-decoration: none!important;
}

.productInfoBox {
	display: table-cell;
	vertical-align: top;
}

.productInfoBoxInr {
	padding: 0 0 0 40px;
}

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

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

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

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

.productInfoListBoxInr {
	margin: 0 0 20px;
	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:hover {
	opacity: 0.5;
}

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

.productInfoListModel {
	font-size: 1.2em;
}

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

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

.productInfoListDetailBtn a {
	display: block;
	padding: 13px;
	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: 13px;
	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:hover,
.productInfoListOptionBtn a:hover {
	color: #000!important;
	background: #e5e5e5!important;
	text-decoration: none!important;
}

/* optionListArea */
#optionListArea {
	padding: 100px 20px 90px;
}

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

.optionTypeList li {
	margin: 0 0 5px;
	cursor: pointer;
}
.optionTypeList li p.active,
.optionTypeList li p:hover {
	background-color: #ebebeb
}

.optionTypeBox {
	width: 200px;
	display: table-cell;
	vertical-align: top;
	border-top: solid 2px #e5e5e5;
	position: relative;
	padding: 50px 0 0;
}

.optionTypeBox:after {
	position: absolute;
	content: " ";
	display: block;
	border-top: solid 2px #000;
	top: -2px;
	width: 80px;
}

.optionTypeBtn {
	text-align: center;
	font-size: 1.3em;
	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 0 0 10px;
}

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

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

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

#detailMainArea {
	background: #000;
}

.detailMainContents {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.detailMainTypeBox {
	width: 35%;
	max-width: 380px;
	order: 1;
	position: relative;
}

.detailMainTypeBoxInr {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	padding: 30px;
}

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

@media screen and (max-width:800px) {
	.detailMainType01,
	.detailMainType02,
	.detailMainType03 {
		font-weight: 500;
		font-size: 2em;
		line-height: 1.4;
		color: #fff;
		margin: 0 0 20px;
		padding: 0 0 2,px;
		border-bottom: solid 2px #333;
		position: relative;
	}
}

.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.6em;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 10px;
}

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

.detailMainBox {
	width: 65%;
	height: 100%!important;
	position: relative;
	order: 2;
}

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

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

.detailMainSlideWrap {
	position: relative;
}

.dmsNextBtn {
	position: absolute;
	bottom: 41px;
	left: 39px;
	z-index: 99;
}

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

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

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

.dmsNextBtn 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);
}

.dmsPrevBtn 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);
}

.detailMainBox .bx-pager {
	position: absolute;
	bottom: 55px;
	left: 90px;
}

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

.detailMainBtn {
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}

.detailMainBtn a {
	display: inline-block;
	padding: 12px 25px;
	border: solid 1px rgba(255,255,255,0.5);
	background: rgba(0,0,0,0.3);
	-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 + a {
	margin-left: -5px;
}

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

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

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

.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: 4em;
	line-height: 1;
	margin: 0 0 10px;
}

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

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

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

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

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

.thumbWrap {
	padding: 0 15px;
}

.gsNextBtn {
	position: absolute;
	top: 50%;
	right: 17px;
	z-index: 99;
}

.gsPrevBtn {
	position: absolute;
	top: 50%;
	left: 17px;
	z-index: 99;
}

.gsNextBtn a,
.gsPrevBtn a {
	position: relative;
	width: 12px;
	height: 12px;
}

.gsNextBtn a:hover,
.gsPrevBtn a:hover {
	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: calc(16.6666% - 10px) ;
	margin: 0 5px 10px;
	cursor: pointer;
	background: #000;
}

.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:hover img{
	opacity: 0.8;
}

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


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

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

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

.featureCatchImg {
	margin: 0 0 50px;
}

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

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

.featureList li:nth-child(2n) :nth-child(1) {
	order: 2;
}

.featureList li:nth-child(2n) :nth-child(2) {
	order: 1;
}

.featureListBox {
	display: flex;
}

.featureInfoBox {
	width: 50%;
	height: 340px;
	background: #fbfbfb;
	height: auto!important;
}

.featureInfoBoxInr {
	padding: 20px 30px;
}

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

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

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

.featureBtnBox {
	max-width: 340px;
	min-width: 240px;
	display: inline-block;
	margin: 20px 0 0;
	padding: 2px;
	border: solid 1px #000;
}

.featureBtn a {
	font-size: 1.4em;
	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:hover {
	color: #000!important;
	background: #e5e5e5!important;
	text-decoration: none!important;
}

.featurePicBox {
	width: 50%;
	background-color: #fbfbfb !important;
	background-size: 100% auto !important;
	background-position: center center!important;
}
.featurePicBox img {
	width: 100%;
}

.featureSlideBox {
	width: 50%;
	background-size: auto 100%!important;
}

.featureVideoBox {
	width: 50%;
	height: 340px;
}

.featureVideoBox iframe{
	min-height: 340px;
}

.featureVideoBox video {
	width: 100%;
}

.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:hover,
.fsPrevBtn a:hover {
	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;
}

.featureSlide img {
	width: 100%;
	height: auto!important;
}

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

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

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

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

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

.compatibleList li {
	width: calc(25% - 20px) ;
	margin: 0 10px 20px;
	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:hover {
	opacity: 0.5;	
}

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

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

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

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

/* specArea */
#specArea {
	padding: 80px 20px 100px;
	background: #fbfbfb;
}

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

.specTableList {
	width: 100%;
	display: table;
	margin: 0 0 50px;
}

.specTableList li,
.specBtnList li {
	width: 50%;
	display: table-cell;
}

.specTableList li:first-child .specTableListBox,
.specBtnList li:first-child .specBtnListBox {
	padding: 0 20px 0 0;
}

.specTableList li:last-child .specTableListBox,
.specBtnList li:last-child .specBtnListBox {
	padding: 0 0 0 20px;
}

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

.specTable th {
	width: 150px;
	font-weight: 600;
	padding: 20px 30px 20px 0;
	border-bottom: solid 1px #e1e1e1;
}

.specTable td {
	padding: 20px 0;
	border-bottom: solid 1px #e1e1e1;
}

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

.specBtnListBox {
	text-align: center;
	font-size: 1.3em;
	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:hover {
	color: #000!important;
	background: #e5e5e5!important;
	text-decoration: none!important;
}

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

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

.detailInfoShopBox {
	padding: 50px 0 35px;
}

.detailInfoList {
	margin: 0 0 50px;
}

.detailInfoList dt {
	font-weight: 600;
	font-size: 1.5em;
	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: 20px;
	font-weight: 200;
	font-size: 1.7rem;
	margin-top: -1.7rem;
}

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

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

.detailInfoBtnBox {
	max-width: 480px;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 1.3em;
	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:hover  {
	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: 19.2%;
	margin-right: 1%;
	margin-bottom: 10px;
	font-size: 0.9em;
	line-height: 1;
	border: solid 1px #e5e5e5;
	padding: 15px;
	box-sizing: border-box;
}

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



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

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

.functionContents img {
	width: 100%;
}



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

#recArea {
	padding: 30px 20px;
}

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

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

.recTable th {
	width: 70px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	padding: 15px;
	border: solid 1px #e5e5e5;
}

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

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

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

.vgaBox {
	background: #f9f8f3;
}

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

.hdBox {
	background: #f3f6f7;
}

.recCapList {
	font-size: 1.3em;
}

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

.strong_txt {
	margin-bottom: 5px;
	line-height: 1.4;
	font-size: 20px;
	font-weight: bold;
}
.strong_sub_txt {
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: bold;
}

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

.documentContents .col2box > .columnL {
	float: left;
	box-sizing: border-box;
	width: 23%;
	padding: 10px;
	border: 1px solid #e5e5e5;
}

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

.documentContents .col2box > .columnR {
	float: right;
	width: 73%;
}


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

#documentArea {
	margin: 0 0 60px;
	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) {}

.documentList li:first-child {
	padding: 0;
}

.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;
}

.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: 30px 0;
}

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

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

.updateInfoBoxWrap {
	display: flex;
}

.updatePicBox {
	width: calc(200px - 20px) ;
	padding: 0 20px 0 0;
}

.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;
	text-align: center;
	background: #f6f6f6;
}

.downloadNameBox.-update {
	vertical-align: middle;
}
.downloadNameBox.-update .downloadName {
	text-align: left;
	margin-bottom: 0;
}

.downloadNameBoxInr {
	padding: 0 10px;
	text-align: center;
}

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

.downloadNameBox {
	display: table-cell;
}

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

.downloadBtnBox {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
}

.downloadBtn {
	text-align: center;
	font-size: 1.2em;
	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:hover {
	background: #e5e5e5!important;
	text-decoration: none!important;
}

.displayBtn {
	max-width: 280px;
	margin: 0 auto 100px;
	text-align: center;
	font-size: 1.3em;
	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:hover  {
	color: #000;
	background: #e5e5e5;
}

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

.displayBtn a:hover {
	text-decoration: none!important;
}

#more_btn,
#close_btn {
	position: relative;
}

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

#close_btn:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 8px;
	height: 8px;
	margin: auto;
	vertical-align: middle;
	border-top: 2px solid #fff;
	border-right: 2px 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: 150px;
	border: 1px solid #e5e5e5;
}
.updateSingleImg > img {
	max-width: 100%;
}
.updateSingleContent {
	float: right;
	width: calc( 100% - 180px );
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.8;
}
.singleDownloadBox {
	display: table;
	width: 100%;
	margin-bottom: 40px;
	padding: 10px;
	text-align: center;
	background-color: #f6f6f6;	
}
.singleDownloadBox > .name {
	display: table-cell;
	margin-bottom: 10px;
	text-align: left;
	font-weight: 600;
	font-size: 1.3em;
}
.singleDownloadBox > .btn {
	display: table-cell;
	width: 200px
}
.singleDownloadBox > .btn > a {
	display: block;
	padding: 10px;
	text-align: center;
	font-size: 1.2em;
	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 50px;
}

.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: 18.4%;
	padding: 5px;
	margin: 0 2% 2% 0;
	border: 1px solid #eee;
	text-align: center;
}
.faqBtnList > .item:nth-child(5n) {
	margin-right: 0;
}
.faqBtnList > .item.active {
	border: 1px solid #3041c3;
}

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

.faqBtnList > .item > .txt {}

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

.faqList dt {
	font-weight: 600;
	font-size: 1.5em;
	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.7rem;
	margin-top: -1.7rem;
}

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

.faqList dd {
	display: none;
	font-size: 1.3em;
	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 100px;
}

.blogBox {
	display: flex;
}

/* blogContents */
.blogContentsBox {
	width: 70%;
	max-width: 660px;
}

.blogContentsBoxInr {
	padding: 0 40px 0 0;
}

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

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

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

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

.blogListPicBox {
	max-width: 300px;
	margin: 0 auto 30px;
}

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

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

.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.3em;
	line-height: 2;
	margin: 0 0 20px;
	visibility: hidden;
}

.blogListCategory {
	font-size: 1.3em;
	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.2em;
	line-height: 1.5;
	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:hover {
	color: #fff!important;
	background: #000;
	text-decoration: none!important;
}

/* blogMenu */
.blogMenuBox {
	width: 30%;
	max-width: 280px;
}

.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.3em;
	padding: 15px 50px 15px 0;
	display: block;
	position: relative;
	border-top: solid 1px #dcdcdc;
	cursor: pointer;
}

.blogCategolyList li {
	font-weight: 500;
	font-size: 1.3em;
	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:hover {
	opacity: 0.5;
	text-decoration: none!important
}

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

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

.blogMenuList dd {
	display: none;
	font-weight: 300;
	font-size: 1.3em;
	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 30px;
	border-top: solid 1px #dcdcdc;
}

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

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

.blogDetailContentsBox {
	margin: 0 0 20px;
}

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

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

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

.backBtn {
	max-width: 280px;
	margin: 0 auto 100px;
	text-align: center;
	font-size: 1.3em;
	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:hover  {
	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: 8px;
	height: 8px;
	margin: auto;
	vertical-align: middle;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

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

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

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

.videoList {
	padding: 20px 0 0;
}

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

.videoListBox {
	display: flex;
}

.videoPicBox {
	width: 24%;
	flex-grow: 1;
	max-width: 230px;
	padding: 0 30px 0 0;
}

.videoPic {
	margin: 0 0 15px;
}

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

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

.videoDayBox,
.videoNightBox {
	width: 38%;
	max-width: 340px;
	flex-grow: 1;
	padding: 0 0 0 20px;
}

.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: 60px 20px;
	background: #fbfbfb;
}

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

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

.choiceTtl span {
	padding: 0 10px;
}

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

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

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

.choiceBtnList li:first-child .choiceBtnListBox {
	margin: 0 10px 0 0;	
}

.choiceBtnList li:last-child .choiceBtnListBox {
	margin: 0 0 0 10px;	
}

.choicePicBoxWrap {
	padding: 5px;
}

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

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

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

.choicePicTxt {
	font-size: 1.2em;
	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: 240px;
	margin: -25px 0 0;
}

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

.choiceBtn a,
.lowerInfoBtn 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;
}

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

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

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

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

.lowerInfoBox {
	margin: 0 0 40px;
}

.lowerInfoPicBox {
	width: 100%;
	display: table;
	height: 160px;
	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: 2.4em;
	color: #fff;
	padding: 0 60px;
}

.lowerInfoBtnBox {
	float: right;
	width: 340px;
	margin: -25px 0 0;
}

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

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

.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.4em;
	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:hover {
	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;
	background: #3849ca;
}

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

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

.footerSnsNav li {
	text-align: center;
	width: 20%;
}

.footerSnsNav li a {
	display: block;
	padding: 0 10px;
	-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:hover {
	opacity:0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;	
	text-decoration: none!important;
}

.footerSnsNav li:first-child .footerSnsNavBox {
	border-left: solid 1px #606dd5;
}

.footerSnsNavBox {
	border-right: solid 1px #606dd5;
}

.footerSnsNavBox span {
	padding: 5px 0 5px 25px;
	background-size: 20px auto;
}

.fNav01 {
	background: url(../images/common/icon_is.png) left no-repeat;
}

.fNav02 {
	background: url(../images/common/icon_fb.png) left no-repeat;
}

.fNav03 {
	background: url(../images/common/icon_tw.png) left no-repeat;
}

.fNav04 {
	background: url(../images/common/icon_yt.png) left no-repeat;
}

.fNav05 {
	background: url(../images/common/icon_sb.png) left no-repeat;
}

.footerNavBoxWrap {
	padding: 50px 20px 30px;
	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 {
	max-width: 1000px;
	margin: 0 auto 60px;
	display: flex;
}

.footerNavList li {
	width: 17%;
	padding-left: 2%;
}

.footerNavList li:first-child {
	width: 15%;
	padding-left: 0
}

.footerNavList li:last-child {
	width: 28%;
}

.footerNavList li:not(:last-child) {
	border-right: solid 1px #5a5959;
}

.footerNavBox {
	padding: 0;
}

.footerNavList li:first-child .footerNavBox {
	padding: 0;
}

.footerNavList li:last-child .footerNavBox {
	padding: 0;
}

.footerNavList li:last-child .footerNavBox dd {
	float: left;
	width: 50%;
}

.footerNavBtn {
	font-weight: 600;
	margin: 0 0 20px
}

.footerNav {
	font-size: 1.0em;
	white-space: nowrap;
	color: #fff;
}

.footerNav dt {
	font-weight: 600;
}

.footerNav dd {
	font-weight: 200;
}

.footerNav dt,
.footerNav dd {
	margin: 0 0 10px
}

.footerNav dd:last-child {
	margin: 0;
}

.footerNavBtn a,
.footerNav a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

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

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

#retopBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
}
#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: none;
}

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

#virtualShopArea {
	padding: 0 20px;
}

.virtualShopContents,
.realShopContents {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

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

.virtualShopBox {
	max-width: 800px;
	margin: 0 auto 50px;
}

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

.virtualShopAncList li {
	width: 32.5%;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.2;
}

.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: 10px 15px 10px 60px;
	position: relative;
}

.wirelessBtn a:before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
	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:hover,
.cableBtn a:hover,
.otherBtn a:hover {
	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: 10px 15px 10px 60px;
	position: relative;
}

.cableBtn a:before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
	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: 10px 15px 10px 60px;
	position: relative;
}

.otherBtn a:before {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
	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: 1053px;
	padding: 0 20px;
	background: url(../images/function/bg_contents_wireless.jpg) top no-repeat;
	background-size: 1800px auto;
}

.wirelessContents {
	padding: 120px 0 0;
}

.wirelessTtlBox {
	max-width: 910px;
	width: 100%;
	height: 100px;
	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% auto;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4);
}

.wirelessTtl {
	max-width: 420px;
	margin: 0 auto;
	padding: 15px 10px 10px;
}

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

.cableContents {
	padding: 120px 0 0;
}

.cableTtlBox {
	max-width: 910px;
	width: 100%;
	height: 100px;
	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% auto;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4);
}

.cableTtl {
	max-width: 260px;
	margin: 0 auto;
	padding: 15px 10px 10px;
}

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

.otherContents {
	padding: 120px 0 0;
}

.otherTtlBox {
	max-width: 910px;
	width: 100%;
	height: 100px;
	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% auto;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4);
}

.otherTtl {
	max-width: 190px;
	margin: 0 auto;
	padding: 15px 10px 10px;
}

.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:hover {
	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: 1.1em;
	line-height: 1.4;
}

.vsProductSpecTable th {
	width: 43%;
	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: 90px 20px;
}

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

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

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

.realShopList li:nth-child(6n) {
	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:hover,
.vsProductList .slick-next:hover,
.otherContents .slick-prev:hover,
.otherContents .slick-next:hover {
	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 {
	max-width: 600px;
	overflow-y: auto;
	max-height: 85%;
	margin: 80px auto 0;
	background: #fff;
	border-radius: 0!important;
	font-size: 62.5%!important;
	font-family: "Noto Sans Japanese", sans-serif!important;
}

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

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

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

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

.modalContents {
	padding: 35px 65px 50px;
}

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

.modalTypeIconList li {
	padding: 0 15px;
}

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

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

.modalPicBox {
	max-width: 160px;
}

.modalInfoBox {
	max-width: 400px;
	padding: 0 0 0 20px;
}

.modalFeatureList {
	padding: 15px 0 0;
}

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

.modalFeatureList dd {
	font-size: 2.2em;
	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: 2em;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 10px;
}

.modalRecommendSubTtl {
	text-align: center;
	font-size: 1.4em;
	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% - 20px) ;
	margin: 0 10px;
}

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

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

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

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

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

.modalMoreBtn a {
	display: block;
	padding: 20px;
	-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:hover {
	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: 60px;
    top: 0;
    cursor: pointer;
    z-index: 99;
    text-align: center;	
}
.sp_imgarea img{
    width: 60px;
    height: 60px;
}

.footer_shop_href{
	text-decoration: none !important
}

.footer_shop_link{
	margin: auto;
	width: 480px;
	background-color: #CA0F74;
	color: #fff;
	text-align: center;
    padding: 20px;
    box-sizing: border-box;
    font-size: 1.3em;
    margin-top: -60px;
    margin-bottom: 60px;
}
.footer_shop_link:hover,
.direct_shop_link:hover{
	opacity: 0.50;
}

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

.pageNavBox{
	width: 460px !important;
}

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

.featureMainBox {
	padding: 20px 30px 30px;
	background: #dddddd;
	margin: 0 25px 50px;
}

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

.fmb01 {
	text-align: center;
}

.fmb02 {
	font-size: 1.8em;
}

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

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

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

.fsb02 {
	font-size: 1.8em;
}

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

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

.footer_shop_area .btn {
	text-align: center;
	padding-bottom: 100px;	
}

.footer_shop_area .btn img {
	width: 500px;
	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;
}

.featureSubTable .stepBox {
	width: 30%;
	font-size: 1.8em;
}

.featureSubTable .stepBox img {
	width: 100%;
	margin-bottom: 10px;
}

.featureSubTable .triangle {
	width: 5%;
	text-align: center;
}

.sptbPt {
	padding-top: 20px;
}

.nopd {
	padding: 0;
}


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

#mainSlide01 li:nth-child(1) .indexMainBox01 {
	height: 450px;
	background: url(../images/index/slide_main01_01.jpg) left 45% center no-repeat;
	background-size: cover;
}

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

.piyokameCth {
	text-align: center;
	position: absolute;
	top: 25px;
	right: calc(50% - 330px) ;
	line-height: 1.2;
	font-weight: 500;
	font-size: 3em;
	color: #fff;
}

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

.piyokameLg {
	max-width: 250px;
	margin: 0 auto 40px;
}

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

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

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