@charset "utf-8";

/***モバイル用CSS****/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

.icon {
	font-family: iconfont;
	font-weight: normal;
}

.icon-download:before {
	content: "\00ed";
}
.icon-customize:before {
	content: "w";
}
.icon-iphone:before {
	content: "T";
}
.icon-list:before {
/*	content: "\002c7";*/
/*	content: " >";*/
}

.icon-header-navi:before {
	content: "û";
}

/*Û
Û
Û*/

/***ボディーの設定　ここから***/
/*---------------------------------------------------------------------------*/
body{
}

/***ボディーの設定　ここまで***/
/*---------------------------------------------------------------------------*/

/***レイアウトの設定　ここから***/
/*---------------------------------------------------------------------------*/
/*全体の幅とセンタリング*/
#global {
	position:relative;
}
/*ヘッダー*/
/*---------------------------------------------------------------------------*/
#header {
	min-height: 64px;
	height:auto !important;
	height: 64px;
}
#header_body {
	background-image:none;
	padding:16px;
	width:auto;
	height:64px;
}

/*キャプション*/
#header_caption {
	display:none;
}
/*ヘッダー内メニュー*/
#header #utility-group #menu_text_size {
	display:none;
}

/*ロゴマーク*/
#header #logo {
	margin:0;
		max-width:344px;
}
/*ディスプレイサイズ320px以下の読み込み*/
@media screen and (max-width: 320px) {
	#header #logo {
		margin:0;
		max-width:240px;
	}
}

/*ヘッダー内ナビゲーション*/
#header #header_navi {
	display:none;
}
/*ヘッダー内ユーティリティ*/
#header #header_utility {
	display:none;
}
/*ヘッダー内検索*/
#header #header_search {
	display:none;
}

/*ナビゲーション*/
/*---------------------------------------------------------------------------*/
#navi_btn{
	float:right;
	display: block;
	width: 31px;
	padding:8px;
	background:#fff;
	border:1px solid #dbdbdb;
}
#navi_btn div {
	position:	relative;
	display:	block;
	width:		15px;
	height:		15px;
	background-color:#0068b7;
}
#navi_btn div:before,
#navi_btn div:after{
	position:	absolute;
	left:		0;
	content:	"";
	width:		100%;
	border-top:	3px solid #fff; /* 白線を引く */
}
#navi_btn div:before{
	top:3px;
}
#navi_btn div:after{
	bottom:3px;
}

/* 背景が黒のアイコンの色を白くする */
#navi_btn div.close {
	background-color:#fff; /* 背景色は白色 */
}
/* 12ピクセルの線を引き、線を中央にもっていくため下に16ピクセル移動して45度回転 */
#navi_btn div.close:before {
	border-top:		3px solid #0068b7;
	-webkit-transform:	translateY(3px) rotate(45deg);
	transform:		translateY(3px) rotate(45deg);
}
/*　12ピクセルの線を引き、線を中央にもっていくため上に16ピクセル移動して-45度回転 */
#navi_btn div.close:after {
	border-top:		3px solid #0068b7; /* 黒の線を引く */
	-webkit-transform:	translateY(-3px) rotate(-45deg);
	transform:		translateY(-3px) rotate(-45deg);
}




#navi_btn a {
}

#navi_btn a:link,
#navi_btn a:visited {
/*	background: url(../images/bg_gradient.png) repeat-x #A4005B;
	background: -moz-linear-gradient(top, #A4005B, #bf4d8d);
	background: -webkit-gradient(linear, left top, left bottom, from(#A4005B), to(#bf4d8d));
	background: -webkit-linear-gradient(top, #A4005B, #bf4d8d);
	background: -o-linear-gradient(top, #A4005B, #bf4d8d);
	background: linear-gradient(to bottom, #A4005B, #bf4d8d);*/
}
#navi_btn a:hover,
#navi_btn a:active,
#navi_btn a.current {
/*	background: url(../images/bg_gradient.png) repeat-x #555;
	background: -moz-linear-gradient(top, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	background: -webkit-linear-gradient(top, #555, #444);
	background: -o-linear-gradient(top, #555, #444);
	background: linear-gradient(to bottom, #555, #444);*/
}

