@charset "utf-8";
.fontSerif{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#chakki-title {
	width: 12em;
	margin: 30px auto;
	letter-spacing: 0.2em;
}

#content{
	clear:both;
	width:950px;
	margin:100px auto;
	overflow: hidden;
}

#content2{
	width:950px;
	margin:100px auto;
}

table.m-product {
	margin-left:auto;
	margin-right:auto;
	/*width: 500px;*/
	width: 80%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	table-layout:fixed;
	overflow:hidden;
}

table.m-product th,
table.m-product td {
	padding: 10px;
}

table.m-product th {
	background: #534741;
	vertical-align: middle;
	text-align: left;
	width: 90px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	padding-left:10px;
}

table.m-product th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #534741;
	border-width: 20px;
	margin-top: -20px;
}

table.m-product td a{
    color:#000000;
}

table.m-product td {
	background: #EDEDEB;
	width: 135px;
	padding-left: 40px;
	font-size:14px
}

.m-content-bottom{
	text-align:center;
	margin-top:30px;
}


/*start：h1 3本ラインcss*/
.a-title-leftbar {
	height: 26px;
	border-top: solid 2px #534741;
	border-top-color: rgb(83, 71, 65);
	border-bottom: solid 2px #534741;
	border-bottom-color: rgb(83, 71, 65);
	width: calc((100% - 950px)/2 + 30px);
	float: left;
	clear: both;
}

.a-title-leftbar2 {
	height: 26px;
	border-top: solid 2px #F05A24;
	border-top-color: rgb(240, 90, 36);
	border-bottom: solid 2px #F05A24;
	border-bottom-color: rgb(240, 90, 36);
	width: calc((100% - 950px)/2 + 30px);
	float: left;
	clear: both;
}

.a-title-leftbar3 {
	height: 26px;
	border-top: solid 2px #F6AF45;
	border-top-color: rgb(246, 175, 69);
	border-bottom: solid 2px #F6AF45;
	border-bottom-color: rgb(246, 175, 69);
	width: calc((100% - 950px)/2 + 30px);
	float: left;
	clear: both;
}

.a-h1-style {
	font-size: 26px;
	float: left;
	margin: 0;
	padding-left: 15px;
	color: #534741;
}

.a-title-demo,.a-title-demo2,.a-title-demo3 {
    margin-top: 15px;
}

.a-h1-demo {
    padding: 15px 40px;
    background-color: #4d4d4d;
    font-size: 26px;
    color: white;
}

.a-h1-demo2{
	padding: 15px 40px;
	background-color: #F05A24;
	font-size: 26px;
	color: white;
}

.a-h1-demo3{
	padding: 15px 40px;
	background-color: #F6AF45;
	font-size: 26px;
	color: white;
}

.a-title-leftbar span {
	border-top: solid 2px #534741;
	margin-top: 10px;
	display: block;
}

.a-title-leftbar2 span {
    border-top: solid 2px #F05A24;
    margin-top: 10px;
    display: block;
}

.a-title-leftbar3 span {
    border-top: solid 2px #F6AF45;
    margin-top: 10px;
    display: block;
}

.a-title-4d {
    border-color: #4d4d4d;
}

.a-h1-4d {
    margin-bottom: 80px;
}

/*end：h1 3本ラインcss*/


.a-pankuzu {
	width: 100%;
	padding-left: calc((100% - 950px)/2 + 40px);
	list-style-type: none;
	margin: 28px 0;
	overflow: hidden;
}

.a-pankuzu li {
	float: left;
	color: #0596ce;
	font-size: 14px;
}

.a-pankuzu li::after {
	content: ">";
	padding: 0 3px;
}

.a-pankuzu li:last-child::after {
	content: "";
}

.a-pankuzu li > a > span {
	color: #0596ce;
}

.a-pankuzu li.a-active > a > span {
	color: #534741;
}

.a-pan-bk li.a-active > a > span {
	color: #333333;
}


/* #### TAKEUCHI CSS start#### */
/* 余白 CSS */
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pt-60{
	padding-top:60px;
}
.pt-70{
	padding-top:70px;
}
.pt-80{
	padding-top:80px;
}
.pt-90{
	padding-top:90px;
}
.pt-100{
	padding-top:100px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-30{
	padding-bottom:30px;
}
.pb-40{
	padding-bottom:40px;
}
.pb-50{
	padding-bottom:50px;
}
.pb-60{
	padding-bottom:60px;
}
.pb-70{
	padding-bottom:70px;
}
.pb-80{
	padding-bottom:80px;
}
.pb-90{
	padding-bottom:90px;
}
.pb-100{
	padding-bottom:100px;
}
.mt-10{
	margin-top:10px;
}

.mt-20{
	margin-top:20px;
}

.mt-30{
	margin-top:30px;
}

.mt-40{
	margin-top:40px;
}

.mt-50{
	margin-top:50px;
}

.mt-60{
	margin-top:60px;
}

.mt-70{
	margin-top:70px;
}

.mt-80{
	margin-top:80px;
}

.mt-90{
	margin-top:90px;
}

.mt-100{
	margin-top:100px;
}
.mb-10{
	margin-bottom:10px;
}

.mb-20{
	margin-bottom:20px;
}

.mb-30{
	margin-bottom:30px;
}

.mb-40{
	margin-bottom:40px;
}

.mb-50{
	margin-bottom:50px;
}

.mb-60{
	margin-bottom:60px;
}

.mb-70{
	margin-bottom:70px;
}

.mb-80{
	margin-bottom:80px;
}

.mb-90{
	margin-bottom:90px;
}

.mb-100{
	margin-bottom:100px;
}

.red{
	color:red;
}

table.t-search-table{
	width:100%;
	margin-bottom:20px;
	font-size:14px;
}

table.t-search-table-first{
	width:100%;
	margin-bottom:0;
	font-size:14px;
}

table.t-search-table-first tr{
	width:100%;
	margin-bottom:0;
	border:none!important;
}

table.t-search-table tr{
	border:solid 1px #534741;
}

table.t-search-table th,table.t-search-table td{
	padding:20px;
	text-align:center;
	vertical-align: middle;
}

table.t-search-table td a{
	background:#534741;
	padding:10px 15px;
	color:#FFF;
	border-radius:20px;
	font-weight:normal;
}

table.t-search-table tr td:nth-of-type(1),
table.t-search-table tr td:nth-of-type(6),
table.t-search-table tr th:nth-of-type(1),
table.t-search-table tr th:nth-of-type(6){
	width:20%;
}

table.t-search-table tr td:nth-of-type(2),
table.t-search-table tr td:nth-of-type(3),
table.t-search-table tr td:nth-of-type(4),
table.t-search-table tr td:nth-of-type(5),
table.t-search-table tr th:nth-of-type(2),
table.t-search-table tr th:nth-of-type(3),
table.t-search-table tr th:nth-of-type(4),
table.t-search-table tr th:nth-of-type(5){
	width:15%;
}

h2.t-search-h2{
	display:inline;
	background:#534741;
	padding:5px 10px;
	color:#FFF;
	font-size:14px;
}
a.btn-dw{
	background:#534741;
	border-color:#60453A;
	padding: 15px 60px;
  border-radius: 10px;
 	max-width: 400px;
  color: #FFF;
	margin: 0 auto;
}
a.btn-dw:hover{
	color:#FFF;
}

a.btn-primary:hover{
	background:#534741;
	color:#FFF;
}

p.t-reference-p{
	font-size: 12px;
	text-align: right;
	margin-bottom: 30px;
}

.col-md-4 img{
	max-width:100%;
}

/* 製品詳細 CSS */
td.t-p-img{
	padding:0!important;
}
#content h3{
	font-size:18px;
	letter-spacing: 0.3em;
}


.t-size-table{
	letter-spacing: 0.2em;
}
p.price,.m-price{
	text-align:center;
	margin:60px 0;
}


/* カタログ CSS */
.ca-top-m{
	margin-top:120px;
}

.block-table{
	display: table;
	margin: 80px 0;
	width: 100%;
	text-align: right;
}

.inner-block{
	display: table-cell;
	width: 16.66666%;
	padding: 0 5px;
	vertical-align: bottom;
}

.inner-block img{
	max-width:160px;
}

.inner-block p{
	text-align: center;
	width: 100px;
	margin-left: auto;
	margin-right: 0px;
}

h2.t-ca-h2{
	background:#333333;
	color:#FFF;
	display:inline-block;
	padding:8px 80px;
	font-size:18px;
	text-align:center;
}

h2.t-ca-h2-width{
	width:300px;
}

