@charset "UTF-8";

/*===================================================================
	index.html
===================================================================*/
/* ------ headSection ------ */
#contents .headSection .ttl {
	display:table-cell;
	width:520px;
	vertical-align:bottom;
	float:none;
}
#contents .headSection .ttl h1 {
	background:none;
	padding: 0;
}
#contents .headSection .ttl h1 a:hover{
	text-decoration:none;
}
#contents .headSection .leftArea {
	width: 520px;
}
#contents .headSection .leftArea .logo a{
	font-size: 27px;
    color: #222222;
}
#contents .headSection .leftArea .logo-img{
	position: absolute;
    top: 19px;
}
#contents .headSection .rightArea {
	display:table-cell;
	width:440px;
	padding-top:3px;
	vertical-align:bottom;
	text-align:right;
}
#contents .headSection .guide {
	height:48px;
	font-size:72%;
}
#contents .headSection .guide li {
	float:none;
	display:inline-block;
	vertical-align:bottom;
}
#contents .headSection .guide .purchase {
	padding-left: 16px;
}
#contents .mainSection{
	width:100%;
	margin:0;
	/* overflow:hidden; */
}



/*===================================================================
	BASIC
===================================================================*/
#contents .mainSection #view,#contents .mainSection #drone,#contents .mainSection #submonitor,#contents .mainSection #ar,#contents .mainSection #work{
	margin-top:110px;
}


/* ------ linkbtn ------ */
.linkbtn{
	display:inline-block;
	*display: inline;
	height:26px;
	line-height:26px;
	border:2px solid #3a78ce;
	border-radius:2px;
	color:#3a78ce;
	font-size:14px;
	font-weight:bold;
	zoom:1;
}
.linkbtn:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity:0.5;
	color:#3a78ce;
	text-decoration:none;
}
.linkbtn img{
	vertical-align:middle;
	margin-right:9px;
}

/* ------ special ------ */
.special{
	text-align:center;
	font-size:0;
	line-height:0;
}
.special li{
	display:inline-block;
	*display:inline;
	margin-right:22px;
}
.special li.last{
	margin-right:0;
}

/* ------ section ------ */
#contents .mainSection .section{
	width:100%;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
#contents .mainSection .section .section__inner{
	position:relative;
	width:960px;
	height:450px;
	margin:0 auto 0 auto;
}
#contents .mainSection .section .section__text{
	width:340px;
	text-align:center;
}
#contents .mainSection .section .section__text .section__title span{
	display:block;
	margin-top:10px;
	font-size:18px;
}
#contents .mainSection .section .section__text .section__sub{
	display:inline-block;
	*display: inline;
	height:22px;
	line-height:22px;
	margin-top:20px;
	padding:0 22px 0 22px;
	background-color:#ffffff;
}
#contents .mainSection .section .section__text .section__head{
	font-size:30px;
	margin-top:17px;
	line-height:1.5;
}
#contents .mainSection .section .section__text .section__lead{
	margin-top:17px;
	line-height:1.7;
}
#contents .mainSection .section .section__inner .annotation{
	position:absolute;
	bottom:10px;
	left:250px;
	color:#ffffff;
	zoom:1;
}
#contents .mainSection .section .section__bg {
	position:absolute;
	top:1px;
	left:390px;
	width:1049px;
	height:448px;
}

/* ------ recommend ------ */
#contents .mainSection .recommend{
	width:100%;
	padding:20px 0 30px 0;
	background-color:#e8ecf0;
}
#contents .mainSection .recommend .recommend__head{
	width:960px;
	margin:0 auto 0 auto;
	text-align:center;
	font-size:22px;
	font-weight:normal;
	color:#000000;
}
#contents .mainSection .recommend .recommend__list{
	width:960px;
	margin:0 auto 0 auto;
}
#contents .mainSection .recommend .recommend__list li{
	float:left;
}
#contents .mainSection .recommend .recommend__list li>img{
	display:block;
}
#contents .mainSection .recommend .recommend__list .linkbtn{
	display:block;
	width:264px;
	height:31px;
	line-height:31px;
	background-color:#ffffff;
	text-align:center;
	margin:0 auto 0 auto;
}
#contents .mainSection .recommend .recommend__list .linkbtn span{
	display:block;
	font-size:15px;
	color:#484848;
}
#contents .mainSection .recommend .recommend__list .linkbtn img{
	margin-right:15px;
}

