/*
Theme Name: Hoya Optics
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.2.1570861243
Updated: 2019-10-12 06:20:43

*/
.widget {
    padding-bottom: 0;
}
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.site-content {
    padding: 0 !important;
}
body,html{
	overflow-x:hidden;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,main,menu,nav,section,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article, aside, dialog, figure, footer, header, main, nav, section{
	display:block;
}

section{
}
p:last-child {
    margin-bottom: 0;
}
.section_head{
	clear: both;
	padding-top:100px;
	margin-top:-100px;
	overflow:hidden;
}

q:before{
	content:"''";
}

q:after{
	content:"''";
}

blockquote{
	background-color:#EEE;
	padding:1em;
}

cite:before { content: "『"; }
cite:after { content: "』"; }

body{
	min-width: 1120px;
	background:#0090d1;
	color:#333;
	font-size:14px;
	line-height:1.8;
	-webkit-text-size-adjust:100%;
}

body, input, select{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
a{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}

a:link{
color:#0090d1;
}
a:visited{
color:#0090d1;
}
a:hover, a:focus{
color:#0090d1;
text-decoration:underline;
}
a:active{
color:#0090d1;
}
a[href^="tel:"]{
	cursor: default;
}

img{
width:auto;
max-width:100%;
vertical-align:top;
}

ul li{
/*
list-style-position:inside;
*/
list-style-type:none;
}

ol li{
list-style-position:outside;
list-style-type:decimal;
	margin-left:1.5em;
}

nav li{
	list-style:none;
}

address{
font-style:normal;
}

strong{
font-weight:bold;
font-style:normal;
}

em{
font-weight:bold;
}

sup,sub{
font-size:10px;
line-height:1;
}

sup{
vertical-align:super;
}

sub{
vertical-align:sub;
}

small{
font-size:10px;
}

/* 下マージン */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,blockquote,pre,fieldset{
	max-height:999999px;	/* disable font-boost */
	margin-bottom:1.5em;
}
h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
}
h2, .home.blog .entry-title{
	color: #000;
}

li,caption{
margin-bottom:0.5em;
}

table{
width:100%;
border-spacing:0;
border-collapse:collapse;
}

caption{
font-weight:bold;
}

caption,th{
text-align:left;
}

th,td{
border:solid 1px #DDD;
padding:5px 20px;
}

th{
font-weight:bold;
background-color:#EEE;
text-align:left;
vertical-align:top;
}

pre{
font-family:"Courier 10 Pitch",Courier,monospace;
}

code{
font-family:Monaco,Consolas,monospace;
}

object,
embed{
vertical-align:top;
}

img,abbr,acronym{
border:0;
}

fieldset{
border:solid 1px #DDD;
padding:1em 2em;
}

legend{
}

ins{
	background-color:#fcc;
	text-decoration:none;
}

mark{
	background-color:#fcc;
	font-weight:bold;
}

del,s{
	text-decoration:line-through;
}

abbr[title], dfn[title]{
	border-bottom:1px dotted #000;
	cursor:help;
}

hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

/*** フォーム関連 ここから ***/
input, select{
	vertical-align:middle;
}

input{
	padding:3px 5px;
	border:solid 1px #CCC;
}

input[type="text"]{
}

input[type="checkbox"],
input[type="radio"]{
	margin-right:5px;
	border:none;
	vertical-align: baseline;
}

label{
	margin-right: 1em;
}

input[type="range"], input[type="file"], input[type="image"]{
	padding:0;
	border:none;
}

input[type="submit"], input[type="reset"], input[type="button"]{
	border:outset 2px #DDD;
	background-color:#DDD;
	-webkit-appearance: none;
}

input[type="file"], input[type="range"]{
	overflow:hidden;
}

textarea{
	width:95%;
	padding:3px 5px;
	border:solid 1px #DDD;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	min-height:5em;
}

select{
	padding:3px 5px;
	border:solid 1px #DDD;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
}

option{
	margin:0.3em 0;		/* IEでは効かない */
}

optgroup{
	font-style:normal;
	font-weight:bold;
}
/*** フォーム関連 ここまで ***/


/*** サイトコンポーネント ここから ***/
header{
	width: 100%;
	height:100px;
	position:fixed;
	top:0;
	background-color:#FFF;
	z-index:1000;
	box-shadow:0 3px 4px rgba(0,0,0,0.15);
}
.admin-bar header {
    top: 32px;
}
header:after{
	content:"";
	clear:both;
	display:block;
}

header p, header ul, header li{
	margin-bottom:0;
}

header a{
	text-decoration:none;
	color:#000 !important;
}

header .hco_tag_line,
#hco_gnav_2 a{
	color: #a7a8a7 !important;
	font-size: 11px;
	font-weight:bold;
}


header .hco_tag_line {
    margin: -90px 0 0 225px;
    font-weight: bold;
    font-size: 16px;
}

ul#top-menu li a:hover {
    color: #0090d1 !important;
	}
#hco_global_nav{
	position: relative;
	height:100px;
}

#hco_gnav_1{
	position:absolute;
	right: 0;
	bottom:0;
}

#hco_gnav_1 span,
#hco_gnav_1 a{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#hco_gnav_1 > li{
	float:left;
	position: relative;
	max-width:270px;
}

#hco_gnav_1 li a:hover{
	color:#0090d1 !important;
}

#hco_gnav_1 > li > span,
#hco_gnav_1 > li > a{
	display: block;
	padding:0 2.3em;
	height:50px;
	line-height:50px;
}

#hco_gnav_1 ul{
	height:0;
	overflow: hidden;
	position: absolute;
	left:50%;
	top:50px;
	width:160px;
	margin:0 0 0 -80px;
}

#hco_gnav_1 .layer_2{
	background:transparent url(/comm/wp-content/uploads/2019/10/arrow_small_b_gray.png) 90% center no-repeat;
}

#hco_gnav_1 li:hover ul{
	height:auto;
}

#hco_gnav_1 ul li{
	background-color:transparent;
	padding-top: 1px;
}

#hco_gnav_1 li li > a{
	display: block;
	background-color: #FFF;
	line-height:1.4;
	padding:10px 0 10px 20px;
	font-size: 12px;
}

