@charset "utf-8";
@import url('reset.css');/*yuiベース+各種設定*/
@import url('header.css');/*ヘッダーとフッターです。ヘッドラインニュースも。*/
@import url('sidemenu.css');/*下層ページの左のボタン領域です*/
	#contents dd {
	font-size: 100%;
	}

	#contents dd {
	font-size: 100%;
	}

	#contents dl {
	margin-bottom: 5px;
	}

body {
	-webkit-text-size-adjust: 100%;
	}

body, td, th {
	color:#262626;
	font-size: 14px;	
}

td,th {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a5e6f;
}

/*DW編集用*/
/*
.jquery li {width:232px;position:absolute; left:15px}
*/


/* *************************************
 ****************ページ*****************
 ************************************* */
#wrapper {
/*	width:950px; _overflow:visible;
	margin:0px auto;
	padding:0 0 30px 0;
	background-image:url(../images/bg-main.png);/*border-right:1px solid #caced5;*/
/*	background-repeat:repeat-y;*/
}

#main {
}

#main > .container {
	padding-bottom:5em;
}

#contents{
	font-size: 14px;
	line-height: 22px;
}/*729*/

.content-block {
	max-width:950px;
}

.container {
  width: 950px;
  margin: 0 auto;
}

.container-965 {
	width: 965px;
  }
  
.container-1000 {
  width: 1000px;
}

.list-horizontal {
	overflow: hidden;
}

.list-horizontal>li {
	float: left;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
#main > .container {
	padding:0 2% 5em;
}

.container,
.container-965,
.container-1000 {
  width: auto;
}

.slim {
  width:90%;
}

br.sp {
	display:none;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.container {
  width: 900px;	
}
}
/* *************************************
 **********インデックス*****************
 ************************************* */
.flash { margin-left:-1px; margin-top:5px;}
.jquery { margin:15px 0 20px; width:950px; height:115px; position:relative}
.jquery #go-prev { position:absolute; left:0;}
.jquery #go-next { position:absolute; right:0;}
.jquery .cont { position:absolute; left:17px}
.jquery ul { width:914px;}
.jquery li {width:232px;}/*内容は219pxで右marginが13px*/


#index-contents{ width:694px; float:left;}
	#index-contents .bnr { width:720px; overflow:hidden; font-size:0; margin-bottom:15px;}
	#index-contents .bnr img { margin-right:22px;}

	#index-contents .news { border:1px solid #caced5;}
	#index-contents .news-titleimg { margin:-1px 0 0 -1px}
	#index-contents .news dl {width:665px; margin:10px 0 0 15px;}
	#index-contents .news dt {float:left;width:80px;color:#ff9c00; margin-bottom:10px;}
	#index-contents .news dd {margin-left:80px;margin-bottom:10px;}

#index-bnr{ width:226px; float:right;}
	#index-bnr ul {list-style-type:none; margin:0; padding:0;}
	#index-bnr li { margin-bottom:10px}

#eyecatch {
    position: relative;
	background:url(../../images/eyecatch-bg.png) no-repeat center;
	z-index:1;
	margin-top:-120px;
	padding-top:200px;
	background-size:cover;
	-webkit-background-size:cover;
}


#eyecatch img.ur4md-l {
	padding-top:100px;
}

#eyecatch a img.ur4md-s {
	display:none;
}

#btn-explore {
	display:block;
}

#btn-explore {
	background:url(../../images/eyecatch-pro-ur4md-on.png) no-repeat 0;
	background-size:cover;
}

#btn-explore:hover img {
	opacity:0;
}

#btn-explore2 {
	position:absolute;
	top:170px;
}

#btn-dicom {
	position:relative;
	top:-168px;
	left:0;
	color:#D8602E;
	font-weight:bold;
	font-size:150%;
}

.icon-external {
	background:url(../images/icon-external-black.png) no-repeat center right;
	padding-right:20px;
}

.icon-external-wh {
	background:url(../images/icon-external-white.png) no-repeat center right;
	padding-right:20px;
}

ul.btn-products {
	width:960px;
	margin:60px 0;
	display:inline-block;
	padding-left:0;
}

ul.btn-products li {
	float:left;
	list-style-type:none;
	padding-left:2px;
}

.oc-row-top {
	background:url(../images/bg-row.png) top repeat-x;
	padding-top:50px;
	position:relative;
	z-index:1;
}

.oc-row-top2 {
	padding:50px 0;
	background-color:#eff5f9;
}

.oc-row-top h2,
.oc-row-top2 h2 {
	text-align:center;
}

#news {
	width:450px;
	float:left;
}

#contact {
	display:inline-block;
	/* width:450px; */
	/* float:left; */
	/* padding-left:25px; */
}
/*
#news dl, #contact dl {
	margin-top:30px;
}
*/
#contact dl {
	width:400px;
	height:140px;
	padding:20px 0 0 70px;
	float:left;
	text-align:left;
}

#contact dt, #contact dd {
	padding-top:0;
	text-align:left;
}

#news dl dt, #contact dl dt {
	font-weight:bold;
}

#news dl dt a, #news dl dd a, #contact dl dd a {
	text-decoration:none;
}

#news dl dd a {
	color:#000;
	text-decoration:underline;
}

/* トップページスライド */
#wrapper-s {
	margin-top:10px;
}

#carousel-wrapper {
	position: relative;
}

#carousel, #thumbs {
	overflow: hidden;
}

#carousel-wrapper .caroufredsel_wrapper {
/*	border-radius: 10px;
	box-shadow: 0 0 5px #899; */

}

#carousel div,
#thumbs a, #thumbs img  {
	display: block;
	float: left;
}

#carousel div, #carousel a,
#thumbs span, #thumbs a {
	position: relative;
}

#carousel img {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
}

#thumbs img {
	border: none;
	width: 43px;
	height: 43px;
	position: absolute;
	top: 0;
	left: 0;
}

#carousel div {
  width: 950px;
  height: 298px;
}

#thumbs-wrapper {
	padding: 5px 40px;
	margin-bottom:20px;
	position: relative;
	background-color:#ccc;
}

#thumbs a {
	border: 2px solid #899;
	width: 41px;
	height: 41px;
	margin: 0 10px;
	overflow: hidden;
}

#thumbs a:hover, #thumbs a.selected {
	border-color:#F00;
}

#prev {
  width: 15px;
  height: 21px;
  display: block;
  background: transparent url(../images/bg_carousel_left.png) no-repeat 0 0;
  position: absolute;
  left: 15px;
  bottom: 17px;
}
#next {
  width: 15px;
  height: 21px;
  display: block;
  background: transparent url(../images/bg_carousel_right.png) no-repeat 0 0;
  position: absolute;
  left: 915px;
  bottom: 17px;
}

.home #main > .container {
  background: none;
}

.black-belt {
	background:url(../../images/bg-black-belt.png) center no-repeat,
	#000;
}

.black-belt .col {
	margin-bottom:0;
}

.black-belt p.copy {
	font-size:260%;
	color:#fff;
	text-align:right;
	padding:2em 0;
	line-height:1.2em;
}

.black-belt p.copy span {
	font-size:70%;
}

.black-belt p.copy a {
	text-decoration:none;
	color:#fff;
}

#js-home-owl-carousel {
	width:100%;
	height:auto;
    position: relative;
}

#js-home-owl-carousel .container {
	width:1032px;
}

#js-home-owl-carousel .slide-surgeonev2 {
	background:url(../../images/bg-surgeonev2.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:14em 0 5.5em;
}

#js-home-owl-carousel .slide-urstream {
	background:url(../../images/bg-urstream.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:16em 0 11.3em;
}
/*
#js-home-owl-carousel .slide-urnext4k {
	background:url(../../images/bg-urnext4k.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:13em 0 4.3em;
}
*/
#js-home-owl-carousel .slide-urnext4k {
	background:url(../../images/bg-urnext4k.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:10.5em 0 0;
}

/*
#js-home-owl-carousel .slide-urx {
	background:url(../../images/bg-urx.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:13em 0 4.3em;
}
*/
#js-home-owl-carousel .slide-urxi {
	background:url(../../images/bg-urxi.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:14.5em 0 5.4em;
}

#js-home-owl-carousel .slide-ur4md {
	background:url(../../images/bg-ur4md.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	padding:8em 0 0;
}

#js-home-owl-carousel .slide-surgeonev2 a {
	text-decoration:none;
}

#js-home-owl-carousel .slide-surgeonev2 a img {
	width:auto;
	display:inline-block;
	position:relative;
	top:-2em;
	left:17em
}

#js-home-owl-carousel .slide-surgeonev2 a .copy {
	display:inline-block;
	vertical-align:top;
	padding-right:0.5em;
	position: absolute;
	top:17.5em;
}

#js-home-owl-carousel .slide-surgeonev2 a .copy h1 {
	font-size:365%;
	color:#fff;
	text-align:left;
	padding:0.2em 0;
}

#js-home-owl-carousel .slide-surgeonev2 a .copy p {
	font-size:230%;
	color:#fff;
	text-align:left;
	line-height:1.1;
}


#js-home-owl-carousel .slide-urstream a {
	text-decoration:none;
}

#js-home-owl-carousel .slide-urstream a img {
	width:auto;
	display:inline-block;
	position:relative;
	top:5em;
}

#js-home-owl-carousel .slide-urstream a .copy {
	display:inline-block;
	vertical-align:top;
	padding-right:0.5em;
}

#js-home-owl-carousel .slide-urstream a .copy h1 {
	font-size:365%;
	color:#fff;
	text-align:left;
	padding:0.2em 0;
}

#js-home-owl-carousel .slide-urstream a .copy p {
	font-size:230%;
	color:#fff;
	text-align:left;
	line-height:1.1;
}

#js-home-owl-carousel .slide-urstream a .copy p.bk {
	font-size:120%;
	color:#000;
	position:relative;
	top:2.3em;
}
/*
#js-home-owl-carousel .slide-urnext4k a {
	text-decoration:none;
}

#js-home-owl-carousel .slide-urnext4k a img {
	width:auto;
	display:inline-block;
	position:relative;
	top:-2em;
	left:10em;	
}

#js-home-owl-carousel .slide-urnext4k a .copy {
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:5em;
	left:7em;
}

#js-home-owl-carousel .slide-urnext4k a .copy h1 {
	font-size:365%;
	color:#fff;
	text-align:left;
	padding:0.2em 0;
}
*/

#js-home-owl-carousel .slide-urnext4k a {
	text-decoration:none;
}

#js-home-owl-carousel .slide-urnext4k a img {
	width:auto;
	display:inline-block;
	padding:2em 0 0;
}

#js-home-owl-carousel .slide-urnext4k a .copy {
	display:inline-block;
	vertical-align:top;
}

#js-home-owl-carousel .slide-urnext4k a .copy h1 {
	display: inline-block;
	padding-top: 0;
}

/*
#js-home-owl-carousel .slide-urx a {
	text-decoration:none;
}

#js-home-owl-carousel .slide-urx a img {
	width:auto;
	display:inline-block;
}

#js-home-owl-carousel .slide-urx a .copy {
	display:inline-block;
	vertical-align:top;
	padding-left:3.5em;
}

#js-home-owl-carousel .slide-urx a .copy h1 {
	font-size:365%;
	color:#fff;
	text-align:left;
	padding:0.2em 0;
}

#js-home-owl-carousel .slide-urx a .copy p {
	font-size:240%;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:left;
	line-height:1.1;
}

#js-home-owl-carousel .slide-urx a .copy p span.gold {
	color: #F7DE05;
    background: -webkit-linear-gradient(90deg, #DA8E00, #EDAC06, #F7DE05, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow:0px 0px 5px #dcca67;
	font-size:135%;
	font-style:italic;
	padding-right:1em;
}

#js-home-owl-carousel .slide-urx a .copy p span.date {
	font-size:138%;
	line-height:2;
}
*/