/* ------ annotation ------ */
.annotation{
	color:#000000;
	font-size:11px;
}

/* ------ case ------ */
#contents .mainSection .case{
	margin-top:40px;
	text-align:center;
}
#contents .mainSection .case h3{
	font-size:25px;
	font-weight:normal;
	color:#000000;
}
#contents .mainSection .case h3 .line{
	display:block;
	width:1px;
	height:20px;
	margin:18px auto 13px auto;
	background-color:#c9c9c9;
}
#contents .mainSection .case .case__list{
	width:563px;
	margin:0 auto 0 auto;
}
#contents .mainSection .case .case__list li{
	float:left;
	width:139px;
	margin-right:73px;
}
#contents .mainSection .case .case__list li.last{
	margin-right:0;
}
#contents .mainSection .case .case__list li img:first-child{
	margin-bottom:13px;
	border:1px solid #c9c9c9;
}
#contents .mainSection .case .case__list li a span{
	display:block;
	margin:10px -31px 0 -31px;
	color:#3a78ce;
	font-size:14px;
	font-weight:bold;
	zoom:1;
}

/* caution */
#contents .mainSection .caution{
	width:960px;
	margin:0 auto 0 auto;
	padding:50px 0 0 0;
}
#contents .mainSection .caution h3{
	font-size:16px;
	font-weight:bold;
}
#contents .mainSection .caution ul{
	margin-top:10px;
}
#contents .mainSection .caution ul li{
	font-size:12px;
	margin-top:5px;
	margin-left:2.25em;
}
#contents .mainSection .caution ul li span{
	margin-left:-2.25em;
}

/*===================================================================
	#use
===================================================================*/
#use{
	width:100%;
}
#use .inner{
	position:relative;
	width:960px;
	margin:0 auto;
	zoom:1;
	box-sizing: border-box;
}
#use .lead__text{
	font-size: 18px;
	font-weight: 500;
}
#use .use__list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	box-sizing: border-box;
}
#use .use__list li{
	padding-right: 10px;
	text-align: center;
	box-sizing: border-box;
}
#use .use__list li:last-of-type{
	padding-right: 0;
}
#use .use__list li image{
	width: 100%;
}
#use .use__list li h3{
	font-size: 14px!important;
}
#use .use__list .industry h3{
	padding: 5px;
	background-color: #0263be;
	color: #ffffff;
}
#use .use__list .lang h3{
	padding: 5px;
	background-color: #f09335;
	color: #ffffff;
}
#use .use__list .ar h3{
	padding: 5px;
	background-color: #55a251;
	color: #ffffff;
}
#use .use__list .person h3{
	padding: 5px;
	background-color: #58339c;
	color: #ffffff;
}
#use .use__list li .model{
	box-sizing: border-box;
	height: 85px;
	padding: 10px;
	border: solid 1px #0263be;
}




/*===================================================================
	#lineup
===================================================================*/
#lineup .inner{
	width:876px;
	margin:0 auto 0 auto;
	padding:19px 0 72px 0;
}
#lineup .lineup__head{
	border-bottom:1px solid #000000;
	text-align:center;
	font-size:36px;
	font-weight:normal;
	color:#000000;
	letter-spacing:8px;
}
#lineup .lineup__text{
	position:relative;
	margin-top:45px;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
	z-index:2;
}
#lineup .lineup__text sup{
	font-size: 18px;
	font-weight: 500;
}
#lineup li .annotation{
	position:absolute;
	top:20px;
	right:0;
	zoom:1;
}
#lineup li .annotation-custom{
	position: static;
	text-align: right;
	margin-left: 200px;
}