#hco_gnav_1 ul li{
	opacity: 0;
	transition-property:opacity;
	transition-duration:0.3s;
}

#hco_gnav_1 li:hover li{
	opacity:1;
}


#hco_gnav_2{
	position:absolute;
	right:0;
	top:10px;
}

#hco_gnav_2 li{
	float: left;
	padding: 0 1em;
	border-left:1px solid #d9d9d9;
	line-height: 1.4;
}

#hco_gnav_2 li:first-child{
	border-left:none;
}

.hco_site_logo{
	position:absolute;
	left:0px;
	top:0;
}

.hco_site_logo img{
}

.hco_container{
	width:1120px;
	margin: 0 auto;
}

main{
	width:100%;
	min-height:500px;
	padding:100px 0 10px 0;
	background-color: #FFF;
}

.hco_title_1{
	margin:2em auto 1.5em auto;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.4;
}

.hco_title_2{
	margin:2em auto 0.5em auto;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.4;
	color: #1076ae;
}

.hco_title_2.black{
	color: #333;
}

.hco_title_3{
	margin:2em auto 1.5em auto;
	font-size:18px;
	font-weight: 500;
	line-height: 1.4;
	border-left:8px solid #fed400;
	padding-left: 10px;
}

.hco_title_4{
	margin-bottom:20px;
	text-align: center;
	color: #09afea;
	line-height: 1.4;
	font-size: 30px;
	font-weight: 500;
}
.linklist_tn .title{
	margin:0 0 10px 0;
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
}

.linklist_tn.box_4col .title{
	font-size: 16px;
}

.linklist_tn a{
	transition: opacity 0.3s;
}

.linklist_tn a:hover{
	opacity: 0.7;
}

.list_checked li{
	padding-left:25px;
	background:url(/wp-content/uploads/2019/10/ico_checked_orange.png) left 0.5em no-repeat;
}

.list_dot li{
	padding-left:15px;
	background:url(/wp-content/uploads/2019/10/lsi_dot_black.png) left 0.5em no-repeat;
	list-style-type: none;
}

.hco_btn{
	text-align: center;
	line-height: 1;
}

.hco_btn a,
.hco_btn .dummy_btn{
	width:215px;
	display: block;
	padding: 15px 0;
	background-color: #f5a700;
	transition: opacity 0.3s;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

.hco_btn a.d_i{
	padding-left:3em;
	padding-right:3em;
}

.hco_btn a.d_i img{
	vertical-align:baseline;
}

.hco_btn a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.hco_btn.clear a, .home #feature_in .hco_btn a{
	background-color:transparent;
	border:1px solid #FFF;
	background:transparent url(/wp-content/uploads/2019/10/btn_arrow_white_small_r.png) 95% center no-repeat;
}

.hco_btn.ico_microscope, .hco_btn.ico_monitor, .hco_btn.ico_datasheet, .hco_btn.ico_doc{
	margin-bottom:0.8em;
}

.hco_btn.ico_microscope a, .hco_btn.ico_monitor a, .hco_btn.ico_datasheet a, .hco_btn.ico_doc a{
	padding:21px 45px 19px 0;
	width:auto;
	background:#CCC 93% center no-repeat;
}

.hco_btn.ico_microscope a{ background-image:url(/wp-content/uploads/2019/10/ico_microscope.png);}
.hco_btn.ico_monitor a{ background-image:url(/wp-content/uploads/2019/10/ico_monitor.png);}
.hco_btn.ico_datasheet a{ background-image:url(/wp-content/uploads/2019/10/ico_datasheet.png);}
.hco_btn.ico_doc a{ background-image:url(/wp-content/uploads/2019/10/ico_doc.png);}

.hco_btn_td{
	padding:0;
}

.hco_btn_td a{
	display: block;
	width:auto;
	padding:5px 20px;
	color: #FFF;
	background:#0090d1 url(/wp-content/uploads/2019/10/btn_arrow_white_small_r.png) 97% center no-repeat;
	transition: opacity 0.3s;
}

.hco_btn_td a:hover{
	opacity: 0.7;
	text-decoration: none;
}

.box_2col{
	margin-right:-35px;
	overflow: hidden;
}

.box_2col:after{
	content:"";
	clear:both;
	display:block;
}

.box_2col .col{
	float: left;
	width:400px;
	margin-right:35px;
	margin-bottom:2em;
}

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

.box_2col_flex_col{
	flex: 0 0 48%;
}

.box_3col{
	margin-right:-23px;
	overflow: hidden;
}

.box_3col:after{
	content:"";
	clear:both;
	display:block;
}

.box_3col .col{
	float: left;
	width:358px;
	margin-right: 23px;
	margin-bottom: 2em;
}

.box_1_3rd{
	float: left;
	width:33.3%;
}
.box_2_3rd{
	float: left;
	width:66.6%;
}
.box_4col{
	margin-right:-24px;
	overflow: hidden;
}

.box_4col:after{
	content:"";
	clear:both;
	display:block;
}

.box_4col .col{
	float: left;
	width:262px;
	margin-right:24px;
	margin-bottom: 2em;
}

.box_5col{
	margin-right:-25px;
	overflow: hidden;
}

.box_5col:after{
	content:"";
	clear:both;
	display:block;
}

.box_5col .col{
	float: left;
	width:204px;
	margin-right:25px;
	margin-bottom:2em;
}

.box_5col .title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	min-height: 3em;
}

img.link_img,
.link_object{
	transition: opacity 0.2s ease-in-out;
}

img.link_img:hover,
.link_object:hover{
	opacity: 0.7;
}

#bgi_strength_2, #bgi_strength_3{
	background:url(/wp-content/uploads/2019/10/bgi_strength_2.jpg) center top no-repeat;
	background-size:100% auto;
}

#bgi_strength_2{
	background-image:url(/wp-content/uploads/2019/10/bgi_strength_2.jpg);
}

#bgi_strength_3{
	background-image:url(/wp-content/uploads/2019/10/bgi_strength_3.jpg);
	background-position: center 100px;
}

