/*
Theme Name: takakitawp
Description: 株式会社タカキタ WP テーマ
*/

html,body {
   height: 100%;
}

body {
	color: #333333;
	background-color: #f1f1f1;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	overflow-x:hidden;
}

.wrapper {
	position: relative;
	min-height: 100%;
}

.container {
	padding: 0;
	max-width:960px;
}

.content {
	background-color: #fff;
	padding: 20px 30px 30px 30px;
	max-width:960px;
	margin:60px auto;
}


/* 製品メニュー */

.seihin_menu {
    margin: 10px 0;
}

.seihin_menu a {
    text-align: center;
    padding: 1rem 0;
    display: block;
    background-color: #ffffff;
    border: solid 1px #cccccc;
}



/* =Header
-------------------------------------------------------------- */

.header {
	background-color:#fff;
}

.lang-menu {
	font-size:86%;
	margin-bottom:-20px;
	overflow:hidden;
	clear:both;
}
.lang-menu .tit-ja {
	float:left;
	padding:5px 15px;
}
.lang-menu .tit-ja a {
	color:#333;
}
.lang-menu .tit-ja a:hover {
	color:#0099cc;
}

.lang-menu .list-inline {
	background-image:url("img/global.svg");
	background-color:#333;
	background-size:20px;
	background-repeat:no-repeat;
	background-position:12px 7px;
	width:130px;
	padding:10px 15px 10px 50px;
	float:left;
	line-height:1 !important;
}
/*IE11調整*/

@media all and (-ms-high-contrast:none){
	.lang-menu .list-inline {
		background-size:100px;
		background-position:-20px;
	}
}
.lang-menu .list-inline a {
	color:#fff;
}
.lang-menu .list-inline a:hover {
	color:#999;
}
.lang-menu .list-inline li+li {
	border-left:1px solid #999;
	padding-left:15px;
}

.site-title {
	margin:0 0 40px 0;
}

/* ロゴ110周年 */

/*a.navbar-brand {
	display:block;
	width:150px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit110aniv.png");
	background-repeat:no-repeat;
	background-position:0% center;
	background-size:contain;
	border-bottom:none;
	height:80px;
	margin-bottom: -10px;
	padding: 0;
	z-index:9999999;
}*/

/* ロゴ通常時 */

a.navbar-brand {
	display:block;
	width:200px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/tit.svg");
	background-repeat:no-repeat;
	background-position:0% center;
	background-size:100%;
	border-bottom:none;
	height:60px;
	padding: 0;
	z-index:9999999;
}


/* =Navbar
-------------------------------------------------------------- */

.navbar-mainmenu {
	background: #0099cc !important;
	padding:0;
}
.navbar-mainmenu .navbar-nav {
	margin:0 0 0 0 !important;
}
.navbar-mainmenu .nav-item a.nav-link {
	color:#fff;
	padding:20px 40px !important;
	font-weight:bold;
}
.navbar-mainmenu .nav-item a.nav-link:hover {
	color:#fff !important;
	background-color:#43b0d5 !important;
}