/* ------ lineup__list--col2 ------ */
#lineup .lineup__list--col2{
	height:305px;
}
#lineup .lineup__list--col2 .col2--left,#lineup .lineup__list--col2 .col2--right{
	position:relative;
	width:400px;
	height:500px;
	padding:38px 0 0 0;
	border-bottom:1px solid #000000;
	zoom:1;
}
#lineup .lineup__list--2nd,#lineup .lineup__list--2nd{

	height:300px!important;
}
#lineup .lineup__list--col2 li .photo{
	position:absolute;
	right:0;
	zoom:1;
	z-index: -1;
}
#lineup .lineup__list--col2 li .photo2{
	position: absolute;
	top: 60px;
    right: 0;
}
#lineup .lineup__list--col2 .bt45c .photo{
	top:120px;
}
#lineup .lineup__list--col2 .bt45c .photo img{
	width: 50%;
	height: auto;
}
#lineup .lineup__list--col2 .bt40s .photo{
	top:53px;
}
#lineup .lineup__list--col2 .bt300 .photo{
	top:53px;
}
#lineup .lineup__list--col2 .bt30c .photo{
	top:48px;
}
#lineup .lineup__list--col2 .bt35e .photo{
	top:49px;
}
#lineup .lineup__list--col2 .bt350 .photo{
	top:48px;
}
#lineup .lineup__list--col2 .pro .photo{
	top:74px;
}
#lineup .bt30c .lineup__text sup{
	font-size:10px;
	vertical-align:super;
}
#lineup .bt35e .lineup__text{
	margin-top:19px;
}
#lineup .pro .lineup__text{
	margin-top:142px;
}
#lineup .lineup__list--col2 .col2--left{
	float:left;
}
#lineup .lineup__list--col2 .col2--right{
	float:right;
}
#lineup .new span{
	padding: 3px 10px;
	background-color: red;
	color: #fff;
}
#lineup .p_inline{
	display: inline-block;
}
#lineup .bt45c h3{
	margin-top:15px;
}
#lineup .bt45c .lineup__text{
	margin-top: 170px;
}
#lineup .lineup__text sup{
font-size: 12px	;
	}
#lineup .lineup__text span.fsS{
		font-weight:normal!important;
		line-height: 2;font-size: 12px	;
	}
#lineup .bt40s h3{
	margin-top:15px;
}
#lineup .bt40s .lineup__text{
	margin-top: 150px;
}
#lineup .bt35e h3{
	margin-top:0;
}
#lineup .bt35e .lineup__text{

	margin-bottom: 40px;
}
#lineup .bt300 h3{
	margin-top: 30px;
}
#lineup .bt300 .lineup__text{
	margin-top: 5px;
}
#lineup .bt300 .end-of-sale{
	margin-top: 40px;
}
#lineup .bt300 .end-of-sale span{
	padding: 2px 10px;
	border: 1px solid red;
	color: red;
}
#lineup .bt350 h3{
	margin-top: 30px;
}
#lineup .bt350 .lineup__text{
	margin-top: 5px;
}
#lineup .bt350 .end-of-sale{
	margin-top: 40px;
}
#lineup .bt350 .end-of-sale span{
	padding: 2px 10px;
	border: 1px solid red;
	color: red;
}
/* ------ lineup__list--col2 btn__list ------ */
#lineup .lineup__list--col2 li .btn__list{
	position:absolute;
	bottom:18px;
	zoom:1;
}
#lineup .lineup__list--col2 li .btn__list li{
	float:left;
	white-space:nowrap;
	zoom:1;
}
#lineup .lineup__list--col2 li .btn__list li:first-child{
	margin-right:0;
}
#lineup .lineup__list--col2 li .btn__list li .linkbtn{
	width:400px;
	height:29px;
	line-height:29px;
	text-align:center;
}
#lineup .lineup__list--col2 li .btn__list li:first-child .linkbtn{
	margin-right:14px;
}
#lineup .lineup__list--col2 li .btn__list li .linkbtn img{
	margin-right:11px;
}
#lineup .lineup__list--col2 li .btn__list li:first-child .linkbtn img{
	margin-right:7px;
}
/* ------ bt45c_bt45c_vgp_logo ------ */
#lineup .lineup__list--col2 li .bt45cs_bt45c_vgp_logo{
	width:100px;
	height:100px;
    margin-top:20px;
}

