.for-PC{display:none;}
.for-SP{display:block;}
#footer small{margin-top: 30px!important;}
body{background-color:#fff}
header,
section#mainIMG .topmain,
section#top-products,
section#features,section#news,
section#inPreparation,
section#company,
section#support,
section#contact,
footer #footer{max-width:100%;width:100%}
.container{padding-top:0px}
header{padding:10px 0;background-color:#fff;position:fixed;top:0;z-index:100}
header .logo{width:60%}
section#news dl dd{white-space:normal}
section#mainIMG{background-image: none;}
section#mainIMG .topmain .warranty{right:auto;left:2%;top:-85px;width:35%}
section#mainIMG .topmain .mainSSD{width:auto;margin-top:0px}
section#mainIMG .bx-wrapper { padding: 80px 0 0 0; }
header #nav-left{right:-60%;left:auto;top:0;height:100%;position:fixed;background:#fff;text-align:center;width:60%;opacity:0.95;padding-top:60px;-webkit-transition:.35s ease-in-out;transition:.35s ease-in-out}
section#mainIMG .topmain h2.one,
section#mainIMG .topmain h2.two,
section#mainIMG .topmain h2.three,
section#mainIMG .topmain h2.four {
    font-size: 140%;
	bottom: 10px;
    top: auto;
    text-align: center;
    right: 0;
	left: 0;
    margin: 0;
}
section#mainIMG .topmain h2.two { bottom: 25px; }
section#mainIMG .topmain h2.three { bottom: 98px; }
section#mainIMG .topmain h2.four { bottom: 25px; color: #fff; }
section#mainIMG .topmain h2.one span {
	margin-top: 5px;
}

header li{display:block;margin-bottom: 40px;font-weight: 200;font-size: 140%;}
section#features dl{width:97%;margin-bottom:40px}
section#top-products ul li:first-child{margin-top:0}
section#top-products ul li{width:100%}
section#top-products ul li img{margin-top:5px;margin-bottom:0}
section#inPreparation,
section#news,
section#company,
section#support,
section#contact,
section#recruit,
section#products{margin-top:80px}
section#support input,
section#support textarea,
section#contact input,
section#contact textarea{width:95%; border:1px solid #ccc; padding: 3px 5px;}
section#support table td input#addressnumber1,
section#support table td input#addressnumber2,
section#contact table td input#addressnumber1,
section#contact table td input#addressnumber2 {width:42%;}
section#support table td,
section#contact table td{word-break:break-all;width:100%}
#nav-toggle{position:fixed;top:15px;right:15px;height:32px;display:block;margin-top:5px;z-index:101}
#nav-toggle span{width:100%;height:2px;left:0;display:block;background:#033560;position:absolute;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}
#nav-toggle span:nth-child(1){top:0}
#nav-toggle span:nth-child(2){top:11px}
#nav-toggle span:nth-child(3){top:22px}
#nav-toggle>div{position:relative;width:32px}
.open #nav-toggle span:nth-child(1){top:11px;transform:rotate(45deg)}
.open #nav-toggle span:nth-child(2){width:0;left:50%}
.open #nav-toggle span:nth-child(3){top:11px;transform:rotate(-45deg)}
.open #nav-left{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}


section#top-products { margin-top: 60px; }
section#products img.ttl { width: 90%; }
section#products img.warranty { display: none; }
section#products ul#submenu { text-align: left; margin-left: -2%; width: 104%; }
section#support ul#submenu li,
section#products ul#submenu li { margin: 0 5px 5px 5px; width: 100%; }
section#products ul#submenu .accshow li { background: none; }
section#products ul#child-category { margin-bottom: 20px;}
section#products ul#child-category li { padding: 5px 0; margin: 0 1% 10px 1%; width: 47.4%; line-height: 1.2;}
.bx-wrapper .bx-pager { bottom: -20px!important; }
section#products .mainTXT { font-size: 120%; padding: 0 5%; text-align: left; font-weight: 300;}
section#products #spec { margin-top: 40px; }
section#products #spec ul { margin: 20px auto; }
section#products #spec ul.pict { margin-top: 40px; }
section#products #spec ul.pict li { width: 48%; margin: 2px 0% 2px 1%; }
section#products #spec ul.discription { width: 90%; }
section#products #spec dl { width: 96%; }
section#products #spec dl dt,
section#products #spec dl dd { display: block; width: 100%; }
section#products #spec dl dt.line2 {
	line-height: 100%;
}

section#products #check { width: 96%; }
section#products #check .table-scroll { overflow-x: scroll; }

section#products p.ttl_sub_category { text-align: center; }


section#products h3.seihin_title span.series_name{
	width: 100%;
}

section#products #spec table.products_spec{
	width: 100%;
}

section#products #spec table.products_spec th,
section#products #spec table.products_spec td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.supplement{text-align: left; font-size: 12px; width: 100%; margin: 16px auto 0px;}

.shubai{
	width: 95%;
}

.online_senbai{
	width: 95%;
}

section#support ul#submenu { text-align: left; }
section#support ul#submenu li { margin-left: 5px; display: block; }

section#support input#birth1 { width: 80%; }
section#support select#birth2,
section#support select#birth3 { border: 1px solid #ccc; margin: 5px 0; }