.navbar-mainmenu .nav-search {
	height:60px;
	position:relative;
} 
.navbar-mainmenu .nav-search a {
	background-image:url("img/search.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:25%;
	border-bottom:none;
} 
.navbar-mainmenu .dropdown-menu {
	padding:10px 10px 5px 10px;
	margin-top:10px;
	width:270px;
} 
.navbar-mainmenu .dropdown-menu .btn-primary {
	padding:6px 10px;
	background:#0099cc;
	border-radius:5px;
}  
.navbar-mainmenu .dropdown-menu input {
	width:180px;
}  

.navbar-submenu {
	background: none !important;
	padding:40px 0 !important;
}

.navbar-submenu .nav-item a {
	color:#333 !important;
	font-size:86%;
	padding:0 !important;
} 

/* =Footer
-------------------------------------------------------------- */

.footer {
	background-color: #000;
	color:#fff;
	font-size:86%;
	padding:25px 0 35px 0;
}
.footer {
	color:#fff;
}

.footer-logo {
	display:block;
	width:130px;
	text-indent:-9999px;
	outline:none;
	background-image:url("img/footer_logo.svg");
	background-repeat:no-repeat;
	background-position:0% center;
	background-size:100%;
	border-bottom:none;
	height:30px;
	padding: 0;
	z-index:9999999;
	margin:0 auto;
}

.footer-sitemap ul {
	margin:0 0 0 25px;
	padding:10px 0 10px 0;
}
.footer-sitemap li {
	list-style-type:none;
	position: relative;
}
.footer-sitemap li::after {
  display: block;
  content: '';
  position: absolute;
  top: .6em;
  left: -1.5em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.footer-menu {
	background-color: #333;
	margin-top:15px;
	padding-top:15px;
	color:#fff;
}
.footer-menu .list-inline {
	line-height:1 !important;
}
.footer-menu .list-inline a:hover {
	color:#999;
}
.footer-menu .list-inline li+li {
	border-left:1px solid #999;
	padding-left:15px;
}
.footer a {
	color:#fff;
}
.footer a:hover {
	color:#ccc;
}
.footer .container {
	max-width: 960px;
	margin:0 auto;
	padding:0;
}
.footer .copyright {
	color:#bbb;
	font-size:86%;
	line-height:1.2 !important;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	text-indent:-9999px;
	background-image:url("img/pagetop.png");
	background-repeat:no-repeat;
	background-size:100%;
}
.footer .kakomi {
	margin-top:10px;
	background-color: #000;
	border-color:#999;
	color:#fff;
	padding:10px;
	font-size:90%;
}

 a.youtube-logo {
	font-size:200%;
}


/* =Pankuzu
-------------------------------------------------------------- */

.pankuzu {
	clear:both;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	overflow:hidden;
}
.pankuzu ul {
	font-size:86%;
	clear:both;
	list-style-image:none;
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 20px 0;
}
.pankuzu ul li {
	float:left;
}
.pankuzu ul li a {
	display:block;
	padding:0 10px 0 0;
	margin:0 0 5px 0;
	text-decoration:none;
}
.pankuzu ul li a {
	color:#0099cc;
}
.pankuzu ul li a:hover {
	color:#000;
}
.pankuzu ul li a:after {
	content: ">";
	color:#999;
	padding:0 0 0 10px;
}


/*=====kihon settei=====*/
p {
	margin-top:1em;
}
img {
	border-style: none;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}

h1 {
	margin:20px 0 50px 0;
	padding-bottom:60px;
	line-height:1.5;
	font-size:260%;
	color:#0099cc;
	text-align:center;
}

.content h2 {
	font-size: 175%;
	font-weight: bold;
	color: #000;
	margin-top: 40px;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: .8em;
	border-bottom: 5px solid #ccc;
	line-height:1.3;
}
.content h2::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 5px;
	background-color: #0099cc;
	line-height:1.3;
}
h3 {
	font-size: 143%;
	color:#000;
	font-weight:normal;
	margin:30px 0;
	padding:15px 0 15px 30px;
	position:relative;
}
h3:after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #0099cc;
	border-radius: 4px;
}
.content h4 {
	font-size: 126%;
	color:#000;
	font-weight:normal;
	margin:20px 0;
}

/*=====text=====*/
em {
	font-weight: bold;
	font-style: normal;
}
strong {
	font-weight: bold;
}

.lead {
	font-size:143%;
	color:#009900;
}

.catch {
	font-size:126%;
}

.aka {
	color:#ff0000;
}

.kakomi {
	border:1px solid #ccc;
	padding:30px;
}

/*=====list=====*/
.content ul {
	margin: 0;
	margin-left:1em;
	padding-left: 2em;
}
ul ul {
	margin: 0;
}
ol {
	margin: 15px 0 15px 0;
	margin-left:1em;
	padding-left: 2em;
}
ol ol {
	margin: 0;
}
ol ul {
	margin: 0;
}

/* Link */
a {
	color:#660000;
	text-decoration:none;
}

a:hover {
	color:#ff0000;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.table  {
	margin:30px 0;
	border-bottom: 1px solid #ccc;
}

.table th,
.table td {
  border-top: 1px solid #ccc;
}

.table table td {
	border: 0px solid #ccc;
	padding:0;
}