#js-home-owl-carousel .slide-urxi a {
	text-decoration:none;
}

#js-home-owl-carousel .slide-urxi a img {
	width:auto;
	display:inline-block;
}

#js-home-owl-carousel .slide-urxi a .copy {
	display:inline-block;
	vertical-align:top;
}

#js-home-owl-carousel .slide-urxi a .copy h1 {
	display: inline-block;
	padding-top: .8em;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
#eyecatch {
    position: relative;
	background:url(../../images/eyecatch-bg.png) no-repeat center;
	z-index:2;
	margin-top:-120px;
	padding-top:200px;
	width:100%;
	height:auto;
	background-size:cover;
	-webkit-background-size:cover;
}

#eyecatch .container {
	text-align:center;
}

#eyecatch img.ur4md-l {
	display:none;
}

#eyecatch a img.ur4md-s {
	display:block;
	width:100%;
	padding-top:50px;
}

#eyecatch a#btn-explore,
#btn-explore,
#btn-explore img {
	display:none;
}

#eyecatch a#btn-dicom {
	position:relative;
	top:795px;	
}

ul.btn-products {
	width:100%;
	margin:60px 0;
	display:inline-block;
	padding:0;
}

ul.btn-products li {
	list-style-type:none;
	padding:10px 0;
	float:none;
	text-align:center;
}

#contact {
	display:block;
}

#contact dl {
	margin:0 auto;
	padding:20px 0 0;
	height:auto;
	float:none;
	width:80%;
}

.black-belt {
	margin-top:5em;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp {
	background:url(../../images/bg-surgeonev2-sp.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
	padding: 4em 0;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp a {
	text-decoration:none;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp a .copy {
	display:inline-block;
	padding:4em 0 35.3em;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp a .copy h1 {
	font-size:300%;
	color:#fff;
	padding:0;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp a .copy p {
	font-size:195%;
	color:#000;
	text-align:center;
	line-height:1.1;
	position:relative;
	top:1em;
}

#js-home-owl-carousel-sp .slide-urstream-sp {
	background:url(../../images/bg-urstream-sp.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
	padding: 6.8em 0 7em;
}

#js-home-owl-carousel-sp .slide-urstream-sp a {
	text-decoration:none;
}

#js-home-owl-carousel-sp .slide-urstream-sp a .copy {
	display:inline-block;
	padding:0 0 27.3em;
}

#js-home-owl-carousel-sp .slide-urstream-sp a .copy h1 {
	font-size:300%;
	color:#fff;
	padding:0;
}

#js-home-owl-carousel-sp .slide-urstream-sp a .copy p {
	font-size:195%;
	color:#000;
	text-align:center;
	line-height:1.1;
	position:relative;
	top:1em;
}

#js-home-owl-carousel-sp .slide-urstream-sp a p.bk {
	font-size:110%;
	color:#000;
	text-align:center;
	padding-bottom:2.9em;
}

#js-home-owl-carousel-sp .slide-urnext4k-sp {
	background:url(../../images/bg-urnext4k-sp.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
}

#js-home-owl-carousel-sp .slide-urnext4k-sp a .copy {
	display:inline-block;
	padding:4em 0 2.5em;
}

#js-home-owl-carousel-sp .slide-urnext4k-sp a .copy h1 {
	font-size:370%;
	color:#fff;
	padding:0.3em 0;
}

#js-home-owl-carousel-sp .slide-urnext4k-sp a .copy p {
	position:relative;
	top:2em;
}

#js-home-owl-carousel-sp .slide-urnext4k-sp a img.urnext4k {
	position:relative;
	top:7em;
}


/*
#js-home-owl-carousel-sp .slide-urx-sp {
	background:url(../../images/bg-urx-sp.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy {
	display:inline-block;
	padding:9.8em 0 3.5em;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy h1 {
	font-size:500%;
	color:#fff;
	padding:0.2em 0;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy p {
	font-size:330%;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	line-height:1.1;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy p span.gold {
	color: #F7DE05;
    background: -webkit-linear-gradient(90deg, #DA8E00, #EDAC06, #F7DE05, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow:0px 0px 5px #dcca67;
	font-size:135%;
	font-style:italic;
	padding-right:0.1em;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy p span.date {
	font-size:138%;
	line-height:2.3;
}
*/

#js-home-owl-carousel-sp .slide-urxi-sp {
	background:url(../../images/bg-urxi-sp.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
	padding: 4em 0;
}

#js-home-owl-carousel-sp .slide-urxi-sp a .copy {
	display:inline-block;
	padding:4.5em 0 16em;
}

#js-home-owl-carousel-sp .slide-urxi-sp a .copy h1 {
	color:#fff;
	padding-bottom: 3em;
}

#js-home-owl-carousel-sp .slide-urxi-sp a .copy p {
	font-size:330%;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	line-height:1.1;
}

#js-home-owl-carousel-sp .slide-urxi-sp a .copy p span.gold {
	color: #F7DE05;
    background: -webkit-linear-gradient(90deg, #DA8E00, #EDAC06, #F7DE05, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow:0px 0px 5px #dcca67;
	font-size:135%;
	font-style:italic;
	padding-right:0.1em;
}

#js-home-owl-carousel-sp .slide-urxi-sp a .copy p span.date {
	font-size:138%;
	line-height:2.3;
}

#js-home-owl-carousel-sp .slide-ur4md-sp {
	background:url(../../images/bg-ur4md-sp.png) no-repeat center;
	background-size:cover;
	-webkit-background-size:cover;
	text-align:center;
}

#js-home-owl-carousel-sp #btn-dicom {
	top:unset;
	left:unset;
}


}
@media screen and (min-width: 0px) and (max-width: 414px) {
#eyecatch a#btn-dicom {
	top:465px;	
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp {
	padding: 0;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp a .copy {
	padding:5.5em 0 16.3em;
}

#js-home-owl-carousel-sp .slide-surgeonev2-sp a img {
	padding-bottom: 3em;
}

#js-home-owl-carousel-sp .slide-urstream-sp {
	padding: 0;
}

#js-home-owl-carousel-sp .slide-urstream-sp a .copy {
	padding:5.5em 0 11.3em;
}

/*
#js-home-owl-carousel-sp .slide-urx-sp a .copy {
	padding:5em 0 3.5em;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy h1 {
	font-size:255%;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy p {
	font-size:160%;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy p span.gold {
	font-size:135%;
}

#js-home-owl-carousel-sp .slide-urx-sp a .copy p span.date {
	font-size:138%;
}
*/

#js-home-owl-carousel-sp .slide-urxi-sp a .copy h1 {
	padding-bottom: 1em;
}

#js-home-owl-carousel-sp .slide-urxi-sp a .copy {
	padding:1.5em 0 5.5em;
}


}
@media screen and (min-width: 0px) and (max-width: 375px) {
#eyecatch a#btn-dicom {
	position:relative;
	top:435px;
	
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
#eyecatch img.ur4md-l {
	width:100%;
	padding-top:100px;
}
#btn-explore {
	background-size:contain;
}

#btn-explore img {
	width:auto;
}
ul.btn-products li img {
	width:300px;
}
#contact dl {
	width:380px;
	height:140px;
	padding:20px 0 0 70px;
	float:left;
	text-align:left;
}
}
/* *************************************
 ************下層ページ*****************
 ************************************* */


h1 { display:block; width:729px; margin:0 0 15px -10px;}

h2 { font-size:200%; }