#navi{
	display:none;
}
#navi_mobile {
	position:absolute;
	top:80px;
	left:0;
	display:block;
	border-top:1px solid #dbdbdb;
	float:none;
	width:100%;
	z-index:9999;
}
#navi_mobile ul{
	display:none;
	background-color:#fff;
	box-shadow:0 4px 3px rgba(0,0,0,0.3);
}
#navi_mobile ul ul{
	display:none;
	padding-top:0;
}
#navi_mobile li {
	display:block;
	float:none;
	border-top: solid 1px #dbdbdb;
	padding:0;
	width:auto;
	height:auto !important;
}
#navi_mobile li:first-child {
}
#navi_mobile li:last-child {
	border-bottom: solid 1px #dbdbdb;
}
#navi_mobile li a{
	display:block;
	color:#333;
	background:url(../img/icon_link11.gif) no-repeat 12px 20px;
	text-indent:0;
	padding:16px 16px 16px 24px;
	height:auto !important;
}
#navi_mobile li a:hover{
	color:#0068b7;
	background-color:#cae8f7 !important;
	text-decoration:none;
}
#navi_mobile li li a{
	background:url(../img/icon_link11.gif) no-repeat 24px 20px;
	padding:16px 16px 16px 36px;

}



/*背景画像*/
/*---------------------------------------------------------------------------*/
#wrapper {
	background-imge:none;
	margin:0;
	padding:0px;
	width:auto;
}

/*サイドバー*/
/*---------------------------------------------------------------------------*/
#sidebar {
	float:none;
	padding:0;
	width:100%;
}
.error404 #sidebar{
	display:none;
}

#sidebar #primary{
	margin-bottom:0;
}
#sidebar #sidebar_bn{
}
#sidebar #secondary{
	display:none;
}
#sidebar aside h1,
#sidebar #sub_menu h1{
	width:auto;
}
#sidebar aside ul,
#sidebar #sub_menu ul{
	width:auto;
}
#sidebar aside ul li,
#sidebar #sub_menu ul li{
	width:auto;
}

#sidebar h3 {
}
#sidebar h4 {
}
#sidebar p{
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#sidebar  .sidebar_bn img {
	 	max-width: 49% !important;
	}
}
/*ディスプレイサイズ320px以下の読み込み*/


/*キャッチ*/
/*---------------------------------------------------------------------------*/
#catch{
	padding:0;
}
.page #catch{
}

#catch_body{
	width:100%;
}
.page #catch_body{
}
.home #catch_body{
}

/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#branding{
	}
	#branding_catch{
	}
	#branding_info{
	}
}
/*ディスプレイサイズ320px以下の読み込み*/
@media screen and (max-width: 319px) {
}


#content .img{
/*	width:100% important;*/
}

/*パンくずナビ*/
/*---------------------------------------------------------------------------*/
#bread-crumb {
	box-shadow: none;
/*	border-top:1px solid #dbdbdb;*/
	border-bottom:1px solid #dbdbdb;
	padding: 16px ;
}

#bread-crumb ul {
	width:auto;
}

#bread-crumb ul:after {
}

#bread-crumb li {
}

#bread-crumb li.sub {
}

#bread-crumb li.sub:before {
}
#bread-crumb a{
}
/*コンテンツ*/
/*---------------------------------------------------------------------------*/
#content{
	float:none;
	padding:0px;
	width:100%;
}
.archive #content,
.single #content,
.page #content{
	float:none;
	padding:0px;
	width:100%;
}
/*見出し1*/
#content h1 {
/*	margin-bottom:0;*/
}

/*見出し2*/
#content h2 {
	border-top:4px solid #99c3e2;
	border-left:none;
}


/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	.top #content h2 {
	}
	.top #content h2 img{
	}
}

/*見出し3*/
#content h3 {
}
#content .entry-content>h3{
	margin-left:16px !important;
	margin-right:16px !important;
}

/*見出し4*/
#content h4 {
}

/*段落*/
#content p {
}
#content .posts,
#content .entry-content .liner,
#content .entry-content>p{
	margin-left:16px !important;
	margin-right:16px !important;
}

#content ol.paren li{
	padding-right:16px;
}

#content iframe{
	width:100%;
}
#content #map{
	margin-left:2% !important;
	margin-right:2% !important;
	width:96% !important;
}
/*----------------------------------------------------------------------------------------*/

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


/*お問い合わせバナー*/
/*---------------------------------------------------------------------------*/
#content .bn_inquiry{
	display:none;
}

