@charset "UTF-8";
/* google fontsの使用 */
@import url('https://fonts.googleapis.com/css?family=Lato');

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 500;
	}
body{margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo,sans-serif;
	}
*/

h1	{font-size: 38px}
p	{line-height: 1.5}

/* box1 サイト名 */
.box1-2		{margin: 0;
			padding: 0}
.box1		{margin: 0 0 0 0;
			padding: 0 0 0 30px}
.box1 h1 a	{color: #000000;
			text-decoration: none}
.box1 h1	{margin: 0;
			font-size: 30px}
.box1 img	{width: 270px;
			height: auto;
			border: none;
			margin: 0;
			padding: 10px 0 5px 10px}
.box1 a:hover{opacity: 0.8}
.box1 p		{margin: 0;
			font-size: 18px;
			padding-left: 30px}

/* box2 telarea */
.box2	{padding: 5px 0 5px 0;
		text-align: right;}
.box2 upmenu	{margin: 0;
				padding: 0}
.upmenu ul	{margin: 0 0 20px 0;
			padding: 0 20px 0 0;
			list-style: none;
			float: right;}
.upmenu li a	{display: block;
				padding: 5px;
				color: #000000;
				font-size: 12px;
				text-align: right;
				text-decoration: none;
				margin: 0;
				padding: 0 10px 0 10px}
.upmenu li a:hover	{color: #e65019;
				text-decoration: underline;}
.upmenu li		{border-right: solid 1px #dddddd}
.upmenu li:first-child	{border-left: solid 1px #dddddd}

/* メニューの横並び設定追加 */
.upmenu ul:after	{content: "";
					display: block;
					clear: both}
.upmenu li	{float: left;
			width: auto}
.tel		{clear: both}
.tel p		{font-size: 16px;
			color: #000000;
			margin: 20px 40px 0 0;}
.tel h2		{font-size: 36px;
			color: #0018cc;
			margin: 0 20px -5px 0;
		font-family: 'Lato'} /* google font */

			
/* box4　大見出しバー */
.box4			{width: 100%}

/* box4-1 パンくず */
.box4 .path		{color: #000000;
				font-size: 14px;
				margin: 0;
				padding: 0 0 0 80px}
.box4 .path a	{text-decoration: none;
				color: blue;}
.box4-1			{
				margin: -10px 0 -10px 0;
				padding: 0 0 0 0;
				}
				
/* 各ページ大見出しのオレンジのグラデーション背景色の設定 */
.box4 h1		{color: #fff;
				font-size: 28px;
				padding: 5px 0 5px 40px;
                line-height: 45px;
				margin: 0
			}
.box4 span		{color: #ff4500;
				font-size: 30px;}
.box4			{
				background: #b63000; /* Old browsers */
				background: -moz-linear-gradient(left, #b63000 0%, #ff3300 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, #b63000 0%,#ff3300 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, #b63000 0%,#ff3300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b63000', endColorstr='#ff3300',GradientType=1 ); /* IE6-9 */
				}

/* ＝＝＝＝＝＝＝＝ box5 メインコンテンツ ＝＝＝＝＝＝＝＝ */
.box5			{width: 100%}

/* h2タイトルのグラデーションバー【薄いグラデーションのボックス】 */
.box5 h2	{border: solid 2px #dddddd;
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
			margin: 20px 0 10px 30px;
			padding: 3px 0 0 15px;
			width: 98%;
			font-weight: normal;
			font-size: 22px;
			line-height: 35px;
 			color: #000000}

/* メインビジュアルの設定 */
#kato-top .box4 img		{max-width: 100%;
						height: auto;
						vertical-align: bottom}
#kato-top .box4 figure	{margin-left: auto;
						margin-right: auto;
						margin-top: 0}
					
/* キャッチコピーをメインビジュアルに重ねる */
#kato-top .box4		{position: relative;}
#kato-top .box4 .catch
					{position: absolute;
					bottom: 12%;
					left: 3%;
					color: #ffffff;
					text-align: center}
#kato-top .box4 h2	{font-size: 34px;
					font-weight: normal;
					margin: 30px 0 10px 0;}
#kato-top .box4 p	{font-size: 30px;
					margin: 0} 				/* ここまで画像の重ね */
#kato-top .box5 h1	{font-size: 30px;
					margin-left: 20px;
					margin-bottom: -10px;
					padding: 0 0 0 20px;
					border-bottom: solid 5px #e65019;
					line-height: 35px;}
#kato-top .box5 p	{font-size: 16px;
					line-height: 2.0;
					padding: 0 20px 0 50px;}
#kato-top .box5 p:nth-child(2)	{margin-bottom: 40px;}
#kato-top .intro	{margin-top: 30px;
					margin-bottom: 50px;}

/* topics */
.topics		{margin: 0 0 60px 0}
.news-topics	{margin: -10px 0 0 0;
				padding: -30px 0 0 30px;}
.topics .kiji	{margin: -20px 0 0 100px;
					padding: 0;}
.topics .left-bar	{margin: 0}