.t-ca-title{
	text-align:center;
}

.t-demo-form{
	margin-top: 75px;
	background-color: #f4f4f4;
	width: 100%;
	position: relative;
}

.t-demo-form h2.t-ca-h2{
	padding: 7px 30px;
	background-color: #333333;
	color: white;
	width: calc(22em + 60px);
	position: absolute;
	top: -35px;
	left: calc((100% - (22em + 60px))/2);
}

a.t-btn-o{
	padding:15px 40px;
	border-radius:7px;
	color:#FFF;
	background:#F6AF45;
	display:inline-block;
}


/* フートバルブトップページ CSS */
.movie{
	margin-left:auto;
	margin-right:auto;
	max-width:580px;
}

.pt-100-k{
	padding-top:100px;
}

.movie2{
	margin-left:auto;
	margin-right:auto;
	max-width:389px;
}

.t-smolen-top-area{
	position: relative;
  width: 916px;
}

.t-smolen-top-area p{
	position: absolute;
  left: 0;
  bottom: 50px;
	font-size: 24px;
}

.t-smolen-top-area2 p{
	line-height:2.0;
}

h2.movie-title{
	text-align: center;
	background: #000;
	color: #FFF;
	max-width: 580px;
	margin: 0 auto;
	padding: 10px;
	font-size: 20px;
}

.t-width-100{
	width:100%;
}

.t-width-100 h3{
	padding:0;
}

.pdl-none{
	padding-left:0;
	padding-right: 6px;
}

.pdr-none{
	padding-right:0;
	padding-left: 6px;
}

h3.obitype-water{
	background:#0596CE;
	color:#FFF;
	font-size:20px;
	padding:5px;
}

h3.obitype-gray{
	background:#333;
	color:#FFF;
	font-size:20px;
	padding:5px;
}

h3 span{
	color:#FFF !important;
}

#cFootTrable{
	text-align:center;
	margin-bottom:230px;
}

#cNews ul,#cDemoCarBlog ul{
	padding-left:30px;
	padding-right:30px;
}

#cNews ul li{
	margin-top:0;
	border-bottom: dotted 1px #0596CE;
	padding: 20px;
}

#cNews ul li p{
	margin:0;
}

#cNews ul li p a{
	text-decoration: underline!important;
}

#cDemoCarBlog ul li{
	margin-top:20px;
}

#cDemoCarBlog ul li:first-child{
	margin-top:30px;
}

#cDemoCarBlog ul li a{
	color:#333;
	padding-left:10px;
}

.top-foot-area1 h2{
	text-align:center;
}

.top-foot-area1 h2 img{
	max-width:700px;
}

#cFootTrable .trableExample {
    position: relative;
    margin: 50px -10px 30px;
    padding: 30px 10px 30px;
    border: solid 1px #333;
    text-align: center;
    padding-left: 50px;
		padding-right: 50px;
}

#cFootTrable h3 {
    padding: 10px;
    width: 320px;
    margin: -50px auto 30px;
    font-size:18px;
}
.bg-black {
    background: #333;
    color: white;
}

.trableExample ul li{
	padding:30px;
}

.trableExample ul li figure{
	line-height:2.0;
}

.trableExample ul li img{
	max-width:100%;
}
.t-w-950{
	width:950px;
	margin: 0 auto;
	padding:0;
}

#cFootSolution {
  background: #1C2857;
  padding-bottom: 20px;
}

.bg-white{
	background:#FFF;
}
.bg-gray{
	background:#E5E5E5;
}

.pt-all-30{
	padding:30px;
}

.bg-white img{
	display:block;
	margin:0 auto;
}

.badcase h3{
	background: #4D4D4D;
	color:#00FEFE;
	font-size: 16px;
}

.badcase h3 span{
	color:#00FEFE!important;
	font-size: 20px;
	vertical-align: -1px;
}

.goodcase h3{
	background: #4D4D4D;
	color:#F6921E;
	font-size: 16px;
}

.goodcase li,.badcase li{
	list-style: none;
	margin: 20px 10px;
}
.goodcase li:before,.badcase li:before{
	content:"●";
	font-family:'Noto Sans JP',sans-serif;
}
.goodcase ul,.badcase ul{
	padding-left: 20px;
}
.goodcase h3 span{
	color:#F6921E!important;
	font-size: 20px;
	vertical-align: -1px;
}

#foot-svg2{
	margin-top:-200px;
}

h3.obitype-black{
	background: #333;
	color: #FFF;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.t-n-mb10 li{
	margin-bottom:10px;
}

.ctl-box{
	text-align:center;
	clear: both;
}

.ctl-box input[type="button"]{
	background: #4D4D4D;
	border: none;
	padding: 10px 30px;
	width: 400px;
	color: #FFF;
	border-radius: 5px;
}

.top-foot-area3{
	background: url('../../img/s_03/top_06_bg.jpg');
	margin-top:-50px;
}

.top-foot-area3{
	line-height: 1.7;
}

h3.t-s-pa{
	padding:0;
	text-align:left;
	color:#0596CE;
}

.top-foot-area3-sub{
	clear:both;
	margin-top: 20px;
}

.col-flow{
	clear:both;
	overflow:hidden;
}

#cVoice li .title {
  position: absolute;
  left: calc(50% - 150px);
  top: -20px;
  width: 300px;
  padding: 7px 15px;
  background: #0091D7;
  font-size: 18px;
  color: white;
  text-align: center;
}

#foot-svg7{
	max-width:400px;
}

#cVoice h2{
	text-align:center;
}

#cVoice li {
    border: solid 1px #0091D7;
    position: relative;
    padding: 40px 10px 20px;
    margin: 10px -10px 30px;
    clear:both;
}

.voice_content img{
	display: block;
	max-width: 100%;
	margin: auto;
}

#cVoice .voice_footer dt {
    float: left;
    width: 60px;
}

.voice-clear-box{
	overflow:hidden;
}

.voice_footer p{
	line-height:1.7;
}

.voice_footer table{
	margin-top:30px;
}

.voice_footer table th{
	padding:0 5px;
}

.voice_footer table th img{
	width:30px;
}

.voice_footer table td{
	width: 210px;
	vertical-align: top;
	padding: 0 5px;
}

a.btn-gray{
	background: #333;
	padding: 10px;
	border-radius: 5px;
	color: #FFF;
	display: block;
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

#qainfo h2{
	text-align:center;	
}

#foot-svg8{
	max-width:500px;
}

.t-3arrow table{
	width:100%;
}

.t-3arrow table td:nth-child(2n+1){
	width:calc(100vw / 4);
}

.t-3arrow table td h3{
	font-size:20px;
	color:#19234C;
}

.t-3arrow table td p{
	border-top: solid 2px #0596CE;
	border-bottom: solid 2px #0596CE;
	height: 20px;
	margin:0;
}

.t-3arrow table td p span{
	border-top: solid 2px #0596CE;
	display:block;
	margin-top:7px;
}

.t-3arrow{
	margin:0;
}

.qainfowaku{
	overflow:hidden;
}

.qainfo2 p{
	text-align:center;
}

h2.movie-title2{
	text-align: center;
	background: #19234C;
	color: #FFF;
	max-width: 580px;
	margin: 0 auto;
	padding: 10px;
	font-size: 20px;
}

h3.t-blue-qa{
	background: #0596CE;
	color: #FFF;
	font-size: 14px;
	padding: 8px;
	max-width: 200px;
}

h3.t-red-qa{
	background: #F00;
	color: #FFF;
	font-size: 14px;
	padding: 8px;
	max-width: 200px;
}

p.t-p-small{
	font-size:10px;
}

.qainfowaku p{
	text-align:left;
}

.qainfowaku .col-md-8,.qainfowaku .col-md-7{
	padding-left:0;
}

.qainfo3 h3{
	padding: 10px;
	width: 320px;
	margin: -50px auto 30px;
	font-size: 18px;
	background:#19234C;
	color:#FFF;
}

.qainfo3 h4{
	margin:0;
	margin-top:30px;
	color:#19234C;
}

