@charset "UTF-8";

@media screen and (min-width: 640px) {
/* 640px 以上 */
/* all
-------------------- */
.pc { display: block!important;}
.sp { display: none!important;}
	
html, body {margin: 0; height:100%; font-size: 14px; line-height: 1.7;}

/* inner-width
-------------------- */
div#header_inner,
div#footer_inner {margin: 0 auto; max-width: 1200px;}

/* header
-------------------- */
header#header {
  padding: 1.5625% 0 0 0;/* 15px 0 0 0 */
  overflow: hidden;
}
/* container
-------------------- */
div#container {max-width: 960px; margin: 20px auto; padding: 0 1rem 6rem;}
/* section
-------------------- */
section{margin-bottom: 100px;}
section p{font-size: 14px;}

/* footer
-------------------- */
footer#footer { height:30px; padding: 15px 0; margin-top: 40px;}

div#logo a {height: 40px; max-width: 226px;}

/* 中ページのトップページへ
-------------------- */
.pagetop {display: block;float: right; }
.pagetop a {display: block; font-size: 80%;padding: 8px;}

/* サポートページへ
-------------------- */
.support {display: inline-block; float: right;}
.support a {display: inline-block;font-size: 100%; padding: 5px 20px;}
	
.hero_bg {background: #e6e9f0;}
.main-img{ max-width: 1200px; margin: 0 auto; line-height: 0; position: relative;}
.main-img img{ width: 100%;}
.product-info-erea{
  width: 100%;
  position: absolute;
  color: #fff;
  left: 4rem;
  bottom: 2rem;
  margin: auto;
}

.support-ttl{
  width: 78%;
  position: absolute;
  top: 40%;
  bottom: 0;
}


/* gnav
-------------------- */
div#gnav {display: flex;}
ul.gnav_cat_sub {
	display: flex;
	position: relative;
	z-index: 1;
}
ul.gnav_cat_sub::before {
	background-color: #0071BB;
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	transform: rotate(-45deg);
	position: absolute;
	top: -8%;
	left: 48%;
	right: 52%;
	z-index: -1;
}
div#gnav_support {width: 50%;}
div#gnav_download {width: 50%;}
div#gnav_support ul.gnav_cat_sub li:not(:last-child) { width: 32%!important; }
div#gnav_support ul.gnav_cat_sub li:last-child {
	width: 36%;
	border-right: 1px solid #fff;}
div#gnav_download ul.gnav_cat_sub li { width: 50%; }
div#gnav_download ul.gnav_cat_sub li.is-wide { width: 100%; }

/* breadclumb
-------------------- */
ul#breadclumb {margin: 0.5rem 1rem;/* 15px 0 10px */}
ul#breadclumb li:first-child {padding-left: 2.083333333333333%;/* 20px */}

/* pdf
-------------------- */
ul#list_pdf,
ul#list_pdf_col {margin-top: 2.083333333333333%;/* 20px */}

ul#list_pdf_col li {
  padding-left: 30px;
  margin-left: 20px;
  display: inline-block;
}

/* Manual pdf 2column 
-------------------- */
div.PDFcol2 {
  overflow: hidden;
}
div.PDFcol2 div.box {
  float: left;
  width: 48%;
}
div.PDFcol2 div.box {
   margin-bottom: 40px;
	 font-size:80%;
	 line-height: 1.5;
}