/* お知らせの設定 */
.news ul	{margin: 0;
			list-style: none;
			padding: 0 0 0 30px;
			font-size: 15px;
			line-height: 1.5;
			text-align: justify;}
.news time	{float: left;
			width: 124px;
			}
.news ul .news-text	{width: auto;
			float: none;
			margin-left: 124px;}
.news li	{margin-bottom: 10px;
			border-bottom: dotted 1px #666666;
			padding-bottom: 5px;}

 /* ＝＝＝＝　会社案内以下の大本の表　＝＝＝＝ */
.box5 table{
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px;
		border-collapse: collapse;
		font-size: 15px;
		text-align: justify;
		width: 95%;
		table-layout:fixed;
		}
.box5 table, th, td{
		border: solid 1px #cccccc;
		line-height: 1.5;
		}
.box5 .hyou	{margin-left: 20px;}
.box5 th	{
		width: 25%;
		font-weight: normal;
		background-color: #f7f7bb;
		}
.box5 td	{width: 75%;
		background-color: #fff;
		}
.box5 th, td	{padding: 10px 20px 10px 20px}

/* 会社案内の表下のスペース */
#about .hyou {margin-bottom: 50px}

/* ＝＝＝＝　iframe（PDFの表示）要素の調整　＝＝＝＝ */
#about .iframe-content {
					position: relative;
					width: 100%;
					padding: 75% 0 0 0;
					}
#about .iframe-content iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					}

/* ＝＝＝＝＝　提携会社【partner】ページ　＝＝＝＝＝ */
#partner .box5 p	{margin: 0 0 5px 70px;
					font-size: 16px;
					color: #e65019;}
#partner .hyou      {margin-bottom: 20px}
#partner .mark 		{font-size: 26px}
#partner p.info		{margin-top: -10px}
#partner .openpdf	{margin: -20px 0 0 20px;}
#partner .celsius-profile	{margin: -20px 0 30px 30px;}

/* ＝＝＝＝　iframe（PDFの表示）要素の調整　＝＝＝＝ */
#partner .iframe-content {
					position: relative;
					width: 100%;
					padding: 75% 0 0 0;
					margin: 0 0 -200px 20px;
					}
#partner .iframe-content iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 60%;
					height: 60%;
					}

/* 会社概要ページのアクセス案内 */
.box5 h2 span{
    font-size: 16px;
	font-weight: bold;
	color: blue;
	padding-left: 20px;
	vertical-align: 2px;
    }
.box5 h2 .left-bar{
    padding: 4px;
	line-height: 20px;
	background-color: #e65019;
	margin: 0 10px 0 0;
    }
.box5 h2 span a	{text-decoration: none;
				color: #0018cc}
.box5 h2 span a:hover	{color: #e65019}
.box5 h2 i  {font-size: 20px}

/* ＝＝＝＝＝　お問い合わせのページ　＝＝＝＝＝ */
#inquiry .leadtext 	{font-size: 16px;
					margin: 0 0 0 90px}
#inquiry .leadtext p:nth-child(1)   {margin-bottom: -10px}
#inquiry .leadtext .tyuui{
		font-size: 14px;
		line-height: 1.0;
		margin-left: 16px;
		padding-left: 16px;
		text-indent: -16px;
		}
#inquiry table.tel-fax th	{font-size: 20px;}
#inquiry .tel-fax .holiday{
		font-size: 16px;
		font-weight: normal;
		padding-left: 30px;
		}
#inquiry .tel-fax td{
		font-size: 28px;
		font-weight: bold;
		font-family: 'Lato';
		} /* google font */}
#inquiry .box5		{margin-left: -20px}
#inquiry .notice	{color: red}
#inquiry .hankaku{
		font-size: 12px;
		color: #666666;
		padding: 0 0 0 2px;
		}
#inquiry th	{text-align: left}
#inquiry .tel-fax img{
		width: 30px;
		vertical-align: middle;
		}
#inquiry .tel-fax th{
		font-size: 16px;
		margin-left: 5px;
		}

/* ＝＝＝＝＝ formテーブルの設定　＝＝＝＝＝ */
#inquiry .inquiry p		{margin: 0 0 5px 70px;}
#inquiry .inquiry 		{margin: 0 0 0 30px;}
#inquiry input, textarea,	{display: block}
#inquiry input			{width: 100%;
					height: 30px;}
#inquiry input.short		{width: 70%;}
#inquiry input.short2		{width: 60%;}
#inquiry textarea		{width: 100%;
					height: 120px}
#inquiry input[type="submit"], #inquiry input[type="reset"]
					{width: 160px;
					height: 40px;
					margin-left: 20px;}
#inquiry .button-center	{text-align: center}
#inquiry .button-center input:hover	{opacity: 0.6;
						color: red;}

/* メールフォームのインプットエリアの文字サイズ拡大 */
input::-webkit-input-placeholder {
			font-size: 15px}
input:-moz-placeholder {
			font-size: 15px}
input::-moz-placeholder {
			font-size: 15px}
input:-ms-input-placeholder {
			font-size: 15px}

/* 県名セレクトフォームの設定 */
#inquiry td select {
		height: 30px;
		width: 150px;
		font-size: 16px;
		}