.labeled_box{
	position: relative;
	border: 1px solid #b8e5f8;
	margin-bottom:50px;
	padding:60px 0px 50px 39px;
	font-size: 16px;
}

.labeled_box:after{
	content:"";
	clear:both;
	display:block;
}

.labeled_box .label{
	position: absolute;
	display:table;
	left:10px;
	top:-5px;
	width:214px;
	height:45px;
	background-color: #0090d1;
	color: #FFF;
	text-align: center;
	line-height: 1.2;
}

.labeled_box .label p{
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}

.labeled_box .hco_title_4{
	text-align:left;
	margin-bottom: 10px;
}

.labeled_box_l{
	float:left;
	width:508px;
}

.labeled_box_r{
	float:left;
	width:520px;
	margin-left: 27px;
}

.feature_box{
	position: relative;
	border: 1px solid #b8e5f8;
	margin-bottom:30px;
	padding:40px 0px 40px 39px;
	font-size: 16px;
}

.feature_box p:last-child{
	margin-bottom: 0;
}

.label_category{
	display:inline-block;
	margin-bottom:20px;
	padding:5px 2em;
	background-color: #0090d1;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}

.label_category.orange{
	background-color: #f5a700;
}

.feature_box:after{
	content:"";
	clear:both;
	display:block;
}

.feature_box .hco_title_4{
	text-align: left;
	margin-bottom:10px;
}

.feature_box_l{
	float:left;
	width:370px;
}

.feature_box_l img{
	display: block;
	margin-bottom:5px;
}

.feature_box_r{
	float:left;
	width:655px;
}

.border_box{
	border:1px solid #CCC;
	margin-bottom: 2em;
	padding:20px 30px;
}


footer{
	clear:both;
	background-color:#0090d1;
}

#footer_m, #footer_b{
	color:#FFF;
}

footer:after{
	content:"";
	clear:both;
	display:block;
}

#footer_b p a:hover{
	text-decoration: none;
}

#footer_m a, #footer_b a{
	color:#FFF !important;
}

footer li{
	margin-bottom:8px;
}

#scroll_to_top{
	line-height:1;
	margin-bottom:0;
}

#scroll_to_top a{
	text-align: center;
	display: block;
	width: 100%;
	padding:14px 0;
	background-color:rgba(204, 204, 204, 0.3);
	transition:background-color 0.3s;
}

#scroll_to_top a:hover{
	background-color:rgba(0, 0, 0, 0.15);
}

#footer_t{
	width: 100%;
	background:url(/wp-content/uploads/2019/10/bgi_footer.jpg) 0 0 no-repeat;
	background-size: cover;
	padding-bottom: 30px;
}

#footer_t p{
	margin-bottom:0;
}


#footer_t .contact{
	margin:30px auto 0px auto ;
	padding:30px 0px;
	background-color: #fff;
}

#footer_t .contact:after{
	content:"";
	clear:both;
	display:block;
}

#footer_t .contact_title,
#footer_t .contact_tel,
#footer_t .contact_catalogue,
#footer_t .security_trade_control{
	float: left;
}

/*
#footer_t .contact_tel,
#footer_t .contact_catalogue,
#footer_t .security_trade_control{
	position: relative;
	width:215px;
	margin-right: 30px;
}
*/

#footer_t .contact_tel,
#footer_t .contact_catalogue{
	position: relative;
	width:335px;
	margin-right: 30px;
}

#footer_t .hco_btn a{
	width:335px;
}


#footer_t .contact_title{
	width:350px;
	padding: 0 0 0 30px;
	line-height: 1.3;
	padding-top: 10px;
	letter-spacing: 1px;
}

#footer_t .title_1{
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	text-align:center;
	padding-top:30px;
}

#footer_t .contact_tel .title_1{
	font-size:27px;
}

#footer_t .contact .hco_btn{
	margin:15px 0 0 0 !important;
}

#footer_t .title_1:before{
	content:'';
	display: inline-block;
	width:30px;
	height:28px;
	vertical-align: top;
	background-repeat:no-repeat;
	background-position:left center;
}

#footer_t .contact_tel .title_1:before{
	background-image:url(/wp-content/uploads/2019/10/ico_tel.png);
}

#footer_t .contact_catalogue .title_1:before{
	background-image:url(/wp-content/uploads/2019/10/ico_doc_black.png);
}

#footer_t .security_trade_control .title_1:before{
	background-image:url(/wp-content/uploads/2019/10/ico_security.png);
}

#footer_t .contact_tel .title_2{
	position: absolute;
	left: 0;
	top:-10px;
}

#footer_t .contact .hco_btn a:before{
	content:'';
	display: inline-block;
	width:24px;
	height:15px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:left center;
}

#footer_t .contact_tel .hco_btn a:before{
	background-image:url(/wp-content/uploads/2019/10/ico_mail.png);
}

#footer_t .contact_catalogue .hco_btn a:before{
	background-image:url(/wp-content/uploads/2019/10/ico_download.png);
}

#footer_t .security_trade_control .hco_btn a:before{
	background-image:url(/wp-content/uploads/2019/10/ico_link_external.png);
}

#footer_m {
    padding-top: 30px;
    display: table;
    padding-bottom: 30px;
}

footer .nav_1, footer .nav_2{
	float: left;
	font-size: 12px;
}

footer .nav_1{
	width:270px;
}

footer .nav_2{
	width:130px;
}

footer .nav_2 li.title{
	position: relative;
	height: 2em;
}
footer .nav_2 li.title a{
	width:200px;
	position: absolute;
}


footer .nav_1 strong, footer .nav_2 strong{
	font-size: 14px;
}

#footer_b{
	clear: both;
	border-top: 1px solid #5db8e1;
	padding:19px 0;
}

#footer_b:after{
	content:"";
	clear:both;
	display:block;
}

#footer_b p, #footer_b ul, #footer_b li{
	margin-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	line-height:20px;
}

#footer_b p{
	float: left;
	margin-right:330px;
}

#footer_b img{
	margin-right: 23px;
	vertical-align:bottom;
}

#footer_b li{
	float:left;
/*	width:140px; */
	padding:0 0 0 50px;
	text-align: right;
}

.hco_table_1, .hco_table_1 th, .hco_table_1 td{
	border:none;
	background-color:transparent;
}