.qainfo3 .trableExample{
	position: relative;
	margin: 50px -10px 30px;
	padding: 30px 10px 30px;
	border: solid 1px #19234C;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}

.qainfo3 .trableExample h5{
	background: #19234C;
	padding: 10px;
	margin: 0;
	color: #FFF;
}

.qainfo4{
	text-align:center;
	padding-bottom:40px;
}

.qainfo4 p{
	margin:30px 0;
}

.qainfo4 img{
	padding-bottom: 30px;
}

.top-foot-area5{
	background: #333;
	padding: 30px 0;
}

.top-foot-area6{
	padding:60px 0;
}

a.btn-white{
	background: #FFF;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	display: block;
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.t-demo-01{
	position: relative;
	padding: 30px;
	padding-bottom: 60px;
    /*background: -webkit-repeating-linear-gradient(-45deg,#534741 0,#534741 1px,#fff 2px,#fff 4px);*/
    /*background: -o-repeating-linear-gradient(-45deg,#534741 0,#534741 1px,#fff 2px,#fff 4px);*/
    /*background: repeating-linear-gradient(-45deg,#534741 0,#534741 1px,#fff 2px,#fff 4px);*/
  background-color: #534741;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
  -webkit-background-size: 5px 5px;
  /*background: -webkit-repeating-linear-gradient(-45deg,#534741 0,#534741 1px,#fff 2px,#fff 6px);*/
  /*background: -o-repeating-linear-gradient(-45deg,#534741 0,#534741 1px,#fff 2px,#fff 6px);*/
  /*background: repeating-linear-gradient(-45deg,#534741 0,#534741 1px,#fff 2px,#fff 6px);*/
}

.t-demo-01 h2{
	background: #F05A24;
	padding: 30px 0;
	color: #FFF;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.7;
	padding-bottom: 40px;
}

.t-demo-01 h3{
	position: absolute;
	bottom: 43px;
	background: #333;
	color: #FFF;
	left: calc(50% - 111px);
	font-size: 18px;
	padding: 8px 30px;
}

.t-demo-blog{
	overflow:hidden;
	margin-bottom: 20px;
}

.t-demo-blog img{
	max-width:100%;
}

.t-demo-blog p{
	text-align:center;
}

.jiseki-area{
	margin-bottom:30px;
}

.jiseki-area table{
	width:100%;
}

.jiseki-area table td{
	width:25%;
	padding:2px;
	background:#FFF;
}

.jiseki-area table td img{
	width:100%;
}

#foot-svg6{
	width:80%;
}

/* チャッキバルブトップページ CSS */
.t-chakki-top-area{
	margin-bottom: 50px;
	overflow: hidden;
}
.relative-box{
	position: relative;
	margin-top:30px;
}

.relative-box p{
	position: absolute;
	z-index: 1;
	right: 40px;
	font-size: 28px;
	text-align: right;
	top: calc(50% - 50px);
	font-weight: bold;
}

.relative-box img{
	width:100%;
}

.t-chakki-top-area h2{
	font-size: 28px;
	line-height: 1.5;
}

.t-chakki-top-area2 ul{
	list-style-type: square;
	padding-left: 20px;
}

.t-chakki-top-area2 li{
	margin-bottom:5px;
}

h3 #chakki-svg1{
	letter-spacing: 0;
}

.t-chakki-top-area3{
	overflow:hidden;
	background: url('../../img/s_03/top_04_bg.jpg');
	padding: 40px 0;
}

.t-chakki-top-area3 p{
	line-height:1.7;
}

.t-chakki-top-area3 h3{
	padding:15px 0;
}


.t-blue-box li {
    border: solid 1px #0091D7;
    position: relative;
    margin: 10px -10px 30px;
    clear: both;
	padding-left: calc(100%*2/4 - 600px*2/4);
	padding-right: calc(100%*2/4 - 600px*2/4);
	padding-top: 50px;
	padding-bottom: 30px;
}

.t-blue-box li .title {
    position: absolute;
    left: calc(50% - 150px);
    top: -20px;
    width: 300px;
    padding: 7px 15px;
    background: #0091D7;
    font-size: 18px;
    color: white;
    text-align: center;
}

.t-r-both{
	margin-bottom:80px;
	overflow:hidden;
}

