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

* Images
* Grid
* Tab
* Block
* KeyVisual
* Accordion
* News
* photoLib
* Video
* productDetail
* mapContent
* switchWrap
* clearfix
===========================================*/

/*--------------------------------------------------
Images
--------------------------------------------------*/
#keyvisual{width:1280px; margin:0 0 50px -100px; text-align: center; opacity:0;}
#keyvisual figure{min-height: 520px;}
#keyvisual section{width:1080px; position: relative; margin:-60px 0 0 100px; padding:30px; background-color: #014099; color:#fff; text-align: left; box-sizing: border-box;}
#keyvisual section .slogan{font-size: 2.8rem; color:#fff; padding:0 0 15px 0;}
#keyvisual section .slogan br{display: none;}

/* lumpMix
--------------------------------*/
.lumpMix{overflow:hidden; zoom:1;}
.lumpMix .lumpR{float:right; margin:0 0 20px 20px;}
.lumpMix .lumpL{float:left; margin:0 20px 10px 0;}
.lumpMix .lumpR span,
.lumpMix .lumpL span{display:block; padding:10px 0 0 10px; line-height:1.6; font-size:1.4rem; box-sizing: border-box;}
.lumpMix .lumpEnd{overflow:hidden;}

.capW50{width:50px;}.capW60{width:60px;}.capW70{width:70px;}.capW80{width:80px;}.capW90{width:90px;}.capW100{width:100px;}
.capW110{width:110px;}.capW120{width:120px;}.capW130{width:130px;}.capW140{width:140px;}.capW150{width:150px;}
.capW160{width:160px;}.capW170{width:170px;}.capW180{width:180px;}.capW190{width:190px;}.capW200{width:200px;}
.capW210{width:210px;}.capW220{width:220px;}.capW230{width:230px;}.capW240{width:240px;}.capW250{width:250px;}
.capW260{width:260px;}.capW270{width:270px;}.capW280{width:280px;}.capW290{width:290px;}.capW300{width:300px;}
.capW310{width:310px;}.capW320{width:320px;}.capW330{width:330px;}.capW340{width:340px;}.capW350{width:350px;}
.capW360{width:360px;}.capW370{width:370px;}.capW380{width:380px;}.capW390{width:390px;}.capW400{width:400px;}
.capW410{width:410px;}.capW420{width:420px;}.capW430{width:430px;}.capW440{width:440px;}.capW450{width:450px;}
.capW460{width:460px;}.capW470{width:470px;}.capW480{width:480px;}.capW490{width:490px;}.capW500{width:500px;}

