@charset "UTF-8";


@media screen and (min-width: 768px) {

.old-area .top-nav .mod-anchor-link>ul>li:last-child {

  position: relative;
      border-right: 0px solid #d8d8d8;
  
}

.old-area .top-nav .mod-anchor-link>ul>li:last-child::after {

  content: '';
  position: absolute;
  width: 1px;
  bottom: 0;
  right: -1px;
height: 100%;
background-color: #d8d8d8;
}

.old-area .floating02 .mod-anchor-link > ul li {

  margin-bottom: 0;

}


.floating02
.mod-anchor-link > ul {
 
      margin-bottom: 0px;

}





}


.mod-anchor-link > ul {


  display: flex;
  flex-wrap: wrap;

}
.floating02
.mod-anchor-link > ul {
  padding-bottom: 2px;
  margin-top: 32px;



}



.top-nav.floating02 {
  position: fixed !important;
  width: 100% ;
  top:100px;
  margin-top: 0px !important;
 /* padding: 0px 20px !important;*/
  box-sizing: border-box;
  z-index: 1;
  /*transition: .3s;*/
  transform: translateY(-300%);
  box-shadow: 0px 15px 10px rgba(0,0,0,0.4);
  background: #fff;
  padding-left:230px ;
  left: 0;
  
}

.floating02.open01 {

transition: .5s;/**/ 
transform: translateY(0%);
background: #fff;


}


@media screen and (max-width: 989px) {

.top-nav.floating02 {

  padding-left: 0;
  top: 30px;

}




body .floating02.open01 .scroll {
      overflow: auto;/*tableをスクロールさせる*/
      white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
      /*padding-bottom: 15px;*/
      }
      
      body .scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
      height: 8px;
      }
      body .scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
      background: #F1F1F1;
      }
      body .scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
      background: #195cbf;
      }



      body .floating02.open01 .mod-anchor-link > ul {

flex-wrap: nowrap;
padding-bottom: 0;
width: 100%;
overflow: initial;
margin: 0 0 5px;
}

.floating02.open01 
.mod-anchor-link.scroll > ul > li {

margin-bottom: 0;

}


body .mod-anchor-link > ul > li {
  line-height: 1.3;
  padding: 0 25px;
  border-left: 1px solid #d8d8d8;
  border-top: 0;
  font-size: 1.6em;
}


}




@media screen and (max-width: 767px) {






      body .mod-anchor-link > ul {

flex-wrap: wrap;
padding-bottom: 0;
width: 100%;
overflow: initial;
margin: 0 0 5px;
}

body .floating02.open01 .mod-anchor-link > ul {

flex-wrap: nowrap;

}




body .mod-anchor-link > ul > li {

margin-bottom: 5px;

}




body .top-nav.floating02.open01 {


  top: 90px !important;
  padding-top: 2px;
}



body .mod-anchor-link > ul > li > a {

  padding: 3px 0 3px 12px;

}


body .mod-anchor-link > ul > li > a:before {


  left: -10px;
}



body .floating02.open01 .mod-anchor-link > ul {

padding-bottom: 0;
margin-bottom: 0;
}




.iPhone .floating02.open01 .mod-anchor-link > ul > li,

.Android .mod-anchor-link > ul > li {

border-bottom:0px solid #d8d8d8 ;

}


.iPhone .floating02.open01 .mod-anchor-link > ul > li {

border-bottom:1px solid #d8d8d8 ;

}





}




@media screen and (min-width: 1999px) {


.on_tb {

  display: none !important;
}


}




@media screen and (min-width: 768px) and (max-width: 989px) {

body .floating02.open01 .mod-anchor-link > ul {

  margin-top: 32px;
}
.old-area .top-nav.floating02 {

  top:50px;
}


}

@media screen and (min-width: 990px) and (max-width: 1161px) {

body .old-area .top-nav.floating02 {

  top:65px;
}

}

@media screen and (min-width: 1162px) {

body .old-area .top-nav.floating02 {

  top:50px;
}



}