/* ページアップボタンの設定 */
#pageTop	{text-align: right;
			font-size: 14px;
			color: #000000;
			clear: both;
			margin-right: 10px;}
#pageTop a	{text-decoration: none;
			color: #000000;}

/* ＝＝＝＝ box6 サイドボックス【599px以下のスマホでは不要】＝＝＝＝ */
/* ＝＝＝＝　box6 一般設定（1）＝＝＝＝　*/
.box6		{width: 100%;
			margin-top: 50px}
.sidebox1, .sidebox2{
			height: 84px;
			margin-bottom: 10px;
			margin-right: 10px;
			box-shadow:
			2px 2px 5px #999999;
			border: solid 2px #dddddd;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			border-radius: 5px;
			}
.sidebox1-inner		{background-color: #333}	/* ボックス内の色を#fbf3c0から変更する */
.sidebox2-inner		{background-color: #333}	/* ボックス内の色を#e7f8c3から変更する */
.sidebox1-inner, .sidebox2-inner
				{margin: 5px;
				height: 70px;
				overflow: hidden;
				border-left: solid 7px #ddd;
				}
.sidebox1-inner h2, .sidebox2-inner h2
				{padding: 0 20px 0 20px;
				font-weight: normal;
				font-size: 24px;
				margin-top: 0;
				height: auto;
				text-align: center;
				line-height: 70px;
				}
	
.box6 a		{display: block;
			color: #fff;			/* ボックス内の文字色を#000から変更する */
			text-shadow: 			/* テキストにGlowing（光彩）処理（2018年12月） */
				1px 1px 2px #ff871f, -1px 1px 2px #ff871f,
    			1px -1px 2px #ff871f, -1px -1px 2px #ff871f; 	/* 2度適用して縁取り */
			text-align: right;
			text-decoration: none}
.sidebox1-inner a:hover, .sidebox2-inner a:hover
				{opacity: 0.8;
				color: yellow}
.box6 a img		{border: none}
.box6 a:after	{content: "";
				display: block;
				clear: both}
.box6 img		{float: left;
				width: 140px;
				height: auto}

/* box6 サイドボックス文字と縦棒の色変え（アクティブページの色）　*/
#about .sidebox1 h2		{color: yellow}
#partner .sidebox2 h2	{color: yellow}
#about .sidebox1-inner{
			border-left: solid 7px #e65019}
#partner .sidebox2-inner{
			border-left: solid 7px #e65019}

/* box6 アクセスページのサイドボックス画像 */
#access .box6 img{
		width: 290px;
		height: auto;
		border: none;
		}
#access .box6 .sidebox{
		border: solid 2px #dddddd;
		padding: 5px;
		}

/* ＝＝＝＝＝ mapとaccsessページ　＝＝＝＝＝ */
/* ＝＝＝＝＝ box6のサイドページより下にしないとシャドーが入る　＝＝＝＝ */
#map_custmomize{
		margin-left: 40px;
		margin-bottom: 10px;
        width: 93%;
        height: 450px;
		}
#access .box5 .accessmap p	{padding-top: 50px;}
#access .mapinfo{
		font-size: 13px;
		margin-left: 40px;
		margin-top: 0;
		width: 90%;
		}
#access .mapinfo img{
			width:15px;
			vertical-align: middle;
			padding: 0 5px 2px 5px;
			}
#access .box6 .sidebox img{
		width: 250px;
		height: auto;
		border: solid 8px #dddddd;
		margin: 150px 0 10px 0;
		padding: 0;
		}
#access .box6 .sidebox{
		margin: 0 0 0 0;
		padding: 0; /* paddingを0にすると画像が上に来る */
		border: none;
		}
#access .arrow-box{
		clear: both; /* 吹き出しボックス */
		position: relative;
		background: #e0ffb3;
		border: 4px solid #d0ff8a;
		}
.arrow-box:after, .arrow_box:before {
		bottom: 100%;
		left: 45%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		}
.arrow-box:after {
		border-color: rgba(136, 183, 213, 0);
		border-bottom-color: #e0ffb3;
		border-width: 25px;
		margin-left: -25px;
		}
.arrow-box:before {
		border-color: rgba(194, 225, 245, 0);
		border-bottom-color: #d0ff8a;
		border-width: 36px;
		margin-left: 36px;
		}
.arrow-box{
		width: auto;
		text-align: center;
		margin: 0 40px 0 40px;
		padding: 10px 0 10px 0;
		}

/* ＝＝＝＝＝　恒温器のページ（1/4）【一般設定】＝＝＝＝＝ */
.chamber	{
			margin: 0;
			padding: 0;
			}
/* 画像の大きさはPCの方でする */
.box5 .catalog	{
			width: 350px;
			margin: 0 0 0 -20px;
			}
.box5 .machine-note{
			margin-top: -10px;
			margin-left: auto;
			margin-right: auto;
			font-size: 16px;
			line-height: 1.6;
			max-width: 80%;
			}