.hco_table_1 th, .hco_table_1 td{
	padding:2px 20px;
}

.hco_table_1 th{
	position: relative;
	text-align: right;
	font-weight: bold;
}

.hco_table_1 .is_must{
	position:absolute;
	right: 0;
	top:0.4;
	color:#cc0000;
}

.hco_btn_submit{
	display: block;
	margin:30px auto 0 auto;
	padding: 15px 0;
	width:280px;
	border:none !important;
	border-radius: 4px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	background-color: #f5a700 !important;
	cursor: pointer;
	transition:opacity 300ms;
}

.hco_btn_submit:hover{
	opacity:0.7;
}

.btn_gray,
.btn_green{
	display: inline-block;
	width:auto;
	height:57px;
	line-height: 57px;
	margin:0 5px 2em 5px;
	padding:0 2em;
	background-position:0 0;
	background-repeat:repeat-x;
	font-size: 18px;
	font-weight:500;
	text-align: center;
	color: #FFF !important;
	transition:opacity 300ms;
	border: none !important;
	border-radius:4px;
}

.btn_gray:hover,
.btn_green:hover{
	text-decoration: none;
	opacity: 0.7;
}

.btn_green{
	background-image:url(/wp-content/uploads/2019/10/bgi_btn_green.png);
}

.btn_gray{
	background-image:url(/wp-content/uploads/2019/10/bgi_btn_gray.png);
}

.page_info{
	position: relative;
	color: #FFF;
	height: 190px;
	background-size:cover !important;
/*
	background-size:100% auto !important;
*/
}

.page_info h2,
.page_info p,
.page_info ul{
	margin: 0 0 0 27px;
}

.page_info h2{
	padding-top:50px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.6;
	color:#fff;
}