/* ------ bt40_bt40s_vgp_logo ------ */
#lineup .lineup__list--col2 li .bt40_bt40s_vgp_logo{
	width:100px;
	height:100px;
    margin-top:20px;
}

/* ------ lineup__banner ------ */
#lineup .lineup__banner{
	float:right;
	width:400px;
	border-bottom:transparent !important;
	padding-top:38px;
	zoom:1;
}
#lineup .lineup__banner_left{
	float:left;
	width:400px;
	border-bottom:transparent !important;
	padding-top:38px;
	zoom:1;
}
#lineup .lineup__banner a:hover>img{
	opacity:0.8;
}

/*lineup__list 2set*/
	#lineup ul.lineup__2set  li div.lineup__2setbox {
		display: flex;
	}
#lineup ul.lineup__2set  li div.lineup__2setbox div {
		width: 50%;
		position: relative;
	}
/*修正*/
#lineup .btlineup_list{
display: flex;
flex-wrap: wrap; 
border-top: 1px solid #000000;
}
#lineup .btlineup_list li.item {
width: calc(50% - 40px);
position: relative;
margin: 50px 20px;
box-sizing: border-box;
border-bottom: 1px solid #000000;
}
#lineup .btlineup_list li.item .photo{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#lineup .btlineup_list li.item2 div .photo{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: -1;
}
#lineup .btlineup_list li.item2 {
width: 100%;
display: flex;
flex-wrap: wrap; 
justify-content:center;border-bottom: 1px solid #000000;
}
#lineup .btlineup_list li.item2 div{
	position: relative;
	width: calc(50% - 40px);
	margin: 20px;
}
#lineup .btlineup_list li.item2 div.btbtn{
	width: 100%;
}

#lineup .btlineup_list .btbtn a{
	text-align: center;
	width: 100%;
	margin: 10px 0 30px;
}
#lineup .btlineup_list p.new {
	margin-top: -30px; margin-bottom: 10px;
}
#lineup .btlineup_list li .annotation{
position: absolute;
top: 0;
right: 40px;
}
/*===================================================================
	#spec
===================================================================*/
#spec{
	padding:46px 0 65px;
}

#spec .inner{
	width:960px;
	margin:0 auto;
	position: relative;
}
#spec .inner .pc-end-of-sale{
	position: absolute;
	top: 48px;
	left: 730px;
	padding: 0 10px;
	background-color: #fff;
	border: solid 1px red;
	color: red;
}
#spec .inner .pc-end-of-sale.pc{
	display: inline-block;
}
#spec table{
	width:100%;table-layout: fixed;
}
#spec table th,
#spec table td{
	padding: 10px;
	font-size:14px;
	font-weight:normal;
	border: solid 1px #000;
}
#spec table th{
	width: 5%;	
}
#spec table td{
	width:19%;	
}
#spec table td.width_adjustment{
		width: 64%;
	}

#spec table sup{
	position:relative;
	top:0.2em;
	margin-left:2px;
	font-size:10px;
	vertical-align:top;
	line-height:1;
	zoom:1;
}
#spec table thead{
	background-color:#365491;
	color: #fff;
	font-weight: bold;
}
#spec table thead th{
	text-align: center;
}
#spec table td{
	text-align: center;
}
#spec table th.v_rl {
	white-space: nowrap;
	background-color: #365491;
    color: #fff;
    font-weight: bold;
}
#spec table th.v_rl p{
	/* text-orientation: upright;
	writing-mode: vertical-rl;
	width: 2rem; */
	width: 2rem;
    white-space: nowrap;
    margin: 0;
    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
#spec table td.thead{
	background-color:#365491;
	color: #fff;
	font-weight: bold;
	font-weight: bold;
}