.t-blue-box-sub{
	overflow:hidden;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.t-blue-box-sub img{
	width:100%;
}

p.t-img-title{
	text-align: center;
	font-weight: bold;
}

.t-blue-box p span{
	font-weight:bold;
}

.t-chakki-top-area4{
	text-align:center;
	padding: 40px 0;
}

.t-chakki-top-area4 img{
	max-width:100%;
}

.t-chakki-top-area5 {
    padding: 30px;
    background: -webkit-repeating-linear-gradient(-45deg,#F1F1F1 0,#F1F1F1 2px,#fff 2px,#fff 4px);
    background: -o-repeating-linear-gradient(-45deg,#F1F1F1 0,#F1F1F1 2px,#fff 2px,#fff 4px);
    background: repeating-linear-gradient(-45deg,#F1F1F1 0,#F1F1F1 2px,#fff 2px,#fff 4px);
}

.t-chakki-bluebox h2 {
    background: #1C2857;
    padding: 30px 0;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.7;
}

.t-chakki-top-area6{
	text-align:right;
	position: relative;
}

.t-voice-blue{
	position: absolute;
	top: 0;
	left: 0;
	max-width: 700px;
}

.col-c-flow{
	overflow:hidden;
}

.t-chakki-top-area7{
	background:#333;
	padding:10px 0;
	margin-bottom: 60px;
}

.t-chakki-top-area7 p{
	color:#FFF;
	line-height:1.7;
	padding:30px 0;
}

.t-chakki-top-area7 p span{
	display:block;
	font-weight:bold;
}

.col-c-flow > div{
	padding-left:0;
	padding-right:0;
}


/* 消防防災用設備ページ CSS */
.t-grand-area h2{
	background:#FF0000;
	color:#FFF;
	padding:10px;
	text-align:center;
}

.t-grand-area-chatch{
	position: absolute;
	text-align:center;
	right: 0;
	bottom: 0;
}

.t-grand-area-chatch p.t-p-26{
	font-size:26px;
	margin-bottom:20px
}

.t-grand-area{
	position: relative;
}

.t-grand-area2{
	text-align:center;
	margin-top:80px;
}

.t-grand-area2 h2{
	color: #0596CE;
	font-size: 36px;
	margin-bottom:20px;
}

.t-grand-area2 p{
	background: #252A57;
	font-size: 24px;
	color:#FFF;
	padding:20px;
}

.red-3 table td p {
    border-top: solid 2px #F00;
    border-bottom: solid 2px #F00;
    height: 20px;
    margin: 0;
}

.red-3 table td h3 {
    font-size: 25px;
    color: #F00;
}

.red-3 table td p span {
    border-top: solid 2px #F00;
    display: block;
    margin-top: 7px;
}

.t-grand-area3 ol{
	padding-left:12px;
	margin-bottom: 80px;
}

.t-grand-area3 ol li{
	line-height:1.7;
}

.t-grand-area3 p{
	line-height:1.7;
}

h3.t-syo-title{
	background: #333;
	color: #FFF;
	width: 80%;
	font-size: 30px;
	margin: 20px auto;
}
.t-syo-tablearea ul{
	text-align:right;
}

.t-syo-tablearea ul li{
	display:inline;
	padding-left: 20px;
}

.t-syo-tablearea ul li span{
	color: #F00;
	font-size: 30px;
}

.t-syo-tablearea table{
	width:100%;
	margin-bottom: 30px;
}

.t-syo-tablearea table th{
	background:#565656;
	color:#FFF;
	text-align:left;
	border:solid 1px #565656;
	padding:5px;
}

.t-syo-tablearea table td{
	border:solid 1px #565656;
	padding:5px;
}


.t-syo-tablearea table th:first-child,
.t-syo-tablearea table td:first-child{
	width:30%;
}

.t-syo-tablearea table th:last-child,
.t-syo-tablearea table td:last-child{
	width:70%;
}

.t-syo-tablearea table td:last-child{
	text-align:center;
}

.t-grand-area4{
	margin-top:80px;
	background:#333;
	padding:30px 0;
}

.t-grand-area5{
	background:#1C2857;
	margin-top: 230px;
	padding: 80px 0;
	position: relative;
}

.t-grand-area5 h2{
	position: absolute;
	top:-155px;
	max-width:950px;
}

.t-grand-area5-4img{
	background:#FFF;
	text-align: center;
	padding-bottom: 30px;
	overflow:hidden;
}

.t-grand-area5-4img h3{
	font-size:16px;
}

.t-grand-area5-4img p{
	padding-top:15px;
}

.t-grand-area6{
	background: url('../../img/s_03/top_04_bg.jpg');
	padding: 30px 0;
	margin-bottom:40px;
}

.col-both{
	overflow:hidden;
	margin-bottom: 60px;
}

.t-grand-area6 h3{
	font-size:17px;
	color:#FFF;
	background:#333;
}

.t-grand-area6 h4{
	font-size:17px;
	color:#FFF;
	background:#333;
	padding: 15px;
	text-align: center;
	max-width: 170px;
	margin-top: 30px;
}

.t-grand-area6 h5{
	color:#1C2857;
	font-size:18px;
}

p.t-r-image-title{
	text-align: center;
	padding: 20px 0;
}

h3.t-svg-img{
	background:transparent;
	padding:15px 0;
	text-align: left;
}

p.kome-small{
	font-size:12px;
}

.t-pb p{
	margin-bottom: 20px;
	line-height:1.7;
}

#syo-svg7{
	width:68%;
}

h3.t-plf{
	padding-top: 50px;
	padding-left:15px;
	padding-right:15px;
	clear: both;
}

.t-plf{
	padding-left:15px;
	padding-right:15px;
}

#syo-svg8{
	width:60%;
	margin:0 auto;
}

h4.t-w-blue{
	background:#1C2857;
}

.t-grand-area6-waku{
	margin-top:30px;
	position: relative;
	border:solid 1px #068DC9;
	padding:20px 10px 5px 10px;
}

.t-grand-area6-waku h6{
	position: absolute;
	background: #068DC9;
	padding: 5px 15px;
	color: #FFF;
	font-size: 17px;
	top: -25px;
	width: 180px;
	text-align: center;
}

.rela-box{
	position: relative;
	padding-top:50px;
}

.abso-box{
	position: absolute;
	background: #068DC9;
	padding: 5px 15px;
	color: #FFF;
	font-size: 17px;
	top: 33px;
	left: calc(50% - 150px);
}

.img-waku{
	border:solid 1px #068DC9;
}

#syo-svg9{
	width:60%;
	margin-top:-20px;
}

.blue-3 table td:nth-child(2n+1){
	vertical-align: middle;
}

.blue-3 table td p{
	border-top: solid 2px #1C2857;
	border-bottom: solid 2px #1C2857;
	height: 20px;
	margin: 0;
}

.blue-3 table td p span {
    border-top: solid 2px #1C2857;
    display: block;
    margin-top: 7px;
}

.t-grand-area7{
	padding-bottom: 80px;
}

/* ******** 消防防災用設備 アコーディオン CSS ********* */

.t-tab_content{
	display:block!important;
	padding:0!important;
	margin-bottom:20px;
}

h2.t-h2-style{
	font-size:20px;
	color:#1C2857;
}

.t-acd-label{
	background:#1C2857!important;
}

/* ******** 消防防災用設備 アコーディオン end ********* */



/* スモレンスキトップページ CSS */
.t-smolentop-area1{
	width:100%;
	margin-bottom:80px;
}

.t-smolentop-area2{
	width:100%;
	background:#252A57;
	position: relative;
}

.t-smolentop-area2-content{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

.t-smolentop-area1 img{
	width:100%;
}

.t-smolentop-area2 p{
	color:#FFF;
	line-height:2em;
	font-size:16px;
}

.block-table2{
	display: table;
	margin: 80px 0;
	width: 100%;
}

.inner-block2{
	display: table-cell;
	width: 50%;
	padding: 0 5px;
}

.inner-block2 img{
	display: block;
	margin:0 auto;
}

.inner-block2 ul{
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
}

.inner-block2 ul li{
	border-bottom:1px dotted #808080;
	padding:10px 30px;
	font-size:16px;
}

.inner-block2 ul li:before{
	content:  "";     /* 空の要素作成 */
	width:  10px;               /* 幅指定 */
	height:  10px;              /* 高さ指定 */
	display:  inline-block;     /* インラインブロックにする */
	background-color: #0596CE;  /* 背景色指定 */
	position:  relative;        /* 位置調整 */
	top: -1px;                  /* 位置調整 */
	margin-right: 10px;          /* 余白指定 */
}

a.btn-bk{
	max-width:360px;
	background:#333;
	color:#FFF;
	padding:10px;
	border-radius:7px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	text-align:center;
}

.t-ul-doble-bar {
	height: 3px;
	border-top: solid 1px #333;
	border-top-color: rgb(3, 51, 51);
	border-bottom: solid 1px #0596CE;
	border-bottom-color: rgb(5, 150, 206);
	max-width: 360px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	margin-top: 30px;
}

.t-smolentop-w{
	overflow:hidden;
	width:90%;
	background:#FFF;
	color:#333;
	margin-left:auto;
	margin-right:auto;
}

.t-w-l{
	float:left;
	width:30%;
	text-align:center;
	padding: 5px;
}

.t-w-l p{
	color:#333;
	text-align:center;
	display:inline;
	font-weight:700;
	font-size:30px;
	border-bottom:solid 1px #333;
	font-family: 'Roboto', sans-serif;
}

.t-w-r{
	float:right;
	width:70%;
	padding:25px 20px 15px 0;
}

.t-flex {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
}

hr{
	margin-top: 15px;
	margin-bottom:0;
}

hr.t-tab-r-line {
	position: relative;
	top: calc(50% - 3px);
	margin: 4px 10px;
	border: none;
	border-top: solid 1px #333!important;
}

.t-tab-reader-box1{
	font-weight:700;
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	margin-top:2px
}

.t-tab-reader-box2 {
	flex: auto;
}

.t-tab-reader-box3{
	margin-top:4px;
}

.t-skyblue{
	color:#0596CE;
}


.t-smolentop-area2 h2{
	max-width:950px;
	position: absolute;
	left: calc(50% - 475px);
	top:-155px;
}

/* #### TAKEUCHI CSS end#### */

/************************************
*	チャッキサブメニュー			*
************************************/
.dropdown-menu li {
	border-bottom: dashed 1px #534741;
	width: 90%;
	margin: 0 auto;
}

.dropdown-menu li:last-child {
	border-bottom: none;
}

/************************************
*	パンクズ						*
************************************/

/* A.Komatsu-style -START- */

.a-pankuzu {
	width: 100%;
	padding-left: calc((100% - 950px)/2 + 40px);
	list-style-type: none;
	margin: 28px 0;
	overflow: hidden;
}

.a-pankuzu li {
	float:left;
	display:inline;
	color: #0596ce;
	font-size: 14px;
}

.a-pankuzu li::after {
	content: ">";
	padding: 0 3px;
}

.a-pankuzu li:last-child::after {
	content: "";
}

.a-pankuzu li > a > span {
	color: #0596ce;
}

.a-pankuzu li.a-active > a > span {
	color: #534741;
}

.a-pan-bk li.a-active > a > span {
	color: #333333;
}

/* A.Komatsu-style -END- */


/************************************
*	h1 Style						*
************************************/

/* A.Komatsu-style -START- */

.a-title-leftbar {
	height: 26px;
	border-top: solid 2px #534741;
	border-bottom: solid 2px #534741;
	width: calc((100% - 950px)/2 + 30px);
	float: left;
	clear: both;
}

.a-title-leftbar span {
	border-top: solid 2px #534741;
	margin-top: 10px;
	display: block;
}

.a-h1-style {
	font-size: 27px;
	float: left;
	margin: 0;
	padding-left: 15px;
	color: #534741;
	font-weight: 500;
	font-family: "Noto Sans JP Bold";
}

.a-title-bk {
	border-color:#333333;
}

.a-title-bk span {
	border-color:#333333;
}

.a-h1-bk {
	color: #333333;
	margin-bottom: 80px;
}

.a-title-4d {
	border-color:#4d4d4d;
}

.a-title-4d span {
	border-color:#4d4d4d;
}

.a-h1-4d {
	color: #4d4d4d;
	margin-bottom: 60px;
}

.a-title-demo {
	/*デモンストレーションのご依頼用*/
	margin-top: 15px;
}

.a-h1-demo {
	/*デモンストレーションのご依頼用*/
	padding: 15px 40px;
	background-color: #4d4d4d;
	font-size: 26px;
	color: white;
}

.a-title-navy {
	border-color:#1c2857;
}

.a-title-navy span {
	border-color:#1c2857;
}

.a-h1-navy {
	margin-bottom: 80px;
	padding: 15px 25px;
	background-color: #1c2857;
	font-size: 26px;
	color: white;
}

.a-title-skyblue {
	border-color:#0596ce;
}

.a-title-skyblue span {
	border-color:#0596ce;
}

.a-h1-skyblue {
	padding: 15px 25px;
	background-color: #0596ce;
	font-size: 26px;
	color: white;
}

.a-h1-div {
	overflow: hidden;
	width: 100%;
	padding: 60px 0;
	background-image: linear-gradient(
		-45deg,
		#5fbae6 12.5%,
		#ffffff 12.5%,
		#ffffff 50%,
		#5fbae6 50%,
		#5fbae6 62.5%,
		#ffffff 62.5%,
		#ffffff
	);
	background-size: 4px 4px;
	background-attachment: fixed;
	
}

/* A.Komatsu-style -END- */


/************************************
*	stock_01.html					*
************************************/

/* A.Komatsu-style -START- */

#stock_01 {
	overflow: hidden;
	width: 100%;
	font-size: 14px;
}

#foot-angle, #foot-straight {
	width: 50%;
	float: left;
	text-align: center;
}