.box5 .customtext	{				/* カスタマイズコメントの調整 */
        width: 400px;
		margin: 0 auto;
		background: #fff;
		padding: 0;
		font-size: 16px;
		line-height: 20px;
		}
.box5 .customtext h3	{
		font-size: 18px;
		color: #b63000;
		font-weight: normal;
		padding: 5px 10px;
		margin: 0 0 10px -20px;
		width: 100%;
		}
.box5 .customtext li	{			/* liの行間を調整 */
			padding: 3px 0;
			}
.box5 .customtext ul	{			/* 上のh3との間隔を詰める */
			margin: -10px 0 0 0;
			}


/* 恒温器と環境試験機のカタログを開くリンクボタンの設定 */
.box5 .catalog ul {
				list-style: none;
				margin: 0;
				}
.box5 .catalog li {
			margin: 0 0 10px 0;		/* リンクボタンボックスの下にスペース */
			background: #41599b;	/* 紺色 */
			font-size: 14px;
			border-radius: 6px;
			border: solid 3px #fff;
			box-shadow:2px 2px 3px #888;
			width: 100%;		/* ボックス全体にリンク範囲を広げる */
			display: block;
			}
.box5 .catalog li a {
			display: block;
			text-decoration: none;
			color: #fff;
			padding: 10px 5px 2px 36px;
			line-height: 20px;
			}
.box5 .catalog .pdfsub	{
			display: block;				/* リンクボタン文字を二行にする */
			position: relative;
			top: -10px;
			}
.box5 .catalog li a.pdficon	{					/* PDFアイコンの表示と調整 */
			background: url(../kato-img/pdf-icon_32.png) no-repeat;
			position: relative;
			top: 6px;
			left: 2px;
			}
.box5 .catalog li a:hover {
			opacity: 0.5;
			}
.box5 .chamber h2	{
			margin: 0 0 5px 30px;
			padding: 0;
			font-weight: normal;
			font-size: 16px;
			background: #eee;
			border: none;
			border-left: 5px solid #b63000;
			height: 28px;
			line-height: 32px;
			}

/* ＝＝＝＝＝　管理・企画【blank】　＝＝＝＝＝ */
#blank .box5 p	{
		text-align: center;
		margin-top: 200px;
		margin-bottom: 400px;
		}


/* ＝＝＝＝＝　技術資料（推奨電源ケーブル）のページ　＝＝＝＝＝ */
/* ＝＝＝＝＝　tableを4つのタブで切り替え（2019年2月追記）　＝＝＝＝＝ */
#powercable table	{
		width: 100%;
		border: 1px solid #b0c4de;
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 0 20px 0;	　　/* 各table下のスペース調整 */
		}
/* 最後のtableのbottomの余白を小さくする */
#powercable table:last-child	{
		margin-bottom: 0;
		}
#powercable th {
		color: #fff;
		padding: 5px;
		border-bottom: 1px solid #b0c4de;
		border-left: 1px solid #b0c4de;
		background: #4682b4;
		font-weight: bold;
		line-height: 200%;
		text-align: center;
		}
#powercable td {
		padding: 10px;
		border-bottom: 1px solid #b0c4de;
		border-left: 1px solid #b0c4de;
		background: transparent;	/* ＝＝＝　tdの背景色をリセットしないとtrへセットできない　＝＝＝ */
		}
#powercable tr {
		background-color: #fff;
		text-align: center;
		}
#powercable tr:nth-child(2n+1) {
		background: #f1f6fc;
		}
#powercable tr:hover {
		background: #bbd4ee;
		cursor: pointer;
		}

/* 最後の注意書き */
.cablenotice	{
		margin: 0 0 5px 30px;
		padding: 0;
		font-size: 14px;
		}
#powercable p.indent	{
		padding-left: 12px;
		margin-top: -12px;
		padding-top: 0;
		}
#powercable h2	{
		width: 100%;
		margin-left: 0;
		}

/* ＝＝＝＝＝　タブでの切り替え設定【技術資料のページ】＝＝＝＝＝ */
/*　タブ切り替え全体のスタイル　*/
.tabs {
  margin: 20px 0 0 5px;
  padding: 0 0 20px 0;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  }
  
/*　タブのスタイル　*/
.tab_item {
  width: calc(100%/4);　　/*　タブの幅を⑷分割　*/
  height: 50px;
  border-bottom: 5px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*　ラジオボタンをすべて消す　*/
input[name="tab_item"] {
  display: none;
}

/*　タブ切り替え中身のスタイル　*/
.panel_area {
  display: none;　　/*　一端すべての中身を消す　*/
  padding: 10px 10px 0 20px;
  clear: both;
  overflow: hidden;
}

/*　選択されているタブのコンテンツのみを表示　*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

/* 選択されているタブのスタイルを変える */
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}

/* 各タブグループの調整 */
.panel_area	{
		width: 95%;
		margin: -40px 0 0 0;
		}
.panel_area p	{
		font-size: 18px;
		margin: 5px 0 5px 0;
		}



/* ＝＝＝＝＝　プライバシーポリシーのページ　＝＝＝＝＝ */
#privacy .privacy{
		width: 80%;
		margin-left: 100px;
		margin-bottom: 30px;
		padding: 0;
		}