/* imgColumn
--------------------------------*/
[class*="imgColumn"]{overflow:hidden; margin:30px 0 0 -40px;}
[class*="imgColumn"] li{float:left; margin-left:40px; box-sizing: border-box;}
[class*="imgColumn"] li img{text-align:center;}
[class*="imgColumn"] li a{color:#333;}
[class*="imgColumn"] li a:hover{opacity:0.8; text-decoration:none;}
[class*="imgColumn"] li span{display:block; padding:13px 0 0 0;}

.imgColumn2List li{width:520px;}
.imgColumn3List li{width:334px; margin-left:39px;}
.imgColumn4List li{width:240px;}
.imgColumn5List li{width:20%;}
#main .imgColumn2List li{width:380px;}
#main .imgColumn3List li{width:240px; margin-left:39px;}
#main .imgColumn4List li{width:170px;}

@media screen and (max-width:767px){
  #keyvisual{width:auto; min-height: 40%; margin: 0 -10px 40px; box-sizing: border-box;}
  #keyvisual figure{min-height: 100%;}
  #keyvisual section {width: auto; margin: -50px 10px 0; padding: 20px;}
  #keyvisual section .slogan{padding: 0; font-size:2rem;}
  #keyvisual section *:not(.slogan){display: none;}
  #keyvisual section .slogan br{display: inline-block; line-height: 1.5;}
  .lumpMix .lumpR,
  .lumpMix .lumpL{width:50%;}
  .lumpMix .lumpR.sp30,
  .lumpMix .lumpL.sp30{width:30%;}
  .lumpMix .lumpR.sp100,
  .lumpMix .lumpL.sp100{width:100%; float:none; text-align:center; margin-right:0!important; margin-left:0!important;}
  .lumpMix .lumpR.sp100 span,
  .lumpMix .lumpL.sp100 span{padding:10px 0 0 0;}
  
  [class*="capW"]{width:auto;}
  [class*="imgColumn"]{margin:15px 0 0;}
  [class*="imgColumn"] + [class*="imgColumn"]{margin:0;}
  [class*="imgColumn"] li{float:none; margin:0!important; padding:0 0 10px; width:100%!important; text-align:center;}
  [class*="imgColumn"] li span{background-color: #fff; padding:10px;}
  [class*="imgColumn"].spFluid li{float:left; width:48.5%!important;}
  [class*="imgColumn"].spFluid li:nth-child(2n+1){clear: both;}
  [class*="imgColumn"].spFluid li:nth-child(even){float:right;}
}


/*--------------------------------------------------
Grid
--------------------------------------------------*/
.columnBlock{margin-left:-2%; clear:both; margin-bottom:25px;}

/* 10 split */
.gw1,.gw2,.gw3,.gw4,.gw5,.gw6,.gw7,.gw8,.gw9,.gw10{
  margin-left:2%;
  margin-bottom:10px;
  float:left;
  display:inline;
}
.gw1{width:8%;}
.gw2{width:18%;}
.gw3{width:28%;}
.gw4{width:38%;}
.gw5{width:48%;}
.gw6{width:58%;}
.gw7{width:68%;}
.gw8{width:78%;}
.gw9{width:88%;}
.gw10{width:98%;}

/* Equal interval */
.gn1,.gn2,.gn3,.gn4,.gn5{
  margin-left:2%;
  margin-bottom:10px;
  float:left;
  display:inline;
}
.gn1{width:98%;}
.gn2{width:48%;}
.gn3{width:31.3%;}
.gn4{width:23%;}
.gn5{width:18%;}
.gnauto{width: auto;}

@media screen and (max-width:600px){
  .columnBlock.smpVertical{margin-left:0;}
  .columnBlock.smpVertical *[class^="gw"]{
    margin-left:0;
    margin-bottom:10px;
    float:left;
    display:inline;
    width:100%;
  }
  .columnBlock.smpVertical *[class^="gn"]{
    margin-left:0;
    margin-bottom:10px;
    float:left;
    display:inline;
    width:100%;
  }
}


/*--------------------------------------------------
Tab
--------------------------------------------------*/
/* tabNav
----------------------------*/
.tabNav a:link,
.tabNav a:visited{color:#333;}
.tabNav{margin:20px 0 0 0; border-collapse: separate; border-spacing: 5px 0;}
.tabNav li{display:inline-block; vertical-align: middle;}
.tabNav li:nth-of-type(1){margin: 0;}
.tabNav li a{
  display:block;
  padding:8px 30px;
  background-color:#e5e5e5;
  text-align:center;
  white-space: nowrap;
}
.tabNav li a:hover{text-decoration: none; background-color:#dcdcdc;}
.tabNav li.on a{background-color:#eef4f9;}

/* tabWrap
----------------------------*/
.tabWrap{background-color: #eef4f9;}
.tabWrap .tabElement{
  display:none;
  zoom:1;
  z-index:1;
  padding:20px;
}
.tabWrap .tabElement.active{display:block;}

  @media screen and (max-width:767px){
    .btnTab{}
    .tabNav li a{display:block; color:#333; padding:10px;}
    .tabNav li.on{color:#0099cc;}
    .btnTab li{display:block; width:100%; border-top:#fff 1px solid;}
    .tabNav li a{height:auto; border:none; text-align:left; background-image:none;}
    .tabWrap .tabElement{padding:15px;}
  }


/* linksWrap
----------------------------*/
.linksWrap{background-color:#f7f7f7;width:100%;}
.h2Type01 + .linksWrap{margin-top:0;}
.linksWrap+ .linksWrap{margin-top:30px;}
.tabWrap .linksWrap{margin-top:0;}
.linksWrap .heading{padding:10px 20px; background-color:#014099; color:#fff; font-weight:bold;text-transform: inherit;margin-bottom:0;}
.linksWrap .subheader{padding:10px 20px;background-color:#e5ecf5; color:#014099; font-weight: bold;}
.linksWrap p.subheader{font-size:14px;margin-bottom:0;}
#toray_toyolac .linksWrap .subheader{font-size:13px !important;}
.linksWrap ul{list-style: none;padding:0;}
.linksWrap ul li{
  margin:10px 20px;
}
#toray_toyolac .linksWrap ul li{
  margin:5px 10px;
}
#toray_toyolac .linksWrap td{
  padding:5px 15px;
  font-size:100% !important;
}
#toray_toyolac .linksWrap td.subheader{
  padding:10px 20px;
}
#main .linksWrap ul li{width:22%; margin-left:3%;}
.linksWrap .pdf-link{
  text-align:center;
}
.linksWrap .pdf-link .pdf-download{
  display:inline-block;
  vertical-align: top;
  margin:0 -9px 0 -10px;
}
#toray_toyolac .linksWrap .pdf-link .pdf-download{
  margin:0 -11px 0 -10px;
}
.linksWrap .pdf-link a{
  display:block;
}
.linksWrap ul li span{font-size:85%; font-weight:normal; display:block; color:#333;}
.linksWrap ul li em{display:block;}
.linksWrap ul li .icon{margin-left:8px;}
.linksWrap ul li .test{margin-left:0px;}
.linksWrap ul li.active a{color:#000;}

/* noLine */
.linksWrap.noLine{padding:0; margin-bottom:20px; border:none;}
.linksWrap.noLine ul li{margin:20px 2% 0 0;}
#main .linksWrap.noLine ul li{margin:20px 3% 0 0;}
#main .kvFilter .linksWrap.noLine ul li{margin:0 2% 20px 0;}

@media screen and (max-width:767px){
  .linksWrap{padding:0; font-size:1.4rem; margin-top:10px;}
  .linksWrap ul li{float:none; width:auto!important; /*margin:0!important;*/ border-top:#fff 1px solid; font-size:100%; min-height:auto!important;}
  .linksWrap ul li:first-child{border:none;}
  .linksWrap ul li a{display:block; padding:10px; position: relative;}
  .linksWrap ul li.icon a::after{
    content:'';
    display:inline-block;
    position:absolute;
    top:40%; right:5%;
    width:5px;
    height:5px;
    vertical-align: middle;
  }

  .linksWrap ul li em{display:inline;}
  .linksWrap .heading{padding:8px 10px;}
  .linksWrap h3{background:#e9e9e9; padding-bottom:10px;}
  .linksWrap p{margin-top:10px;}
  .linksWrap li.icon a{background-position:95% 50%;}
  .linksWrap li.icon a::after{content: none;}


  #toray_toyolac .linksWrap .pdf-link .pdf-download{
    margin:0 -11px 0 -12px;
  }
}

/* resp-accordion
--------------------------------*/
.resp-tab-item{
  display:block;
  padding:8px 30px;
  background-color:#e5e5e5;
  text-align:center;
  white-space: nowrap;
  cursor: pointer;
}
.resp-tab-item:hover{text-decoration: none; background-color:#dcdcdc;}
h2.resp-accordion{cursor:pointer; padding:5px; display:none;}
.resp-tab-content{display:none; padding:15px;}
.resp-tab-active{background-color:#eef4f9 !important; background-image:none !important; border-bottom:none;}
.resp-content-active, .resp-accordion-active{display:block;}
h2.resp-tab-title:last-child{border-bottom:12px solid #fff !important; background:blue;}
.resp-vtabs .accoTab-list li{display:block; margin:0; cursor:pointer; float:none;}
.resp-vtabs .accoTab-container{}
.resp-vtabs .resp-tab-content{border:none;}
.resp-vtabs li.resp-tab-active{
  border-right:none;
  background-color:#fff;
  position:relative;
  z-index:1;
}
.resp-jfit{width:100%; margin:0px;}
.resp-tab-content-active{display:block;}
h2.resp-accordion:first-child{border-top:1px solid #fff !important;}
.accoTab-container .linksWrap{padding:0 0 17px 0;}

@media screen and (max-width:767px){
  .accoTab{margin-top:11px!important;}
  .accoTab .tabNav{display:none;}
  ul.accoTab-list{display:none;}
  h2.resp-accordion {
    display: block;
    position: relative;
    padding:10px 30px 10px 15px;
    background:#eef4f9;
    text-decoration:none;
    font-weight:bold;
    color:#000;
    cursor:pointer;
    line-height:1.3;
    border:none;
    border-top:#fff 1px solid;
  }
  h2.resp-tab-active{background:#83979d!important; color: #fff;}
  .resp-easy-accordion  h2.resp-accordion{display:block;}
  .resp-vtabs .resp-tab-content{border:1px solid #fff;}
  .resp-vtabs .accoTab-container{
    border:none;
    float:none;
    width:100%;
    min-height:initial;
    clear:none;
  }
  .resp-accordion-closed{display:none !important;}
  .resp-tab-content-active{padding-top:0!important;}
  .resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #fff !important;}

  .resp-arrow {position: absolute; top: 34%; right: 25px; }
  .resp-tab-active .resp-arrow{position: absolute; top: 40%; right: 25px;}
  .resp-arrow::before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 2px solid #727e8f;
    border-right: 2px solid #727e8f;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .resp-tab-active .resp-arrow::before{
    border-color: #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .resp-tab-content-active{padding:10px!important; border:#e9e9e9 1px solid; background-color: #fff;}
}


/*--------------------------------------------------
Block
--------------------------------------------------*/
/* categoryBlock
--------------------------------*/
.gridBlock{overflow: hidden; position: relative;}
.gridBlock .listBox { float: left; background-color: #eff4fa; box-sizing: border-box; }
.gridBlock .listBoxInner{background-color:#eff4fa;}
.gridBlock .listBoxInner .listTitle{
  font-size:1.8rem;
  font-weight:bold;
  margin:0 0 5px 0;
  padding-left:0;
  line-height:1.3;
  border-left:0;
}
.gridBlock a {color:#333;}
.gridBlock a:hover {text-decoration:none; opacity: 0.8;}
.gridBlock a.listBox{display: block;}
.gridBlock .listBox .imgArea{text-align:center;}
.gridBlock .listBox > a{display:block; color:inherit; text-decoration:none; overflow:hidden;}
.gridBlock .listBox > a:hover{text-decoration:underline;}
.gridBlock .listBox.linkBlank{position: relative;}
.gridBlock .listBox .imgPC{display:block; text-align:center;}
.gridBlock .listBox .imgSP{display:none;}
.gridBlock .listBox .imgArea{text-align:center;}
.gridBlock .listBoxInner{padding:21px 15px 21px 30px;}

.gridBlock.cl2 .listBox{width:50%;}
.gridBlock.cl3 .listBox{width:33.3%;}
.gridBlock.cl4 .listBox{width:25%;}
.gridBlock.cl5 .listBox{width:20%;}
.gridBlock.cl5 .listBoxInner{padding:15px 20px;}

.gridBlock.cl2.separate{margin:0 0 0 -2%;}
.gridBlock.cl3.separate{margin:0 0 0 -2%;}
.gridBlock.cl4.separate{margin:0 0 0 -1.5%;}
.gridBlock.cl5.separate{margin:0 0 0 -1%;}
.gridBlock.cl2.separate .listBox{width:48%; margin:0 0 2% 2%;}
.gridBlock.cl3.separate .listBox{width:31.3%; margin:0 0 2% 2%;}
.gridBlock.cl4.separate .listBox{width:23.5%; margin:0 0 1.5% 1.5%}
.gridBlock.cl5.separate .listBox{width:19%; margin:0 0 1% 1%;}

  @media screen and (max-width:767px){
    .gridBlock{margin:0 -10px!important;}
    .gridBlock .listBox{float:none; width:auto!important; margin:0!important;}
    .gridBlock .imgArea img{width:100%;}
    .gridBlock .listBoxInner{padding:20px;}
    .gridBlock .listBox > a:hover{
        box-shadow:none;
      -webkit-box-shadow:none;
      -moz-box-shadow:none;
    }
    .gridBlock .listBox .imgPC{display:none!important;}
    .gridBlock .listBox .imgSP{display:block!important;}
    .gridBlock .listBox .listBoxInner{padding:17px 10px 13px 25px!important;}
    .gridBlock .listBox .listBoxInner .listTitle{font-family:inherit;}

    /* thumb */
    .gridBlock .listBox.thumb{display: table; width:100%;}
    .gridBlock .listBox.thumb .imgArea{display:table-cell; width:32%; margin:0 10px 0 0;}
    .gridBlock .listBox.thumb .listBoxInner{display:table-cell; vertical-align: middle; padding:10px 10px 10px 20px!important;}
  }


/* pressBlock
--------------------------------*/
.pressBlock{margin:47px 0 0;}
.pressBlock .heading{overflow:hidden; margin-bottom:10px;}
.pressBlock .heading h2{font-size:2.4rem; line-height: 1; font-weight:bold; display: inline-block;}
.pressBlock .heading p{display: inline-block; margin:0 0 0 30px;}
.pressBlock .lists{padding:30px; background-color:#eef4f9;}
.pressBlock dl{overflow:hidden; background-color:#eef4f9;}
.pressBlock dl dt{margin:10px 0 0 0;}
.pressBlock dl dt:nth-of-type(1){margin:0;}
.pressBlock dl dt img{margin-right:8px; vertical-align:middle;}
.pressBlock dl dt span[class*="label"]{display: inline-block; padding:2px 14px 0; margin-left:10px; font-size: 1.2rem; line-height: 1.4; vertical-align: middle;}
.pressBlock dl dt span.labelNew{}
.pressBlock dl dt span.labelSeg{padding:2px 30px 0;}
.pressBlock dl dd{width:auto; text-overflow: all; white-space: normal;}
.pressBlock dl.ellipsis dt{float:left; margin:10px 15px 0 0; color:#666;}
.pressBlock dl.ellipsis dd{
  width:900px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  -moz-text-overflow:ellipsis; /* Firefox */
  -o-text-overflow:ellipsis; /* Opera */
  margin-top:10px;
  zoom:1;
}
.pressBlock dl.fixedInfo{padding:20px 0 0;}
#main .pressBlock dl.ellipsis dd{width:620px;}

  @media screen and (max-width:767px){
    .pressBlock{margin:37px 0 0;}
    .pressBlock .heading h2{font-size:1.8rem;}
    .pressBlock .heading p{font-size: 1.4rem; margin:0 0 0 15px;}
    .pressBlock .lists{padding:15px; margin:0 -10px;}
    .pressBlock dl dt img.label{width:66px; height:10px;}
    .pressBlock dl dt{float:none; margin:10px 0 0 0;}
    .pressBlock dl dt span.labelNew,
    .pressBlock dl dt span.labelSeg{padding:2px 10px 0;}
    .pressBlock dl dd{width:auto; margin-top:0; line-height: 1.5;}
    .pressBlock dl.ellipsis dt{float:none;}
    .pressBlock dl.ellipsis dd,
    #main .pressBlock dl.ellipsis dd{width:auto; white-space: normal; margin-top:0;}
  }

/* bnrBlock
--------------------------------*/
.bnrBlock{padding:0 20px 20px; margin:50px 0 0; background-color:#eef4f9;}
.h2Type01 + .bnrBlock{margin-top:0;}
.bnrBlock ul{overflow:hidden; margin-left:-20px;}
.bnrBlock ul li{float:left; margin:20px 0 0 20px; background-color: #fff; box-sizing: border-box;}
.bnrBlock ul li a{color:#333;}
.bnrBlock ul li a:hover{opacity:0.8; text-decoration: none;}
.bnrBlock ul li span{display:block; padding:24px 10px 24px 30px; vertical-align: middle;}
.bnrBlock ul li span.newWindow{background-position: 95% 50%;}
.bnrBlock ul li span em{font-size:1.8rem; font-weight: bold; display: block; padding-bottom:3px;}
.bnrBlock ul.cl2 li{width:510px;}
.bnrBlock ul.cl3{margin-left:-19px;}
.bnrBlock ul.cl3 li{width:334px; margin-left: 19px;}
.bnrBlock ul.cl4 li{width:245px;}
.bnrBlock ul.cl5 li{width:192px;}
.bnrBlock ul.cl4 li span,
.bnrBlock ul.cl5 li span{padding:24px 10px;}

#main .bnrBlock ul.cl2 li{width:370px;}
#main .bnrBlock ul.cl3{margin-left:-20px;}
#main .bnrBlock ul.cl3 li{width:240px; margin-left: 20px;}
#main .bnrBlock ul.cl4 li{width:175px;}
#main .bnrBlock ul.cl5 li{width:136px;}

  @media screen and (max-width:767px){
    .bnrBlock{padding:10px; margin:40px -10px 0;}
    .bnrBlock ul{margin: 0!important;}
    .bnrBlock ul li{width:100%!important; margin:10px 0 0 0!important;}
    .bnrBlock ul:nth-child(1) li{margin-top:0!important;}
    .bnrBlock ul li:nth-child(odd){clear:both;}
    .bnrBlock ul li:nth-child(even){float:right;}
    .bnrBlock ul li img{width: 100%;}
    .bnrBlock ul li span.newWindow{background-size:10px auto;}
    .bnrBlock ul.spFluid li{float:left; width:48.5%!important;}
    .bnrBlock ul.spFluid li:nth-child(2n+1){clear: both;}
    .bnrBlock ul.spFluid li:nth-child(even){float:right;}
    .bnrBlock ul.spFluid li span{padding:10px;}
    
  }


/*--------------------------------------------------
KeyVisual
--------------------------------------------------*/
/* chapterKV
----------------------------*/
.chapterKV{padding:100px 0 100px 65px; height:207px; color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); font-size:14px;}
.chapterKV h1{margin-bottom:15px; padding:0; border:none; font-size:40px; font-weight:bold; line-height:1.2; color:#fff;}
.chapterKV p.heading{margin-bottom:10px; font-size:24px; font-weight:bold; line-height:1.3;}
.chapterKV p{width:500px;}

/* chapterKV sectionKV
----------------------------*/
.chapterKV .more{margin-top:8px; width:auto;}
.chapterKV .more a{padding:8px 12px; border:#fff 1px solid; color:#fff; text-shadow:none; zoom:1;}
.sectionKV .more a:hover{background-color:#fff; color:#014099; text-decoration:none;}

.chapterKV.colorA,
.chapterKV.colorA h1{color:#000; text-shadow:none;}
.chapterKV.colorB,
.chapterKV.colorB h1,{color:#014099; text-shadow:none;}


/* kvFilter
----------------------------*/
.kvFilter{margin-bottom:30px; padding:10px 0; background:rgba(255,255,255,0.9); position:relative;}

@media screen and (max-width:767px){
  .chapterKV{/*height:265px;*/ text-align:center; padding:0; margin:25px 0 10px;}
  .sectionKV{padding:70px 0;}
  .chapterKV h1{padding:45% 0 10px; margin-bottom:0; font-size:200%;}
  .sectionKV h1{margin-bottom:10px; font-size:166%;}
  .chapterKV p,
  .sectionKV p{width:auto; display:none;}
  .chapterKV p.heading,
  .sectionKV p.heading{font-size:133%; display:block; margin-bottom:0;}
  .chapterKV .more,
  .sectionKV .more{display:block;}
  .chapterKV .more a,
  .sectionKV .more a{padding:5px;}
  .sectionKV h1{margin-bottom:0;}
  .kvFilter{padding:10px;}
  .kvFilter h2:first-child{margin-top:0;}
  .lowerKv .kvFilter{margin:0 -10px;}
  .lowerKv .sectionKV{padding:0;}
  .lowerKv .sectionKV h1{padding-top:45%; margin-bottom:10px; font-size:185%; text-align:center;}
}


/*--------------------------------------------------
photoLib
--------------------------------------------------*/
.photoLib{margin:20px 0 0 -5px; overflow:hidden; zoom:1;}
.photoLib li{float:left; margin:5px 0 0 4px;}

@media screen and (max-width:767px){
  .photoLib{margin-left:-1%;}
  .photoLib li{width:32%; margin:1% 0 0 1%;}
}


/*--------------------------------------------------
Video
--------------------------------------------------*/
.videoCloudBox100{width:100%; position:relative;}
.videoCloudBox75{width:75%; position:relative; margin:0 auto;}
.videoCloudBox50{width:50%; position:relative;}
.video-js .vjs-big-play-button{top:0; left:0; right:0; bottom:0; margin:auto; background-color:rgba(255,255,255,.50);}
.video-js .vjs-big-play-button::before{color:rgba(0,0,0,0.6);}
.labelMovie{position: relative; display: block;}
.labelMovie::before{
  content:'VIDEO';
  display: inline-block;
  position: absolute; bottom:0; left:10%;
  padding:5px 20px;
  background-color:rgba(0,0,0,.6);
  color:#fff;
  font-size: 1.4rem;
}
.videoCaption {
  padding: 21px 15px 21px 30px;
  background-color: #eee;
}
.videoCaption .h2Type01{margin:0;}
.videoCaption p{margin:5px 0 0;}
.gridBlock.videoVer .listBox,
.gridBlock.videoVer .listBoxInner{background-color:#eee;}

@media screen and (max-width:767px){
  [class*="videoCloudBox"]{width:auto; margin:0 -10px;}
  .boxer-container .inner{width:auto!important;}
}


/*--------------------------------------------------
productDetail
--------------------------------------------------*/
.productDetail{clear:both;}
.productDetail .lumpR{margin:0 0 0 30px;}
.productDetail h1 span.generalName{display:block; color:#000; font-size:1.4rem; font-weight: normal; padding-top:12px;}
.productDetail .markStar span{color:#ef6e02; font-weight:normal;}
.productDetail .bPattern05{margin-top:20px;}
.productDetail .linksWrap{padding-top:0;}

/* toContactUs
--------------------------------*/
.productDetail .toContactUs{margin:30px 0; text-align:center;}
.productDetail .toContactUs a{
  display:block;
  padding:13px 60px;
  border:#e5e5e5 1px solid;
  color:#000;
  font-size:1.8rem;
}
.productDetail .toContactUs a:hover{background-color:#014099; color:#fff; text-decoration:none;}

.productDetail .toBrandSite{margin:30px 0; text-align:center;}
.productDetail .toBrandSite a{
  display:block;
  padding:13px 20px;
  background-color:#eef4f9;
  position: relative;
  line-height: 1.5;
  font-weight: bold;
}

.productDetail .toBrandSite a:hover{background-color:#014099; color:#fff; text-decoration:none;}
.productDetail .toBrandSite a span{display:inline-block; padding-right:20px; font-size: 1.4rem;}
.productDetail .toBrandSite a span em{font-size:1.6rem;}

/* Change Photos
--------------------------------*/
.productDetail #proPhoto{width:540px; height:338px; position:relative; background-color: #e5e5e5;}
.productDetail #proPhoto img{position:absolute; top:0; left:0; right: 0; bottom:0; margin:auto; }
.productDetail #proThumb{margin:10px 0 0 0;}
.productDetail #proThumb li{
  width:100px;
  float:left;
  margin-left:10px;
  box-sizing: border-box;
}
.productDetail #proThumb li:first-child{margin-left:0;}
.productDetail #proThumb li a{display:block;}
.productDetail #proThumb li a:hover   {opacity:0.8;}
.productDetail #proThumb li a:active  {opacity:0.8;}
.productDetail #proThumb li img{width:100%;}
.productDetail #proThumb li span{
  width:100px;
  height:62.58px;
  margin-top:0;
  border:#eaeaea 1px solid;
  background-color:#f5f5f5;
  text-indent:-9999px;
  box-sizing: border-box;
}

.productDetail:after,
.productDetail .linkOthers ul:after,
.productDetail .linkSetWrap:after,
.productDetail #proThumb:after{content:''; display:block; clear:both; height:0; overflow:hidden;}

.productDetail,
.productDetail .linkOthers ul,
.productDetail .linkSetWrap{zoom:1;}

.productDetail #mediaWrap{display: none;}
.productDetail #proPhoto [id^="media"]{position: absolute; top:0; width:100%;}
.productDetail #proPhoto video{width:100%;}
.productDetail #videoBlock{overflow:hidden; padding-top:50px;}

.usedMark{margin-top:5px;}
.usedMark img{vertical-align:top; padding:7px 5px 0 0;}

.backCategory{text-align: center; margin:50px 0 0;}
.backCategory a{position: relative; display: inline-block; padding:25px 200px; background-color: #eef4f9; font-weight: bold;}
.backCategory a:hover{text-decoration:none; background-color: #014099; color:#fff;}
.backCategory a::before{
  content:'';
  display:inline-block;
  position:absolute;
  top: 40%;
  left: 30px;
  width:7px;
  height:7px;
  border-top:#014099 2px solid;
  border-right: #014099 2px solid;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  vertical-align: middle;
}
.backCategory a:hover::before{border-color:#fff;}

@media screen and (max-width:767px){
  .productDetail h1 span.generalName{padding-top:5px;}
  .productDetail .lumpR.sp100{overflow:hidden; /*width:295px!important;*/ margin-left:auto!important; margin-right:auto!important;}
  .productDetail .toContactUs{margin:20px 0;}
  .productDetail .toContactUs a{padding:10px; display:block;}
  .productDetail #proPhoto{width:100%; height:auto; padding-top:62.5%;}
  .productDetail #proThumb{margin:2% 2% 3%;}
  .productDetail #proThumb li{width:18.4%; height: auto; margin-left:2%;}
  .productDetail #proThumb li span{width:100%; height:0; padding-top:61%;}
  .productDetail #proThumb li img{height:auto;}
  .productDetail .bPattern05{margin-top:20px;}
  .productDetail #videoBlock{display:table; width:100%; margin:0; padding:20px 0;}
  .productDetail #videoBlock .videoCaption{padding:15px;}
  .productDetail .lumpMix{
    display: flex;
    -webkit-flex-direction: column; /* Safari */
    flex-direction:column;
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .productDetail .lumpMix .lumpR{order:1; -webkit-order:1;}
  .productDetail .lumpMix .lumpEnd{order:3; -webkit-order:3;}
  .productDetail .lumpMix #videoBlock{order:2; -webkit-order:2;}
  .backCategory a{padding:15px 0; display: block;}
}



/*--------------------------------------------------
sitemap
--------------------------------------------------*/
#sitemap{}
#sitemap h2{margin: 30px 0 5px; font-size: 2rem; font-weight: bold;}
#sitemap a{color:#333;}


/*--------------------------------------------------
Accordion
--------------------------------------------------*/
/* accWrap
--------------------------------*/
.accWrap .accHead {
  position: relative;
  padding:14px 40px 14px 30px;
  background:#eef4f9;
  text-decoration:none;
  font-size:1.8rem;
  font-weight:bold;
  color:#000;
  cursor:pointer;
  line-height:1.3;
  border-top:#fff 1px solid;
}
.accWrap .accordion-open {background:#83979d; color: #fff;}
.accWrap .accordion-open span{position: absolute; top: 40%; right: 30px; }
.accWrap .accordion-close span {position: absolute; top: 34%; right: 30px; }
.accWrap .accordion-close:hover{opacity:0.8;}
.accWrap .accHead span::before{
  content: '';
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 3px solid #727e8f;
  border-right: 3px solid #727e8f;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accWrap .accordion-open span::before{
  border-color: #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accWrap .accElem{padding:27px 30px; border:#e9e9e9 1px solid;}
.accWrap .accElem.linksWrap{padding:0 20px 20px 0;}

@media screen and (max-width:767px){
  .accWrap .accHead{padding:10px 30px 10px 15px; font-size:1.6rem;}
  .accWrap .accordion-open span{position: absolute; top: 40%; right: 25px; }
  .accWrap .accordion-close span {position: absolute; top: 34%; right: 25px; }
  .accWrap .accHead span::before{width: 6px; height: 6px; border-top-width: 2px; border-right-width: 2px;}
  .accWrap .accElem{padding:10px;}
  .accWrap .accElem.linksWrap{padding:0;}
}


/*--------------------------------------------------
switchWrap
--------------------------------------------------*/
.switchWrap .switchToggle{display:none;}
.switchWrap .switchOn{display:block;}
.switchWrap span.switchOn{
  display:inline;
  padding:3px 0 3px 18px;
  background:url(../images/icon_toggle_open.gif) 0 50% no-repeat;
}
.switchWrap .closeBtn{margin:20px 0 20px;}
.switchWrap .closeBtn span,
.switchWrap .switchToggle{color:#00c;}
.switchWrap .closeBtn span{
  padding:5px 10px;
  border:1px solid #ccc;
  -moz-border-radius:5px;
  border-radius:5px;
}
.switchWrap .allOpenBtn{
  display:inline-block!important;
  margin:10px 0;
  padding:5px 7px 5px 22px!important;
  background:#014099 url(../images/icon_toggle_open.gif) 7px 50% no-repeat!important;
  color:#fff;
  overflow:hidden;
}
.switchWrap .allOpenBtn:hover,
.switchWrap .closeBtn span:hover,
.switchWrap .switchToggle:hover{ text-decoration:underline;}
.switchWrap .nowOpen{color:#4e98fb; background:url(../images/icon_toggle_close.gif) 0 50% no-repeat!important;}
.switchWrap .allOpenBtn.nowOpen{
  padding:5px 7px 5px 25px!important;
  background:#fff url(../images/icon_toggle_close.gif) 7px 50% no-repeat!important;
  color:#014099;
  border:#014099 1px solid;
}
.switchWrap .switchDetail{margin:5px 0 10px;}

/* accIsh
--------------------------------*/
.accIsh.switchWrap .switchToggle {
  position: relative;
  padding:14px 40px 14px 30px;
  background:#eef4f9;
  text-decoration:none;
  font-size:1.8rem;
  font-weight:bold;
  color:#000;
  cursor:pointer;
  line-height:1.3;
  border-top:#fff 1px solid;
}
.accIsh.switchWrap .switchToggle.nowOpen {background:#83979d!important; color: #fff;}
.accIsh.switchWrap .switchToggle span {position: absolute; top: 34%; right: 30px; }
.accIsh.switchWrap .switchToggle.nowOpen span{position: absolute; top: 40%; right: 30px; }
.accIsh.switchWrap .switchToggle:hover{opacity:0.8;}
.accIsh.switchWrap .switchToggle span::before{
  content: '';
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 3px solid #727e8f;
  border-right: 3px solid #727e8f;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accIsh.switchWrap .switchToggle.nowOpen span::before{
  border-color: #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accIsh.switchWrap .switchDetail{margin:0; padding:27px 30px; border:#e9e9e9 1px solid;}
.accIsh.switchWrap .switchDetail.noBd{border:none; padding:20px 30px;}
.accIsh.switchWrap .switchDetail.linksWrap{padding:0 20px 20px 0;}

@media screen and (max-width:767px){
  .accIsh.switchWrap .switchToggle{padding:10px 30px 10px 15px; font-size:1.6rem;}
  .accIsh.switchWrap .switchToggle.nowOpen span{position: absolute; top: 40%; right: 25px; }
  .accIsh.switchWrap .switchToggle span {position: absolute; top: 34%; right: 25px; }
  .accIsh.switchWrap .switchToggle span::before{width: 6px; height: 6px; border-top-width: 2px; border-right-width: 2px;}
  .accIsh.switchWrap .switchDetail{padding:10px;}
  .accIsh.switchWrap .switchDetail.noBd{padding:10px;}
  .accIsh.switchWrap .switchDetail.linksWrap{padding:0;}
}


/*--------------------------------------------------
clearfix
--------------------------------------------------*/
.clearfix{clear:both;}

.clearfix:after,
.linkListWrap li:after,
.tabNav ul:after,
.linksWrap ul:after,
.insideLinksWid ul:after,
.columnBlock:after,
.lumpMix:after,
.listBox.thumb:after,
.bnrBlock ul:after{content:''; display:block; clear:both; height:0; overflow:hidden;}