#foot-angle h2, #foot-straight h2 {
	width: 20em;
	padding: 12px 0;
	border: solid 2px #534741;
	margin: 28px auto 0;
	letter-spacing: 0.05em;
	font-size: 14px;
	color: #534741;
}

#foot-angle h2 {
	float: right;
	margin-right: 50px;
}

#foot-straight h2 {
	float: left;
	margin-left: 50px;
}

#foot-angle ul, #foot-straight ul {
	clear: both;
	width: 22em;
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.14),
				0 3px 14px 0 rgba(0, 0, 0, 0.12),
				0 5px 5px 0 rgba(0, 0, 0, 0.2);
}

#foot-angle ul {
	float: right;
	margin-right: calc(50px - 1em);
}

#foot-straight ul {
	float: left;
	margin-left: calc(50px - 1em);
}

#foot-angle ul li, #foot-straight ul li {
	padding: 12px 0;
	width: 20em;
	margin-left: 1em;
}

#foot-angle ul li:first-child, #foot-straight ul li:first-child {
	border-bottom: dashed 1px #534741;
}

/*下点線消す*/
.noborder{
	border-bottom: none;}


#foot-angle ul li a, #foot-straight ul li a{
	color: #534741;
	letter-spacing: 0.1em;
}

#foot-angle ul li a:hover, #foot-straight ul li a:hover {
	color: #c7b299;
}

.a-remarks01 {
	clear: both;
	width: 100%;
	margin-top: 42px;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.05em;
}

/* A.Komatsu-style -END- */


/************************************
*	kiyaku.html						*
************************************/

/* A.Komatsu-style -START- */

.a-block {
	width: 100%;
	margin-top: 40px;
	background-color: #f4f4f4;
	position: relative;
}

.a-block h2 {
	position: absolute;
	padding: 7px 0;
	top: calc(-1em - 18px);
	left: 36px;
	width: 12em;
	background-color: #333333;
	color: white;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1em;
	text-indent: 1em;
}

.a-block ol {
	list-style-type: none;
	color: #4d4d4d;
	padding: 36px 26px 26px;
}

.a-block ol li {
	line-height: 25px;
	letter-spacing: 0.05em;
	font-size: 16px;
}

.a-block ol li {
	margin-top: 3px;
}

.a-block ol li:first-child {
	margin-top: 0;
}

.a-block ol ol {
	padding: 0 1em;
}

.a-block ol ol li {
	margin-top: 0;
}

.a-remarks02 {
	margin: 20px 0 0 36px;
	font-size: 16px;
}

/* A.Komatsu-style -END- */

/************************************
*	s_05.html						*
************************************/
/* A.Komatsu-style -START- */

.m-tab_content h2.m-h2-style {
	font-weight: 750;
	font-family: "Noto Sans JP Bold";
	font-size: 18px;
}

.a-add-label .acd-label {
	height: auto;
}

.a-add-label .acd-label img {
	width: 30px;
	
}

.a-add-label .acd-label span {
	display: block;
	position: relative;
	width: calc( 100% - 40px );
	padding-right: 0 !important;
}

.a-add-label .acd-label::after {
	top: calc( (100% - 30px)/2 );
	position: absolute;
}

/* A.Komatsu-style -END- */

/************************************
*	s_10.html						*
************************************/

/* A.Komatsu-style -START- */

#s_10 {
	overflow: hidden;
	width: 100%;
	height: auto;
	padding: 0 40px 30px;
}

#s_10 ul {
	width: 100%;
	margin-bottom: 60px;
}

#s_10 ul li {
	width: 100%;
	clear: both;
	margin-bottom: 25px;
	overflow: hidden;
}

#s_10 ul li p {
	float: left;
	margin-bottom: 0;
}

.a-news-label {
	font-size: 18px;
	line-height: 33px;
	width: 140px;
	background-color: #0596ce;
	color: white;
	letter-spacing: .1em;
	text-align: center;
	font-weight: 750;
}

.a-news-content {
	font-size: 16px;
	line-height: 25px;
	width: calc( 100% - 140px );
	padding-left: 50px;
}

.a-news-content a {
	color: #4d4d4d;
}

.a-news-content a:hover {
	text-decoration: underline !important;
}

#s_10 button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

#s_10 button span {
	font-size: 18px;
	line-height: 18px;
}

#s_10 #button1, #s_10 #button2 {
	background-color: #0596ce;
	color: white;
	padding: 10px 25px;
	border-radius: 10px;
}

#s_10 #button1 {
	float: left;
}

#s_10 #button2 {
	float: right;
}

/* A.Komatsu-style -END- */


/************************************
*	s_12.html						*
************************************/

/* A.Komatsu-style -START- */
#s_12 {
	width: 100%;
}

#s_12 > p {
	margin-bottom: 70px;
	padding: 0 45px;
	font-size: 16px;
	line-height: 30px;
}

#s_12 > div {
	position: relative;
	margin-top: 55px;
}

/*parts.cssより継承*/
#s_12 > div label{
	position: absolute;
	padding: 3px 0;
	top: calc(-1em - 8px);
	left: 36px;
	width: calc(100% - 72px);
	background-color: #333333;
	color: white;
	font-size: 16px;
	text-indent: 1em;
	z-index: 999;
}

#s_12 > div label h2{
	font-size: 16px;
	margin: 10px;
	width: 100%;
	float: left;
}

#s_12 .a-acd-content {
	background-color: #f4f4f4;
	border: none;
}

#s_12 .a-acd-content ol {
	list-style-type: square;
	padding: 36px 26px 20px;
}

#s_12 .a-acd-content ol li {
	line-height: 25px;
	letter-spacing: 0.05em;
	font-size: 16px;
	margin-top: 5px;
}

#s_12 .a-acd-content p {
	padding-left: 26px;
	font-size: 16px;
	margin-bottom: 20px;
}

#s_12 > div label::after {
	width: 26px;
	height: 26px;
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: white;
	color: black;
	text-align: center;
	text-indent: 0;
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	line-height: 1.7;
}

#s_12 > div .a-acd-check:checked + label::after {
	content: "\f068";
}

/* A.Komatsu-style -END- */


/************************************
*	s_14.html						*
************************************/

/* A.Komatsu-style -START- */

#s_14 {
	padding: 0 35px;
	overflow: hidden;
	font-size: 21px;
	color: #534741;
}
#s_14 h2 {
	font-size: 16px;
	margin: 30px 0 40px;
}

#s_14 h2 + p {
	font-size: 16px;
	margin-bottom: 70px;
}

#s_14 h2 + p a {
	font-size: 26px;
	color: #0596ce;
	padding: 0 8px;
	font-weight: 750;
	margin-bottom: 10px;
	font-family: "Noto Sans JP Bold";
}

#s_14 ul {
	width: 100%;
}

#s_14 ul li {
	width: 100%;
	clear: both;
	line-height: 45px;
	height: 45px;
	margin-bottom: 5px;
}

#s_14 ul li h3 {
	float: left;
	font-size: 16px;
	margin: 0;
	text-align: left;
	width: 18em;
	border-bottom: solid 1px #534741;
	padding-left: 10px;
}

#s_14 ul li p {
	float: left;
	font-size: 16px;
	margin: 0;
	line-height: 45px;
	width: calc(100% - 18em - 7px);
	margin-left: 7px;
	padding-left: 15px;
	/*border-bottom: dashed 1px #0596ce;*/
  border-bottom: dashed 1px #4d4d4d;
}

#s_14 ul li p a {
	color: #0596ce;
}

/* A.Komatsu-style -END- */


/************************************
*	s_15.html						*
************************************/

/* A.Komatsu-style -START- */
#s_15 {
	width: 100%;
}

#s_15 #panels p {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
}

/* [パネルタブ Style START] */

#s_15 .panel-radios {
	display: none;
}

#s_15 ul {
	margin: 50px 0 30px;
	overflow: hidden;
}