#privacy .privacy p{
		font-size: 15px;
		line-height: 1.5;
		text-indent: 20px;
		}
#privacy .privacy p.cap{
		padding-left: 20px;
		text-indent: -20px;
		}


/* ＝＝＝＝＝　サイトマップのページ　＝＝＝＝＝ */
.sitemap	{margin-left: 100px;}
.sitemap a	{text-decoration: none;
			font-size: 16px;
			line-height: 2.0;
			color: blue;}
.sitemap ul	{margin-top: 10px;}
.sitemap h3	{font-size: 22px;
			margin-bottom: 0;
			border-left: solid 7px #999999;
			padding-left: 10px;
			border-bottom: solid 1px #999999;}
.sitemap a:hover	{color: #e65019;}


/* box7 フッター */
footer  p	{margin: 0;
		color:#666666;
		font-size: 14px;
		background-color: #dddddd;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center}
footer	{clear: both}

.box3	{clear: both;}



/* ＃＃＃＃＃＃＃　レスポンシブへの対応　＃＃＃＃＃＃＃ */
/* ＝＝＝＝＝　上書きすべきものだけを記入する　＝＝＝＝＝ */

@media screen and (max-width:599px) {

/* スマホ用ナビゲーションメニューの調整 */
.menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
.menu  a	{
	color: #e65019;
			}
.menu li a{
	display: block;
	padding: 10px 0 10px 20px;
	color: #000 !important;		/* !importantを付けないと黄色になる */
	font-size: 16px;
	text-decoration: none;
	}
.menu li a:hover{
		background-color: #eee;
		color: #e65019;
		}
.menu  li a:active {
		color: red !important;
		}
.menu li a:visited	{
		color: #000;
			}
#menu{
	display: none}
.menu li{
	background-color: #d1eaff;
	border-bottom: solid 1px #fff;
	color: #e65019;
	}
.dropmenu li a, .hide2 li a  {
		padding-left: 50px;
		background-color: #fff;
		border-bottom: solid 1px #ddd;
		color: blue !important;		/* !importantを付けないと黒色になる */
		}



 /* 製品情報下部メニュー、通常は非表示に */   
.dropmenu{display: none}

/* 右上メニューは非表示に */
.upmenu {display: none}

/* PC用のメインビジュアルを隠す */
.box4 .pc-mainvisual {display: none;}

/* サイドボックスbox6は非表示に */
.box6	{display: none}

/* 大きな画面で非表示にしたメニューを表示する */
.hide a {visibility: visible;}
.hide2 a {visibility: visible;}

/* トグルボタンの「MENU」という文字を隠す */
#menubtn span	{
		display: inline-block;
		text-indent: -9999px;
		}
/* トグルボタンの調整 */
#menubtn i	{color: #888888;
			font-size: 46px}
#menubtn{
	padding: 6px 12px;
	background-color: #ffffff;
	border: solid 1px #ddd;
	position: absolute;
	top: 20px;
	right: 5px;
	cursor: pointer;
	}
#menubtn:hover	{background-color: #fec34c}
#menubtn:focus	{outline: none}

/* トグルメニューの右端に【矢印】 */
.menu a{
	position: relative;
	}
.menu .normal a:after{
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
		}
.menu .normal a:hover:after{
	border-top: 3px solid red;
	border-right: 3px solid red;
	}

/* 製品情報の矢印だけを回転させる */
.menu .normal li:nth-child(2) a:after{
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
		}
.menu .normal li:nth-child(2) a:hover:after{
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 3px solid red;
    border-right: 3px solid red;
	}
.menu .normal li:nth-child(2) ul a:hover:after{
	-webkit-transform: none;
   	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

/* box1のロゴとbox2の調整 */
.box1 {
    padding: 10px 0 0 0;
    margin-bottom: -20px;
    }
.box1 img	{width: 220px;
			margin-bottom: -5px}
.box1 p		{font-size: 14px;
			padding-left: 10px}
.tel p		{font-size: 14px;
			margin: 20px 40px 0 0;}
.tel h2		{font-size: 30px;
			margin: 0 20px -5px 0}

/* トップページの一般設定 */
#kato-top .box5 h1	{font-size: 24px;
					margin-bottom: -10px;
					padding: 0 0 0 10px;
					margin: -20px 10px -10px 10px;
					line-height: 30px}
#kato-top .box5 p	{font-size: 16px;
					line-height: 1.8;
					padding: 0 10px 0 25px;}
.news ul	{margin: 0;
			padding: 0 15px 0 20px}
.topics embed	{display: none;}	/* スマホではPDFが表示されないので隠す（2022年2月） */

/* h2バーの調整 */
.box5 h2	{margin: 20px 50px 10px 10px;
			padding: 3px 0 0 15px;
			width: 90%}

/* お問い合わせページ案内文の調整 */
#inquiry .box5 {
            padding:0;
            margin: 0;
            width: 100%;
            }
#inquiry .leadtext{
    width: 95%;
    margin-left: 10px}
    