.page_info.lineup{ background: #09aae6 url(/wp-content/uploads/2019/10/bgi_lineup.jpg) center top no-repeat;}
.page_info.coloredglass{ background:#000 url(/wp-content/uploads/2019/10/bgi_coloredglass.jpg) center top no-repeat;}
.page_info.specialglass{ background:#000 url(/wp-content/uploads/2019/10/bgi_special.jpg) center top no-repeat;}
.page_info.opticalglass{ background:#000 url(/wp-content/uploads/2019/10/bgi_optical.jpg) center top no-repeat;}
.page_info.colorfilter{ background:#000 url(/wp-content/uploads/2019/10/bgi_colorfilter.jpg) center top no-repeat;}
.page_info.strength{ background:#000 url(/wp-content/uploads/2019/10/bgi_strength_1.jpg) center bottom no-repeat;}

.page_info p{
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}

.breadcrumb_link{
	position:absolute;
	bottom:0px;
	width: 100%;
	height:47px;
	background-color:rgba(255,255,255,0.4);
}

.page_info.specialglass .breadcrumb_link{
	background-color:rgba(11,98,146,0.5);
}

.breadcrumb_link li:first-child{
	padding-left: 20px;
	background:url(/wp-content/uploads/2019/10/ico_home.png) left center no-repeat;
}

.breadcrumb_link li{
	float: left;
	line-height:47px;
	margin: 0 15px 0 0;
	color: #333;
	font-size: 12px;
	font-weight: 500;
}

.breadcrumb_link .no_link,
.breadcrumb_link a{
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	padding-right:20px;
	background:url(/wp-content/uploads/2019/10/bgi_slash.png) right center no-repeat;
}

.breadcrumb_link a:hover{
	text-decoration: underline;
}

/* .breadcrumb_link li a:after{
	content: '/';
	margin-left:15px;
}
 */
.hco_table_2 th, .hco_table_2 td{
	border: none;
	font-weight: normal;
}

.hco_table_2 tr:nth-child(2n+1) {
	background-color: #f8f8f8;
}

.hco_content{
	width: 835px;
	float: right;
}

.hco_table_3 th,
.hco_table_3 td{
	font-weight: normal;
	font-size:13px;
	vertical-align:middle;
	padding: 5px 0;
	text-align:center;
	line-height:1.2em;
}

.hco_table_4 th,
.hco_table_4 td{
	font-weight: normal;
	vertical-align:middle;
	text-align:center;
}

.hco_table_4 th{
	padding: 8px 0;
}

.hco_table_4 td{
	padding: 5px 0;
}

.hco_table_5{
	border: none;
	float: left;
	width: 414px;
	margin-bottom: 2em;
}

.hco_table_5 th,
.hco_table_5 td{
	border-left: none;
	border-right: none;
	text-align: center;
	width:50%;
}

.hco_table_5 thead th{
	padding:10px 0;
	color: #FFF;
	font-size: 16px;
	line-height: 1.4;
	background-color: #1076ae;
}

.hco_table_5 thead th:nth-child(2){
	background-color: #5cc4e8;
}

.hco_table_5 tbody th,
.hco_table_5 tbody td{
	background-color:#FFF;
	padding:4px 0;
	font-size: 12px;
}

.hco_table_5 thead th,
.hco_table_5 tbody th{
	border-right: solid 1px #CCC;
}

.hco_table_6{
}

.hco_table_6 th,
.hco_table_6 td{
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 15px;
}

.hco_table_6 th{
	border-left: none;
	border-right: solid 1px #CCC;
	background-color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.hco_table_6 td{
	border-right: none;
	border-left: solid 1px #CCC;
	background-color: #FFF;
}

.hco_table_7{
	border: none;
}

.hco_table_7 th,
.hco_table_7 td{
	border: none;
	border-right: solid 1px #FFF;
	padding:5px;
	text-align: center;
}

.hco_table_7 th{
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	background-color: #1076ae;
}

.hco_table_7 td{
	font-size: 12px;
	background-color: #ebedee;
}

.hco_table_8{
	border: none;
}

.hco_table_8 th,
.hco_table_8 td{
	text-align: center;
	vertical-align: middle;
	font-size:16px;
}

.hco_table_8 thead th,
.hco_table_8 thead td{
	padding:10px 0;
	color: #FFF;
	font-weight: normal;
	background-color: #1076ae;
}

.hco_table_8 tbody th,
.hco_table_8 tbody td{
	padding:5px 0;
}

.hco_table_8 tbody th{
	font-weight:normal;
	border-left:none;
	border-right:solid 1px #CCC;
	background-color:#f8f8f8;
}

.hco_table_8 tbody td{
	border-left: solid 1px #CCC;
	border-right: none;
}



.hco_table_border_1 th{
	border-top: none;
	border-left: none;
	border-right: #88B9D8 solid 1px;
	border-bottom: #88B9D8 solid 1px;
}

.hco_table_border_1 td{
	border-top: none;
	border-left: none;
	border-right: #CACACA solid 1px;
	border-bottom: #CACACA solid 1px;
}

.hco_table_border_2 th{
	border-top: none;
	border-left: none;
	border-right: #ADE1F5 solid 1px;
	border-bottom: #ADE1F5 solid 1px;
}

.hco_table_border_1 th:last-child,
.hco_table_border_1 td:last-child,
.hco_table_border_2 th:last-child,
.hco_table_border_2 td:last-child{
	border-right: none;
}

.hco_table_border_2 td:first-child{
	border-left: none;
}

#hco_subnav{
	width: 263px;
	float: left;
}

.hco_subnav_title{
	margin: 4em auto 0.5em auto !important;
	padding: 0 0 0 2.5em;
	font-size: 16px;
	font-weight: 500;
	background: transparent url(/wp-content/uploads/2019/10/ico_coloredglass.jpg) left top no-repeat;
	border-bottom: #0090d1 solid 3px;
}

.hco_subnav_title a{
	text-decoration: none;
	color: #333;
}

#hco_deposition_filter .hco_subnav_title{ background-image:url(/wp-content/uploads/2019/10/ico_colorfilter.png); }
#hco_special_glass .hco_subnav_title,
#hco_optical_glass .hco_subnav_title,
#hco_about .hco_subnav_title{ background-image:url(/wp-content/uploads/2019/10/ico_special.png); }
#hco_download .hco_subnav_title{ background-image:url(/wp-content/uploads/2019/10/ico_download_gray.png); }

.hco_subnav_1 li{
	font-size: 13px;
	padding: 0.1em 0 0.4em 0;
	border-bottom: #eeeeee solid 1px;
}

.hco_subnav_1 li a{
	display: block;
	font-weight: 500;
}

.hco_subnav_2 li a{
	padding: 0.7em 2em 0.7em 1em;
	background: #4cb1df url(/wp-content/uploads/2019/10/btn_arrow_white_small_r.png) 17em center no-repeat;
	display: block;
	text-decoration: none;
	color:#FFF;
	font-weight: 500;
	transition:opacity 300ms;
}

.hco_subnav_2 li a:hover{
	opacity: 0.7;
}

.hco_link_block a{
	display: block;
	text-decoration: none;
}

.hco_link_style_1,.hco_link_style_2{
	margin: 0;
}

.hco_link_style_1 a,.hco_link_style_2 a{
	transition: background-color 0.3s;
}

.hco_link_style_1 li{
	float:left;
	text-align:center;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
}

.hco_link_style_1 li a{
	width:183px;
	padding: 0.7em 0px;
	background: transparent url(/wp-content/uploads/2019/10/arrow_small_b_gray.png) 160px center no-repeat;
}

.hco_link_style_1 li a:hover,
.hco_link_style_2 li a:hover{
	color: #FFF !important;
	background-color: #4cb1df;
}

.hco_link_style_1 li:last-child{
	border-right:#cccccc solid 1px;
}

.hco_link_style_2 li{
	float:left;
	text-align:center;
	border:#eee solid 1px;
	margin-left:10px;
}

.hco_link_style_2 li a{
	width:210px;
	padding: 0.7em 0;
	background: #eeeeee url(/wp-content/uploads/2019/10/btn_arrow_gray_small_r.png) 190px center no-repeat;
}

.product_img_selector{
	float: left;
	width: 358px;
	height: 268px;
	border: 1px solid #e4e3e3;
	margin-right: 30px;
}

.product_img{
	display: none;
	float: left;
	padding-top: 20px;
}

.product_img_selector ul{
	float: right;
	margin:15px 10px 0 5px;
}

.product_img_selector li{
	width: 70px;
	height: 60px;
	margin-bottom: 0;
	background-color:#0090d1;
}

.product_img_selector li img:hover{
	opacity:0.7;
}

.product_img_1 img{
	float: left;
	padding:20px 46px;
	border: 1px solid #e4e3e3;
	margin-right: 30px;
}



.bdb_gray{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #EEE;
}

.bdt_gray{
	border-top: #CACACA solid 1px;
}

.txt_intro_blue{
	margin-bottom:60px;
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	line-height:2;
	text-shadow:0 0px 10px rgba(255,255,255,1), 0 1px 10px rgba(255,255,255,1),0 2px 10px rgba(255,255,255,1),0 0px 40px rgba(255,255,255,1),0 0px 40px rgba(255,255,255,1);
	color: #2778aa;
}

.txt_shadow_blue{
	text-shadow:0 0px 10px rgba(0,100,200,1);
}

.feature_img{
	margin-bottom:50px;
}

.feature_img:after{
	content:"";
	clear:both;
	display:block;
}

.feature_img:first-child{
	padding-top:40px;
}

.feature_img .img{
	float:left;
	width:335px;
	text-align:right;
}

.feature_img .txt{
	float:left;
	width:670px;
	margin-left:45px;
	font-size:16px;
	line-height: 1.6;
}

.feature_img .txt h2{
	font-size:36px;
	font-weight: normal !important;
	line-height:1;
	margin-bottom: 20px;
}

.feature_img .txt .num{
	font-size:50px;
	color:#c8c8c8;
}

.devices{
	padding-bottom: 30px;
}

.devices:after,
.devices .devices_1:after,
.devices .devices_2:after{
	content:"";
	clear:both;
	display:block;
}

.devices .devices_1 {
	float: left;
	width: 739px;
}

.devices .devices_1 .item {
	float: left;
	width: 358px;
	min-height:350px;
}

.devices .devices_1 .title {
	font-size: 18px;
	font-weight: normal;
	margin:15px 0 5px 0 ;
	line-height: 1.4;
}

.devices .devices_2 {
	float:right;
	width:358px;
}

.devices .devices_2 .item{
	display:table;
	width: 100%;
	min-height:50px;
	margin-bottom:15px;
}

.devices .devices_2 .item_in {
	display:table-cell;
	border-left: solid 8px #EEE;
	padding:0px 0 0px 12px;
	vertical-align:middle;
}

.devices .devices_2 p,
.devices .devices_2 .title{
	margin-bottom: 0;
	line-height: 1.6;
}

.devices .devices_2 .title {
	font-size: 16px;
	font-weight: normal;
}

.hco_accordion .hco_accordion_body{
	overflow: hidden;
	transition: max-height 0.5s ease-out;
}
.hco_accordion.closed .hco_accordion_body{
	max-height: 0;
}
.hco_accordion.opened .hco_accordion_body{
	max-height: 1000px;
}
.hco_accordion .hco_accordion_btn{
	text-align: center;
	color: #666;
}
.hco_accordion .hco_accordion_btn:hover{
	opacity: 0.7;
}
.hco_accordion .hco_accordion_btn:before{
	display: inline-block;
	margin:0 auto 30px auto;
	padding: 3px 30px 3px 40px;
	cursor: pointer;
	border-radius: 20px;
	background:#DDD url(../images/arrow_small_b_gray.png) no-repeat 20px center;
	font-size: 12px;
}
.hco_accordion.closed .hco_accordion_btn:before{
	content: 'READ MORE';
}
.hco_accordion.opened .hco_accordion_btn:before{
	content: 'CLOSE';
	background-image: url(../images/arrow_small_t_gray.png);
}

.hco_btn_rounded {
	display: inline-block;
	height: 20px;
	padding: 7px 20px;
	border: solid 1px #ddd;
	border-radius: 17px;
	font-weight: bold;
	line-height: 24px;
	background: #fff;
}

.hco_btn_rounded a {
	color: #444;
}

.hco_btn_rounded img {
	height: 100%;
}
/*** サイトコンポーネント ここまで ***/



/*** 汎用スタイル ここから ***/
.fz_10{ font-size:10px;line-height: 12px;}
.fz_12{ font-size:12px;line-height: 15px;}
.fz_14{ font-size:14px;line-height: 18px;}
.fz_16{ font-size:16px;line-height: 18px;}
.fz_18{ font-size:18px;line-height: 20px;}
.fz_20{ font-size:20px;line-height: 22px;}
.fz_22{ font-size:22px;line-height: 24px;}
.fz_24{ font-size:24px;line-height: 26px;}
.fz_28{ font-size:28px;line-height: 30px;}
.fz_30{ font-size:30px;line-height: 32px;}
.fz_36{ font-size:36px;line-height: 40px;}
.fz_48{ font-size:48px;line-height: 50px;}

.td_n{
text-decoration:none !important;
}

.fw_b{
font-weight:bold !important;
}

.fw_n{
font-weight:normal!important;
}

.c_gray{
	color: #908f8f;
}

.c_red{
color:#cc0000;
}

.c_brown{
color:#9f8958;
}

.c_green{
color:#1db5b6;
}

.ta_l{
text-align:left !important;
}

.ta_r{
text-align:right !important;
}

.ta_c{
text-align:center !important;
}

.lh_1{
line-height:1 !important;
}

.lh_14{
line-height:1.4 !important;
}

.lh_2{
line-height:2 !important;
}

.lh_3{
line-height:3 !important;
}

.ls_2{
	letter-spacing: 2px;
}

.fl_l{
float:left;
}

.fl_r{
float:right;
}

.cl_b{
clear:both;
}

.cl_fix:after{
	content:"";
	clear:both;
	display:block;
}

.dl_2col:after{
	content:"";
	clear:both;
	display:block;
}

.dl_2col dt{
	clear:both;
	float:left;
	width:9em;
	margin:0 0 20px 0;
}

.dl_2col dd{
	margin:0 0 20px 10em;
}

.dl_notice:after{
	content:"";
	clear:both;
	display:block;
}

.dl_2col.w_3e dt{
	width: 3em;
}

.dl_2col.w_3e dd{
	margin-left:3em;
}

.dl_2col.w_5e dt{
	width: 5em;
}

.dl_2col.w_5e dd{
	margin-left:5em;
}

.dl_notice dt{
	clear:both;
	float:left;
	width:1.9em;
	margin:0 0 1em 0;
}

.dl_notice dd{
	margin:0 0 1em 2em;
}

.d_i{ display:inline !important; }

.no_ime{ ime-mode:disabled; }

.bg_n{background:none !important;}

.bd_n{border:none !important;}

.m_0{margin:0;}

.mt_-40{margin-top:-40px;}
.mt_-20{margin-top:-20px;}
.mt_-10{margin-top:-10px;}
.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}

.mr_0{margin-right:0;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

.ml_0{margin-left:0;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_50{margin-left:50px;}
.ml_60{margin-left:60px;}
.ml_80{margin-left:80px;}
.ml_100{margin-left:100px;}
.ml_140{margin-left:140px;}

.p_0{padding:0;}

.pt_0{padding-top:0;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}
.pt_35{padding-top:35px;}
.pt_40{padding-top:40px;}
.pt_45{padding-top:45px;}
.pt_50{padding-top:50px;}

.pr_0{padding-right:0;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_25{padding-right:25px;}
.pr_30{padding-right:30px;}
.pr_35{padding-right:35px;}
.pr_40{padding-right:40px;}
.pr_45{padding-right:45px;}
.pr_50{padding-right:50px;}

.pb_0{padding-bottom:0;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_15{padding-bottom:15px;}
.pb_20{padding-bottom:20px;}
.pb_25{padding-bottom:25px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}
.pb_60{padding-bottom:60px;}

.pl_0{padding-left:0;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}
.pl_45{padding-left:45px;}
.pl_50{padding-left:50px;}
.pl_80{padding-left:80px;}

.plr_100{padding-left:100px;padding-right:100px;}

.w_25p{ width:25% !important; }
.w_40p{ width:40% !important; }
.w_75p{ width:75% !important; }
.w_80{ width:80px; }

.miw_3e{ min-width: 3em; }

.c_white{
color:#FFF !important;
}

.c_black{
color:#000 !important;
}

.c_blue{
	color: #2778aa;
}

.bgc_deepblue{
background-color:#1076ae !important;
}

.bgc_blue{
background-color:#0090d1 !important;
}

.bgc_lightblue{
background-color:#5cc4e8 !important;
}

.bgc_gray{
	background-color: #f8f8f8 !important;
}

/*** 汎用スタイル ここまで ***/

#ac-contact-popup-shade, #ac-contact-popup { display: none; }
#ac-contact-popup-shade {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a3;
}
#ac-contact-popup {
    position: fixed;
    z-index: 9999;
    top: 50px;
    left: 0;
    width: 500px;
    text-align: center;
    background: #fff;
    right: 0;
    margin: 0 auto;
    padding: 20px;
}
#ac-contact-popup button#ac-contact-popup-close {
	position: absolute;
	top: -17px;
	right: -17px;
	background: #000;
	border: 0;
	color: #fff;
	height: 35px;
	width: 35px;
	font-size: 20px;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
/*Home Page CSS*/
.home #hco_main_visual{
	background:url(/wp-content/uploads/2019/10/bgi_main_visual.png) 0 0 repeat-x;
}
.home #hco_main_visual:after{
	content:"";
	clear:both;
	display:block;
}
.home #feature{
}
.home #feature_in{
	padding:50px 0 70px 0;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight:500;
	background:#0c9be5 url(/wp-content/uploads/2019/10/bgi_feature.jpg) 0 0 no-repeat;
	background-size: cover;
}
.home #feature_in h2{
	margin-bottom:10px;
	font-weight:500;
	color: #fff;
}
.home #feature_in .hco_btn a{
	float: left;
	width: 216px;
	margin: 0 12px;
	font-weight:500;
}
.home #feature_in .btn_area{
	margin-left: 318px;
}
.home #feature_in .btn_area:after{
	content:"";
	clear:both;
	display:block;
}
.home #news .hco_container{
	display: table;
	padding-top:55px;
}
.home #news .title{
	display: table-cell;
	width: 260px;
	margin: 0;
	background-color: #0090d1;
	vertical-align: middle;
	font-size: 18px;
	text-align: center;
	color: #FFF;
}
.home #news .body{
	display: table-cell;
	width: 860px;
	font-size: 16px;
	background-color: #efefef;
}
.home #news .title2{
	padding:15px 50px;
	margin: 0;
	background-color: #0090d1;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}
