@charset "utf-8";
.animation {
margin: 50px 0;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.wildlife_title {
  width: 100%;
  height: 70vw;
  min-height: 600px;
  max-height: 760px;
	/* animation: image_anime 10s ease infinite; /* 5秒のアニメーションを繰り返す */
}


.color2{
    color: #333 !important;
}

.back_back{
margin: 16% auto 0 auto;
width: 800px;
position: relative;
z-index: 1500 !important; 
}

.back_back h1{
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
    font-weight:100;
    color: #fff;
    font-size: 300%;
    text-align: center; letter-spacing: 10px;
}

.wrapper{
    position: relative;
}
#vegas p {
    font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
    font-weight:100;
    position: absolute;
    font-size: 14px;
    color: #fff;
    bottom: 0;
    right:10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.ribbon-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding:  0;
  width: 120px;
}
.ribbon {
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
    font-weight:100;
  display: inline-block;
  position: absolute;right: 0;  top:0;
  box-sizing: border-box;
  padding:4px 15px !important;
  margin: 0 0 0 -10px;
  width: auto;
  font-size: 12px !important;;
  color: white;
  background:#13847C;
}
/*.ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 5px transparent;
  border-right: solid 10px #464646;
}*/
.ribbon .fa-solid{margin-right: 7px;}
.ribbon1 {  background:#13847C;}
.ribbon2 {  background: #941B1D;}
.ribbon3 {  background: #2F5531;}
.ribbon4 {  background: #294B88;}
.ribbon5 {  background: #8B2E4D;}
.ribbon6 {  background: #B17620;}
    
.sup {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.sup.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.gallery li {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
    
}
.gallery li.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


.flex__item p:first-child {
    font-weight: bold;
    }
.box_mapmap{
   width: 1024px; margin: 0 auto;
}
.bg_map{
    background-image: url("images/bg_map.png");
    background-repeat: no-repeat;
    position:absolute;
    width: 680px;
    height: 690px;
    right: 1%;
    z-index: 100;
    margin-top:100px;
}

.cap{
    font-size: 80% !important;
    padding: 2px;
}
.pata_text_map{
    width: 40vw;
    max-width: 1024px;
    padding: 0px 0px 40px 0;
/*    margin: 0 auto;*/
    color: #fff;
    min-width: 500px;
    line-height: 200%;
}
.box_mapout{
    width: 1024px; margin:0 auto 0px auto;
}

h2.h2_map {
    width: 50vw !important;
    padding: 0px !important;
    margin:60px 0px 40px 0px !important;
}
span.stxt_map{
    margin: 0px !important;
}

.pata_text{
width: 900px;
    color: #fff;
    padding: 0 0 40px 0;
    margin: 0 auto;
    line-height: 200%;
    text-align: left;
    font-weight:100;}

svg.demo{
    display:inline-block;
    stroke:#fff;
    font-size: 12px;
    padding: 0px; 
    margin-top: -40px;
    text-shadow: 0 0 0.6em rgba(255,255,255,1);
    }
text.demo{
font-family: apertura-condensed, sans-serif;
font-weight: 700;
font-style: normal;
    fill:none;
    text-align: center;
    font-size: 280%;
    max-width: 100px !important;
    stroke-width: 0.1px;
        stroke-dasharray: 300;
        animation: demo_kururi 10s ease 3s forwards,demo_kururi3 1s ease 6s forwards;
        opacity: 0;
    }
    
    @keyframes demo_kururi {

        from {
        opacity: 1;
        stroke-dashoffset: 300;
/*        fill:#faf0e6;*/
        }
        to {
        opacity: 1;
        stroke-dashoffset:0;
      /* fill:#333;*/ 
        }
    }
text.demo2{
/*font-family: 'Lato', sans-serif;*/
font-family: nitalago-ruika, sans-serif;    fill:none;
    margin: 0 auto;
        font-weight:100;
    font-size: 100%;
        stroke-width: 0.1px;
        stroke-dasharray: 300;
        animation: demo_kururi2 10s ease 3s forwards , demo_kururi3 1s ease 6s forwards;
        opacity: 0;
    }
    @keyframes demo_kururi2 {

        from {
        opacity: 1;
            stroke-dashoffset: 300;
/*        fill:#faf0e6;*/
        }
        to {
        opacity: 1;
            stroke-dashoffset:0;
      /* fill:#333;*/ 
        }
    }
    @keyframes demo_kururi3 {

        from {
            stroke-dashoffset:0;
        fill-opacity: 0;
            fill:#fff;
        }
        to {
        stroke-dashoffset:300;
        fill-opacity:100%;
        fill:#fff;
        }
    }





/*
.h1_pata::after {
  content: '';
  width: 160px;
  height: 6px;
  display: block;
  background-color: #fff;
  position: relative;
  bottom: -10px;
  z-index: 1000;
  top: 20px;
  z-index: 2000;
  left: calc(50% - 80px)
}*/
    
.TextTyping span {
	display: none;
}

/*文字列後ろの線の設定*/


@keyframes typinganime{
	from{opacity:0}
	to{opacity:1}
}

h2 {
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
  position: relative;
  display: block;
  padding: 0 65px;
    font-size: 200%;
    font-weight:100;
    line-height: 100%;
    margin:60px auto 40px auto;
    color: #fff;
    text-align: center;
text-shadow: 0 0 0.6em rgba(17,17,17,0.5);
}
h2 span.stxt{
text-shadow: 0 0 0.6em rgba(17,17,17,0.5);
    font-size: 13px !important;
    font-weight: normal;
}
h3 {
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
font-weight:100 !important; text-align: center;
}

/*h2:before, h2:after {
  content: '';
  position: absolute;
  top: 39%;
  display: inline-block;
  width: 44px;
  height: 1px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
h2:before {
  left:0;
}
h2:after {
  right: 0;
}*/

.box_960{
    background-color: rgba(255,255,255,0.9);
    padding:40px 40px 20px 40px;
    line-height: 180%;
}

table.brwsr2 {
margin: 0 auto;
width: 100%;
border: none;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
}

.box_office table.brwsr2 h4{ margin:5px 0px; font-size: 16px; font-size: 1.6rem}
table.brwsr2 th {
vertical-align: middle;
height: 43px;
padding:0px 15px;
border-right: solid 1px #666;
margin: 0;
text-align: center;
color: #333;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}

table.brwsr2 td {
padding: 0 0 0 15px;
margin: 0;
border: none;
color: #444;
font-size: 14px;
line-height: 160%;
text-align:left;
vertical-align: middle;
overflow: hidden;
}

table.brwsr2 td:fst-child {
padding: 0 0 0 1px;
vertical-align: middle;
}

table.brwsr2 td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}


@media only screen and (max-width: 767px) {
.box_office table.brwsr2 br{ display: inline}
table.brwsr2 {width:100%;}
table.brwsr2 th{ display: block;  border-right:0; width: 100%;padding:5px 0px ;height:auto;}
table.brwsr2 td{ display: block;padding:0px ;}
}
/*==================================================
共通　横並びのための設定
===================================*/

.box_patanavi{
    display: block;
    z-index: 1050 !important;
    background-color: #fff !important;

}
.gnavi{
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
    font-weight:100;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0 auto ;
    list-style: none;
    width: 960px; 
}

.gnavi li a{
    display: block;
    padding:10px auto ;
    text-decoration: none !important;
    color: #333;
    
}

.gnavi li{
    margin:20px 0px;
    width: 16%;
    text-align: center;
    padding: 10px 0px;
background-color: #fff;
}

/*==================================================
　5-3-1 中心から外に線が伸びる（下部）
===================================*/

.gnavi li a{
    /*線の基点とするためrelativeを指定*/
	position: relative;
}

.gnavi li.current a,
.gnavi li a:hover{
	color:#333;
}

.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -10px;
    left: 20%;
    /*線の形状*/
    width: 60%;
    height: 2px;
    background:#333;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


#pankuzu_a{ z-index:100; position:relative;}




/*.swiper-container,
.swiper-wrapper {
        height: 600px;
    background-color: #333;

      }
      .swiper-slide:nth-child(1) {
        opacity:0;
        width: 33%;
          background-image: url("images/top-mv-1-pc.jpg") ;
          background-size: cover;
          animation: bgg 2s ease 4s forwards;
      }
      .swiper-slide:nth-child(2) {
        opacity:0;
        width: 34%;
          background-image: url("images/top-mv-2-pc.jpg") ;
          background-size: cover;
          animation: bgg 2s ease 4.5s forwards;
      }
      .swiper-slide:nth-child(3) {
        opacity:0;
        width: 33%;
          background-image: url("images/top-mv-3-pc.jpg") ;
          background-size: cover;
          animation: bgg 2s ease 5s forwards;

      }

    @keyframes bgg {

        from {
        opacity:0;
        }
        to {
        opacity: 1;
        }
    }*/








.parallax_content{
  font-family:"メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  height: 100%;
  padding:30px 0px 40px 0px;
  font-size: 16px;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.img_bg_01{
  background-image: url( "images/title_bg006.jpg");
}
.img_bg_02{
/*  background-image: url( "images/aa.gif");*/
        background-color: #538364 ;
}

.img_bg_03{
  background-image: url( "images/title_bg0003.jpg");
}
.img_bg_04{
        background-color: #538364 ;
/*  background-image: url( "images/aa.gif");*/
}
.img_bg_05{
  background-image: url( "images/bg001.jpg");
}
.img_bg_06{
  background-image: url( "images/title_bg0006.jpg");
    
/*      background-color: #867467 ;
    background-image: url( "images/aa.gif");*/
}
/*
.img_bg_01{
  background-image: url( "images/aaa.gif");
}
.img_bg_02{
  background-image: url( "images/bbb.gif");
}
.img_bg_03{
  background-image: url( "images/ccc.gif");
}
.img_bg_04{
  background-image: url( "images/ddd.gif");
}
.img_bg_05{
  background-image: url( "images/eee.gif");
}
*/

/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{

display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 50px;
max-width: 1600px;
margin: 0 auto;
}

.gallery li {
    margin-bottom: 16px;/*各画像下に余白をつける*/
    padding:0px;
    background-color: #fff;
display: inline-block;flex-basis: 32.4%;
}
.gallery li p {
    /*padding: 16px;*/
    padding: 14px 16px;
    font-size: 14px;
}
.gallery li strong {
font-family: nitalago-ruika, sans-serif;
    font-weight:100;
    font-size: 120%;
    line-height: 120%;
    display: inline-block;
    padding-bottom: 8px;
}
.gallery li strong span{
    font-size: 70%;
    font-weight: normal;
}


/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
  width:100%;
  height:auto;
  vertical-align: bottom;/*画像の下にできる余白を削除*/
}




/*========= 関連ツアーのとこ ===============*/

ul{
  margin:0;
  padding: 0;
  list-style: none;
}

.flex__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    line-height: 140%;
}

.flex__wrap p{
    display: inline-block;
    margin-bottom: 5px;
}

.flex__wrap i{
    margin-right: 5px;
    color: #5fae9b;
}

/*追加*/
.flex__wrap:after {
  content: "";
  width: 30%;
}

.flex__item {
  display: block;
  width: 48%;
  margin-bottom: 44px;
    line-height: 160%;
}

.flex__item::before{
  content: '';
  width: 100%;
  height: 5px;
  display: block;
  background-color:#5fae9b;
  position: relative;
  bottom: -10px;
  z-index: 1000;
  top: -20px;
  z-index: 2000;
}

*, *:before, *:after {
	box-sizing: border-box;
}


.list{
	max-width: 745px;
	margin: 0 auto;
    padding:0px 0px;
}
.list li {
    display: flex;
    justify-content: space-between;
}
.list >li {
    background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 2px);
    background-size: 4px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 12px 0px;
}

.list li .img {
    width: 24.65%;
}
.list li .text {
    width: 73.2%;
}

.list li .text .title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #364f63;
    font-weight: bold;
    display: block;
}

.list li .text p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    margin-top: 2px;
}

.list li .text .info-list {
    font-weight: bold;
}
.list li .text .info-list li{display: flex;justify-content: flex-start;}
.list li .text .info-list li .label {
    display: inline-block;
    width: 38px;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    background: #4a4a4a;
    text-align: center;
    margin-right: 5px;
    line-height: 1.4;
}

.list li .text .info-list li .item {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.50;
    color: #4a4a4a;
    margin-right: 15px;
    letter-spacing: -0.01rem;
}


.box_miryoku h3{
    padding-bottom: 20px;
    font-size: 150%;
}
.box_miryoku p.stxt{
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
  display: block;
    font-size: 80% !important;
    text-align: center;
    background-color: #71bdaa;
    color: #fff;
    margin:0 auto 12px auto;
    padding-top: 2px;
    line-height: 160%;
    width: 250px;
}

.flex_wrap2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 140%;
}

.flex_item2 {
  display: block;
  width:49%;
  margin-bottom: 44px;
  line-height: 160%;
}
.flex_wrap3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: 140%;
}
.flex_item3 {
  display: block;
  width:32.4%;
    font-size: 14px;
  margin-bottom:12px;
  line-height: 160%;
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
    font-weight:100;
}
.flex_item3 img{
    margin-bottom: 5px
}

#video-area{
    position: relative;
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    padding: 50px 0px;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

.box_cruze{
padding:0px 40px;  min-height: 500px;
}

.text_cruze{
    width: 860px !important;
    padding: 0;
    margin: 0 auto;
    line-height: 180%;
}


.sliderArea {
  max-width:860px;
  margin: 20px auto;
}
.sliderArea p{
    font-size: 80%;
    text-align: center;
    padding: 10px 0px;
}

.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
}
.slick-active {
}
.slick-current {
}