/* お問い合わせページ「上の表」の調整 */
#inquiry {
        margin: 0;
        padding: 0;
        }
.inquiry .text  {
        margin-left: -65px;
        padding-left: 0
    }
.inquiry table {
            margin: 0 0 0 -10px;
            width: 98%;
            }
#inquiry .tel-fax img {width: 25px;}
#inquiry table.tel-fax th{
                font-size: 16px;
                padding: 15px 0 15px 5px;
                width: 30%;
                }
#inquiry table.tel-fax td{
        font-size: 24px;
        font-weight: bold;
        font-family: 'Lato';
        width: 70%;
        padding-left: 8px;
        } /* google font */
#inquiry table.holiday{
        font-size: 12px;
        font-weight: normal;
        }

/* スマホでは大きな画面用の「holiday」は隠す  */
#inquiry .tel-fax .holiday{
			display: none;
			}
#inquiry .tel-fax .holiday2{
            font-size: 15px;
			font-weight: normal;
			padding-left: 10px;
            }

/* メールフォームの調整 */
#inquiry input[type="submit"], #inquiry input[type="reset"]
					{width: 140px;
					height: 36px;
					margin: 20px 0 0 10px}
#inquiry table.formmail th {padding: 15px 0 15px 5px}
#inquiry table.formmail td {padding-left: 5px}

/* パンくずの調整 */
.box4 .path	{
        font-size: 13px;
		padding: 0 0 5px 10px;
        margin-top: 10px;
        }

/* 会社概要等のtableを縦型にする */
.box5	{margin: 0;
		padding: 0;}
.box5 h2{
		font-size: 20px;
		width: 90%;}
.box5 table{
        margin: 0;
		padding: 0;
		border-style: none;
		margin-left: 0;
    	border-style: none;
    	width: 95%;
    	table-layout: fixed;
    	}
/*
.gaiyou,
.gaiyou tr,
.gaiyou td,
.gaiyou th {display:block;}
*/
.gaiyou th,
.gaiyou td {
		display:block;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        width: 95%;
        }
.gaiyou th, .gaiyou td {
		text-align: center;
        }
.gaiyou1 tr:nth-child(n+11) td{
        text-align: left;
        }
.gaiyou2 tr:nth-child(n+3) td{
        text-align: left;
        }

/* h1見出しの調整 */
.box4 h1	{font-size: 26px;
			padding: 5px 0 5px 10px;
             line-height: 35px;
			}

/* 提携会社ページの調整 */
/* 「display:inline-block」で全tableの幅が広がる */
.linecell td, .linecell th{
		display: inline-block;
        width: 95%;
		}
#partner p.info {margin-left: 30px}
#partner .gaiyou3 tr:nth-child(2) td{
        text-align: justify;
        }

#partner .hyou	{
				margin-bottom: 0;
				padding-bottom: 0;
				}

/* セルシウス会社案内PDFの表示調整 */
/*
#partner .iframe-content {
					position: relative;
					width: 95%;
					padding: 75% 0 0 0;
					margin-bottom: 25px;
					margin-left: -30px;
					margin-right: 20px;
					}
#partner .iframe-content iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 95%;
					height: 100%;
					}
*/
#partner .iframe-content {
			width: 95%;
			margin-bottom: 50px;
			}

				
/* セルシウスPDFプレビューの位置調整 */


    
/* 会社概要のアクセス案内の調整 */
#about h2 span{
    font-size: 12px;
    padding-left: 3px;
    }

/* 見出しバー下のリード文の調整 */
#about p.info, #partner p.info{
		width: 80%;
		padding-left: 16px;
		text-indent: -16px;
		}

/* ＝＝＝＝＝　セルチャンバーと恒温器のページ（2/4）【スマホ用】＝＝＝＝＝ */
#machine .chamber{
            margin-top: 20px;
            padding: 0;
            text-align: center; /* ここでセンターにしてから「text」で左寄せにする */
            }

#thermal .chamber{				/* ボックスchamberをセンターにする設定 */
			max-width: 500px;
			margin: 0 auto;
            }
.box5 .chamber img{
            width: 300px;
            height: auto;
            padding: 0;
            margin: -5px 0 5px -10px;
            }
.box5 .machinepict	{
			text-align: left;
			}
.box5 .machine-note{
			margin-left: 7%;
			margin-right: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 14px;
			}

/* カタログを開くリンクボタンの調整【スマホ用】 */
.box5 .chamber h2	{
			width: 100%;
			}
.box5 .catalog ul {
			width: 90%;
			margin: 0;
			}
.box5 .catalog li {
			margin-bottom: 6px;
			padding: 5px 0 8px 10px;
			font-size: 14px;
			width: 100%;		/* ボックス全体にリンク範囲を広げる */
			text-align: left;
			}
/* カスタマイズコメントの調整 */
.box5 .customtext h3	{
			margin: 0;
			padding: 0;
			display: block;
			}
.box5 .customtext ul	{			/* 上のh3との間隔をスマホ用に広げる */
			margin: 5px;
			}
.box5 .customtext	{
			max-width: 500px;
			width: 80%;
			margin: 0 auto;
			}