/*バナースペース*/
/*---------------------------------------------------------------------------*/
#information{
}
#information{
}
#information #information_body {
    width: 100%;
}
#information p{
}
#information .bn{
	margin-bottom:16px;
}

/*サブナビゲーション*/
/*---------------------------------------------------------------------------*/
#subnavi {
	display:none;
}
#subnavi .subnavi_body{
}

/*フッター*/
#footer {
	padding:0;
	width:100%;
}
#footer_body{
	width:100%;
}

#footer nav{
	float: none;
	padding:0;
	width:100%;
}
#footer nav ul {
	float: none;
	margin-bottom:0px;
}
#footer nav ul li{
	border-bottom:1px solid #99bc7e;
	margin-bottom: 0px;
}
#footer nav ul li a{
	color:#fff;
	background: url("../img/icon_link02.png") no-repeat  8px 8px;
	padding:8px 8px 8px 16px;
}
#footer nav ul li a:hover{
	background-color:#99bc7e;
	text-decoration:none;
}
#footer .information{
	float: none;
	border:none;
	width:100%;
}
#footer .information a{
	color:#fff;
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {

}
#footer address{
}

/*ページの先頭へ*/
#pagetop{
	display:none;
}
#pagetop .btn{
}
#pagetop .btn a{
}
#pagetop .btn a:hover{
}


/*アイキャッチ画像*/
#category_image {
    box-shadow:none;
    width: auto;
	margin-bottom:0;
}

/***レイアウトの設定　ここまで***/
/*---------------------------------------------------------------------------*/


/***基本設定　ここから***/
/*---------------------------------------------------------------------------*/
/*太字*/
b {
}

/*リンク*/
a{
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

img{
	max-width:100%;
}

#content object{
	display:none;
}

/***基本設定　ここまで***/
/*---------------------------------------------------------------------------*/


/***画像　ここから***/
/*---------------------------------------------------------------------------*/
#content .fl_l,
#content .fl_r{
	float:none !important;
	display:block !important;
	clear:both !important;

	margin:0 16px !important;
}


#content .fl_l img,
#content .fl_r img{
	min-width:100% !important;
}

#content .overflow{
	margin-left:16px !important;
	margin-right:16px !important;
}

/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#content .fl_l,
	#content .fl_r{
		float:none;
		display:block;
		clear:both;
	}

	#content .fl_l img,
	#content .fl_r img{
		min-width:100%;
	}

}

#content .clear{
	#content .img_rigth{
		float:none;
	}
}

.mobile_disp_none{
	display:none !important;
}
.pc_disp_none{
	display:block !important;
}


/***テーブル　ここから***/
/*---------------------------------------------------------------------------*/
table {
	margin-left:2% !important;
	margin-right:2% !important;
	width:96%;
}
form table{
	margin-left:0 !important;
	margin-right:0 !important;
	width:100%;
}
table img{
	width:auto !important;
}

tr {
}

th {
	white-space: normal;
	padding: 8px;
}
.table_spec th {
	padding: 8px;
	width:auto !important;
}
form table th {
	display:none;
}

td {
	padding: 8px;
}
.table_spec td {
	padding: 8px;
	width:auto !important;
}
form table td data-th{
	display:blok;
}
form table td {
		display:block;
		position:relative;
		padding-top:2em;
		word-break:break-all;
}
form table td:before{
	content:attr(data-th)" ";
	font-size:80%;
	display:inline-block;
	position:absolute;
	top:4px;
	left:4px;
	padding: .4em 0 0 .8em;
	color:#666;
}


table tr:first-child {
}
table tr th:last-child,
table tr td:last-child {
}
table tr:last-child th,
table tr:last-child td {
}

/***テーブル設定　ここまで***/
/*---------------------------------------------------------------------------*/

/***フォーム設定　ここから***/
/*---------------------------------------------------------------------------*/
form{
	padding:0 16px;
}
input[type=text] {
	display:block;
	width:auto !important;
}
input[type=text]:after{
	content: "\A";
	white-space: pre;
}

textarea{
	width: 96% !important;
}
select{
}
textarea[type=text]:focus,
input:focus,
select:focus {
}

input[type=button],
input[type=submit] {
}
input[type=button]:hover,
input[type=submit]:hover {
}

input.chk_decision{
}
/***フォーム設定　ここまで***/
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/***トピック設定　ここから***/


/*ガイド*/
.home #content .topic_guide{
	margin-bottom:0;
	padding:1px 0;
	width:100%;
}
.home #content .topic_guide:after {
}