.slick-dotted.slick-slider {
  margin-top: 0px;
  margin-bottom: 27px;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 0;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  text-align: center;
  opacity: .25;
  -ms-filter: "alpha(opacity=25)";
  /* ie 8 */
  filter: alpha(opacity=25);
  /* ie lt 8 */
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-filter: "alpha(opacity=25)";
  filter: alpha(opacity=25);
  /* ie lt 8 */
  width: 12px;
  height: 12px;
  background: #333;
  border-radius: 10px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}



/*スマホ表示*/



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

.img_bg_01{
background-color: #537cc4 ;
  background-image: none!important;
}
.img_bg_02{
background-color: #87c9b9 ;
}

.img_bg_03{
background-color: #5ca8c6 ;
  background-image: none!important;
}
.img_bg_04{
background-color: #87c9b9 ;
}
.img_bg_05{
background-color: #ed6969 ;
  background-image: none!important;
}
    
.box_960s{
}    
.text_cruze{
    width: auto !important;
    padding: 0px;
    margin: 0 auto;
}
    
.flex_item3 {
  width:32.4%;
  font-size: 12px;
  margin-bottom:12px;
  line-height: 120%;
font-family:'nitalago-ruika', 'Yantramanav', sans-serif;
    font-weight:100;
}
.flex_item3 span{
    line-height:80%;
    }
    