.table-bordered {
  border: 1px solid #ccc; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ccc; 
	background-color:#fff;}
  .table-bordered th {
    background-color:#c6e8f4; }
  .table-bordered td.midashi {
    background-color:#f1f1f1; }

.table.small {
	font-size:90%;
}

/* =内部コンテンツ用
-------------------------------------------------------------- */

.boxlink:hover {
	cursor:pointer;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.btn {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding:10px 25px;
}
.btn.btn-sm {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding:6px 10px;
	font-size:70%;
}

.btn-primary {
	background-color:#0099cc;
	border-color:#fff;
}
.btn-primary:hover {
	background-color:#43b0d5;
	border-color:#fff;
	color:#fff;
}
.btn-outline-primary {
	border-color:#0099cc;
	color:#0099cc;
}
.btn-outline-primary:hover {
	background-color:#43b0d5;
	border-color:#0099cc;
	color:#fff;
}
.btn-light {
	font-size:115%;
	padding:20px 25px;
}
.btn-dark {
	background-color:#333;
	border:0 solid;
}
.btn-dark:hover {
	color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.btn-product {
	border:0 solid;
	color:#fff;
  background: -moz-linear-gradient(left, #ff0000, #ff9900);
  background: -webkit-linear-gradient(left, #ff0000, #ff9900);
  background: linear-gradient(to right, #ff0000, #ff9900);
}
.btn-product i {
	float:right;
	margin:3px 0;
}
.btn-product:hover {
	color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.btn.btn-search {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:7px 20px;
}

/*googlemap*/

.googlemap {
position: relative;
padding-bottom: 36.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*タイトル*/

.main-tit {
	background-color:#fff;
	position:relative;
	padding:0 0;
}

.main-tit .pankuzu {
	margin-top:0;
}

/*製品*/

.product-area .boxlink {
	margin:0 0 30px 0;
}
.product-area h3 {
	margin:30px 0 0 0;
	font-size:126%;
	padding:0;
}
.product-area h3:after {
	width:0;
}
.product-area p {
	margin:20px 0 0 0;
}

.product-cat {
	background-color:transparent;
	position:absolute;
	bottom:0;
	width:960px;
}
.product-cat .nav-tabs .nav-link {
  border-left: 1px solid #ccc;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
	color:#fff;
	background-color:#333;
	line-height: 3.9;
	font-size: 96%;
}
.product-cat .nav-tabs li:nth-child(4) .nav-link {
	line-height: 1.3;
}
.product-cat .nav-tabs li:first-child .nav-link {
  border-left: 1px solid #333;
}
.product-cat .nav-tabs li:last-child .nav-link {
  border-right: 1px solid #333 !important;
}
.product-cat .nav-tabs .nav-link.active {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid transparent;
	color:#333;
	background-color:#f1f1f1;
}
.product-cat .nav-tabs li:first-child .nav-link.active {
  border-left: 1px solid #fff;
}
.product-cat .nav-tabs li:last-child .nav-link.active {
  border-right: 1px solid #f1f1f1 !important;
}
.product-cat .nav-tabs .nav-link:hover {
	background:#fff !important;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
	color:#0099cc;
}
.product-cat .nav-tabs li:first-child .nav-link:hover {
  border-left: 1px solid #fff;
}
.product-cat .nav-tabs li:last-child .nav-link:hover {
  border-right: 1px solid #fff !important;
}

.content h2.product-cat-tit {
	border:0 solid;
	font-size:180%;
	font-weight:normal;
}
.content h2.product-cat-tit::after {
	width: 0;
}

.product-box {
	background-color:#fff;
	border:1px solid #f1f1f1;
	padding:0 10px 0 10px;
	position: relative;
	border-radius: 0;
}

.product-new::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 4em solid transparent;
	border-left: 4em solid #ff6600; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
}
.product-new::after {
	content: "NEW";
	display: block;
	top: 10px;
	transform: rotate(-45deg);
	color: #fff; /* 文字色はここで変更 */
	left: 5px;
	position: absolute;
	z-index: 101;
	font-weight: bold;
	font-size: 90%;
}

.product-box img {
	margin-top:1px;
}
.product-box:hover {
	border:1px solid #0099cc;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.product-box:hover h4 {
	color:#0099cc;
}
.product-box.product-new:hover::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 4em solid transparent;
	border-left: 4em solid #0099cc; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
}
.product-box h4 {
	margin:0;
	font-size:100%;
	padding-bottom:15px;
	line-height:1.5;
}
.product-box h4 i {
	margin-left:10px;
	color:#0099cc;
}

.product-tit {
	margin-left:10%;
}

.product-tit h1 {
	font-weight:bold;
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
	color:#fff;
	font-size:225%;
}
.product-tit-bg {
	color:#fff;
	margin-top:40px;
	text-align:left;
  background: -moz-linear-gradient(left, #0099cc, #00cccc);
  background: -webkit-linear-gradient(left, #0099cc, #00cccc);
  background: linear-gradient(to right, #0099cc, #00cccc);
	padding:50px;
	position: relative;
}

.product-tit-bg.product-new::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 4em solid transparent;
	border-left: 4em solid #ffcc00; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
}
.product-tit-bg.product-new::after {
	content: "NEW";
	display: block;
	top: 10px;
	transform: rotate(-45deg);
	color: #000; /* 文字色はここで変更 */
	left: 5px;
	position: absolute;
	z-index: 101;
	font-weight: bold;
	font-size: 90%;
}

.product-tit .product-num {
	font-size:86%;
	background-color:#fff;
	padding:10px;
	color:#000;
}
.product-tit .catch01 {
	font-size:143%;
}
.product-tit .catch02 {
	font-size:126%;
}
.product-point h2 {
	font-size:160%;
	text-align:left;
	color:#000;
	margin:30px 0;
	font-weight:normal;
}
.product-point h3 {
	font-size:128%;
	text-align:left;
	color:#000;
	margin:0 0 30px 0;
	font-weight:bold;
}
.product-point .kakomi {
	background-color:#fff;
	border:0 solid;	
	margin:30px 0;
}

.product-point {
	background-color:#f1f1f1;
}

.product-point hr {
	background-color:#ddd;
	margin:30px 0;
}

.product-point .lead {
	font-size:143%;
	font-weight:bold;
	color:#000;
}
.product-point .lead:first-letter {
	color:#0099cc;
	font-size:126%;
}

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

.product-dl {
	background-color:#0099cc;
}
.product-dl h2 {
	color:#fff;
	text-align:center;
	margin:0 0 60px 0;
}
.product-dl i {
	color:#0099cc;
	float:right;
	font-size:200%;
	margin:10px 0 0 0;
}

.product-video {
	background-color:#333;
}
.product-video h2 {
	color:#fff;
	text-align:center;
	margin:0 0 60px 0;
}

.product-link {
    font-size: 1.2rem;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}
.product-link .btn {
    display: block;
    text-align: center;
    padding: 10px 20px;
    margin: 0;
    background-color: #0099cc;
    border-color: #0099cc;
    font-size: 1.2rem;
	border-radius:0;
	cursor:pointer !important;
}
.product-link .btn:hover {
    background-color: #43b0d5;
    border-color: #43b0d5;
}

.product-relation h2 {
	color:#0099cc;
	text-align:center;
	margin:0 0 60px 0;
}

.product-relation h4 {
	font-size:126%;
}

.boxlink .border {
	padding:10px;
	border-color:#ccc !important;
}
.boxlink:hover img.border {
	border-color:#0099cc !important;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

/*採用情報*/

.border-info {
	color: #0099cc;
}

/*カテゴリトップ*/

.cat-btn-l {
	background-color:#fff;
	margin-bottom:30px;
	font-size:106%;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
}
.cat-btn-l:hover a i,
.cat-btn:hover a i,
.cat-btn-company:hover a i {
	color:#000;
}

.cat-btn {
	background-color:#fff;
	margin-bottom:30px;
	font-size:106%;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
	padding:21.5px 30px;
}
.cat-btn-company {
	background-color:#fff;
	margin-bottom:30px;
	font-size:106%;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
}
.cat-btn-company .cat-icon {
	line-height:130px;
}
.cat-btn a,
.cat-btn-l a {
	color:#000;
}
.cat-btn-company a {
	color:#000;
	display:block;
	padding:20px;
}
.cat-btn-l a i {
	color:#0099cc;
	float:right;
	margin-right:30px;
	margin-top:5px;
}
.cat-btn-company a i {
	color:#0099cc;
	float:right;
	margin-right:10px;
	margin-top:5px;
}
.cat-btn a i {
	color:#0099cc;
	float:right;
	margin-top:5px;
}

.cat-icon {
  background: -moz-linear-gradient(top, #00cccc, #0099cc);
  background: -webkit-linear-gradient(top, #00cccc, #0099cc);
  background: linear-gradient(to top, #00cccc, #0099cc);
	line-height:175px;
	color:#fff;
	text-align:center;
	font-size:320%;
}

/*ダウンロード（取扱説明書一覧）*/

a.dl-cyuui {
	color:#ff0000;
	text-decoration:underline;
}

ul.dl-list li {
	list-style-type:none;
	position: relative;
	padding-left:30px;
}
ul.dl-list li::after {
  display: block;
  content: '';
  position: absolute;
  top: .6em;
  left: 0.5em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*PDFリスト*/

ul.pdf-list {   
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
.pdf-list li {   
    background: transparent url("img/pdf.png") no-repeat left 12px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
	list-style-type:none;
	margin-left:0;
	border-top:1px solid #ccc;
}
.pdf-list li.youtube-link {   
    background: transparent url("img/youtube-link.png") no-repeat left 12px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
	list-style-type:none;
	margin-left:0;
	border-top:1px solid #ccc;
}

/*IR情報*/

.table-ir {
	border-bottom:none;
	margin-bottom:-50px;
}

.table-ir td {
	padding-left: 0;
	text-indent: -35px;
	padding-left: 35px;
}

.table-ir .date {
	width:10%;
}

.table-ir a[href $='.pdf'] {   
    padding-left: 35px;
    background: transparent url("img/pdf.png") no-repeat left top;
	padding-top:5px;
	padding-bottom:5px;
}

.table-ir a[href*="youtube"] { 
    padding-left: 35px;
    background: transparent url("img/youtube-link.png") no-repeat left top;
	padding-top:5px;
	padding-bottom:5px;
}

/*NEWS*/

.table-news .date {
	width:25%;
}

.news-bn a {
	font-size:90%;
	color:#333;
}
.news-bn a i {
	color:#0099cc;
}
.news-bn a:hover {
	color:#999;
}

.table-news {
	font-size:96%;
}
.table-news .date {
	width:23%;
	font-size:86%;
}
.table-news .badge {
	color:#fff;
	margin-left:15px;
	border-radius:3px;
	background-color:#fff;
	font-weight:normal;
	width:60px;
	font-size:90%;
}

/*製品*/
.table-news .badge-product {
	color:#ff0000;	
	border:1px solid #ff0000;
}
/*IR*/
.table-news .badge-ir {
	color:#009933;
	border:1px solid #009933;
}
/*お知らせ*/
.table-news .badge-news01 {
	color:#9900cc;
	border:1px solid #9900cc;
}
/*お知らせ（特別）*/
.table-news .badge-news02 {
	background-color:#ff0000;
	color:#fff;
}
/*採用情報*/
.table-news .badge-recruit {
	color:#0099cc;	
	border:1px solid #0099cc;
}
/*特集*/
.table-news .badge-special {
	color:#ff6600;	
	border:1px solid #ff6600;
}

/*先進地探訪*/

.tanbou-tab .nav-tabs .nav-link {
  border-left: 1px solid #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #f1f1f1;
	color:#666;
	background-color:#f1f1f1;
}
.tanbou-tab .nav-tabs li:first-child .nav-link {
  border-left: 1px solid #f1f1f1;
}
.tanbou-tab .nav-tabs li:last-child .nav-link {
  border-right: 1px solid #f1f1f1 !important;
}
.tanbou-tab .nav-tabs .nav-link.active {
  border-left: 1px solid #ccc !important;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid transparent;
	color:#333;
	background-color:#fff;
}
.tanbou-tab .nav-tabs li:first-child .nav-link.active {
  border-left: 1px solid #fff;
}
.tanbou-tab .nav-tabs li:last-child .nav-link.active {
  border-right: 1px solid #ccc !important;
}
.tanbou-tab .nav-tabs .nav-link:hover {
	background:#0099cc !important;
  border-left: 1px solid #0099cc;
  border-top: 1px solid #0099cc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #0099cc;
	color:#fff;
}

/*企業情報*/

.syaze-bg {
	background-image: url("../../../imgwp/company/syaze_bg.jpg");
	background-size: 100%;
	background-position: center;
	padding: 60px 0;
}
	
.syaze {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	max-width: 350px;
background: rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF);
	margin: 0 auto;
	text-align: center;
	font-size: 225%;
	color: #000;
	padding: 30px 20px;
}

.company-catch {
	line-height: 2.5;
}


/* 小デバイス（横向きモバイル, 576px 以上）*/
@media (min-width: 576px) {  

}

/* 中デバイス（タブレット, 768px 以上）*/
@media (min-width: 768px) {  

.navbar-submenu .nav-item {
	text-align:center;
}
.navbar-submenu .nav-item a {
	text-align:center;
	line-height:1;
}
.navbar-submenu li {
	border-right:1px solid #ccc;
	padding: 0 15px 0 15px !important;
}
.navbar-submenu li:last-child {
	border-right:0px solid #ccc;
	padding: 0 0 0 15px !important;
}
.navbar .nav-item a:hover {
	color:#0099cc !important;
}

.row-vision .order-md-1,
.row-vision .order-md-3 {
	margin-top:100px;
}

ul.dl-list {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
}
ul.dl-list li {
	display:inline-block;
	width:31%;
	font-size:16px;
	margin:0 20px 15px 0;
}

}

/* 大デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) { 

}

/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {  

a.navbar-brand {
   width:179px;
}

.footer {
	height:254px;
	position: absolute;
	bottom: 0px;
	width:100%;
}

.main {
	padding-bottom: 250px;
}

}

/* 大デバイス（デスクトップ, 1200px 未満）*/
@media (max-width: 1199.98px) {  

.navbar-toggler {
height:50px;
border:0 solid !important;
top:30px !important;
width:40% !important;
float:right !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 155, 217, 1 )' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
position:absolute;
width:40% !important;
right:10px;
bottom:10px;
border:0 solid !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.navbar-mainmenu .nav-search a {
	background-image:url("img/search.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:60%;
	border-bottom:none;
} 
.navbar-mainmenu .navbar-nav {
	width:100% !important;
}
.navbar-mainmenu .nav-item {
	text-align:center;
	margin:0 auto;
}
.navbar-mainmenu .nav-item a.nav-link {
	color:#fff;
	padding:20px 10px !important;
	font-weight:bold;
	width:auto !important;
}

.pankuzu {
	padding:20px 20px 0 20px;
}
.container {
	padding:0 20px;
}

.navbar-mainmenu .dropdown-menu {
	position:absolute;
	left:-240px;
}

.nav-search-sp {
	padding:10px 10px 20px 10px;
	width:320px;
	margin:0 auto;
} 
.nav-search-sp .btn-primary {
	padding:6px 10px;
	background:#0099cc;
	border-radius:5px;
	margin-left:5px;
}  
.nav-search-sp input {
	width:220px;
}  
.lang-menu-sp.list-inline {
	background-image:url("img/global.svg");
	background-color:#333;
	background-size:20px;
	background-repeat:no-repeat;
	background-position:15px center;
	padding:15px 15px 15px 45px;
	margin:10px 0 20px 10px;
	line-height:1 !important;
}
.lang-menu-sp.list-inline .list-inline-item {
	width:30%;
}
.lang-menu-sp.list-inline a {
	color:#fff;
	display:block;
}  
.lang-menu-sp.list-inline li+li {
	border-left:1px solid #999;
	padding-left:15px;
}
.footer {
	padding-bottom:0;
}

.footer .container {
	padding:0 20px;
}

.footer-menu {
	padding:20px 0;
}
.product-cat {
	background-color:transparent;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

.product-tit {
	margin-left:0;
}
.cat-icon {
	line-height:1;
	padding:20% 0;
}

}

/* 中デバイス（タブレット, 992px 未満）*/
@media (max-width: 991.98px) { 
	
body {
	overflow-x: hidden;
}

.navbar-toggler {
position:relative;
height:50px;
width:40%;
border:0 solid !important;
position:absolute;
top:30px !important;
right:0px;
}

.site-title {
	margin:0 20px 20px 0px;
}

.lang-menu .tit-ja {
	float:left;
	padding:5px 15px;
}

.navbar-mainmenu {
	width:100%;
}

.lang-menu {
	margin-bottom:0px;
}

.footer-menu {
	line-height:1.5 !important;
}

.content {
	padding: 10px 20px 20px 20px;
	max-width:960px;
}

.product-tit h1 {
	font-weight:bold;
	margin:0 0 30px 0;
	color:#fff;
	font-size:180%;;
	text-align: center;
}
.product-tit-bg {
	padding:20px 30px;
	margin-top:10px;
	margin-bottom:30px;
	text-align: center;
}
.product-tit img {
	max-width:280px;
}

.main-tit .container {
	padding:0;
}

.main-tit {
	margin-bottom:-30px;
}
.product-cat .nav-tabs .nav-link {
	font-size:86%;
}


}

/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) { 


.navbar-toggler {
position:relative;
height:50px;
width:40%;
border:0 solid !important;
position:absolute;
top:-70px !important;
right:-20px;
}
body {
	font-size: 14px;
}

.navbar-mainmenu-sp {
	background-color: #0099cc;	
	padding:0;
}
.navbar-mainmenu-sp .nav-link {
	color: #fff;	
	font-weight:bold;
	padding:10px 0;
}
.navbar-mainmenu-sp .nav-link.menu-1 {
	border-bottom:1px solid #98d6ea;
}
.navbar-mainmenu-sp .nav-link.menu-2 {
	border-left:1px solid #98d6ea;
	border-bottom:1px solid #98d6ea;
}
.navbar-mainmenu-sp .nav-link.menu-4,
.navbar-mainmenu-sp .nav-link.menu-5 {
	border-left:1px solid #98d6ea;
}

.navbar-submenu {
	background: none !important;
	padding:0px 0 !important;
	margin-left:-10px;
}

.navbar-submenu .nav-item a {
	color:#000 !important;
	font-size:100%;
	padding:10px 20px !important;
} 

.footer {
	background-color: #000;
	color:#fff;
	font-size:90%;
	padding:10px 20px 20px 20px;
}
.footer-menu {
	background-color: #000;
	margin:0;
}
.footer-menu .list-inline {
	margin:0 0 20px 0 ;
}
.footer-menu .list-inline li {
	display:block;
	margin:0;
	padding:15px 0;
}
.footer-menu .list-inline li+li {
	display:block;
	margin:0;
	padding:10px 0;
	border-left:0 solid;
	border-top:1px solid #666;
}
.footer .container {
	padding:0;
}

.table-news td {
	display:block;
	width:100%;
}
.table-news td {
	width:100%;
	border:0px solid !important;
}
.table-news td.date {
	width:100%;
	border-top:1px solid #ccc !important;
	border-bottom:0px solid !important;
	padding-bottom:0;
}

.product-cat .nav-tabs .nav-link {
  padding: 16px 0 16px 7px;
	line-height: 1.5;
}
.product-cat .nav-tabs li:nth-child(4) .nav-link {
	line-height: 1.3;
  padding: 11px 0 12px 2px;
}

.main-tit {
	padding:0;
}

h1 {
	font-size:200%;
	padding:0 0 30px 0;
}

.content h2 {
	font-size: 143%;
	font-weight: bold;
	color: #000;
	margin-top: 40px;
	margin-bottom: 30px;
	position: relative;
	padding-bottom: .8em;
	border-bottom: 5px solid #ccc;
	line-height:1.3;
}
h3 {
	font-size: 126%;
}

/*営業所*/


table.table-eigyousyo{
display: block;
	border: 0 solid;
}
table.table-eigyousyo th{
display: none;
}
table.table-eigyousyo tbody{
display: block;
}
table.table-eigyousyo tbody tr{
display: block;
margin-bottom: 1.5em;
}
table.table-eigyousyo td.midashi,
table.table-eigyousyo td{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
	font-size:110%;
}
table.table-eigyousyo td{
padding:3px 10px;
}
table.table-eigyousyo td.midashi{
margin-bottom: 5px;
font-size:100%;
list-style-type: none;
background:#f1f1f1;
	font-weight: bold;
padding:10px;
}
table.table-eigyousyo td{
margin-left: 0px;
border-top:0px dotted #ccc;
}
table.table-eigyousyo tbody td:nth-of-type(1):before { content: ""; }
table.table-eigyousyo tbody td:nth-of-type(2):before { content: "住所："; }
table.table-eigyousyo tbody td:nth-of-type(3):before { content: ""; }
table.table-eigyousyo tbody td:nth-of-type(4):before { content: "電話番号："; }
table.table-eigyousyo tbody td:nth-of-type(5):before { content: "FAX番号："; }


table.table-eigyousyo02{
display: block;
	border: 0 solid #ccc;
}
table.table-eigyousyo02 th{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
	font-size:110%;
	background-color: #f1f1f1;
	margin-bottom: 10px;
}
table.table-eigyousyo02 th:nth-of-type(2){
display: none;
}
table.table-eigyousyo02 tbody{
display: block;
}
table.table-eigyousyo02 tbody tr{
display: block;
margin-bottom: 1.5em;
}
table.table-eigyousyo02 td.midashi,
table.table-eigyousyo02 td{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
	font-size:110%;
}
table.table-eigyousyo02 td{
padding:3px 10px;
}
table.table-eigyousyo02 td.midashi{
margin-bottom: 5px;
font-size:100%;
list-style-type: none;
background:#f1f1f1;
	font-weight: bold;
padding:10px;
}
table.table-eigyousyo02 td{
margin-left: 0px;
border-top:0px dotted #ccc;
}
table.table-eigyousyo02 td:nth-of-type(2):before { content: "所在地："; }


/*ダウンロード（取扱説明書一覧）*/


table.table-setumeisyo{
display: block;
	border: 0 solid;
}
table.table-setumeisyo th{
display: none;
}
table.table-setumeisyo tbody{
display: block;
}
table.table-setumeisyo tbody tr{
display: block;
margin-bottom: 1.5em;
}
table.table-setumeisyo td.midashi,
table.table-setumeisyo td{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
padding:10px;
}
table.table-setumeisyo td.midashi{
margin-bottom: 5px;
font-size:100%;
list-style-type: none;
background:#f1f1f1;
	font-weight: bold;
}
table.table-setumeisyo td{
margin-left: 0px;
border-top:0px dotted #ccc;
}
table.table-setumeisyo tbody td:nth-of-type(1):before { content: ""; }
table.table-setumeisyo tbody td:nth-of-type(2):before { content: "[容量] "; }
table.table-setumeisyo tbody td:nth-of-type(3):before { content: ""; }
table.table-setumeisyo tbody td:nth-of-type(4):before { content: "[備考] "; }

table.table-setumeisyo02 tbody td:nth-of-type(1):before { content: ""; }
table.table-setumeisyo02 tbody td:nth-of-type(2):before { content: ""; }
table.table-setumeisyo02 tbody td:nth-of-type(3):before { content: "[容量] "; }
table.table-setumeisyo02 tbody td:nth-of-type(4):before { content: ""; }
table.table-setumeisyo02 tbody td:nth-of-type(5):before { content: "[備考] "; }


/*企業情報*/

.syaze-bg {
	background-size: cover;
	background-position: center;
	padding: 30px;
}
	
.syaze {
	font-size: 160%;
	padding: 30px 20px;
}

.company-catch {
	line-height: 2;
}

/*IR情報*/
	
.table-ir td {
	display:block;
	width:100%;
}
.table-ir td {
	width:100%;

}
.table-ir td.date {
	width:100%;
	border-top:1px solid #ccc !important;
	border-bottom:0px solid !important;
	padding-bottom:0;
}
	
 }

@media (max-width: 992px) { 

a.navbar-brand {
	margin-bottom: 0;
}

}

@media (max-width: 768px) { 

a.navbar-brand {
	width:180px;
	height: 50px;
}

}

/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 555.98px) { 

.product-cat .nav-tabs .nav-link {
	font-size:85%;
  padding: 17.5px 0 16px 7px;
	line-height: 1.5;
}
.product-cat .nav-tabs li:nth-child(4) .nav-link {
	line-height: 1.25;
  padding: 4px 0 6px 2px;
}
}

@media (max-width: 320px) { 

.navbar-mainmenu .nav-item a.nav-link {
	font-size:86%;
}
.nav-search-sp input {
	width:70%;
}  
.lang-menu-sp.list-inline .list-inline-item {
	width:21%;
}
.product-cat .nav-tabs .nav-link {
	font-size:68%;
}
.product-cat .nav-tabs li:nth-child(4) .nav-link {
	line-height: 1.5;
  padding: 2px 0 0px 2px;
}

}


/* Alignments */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignleft {
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignright {
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* POST META */

.post-meta-single-top .post-meta {
	justify-content: center;
}

.post-meta-wrapper {
	margin-top: 5rem;
	margin-bottom: 5rem;
	margin-right: auto;
	margin-left: auto;
	max-width: 58rem;
	width: 100%;
}

.post-meta {
	color: #6d6d6d;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
	font-weight: 500;
	list-style: none;
	margin: -1rem 0 0 -2rem;
}

.post-meta li {
	flex-shrink: 0;
	letter-spacing: -0.016875em;
	margin: 1rem 0 0 2rem;
	max-width: calc(100% - 2rem);
}

.post-meta li::after,
.post-meta li::before {
  list-style: none !important;
  display: none !important;
}

.post-meta a {
	color: inherit;
	text-decoration: none;
}

.post-meta a:focus,
.post-meta a:hover {
	text-decoration: underline;
}

.post-meta .meta-wrapper {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
}

.post-meta .meta-icon {
	flex-shrink: 0;
	margin-right: 1rem;
}

.sticky .post-sticky {
	color: inherit;
}

.post-meta .post-author .meta-icon svg {
	width: 1.6rem;
	height: 1.8rem;
}

.post-meta .post-categories .meta-icon svg {
	width: 1.8rem;
	height: 1.7rem;
}

.post-meta .post-comment-link .meta-icon svg {
	width: 1.8rem;
	height: 1.8rem;
}

.post-meta .post-date .meta-icon svg {
	width: 1.7rem;
	height: 1.8rem;
}

.post-meta .post-edit .meta-icon svg {
	width: 1.8rem;
	height: 1.8rem;
}

.post-meta .post-sticky .meta-icon svg {
	width: 1.5rem;
	height: 1.8rem;
}

.post-meta .post-tags .meta-icon svg {
	width: 1.8rem;
	height: 1.8rem;
}

.post-meta svg * {
	fill: currentColor;
}


/* 20220517-公道走行対応モデル */
table.table-kodomodel td.midashi a.text-kodo {
	color: #00f !important;
	text-decoration: underline !important;
}

table.table-kodomodel td.midashi a.text-kodo:hover {
	color: #ff0000 !important;
	-webkit-transition: 0.3s ease-in-out !important;
	-moz-transition: 0.3s ease-in-out !important;
	-o-transition: 0.3s ease-in-out !important;
	transition: 0.3s ease-in-out !important;
}

@media (max-width: 767.98px) { 

table.table-kodomodel{
display: block;
	border: 0 solid;
}
table.table-kodomodel tr{
	border: 1px solid #ccc;
}
table.table-kodomodel tr.text-center{
	display: none;
}
table.table-kodomodel th{
display: none;
}
table.table-kodomodel tbody{
display: block;
}
table.table-kodomodel tbody tr{
display: block;
margin-bottom: 1.5em;
}
table.table-kodomodel td.midashi,
table.table-kodomodel td{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
padding:10px;
}
table.table-kodomodel td.midashi{
margin-bottom: 5px;
font-size:100%;
list-style-type: none;
background:#f1f1f1;
	font-weight: bold;
}
table.table-kodomodel td{
margin-left: 0px;
border-top:0px dotted #ccc;
}
table.table-kodomodel tbody td:nth-of-type(1):before { content: ""; }
table.table-kodomodel tbody td:nth-of-type(2):before { content: "[型式] "; }

}