#s_15 #tabs-list li {
	float: left;
	font-size: 18px;
	width: calc(50% - 2.5px);
	text-align: center;
	background-color: #b2b2b2;
}

#s_15 #tabs-list li:first-child {
	margin-right: 5px;
}

#s_15 label.panel-label {
	display: block;
	height: 100%;
	padding: 8px 0;
	margin-bottom: 0;
	color: white;
}

#s_15 label.panel-label h2 {
	font-size: 18px;
	margin: 0;
	line-height: 27px;
}
/*[#panel-X]v_01スタイルを継承*/

/* [パネルタブ Style END] */

/* --[panel-1] Style-- */
#s_15 #panel-1 ul {
	background-color: #f4f4f4;
	padding: 20px 40px;
	margin: 0 auto;
	list-style-type: square;
}

#s_15 #panel-1 ul li {
	font-size: 16px;
	color: #4d4d4d;
	margin: 0 50px;
	line-height: 40px;
}

#s_15 #panel-1 h3 {
	font-size: 20px;
	margin: 60px auto 20px;
	border-left: solid 5px #4d4d4d;
	border-bottom: solid 2px #4d4d4d;
	line-height: 29px;
	text-indent: .5em;
	text-align: left;
	padding: 0;
	width: 95%;
	letter-spacing: 0;
}

#s_15 #setti-img {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

#s_15 #setti-img + p {
	width: 95%;
	margin: 50px auto 0;
	padding: 5px 0;
	background-color: #4d4d4d;
	text-align: center;
	color: white;
}

/* --[panel-2] Style-- */
#s_15 #panel-2 ul {
	margin: 30px 0 0;
	overflow: hidden;
}

/* ▼二階層目パネルスタイルここから▼ */
#s_15 .panel-radios2 {
	display: none;
}

#s_15 label.panel-label2 {
	display: block;
	height: 100%;
	padding: 8px 0;
	margin-bottom: 0;
	color: #0596ce;
}

#s_15 #tabs-list-2 li {
	float: left;
	font-size: 18px;
	width: calc(50% - 5px);
	text-align: center;
	border: solid 1px #0596ce;
	border-bottom: none;
}

#s_15 #tabs-list-2 li:first-child {
	margin-right: 10px;
}

#panels-2 div {
	box-sizing: border-box;
}

#panels-2 #panel-2-1, #panels-2 #panel-2-2 {
	display: none;
	border: solid 1px #0596ce;
	overflow: hidden;
}

#panel-2-1-ctrl:checked ~ #panels-2 #panel-2-1, 
#panel-2-2-ctrl:checked ~ #panels-2 #panel-2-2 {
	clear: both;
	display: block;
	width: 100%;
}

#panel-2-1-ctrl:checked ~ #tabs-list-2 #li-for-panel-2-1, 
#panel-2-2-ctrl:checked ~ #tabs-list-2 #li-for-panel-2-2 { 
	background-color: #0596ce;
}

#panel-2-1-ctrl:checked ~ #tabs-list-2 #li-for-panel-2-1 label, 
#panel-2-2-ctrl:checked ~ #tabs-list-2 #li-for-panel-2-2 label { 
	color: white;
}

/* ▲二階層目パネルスタイルここまで▲ */

#s_15 #setti-img2, 
#s_15 #setti-img3, 
#s_15 #setti-img4 {
	width: 95%;
	text-align: center;
}

#s_15 #setti-img2, 
#s_15 #setti-img4 {
	margin: 40px auto 0;
	overflow: hidden;
	position: relative;
}


#s_15 #setti-img3 {
	margin: 50px auto 20px;
}

#s_15 #setti-img2 .a-img-left {
	float: left;
	width: 52%;
	z-index: 999;
	position: absolute;
	left: 0;
}

#s_15 #setti-img2 .a-img-right {
	float: left;
	width: 54%;
	margin-top: 67px;
	margin-left: 47%;
}

#s_15 #setti-img4 .a-img-left {
	float: left;
	width: 42%;
}

#s_15 #setti-img4 .a-img-right {
	float: left;
	width: 58%;
	margin-top: 5px;
}

#s_15 #setti-img2 .a-img-left svg, 
#s_15 #setti-img2 .a-img-right svg, 
#s_15 #setti-img4 .a-img-left svg, 
#s_15 #setti-img4 .a-img-right svg {
	width: 100%;
}

#s_15 #setti-img2 + p,
#s_15 #setti-img3 + p,
#s_15 #setti-img4 + p {
	width: 90%;
	margin: 25px auto 30px;
	padding: 5px 0;
	background-color: #0596ce;
	text-align: center;
	color: white;
	clear: both;
}

#s_15 #panel-2-2 h3 {
	font-size: 20px;
	margin: 50px auto 20px;
	border-left: solid 5px #4d4d4d;
	border-bottom: solid 2px #4d4d4d;
	line-height: 29px;
	text-indent: .5em;
	text-align: left;
	padding: 0;
	width: 90%;
	letter-spacing: 0;
}

#s_15 #panel-2-2 ul {
	background-color: #f4f4f4;
	padding: 20px 40px;
	margin: 0 auto;
	list-style-type: square;
	width: 95%;
}

#s_15 #panel-2-2 ul li {
	font-size: 16px;
	color: #4d4d4d;
	margin: 0 50px;
	line-height: 40px;
}

/* A.Komatsu-style -END- */


/************************************
*	s_17.html						*
************************************/

/* A.Komatsu-style -START- */

#s_17 {
	width: 100%;
}

#s_17 > table {
	margin: 0 auto;
	font-size: 16px;
	boz-sizing: border-box;
}

#s_17 table tr th, #s_17 table tr td {
	padding: 10px 0;
	text-align: center;
	letter-spacing: 0.2em;
}

#s_17 table tr th {
	background-color: #4d4d4d;
	color: white;
	font-weight: normal;
}

#s_17 table tr th:not(:last-child) {
	border-right: solid 2px white;
}

#s_17 table tr td {
	border-right: solid 2px #4d4d4d;
}

#s_17 table tr td {
	background-color: #e6e6e6;
	color: #4d4d4d;
}

#s_17 table tr:nth-child(2) td {
	background-color: #808080;
	color: white;
}

#s_17 table tr:nth-child(2) td:nth-child(1) {
	width: 8em;
}

#s_17 table tr:nth-child(2) td:nth-child(2) {
	width: 18em;
}

#s_17 table tr:nth-child(2) td:nth-child(3) {
	width: 8em;
}

#s_17 table tr:nth-child(2) td:nth-child(4) {
	width: 6em;
}

#s_17 table tr:nth-child(2) td:nth-child(5) {
	width: 8em;
}

#s_17 table tr:last-child td {
	background-color: #f2f2f2;
}

#s_17 table tr:not(:first-child) td {
	
}

#s_17 .a-al-l {
	text-align: left;
	padding-left: 1.5em;
}

#s_17 .a-ver-md {
	vertical-align: middle;
}

#s_17 .a-noborder-r {
	border-right: none;
}

/* A.Komatsu-style -END- */

/************************************
*	s_19.html						*
************************************/

/* A.Komatsu-style -START- */

#s_19 h2 {
	margin: 50px auto;
	text-align: center;
}

#s_19 h2 > span {
	font-family: "Noto Sans JP Bold";
	font-size: 36px;
	line-height: 44px;
	letter-spacing: .05em;
	background:linear-gradient( 180deg, transparent 0%, transparent 65%, #1c2857 65%, #1c2857 100% );
	color: #0596ce;
	font-weight: 750;
	text-shadow    : 
		white 2px 0px,  white -2px 0px,
		white 0px -2px, white 0px 2px,
		white 2px 2px , white -2px 2px,
		white 2px -2px, white -2px -2px,
		white 1px 2px,  white -1px 2px,
		white 1px -2px, white -1px -2px,
		white 2px 1px,  white -2px 1px,
		white 2px -1px, white -2px -1px;
}

#s_19 h2 > span::before {
	content: " ";
	white-space: pre-wrap;
}

#s_19 h2 > span::after {
	content: " ";
	white-space: pre-wrap;
}

#s_19 .a-demo-movie {
	width: 640px;
	margin: auto;
	margin-bottom: 40px;
	clear: both;
}

#s_19 .a-demo-movie h3 {
	background-color: black;
	color: white;
	text-align: center;
	width: 100%;
	margin: 0;
	line-height: 1;
	padding: 10px 0;
	font-size: 23px;
	letter-spacing: 0;
}

#s_19 .a-demo-movie h3 + div {
	height: 360px;
	position: relative;
	width: 100%;
}