/* アクセスマップの調整 */
#map_custmomize{
		margin-left: 20px;
		margin-bottom: 20px;
        width: 90%;
        height: 400px;
		}
#access .mapinfo{display: none;}

/* アクセスマップ「table」の調整 */
.linecell2 td, .linecell2 th{
		display: inline-block;
        width: 95%;
		}

/* ＝＝＝＝　技術情報tableページの調整 */
/* タブサイズの調整 */
.tabs {
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
  width: 100%;
  }
.tab_item {
  font-size: 12px;
		}
/* table上のリード文の調整 */
.panel_area	{
		width: 95%;
		margin: -40px 0 0 -10px;
		}
.panel_area p	{
		font-size: 14px;
		margin: 5px 0 5px 0;
		}
#powercable h2	{
		width: 95%;
		margin-left: 0;
		}
/* 最後の注意書き */
.cablenotice	{
		margin: 0 5px 5px 10px;
		padding: 0;
		font-size: 14px;
		}


/* ページアップボタンの調整 */
#pageTop    {padding-right: 10px}

/* box7 フッター、文字サイズの調整 */
footer  p	{font-size: 13px;}

}/* 599px以下　ここまで */


/* ＝＝＝＝＝＃＃＃＃＃　画面サイズが600px以上の時　＃＃＃＃＃＝＝＝＝＝ */