.link03 {
	background-image:url(../images/btn_bg01.gif);
	background-repeat:no-repeat;
	width:155px;
	height:28px;
	display:block;
	font-weight:bold;
	float:left;
	line-height:14px;
	font-size:12px;
	text-shadow: 1px 1px 2px #fff;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}
.link05 {
	background-image:url(../images/btn_bg01.gif);
	background-repeat:no-repeat;
	width:155px;
	height:35px;
	display:block;
	font-weight:bold;
	float:left;
	line-height:14px;
	font-size:12px;
	text-shadow: 1px 1px 2px #fff;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}




a:link.link02,
a:link.link03,
a:link.link05,
a:visited.link02,
a:visited.link03,
a:visited.link05
{text-decoration: none;color:#363636;}

a:hover.link02,
a:hover.link03,
a:hover.link05,
a:active.link02,
a:active.link03,
a:active.link05
{text-decoration:none;
	opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);
	color:#636363;}

.btn-primary {
	text-decoration:none;
	color:#fff;
	background-color:#ff8c26;
}

.btn-primary:hover {
	opacity:0.8;
	background-color:#ff8c26;
}

#contents .txt01 { color:#4a5e6f; font-weight:bold;}/*support*/
#contents ul { margin-left:0;}
.overWidth { width:730px}
.red,.error { color:#f00!important;}
.orange { color:#ff9700!important;}
.right { float:right; margin-left:10px;}
.left { float:left; margin-right:10px;}
.center { text-align:center;}
.mt0 { margin-top:0px !important}
.mt0 table {margin-top:0!important;}
.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt30 {
	margin-top:30px;
	padding-bottom: 0px;
	clip: rect(5px,auto,auto,auto);
	line-height: 30px;
}
.mt40 { margin-top:40px}
.mt50 { margin-top:50px}
.mr60 { margin-right:60px}
.mb0 { margin-bottom:0 !important}
.mb0 table {margin-bottom:0!important;}
.mb10 { margin-bottom:10px}
.mb10 table {margin-bottom:10px!important;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb50 { margin-bottom:50px !important;}

.pt0 {padding-top: 0 !important;}
.pt50 {padding-top: 50px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb30 {padding-bottom: 30px !important;}
.pb50 {padding-bottom: 50px !important;}

.photobox, .parent, .row {
  /* 文字と画像を横並びにするときに使用。clearfixと同等の効果 */
  overflow: hidden;
  *zoom: 1;
}

.aligncenter {
  display: block;
  margin: 0.5em auto;
}

.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 0.5em;
}

.alignright {
  float: right;
  margin-bottom: 0.5em;
  margin-left: 20px;
}

.no-wrap, .nowrap {
  /* floatされた要素の下に回り込みさせない */
  overflow: hidden;
  *zoom: 1;
}
/*--------------------------------------
  SIDEBAR
--------------------------------------*/
#sidebar {
  float: left;
  width: 191px;
  padding: 5px;
  background-color: #caced5;
}

#sidebar h3 {
  margin: 0;
  padding: 0;
}

/*----------------*/

.nav-sidebar-products {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.4;
}

.nav-sidebar-products ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-sidebar-products a {
  display: block;
  color: #4d4d4d;
  text-decoration: none;
}

/*----------------*/

.nav-sidebar-products > ul {
  margin-top: 2px;
}

.nav-sidebar-products > ul > li {
  margin: 2px 0;
}

.nav-sidebar-products > ul > li > a.active,
.nav-sidebar-products > ul > li > a:hover {
  opacity: 0;
}

/*----------------*/

.nav-sidebar-products > ul > li > ul {
}

.nav-sidebar-products > ul > li > ul > li {
  margin: 1px 0;
}

.nav-sidebar-products > ul > li > ul > li > a {
  padding: 8px 7px 8px 21px;
  background: url(../images/mark-arrow-nav-sidebar-products.png) #fafafa no-repeat 8px center;
}

.nav-sidebar-products > ul > li > ul > li > a.active,
.nav-sidebar-products > ul > li > ul > li > a:hover {
  background-color: #ffe3b3;
  opacity: 1;
}

/*----------------*/

.nav-sidebar-products > ul > li {
  background: no-repeat center top;
}

.nav-sidebar-products > ul > li.nav-sidebar-products-ur_4md {
  background-image: url(../images/bg-nav-sidebar-products-ur_4md.png);
}

.nav-sidebar-products > ul > li.nav-sidebar-products-rec_board {
  background-image: url(../images/bg-nav-sidebar-products-rec_board.png);
}

.nav-sidebar-products > ul > li.nav-sidebar-products-ur_50bd {
  background-image: url(../images/bg-nav-sidebar-products-ur_50bd.png);
}

/*----------------*/

.nav-sidebar-banners ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-sidebar-banners ul li {
  margin: 5px 0;
  padding: 0;
}



/*--------------------------------------
  スクロールナビ
--------------------------------------*/
.subnav {
	padding: 1em 0;
	background: rgba(255,255,255,1);
	border-top:1px solid #f3f7fa;
	width:100%;
	top:53px;
	z-index:21;
}

.subnav .container {
	width:1200px;
}

.subnav img {
	padding-top:6px;
	float:left;
}

.subnav a.p-name {
	font-weight: bold;
	vertical-align: top;
	color: #333;
	font-size: 125%;
	display: inline-block;
	text-decoration: none;
}

.subnav ul {
	margin-top: 0;
	padding-top: 0;
	padding-left: 1.6em;
	display: inline-block;
}

.subnav li {
	padding: 0 1.0em;
	font-size:124%;
}

.subnav li a {
	text-decoration: none;
	font-weight: bold;
	color:#333;
}

.subnav li a:hover,
.subnav li.on a {
	color:#64b2eb;
}

.subnav-or li a:hover,
.subnav-or li.on a {
	color:#ff6f17;
}
 
.scroll {
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
.subnav {
	display:block;
	padding:0.5em 1.4em 0.5em;
	top:43px;
}

.subnav .container {
	width:100%;
}

.subnav img {
	float:none;
	padding:1em 0;
}

.subnav ul {
	padding-top: 1em;
	padding-left: 0;
	width:90%;
	display:none;
}

.subnav li {
	padding: 0  0 1em 2em;
	font-size:100%;
}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.subnav {
	display:block;
	padding:0.5em 1.4em 0.5em;
	top:43px;
}

.subnav .container {
	width:100%;
}

.subnav img {
	padding:1em 0;
}

.subnav ul {
	padding-top: 0.6em;
	padding-left: 0;
}

.subnav li {
	padding: 0 1.4em 1em;
	font-size:100%;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.subnav .container {
	width:1000px;
}

.subnav li {
	padding: 0 1em;
}
}

select, input, textarea, button {
    font: 99% arial,helvetica,clean,sans-serif;
}

input[type="text"], textarea {
    border: 1px solid #cccccc;
    margin: 0 0 3px;
    padding: 3px;
}

input:focus, textarea:focus {
	border-color: #808080;
}

.table-form {
	border:1px solid #969696;
}

.table-form th {
	background-color:#caced5;
	border-bottom:1px solid #969696;
}

.table-form td {
	border-bottom:1px solid #969696;
}

.label-primary {
	background-color:#f44336;
}

.input-32 {
	width:32rem;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
.table-form {
	width:100%;
	table-layout:fixed;
}

.table-form th,
.table-form td {
	width:97%;
	display:block;
}

.input-32 {
	width:90%;
}

}

#products-footer-link {
	margin: 45px 0 20px;
	padding: 10px;
	background-color: #eceff7;
}

#products-footer-link p.product-name {
	margin: 0;
	padding: 0 0 0.5em;
	font-weight: bold;
}

#products-footer-link ul {
	margin: 0 10px;
	list-style-type: none;
}

#products-footer-link li {
	display: inline;
	padding: 0 10px 0 0;
    line-height: 1.4;
}

#products-footer-link li a {
	color: #000000;
	padding: 0 0 0 12px;
    background: url(../images/ico_link02.gif) no-repeat left center;
}

#products-footer-link li a:hover {
	color: #999999;
}

/* *****news****** */
h3.year {display:block; color:#262626; font-weight:bold; font-size:182%; line-height:30px; margin:20px 0 15px 0;}
h4.area {display:block; color:#262626; font-weight:bold; font-size:150%; margin:20px 0 0 0;}
.news, .exhibition { margin-bottom:2em;}
.news-titleimg { margin:0}
.news dl, .exhibition dl {margin:10px 0 0 0; display:inline-block;}
.news dt {float:left; color:#262626; margin-bottom:10px;}
.exhibition dt span.ex {background-color:#ff9600; color:#fff; font-size:12px; padding:2px 4px; margin-left:20px;}
.exhibition dt span.pr {background-color:#b4b4b4; color:#fff; font-size:12px; padding:2px 10px; margin-left:90px;}
.exhibition dt span.ne {background-color:#b4b4b4; color:#fff; font-size:12px; padding:2px 15px; margin-left:20px;}
.news dd {margin-left:180px; margin-bottom:10px;}
.exhibition dt {float:left; color:#262626; margin-bottom:10px;}
.exhibition dd {margin-left:10px; float:left;}
.exhibition dd.title {width:490px; margin-bottom:10px;}
.exhibition dd.place {float:left; width:150px; margin-bottom:10px;}
.exhibition dd.date {float:left; width:110px;}
.exhibition dd.close {display:flex; margin-bottom:10px;}
.exhibition dd.line2 {margin-bottom:35px;}

@media screen and (min-width: 0px) and (max-width: 768px) {
.news dt {float:none;}
.news dd {margin-left:0; margin-bottom:30px;}	
.exhibition dd.title {width:100%;}
.exhibition dd.place {width:50%;}
.exhibition dd.close {width:40%; margin-bottom:35px;}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.news dt, .news dd {margin-bottom:30px;}
}
/* *****download*** */

#contents .allline td{border:1px solid #4a5e6f;padding:0.5em; white-space: nowrap;}
#contents .underline td{
	border-bottom:1px solid #4a5e6f;
	padding:0.5em;
	text-align: left;
}
#contents table { margin:20px 0 30px 0px;}
#contents table th {
	font-size: 14px;
	color: #4a5e6f;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#contents .underline table { margin:10px 0 30px 0px;}
#contents td.color01 { background-color:#caced5;}
#contents td.color02 { background-color:#f4f5f6}

#contents td.font01 { color:#4a5e6f; font-weight:bold;}


/*製品*/
#contents h3 {
	margin: 2em 0 1em;
	padding-left: 10px;
	border-left: 7px solid #4a5e6f;
	color: #4a5e6f;
	font-weight: bold;
	font-size: 14px;
}
#contents .box02 { background-color:#e5e5e5;width:313px; padding:7px 10px 0 10px;}
#contents .box-h { height:auto; overflow:hidden;}
#contents .box03 { background-color:#fff7ca; padding:7px 10px 1px 10px;}
#contents .box03 p { color:#4a5e6f}
.w570 { width:570px}
.indent-txt { text-indent:-10px; margin-bottom:0}
#contents .box04 { background-color:#caced5; padding:7px 10px 1px 10px; width:680px; margin-bottom:10px;}
#contents .box04 p {}
#contents .box05 { background-color:#caced5; padding:7px 10px 1px 10px; width:600px; margin-bottom:10px;}

#contents .section {
  padding: 0 2em 0 1em;
}

/*-----------------------------
	Products
-------------------------------*/

#gallery {
	margin: 0 0 30px;
}

#gallery ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#gallery ul li {
	display: inline;
	width: 230px;
	margin: 0 5px 0 0;
	padding: 0;
}

#gallery ul li img {
	padding: 1px;
	border: 1px #8e9fae solid;
}

#gallery ul li img:hover {
	border: 1px #b7c9d9 solid;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

table.product {
	width:100%;
	margin:0;
}

td.left {
	border-bottom:none;
	padding-right:25px;
	padding-left:0;
	float:none;
	margin-right:0;
}

td.right-top {
	border-bottom:none;
	padding:0;
	line-height:1.5;
}

td.right-bottom {
	border-bottom:none;
	padding:0;
}

table.product-slim {
	display:none;
}

/*-----------------------------
	UR-4MD
-------------------------------*/
h1 {
	margin: 0;
	padding: 0 0 0.5em;
	color: #001e46;
	font-weight: normal;
	font-size: 300%;
	text-align: center;
	line-height: 1.2;
	width:100%;
}

#txt-2column {
	margin:-50px auto 50px;
	width:950px;
}

#txt-2column p {
	width:370px;
	float:left;
	padding:0 20px;
}

#txt-2column p:first-child {
	padding-left:90px;
}

.oc-row {
	background:url(../../products/ur-4md/images/bg-row2.png) top repeat-x;
	padding-top:50px;
	text-align:center;
}

.oc-row2 {
	background-color:#f3f7fa;
	padding-top:50px;
	text-align:center;
}

.oc-row3 {
	background-color:#fff;
	padding-top:50px;
	text-align:center;
}

.oc-row4 {
	background: url(../../products/ur-4md/images/bg-row-bottom.png) 0 350px repeat-x, #fff;
	padding-top:50px;
	text-align:center;
}

.oc-row5 {
	background:url(../../products/ur-50bd/images/bg-row3.png) top repeat-x;
	padding-top:50px;
	text-align:center;
}

.oc-row6 {
	background-color:#fff;
	padding-top:50px;
	text-align:center;
}

.oc-row7 {
	background-color:#fff;
	margin:0 auto;
	padding-top:50px;
	text-align:left;
	width:850px;
}

.oc-row8 {
	background:url(../images/bg-row8.png) top repeat-x;
	padding-top:50px;
	text-align:center;
}

.oc-row9 {
	background-color:#fff;
	padding-top:50px;
}

.oc-row-sp {
	background:url(../../products/ur-4md/images/bg-data.png) top no-repeat, #34414e;
	padding-top:50px;
	text-align:center;
}

.oc-row-or {
	background:url(../../products/ur-stream/images/bg-row.png) top repeat-x;
	padding-top:50px;
	text-align:center;
}

.oc-row p, .oc-row2 p, .oc-row3 p, .oc-row4 p, .oc-row5 p, .oc-row8 p, .oc-row-sp p {
	font-size:114%;
	padding-bottom:5em;
}

.oc-row2 p, .oc-row3 p, .oc-row4 p, .oc-row-sp p, .oc-row-or p {
	text-align:center;
}

.oc-row .memo h3,
.oc-row .memo h4,
.oc-row .memo h5,
.oc-row .memo p {
	width:900px;
	margin:0 auto;
/*	font-family:Century Gothic; */
    font-family: 'Muli', sans-serif;
}

.oc-row .memo h3,
.oc-row .memo h4 {
	margin-top:30px;
}

.oc-row .memo h5 {
	margin-top:15px;
}

.oc-row2 p.minus30 {
	margin-top:-30px;
}