#s_19 p {
	font-size: 20px;
}

#s_19 .a-demo-form {
	margin-top: 75px;
	background-color: #f4f4f4;
	width: 100%;
	position: relative;
}

#s_19 .a-demo-form p {
	font-size: 16px;
}

#s_19 .a-demo-form p:first-child {
	padding: 7px 30px;
	background-color: #333333;
	color: white;
	width: calc(22em + 60px);
	position: absolute;
	top: -15px;
	left: calc((100% - (22em + 60px))/2);
	text-align: center;
}

#s_19 .a-demo-form p:nth-child(2) {
	padding-top: 45px;
	margin: 0 auto;
	line-height: 28px;
	width: 24em;
}

#s_19 .a-demo-form p:nth-child(3) {
	margin: 0 auto 45px;
	line-height: 28px;
	width: calc(18em + 5px );
}

#s_19 .a-demo-form p:nth-child(3) span {
	color: #ec1c24;
	font-size: 26px;
	vertical-align: middle;
	padding-right: 5px;
}

/* A.Komatsu-style -END- */


/************************************
*	contact.html					*
************************************/

/* A.Komatsu-style -START- */

#s_20 p {
	font-size: 20px;
	text-align: center;
}

#s_20 .a-demo-form {
	margin-top: 75px;
	background-color: #f4f4f4;
	width: 100%;
	position: relative;
}

#s_20 .a-demo-form p {
	font-size: 16px;
}

#s_20 .a-demo-form p:first-child {
	padding: 7px 30px;
	background-color: #333333;
	color: white;
	width: calc(22em + 60px);
	position: absolute;
	top: -15px;
	left: calc((100% - (22em + 60px))/2);
}

#s_20 .a-demo-form p:nth-child(2) {
	padding-top: 45px;
	margin: 0 auto 45px;
	line-height: 28px;
	width: calc(18em + 5px );
}

#s_20 .a-demo-form p:nth-child(2) span {
	color: #ec1c24;
	font-size: 26px;
	vertical-align: middle;
	padding-right: 5px;
}

/* A.Komatsu-style -END- */


/************************************
*	thanks.html						*
************************************/

/* A.Komatsu-style -START- */
/* s_20スタイルを継承 */

/* A.Komatsu-style -END- */


/************************************
*	v_01.html(v_XX.html汎用)		*
************************************/

/* A.Komatsu-style -START- */
#v_01 {
	width: 100%;
	color: #4d4d4d;
}

#v_01 #panels p {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
}

/* [パネルタブ Style START] */

#v_01 .panel-radios {
	display: none;
}

#v_01 ul {
	margin: 50px 0;
	overflow: hidden;
}

#v_01 #tabs-list li {
	float: left;
	font-size: 18px;
	width: 33%;
	text-align: center;
	background-color: #b2b2b2;
}

#v_01 #tabs-list li:not(:first-child) {
	letter-spacing: 1em;
	text-indent: 1em;
}

#v_01 #tabs-list li:not(:last-child) {
	margin-right: 0.5%;
}

#v_01 label.panel-label {
	display: block;
	height: 100%;
	padding: 8px 0;
	margin-bottom: 0;
	color: white;
}

#panels div {
	box-sizing: border-box;
}

#panels #panel-1, #panels #panel-2, #panels #panel-3 {
	display: none;
	padding: 0 30px;
}

#panel-1-ctrl:checked ~ #panels #panel-1, 
#panel-2-ctrl:checked ~ #panels #panel-2, 
#panel-3-ctrl:checked ~ #panels #panel-3 {
	clear: both;
	display: block;
	width: 100%;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1, 
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2, 
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
	background-color: #4d4d4d;
}

/* [パネルタブ Style END] */

/* [ピックアップ(panel-1) Style START] */
#v_01 #panel-1 h2 {
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 750;
}

#v_01 #panel-1 h3 {
	border-left: solid 5px #4d4d4d;
	border-bottom: solid 2px #4d4d4d;
	line-height: 33px;
	text-indent: 1em;
	padding: 0;
	text-align: left;
	letter-spacing: 0;
	font-weight: 750;
	font-size: 20px;
	margin-bottom: 20px;
}
}

#v_01 #panel-1 > h2 + p {
	margin-bottom: 60px;
}

#v_01 #panel-1 > div {
	clear: both;
	margin-top: 40px;
	overflow: hidden;
}

#v_01 #panel-1 .a-img-obj1 {
	width: 40%;
	float: left;
}

#v_01 #panel-1 .a-img-obj2, 
#v_01 #panel-1 .a-img-obj3, 
#v_01 #panel-1 .a-img-obj4 {
	width: 30%;
}

#v_01 #panel-1 .a-img-obj2, 
#v_01 #panel-1 .a-img-obj3 {
	float: right;
	padding-left: 5%;
}

#v_01 #panel-1 .a-img-obj1 img, 
#v_01 #panel-1 .a-img-obj2 img,
#v_01 #panel-1 .a-img-obj3 img {
	width: 90%;
	margin-bottom: 20px;
}

#v_01 #panel-1 .a-img-obj4 img {
	width: 66%;
	float: left;
	margin: 66px 17% 0;
}

#v_01 #panel-1 .a-float-r {
	width: 60%;
	float: right;
}

#v_01 #panel-1 .a-float-l {
	width: 70%;
	float: left;
	padding-right: 12px;
}

#v_01 #panel-1 .a-float-r table {
	margin: 30px 0 0 1em;
}

#v_01 #panel-1 .a-float-r table td {
	padding: 2px 5px;
	vertical-align: middle;
	font-size: 16px;
}

#v_01 #panel-1 div h4 {
	width: 100%;
	border-bottom: solid 2px #4d4d4d;
	line-height: 26px;
	margin-bottom: 15px;
	font-size: 20px;
}

#v_01 #panel-1 div p.a-img-obj4 + h4 {
	width: 70%;
	float: right;
}

#v_01 #panel-1 div p.a-img-obj4 ~ p {
	width: 70%;
	float: right;
}

/* [ピックアップ(panel-1) Style END] */
/* [ピックアップ(panel-2) Style START] */

#v_01 #panel-2 #table, 
#v_01 #panel-3 #table2 {
	width: 100%;
	font-size: 16px;
	margin-bottom: 20px;
}

#v_01 #panel-2 #table table, 
#v_01 #panel-3 #table2 table {
	width: 100%;
}

#v_01 #panel-2 #table td, 
#v_01 #panel-3 #table2 td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	font-weight: 250;
	line-height: 20px;
	height: 110px;
	overflow: hidden;
}

#v_01 #panel-2 #table td a, 
#v_01 #panel-3 #table2 td a {
	color: #4d4d4d;
}

#v_01 #panel-2 #table td:first-child, 
#v_01 #panel-3 #table2 td:first-child {
	width: 15em;
	text-indent: 1em;
	letter-spacing: .1em;
}

#v_01 #panel-2 #table td:nth-child(2), 
#v_01 #panel-3 #table2 td:nth-child(2) {
	font-size: 15px;
	width: 14em;
}

#v_01 #panel-2 #table td:nth-child(3), 
#v_01 #panel-3 #table2 td:nth-child(3) {
	width: 8em;
	letter-spacing: .2em;
	text-align: center;
}

#v_01 #panel-2 #table td:last-child, 
#v_01 #panel-3 #table2 td:last-child {
	font-size: 14px;
}
/*
#v_01 #panel-2 #table tr:first-child td:last-child, 
#v_01 #panel-3 #table2 tr:first-child td:last-child {
	width: calc(100% - 37em);
}
*/
#v_01 #panel-2 #table tr:nth-child(even) td, 
#v_01 #panel-3 #table2 tr:nth-child(even) td {
	background-color: #e6e6e6;
}

#v_01 #panel-2 #table tr:nth-child(odd) td, 
#v_01 #panel-3 #table2 tr:nth-child(odd) td {
	background-color: #f2f2f2;
}

#v_01 #panel-2 #table tr:first-child td, 
#v_01 #panel-3 #table2 tr:first-child td {
	background-color: #4d4d4d;
	color: white;
	letter-spacing: .3em;
	font-size: 16px;
	height: 35px;
	vertical-align: middle;
}

#v_01 #panel-2 button, 
#v_01 #panel-3 button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

#v_01 #panel-2 button span, 
#v_01 #panel-3 button span {
	font-size: 18px;
	line-height: 18px;
}

#v_01 #panel-2 #button1, #v_01 #panel-2 #button2, 
#v_01 #panel-3 #button3, #v_01 #panel-3 #button4 {
	background-color: #4d4d4d;
	color: white;
	padding: 10px 25px;
	border-radius: 10px;
}