.home #content .topic_guide .topic_body{
	box-shadow:none;
	border-radius:0;
	margin-bottom:1px;
	width:100%;
	height:auto !important;
}
.home #content .topic_guide .topic_body.molecularsieve{
	background-size:cover;
}
.home #content .topic_guide .topic_body.drainage{
	background-size:cover;
}
.home #content .topic_guide .topic_body.ion{
	background-size:cover;
}
.home #content .topic_guide .topic_body.alumina{
	background-size:cover;
}

.home #content .topic_guide .topic_body:nth-child(odd){
	float:none;
}
.home #content .topic_guide .topic_body:nth-child(even){
	float:none;
}
.home #content .topic_guide .topic_body:nth-child(1),
.home #content .topic_guide .topic_body:nth-child(2){
	margin-bottom:1px;
}


.home #content .topic_guide .topic_body .wrap{
}
.home #content .topic_guide .topic_body .wrap h3{
}
.home #content .topic_guide .topic_body .wrap h3 a{
}

.home #content .topic_guide .topic_body .wrap h3 a::after {
}
.home #content .topic_guide .topic_body .wrap .overflow{
}
.home #content .topic_guide .topic_body .wrap .overflow p{
}
.home #content .topic_guide .topic_body .thumb{
}
.home #content .topic_guide .topic_body .wrap a.link{
}

.home #content .topic_guide .topic_body ul{
}
.home #content .topic_guide .topic_body ul li{
}
.home #content .topic_guide .topic_body ul li a{
}

.home #content .topic_guide .topic_body br{
	display:none;
}
.home #content .topic_guide .topic_solution{
	position:relative;
	top:0;
	left:0;
	box-shadow:none;
	border-radius:0;
	margin:0;
	width:auto;
	height:auto;
}
.home #content .topic_guide .topic_solution .wrap{
}
.home #content .topic_guide .topic_solution .overflow{
}
.home #content .topic_guide .topic_solution .post_excerpt{
}
.home #content .topic_guide .topic_solution a.link{
}
.home #content .topic_guide .topic_solution a.link:hover{
}

/*取扱い製品一覧*/
.home #content .topic_product{
}
.home #content .topic_body{
}
.home #content .topic_product .column{
}
.home #content .topic_product .column:last-child{
}
.home #content .topic_product .column .thum img{
}
.home #content .topic_product .column h3{
}
.home #content .topic_product .column p{
}
.home #content .topic_product .btn_area .btn{
}
.home #content .topic_product .btn_area .btn .btn_prt{
}
.home #content .topic_product .btn_area .btn_prt a{
}
#content .entry-content .topic_product>p{
	margin-left:16px !important;
	margin-right:16px !important;
}

/*新着*/
.home #content .topic_news{
}
.home #content .topic_news h3{
}
.home #content .topic_body dl{
}
.home #content .topic_body dt{
}
.home #content .topic_body dd{
}

/*製品一覧　＞　製品一覧*/
#content .list_product{
}
#content .list_product .column{
}

#content .list_product .column .thum{
}
#content .list_product .column h3{
}
#content .list_result li{
}
#content .list_product .column:nth-child(3),
#content .list_product .column:nth-child(6),
#content .list_product .column:nth-child(9),
#content .list_product .column:nth-child(12),
#content .list_product .column:nth-child(15),
#content .list_product .column:nth-child(18){
}

/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	#content .list_product .column{
	}
	#content .list_product .column:nth-child(2),
	#content .list_product .column:nth-child(4),
	#content .list_product .column:nth-child(6),
	#content .list_product .column:nth-child(8),
	#content .list_product .column:nth-child(10),
	#content .list_product .column:nth-child(12),
	#content .list_product .column:nth-child(14),
	#content .list_product .column:nth-child(16),
	#content .list_product .column:nth-child(18){

	}

}

/*納入実積*/
#content .list_result{
}
#content .list_result:after{
}

#content .list_result ul{
}
#content .list_result li{
}
#content .list_result li:nth-child(3),
#content .list_result li:nth-child(6),
#content .list_result li:nth-child(9),
#content .list_result li:nth-child(12),
#content .list_result li:nth-child(15),
#content .list_result li:nth-child(18){
}