.flex_wrap2 {
  display: block;
}
.flex_item2 {
  width:100%;
  margin-bottom: 44px;
  line-height: 160%;
}    
    
    
#video-area{
    position: relative;
    overflow: hidden;
}
#video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}
    
.flex__item {
  display: block;
  width:100%;
  margin-bottom: 44px;
  line-height: 160%;
}    

.box_cruze{
padding:0px 20px; 
}

.box_miryoku p{
    font-size: 15px;
    line-height: 160%;
    }

h2 {
  padding: 0 25px;
    font-size: 200%;
    margin:60px auto 40px auto;
    color: #fff;
    text-align: center;
text-shadow: 0 0 0.6em rgba(17,17,17,0.5);
}    

.gallery{
padding: 0 10px;
max-width: auto;
margin: 0 auto;
}

.gallery li {
    margin-bottom: 16px;/*各画像下に余白をつける*/
    padding:0px;
    background-color: #fff;
display: inline-block;flex-basis: 100%;
}

.gallery li p {
    /*padding: 16px;*/
    padding: 14px 16px;
    font-size: 14px;
}
.gallery li strong {
font-family: nitalago-ruika, sans-serif;
    font-weight:100;
    font-size: 120%;
    line-height: 120%;
    display: inline-block;
    padding-bottom: 8px;
}
.gallery li strong span{
    font-size: 70%;
    font-weight: normal;
}
    
    
.box_mapmap{
   width:100%;
}
.pata_text_map{
    width:90%;
    font-size: 15px;
    padding: 0px 20px 20px 20px;
    min-width: auto;
    margin: 0 auto;
    line-height: 170%;
}
    