.oc-row3 p.minus60, .oc-row4 p.minus60 {
	margin-top:-60px;
}

.oc-row3 p.minus80 {
	margin-top:-80px;
}

.oc-row6 p {
	font-size:114%;
	padding-bottom:1em;
	width:850px;
	margin:0 auto;
}

.oc-row6 p.sep {
	width: auto;
}

.oc-row6 table.thumb-box img {
	margin-top:0;
}

.oc-row p.top-exp {
	margin:-50px auto 0;
	width:900px;
}

.oc-row6 ul {
	width:840px;
	margin:0 auto;
	text-align:left;
}

.oc-row6 ul li {
	list-style-image:url(../../products/ur-50bd/images/list-disc.png);
}

.oc-row7 h2 {
	text-align:left;
}

.oc-row6 img, .oc-row7 img {
	margin:2em 0;
}

.oc-row7 ul li {
	list-style-image:url(../../products/ur-50bd/images/list-disc.png);
}

.oc-row-sp .photobox {
	width:950px;
	margin:0 auto;
}

.oc-row-sp p {
	color:#fff;
}

.oc-row-ot p {
	text-align: unset;
	padding-bottom: 3em;
}

.oc-row-ot p.text-left {
	text-align: left;
}

.oc-row-last {
	border-bottom:1px solid #969696;
}

p.pic {
	margin:2em 0;
	padding-bottom:0;
}

p.pic img.pl {
	padding-left:80px;
}

p.pic2 {
	margin:2em 0;
	padding-bottom:5em;
}

.oc-heading {
	margin: 0;
	padding: 0.5em 0;
	color: #64b2eb;
	font-weight: normal;
	font-size: 257%;
	text-align: center;
	line-height: 1.2;
}

.oc-heading-l {
	margin: 0;
	padding: 1em 0 0.5em;
	color: #001e46;
	font-weight: normal;
	font-size: 257%;
	text-align: left;
	line-height: 1.2;
}

.oc-heading-l2 {
	margin: 0;
	padding: 1em 0 0.5em;
	color: #64b2eb;
	font-weight: normal;
	font-size: 257%;
	text-align: left;
	line-height: 1.2;
}

.oc-heading-s {
	font-size:230%;
	padding-bottom:0.5em;
	text-align: center;
}

.oc-heading-or {
	color: #ff6f17;
}

.oc-heading-border {
	margin-top: 0.25em; 
/*	padding: 0.75em 0; */
	padding: 0.3em 0 1em;
	color: #64b2eb;
	font-weight: normal;
	font-size: 257%;
	text-align: center;
	line-height: 1.2;
/*	background:url(../../products/ur-4md/images/eyecatch-border.png) top no-repeat; */

}

.oc-heading-gradation-lblue {
	color: #64b2eb;
	font-size: 310%;	
	background: -webkit-linear-gradient(-45deg, #00b0f0, #01b1f0, #4acdfb, #38c7f9, #9be4fe, #00b0f0, #01b1f0, #4acdfb, #38c7f9, #9be4fe );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

.oc-heading-gradation-yellow {
	color: #ffb400;
	font-size: 310%;	
	background: -webkit-linear-gradient(-45deg, #ffcc47, #ffb410, #ffab1c, #ffa02a, #ff9933, #ffcc47, #ffb410, #ffab1c, #ffa02a, #ff9933 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.oc-row-or .oc-heading-border {
	margin-top: 0.25em; 
	padding: 0.3em 0 1em;
	color: #ff6f17;
	font-weight: normal;
	font-size: 257%;
	text-align: center;
	line-height: 1.2;
}

.oc-row-or .oc-heading-border span {
	color:#262626;
	font-size:large;
	line-height:2.8;
}

.photobox h2.oc-heading {
	padding-top:0;
	text-align:left;
}

label {
	font-size:171%;
    padding: 10px;
    margin: 0;
	cursor:pointer;
}

label img {
	margin-left:-85px;
	vertical-align:sub;
}

label span {
	color:#fff;
	background-color:#ffb401;
	padding:10px 30px;
/*	font-family:Century Gothic; */
    font-family: 'Muli', sans-serif;
}

.memo-outline label span {
	color:#000;
	background:none;
	padding:10px 0;
	font-weight:bold;
	font-size:0.8em;
	line-height:2em;
}

.memo-outline label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
	display:inline-block;
	width:30px;
	color:#64b2eb;
	font-size:0.8em;
}

.memo-outline label span.white {
	color:#fff;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
label span {
	padding:10px;
}

.memo-outline label:before {
	width:5px;
}

}

input[type="checkbox"].on-off{
    display: none;
}

.memo-outline label {
	border:none;
}

.memo div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 30px 0 0;
    list-style: none;
}

.memo-outline .memo-content {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.memo-outline p {
	padding:1em;
}

.memo-outline h4 {
	padding:2em 1em 0;
}

.memo ul,
.memo-outline ul {
	margin:0 auto;
	padding:20px 0;
	width:800px;
	text-align:left;
}

.memo li {
/*	font-family:Century Gothic; */
    font-family: 'Muli', sans-serif;
}

.memo p {
	padding-bottom:0;
/*	font-family:Century Gothic; */
    font-family: 'Muli', sans-serif;
}

.memo {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	padding-bottom:5em;
}
.memo input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.memo label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
}
.memo .memo-content,
.memo-outline .memo-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
	background: none;
}
/* :checked */
.memo input:checked ~ .memo-content,
.memo-outline input:checked ~ .memo-content {
	max-height: 200em;
}
/* Icon */
.memo label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
/*
.memo input[type=checkbox] + label::after {
	content: '+';
}
.memo input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}
*/
.memo-outline input[type=checkbox]:checked + label:before {
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 8px;
	display:inline-block;
	color:#64b2eb;
	font-size:0.8em;
}

label {
    color: #000;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

input[type="checkbox"].on-off{
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
.oc-row {
	background:url(../../products/ur-4md/images/bg-row2.png) 0 -160px repeat-x;
}

.oc-row4 {
	background: url(../../products/ur-4md/images/bg-row-bottom.png) 0 230px repeat-x, #fff;
}

}
@media screen and (min-width: 0px) and (max-width: 768px) {
h1 {
	padding:0 0 0.5em;
}
.oc-row {
	background:url(../../products/ur-4md/images/bg-row2.png) 0 -120px repeat-x;
}

.oc-row-or {
	background:url(../../products/ur-stream/images/bg-row.png) 0 -120px repeat-x;
}

.oc-row img, .oc-row5 img, .oc-row6 img, .oc-row8 img,
.oc-row6 ul, .oc-row7,
p.pic img {
	width:80%;
}

.oc-row h1 img, .oc-row5 h1 img {
	width:60%
}

.oc-row8 h1 img {
	width:40%;
}

.oc-row p.top-exp {
	margin:0 auto;
	width:80%;
}

.oc-row2 p.exp, .oc-row3 p.exp, .oc-row4 p.exp, .oc-row6 p.exp, .oc-row-sp p.exp {
	width:80%;
	text-align:left;
	margin:0 auto;
}

.oc-row2 p.minus30,
.oc-row3 p.minus60, .oc-row4 p.minus60,
.oc-row3 p.minus80 {
	margin-top:0;
}

.oc-row2 p img, .oc-row3 p img, .oc-row4 p img, .oc-row-sp p img {
	text-align:center;
}

.oc-row4 {
	background: url(../../products/ur-4md/images/bg-row-bottom.png) 0 230px repeat-x, #fff;
}

.oc-row5 {
	background:url(../../products/ur-50bd/images/bg-row3.png) 0 -60px repeat-x;
}	

.oc-row7 img {
	width:100%;
}

p.pic img.pl {
	width:80%;
	padding-left:30px;
}

.oc-heading,
.oc-heading-border {
	font-size:164%;
	padding:0 .1em;
}

label {
	font-size:107%;
}

.oc-row label img,
.oc-row3 label img {
	margin-left:0;
	width:20%;
}

.memo div {
	padding:30px 10px 0;
}

.memo ul {
	width:80%;
	margin:0 auto;
}

input[type="checkbox"].on-off:checked + div{
    height: auto;
}

.oc-row .memo p {
	text-align:left;
	width:80%;
	margin:0 auto;
}

.oc-row .memo h3,
.oc-row .memo h4,
.oc-row .memo h5 {
	width:80%;
	font-size:100%;
}

}
@media screen and (min-width: 769px) and (max-width: 1024px) {
p.pic img.pl {
	padding-left:20px;
}	
}
/*-----------------------------
	UR-4MD Specifications
-------------------------------*/
h2.spec {
	line-height: 42px;
	margin: 20px 0;
	padding: 0 10px;
	background: url('images/bg-heading2.png') repeat-x bottom;
	font-weight: bold;
	font-size: 138.5%;	/* 18px */
}

h3.spec {
	margin: 45px 0 10px;
	font-weight: bold;
	font-size: 182%;	/* 24px */
}

h4.spec {
	font-size:112.5%;
}

h5.spec {
	font-size:112.5%;
}

table.spec-en,
table.spec-en-rec,
table.spec-en-slim {
	width: 100%;
	table-layout: fixed;
	margin: 10px 0px;
}

table.spec-en-fs {
	font-size: 75%;
}


table.spec-en th,
table.spec-en td,
table.spec-en-rec th,
table.spec-en-rec td,
table.spec-en-slim th,
table.spec-en-slim td {
	border:1px solid #969696;
	white-space:normal;
}

table.spec-en td.sub,
table.spec-en thead,
table.spec-en-rec td.sub,
table.spec-en-slim td.sub {
	background-color: #caced5;
}

table.spec-en td.sub2 {
	background-color: #f4f5f6;
}

table.spec-en-rec-slim {
	display:none;
}

caption.lb {
	text-align: left;
	caption-side: bottom;
}

#notes {
	margin: 40px auto;
	padding: 10px;
	border-top: 1px #eceff7 solid;
	border-bottom: 1px #eceff7 solid;
}

#notes ul {
	margin: 0 15px 8px;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
table.spec-en {
	table-layout:auto;
}

table.spec-en-rec {
	display:none;
}

table.spec-en-rec-slim {
	display:table;
	width: 100%;
	table-layout: auto;
	margin: 10px 0px;
}

table.spec-en-rec-slim th,
table.spec-en-rec-slim td {
	border:1px solid #969696;
	white-space:normal;
}

table.spec-en-rec-slim td.sub {
	background-color: #caced5;
}

table.spec-en-slim td,
table.spec-en-slim td.sub {
	width:96%;
	display:block;
	border-top:none;
}

table.spec-en-slim tr:first-child td:first-child {
	border-top:1px solid #969696;
}

table.spec-en-slim td.sub2 {
	background-color: #f4f5f6;
	border-top:none;
}

}
@media screen and (min-width: 0px) and (max-width: 768px) {

}

/*-----------------------------
	UR-4MD Accessories
-------------------------------*/
.container .thumbnail {
  float: left;
  width: 182px;
  height:228px;
  margin: 0 5px 10px;
}

.container .thumbnail p {
  text-align: left;
}

.container .left {
  margin-left: 0;
}


/*-----------------------------
	UR-4MD Downloads
-------------------------------*/
#download {
	padding-bottom:5em;
	padding-left:1.5em;
}

#download dl {
	float:left;
	width:280px;
	padding-right:40px;
}

#download dl.fst-line,
.instruction dl.fst-line {
	width:auto;
}