.home #news .body2{
	padding:1px 0px;
	font-size:16px;
	background-color: #efefef;
}
.home #news dl{
	margin:20px 50px;
}
.home #news dt{
	clear:both;
	font-weight:bold;
	float:left;
	width:12em;
}
.home #news dd{
	margin-left:12em;
}
.home #news dt, #news dd{
	margin-bottom:15px;
}
.home #news .body2 dt{
	width:19em;
	font-weight: normal;
}
.home #news .body2 dd{
	margin-left:19em;
}
.home .box_4col .hco_btn{
	line-height:1.2;
}
.home .box_4col .hco_btn a{
	padding-top:10px;
	padding-bottom:10px;
}
.widget ul li, .widget ol li {
    border-bottom: none;
    border-top: none;
    padding: 0;
}
.footer-navigation {
    width: 25%;
    float: left;
}
.widget:not(.widget_tag_cloud) ul li + li {
    margin-top: 0;
}
footer .footer-navigation-3 section.widget_nav_menu ul {
    columns: 2;
}
.widget ul {
    list-style: none;
    margin: 0;
}
@media screen and (min-width: 30em)
{
.site-branding {
    padding: 0em 0;
}
}
/*Headr*/
nav#site-navigation {
    position: absolute;
    right: 0;
    bottom: 0;
}
.main-navigation li {
    float: left;
    position: relative;
    max-width: 270px;
}
ul#top-menu li a {
    display: block;
    padding: 0 1.995em;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