@media screen and (min-width: 600px) {

.box1-2, .box3-inner, .box4-inner, .box5-6	{
			width: auto;
			margin-left: auto;
			margin-right: auto;}

/* box1とbox2、box5とbox6を横に並べる設定 */
.box1-2:after, .box5-6:after	{
		content: "";
		display: block;
		clear: both;}
.box1	{float: left;
		width: 50%;
		padding-right: 50px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;}
.box2	{float: right;
		width: 50%}
.box5	{float: left;
		width: 70%}
.box6	{float: left;
		width: 30%}
    
/* box5とbox6の間隔 */
.box5	{padding-right: 50px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}
.box5 h2	{
			margin: 10px 0 10px 10px;
			}

/* ＝＝＝＝＝　セルチャンバーと恒温器のページ（3/4）【タブレット用】 */
.box5 .chamber	{
			margin: 0;
			}
.box5 .catalog	{
			width: 350px;
			margin: 0 0 0 -20px;
			padding: 0 0 0 -20px;
			}
/*
.box5 .chamber img	{
			width: 300px;
			}
*/
.box5 .customtext{				/* 恒温器・環境機器の説明文 */
		margin-top: 10px 0;
		padding: 10px 10px;
		font-size: 15px;
        }

/* 恒温器・環境試験機の画像とリンクボタンを横に並べる */
.box5 .chamber:after {			/* 「:after」で回り込みを解除 */
			content: "";
			display: block;
			clear: both;
            }
.box5 .machinepict {
            margin: 0;
            padding: 0;
   			float: left;
            }
.box5 .catalog	{
			float: left;
			margin: 0;
			}




/* 大きな画面ではトグルボタンを非表示にする */
#menubtn	{display: none}

/* グローバルナビが非表示になるのを防ぐ */
#menu		{display: block !important}

/* ＝＝＝＝　box3 グローバルナビの設定　＝＝＝＝ */
/* グローバルナビのメニュー色を変更（2018年N11月） */
/* .box3		{background-color: #ff4500;
			background: #ffffff; /* Old browsers */
/*			background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
/*			background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
/*			background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
/*			border-top: solid 6px #e65019}

/* 背景色をグラデーションからダークグレーへ変更（2018年11月） */
.box3		{background-color: #333;
			border-top: solid 6px #ff3300;		/* グローバルナビ上の横バー */
			border-bottom: groove 6px #000;
			}

/* グローバルナビの外枠となるulタグに幅と高さを指定 */
ul.normal {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    height: 56px;
    }
/* グローバルナビのボタンをセンターにして等分割にする */
.menu ul li{
    display: block;
    float: left;
	width: 20%;
	margin: 0;
    padding: 0;
    }
.menu ul{margin: 0;
		padding: 0;
		list-style: none;
        text-align: center;
        }
.menu li a {
    display: block;
	padding: 15px;
	color: #fff;			/* グローバルナビの文字色 */
	font-size: 16px;
	text-shadow: 			/* テキストにGlowing（光彩）処理 */
		1px 1px 2px #ff871f, -1px 1px 2px #ff871f,
    	1px -1px 2px #ff871f, -1px -1px 2px #ff871f; 	/* 2度適用して縁取りを濃くする */
	text-decoration: none;
	text-align: center;
	border-right: groove 3px #333;	/* グローバルナビの区切り線 */
    -moz-box-sizing: border-box;	 /* 区切り線をborder-box */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    }
.menu li:first-child{
    border-left: groove 3px #333;	/* グローバルナビの左端区切り線 */
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
.menu li a:hover	{background-color: #444}	/* メニューをホーバー中のカラー */

/* メニューの横並び設定追加 */
.menu ul:after{
    content: "";
	display: block;
	clear: both
    }
/*	メニューの前の二重矢印 */
.box3 i	{
    font-size: 20px;
	vertical-align: -1px;
	color: #fff;
    }
.menu li a:hover	{color: yellow}		/* hover中の文字色 */

/* 大きな画面で隠すメニュー */
#menu .hide a	 {display: none}
#menu .hide2 	{display: none}
    
/* スマホ用のトップ画像を隠す */
.box4 .tatenaga {display: none}

/* ＝＝＝＝＝　製品情報ボタンのプルダウンメニューの設定　＝＝＝＝＝ */
.menu-single	{position: relative;}
.normal > li li:hover > a	{background: #555;}		/* hover時のプルダウンメニューの背景色 */
.normal li ul	{left: 0;
				position: absolute;
				z-index: 100;} 				/* topページでボタンが画像の下に隠れるのを防ぐ */
.normal li ul li	{overflow: hidden;
					height: 0;}				/* hoverされるまでは、高さを0にして隠しておく */
.normal li ul a	{border-top: groove 3px #333;
				border-right: none;			/* ドロップダウンメニューの右端に黒線が出るので消す */
				}
.normal li:hover > ul > li	{overflow: visible;
							width: 100%;
							height: 55px;		/* hoverされたときのメニューの高さ */
							left: 0;
							background: #333;} /* プルダウンメニューの背景色（普段） */
							}
							
/* box2 右上メニュー文字の色替え */
#access .upmenu li:nth-child(1) a	{color: #e65019}
#privacy .upmenu li:nth-child(2) a	{color: #e65019}
#sitemap .upmenu li:nth-child(3) a	{color: #e65019}
    
/* ＝＝＝＝＝　グローバルメニューの文字色をアクティブページでは黄色にする（スマホではブラック） */
#kato-top .menu li:nth-child(1) a,
#thermal .menu li:nth-child(2) a,
#machine .menu li:nth-child(2) a,
#blank .menu li:nth-child(3) a,
#powercable .menu li:nth-child(4) a,
#inquiry .menu li:nth-child(7) a
				{color: yellow;
				}

/* お問い合わせのページの調整 */
#inquiry table.tel-fax th{
                font-size: 16px;
                padding-left: 10px;
                padding-right: 0;
                }
#inquiry .tel-fax img	{width: 22px;}

/* サイドボックスのサイズ調整【タブレット用】 */
.sidebox1, .sidebox2{
			margin-right: 0;
			height: 126px;
			}
.sidebox1-inner, .sidebox2-inner{
                    margin: 5px;
					height: 112px;
					}
.sidebox1-inner h2, .sidebox2-inner h2{
                    font-size: 16px;
                    padding: 28px 5px 0 5px;
					}
.box6 img{
		width: 136px;
		}



/* ＝＝＝＝＝＃＃＃＃＃　画面サイズが960px以上の時（PC用）　＃＃＃＃＃＝＝＝＝＝ */
@media screen and (min-width:960px){

/* 横幅はautoに設定 */
.box1-2, .box3-inner, .box4-1, .box4-inner, .box5-6{
			width: 910px;
			margin-left: auto;
			margin-right: auto}

/* お問い合わせのページの調整 */
#inquiry table.tel-fax th{font-size: 20px;}
#inquiry .tel-fax img	{width: 30px;}


/* ＝＝＝＝＝　セルチャンバーと恒温器のページ（4/4）【PC用】＝＝＝＝＝ */
/* リンクボタンの幅とマージン、装置写真のサイズ */
.box5 .chamber	{
			width: 100%;
			margin-bottom: 20px;
			padding-bottom: 20px;
			}
.box5 .catalog	{
			width: 53%;
			margin: 0 0 0 -20px;
			padding: 0;
			}
.box5 .chamber img	{
			width: 350px;
			margin: 0 0 0 5px;
			}

.box5 .chamber-test .customtext	{
			margin: 50px 0 0 0;
			}

#machine .machine-note	{
			margin: 10px 0 30px 0;
			}
.box5 .mobilecenter	{
			overflow: hidden;
			}

/* ＝＝＝＝＝　サイドボックスのサイズ調整【PC用】＝＝＝＝＝ */
.sidebox1, .sidebox2{
			height: 142px;
			}
.sidebox1-inner, .sidebox2-inner{
                    margin: 5px;
					height: 128px;
					}
.sidebox1-inner h2, .sidebox2-inner h2{
                    font-size: 20px;
                    padding: 30px 20px 0 20px;
                    text-align: center;
					}
.box6 img{
		width: 160px;
		}

/* スマホ用の「holiday2」は隠す  */
#inquiry .tel-fax .holiday2{
			display: none;
			}
}


/* ＝＝＝＝＝＃＃＃＃＃　画面サイズが1281px以上の時　＃＃＃＃＃＝＝＝＝＝ */
@media screen and (min-width: 1281px){
/* 横幅を1140pxに設定 */
.box1-2, .box3-inner, .box4-1, .box4-inner, .box5-6
			{width: 1140px;
			margin-left: auto;
			margin-right: auto}
#kato-top .box4 img	{width: 1140px;
					height: auto;}
}