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

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


/* 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 -4%;}
[class*="imgColumn"] li{float:left; margin-left:4%; 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:46%;}
.imgColumn3List li{width:29.3%;}
.imgColumn4List li{width:21%;}

@media screen and (max-width:767px){
  .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{padding:0 0 17px 0; margin-top:50px; background-color:#eef4f9;}
.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;}
.linksWrap ul{overflow:hidden;}
.linksWrap ul li{
  float:left;
  width:22.5%;
  margin:20px 0 0 2%;
}
#main .linksWrap ul li{width:22%; margin-left:3%;}

.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;}
}

/* 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;}
  }


/*--------------------------------------------------
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 .allOpenBtn,
.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;
  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;}
}


/*--------------------------------------------------
introductBlock
--------------------------------------------------*/
.introductBlock .introductBox{border-top: 1px solid #e9e9e9; padding: 15px 0;}
.introductBlock .introductBox:first-child{border-top:none; padding-top:0;}
.introductBlock .introductBox:last-child{padding-bottom:0;}
.introductBlock .introductBox .lumpL{margin:0 20px 0 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;}