@media screen and (min-width: 48em)
{
.main-navigation li li:hover, .main-navigation li li.focus {
    background: #ffffff;
}
}
ul.sub-menu li a {
    display: block !important;
    background-color: #FFF;
    line-height: 1.4 !important;
    padding: 10px 0 10px 20px !important;
    font-size: 12px !important;
}
section.page_info.coloredglass h2 {
    color: white;
}
.custom-logo-link img {
    display: inline-block;
    max-height: 100px;
    width: auto;
}
._row._checkbox-radio span {
    display: inline-block;
}

section.box_2_3rd.list-align .hco_title_3 {
    display: inline-block;
	}
/*media queries*/

@media screen and (max-width:767px) {
	body {
		min-width:100%;
		margin: 0 auto;
	}
	.hco_site_logo img {
  	 	margin-top: 0;
	}
	header {
		box-shadow: none;
	}
	#hco_main_visual img{
		background-repeat: no-repeat;
		width: 100%;
		margin: 0 auto;
	}
	.home #feature_in .btn_area	{
		margin-left: 0;
	}
	.box_4col .col	{
		width:100% !important;
	}
	.pl_50 {
		padding-left: 0px;
	}
	li.col img{
		width:100%;
	}
	#footer_t{
		width:100%;
		padding-left:10px;
	}
	#footer_t.contact_title {
		padding: 10px !important;
	}
	#footer_t .contact_title{
		padding: 0px !important;
	}
	.home #news dl{
		margin:0px !important;
	}
	.home #news .body2 dd 	{
		margin-left: 0;
	}
	.home #news .body2 	{
		padding: 10px 10px;
	}
    .box_4col {
        margin-right: 0px !important;
        padding: 0 15px;
    }
    header .hco_tag_line {
        margin: 0;
        display: none;
    }
    .js .menu-toggle {
        display: block;
        padding: 0;
        position: absolute;
        top: -60px;
        right: 10px;
        font-size: 20px;
        margin: 0;
    }
    .menu-toggle .icon {
        margin-right: 0;
        top: 0;
    }
    .menu-toggle:focus {
        outline: none;
    }
    :not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
        background: transparent;
        border: 0;
    }
    .js .main-navigation.toggled-on > div > ul {
        display: block;
        position: absolute;
        width: 100%;
    }
    .main-navigation li {
        float: none;
        position: relative;
        max-width: 100%;
    }
    nav#site-navigation {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .hco_container {
	   width: 100%;
	   max-width: 768px;
	}
	.feature_img .img {
		float: none;
		text-align: center;
		width: auto;
	}
	.feature_img .txt {
		width: 100%;
		margin-left: 0px;
		padding-left:15px;
		padding-right:15px;
	}
	
    .footer-navigation {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    #footer_b li {
        text-align: center;
        padding: 0 10px;
        display: inline-block;
        float: none;
    }
	#footer_t .hco_btn a {
		width:100%;
	}
	#footer_t .contact_title, #footer_t .contact_tel, #footer_t .contact_catalogue  {
		width: 100%;
		padding: 0 0 0 0px;
    }
	.cl_fix .hco_content{
		width: 100%;
		padding-left: 20px;
		padding-right: 10px;
	}
	div#hco_subnav{
	width:100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px !important;
	}
	#footer_t .contact	{
		padding: 30px 20px;
	}
	.home #hco_main_visual {
        background-size: cover;
    }
    .home #feature_in .hco_btn a {
        float: none;
        margin: 0 auto;
    }
    #footer_b p {
        float: none;
        margin-right: 0;
        padding: 0 15px;
    }
    #footer_b img {
        margin-right: 10px;
        vertical-align: bottom;
        width: 80px;
    }
    #footer_b p a {
        display: block;
        font-size: 9px;
    }
    #footer_b ul {
        text-align: center;
        padding-top: 15px;
    }
    #footer_b li {
        text-align: center;
        padding: 0 10px;
        float: none;
        display: inline-block;
    }
	.labeled_box .label {
    margin-top: 16px;
	}
	.labeled_box{
	padding: 60px 0px 50px 15px;
	}
	.labeled_box_r {
    float: none;
    width: 100%;
    margin-left: 0px;
	}
	.feature_box {
    padding: 20px !important;
	}
	.feature_box p:last-child {
    margin-bottom: 13px;
	}
	.feature_box_r{
	width:100% !important;
	}
	.feature_box_l{
		width:100% !important;
	}
	.labeled_box_l {
    width: 100%;
	}
	.mt_-40 {
    margin-top: 0 !important;
	}
	.hco_btn a.d_i{
	width: 80%;
    margin: 0 auto 10px;
    clear: both;
    display: block !important;
	padding: 16px;
	}
   .hco_btn a{
    padding: 7px 0;
	}
	#footer_t .hco_btn a{
		padding:15px;
	}
	.product_img_selector{
	width: 100%;
	}
	.box_2_3rd {
    width: 100%;
	}
	.box_1_3rd{
	width: 100%;
	}
	.pr_20 {
	width: 100%;
	}
	.fl_r {
    float: none;
	}
	
   table.hco_table_3 {
    overflow: scroll;
    display: block;
    overflow-x: auto;
    /*white-space: nowrap;*/
	}
	.hco_title_2{
    margin: 2em auto 0.5em auto;
	}
	.devices .devices_1 .item {
    width: 100% !important;
	}
	.devices .devices_1 {
    padding-right: 15px;
    padding-left: 15px;
	width: 100%;
	}