#download dl.last,
.instruction dl.last {
	padding-right:0;
}

#download dt,
.instruction dt {
	padding:10px 0;
	border-bottom:1px solid #000;
}

#download dd,
.instruction dd {
	padding:3px 0;
}

#download dt:first-child + dd,
.instruction dt:first-child + dd {
	padding-top:10px;
}

.instruction {
	display:flex;
	padding-bottom:2em;
	padding-left:1.5em;
}

.instruction dl {
	padding-right:40px;
}

table.firmware {
	width:30%;
	margin:1em auto;
}

table.firmware td {
	text-align:center;
}

.col table.firmware {
	width:60%;
}

/*-----------------------------
	UR-4MD Gallery
-------------------------------*/
table.gallery {
	width: 100%;
	border-collapse:separate;
	border-spacing:30px;
	margin:-30px 0 0 -30px;
}

table.gallery2 {
	width: 100%;
	border-collapse:separate;
	border-spacing:9px 30px;
	margin:-30px 0 50px -9px;
}

table.gallery td,
table.gallery2 td {
	border:1px solid #e3ecf3;
	white-space:normal;
	text-align:center;
}

table.gallery-slim {
	display:none;
}

.keysech {
	margin:0 0 20px;
}

.highlight {
	margin-top:-114px;
	padding-top:114px;
	background:linear-gradient(transparent, transparent, transparent, transparent, transparent, #FFFF01);
}

mark {
  background: yellow;
}

mark.current {
  background: orange;
}

.header-search {
  padding: 10px;
  width: 100%;
  position: relative;
  top: -100px;
  left:0;
  text-align:right;
}

.header-search button {
	width:20px;
}

.header-search .fixed {
	top: 120px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
table.gallery,
table.gallery2 {
	display:none;
}

table.gallery-slim {
	display:table;
	width: 100%;
	border-collapse:separate;
	border-spacing:30px;
	margin:-30px 0 5em -30px;	
}

table.gallery-slim td {
	border:1px solid #e3ecf3;
	white-space:normal;
	text-align:center;
}

table.gallery-slim td img {
	width:100%;
}

.container .left {
  margin-left: 5px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
#download dl {
	width:270px;
}

#download dd {
	padding:10px 0;
}

table.gallery img,
table.gallery2 img {
}

.container .left {
  margin-left: 5px;
}
}

/*-----------------------------
	UR-50BD
-------------------------------*/
p.oc-row-copy {
	text-align:center;
	color:#495e6f;
	font-size:171%;
	margin-top:-100px;
}

table.thumb-box {
	margin:2em auto;
	width:850px;
}

table.thumb-box-slim {
	display:none;
}

table.thumb-box th, table.thumb-box td,
table.thumb-box-slim th, table.thumb-box-slim td {
	border-bottom:none;
	padding:0;
}

table.thumb-box th:last-child,
table.thumb-box td:last-child {
	padding-left:40px;
}

table.thumb-box th,
table.thumb-box-slim th {
	color:#64b2eb;
	font-size:171%;
}

p.head-dvd,
p.head-bd {
	font-size:116%;
	margin-top:30px;
}

ul.chapter {
	list-style:none;
	display:inline-block;
	padding-left:0;
}

ul.chapter li {
	padding:5px 0 0 10px;
	float:left;
}

ul.chapter li:first-child {
	padding-left:0;
}

ul.chapter li a {
	color:#000;
	text-decoration:none;
}

ul.chapter li a:hover {
	color:#64b2eb;
}

ul.chapter-slim {
	display:none;
}

p.movie iframe {
	width:560px;
	height:315px;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
p.oc-row-copy {
	text-align:left;
	width:80%;
	margin:-50px auto 0;
}
table.thumb-box {
	display:none;
}

table.thumb-box-slim {
	display:table;
	margin:2em 4em 2em;
	width:100%;
}

ul.chapter {
	display:none;
}

ul.chapter-slim {
	display:block;
	list-style:none;
}

ul.chapter-slim li {
	padding-bottom:2em;
	text-decoration:underline;
}

ul.chapter-slim li a {
	color:#000;
	text-decoration:none;
}

p.movie iframe {
	width:100%;
}

}
@media screen and (min-width: 480px) and (max-width: 768px) {
p.oc-row-copy {
	text-align:left;
	width:80%;
	margin:-100px auto 0;
}

table.thumb-box {
	display:none;
}

table.thumb-box-slim {
	display:table;
	margin:2em 4em 2em;
	width:100%;
}

ul.chapter {
	display:none;
}

ul.chapter-slim {
	display:block;
	list-style:none;
}

ul.chapter-slim li {
	padding-bottom:2em;
	text-decoration:underline;
}

ul.chapter-slim li a {
	color:#000;
	text-decoration:none;
}

p.movie iframe {
	width:100%;
}

}
	
/*-----------------------------
	S'CORE
-------------------------------*/
p.oc-row-copy2 {
	text-align:center;
	color:#495e6f;
	font-size:171%;
}

.photobox p.exp {
	padding-left:20px;
}

.btn-info {
	font-size:200%;
	text-align:center;
	background-color:#ffb401;
	color:#fff;
	width:344px;
	height:48px;
	margin:2em auto;
	padding-top:0.1em;
}

.btn-info a {
	color:#fff;
	text-decoration:none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
p.oc-row-copy2 {
	text-align:left;
	width:80%;
	margin:0 auto;
}

.photobox p.exp {
	padding-left:0;
	overflow:visible;
}	

.btn-info {
	width:100%;
}

}

/*-----------------------------
	SURGE ONE v2
-------------------------------*/
.block-white {
	padding:4em 0;
}

.block-white-pr {
	position: relative;
}

.block-lblue {
	padding:4em 0;
	background:#f3f7fa;
}

.block-lgray {
	padding:4em 0;
	background:#f5f5f5;
}

.block-gray2 {
	background:#f2f7fa;
	padding:4em 0;
}

.block-black {
	padding:4em 0;
	background:#000;
}

.block-white p,
.block-lblue p,
.block-lgray p,
.block-gray2 p,
.block-white ul.blue li {
	font-size:114%;
}

.block-white p.btn-info,
.block-lblue p.btn-info {
	font-size:200%;
}


p.pic3 {
	padding:2em 0;
}

ul.blue li {
	list-style: none;
}
ul.blue li span {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#64b2eb;
	position:absolute;
	margin:7px -15px;
}

h3.heading-lb {
	font-size:135%;
	color:#64b2eb;
	padding:1.5em 0 0.5em;
}

p.oc-row-copy4 {
	font-size:155%;
}


@media print, screen and (min-width: 768px) {
	#imgslide {
		width: 800px;
		height: 400px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
	
	#imgslide img {
		top: 0;
		left: 0;
		position: absolute;
	}
}

p.oc-row-copy3 {
	color:#64b2eb;
	padding-bottom: 1em;
}

.oc-row8 p.btn-info {
	font-size:200%;
	text-align:center;
	background-color:#ffb401;
	color:#fff;
	width:344px;
	height:48px;
	margin:2em auto;
	padding-top:0;
	padding-bottom: 0;
}

a.btn-wc {
	border-radius: 0;
	color: #fff;
	background-color: #2297e5;
	text-decoration: none;
	font-size: 175%;
	padding: 0.1em 1em;
}

a:hover.btn-wc {
	background-color: #2297e5;
	opacity: 0.8;
}

.c-heading {
	margin: 1.5em 0 0;
	padding: 0.3em 0 0.5em;
	font-weight: normal;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.2;
  }
  
.c-heading2 {
	margin: 0;
	padding: 0.3em 0 0.5em;
	font-weight: normal;
	font-size: 178%;
	text-align: center;
	line-height: 1.2;
}
  
.c-heading span {
	width: 18px;
	height: 18px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: transparent;
	border:2px solid #2297e5;
	position:absolute;
	margin:1px -30px;
}

p.pic-br {
	text-align:center;
	border-bottom:1px solid #2297e5;
	margin:0 auto;
	padding:30px 0;
}

.oc-row2 p.btn-info {
	font-size:200%;
	text-align:center;
	background-color:#ffb401;
	color:#fff;
	width:344px;
	height:48px;
	margin:2em auto;
	padding-top:0.1em;
	padding-bottom: 0;
}

.imgv2, .imglarge {
	display:block;
}

.imgv2-sp {
	display:none;
}

.imglarge img {
	display:block;
	transition-duration: 0.3s;
/*	position:absolute; */
}
/*
.imglarge img:hover {
	transform: scale(1.3);
	transition-duration: 0.3s;
}
*/
/*
.imglarge a {
	position:absolute;
	transition:0.5s;
}
*/
/*
.imglarge a:hover {
	transform: scale(1.3);
	transition-duration: 0.3s;
}
*/
.imglarge a span {
	display:none;
}

.imglarge a.balloon01 {
	background:url(../../products/surge-one-v2/images/balloon01.png) no-repeat;
	width:313px;
	height:243px;
	display:block;
	overflow:hidden;
	top:320px;
	right:380px;
}

.imglarge a.balloon02 {
	background:url(../../products/surge-one-v2/images/balloon02.png) no-repeat;
	width:192px;
	height:105px;
	display:block;
	overflow:hidden;
	top:305px;
	right:145px;
}

.imglarge a.balloon03 {
	background:url(../../products/surge-one-v2/images/balloon03.png) no-repeat;
	width:170px;
	height:102px;
	display:block;
	overflow:hidden;
	top:525px;
	right:235px;
}

.imglarge img.balloon01 {
	top:321px;
	right:372px;
	width:260px;
	height:201px;
}

.imglarge img.balloon02 {
	top:313px;
	right:101px;
	width:191px;
	height:104px;
}

.imglarge img.balloon03 {
	top:485px;
	right:192px;
	width:169px;
	height:101px;
}

.imglarge img.balloon04 {
	top:520px;
	right:150px;
	width:65px;
	height:62px;
}

.imglarge img.balloon05 {
	top:550px;
	right:70px;
	width:61px;
	height:56px;
}

.imglarge img.balloon06 {
	top:685px;
	right:405px;
	width:137px;
	height:100px;
}

.imglarge img.balloon07 {
	top:720px;
	right:265px;
	width:126px;
	height:103px;
}

.imglarge img.balloon08 {
	top:675px;
	right:90px;
	width:164px;
	height:129px;
}

.imglarge img.balloon09 {
	top:880px;
	right:330px;
	width:169px;
	height:73px;
}

.imglarge img.balloon10 {
	top:870px;
	right:205px;
	width:102px;
	height:60px;
}

.tooltip-container {
    /* Forces tooltip to be relative to the element, not the page */
    position:relative;  
    cursor:default;
}
  