section#recruit h3,
section#recruit h4,
section#recruit dd { width: 100%; }
section#recruit h3 { margin-bottom: 20px; }

.accbox label {
	width: 100%;
    padding: 0 2%;
}
.accbox label:first-child {
	margin-left: 0;
}
.accbox .accshow {
	position: static;
}
#index .accbox .accshow {
	top: 0;
	position: relative;
}
#index2 section#products ul.index_category li {
	width: 96%;
}
section#products .cssacc:checked + .accshow {
	position: absolute;
	top: 81px;
}
section#products ul.sub_category li p {
	text-align: center;
}
section#products .accbox label.close-button {
	display: block;
	position: fixed;
	right: 10px;
	top: 100px;
}

.industrial , .camera_link , .business_link {
	height: 150px;
}
.industrial span , .camera_link span , .business_link span {
	top: 50px;
}

section#support table,
section#contact table {
width: 90%;
}

section#support .thankYou,
section#contact .thankYou {
	width: 90%;
	text-align: left;
}

section#support .thankYou span.span_c,
section#contact .thankYou span.span_c {
	text-align: center;
}

footer #footer span {
  font-size: 1.2em;
	font-weight: bold;
  margin-right: 0px;
	display: block;
}

section#products #check {
	width: 100%;
	margin: 0 auto;
}

table.data_list{
	width: 100%!important;
	margin: auto;
}

table.data_list th{
width:25%;
border-bottom: 1px solid #666;
font-size: 14px;
padding: 3px 10px;
background-color: #666666;
color: #ffffff;
}
	
table.data_list td{
vertical-align: top;
border-bottom: 1px solid #666;
font-size: 14px;
padding: 3px 10px;
text-align: center;
}

table.data_list td.data_item{
	font-weight: bold;
}

.other_box p{
	font-size: 12px;
	width: 100%;
	text-align: left;
	margin: 10px auto 0px;
	line-height: 150%;
}

table.operation_check_list{
	width: 100%!important;
}

table.operation_check_list th{
width:100%!important;
}

table.operation_check_list td , table.operation_check_list th{
	display: block;
}

.width750px{
	width: 100%;
	margin: 40px auto 10px!important;
}

section#products #spec table.secure_spec th,
section#products #spec table.secure_spec td,
section#products #spec table.secure_spec td.spec_item{
	display: block;
	width: 100%!important;}

.list_hosokubox{
	margin: 25px auto 0px!important;
	width:100%;
	text-align: left;
}

#dl_info_button{
	position: fixed;
	right: 0px;
	bottom:0px;
width: 100%;
z-index: 100;}

#dl_info_button a:link, .dl_info_box a:visited{
	width: 100%;
	height: 55px;
	display: block;
	background-color: #FFA935;
	ccolor:#000000;
	background-image: url("../../img/icon_dw02.svg");
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: calc(50% - 90px) 15px;
	text-indent: 40px;
	font-size: 14px;
	padding-top: 20px;
}

#dl_info_button a:hover{
	background-color: #FFD495;
	color:#000000!important;
}

.sns_box{
	position: fixed;
	right: 10px;
	bottom:65px;
	width: 205px;
}

.twitter_icon{
	width: 60px;
	background-color: #1D9BF0;
	padding: 14px 10px 13px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 6px;
	margin-bottom: 0px;
}

.instagram_icon{
	width: 60px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 6px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.youtube_icon{
	width: 60px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 6px;
	margin-bottom: 0px;
	margin-left: 10px;
}


/* --------------------------------------------------
DOWNLOAD
-------------------------------------------------- */

.download{
	width: 100%;
	margin: 10px auto;
}

.download h4{
	background-color: #CCCCCC;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color:#000000!important;
	padding:4px 10px;
}

.download ul li{
	text-align: center;
}

.download ul li a:link , .download ul li a:visited{
	padding: 10px 20px;
	border: 1px #000000 solid;
	border-radius: 6px;
	display: block;
	margin-bottom: 10px;
	width: 100%!important;
}

.download ul li a:hover{
	border: 1px #ff8334 solid;
}

/* --------------------------------------------------
COMPANY
-------------------------------------------------- */

section#company h3{
	font-size: 20px;
	font-weight:lighter;
	border: 1px solid #000000;
	border-right: none;
	border-left: none;
	width: 60%;
	margin: 60px auto 20px;
}

section#company table {
  margin: 40px auto;
  border-top: 1px solid #ccc;
	box-sizing: border-box;
}

section#company caption {
  caption-side: bottom;
	text-align: right;
	font-weight: normal;
	font-size: 14px;
}

section#company table th,
section#company table td {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 20px;
}

/* --------------------------------------------------
NEWS
-------------------------------------------------- */

section#news dl.page {
	min-height: 400px;
	width: 90%;
	margin: 0px auto;
}

section#news dl dt {
clear:none;
  float:none;
  margin: 0 20px;
}

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

.linkbutton_box{
	display: block;
    padding: 10px 20px;
	border:#ff8334 2px solid;
    color: #ffffff;
	background-color:#ff8334;
    text-align: center;
    margin: 20px auto 0 auto;
    border-radius: 10px;
	width: 100%;
}

.linkbutton_box:hover {
	background-color: #fff0e7;
	color:#ff8334;
}