/*===================================================================
	enkaku
===================================================================*/
#enkaku .inner{
	width:960px;
	margin:0 auto;
	padding: 30px 0;
	zoom:1;
	box-sizing: border-box;
}
#enkaku .enkaku__banner a:hover>img{
	opacity:0.8;
}

/*===================================================================
	responsive
===================================================================*/
@media only screen and (min-width: 769px){
	#enkaku.pc{
		display: inline-block;
	}
	#enkaku.sp{
		display: none;
	}
}
@media only screen and (max-width: 768px){
	.table_pc{
		display: none;
	}
	#spec table th.v_rl p{
	writing-mode: tb-rl;
　 writing-mode: vertical-rl;
　-moz-writing-mode: vertical-rl;
　-o-writing-mode: vertical-rl;
　-webkit-writing-mode: vertical-rl;
}

	/* ------ headSection ------ */
	#contents .headSection .ttl {
		display:table-cell;
		/display:inline;
		width: 100%;
		vertical-align:bottom;
		float:none;
		/zoom:1;
	}
	#contents .headSection .leftArea {
		width: 100%;
	}
	#contents .headSection .leftArea .logo a{
		font-size: 4.5vw;
	}
	#contents .headSection .leftArea .logo-img{
		position: static;
		width: 35% !important;
	}
	#contents .headSection .rightArea {
		display:table-cell;
		width:440px;
		margin-top: 10px;
    	padding-top: 10px;
		vertical-align:bottom;
		text-align: start;
	}
	#contents .headSection .guide {
		height:48px;
		font-size:72%;
	}
	#contents .headSection .guide li {
		float:none;
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align:bottom;
		/vertical-align:middle;
	}
	#contents .headSection .guide .purchase {
		padding-left: 16px;
	}
	#contents .mainSection{
		width:100%;
		margin:0;
	}
	#smartglasses #drone,#smartglasses #submonitor,#smartglasses #ar,#smartglasses #work{
		margin-top:55px;
	}
	#smartglasses .mainSection img{
		width:100%;
	}

	/* ------ linkbtn ------ */
	#smartglasses .mainSection .linkbtn{
		display:block;
		height:34px;
		line-height:34px;
		border:1px solid #3a78ce;
		border-radius:3px;
		color:#3a78ce;
		font-size:13.5px;
		font-weight:bold;
		zoom:1;
	}
	#smartglasses .mainSection .linkbtn img{
		width:calc(23px / 2);
		height:calc(23px / 2);
		vertical-align:middle;
	}

	/* ------ section ------ */
	#smartglasses .mainSection .section{
		width:100%;
		color:#ffffff;
		font-weight:bold;
	}
	#smartglasses .mainSection .section .section__inner{
		width:100%;
	}
	#smartglasses .mainSection .section .section__text{
		text-align:center;
	}
	#smartglasses .mainSection .section .section__text .section__title span{
		display:block;
		margin-top:4.5px;
		font-size:8.865px;
		font-weight:normal;
	}
	#smartglasses .mainSection .section .section__text .section__sub{
		display:inline-block;
		*display: inline;
		height:22px;
		line-height:22px;
		margin-top:7px;
		padding:0 23px 0 23px;
		background-color:#ffffff;
		font-size:11px;
		font-weight:bold;
	}
	#smartglasses .mainSection .section .section__text .section__head{
		font-size:21px;
		margin-top:7px;
		line-height:1.3;
	}
	#smartglasses .mainSection .section .annotation{
		margin-top:5px;
		text-align:right;
	}
	#smartglasses .mainSection .section .section__lead{
		margin:26px 17.5px 0 17.5px;
		padding-bottom:9px;
		line-height:1.424;
		font-size:13px;
		font-weight:bold;
		text-align:center;
	}
	#smartglasses .mainSection .section .section__bg {
		width:100%;
		height:0;
		padding-top:57.8%;
		background-size:cover !important;
	}
	/*===================================================================
		#use
	===================================================================*/
	#use{
		width:100%;
	}
	#use .inner{
		position:relative;
		width:100%;
		padding:20px 5px 40px 5px;
		box-sizing: border-box;
	}
	#use .lead__text{
		font-size: 14px;
		font-weight: bold;
	}
	#use .use__list{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
	}
	#use .use__list li{
		width: calc(50% - 5px);
		margin-bottom: 20px;
		padding-right: 0;
		font-size: 14px;
		text-align: center;
		box-sizing: border-box;
	}
	#use .use__list li:last-of-type,
	#use .use__list li:nth-last-of-type(2){
		margin-bottom: 0;
	}
	#use .use__list li image{
		width: 100%;
	}
	#use .use__list .industry h3{
		padding: 5px;
		background-color: #0263be;
		color: #ffffff;
	}
	#use .use__list .lang h3{
		padding: 5px;
		background-color: #f09335;
		color: #ffffff;
	}
	#use .use__list .ar h3{
		padding: 5px;
		background-color: #55a251;
		color: #ffffff;
	}
	#use .use__list .person h3{
		padding: 5px;
		background-color: #58339c;
		color: #ffffff;
	}
	#use .use__list li .model{
		box-sizing: border-box;
		height: 85px;
		padding: 10px;
		border: solid 1px #0263be;
	}

	/* ------ headSection ------ */
	#smartglasses .headSection{
		margin:0;
		border-bottom:1px solid #e5e5e5;
	}
	#smartglasses .headSection .ttl{
		width:100%;
		text-align:center;
	}
	#smartglasses .headSection .ttl h1{
		width:94.53125%;
		padding-left:0;
		background-image:none;
	}
	#smartglasses .headSection .innerBlock .ttl .productsLogo a{
		font-size:15.5px;
		color:#222222;
	}

	/* banner */
	#smartglasses .mainSection .banner {
		margin: 0 auto 0 auto;
		padding: 0 10px 0 10px;
		text-align: center;
	}

	/* caution */
	#contents .mainSection .caution{
		width:100%;
		margin:0 auto 0 auto;
		padding:50px 0 0 0;
	}
	#smartglasses .mainSection .caution{
		box-sizing: border-box;
		margin:0 auto 0 auto;
		padding:30px 5px 0 5px;
	}
	#smartglasses .mainSection .caution h3{
		font-size:16px;
		font-weight:bold;
	}
	#smartglasses .mainSection .caution ul{
		margin-top:10px;
	}
	#smartglasses .mainSection .caution ul li{
		font-size:12px;
		margin-top:5px;
		margin-left:2em;
	}
	#smartglasses .mainSection .caution ul li span{
		margin-left:-2em;
	}


	/*===================================================================
		#lineup
	===================================================================*/
	#lineup{
		width:100%;
	}
	#lineup .inner{
		box-sizing: border-box;
		padding:31px 5px 0 5px;
		width: 100%;
	}
	#lineup .lineup__head{
		padding-bottom:10px;
		border-bottom:1px solid #000000;
		text-align:center;
	}
	#lineup .lineup__head img{
		width:35.43859649122807%;
	}
	#lineup .lineup__text{
		margin-top:0px;
		color:#000000;
		font-size:19.5px;
		font-weight:bold;
		line-height:1.5;
	}


	#lineup .bt45c .lineup__text{
	margin-top: 0;
}#lineup .bt40s .lineup__text {
    margin-top: 0;
}
	#lineup .bt40s h3{
		margin-top:15px;
	}
	#lineup .lineup__list--col2 li .bt40_bt40s_vgp_logo {
    margin-top: 0; 
	}
	#lineup .bt35e h3{
		margin-top:30px;
	}
	#lineup .bt35e .lineup__text{
		margin-top: 0;
	}
	#lineup .bt300 h3{
		margin-top: 30px;
	}
	#lineup .bt300 .lineup__text{
		margin-top: 0;
	}
	#lineup .bt300 .end-of-sale{
		margin-top: 0;
	}
	#lineup .bt300 .end-of-sale span{
		padding: 2px 10px;
		border: 1px solid red;
		color: red;
	}
	#lineup .bt350 h3{
		margin-top: 30px;
	}
	#lineup .bt350 .lineup__text{
		margin-top: 0;
	}
	#lineup .bt350 .end-of-sale{
		margin-top: 0;
	}
	#lineup .bt350 .end-of-sale span{
		padding: 2px 10px;
		border: 1px solid red;
		color: red;
	}
	#lineup .lineup__text sup{
		font-weight: 500;
	}
	#lineup .lineup__list {
		margin-bottom: 33.5px;
	}
	#lineup .lineup__list>li {
		padding: 15px 0 33.5px;
		text-align: center;
		border-bottom: 1px solid #484848;
		zoom: 1;
	}
	#lineup li .sp-annotation {
		margin-bottom: 5px;
		text-align: end;
	}
	#lineup li .annotation-custom{
		display: none;
	}
	#lineup li .txt_bold {
		font-weight: bold;
	}

	/* ------ lineup__list--col2 ------ */
	#lineup .lineup__list--col2{
		height:auto;
	}
	#lineup .lineup__list--col2 .col2--left,#lineup .lineup__list--col2 .col2--right{
		position: relative;;
		width:100%;
		height:auto;
		padding:0;
		border-bottom:none;
	}
	#lineup .lineup__list--col2 li .photo{
		position:static;
	}
	#lineup .lineup__list--col2 .col2--left{
		float:none;
	}
	#lineup .lineup__list--col2 .col2--right{
		float:none;
	}
	/* ------ lineup__list--col2 btn__list ------ */
	#lineup .lineup__list--col2 li .btn__list{
		position:static;
	}
	#lineup .lineup__list--col2 li .btn__list li{
		float:none;
	}
	#lineup .lineup__list--col2 li .btn__list li .linkbtn{
		width:100%;
		height:auto;
		line-height:29px;
		text-align:center;
	}
	#lineup .lineup__list--col2 li .btn__list li:first-child .linkbtn{
		margin-right:0;
	}
	#lineup .lineup__list--col2 li .btn__list li .linkbtn img{
		margin-right:0;
	}
	#lineup .lineup__list--col2 li .btn__list li:first-child .linkbtn img{
		margin-right:0;
	}

	/* ------ lineup__list ------ */

	#lineup .lineup__list--col2 .col2--left.bt40s{
		position: relative;
	}
	#lineup .new{
		position: absolute;
		top: 6%;
	}
	#lineup .new-sp{
		display: block;
		top: 50%;
	}
	#lineup .new span{
		padding: 3px 10px;
		background-color: red;
		color: #fff;
	}
	#lineup .bt40s h3{
		margin-top:15px;
	}
	#lineup .bt300 .end-of-sale{
		margin-bottom: 10px;
	}
	#lineup .bt300 .end-of-sale span{
		padding: 2px 10px;
		border: 1px solid red;
		color: red;
	}
	#lineup .bt350 .end-of-sale{
		margin-bottom: 10px;
	}
	#lineup .bt350 .end-of-sale span{
		padding: 2px 10px;
		border: 1px solid red;
		color: red;
	}
	
	/* ------ btn__list ------ */
	#lineup .lineup__list li .btn__list{
		margin-top:13px;
	}
	#lineup .lineup__list li .btn__list li{
		width:100%;
	}
	#smartglasses .mainSection #lineup .lineup__list li .btn__list li .linkbtn{
		height:63px;
		line-height:63px;
		box-sizing:border-box;
	}
	#smartglasses .mainSection #lineup .lineup__list li .btn__list li .linkbtn span{
		display:inline-block;
		margin-top:15px;
		text-align:left;
		line-height:1.3;
	}
	#smartglasses .mainSection #lineup .lineup__list li .btn__list li .linkbtn img{
		margin-right:12.5px;
	}
	#smartglasses .mainSection #lineup .lineup__list li .btn__list li:first-child .linkbtn img{
		margin-top:-4px;
	}
	/* ------ lineup__banner ------ */
	#lineup .lineup__banner_left{
		float:none;
		width:100%;
		border-bottom:transparent !important;
		padding-top:0;
	}
	#lineup .lineup__banner{
		float: none;
		width: 100%;
		margin:31.5px 0 0;
		padding-top: 0;
		text-align:center;
		zoom:1;
	}
	#lineup .lineup__banner:nth-of-type(2){
		margin:10px 0;
	}
	#lineup .lineup__banner a{
		display:block;
		position:relative;
		height:auto;
	}
	#lineup .lineup__banner span{
		position:absolute;
		bottom:10px;
		left:50%;
		transform:translateX(-50%);
		font-size:14px;
		font-weight:bold;
		zoom:1;
	}
	#smartglasses .mainSection #lineup .lineup__banner span img{
		width:calc(23px / 2);
		height:calc(23px / 2);
		margin-right:7px;
		vertical-align:middle;
	}

	/*===================================================================
		#spec
	===================================================================*/
	#spec{
		padding: 0;
	}
	#spec .inner{
		box-sizing: border-box;
		width:100%;
		margin:0 auto;
	}
	#spec .inner .end-of-sale{
		position: relative;
		padding-bottom: 50px;
	}
	#spec .inner .pc-end-of-sale.pc{
		display: none;
	}
	#spec .inner .end-of-sale span{
		position: absolute;
		top: 18px;
		left: 0;
		width: 200%;
		padding: 0;
		background: #fff;
		border: solid 1px red;
		color: red;
	}
	#spec .inner .end-of-sale span.sp{
		display: inline-block;
	}
	#spec table{
		width: 100%;
		/*table-layout: fixed;*/
		word-break: break-all;
		word-wrap: break-all;
	}
	#spec table th,
	#spec table td{
		box-sizing: border-box;
		padding: 10px;
		font-size:10px;
		font-weight:normal;
		border: solid 1px #000;
		vertical-align: baseline;
	}
	#spec table th{
		width:13%
	}
	#spec table td{
		width:18%
	}
    #spec table td.width_adjustment{
		width: 54%;
    }


	#spec table sup{
		position:relative;
		top:0.2em;
		*top:0;
		margin-left:2px;
		font-size:10px;
		vertical-align:top;
		line-height:1;
		zoom:1;
	}
	#spec table thead{
		background-color:#365491;
		color: #fff;
		font-weight: bold;
	}
	#spec table thead th{
		padding: 0;
		text-align: center;

	}
	#spec table td{
		text-align: center;
		vertical-align: middle;
	}
	#smartglasses .mainSection #spec .im_spec_ipx2_2 {
		width: 50px;
	}
	/*修正*/