.tooltip {
    display:block;
    position:absolute;
    width:max-content;
/*    padding:5px 15px;
    left:50%;
    bottom:25px;
    margin-left:-95px; */
    /* Tooltip Style
    color:#fff;
    border:2px solid rgba(34,34,34,0.9);
    background:rgba(51,51,51,0.9);
    text-align:center;
    border-radius:3px;
    /* Tooltip Style */
    opacity:0;
/*    box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3); */
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -0-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    /* Reset tooltip, to not use container styling */
    font-size:14px;
    font-weight:normal;
    font-style:normal;
}
/*  
.tooltip:before, .tooltip:after{
    content:"";
    position:absolute;
    bottom:-13px;
    left:50%;
    margin-left:-9px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid rgba(0,0,0,0.1);
}
.tooltip:after{
    bottom:-12px;
    margin-left:-10px;
    border-top:10px solid rgba(34,34,34,0.9);
}
*/  
.tooltip-container:hover .tooltip, a:hover .tooltip {
    /* Makes the Tooltip slightly transparent, Lets the barely see though it */
    opacity:0.9;
    /* Changes the scale from 0 to 1 - This is what animtes our tooltip! */
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
  
/* Custom Classes */
.tooltip-style1 {
    color:#000;
    border:2px solid #fff;
    background:rgba(246,246,246,0.9);
    font-style:italic;
}
.tooltip-style1:after{
    border-top:10px solid #fff;
}

.tooltip-container .circle {
  background-color:#f00;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 50%;
}

.tooltip1 { top:240px; left:685px; }
.tooltip2 { top:240px; left:825px; }
.tooltip3 { top:450px; left:820px; }
.tooltip4 { top:390px; left:885px; }
.tooltip5 { top:405px; left:910px; }
.tooltip6 { top:585px; left:560px; }
.tooltip7 { top:640px; left:630px; }
.tooltip8 { top:500px; left:720px; }
.tooltip9 { top:700px; left:525px; }
.tooltip10 { top:685px; left:565px; }

.tooltip1 .tooltip { top:-100px; left:-270px; }
.tooltip2 .tooltip { top:-120px; left:-40px; }
.tooltip3 .tooltip { top:-120px; left:-135px; }
.tooltip4 .tooltip { top:-105px; left:-45px; }
.tooltip5 .tooltip { top:-105px; left:-20px; }
.tooltip6 .tooltip { top:-135px; left:-120px; }
.tooltip7 .tooltip { top:-170px; left:-70px; }
.tooltip8 .tooltip { top:20px; left:-60px; }
.tooltip9 .tooltip { top:15px; left:-160px; }
.tooltip10 .tooltip { top:0; left:15px; }

@media only screen and (max-width: 1200px) {
.tooltip1 { top:240px; left:675px; }
.tooltip2 { top:240px; left:810px; }
.tooltip3 { top:430px; left:790px; }
.tooltip4 { top:375px; left:861px; }
.tooltip5 { top:395px; left:885px; }
.tooltip6 { top:560px; left:545px; }
.tooltip7 { top:610px; left:615px; }
.tooltip8 { top:485px; left:705px; }
.tooltip9 { top:675px; left:515px; }
.tooltip10 { top:655px; left:555px; }
}
@media only screen and (max-width: 1150px) {
.tooltip1 { top:200px; left:665px; }
.tooltip2 { top:220px; left:795px; }
.tooltip3 { top:420px; left:785px; }
.tooltip4 { top:360px; left:845px; }
.tooltip5 { top:380px; left:865px; }
.tooltip6 { top:545px; left:545px; }
.tooltip7 { top:595px; left:610px; }
.tooltip8 { top:465px; left:690px; }
.tooltip9 { top:650px; left:515px; }
.tooltip10 { top:640px; left:540px; }
}
@media only screen and (max-width: 1100px) {
.tooltip1 { top:215px; left:655px; }
.tooltip2 { top:210px; left:775px; }
.tooltip3 { top:395px; left:765px; }
.tooltip4 { top:345px; left:820px; }
.tooltip5 { top:365px; left:840px; }
.tooltip6 { top:515px; left:530px; }
.tooltip7 { top:565px; left:595px; }
.tooltip8 { top:440px; left:665px; }
.tooltip9 { top:620px; left:495px; }
.tooltip10 { top:605px; left:520px; }
}
@media only screen and (max-width: 1050px) {
.tooltip1 { top:200px; left:640px; }
.tooltip2 { top:200px; left:760px; }
.tooltip3 { top:370px; left:745px; }
.tooltip4 { top:325px; left:795px; }
.tooltip5 { top:340px; left:815px; }
.tooltip6 { top:485px; left:520px; }
.tooltip7 { top:535px; left:575px; }
.tooltip8 { top:420px; left:640px; }
.tooltip9 { top:590px; left:480px; }
.tooltip10 { top:575px; left:505px; }
}
@media only screen and (max-width: 1000px) {
.tooltip1 { top:190px; left:610px; }
.tooltip2 { top:190px; left:720px; }
.tooltip3 { top:355px; left:700px; }
.tooltip4 { top:310px; left:750px; }
.tooltip5 { top:325px; left:765px; }
.tooltip6 { top:465px; left:485px; }
.tooltip7 { top:510px; left:545px; }
.tooltip8 { top:400px; left:600px; }
.tooltip9 { top:555px; left:435px; }
.tooltip10 { top:545px; left:470px; }
}
@media only screen and (max-width: 950px) {
.tooltip1 { top:185px; left:600px; }
.tooltip2 { top:185px; left:700px; }
.tooltip3 { top:340px; left:685px; }
.tooltip4 { top:290px; left:730px; }
.tooltip5 { top:305px; left:745px; }
.tooltip6 { top:440px; left:475px; }
.tooltip7 { top:485px; left:530px; }
.tooltip8 { top:375px; left:585px; }
.tooltip9 { top:530px; left:425px; }
.tooltip10 { top:520px; left:450px; }
}
@media only screen and (max-width: 900px) {
.tooltip1 { top:170px; left:570px; }
.tooltip2 { top:170px; left:665px; }
.tooltip3 { top:320px; left:645px; }
.tooltip4 { top:275px; left:685px; }
.tooltip5 { top:290px; left:700px; }
.tooltip6 { top:415px; left:440px; }
.tooltip7 { top:460px; left:495px; }
.tooltip8 { top:355px; left:540px; }
.tooltip9 { top:500px; left:395px; }
.tooltip10 { top:495px; left:415px; }
}
@media only screen and (max-width: 850px) {
.tooltip1 { top:160px; left:530px; }
.tooltip2 { top:160px; left:620px; }
.tooltip3 { top:300px; left:595px; }
.tooltip4 { top:260px; left:640px; }
.tooltip5 { top:270px; left:645px; }
.tooltip6 { top:390px; left:405px; }
.tooltip7 { top:430px; left:455px; }
.tooltip8 { top:335px; left:495px; }
.tooltip9 { top:470px; left:350px; }
.tooltip10 { top:465px; left:375px; }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
.tooltip1 { top:155px; left:505px; }
.tooltip2 { top:155px; left:590px; }
.tooltip3 { top:290px; left:565px; }
.tooltip4 { top:245px; left:605px; }
.tooltip5 { top:260px; left:610px; }
.tooltip6 { top:370px; left:380px; }
.tooltip7 { top:415px; left:425px; }
.tooltip8 { top:320px; left:465px; }
.tooltip9 { top:455px; left:325px; }
.tooltip10 { top:445px; left:350px; }
}


@media only screen and (max-width: 767px) {
.block-white h1 img {
	width:90%;
}

.block-white p,
.block-lblue p,
.block-gray2 p {
	padding:0 1em;
}

.block-white p.btn-info,
.block-lblue p.btn-info {
	width:80%;
	margin:1em auto;
}

p.pic3 {
	width:90%;
	margin:0 auto;
	padding: 2em 0;
}

#imgslide {
    width: 100%;
    height: 30vh;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#imgslide img {
    top: 0;
    left: 0;
    position: absolute;
}

.imgv2, .imglarge {
	display:none;
}

.imgv2-sp {
	display:block;
}

p.pic-br {
	width: 90%;
}

.c-heading {
	line-height: 1.5;
}

.c-heading span {
	width: 10px;
	height: 10px;
	margin:10px -20px;
}

.tooltip-container {
	display:none;
}

}
/*
#login,#use,#safe {
	margin-top: -118px;
	padding-top: 118px;
}
*/


/* animation */
.demo_item{
	width: 85px;
    height: 85px;
    border-radius: 10px;
    background-image:url(../../products/surge-one-v2/images/icon-movie.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    

}
/*
.demo_item.anime{
    animation-name: upDown;
    animation-iteration-count: infinite;
    animation-duration: 0.1s;
    animation-direction: alternate;
    animation-timing-function: steps(2);
    transition-duration: .3s;
    transition-property: transform;
}
*/

.demo_stage{
    position: relative;
/*
    width: 100%;
    height: 65px;
*/
    top: 355px;
    display: block;
}


.demo_wrap{
	display: block;
    position: absolute;
    top: 20px;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
	margin-right: -25px;
}

.demo_wrap[data-order="left"] {
    animation-name: GoLeft;
}
.demo_wrap[data-order="right"] {
    animation-name: GoRight;
}
.demo_wrap[data-order="down"] {
    animation-name: GoDown;
}

[data-order="right"] > .demo_item {
/*    transform: rotateY(180deg); */
}

@keyframes GoLeft {
    0% {
        right: 10%;
    }
    100% {
        right: 90%;
    }
}
@keyframes GoRight {
    0% {
        right: 60%;
    }
    100% {
        right: 50%;
    }
}
@keyframes GoDown {
    0% {
        right: 50%;
        top: 18px;
    }
    100% {
        right: 50%;
        top: 100px;
    }
}

@keyframes upDown {
    0% {
        top: 0;
    }
    100% {
        top: 3px;
    }
}

/*-----------------------------
	UR-X / Xi
-------------------------------*/
.iconnav {
	background:#ebebeb;
	padding:1.5em 0 0;
}

.iconnav a {
	text-decoration:none;
	color:#323232;
	font-weight:bold;
}

.iconnav a img {
	vertical-align:baseline;
}

.iconnav .container {
	width:1200px;
}

.iconnav .product-icon {
	display:inline-block;
	width:19.5%;
	margin-bottom:1em;
	text-align:center;
}

.block-black {
	padding:4em 0;
	background:#000;
}

.block-gray {
	padding:4em 0;
	background:#323232;
}

.block-black-eyecatch {
	padding:0 0 4em;
}

.container-bg-ur-x {
	background:url(../../products/ur-x/images/bg-urx01.png) no-repeat top center;
	background-size: contain;
}

h1.heading-copy {
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	color:#fff;
	line-height:1.1;
	padding:4em 0 0;
}

h1.heading-copy span.gold {
	color: #ffc20f;
/*  background: -webkit-linear-gradient(90deg, #DA8E00, #EDAC06, #F7DE05, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
	font-size:135%;
}

h1.heading-copy span.white {
	font-size:135%;
}

h2.oc-heading-yellow {
	color:#ffb400;
}

.block-black h2.oc-heading span.fc-white,
.block-gray h2.oc-heading span.fc-white {
	color:#fff;
	-webkit-text-fill-color:#fff;
}

.block-black p,
.block-gray p {
	font-size:114%;
	color:#fff;
}

p.caption {
	font-size:250%;
}

p.caption2 {
	font-size:200%;
}

.list-box {
	border-top:1px solid #fff;
	padding:.5em 0 1.5em;
	width:45% !important;
}

.list-box-left {
	margin-right:4em;
}

.block-black h1.oc-heading-l,
.block-black h3.spec,
.block-black h4.spec {
	color:#fff;
}

.block-black h3.spec {
	margin-top:1em;
}

.block-black table.spec-en td,
.block-black table.spec-en-slim td {
	border:1px solid #fff;
	color:#fff;
}

.block-black table.spec-en td.sub,
.block-black table.spec-en-slim td.sub {
	background:#3c3c3c;
	color:#fff;
}

.block-black table.spec-en td.sub2 {
	background:#6c6c6c;
}

.block-black #download dl {
	color: #fff;
	float:left;
	width:280px;
	padding-right:40px;
}

.block-black #download dl.fst-line {
	width:auto;
}

.block-black #download dl.last {
	padding-right:0;
}

.block-black #download dl.center {
	margin-left:22.8em;
	float:unset;
	padding:0;
}

.block-black #download dt {
	padding:10px 0;
	border-bottom: 1px solid #fff ;
	color: #fff;
}

.block-black #download dd {
	padding:3px 0;
}

.block-black #download dt:first-child + dd {
	padding-top:10px;
}

.block-black-fl p, .block-gray-fl p { font-size:120%; }
.block-black-fl p.caption { font-size: 250%;}
.block-black-fl table th, .block-black-fl table td { /*font-size:125%;*/ font-size: 14px; }
.block-black-fl .oc-heading-l { font-size: 285%; }
.block-black-fl h3.spec { font-size: 195%; }
.block-gray-fl .list-box { font-size:120%; }

a.glow {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	position: relative;
	z-index: 1;
	transition: all .3s ease 0s;
}

a.glow:hover {
	text-shadow:2px 2px 30px #fff;
	transform: scale(1.2);
}

#ne, #pacs {
	padding-top:118px;
	margin-top:-118px;
}

