@charset 'UTF-8';
/*===========================================
original.css INDEX
===========================================*/

header #logo .groupLogo img,
body.popup header .groupLogo img{width:393px;}
#globalNav ul li .subGnav .menus ul{width:33%;}
#globalNav ul li .subGnav .menus ul .sub a{font-weight: bold; /*font-size: 1.8rem;*/ padding-bottom: 13px;}
/*#footerNav li.hide{display: none;}*/

@media screen and (max-width:767px){
  header #logo .groupLogo img,
  body.popup header .groupLogo img{width:195px;}
  #gNavSP ul li .subGnav .menus ul li.sub{margin-top:10px;}
  #gNavSP ul li .subGnav .menus ul:nth-of-type(1) li.sub{margin-top:0;}
  #gNavSP ul li .subGnav .menus ul li.sub a{font-weight: bold;}
  #gNavSP ul li a.menuToggle{width: 100%; right: 0;}
  #gNavSP ul li a.menuToggle::before{ position: absolute; right: 3%; top:10px;}
}

/*custom for toray.com
--------------------------------------------------*/
#footerNav > ul.parentNav .menus{display: flex;}
#footerNav > ul.parentNav .menus ul{margin-right: 40px;}
#footerNav > ul.parentNav > li{}
#footerNav > ul.parentNav > li:nth-of-type(1){width:45%!important;}
#footerNav > ul.parentNav > li:nth-of-type(2){width:40%!important;}
#footerNav > ul.parentNav > li:nth-of-type(3){width:20%!important; margin-top: 40px !important;}
#footerNav > ul.parentNav > li:nth-of-type(4){width:25%!important; margin-top: 40px !important; margin-left: -10px;}
#footerNav > ul.parentNav > li:nth-of-type(5){width:40%!important; margin-top: -20px !important;}
#footerNav .subGnav .category .heading br{display: none;}

/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframePress{height:300px;}


.border-dottet{
	border-top: 1px dotted #d2d2d2;
	border-style: dashed;
}
.border{
  border: 1px solid #b2b2b2;
  padding: 5px 10px;
}
.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
/*---------Index page---------*/
.img_1280{
  width: 1280px;
  margin: 0 0 50px -100px;
  text-align: center;
  height:640px;
  overflow: hidden;
}
.img_1280 .gridBlock .listBox{
  background-color: #fff;
}
.img_1280 .gridBlock .listBox .listBoxInner{
  width: auto;
  padding: 50px 20px 50px 20px;
  min-height: 130px;
  position: relative;
  background-color: #f6f7fc;
  /*background-color: rgba(246,247,252,0.85);*/
  background: -moz-linear-gradient(top,rgba(246,247,252,0.80),rgba(246,247,252,1));
  background: -webkit-linear-gradient(top,rgba(246,247,252,0.80),rgba(246,247,252,1));
  background: linear-gradient(to bottom,rgba(246,247,252,0.80),rgba(246,247,252,1));
}
.img_1280 .gridBlock .listBox:nth-child(1) .listBoxInner{
  margin-left: 100px;
  position: relative;
  top: -170px;
}
.img_1280 .gridBlock .listBox:nth-child(2) .listBoxInner{
 margin-right: 98px;
 position: relative;
 top: -170px;
}
/*.img_1280 .gridBlock .listBox:nth-child(3) .listBoxInner{
 margin-right: 98px;
 position: relative;
 top: -50px;
}*/
.img_1280 .gridBlock .listBox .listBoxInner a{
  display: block;
}
.img_1280 .gridBlock .listBox .listBoxInner a span{
  display: block;
  font-size: 1.4rem;
  white-space: nowrap;
  padding-top:5px;
}
.img_1280 .gridBlock .listBox:nth-child(1) .listBoxInner a span{margin-left:-58px;}
.img_1280 .gridBlock .listBox:nth-child(2) .listBoxInner a span{margin-left:-36px; margin-top: 9px;}
/*.img_1280 .gridBlock .listBox:nth-child(3) .listBoxInner a span{margin-left:-36px; margin-top: 9px;}*/