#use .use__list li h3{
	font-size: 12px!important;
}
#lineup .btlineup_list{
display: block;

}
#lineup .btlineup_list li.item2 {
display: block;
}
#lineup .btlineup_list li.item,#lineup .btlineup_list li.item2 div {
	width: 90%;
	margin:10px auto ;
}
	#lineup .btlineup_list .btbtn a{
		width: 100%;
		margin:10px auto 30px;
	}
#lineup .btlineup_list li.item2 div.btbtn{
	width: 90%
}
#lineup .btlineup_list p.new {
    
}

	/*===================================================================
		#enkaku
	===================================================================*/
	#enkaku .inner{
		box-sizing: border-box;
		padding:10px 5px;
		width: 100%;
	}
}



/*===================================================================
	.clearfix
===================================================================*/
.clearfix{zoom:100%;}
.clearfix:after{display:block;clear:both;height:0px;content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}


/*===================================================================
	frontline
===================================================================*/
#frontline .inner{
	width:960px;
	margin:0 auto;
	padding: 30px 0;
	zoom:1;
	box-sizing: border-box;
}
#frontline .frontline__banner a:hover>img{
	opacity:0.8;
}
@media only screen and (min-width: 769px){
	#frontline .pc{
		display: inline-block;
	}
	#frontline .sp{
		display: none;
	}
}
@media only screen and (max-width: 768px){
		#frontline .inner{
		box-sizing: border-box;
		padding:10px 5px;
		width: 100%;
	}
}

/*===================================================================
	print
===================================================================*/
@media print{
    .no_print{
        display: none;
    }
}