.mt-20 { margin-top:-2em; }
.mt-50 { margin-top:-5em; }
.pb10 { padding-bottom:1em; }
.pb20 { padding-bottom:2em; }

@media screen and (min-width: 0px) and (max-width: 768px) {
.iconnav {
	display:none;
}

.container-bg-ur-x img {
	margin-top:2em;
}

.container-bg-ur-x p.caption {
	width:100%;
	margin:-1.5em 0 0 0;
}
	
h1.heading-copy {
	text-align:center;
	font-size:175%;
	padding:1em 0 0;
}

h1.heading-copy span.gold {
	padding-right:0;
}

.block-black p,
.block-gray p,
.block-lgray p {
	width:90%;
	margin:1em auto;
}

.list-box {
	width:90% !important;
	padding:1.5em;
	margin:0 1em;
}

.block-black #download dl.center {
	margin-left:0;
}

}

/*-----------------------------
	UR-NEXT4K
-------------------------------*/
.eyecatch-urnext4k {
	height:calc(100vh - 150px);
}

h1.heading-copy-stack {
	line-height:0;
	position:relative;
	z-index:20;
	top:1em;
	left:-3em;
	font-size:250%;
}

.smooth {
  clip-path: inset(0 100% 0 0);
  transition: 10.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
  line-height: 1;
  height: 40px;
}

.smooth.is-animated {
  clip-path: inset(0);
}

.pic-urnext4k {
	position:relative;
	top:-9em;
	left:20em;
}

.pic-stack-urnext4k {
	position:absolute;
	opacity:0;
}

.delayed-image {
 	animation: fadeIn 5s ease 2s 1 normal forwards;
    -webkit-animation: fadeIn 5s ease 2s 1 normal forwards;
}

.delayed-image2 {
 	animation: fadeIn 5s ease 6s 1 normal forwards;
    -webkit-animation: fadeIn 5s ease 6s 1 normal forwards;
}

.delayed-image3 {
 	animation: fadeIn 5s ease 10s 1 normal forwards;
    -webkit-animation: fadeIn 5s ease 10s 1 normal forwards;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@media screen and (min-width: 0px) and (max-width: 812px) {
	.eyecatch-urnext4k {
		height:calc(100vh - -70px);
	}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
	h1.heading-copy-stack {
		top:0;
		left:0;
		line-height:1.3;
		height:130px;
	}
	
	.pic-urnext4k {
		top:12em;
		left:unset;
	}
	
	.pic-stack-urnext4k {
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
	}

}

.oc-heading-gradation-blue {
	color: #64b2eb;
	font-size: 310%;
	background-image: linear-gradient(
		345deg,
		hsl(198deg 76% 63%) 0%,
		hsl(200deg 71% 53%) 3%,
		hsl(202deg 91% 42%) 6%,
		hsl(208deg 92% 38%) 10%,
		hsl(204deg 100% 39%) 15%,
		hsl(199deg 100% 44%) 21%,
		hsl(196deg 88% 53%) 28%,
		hsl(196deg 88% 53%) 36%,
		hsl(199deg 100% 44%) 47%,
		hsl(204deg 100% 39%) 58%,
		hsl(211deg 84% 38%) 71%,
		hsl(211deg 87% 36%) 83%,
		hsl(211deg 90% 33%) 93%,
		hsl(211deg 94% 31%) 100%
	  );
/*
	background-image: linear-gradient(
		345deg,
		hsl(198deg 76% 63%) 0%,
		hsl(197deg 82% 63%) 3%,
		hsl(196deg 88% 64%) 6%,
		hsl(196deg 94% 64%) 10%,
		hsl(196deg 95% 63%) 15%,
		hsl(196deg 95% 62%) 21%,
		hsl(196deg 94% 60%) 28%,
		hsl(196deg 88% 53%) 36%,
		hsl(199deg 100% 44%) 47%,
		hsl(204deg 100% 39%) 58%,
		hsl(211deg 84% 38%) 71%,
		hsl(211deg 87% 36%) 83%,
		hsl(211deg 90% 33%) 93%,
		hsl(211deg 94% 31%) 100%
	  );
*/
	  /*
	background: -webkit-linear-gradient(-45deg, #1061b6, #4acdfb, #38c7f9, #59bee8, #1061b6, #01b1f0, #4acdfb, #38c7f9, #59bee8 );
*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

/* amp custom */
.compari-buttons {
	align-items:center;
	display:flex;
/*	justify-content:flex-end; */
	margin-bottom:1rem;
}

.compari-buttons p {
	margin-right:1em;
}

.sp-only .compari-buttons {
	justify-content:center;
}

.compari-button {
	width:111px;
	height:34px;
	border:none;
	margin:0 .2em;
}

.compari-1080p {
	background:url(../../products/ur-next4k/images/btn-1080p.png) no-repeat;
}

.compari-ntsc {
	background:url(../../products/ur-next4k/images/btn-ntsc.png) no-repeat;
}

.compari-label {
	background:#3c3c3c;
	border-radius:.5rem;
	color:#fff;
	font-size:1.2rem;
	font-weight:500;
	line-height:1;
	padding:.5rem 1rem;
	top:.5rem;
}

.compari-label.first {
	left:.5rem;
}

.compari-label.second {
	right:.5rem;
}
/* amp custom (end)*/

.visually-hidden {
	position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

.rotate-arrow {
/*	background:url(../../products/ur-next4k/images/circlearrow.png) no-repeat;*/
	position:relative;
	top:-25em;
	margin-bottom: -25em;
	text-align:center;
}

@media screen and (min-width: 0px) and (max-width: 812px) {
	.compari-buttons p {
	    margin-right:0;
	}

	.compari-button {
	    width:125px;
	}
	.rotate-arrow {
		top:-11em;
		margin-bottom: -11em;
	}

}


/*-----------------------------
	UR-X
-------------------------------*/
.section h1 {
	padding:2em 0 0;
}

.section h1 img {
	padding-bottom:0.1em;
}

.section h1 img.product-name {
	padding:0.3em 0 0.5em;
}

.section .product-pic {
	text-align:center;
	padding-bottom:2em;
}

.section .product-pic img {
	width:35%; 
}
/*
.section .pic-product {
	background: url(../../products/ur-x/images/pic-product.png) center 81% no-repeat;
	background-size:45%;
	height:63%;
}
*/
/*
#section2 .pic-product-btn {
	background:url(../../products/ur-x/images/pic-product-btn.png) center no-repeat;
	background-size:45%;
	animation:btn-display 1 3s;
}
*/
/*
#section3 .pic-product-btn {
	background:url(../../products/ur-x/images/pic-product-btn.png) center 85% no-repeat;
	background-size:45%;
}
*/
/*
@keyframes btn-display{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
*/
/*
#section2 .wh-display {
	animation: display 1 3s;;
	visibility:visible;
}

@keyframes display {
	0% {
		visibility:hidden;
	}
	100% {
		visibility:hidden;
	}
}
*/

.bar-black-l{
  max-width: 50%;
  width: 100%;
  padding: 1% 1% 2% 25%;
  margin: 1.5em 0;
  animation: bar-black-l-animation 1 1s;
  background: #000;
  position:relative;
  text-align:center;
}

.bar-black-r{
  max-width: 50%;
  width: 100%;
  padding:1.5% 25% 1.5% 1%;
  margin: 1.5em 0;
  animation: bar-black-r-animation 1 1s;
  background: #000;
  position:relative;
  right:-24%;
  text-align:center;
}

@keyframes bar-black-l-animation{
  0%{
    left: -100%;
  }
  100%{
    left: 0%;
  }
}

@keyframes bar-black-r-animation{
  0%{
    right: -100%;
  }
  100%{
    right: -24%;
  }
}

.bar-white-l,
.bar-blue-l,
.bar-red-l{
  max-width: 50%;
  width: 100%;
  padding: 1.5% 1% 1% 25%;
  margin: 1.5em 0;
  position:relative;
  text-align:center;
  animation:display;
}

.bar-white-r,
.bar-orange-r,
.bar-green-r{
  max-width: 50%;
  width: 100%;
  padding: 1.5% 25% 1% 1%;
  margin: 1.5em 0;
  position:relative;
  right:-24%;
  text-align:center;
}

.text-l {
	text-align:center;
	position:relative;
	opacity:0;
}

.text-r {
	text-align:center;
	position:relative;
	opacity:0;
}

.ltor {
  animation: bar-l-animation 1 1s forwards;
  animation-delay:1s;
}

.rtol {
  animation: bar-r-animation 1 1s forwards;
  animation-delay:1s;
}

.lbtor {
  animation: bar-blue-animation 1 1s forwards;
  animation-delay:1s;
}

.lrtor {
  animation: bar-red-animation 1 1s forwards;
  animation-delay:1s;
}

.rotol {
  animation: bar-orange-animation 1 1s forwards;
  animation-delay:1s;
}

.rgtol {
  animation: bar-green-animation 1 1s forwards;
  animation-delay:1s;
}

.text-ltor {
  animation: text-l-animation 1 1s forwards;
  animation-delay:1s;
}

.text-rtol {
  animation: text-r-animation 1 1s forwards;
  animation-delay:1s;
}

@keyframes display{
  0%{
    visibility: hidden;
  }
  100%{
    visibility: visible;
  }
}

@keyframes bar-l-animation{
  0%{
    left: -100%;
    background: #fff;
  }
  100%{
    left: 0%;
    background: #fff;
  }
}

@keyframes bar-r-animation{
  0%{
    right: -100%;
    background: #fff;
  }
  100%{
    right: -25%;
    background: #fff;
  }
}

@keyframes bar-blue-animation{
  0%{
    left: -100%;
    background: #005ab4;
  }
  100%{
    left: 0%;
    background: #005ab4;
  }
}

@keyframes bar-red-animation{
  0%{
    left: -100%;
    background: #be0082;
  }
  100%{
    left: 0%;
    background: #be0082;
  }
}

@keyframes bar-orange-animation{
  0%{
    right: -100%;
    background: #e65000;
  }
  100%{
    right: -24%;
    background: #e65000;
  }
}

@keyframes bar-green-animation{
  0%{
    right: -100%;
    background: #008c5a;
  }
  100%{
    right: -24%;
    background: #008c5a;
  }
}

@keyframes text-l-animation{
  0%{
    left: -100%;
	opacity:1;
  }
  100%{
    left: 0%;
	opacity:1;
  }
}

@keyframes text-r-animation{
  0%{
    right: -100%;
	opacity:1;
  }
  100%{
    right: 0%;
	opacity:1;
  }
}

#section1 .text-l {
	animation: text-l-animation 1 1s;
	opacity:1;
}

#section1 .text-r {
	animation: text-r-animation 1 1s;
	opacity:1;
}

#section1 p{
	position:relative;
	bottom:-9%;
}