.pb_20{
	padding-left: 15px;
    padding-right: 15px;
	}
h2.hco_title_2{
    padding-left: 15px;
    padding-right: 15px;
	}
	.devices .devices_1 .item img {
    width: 100% !important;
	}
	.devices .devices_2 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	}
	.box_2col .col{
    width: 100% !important;
    margin-right: 0px !important;
	padding-right: 20px;
   }
	.col.ta_r img{
    padding-right: 10px;
    width: 100%;
	}
	img.fl_l.mr_30.link_img {
    width: 100%;
	}
	.product_img_1 img {
	 width: 100%;
	}
	#footer_t p {
    margin-bottom: 10px;
	}
	.breadcrumb_link a{
	padding-right: 6px;
	}
	.hco_table_5 {
	width: 100% !important;
	}
	.cl_fix > div{
    width: 100% !important;
	padding-left: 10px;
    padding-right: 10px;
	}
	.form {
    width: 100% !important;
}
}
@media (max-width:991px) and (min-width:768px){	
	.pl_50 {
		padding-left: 0px;
	}
	.labeled_box .label{
		top: 10px !important;
	}
	.devices .devices_1 {
    width: 100%;
    padding-left: 20px;
	}
.devices .devices_2 {
    width: 100%;
    padding-left: 20px;
	}
	.fz_16 {
	padding-left: 20px !important;
	}
	h2.hco_title_2{
	padding-left: 20px;
	}
	.cl_fix{
	padding-left: 10px !important;
    padding-right: 10px !important;
	}
	
}
@media only screen and (max-width : 380px) 
	{
	.product_img_selector ul{
    margin: 15px 15px 0 0 !important;
	}
	.product_img_selector .product_img{
    display: block !important;
    width: 70%;
	}
	.breadcrumb_link li{
    line-height: 25px;
	}
}
.main-navigation li li {
    padding-bottom: 1px;
}
ul#top-menu li .sub-menu a {
    height: auto;
    display: block;
    background-color: #FFF;
    line-height: 1.4;
    padding: 10px 0 10px 20px;
    font-size: 12px;
}
.main-navigation ul ul {
    background: transparent;
    border: 0;
}
.main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after{
	display: none;
}

.contact-page input[type="text"],.contact-page input[type="email"] ,.contact-page input[type="number"]{
    padding: 6px;
    height: auto;
    border: #979797 1px solid;
    border-radius: 4px;
    color: #000 !important;
    font-size: 13px;
	/*width:50%;*/
}
.contact-page textarea
{
 width:100%;
}
.contact-page input[type="submit"]
{
    background-color: #DDD;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 14px;
    text-align: center;
    background: #e0ac1b !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding: 10px !important;
}
.form {
    width: 50%;
    margin: 25px auto 0;
    padding: 20px;
}
._form-title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}