#v_01 #button1, 
#v_01 #button3 {
	float: left;
}

#v_01 #button2, 
#v_01 #button4 {
	float: right;
}

/* [ピックアップ(panel-2) Style END] */
/* [ピックアップ(panel-3) Style START] */

#v_01 #panel-3 .a-search-form {
	background-color: #f4f4f4;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}

#v_01 #panel-3 .a-search-form p {
	font-size: 16px;
	padding: 7px 30px;
	background-color: #333333;
	color: white;
	width: calc(20em + 60px);
	position: absolute;
	top: -15px;
	left: calc((100% - (20em + 60px))/2);
	text-align: center;
	letter-spacing: .2em;
}

#v_01 #panel-3 .a-search-form ul {
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
}

#v_01 #panel-3 .a-search-form ul li:first-child ul {
	margin-top: 50px;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(2) ul {
	margin: 20px 0;
}

#v_01 #panel-3 .a-search-form ul li ul li {
	float: left;
	position: relative;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li {
	height: 50px;
	margin-right: 10px;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li:last-child {
	margin-right: 0;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li span:not(.select-img) {
	display: inline-block;
	background-color: #808080;
	color: white;
	width: 6em;
	padding: 12px 0;
	margin-right: 3px;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li .select-img {
	color: white;
	display: inline-block;
	background-color: #808080;
	padding: 5px 8px;
	border-radius: 15px;
	font-size: 14px;
	z-index: 999;
	position: absolute;
	top: 9px;
	right: 8px;
	margin: 0;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li select {
	height: 47px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	border-radius: 4px;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li select::-ms-expand {
	display: none;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li:nth-child(1) select {
	width: 14em;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li:nth-child(2) select {
	width: 9.5em;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(1) ul li:nth-child(3) select {
	width: 8em;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(2) ul li {
	width: 50%;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(2) ul li:first-child {
	text-align: right;
	padding-right: 25px;
}

#v_01 #panel-3 .a-search-form ul li:nth-child(2) ul li:last-child {
	text-align: left;
	padding-left: 25px;
}

#v_01 #panel-3 .a-search-form #search-btn, 
#v_01 #panel-3 .a-search-form #reset-btn {
	padding: 13px 0;
	background-color: #4d4d4d;
	color: white;
	width: 13em;
	border-radius: 10px;
}

#v_01 #panel-3 .a-search-form #search-btn {
	letter-spacing: 1em;
	text-indent: 1em;
}

#v_01 #panel-3 .a-search-form #reset-btn {
	letter-spacing: .1em;
	text-indent: .8em;
}

/* テーブルスタイルpanel-2継承 */



/* [ピックアップ(panel-3) Style END] */

/* A.Komatsu-style -END- */


/************************************
*	その他調整用					*
************************************/

/* A.Komatsu-style -START- */

.adjust-bottom01 {
	overflow: hidden;
	margin-bottom: 215px;
}

.adjust-bottom02 {
	margin-bottom: 320px;
	clear: both;
}

.adjust-bottom03 {
	margin-bottom: 240px;
}

.adjust-top01 {
	margin-top: 45px;
}

h2.spacing-drop {
	letter-spacing: 0em;
	text-indent: 0em;
}

.drop-768 {
	display: none;
}

.drop-599 {
	display: none;
}

/* A.Komatsu-style -END- */





/* #### 製品詳細ページCSS coding YUKIMOTO#### */
/* ベースの最適化 */
	section{
		margin-bottom:50px;
	}
	.btn-primary{
		background:#534741;
		border-color:#60453A;
		margin-top: 50px;
		padding: 15px 60px;
    		border-radius: 10px;
}
	}
	.btn-primary:hover{
		background:#534741;
	}
	.bg-brown{
		background:#534741;
		color:white;
	}
	h3,.h3{
		text-align:center;
		padding: 15px 15px;
	}

	#product-info table{
		width:100%;
	}
	#product-info table th{
		padding:5px 15px;
		background:#534741;
		color:white;
		text-align:left;
	}
	
	#product-info table td{
		padding: 7px 10px;
	}

/* ================================== */
/* 商品画像回り */

	.product-thumb .product-photo{
		display:block;
		max-width:100%;
		margin:auto;
	}
	.product-thumb table {
		min-width: 300px;
	}
	.product-thumb table th{
		padding:5px 15px;
		width:50%;
		background:#534741;
		color:white;
	}
	.product-thumb table td{
		text-align:center;
	}
	.product-thumb table td img{
		display:inline-block;
		width:50px;
	}
	
@media (max-width:767px){
	#product-info table th{
		text-align:center;
	}
	.product-thumb table{
		margin-bottom:30px;
	}
}

/* ================================== */
/* 製品の特長？ */

	.border-box{
		border:solid 1px #534741;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;
		width: 96.4%;
	}
	.border-box h3{
		margin-top:0;
		text-align:left;
	}

	.border-box ul{
		list-style:disc;
		list-style-position:inside;
		margin-left:15px;
	}

	.overview{
		margin-bottom:30px;

		border-collapse: separate;
		border-spacing: 10px;
	}
	.overview tbody td{
		border:solid 1px #534741;
	}
@media (max-width:767px){
	.overview{
		border-collapse:collapse;
	}
	.overview,
	.overview tr,
	.overview tbody{
		display:block;
		width:100%;
	}
	.overview tbody td,
	.overview tbody th{
		display:block;
		width:100%;
		text-align:center;
	}
	
}

/* ================================== */
/* 素材表 */

	#product-info .material tbody td:first-child{
		padding:5px 15px;
		text-align:left;
	}
	.material{
		margin-left:auto;
		margin-right:auto;
		width: 96.4%!important;
	}
	.material-fc{
		background:#507CC0;
		text-align:center;
		color:white;
	}
	.material-cac{
		background:#9472BA;
		text-align:center;
		color:white;
	}
	.material-nbr{
		background:#25A7A0;
		text-align:center;
		color:white;
	}
	.material-jis{
		background:#E27EA7;
		text-align:center;
		color:white;
	}
	.material-epo{
		background:#999999;
		text-align:center;
		color:white;
	}
	.material-sp{
		background:#00ff00	;
		text-align:center;
		color:white;
	}
	
	
/* ================================== */
/* 性能表 */
	
	table.list{
		width:100%;
	}
	table.list thead{
		background:white;
	}
	table.list thead tr:first-child{
		background:#534741;
		color:white;
	}

	table.list tbody tr:nth-child(even){
		background:#f0f0f0;
	}
	table.list tbody tr:nth-child(odd){
		background:#ccc;
	}
	table.list th,
	table.list td{
		padding: 15px 10px;
		text-align:center;
	}


/* ================================== */
/* Kanasaki-style- */
/* 付属品 */

table.m-fittings{
		width:96.4%!important;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px
	}
	table.m-fittings thead{
		background:white;
	}
	table.m-fittings thead tr:first-child{
		background:#534741;
		color:white;
	}

	table.m-fittings tbody tr:nth-child(even){
		background:#f0f0f0;
	}
	table.m-fittings tbody tr:nth-child(odd){
		background:#ccc;
	}
	table.m-fittings td{
		padding: 15px 10px;
		text-align:left;
	}

@media (max-width:767px){
	table.list th,
	table.list td{
		padding: 7px 3px;
	}
}	


/*メディアクエリ設定 スマートフォン・タブレット縦*/
@media screen and (max-width:767px) {
	#content{
		width:100%;
		margin:0 auto;
		padding:0 15px;
	}
	footer{
		margin-top:30px;
	}
	
	/* チャッキ・フート納品案内 */
	p.t-h-p{
		padding: 5px 10px;
		letter-spacing: .3em;
		margin:0;
	}
	
	/* 製品詳細ページ */
	.btn-primary{
		padding: 10px 20px;
		margin-top: 20px;
	}
	a.btn-dw{
		padding: 10px 20px;
	}
	.col-md-4 img{
		width:90%;
		display:block;
		margin:0 auto;
	}
	.col-md-8 p{
		margin: 20px 0 10px;
	}
	.border-box,.material{
		width: 100% !important;
	}
}

.btn-water{
	background:#0033cc;
	color:white;
	font-size:17px;
}
.btn-water:hover{
	background:rgba(0,51,204,0.7);
	color:white;
}

.btn-center{
	display:block;
	margin:50px auto;
	width:400px;
	color:white;
}
@media screen and (max-width:767px) {
	.btn-center{
		width:90%;
	}
}