#section1 p img {
	-webkit-animation: scroll 1.5s infinite;
	animation: scroll 1.5s infinite;
	box-sizing: border-box;
	animation-delay:1.5s;
	opacity:0;
}

#section2 p img {
	-webkit-animation: scroll 1.5s infinite;
	animation: scroll 1.5s infinite;
	box-sizing: border-box;
	animation-delay:3s;
	opacity:0;
}

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
}
@keyframes scroll {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(0, 20px);
		opacity: 0;
	}
}

.product-pic,
.product-copy01,
.product-copy02 {
    opacity: 0;
}

.show01 {
  animation: product-animation 1 5s forwards;
}

.show02 {
  animation: product-animation 1 3s forwards;
  animation-delay:3s;
}

.show03 {
  animation: product-animation 1 2s forwards;
  animation-delay:6s;
}

.show04 {
  animation: product-animation 1 2s forwards;
  animation-delay:8s;
}


@keyframes product-animation{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.no-display .container {
	display:none;
}

.no-display .site-info {
	position:absolute;
	z-index:3;
	bottom:0;
	background:#000;
	width:100%;
}

.no-display .site-info .container {
	display:block !important;
	padding:0 !important;
}

/*
@media screen and (min-width: 0px) and (max-width: 1024px) {
#section3 .pic-product-btn {
	background:url(../../products/ur-x/images/pic-product-btn.png) center 68% no-repeat;
	background-size:45%;
}
}
*/

@media screen and (min-width: 0px) and (max-width: 768px) {
.section h1 img {
	width:80%;
}

.section h1 img.product-name {
	width:30%;
}

.section .product-pic img {
	width:80%;
}
/*
#section2 .pic-product-btn {
	background:url(../../products/ur-x/images/pic-product-btn.png) center no-repeat;
	background-size:80%;
}

#section3 .pic-product-btn {
	background:url(../../products/ur-x/images/pic-product-btn.png) center 71% no-repeat;
	background-size:80%;
}
*/
.bar-black-l{
    max-width: 68%;
	padding-right:14%;
	padding-left:16%;
}

.bar-black-r{
    max-width: 90%;
	right:-2%;
    padding:0 3% 0 5%;
}

#section1 p{
	bottom:-5%;
}

.bar-white-l,
.bar-blue-l,
.bar-red-l{
    max-width: 90%;
	padding:1.5% 0 1% 27%;
}

.bar-white-r,
.bar-orange-r,
.bar-green-r{
    max-width: 90%;
    padding: 1.5% 5% 1% 0;
}

.no-display .site-info {
	padding:0 !important;
}

@keyframes bar-black-r-animation{
  0%{
    right: -100%;
  }
  100%{
    right: -2%;
  }
}

@keyframes bar-blue-animation{
  0%{
    left: -100%;
    background: #005ab4;
  }
  100%{
    left: -22%;
    background: #005ab4;
  }
}

@keyframes bar-red-animation{
  0%{
    left: -100%;
    background: #be0082;
  }
  100%{
    left: -22%;
    background: #be0082;
  }
}

@keyframes bar-orange-animation{
  0%{
    right: -100%;
    background: #e65000;
  }
  100%{
    right: -5%;
    background: #e65000;
  }
}

@keyframes bar-green-animation{
  0%{
    right: -100%;
    background: #008c5a;
  }
  100%{
    right: -5%;
    background: #008c5a;
  }
}

}

/*
@media screen and (min-width: 0px) and (max-width: 479px) {
#section3 .pic-product-btn {
	background:url(../../products/ur-x/images/pic-product-btn.png) center 63% no-repeat;
	background-size:80%;
}
}
*/

@media screen and (min-width: 0px) and (max-width: 479px) {
.bar-white-l,
.bar-blue-l,
.bar-red-l{
	padding:1.5% 3% 1% 27%;
}

.bar-white-r,
.bar-orange-r,
.bar-green-r{
	padding:1.5% 5% 1% 3%;
}

@keyframes bar-orange-animation{
  0%{
    right: -100%;
    background: #e65000;
  }
  100%{
    right: -2%;
    background: #e65000;
  }
}

@keyframes bar-green-animation{
  0%{
    right: -100%;
    background: #008c5a;
  }
  100%{
    right: -2%;
    background: #008c5a;
  }
}

}


/*お問い合せ*/


hr {
	border:solid #4a5e6f;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:20px 0;
	clear:both;
	/*width:700px;*/
}

.inquiry-left{ float:left; width:200px; margin:0;}
.inquiry-left p { margin:0 0 0 10px;}
.inquiry-right{ float:left; width:480px; margin:0;}

.contact { 
    margin:0 0 30px;
}

/*サイトマップ*/
.row {
	/* 文字と画像を横並びにするときに使用。clearfixと同等の効果 */
	overflow: hidden;
	*zoom: 1;
}

.alignleft {
	float: left;
	margin: 0 20px 0.5em 0;
}

#sitemap {
	margin-top:3em;
	margin-bottom:5em;
}

#sitemap ul {
	padding-left:2em;
}

#sitemap ul li {
	margin:0.5em 0;
	list-style-image:none;
}

#sitemap ul li a {
	color:#262626;
	text-decoration:none;
}

#sitemap ul li a:hover {
	color:#64b2eb;
	text-decoration:none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
#sitemap ul li {
	margin:2em 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
#sitemap ul li {
	margin:2em 0;
}
}
/*会社概要*/
table.about-us th {
	text-align: left;
	color: #000;
	border-bottom:1px solid #c8c8c8;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}

table.about-us td {
	text-align: left;
	color: #000;
	border-bottom:1px solid #c8c8c8;
	padding: 0.5em;
}

#contents table.about-us ul {
	margin-left:18px;
}

table.about-us2 td {
	text-align: left;
	color: #000;
	border-bottom:none;
	padding: 0.5em 0.5em 0 0;
	vertical-align:top;
}

#contents table.about-us2 ul {
	margin-left:18px;
}

table.about-us3 {
	margin-bottom:10em;
}

table.about-us3 th {
	text-align: left;
	color: #000;
	border-bottom:1px solid #c8c8c8;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}

table.about-us3 td {
	text-align: left;
	color: #000;
	border-bottom:1px solid #c8c8c8;
	padding: 0.5em;
}

table.about-us4 {
	margin-bottom:0;
}

table.about-us4 th {
	text-align: left;
	color: #000;
	border-top:none;
	border-bottom:1px solid #c8c8c8;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: top;
}

table.about-us4 th.head {
	border-bottom:none;
	font-size:1.3em;
}

table.about-us4 td {
	text-align: left;
	color: #000;
	border-bottom:none;
	padding: 0.5em 0 1.5em;
}

table.about-us4 td.pic {
	vertical-align:top;
}

p.about-us2-slim {
	display:none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
table.about-us2 {
	display:none;
}

p.about-us2-slim {
	display:block;
}

}
/*医療への取り組み*/
#contents .p {
	font-size:12px;
}
.head {
	color: #666;
}
/*FAQ*/
#list-category ul {
	padding-left:0;
}

#list-category ul li {
	background-color:#2297e5;
	color:#fff;
	display:inline-block;
	margin-right:10px;
	width:120px;
	text-align:center;
}

#list-category ul li a {
	color:#fff;
	text-decoration:none;
	padding:5px 20px;
	display:block;
}

#list-category ul li a::after {
  content: '';
  display: inline-block;
  position: relative;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 10px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 6px solid transparent;
}

dl.faq{ margin: 30px 0; }

dl.faq dt {
	margin: 0 0 0.5em;
	padding-left:1.5em;
	text-indent:-1.5em;
	font-weight: bold;
	font-size: 115%;
	color:#2297e5;
}

dl.faq dd {
	margin: 0 0 2em;
	font-size: 100%;
	border-bottom:1px solid #67b3e9;
	padding-bottom:30px;
}

dl.faq dd p {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.term-of-use {
	list-style-type: decimal;
	text-indent: -1.5em;
	padding-left: 2.5em;
	padding-top: 10px;
	list-style-position: inside;
	margin-left: 0px;
}

.p01 {
	padding-top: 10px;
}

/* keyword search */
.search-area input[type="text"] {
  padding: 5px 5px 3px;
  font-size: 16px;
  border: 1px solid #D6D6D6;
}

.search-area input[type="text"]:focus {
  background: #F9F9F9;
}

.search-result {
  margin-top: 20px;
}
.hit-num__text span {
  font-weight: bold;
}
#search-result__list {
  margin-top: 15px;
}
#search-result__list span {
  display: inline-block;
  margin-right: 15px;
  padding: 5px;
  background: #F2F2F2;
}
.target-area {
  margin-top: 50px;
}
.target-area .hidden {
  display: none
}


/*-----------------------------
	UR-Stream
-------------------------------*/
.addpic-urstream {
	background:url(../../products/ur-stream/images/pic-urstream-10.png) no-repeat right;
	background-size:45%;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
.addpic-urstream {
	background:none;
}
}

/*--------------------------------------
	SCROLL-NAV
--------------------------------------*/
#scroll-nav {
  position: fixed;
  bottom: 0.5em;
  right: 0.5em;
  line-height: 1;
  font-size: 3em;
  color: #333;
  color: rgba(0,0,0,0.75);
  cursor: pointer;
  transition: color 0.25s ease;
  z-index: 9998;
  text-align:center;
}

#scroll-nav a {
	color:#67b3e9;
	text-decoration:none;
}

#scroll-nav a:hover {
  color: #9dcae9;
}

#scroll-nav span {
	font-size:30%;
}

/*-----------------------------
	固定サイドバナー
-------------------------------*/
.side_bnr{
  position: relative;
  margin: 0 auto;
  display: none;
}
.side_bnr .side_bnr_img{
  position: fixed;
  bottom: 75px;
  right:0; 
  z-index: 88;
}
.side_bnr_img_inner{
  box-sizing:border-box;
}
.side_bnr .side_bnr_img_inner a{
  display: block;
}
.side_bnr .side_bnr_img p.close{
  position: absolute;
  right: 0;
  top:10px;
}
.side_bnr .side_bnr_img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.side_bnr .side_bnr_img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.side_bnr .side_bnr_img p.close a i{
  font-size: 15px;
  z-index: 888;
  color:#fff;
}
.side_bnr .side_bnr_img p.close a i.gray{
	color:#b4b4b4;
}
  
@media screen and (min-width: 0px) and (max-width: 768px) {
.side_bnr .side_bnr_img img {
	width:60%;
	position:relative;
	right:-105px;
}
}

/*-----------------------------
	Firmware DownLoad
-------------------------------*/
.g-recaptcha {
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	width:300px;
	margin-top:20px;
	margin-bottom:20px;
}

.recap .error {
	text-align:center;
	margin-bottom:2em;
}