h4.bnr{margin-top: 30px; color: #3171bb;}



nav#gnav ul {
  display: table;
  table-layout: fixed;
  margin-top: 2.083333333333333%;/* 20px */
	border-collapse: separate;
	border-spacing: 8px 0;
}
nav#gnav ul li {
  display: table-cell;
  vertical-align: middle;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
	border: solid 1px #3171bb;
}
nav#gnav ul li:not(:first-child) {margin-left:10px;}
nav#gnav ul li a {
  width: 230px;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	font-size:130%;
	color: #3171bb;
}
nav#gnav ul li a:hover {color: #6a97c1;}
	
	/* navi_sub
-------------------- */
ul.nav_sub{padding: 0px;margin-bottom: 30px;}
ul.nav_sub li{
  display: inline-block;
  width: 150px;
	height: 150px;
	margin: 10px;
  text-align: center;
}
ul.nav_sub li a{color: #fff;text-decoration: none;}


/* div
-------------------- */
div.single:not(:last-child),
div.col2:not(:last-child),
div.col3:not(:last-child),
div.col4:not(:last-child),
article.article {margin-bottom: 10px;}
div p:not(:last-child) {margin-bottom: 20px;}
/*div img:not(:last-child) {margin-bottom: 1.5625%;/* 15px }*/

/* single */
div.single:not(:first-child) {margin-top: 4.166666666666666%;}
/*div.single div.box:not(:first-child) {
  margin-left: 2.083333333333333%; 20px 
}*/

div.single div.box {}

/* 2column */
div.col2 {overflow: hidden;}
div.col2 div.box {float: left;}
div.col2 div.boxR {float: right;}
/*div.col2 div.box:not(:first-child) {
  margin-left: 2.083333333333333%;/* 20px 
}
div.col2 div.box {
  margin-left: 2.083333333333333%;/* 20px 
}*/

/* 3column */
div.col3 {overflow: hidden;}
div.col3 div.box {float: left;width: 31.944444444444446%;/* 306.66666666666667px */}
div.col3 div.box:not(:first-child) {margin-left: 2.083333333333333%;/* 20px */}

/* 4column */
div.col4 {overflow: hidden;}
div.col4 div.box {float: left;width: 23.4375%;/* 225px */}
div.col4 div.box:not(:first-child) {margin-left: 2.083333333333333%;/* 20px */}
	
div.single_m0:not(:last-child),
div.col2_m0:not(:last-child),
div.col3_m0:not(:last-child),
div.col4_m0:not(:last-child),
article.article_m0 {
  margin-bottom: 0;
}

/* layout
--------------------------------------------*/
/* img-layout */
.left { float: left; }
.right { float: right; }

video {max-width: 100%;height: auto;}

div.DL {
    width: 400px;
    margin: 0 auto;
}
div.DL a {
    width: 400px;
    margin-bottom: 20px;
    padding: 15px;
    text-align: center;
    font-size: 18px;
}

p.howto {
    margin: 10px auto;
    text-align: center;
}


/* Manual-PDF
-------------------- */
div.Mnual-PDF{
width: 100%;
margin-bottom: 60px;
display:flex;
justify-content: space-around;
}
div.Mnual-PDF2{
width: 100%;
margin-bottom: 60px;
display:flex;
}
div.Mnual-PDF .item,
div.Mnual-PDF .item2,
div.Mnual-PDF2 .item {
width: 400px;
}
div.Mnual-PDF .item:nth-child(2){
margin-right: 0;
}
div.Mnual-PDF .item img,
div.Mnual-PDF2 .item img{
width: 200px;
}
div.Mnual-PDF .item2 img {
width: 350px;
}
div.Mnual-PDF p {
text-align: center;
}

ul.flex {display: flex;}
ul.flex.wrap {flex-wrap: wrap;}
ul.flex.between {justify-content: space-between;}
ul.flex.around {justify-content: space-around;}


/* Movie List
--------------------------------------------*/
.movieList .item { width: 30%; margin: 0 15px 45px 15px; }

.movie_img:after {
  content: url(../img//icon_movie_play.png);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -45px 0 0 -45px;
  width: 90px;
  height: 90px;
}

/* シュアファイル
---------------------------------------------*/
h1.sure {
  font-size: 28px;
  font-weight: bold;
  float: left;
  margin: 0 20px 0 0;
  color: #0071BC;
  letter-spacing: normal;
}
.tit_sub{font-size: 70%;}
.tit_sub2{font-size: 80%;line-height: 1.5em;}
.title_box {overflow: hidden;margin-top: 20px;}
div#language {width: 200px;float: right;text-align: right;}
.font_75 {font-size: 75%; line-height: 1.5em; }
.small{font-size:small;}
	
/*使用承諾契約*/
.agreementBox {
	overflow: scroll;
	overflow-x: hidden;
	width: 940px;
	height: 250px;
	margin: 10px 0 60px 0;
	padding: 10px;
	background: #fcfcfc;
	border: 1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	
/*software内table*/
.tablecenter{
	width:740px;
	margin:0 auto;
}
.tableBox {
    width: 940px;
    padding: 40px 0;
    /* height: 660px; */
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.table{
	display:table;
	font-size:13px;
	mergin: 0;
	padding: 0;
}
.table li{clear: both;}
.table li div{
	display: block;
	float: left;
}
.tcol1{
	width: 140px;
	background-color: #eeeeee;
	font-weight: bold;
	padding: 12px 15px;
	border-left: 1px solid #666;
}
.tcol2{
	width: 520px;
	padding: 12px 15px;
	background-color: #fff;
}
.table li div{
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
		list-style: none;
}
.head{
	border-top: 1px solid #666;
}
	
.tb_dot {
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:20px;
	margin:0 0 40px 0;
}
	
/*---SDカードフォーマット---*/
.numberColor{
	color:#0A6988;
	font-size:170%;
	margin:0 5px 0 0;
	font-weight:bold;
}
.img-cnt{
	margin: 0 0 30px 0;
	text-align: center;
}
	
/*---ファームウェアダウンロード---*/
.download {
	width: 400px;
	margin: 20px auto;
}
.download p {
	background: #3171bb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.download p a {
	width: 400px;
	padding: 15px 0;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 140%;
	text-align: center;
}
	.download p a:hover {
	background: #4988d0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	
/* list-style-table
-------------------- */
ul.list_style_tb {display: table;width: 99.58333333333333%;/* 956px */}
ul.list_style_tb li {display: table-cell;}
ul.list_style_tb li:not(:last-child) {border-right: 1px solid #aaa;}


/* h1-h6
-------------------- */
h1 {font-size: 2rem;line-height: 1.5; font-weight: bold; text-align: center; }
h2 {font-size: 2rem;line-height: 1.5;  }
h3 {font-size: 160%;line-height: 1.5;}
h4 {font-size: 140%;line-height: 1.2; font-weight: normal;}
h4.toptit {color: #3171bb; font-size: 150%; padding: 10px;}
h5 {font-size: 130%;line-height: 1.2;color:#2692EE;}
h6 {font-size: 100%;line-height: 1.5;}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {display: block;font-size: 65%;font-weight: normal;}
h2, h3, h4, h5, h6 {margin-bottom: 2%;}
	
h1.blueBG{
	background: #0a69b8;
	padding:10px 0 10px 0;
	width: 100%;
	color: #fff;
	text-align: center;
}
h3.step{font-size: 170%;}
	
.title {
	background: url(../img/tit_bar.png);
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding: 5px 0 5px 10px;
	}
  
div.title_box { display:flex; width: 960px; margin: 0 auto; }
div.title_box .item2 h1 {text-align: left!important;}
	
.border_bt{border-bottom: 1px solid #999;}

/* font
-------------------- */
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs130 {font-size:130%;}
.fs80{font-size: 80%;}
.f_n {font-weight:normal;}
.blue {color:#2692EE;}
	
table.table_deco1 th,
table.table_deco2 th{padding: 10px;}
table.table_deco1 td {text-align: center;padding: 5px;}
table.table_deco2 td{padding: 10px;}



/* width
-------------------- */
.w10 { width: 10px; } .w20 { width: 20px; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; } .w100 { width: 100px; }
.w110 { width: 110px; } .w120 { width: 120px; } .w130 { width: 130px; } .w140 { width: 140px; } .w150 { width: 150px; } .w160 { width: 160px; } .w170 { width: 170px; } .w180 { width: 180px; } .w190 { width: 190px; } .w200 { width: 200px; }
.w210 { width: 210px; } .w220 { width: 220px; } .w230 { width: 230px; } .w240 { width: 240px; } .w250 { width: 250px; } .w260 { width: 260px; } .w270 { width: 270px; } .w280 { width: 280px; } .w290 { width: 290px; } .w300 { width: 300px; }
.w310 { width: 310px; } .w320 { width: 320px; } .w330 { width: 330px; } .w340 { width: 340px; } .w350 { width: 350px; } .w360 { width: 360px; } .w370 { width: 370px; } .w380 { width: 380px; } .w390 { width: 390px; } .w400 { width: 400px; }
.w410 { width: 410px; } .w420 { width: 420px; } .w430 { width: 430px; } .w440 { width: 440px; } .w450 { width: 450px; } .w460 { width: 460px; } .w470 { width: 470px; } .w480 { width: 480px; } .w490 { width: 490px; } .w500 { width: 500px; }
.w510 { width: 510px; } .w520 { width: 520px; } .w530 { width: 530px; } .w540 { width: 540px; } .w550 { width: 550px; } .w560 { width: 560px; } .w570 { width: 570px; } .w580 { width: 580px; } .w590 { width: 590px; } .w600 { width: 600px; }
.w610 { width: 610px; } .w620 { width: 620px; } .w630 { width: 630px; } .w640 { width: 640px; } .w650 { width: 650px; } .w660 { width: 660px; } .w670 { width: 670px; } .w680 { width: 680px; } .w690 { width: 690px; } .w700 { width: 700px; }
.w710 { width: 710px; } .w720 { width: 720px; } .w730 { width: 730px; } .w740 { width: 740px; } .w750 { width: 750px; } .w760 { width: 760px; } .w770 { width: 770px; } .w780 { width: 780px; } .w790 { width: 790px; } .w800 { width: 800px; }
.w810 { width: 810px; } .w820 { width: 820px; } .w830 { width: 830px; } .w840 { width: 840px; } .w850 { width: 850px; } .w860 { width: 860px; } .w870 { width: 870px; } .w880 { width: 880px; } .w890 { width: 890px; } .w900 { width: 900px; } .w910 { width: 910px; } .w920 { width: 920px; }
.w930 { width: 930px; } .w940 { width: 940px; } .w950 { width: 950px; } .w960 { width: 960px; }

/* padding
-------------------- */
.pd5 { padding: 5px; } .pd7 { padding: 7px; } .pd10 { padding: 10px; } .pd20 { padding: 20px; } .pd30 { padding: 30px; } .pd40 { padding: 40px; } .pd50 { padding: 50px; } .pd60 { padding: 60px; } .pd70 { padding: 70px; } .pd80 { padding: 80px; } .pd90 { padding: 90px; } .pd100 { padding: 100px; }
.pd110 { padding: 110px; } .pd120 { padding: 120px; } .pd130 { padding: 130px; } .pd140 { padding: 140px; } .pd150 { padding: 150px; } .pd160 { padding: 160px; } .pd170 { padding: 170px; } .pd180 { padding: 180px; } .pd190 { padding: 190px; } .pd200 { padding: 200px; }

/* padding-top
-------------------- */	
.pdt5 { padding-top: 5px; } .pdt20 { padding-top: 20px; }

/* padding-left
-------------------- */	
.pdl5 { padding-left: 5px; } .pdl10 { padding-left: 10px; } .pdl15 { padding-left: 15px; } .pdl20 { padding-left: 20px; }

	
/* margin
-------------------- */
.mg0a{margin:  0 auto;} .mg0 { margin: 0!important; } .mg10 { margin: 10px!important; } .mg20 { margin: 20px!important; } .mg30 { margin: 30px!important; } .mg40 { margin: 40px!important; } .mg50 { margin: 50px!important; } .mg60 { margin: 60px!important; } .mg70 { margin: 70px!important; } .mg80 { margin: 80px!important; } .mg90 { margin: 90px!important; } .mg100 { margin: 100px!important; }
.mg110 { margin: 110px!important; } .mg120 { margin: 120px; } .mg130 { margin: 130px; } .mg140 { margin: 140px; } .mg150 { margin: 150px; } .mg160 { margin: 160px; } .mg170 { margin: 170px; } .mg180 { margin: 180px; } .mg190 { margin: 190px; } .mg200 { margin: 200px; }

/* margin-top
-------------------- */
.mgt5 { margin-top: 5px; } .mgt10 { margin-top: 10px; } .mgt12 { margin-top: 12px; } .mgt15 { margin-top: 15px; }.mgt20 { margin-top: 20px; } .mgt25 { margin-top: 25px; } .mgt30 { margin-top: 30px; } .mgt35 { margin-top: 35px; } .mgt40 { margin-top: 40px; }
.mgt60 { margin-top: 60px; }
	
	
/* margin-bottom
-------------------- */
.mgb10 { margin-bottom: 10px!important; } .mgb20 { margin-bottom: 20px!important; } .mgb30 { margin-bottom: 30px!important; } .mgb40 { margin-bottom: 40px!important; } .mgb50 { margin-bottom: 50px!important; } .mgb60 { margin-bottom: 60px!important; } .mgb70 { margin-bottom: 70px!important; } .mgb80 { margin-bottom: 80px!important; } .mgb90 { margin-bottom: 90px!important; } .mgb100 { margin-bottom: 100px!important; }
.mgb110 { margin-bottom: 110px!important; } .mgb120 { margin-bottom: 120px!important; } .mgb130 { margin-bottom: 130px; } .mgb140 { margin-bottom: 140px; } .mgb150 { margin-bottom: 150px; } .mgb160 { margin-bottom: 160px; } .mgb170 { margin-bottom: 170px; } .mgb180 { margin-bottom: 180px; } .mgb190 { margin-bottom: 190px; } .mgb200 { margin-bottom: 200px; }


/* margin-right
-------------------- */
.mgr5 { margin-right: 5px; } .mgr10 { margin-right: 10px; } .mgr15 { margin-right: 15px; } .mgr20 { margin-right: 20px; } .mgr60 { margin-right: 60px; }

/* margin-left
-------------------- */
.mgl5 { margin-left: 5px; } .mgl10 { margin-left: 10px; } .mgl15 { margin-left: 15px; }.mgl20 { margin-left: 20px; } .mgl60 { margin-left: 60px; }
}