.img_1280 .gridBlock .listBox .listBoxInner .sds{margin-top:20px; text-align: left; }
.img_1280 .gridBlock .listBox .listBoxInner .sds a{color: #3a459a; text-indent: -1em;}

.img_1280 .gridBlock .listBox:nth-child(1) .sds{margin-left:160px;}
.img_1280 .gridBlock .listBox:nth-child(2) .sds{margin-left:170px;}
/*.img_1280 .gridBlock .listBox:nth-child(3) .sds{margin-left:80px;}*/

@media screen and (max-width:767px){
  .spAlignL{text-align:left !important;}
/*  .bnrBlock ul li span{
    padding: 24px 10px 24px 5px;
    }*/
    .img_1280{
      width: auto;
      margin: 0 -10px 40px;
      box-sizing: border-box;
      height: auto;
    }
    .img_1280 .gridBlock{
      overflow:visible;
      margin: 0!important; 
    }
    .img_1280 .gridBlock .listBox .listBoxInner{
      width: auto;
      margin: -50px 10px 0;
      padding: 20px 10px 20px 35px!important;
      min-height: auto;
      position: relative;
      text-align: left;
      top:-25px!important;
    }
    .img_1280 .gridBlock .listBox:nth-child(1) .listBoxInner{
      margin-left: 10px;
      position: relative;
    }
    .img_1280 .gridBlock .listBox:nth-child(2) .listBoxInner{
      margin-right: 10px;
    }
    .img_1280 .gridBlock .listBox .listBoxInner a span{margin:5px 0 0!important;}
    .img_1280 .gridBlock .listBox .sds{margin:10px 0 0!important;}
    .img_1280 .gridBlock .listBox .sds br{display: none;}
	.img_1280 .gridBlock .listBox .listBoxInner .sds a{text-indent: 0;}
   .iframePress{height:200px;}
}
/*--------------------------------------------------

/*--------------------------------------------------
hytrel parts of /hytrel/contact/ and index
--------------------------------------------------*/
.border_bottom_dotted{
	border-bottom: 1px dotted #ccc;
}
/*--------------------------------------------------
index news parts of color labelNew:capton,labelMyColo01:hyterel,labelMyColo02:kevlaer
--------------------------------------------------*/
.labelMyColo01{
	background: #003687!important;
	color:#fff;
}
.labelMyColo02{
	background: #e5be20!important;
	color:#fff;
}
/*--------------------------------------------------
color parts of 
001:purple,000:black,666:gray,999:light gray,
hytrel/contact
hytrel/data
kevker/index
kevler/data
kevler/contact
news link text
--------------------------------------------------*/
.bgColor001{
	background: #5b58aa!important;
	color: #fff!important;
}
.bgColor000{
	background: #000!important;
	color:#fff;
}
.bgColor666{
	background: #666!important;
	color:#fff;
}
.bgColor999{
	background: #999!important;
	color:#fff;
}
.bgColorCurrent{background-color:#dee1f5!important;}
.color000{
	color:#000;
}
/*--------------------------------------------------
hyterl kevler parts of 展示会出展製品・技術情報・SDS等 
--------------------------------------------------*/
.none_textdecoration{
	text-decoration: none!important;
	outline: none;
}
@media screen and (max-width: 767px){
	.secondary table{
		width:100%;
		font-size: 90%;
	}
}
/*--------------------------------------------------
kapton products detail setting parts of kapton/products
--------------------------------------------------*/
#kv_pro_hy{
    background: url(../images/kv-01.jpg) 0 0 no-repeat;
    position: relative;
    zoom: 1;
    min-height: 300px;
    background-size: 100%;
}
/*--------------------------------------------------
kapton showcase
--------------------------------------------------*/
.gridBlock .listBox .arrow01{color:#3a459a;}
.gridBlock .listBox ul.indentlist{margin-left:1.5rem;}


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

--------------------------------------------------*/
/* parts add
--------------------------------*/
.graphBlock{margin:30px 0;}
.h3Type01 + .graphBlock,
.h2Type01 + .graphBlock{margin-top:0;}
.graphBlock ul{}
.graphBlock ul li{ margin-top:30px;}
.graphBlock ul li img{width:100%;}
.graphBlock ul li span{display:block; padding:0 0 17px; text-align: left; white-space: nowrap; font-weight: bold;}
.graphBlock ul li.center{margin:30px auto 0;}
.graphBlock ul.cl1 li{width:45%;}
.graphBlock ul.cl1 li.wide{width: 100%;}
.graphBlock ul.cl1 li.wide70{width: 70%;}
.graphBlock ul.cl2,
.graphBlock ul.cl3{display: flex; flex-wrap: wrap; justify-content: space-between;}
.graphBlock ul.cl2 li{width:45%;}
.graphBlock ul.cl3 li{width:33%;}
.graphBlock ul.cl1 li:nth-of-type(1),
.graphBlock ul.cl2 li:nth-of-type(1),
.graphBlock ul.cl2 li:nth-of-type(2){margin-top:0;}

.btnType1{margin:50px 0; width:50%;}
.btnType1 a{
  display: block;
  padding:27px 30px;
  background-color: #f6f7fc;
  font-size: 1.8rem;
  font-weight: bold;
  color:#333;
}
.btnType1 a:hover{opacity: 0.7; text-decoration: none;}
.btnType2 a{display:inline-block; padding:10px 60px; border:#e5e5e5 1px solid; color:#333;}
.btnType2 a:hover{background-color:#dee1f5; text-decoration: none;}
.btnType2.sds a{ width: 50% ; padding: 10px 0 ; text-align: center;}
.btnType3 a{display:inline-block; padding:10px 60px; border:#e5e5e5 1px solid; color:#333;}
.btnType3 a:hover{background-color:#dee1f5; text-decoration: none;}
.btnType3.sds a{ width: 60% ; padding: 10px 0 ; text-align: center;}

.tablenote{margin-top:-50px; text-align: right; font-size: 1.4rem;}
.tableHelp{overflow: hidden; margin-top: 10px;}
.tableHelp ul{width:45%; float: right; font-size: 1.4rem;}
.tableHelp li i{width:10px; height: 10px; display: inline-block; margin-right: 10px;}

.trademark{margin-top:50px; }

.charaLabel{
  overflow: hidden;
  margin:0 0 30px -19px;
}
.charaLabel li{
  width:254px;
  float: left;
  margin:10px 0 0 19px;
  padding:2px 10px;
  color:#fff;
  background-color: #118cdd;
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
}

.labelNew{background-color: #c90000!important; color:#fff;}
.labelHyt{background-color: #003687!important; color:#fff;}
.labelKap{background-color: #ed6942!important; color:#fff;}
.labelKev{background-color: #e5be20!important; color:#fff;}

.logoArea{border-bottom: 1px solid #eeeeee; padding: 0 0 17px;}
.hold_logoArea{margin-top: 50px;}

@media screen and (max-width: 767px){
  .graphBlock{margin:30px 0;}
  .graphBlock ul li{margin-top:30px;}
  .graphBlock ul li:nth-of-type(1){margin-top: 0;}
  .graphBlock ul li span{padding:0 0 15px; white-space: normal;}
  .graphBlock ul.cl1 li,
  .graphBlock ul.cl1 li.wide,
  .graphBlock ul.cl1 li.wide70{width:100%;}
  .graphBlock ul.cl2 li,
  .graphBlock ul.cl3 li{width:100%; }
  .graphBlock ul.cl2 li:nth-of-type(2){margin-top:30px;}
  .btnType1{margin:40px -10px 0; width:auto;}
  .btnType1 a{padding:17px 10px 13px 25px;}
  .btnType2.sds a{width: 100%;}
  .btnType3.sds a{width: 100%;}
  .tableHelp ul{width: 100%;}
  .trademark{margin-top:0; padding:30px 20px 0; font-size: 1.4rem;}
  .charaLabel{margin:0 0 30px;}
  .charaLabel li{float:none; width:100%; margin:10px 0 0 0;}
  .logoArea{margin-top: 20px;}
}


/* parts custom
--------------------------------*/
.xxlarge{font-size:2.4rem !important;}
.bnrBlock ul li span{font-size: 1.8rem; font-weight: bold; line-height: 1.3;}
.bnrBlock ul li span i{font-size: 1.6rem; font-weight: normal; font-style: normal;}
.bnrBlock ul.cl4 li span{padding:24px 30px;}
.tPattern03 th{background-color: #eee; font-weight: bold; vertical-align: middle;}
.videoCaption{background-color: #f6f7fc;}
[class*="imgColumn"] li span{font-size: 1.4rem;}
.h2Type01 .arrow01{font-size: 1.6rem; font-weight: normal; margin-left:20px;}

@media screen and (max-width:767px){
  .FrameCode{display:none;}
  #FrameMenu{padding:0; background-color:#fff;}
  .xxlarge{font-size:1.8rem !important;}
  .bnrBlock ul li span{font-size: 100%;}
  .bnrBlock ul.cl4 li span{padding:10px;}
  .videoCaption{margin:0 -10px; padding:17px 10px 13px 25px;}
  .h2Type01 .arrow01{display: block; margin-left: 0;}
  table.spVertical{}
  table.spVertical thead,
  table.spVertical tbody,
  table.spVertical tr,
  table.spVertical th,
  table.spVertical td{display: block;}
  table.spVertical colgroup{display: none;} 

}
/* bg_color kevlar showcase
--------------------------------*/
/* bPatternTD [light yellow/bgcolor]
----------------------------------------------- */
.bPatternTD{
  margin-bottom:30px;
  padding:20px;
  background:#FFFACD;
}
.bPatternTD > *:first-child{margin-top:0;}

.headingType1 h3{
  padding:0 0 5px;
  margin-bottom:15px;
  border-bottom:4px solid #ffe200;
  font-weight: bold;
  text-align: center;
}
section.sectionType1{
  border-top:#313131 1px solid;
  padding:40px 0 0;
  margin-top:40px;
}
section.sectionType1 > .h2Type01:nth-of-type(1){
  margin-top:0;
}

@media screen and (max-width:767px){
  .headingType1{margin-bottom:0!important;}
  section.sectionType1{
    padding:30px 0 0;
    margin-top:30px;
  }
}