.box_mapout{
    width:100%; margin:0 auto 0px auto;
}

h2.h2_map {
    width: 100% !important;
    padding: 0px !important;
    margin:60px 0px 40px 0px !important;
}
.bg_map{
    background-image: url("images/bg_map.png");
    background-repeat: no-repeat;
    position:relative;
    width: 100%;
    height: 380px;
    right: 1%;
    background-size: 100% auto;
    z-index: 100;
    margin-top: 20px;
}
    
.wildlife_title {
  height: 60%;
  min-height: 460px;
}
    
svg.demo{
    display:inline-block;
    padding: 0px; 
    margin-top: -16px;
    }
text.demo{
    font-size: 280%;
    max-width: 100px !important;
    stroke-width: 0.1px;
    }
    
#vegas p {
    display: none;
}
.back_back{
margin: 40% auto 0 auto;
width: 96%;
position: relative;
z-index: 1500 !important; 
}
.back_back h1{
    font-size: 22px;
    letter-spacing: -0.5px;
    }
	#sticker{overflow-x: scroll;}
.gnavi{
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0 auto ;
    list-style: none;
    padding: 10px 10px 10px 10px;
	width: 590px;
}

.gnavi li a{
    display: block;
    padding:5px 10px;
    text-decoration: none !important;
    color: #333;
}

.gnavi li{
    margin:0px 0px;
    width: auto !important;
    white-space: nowrap;
    text-align: center;
    padding: 0px 0px;
background-color: #fff;
    text-align: center;
}
.gnavi li a::after {
display: none!important;}

.gnavi li:nth-of-type(1) {
    }

.gnavi li:nth-of-type(2) {
    }

    
.pata_text{
width: auto;
    font-size: 14px;
    padding: 0 16px 40px 20px;
    line-height:160%;
    text-align: left;
}    
body.feature main .box_960 {
  width:84% !important;
  margin: 0 auto;
  padding: 20px;
}
    
h2 {
    line-height: 120%;
}
	/*.list li .img{width: 140px;position: absolute;right: 20px;}
	.list li .text{width: 100%;}
	.list li .text:before{content: "";width: 144px; height: 95px; float: right;}*/
	h2 br.sp2{display: block;content: "";height: 10px;line-height:150%;}    
    
}
.tour-sub-list{
    max-width: 745px;
    margin: 0 auto;
    padding: 0px 0px;
}
.tour-sub-list li{
    background-color: transparent;
}
.recommended-list {
    line-height: 1;
}
.tour-sub-list li{
    padding-left: 0;
}