/*よくある質問*/
#content .list_faq{
}
#content .list_faq .question{
}
#content .list_faq h3{
}
#content .list_faq .answer{
	right:16px;
}
#content .list_faq .answer .btn{
}
#content .list_faq .answer .btn:after{
}
#content .list_faq .answer .btn:hover{
}

#content .topic_faq{
}
#content .topic_faq h2{
}
#content .topic_faq h3{
}
#content .topic_faq h4,
#content .topic_faq h5{
}

#content .topic_faq .topic_answer{
}
#content .topic_faq p.show,
#content .topic_faq p.pagetop,
#content .topic_faq p.style_none{
}

#content .adjacent_post_links{
}
#content .adjacent_post_links ul{
	padding:0 16px;
}
#content .adjacent_post_links ul:after{
}
#content .adjacent_post_links li{
}
#content .adjacent_post_links li.previous{
}
#content .adjacent_post_links li.next{
}
#content .adjacent_post_links li a{
}
#content .adjacent_post_links li.previous a{
}
#content .adjacent_post_links li.next a{
}
#content .adjacent_post_links li:hover{
}

/*沿革*/
#content .topic_history{
    
}
#content .topic_history dl{
}
#content .topic_history dt{
	padding-left:16px;
}
#content .topic_history dd{
	padding-right:16px;
}


/*キャプション*/
#content .caption{
	margin-left:16px;
	margin-right:16px;
}
#content .caption p{
}
#content .caption p:last-child{
}
#content .caption ul li,
#content .caption ol li{
}
#content .caption ul li:last-child,
#content .caption ol li:last-child{
}

/*製品　形状荷姿*/
#content .state_stock{
}
#content .state_order{
}

/*分析装置紹介*/
#content .topic_equipment{
}
#content .topic_equipment:after{
}
#content .topic_equipment .topic_body{
}
#content .topic_equipment .column{
	float:none;
	width:100%;
}
#content .topic_equipment .column:nth-child(odd){
	padding:16px;
}
#content .topic_equipment .column:nth-child(even){
	padding:16px;
}
#content .topic_equipment .column h2{
}

/*製品情報*/
#content .topic_product .column{
}


.child_pages .post_content .post_more a.btn{
	width:auto !important;
}

/***トピック設定　ここまで***/
/*---------------------------------------------------------------------------*/
/***こんなところにユニオン昭和***/
#content .topic_use_uskk{
}
#content .topic_use_uskk h2{
	text-align:center;
	border-left:none;
	border-top:2px solid #66a4d4;
	background-color:#eff5fa;
	margin-bottom:0;
}

#content .topic_use_uskk .obj_life,
#content .topic_use_uskk .obj_ind{
	position:relative;
	width:auto;
	height:auto;
}
#content .topic_use_uskk dl{
	display:none;
}
#content .topic_use_uskk dt{
}
#content .topic_use_uskk dd{
}




/***ブロック設定　ここから***/
/*---------------------------------------------------------------------------*/
img.w_40per{
	text-align:center;
}
img.m_r_16{
	margin-right:0 !important;
}

/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	.w_20per,
	.w_24per,
	.w_25per,
	.w_30per,
	.w_35per,
	.w_40per,
	.w_45per{
		width:50% !important;
	}
}


/***ブロック設定　ここまで***/



/* スライダーここから */
.jquery-slider {
	width: 100% !important;
	max-height: 393px !important;
	min-height: 251px !important;
	height: auto !important;
/*	max-width:752px;*/
/*	max-heght:393px;*/
}
/*ディスプレイサイズ480px以下の読み込み*/
@media screen and (max-width: 479px) {
	.jquery-slider {
	min-height: 167px !important;
	}
}


.jquery-slider-element {
	width: 100% !important;
	height: 100% !important;
	overflow:hidden;
}
.jquery-slider-element img{
	width: 100% !important;
	min-width: 200px !important;
	height:auto;
}
.jquery-slider-control {
}
.jquery-slider-control:hover {
}
.jquery-slider-control-prev {
    left: 8px;
    top: 50%;
}
.jquery-slider-control-next {
    right: 8px;
    top: 50%;
}
.jquery-slider-pages {
}
.jquery-slider-page {
}
.jquery-slider-page:hover {
}
.jquery-slider-page-current {
}

/* スライダーここまで */
/*------------------------------------------------------------------------*/
#category_image {
background-color: white;
padding:0px;
box-shadow: 0 0 3px rgba( 0, 0, 0, 0.5);
width:100 %;
overflow:hidden;
}